html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}
body {
  line-height: 1.4;
  font-size: 80%;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

sub {
   vertical-align: sub;
   font-size: 70%;
}

sup {
  vertical-align: super;
   font-size: 70%;
}

textarea { overflow: auto; }
fieldset, input { margin: 0;  padding: 0; }
label, input[type=button], input[type=submit], button { cursor:pointer; }
input[type=button], input[type=submit], button { overflow: auto; border: 0px outset #000; }
.submit_better::-moz-focus-inner { padding: 0; }


html { overflow-y:scroll; }

body {
  background: #cce3c9;
  font-family: Verdana, Arial, Tahoma;
  color: #353535;
	text-align: left;
}

textarea {
  font-family: Verdana, Arial, Tahoma;
  font-size: 90%;
}

#bg-line {
  background: url(../img/bg-line.gif) repeat-y center top;
}

#bg-foto {
  background: url(../img/bg-foto.jpg) no-repeat center top;
}

#obal {
  margin: 0 auto;
  width: 977px;
  padding: 0 7px 0 7px;
  position: relative;
}

#top {
  position: absolute;
  top: 6px;
  width: 975px;
  height: 201px;
  background: url(../img/top-bg.png) no-repeat left;
  margin: 0 0 0 1px;
}

#top-foto-animace {
  width: 219px;
  height: 253px;
  padding: 2px 5px 0 0;
  background: url(../img/animace-foto-leto.gif) no-repeat;
  float: right;
  text-align: right;
  color: #fff;
  font-size: 80%;
}

#top-foto {
  width: 660px;
  height: 169px;
  padding: 2px 5px 0 0;
  background: url(../img/top-image.jpg) no-repeat;
  float: right;
  text-align: right;
  color: #fff;
  font-size: 80%;
}

#logo {
  float: right;
}

#top ul li {
  float: left;
  position: relative;
}

#top ul li ul {
  position: absolute;
  left: 0;
  top: 30px;
  display: none;
  margin-left: 1px;
}

#top ul li:hover ul {
  display: inline;
}

#top ul li ul li {
  float: none;
  margin: 0;
}

#top ul li a {
  display: block;
  float: left;
  width: 194px;
  height: 31px;
  padding: 15px 0 0 0;
  background: url(../img/menu.png) no-repeat;
  margin: -16px 0 0 1px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

#top ul li ul a {
  float: none;
  width: 194px;
  height: 28px;
  padding: 10px 0 0 0;
  background: url(../img/menu-2.png) no-repeat;
  margin: 0;
  text-transform: none;
}

#top ul li a:hover,#top ul li a:active,#top ul li a:focus,#top ul li a.active {
  background: url(../img/menu-hover.png) no-repeat;
  text-decoration: underline;
}

#top ul li ul li a:hover,#top ul li ul li a:active,#top ul li ul li a:focus,#top ul li ul li a.active {
  background: url(../img/menu-2-hover.png) no-repeat;
}

#obsah {
  padding: 208px 0 0 0;
  min-height: 600px;
}

#homepage {
  background: url(../img/obsah-homepage.jpg) no-repeat top;
  min-height: 600px;
}

#page {
  background: url(../img/obsah-page.png) no-repeat top;
  min-height: 600px;
}

#content {
  padding: 10px 11px 20px 10px;
}

#drobeckovka {
  font-size: 80%;
  color: #33982a;
  font-weight: bold;
  margin: 0 0 10px 0;
}

#drobeckovka a, #drobeckovka span {
  color: #033200;
  font-weight: normal
}

#text {
  width: 744px;
  float: right;
}

#homepage #text {
  margin: 190px 0 0 0;
}

#homepage-text {
  margin: 10px 20px 20px 20px;
}

#homepage h1 {
  font-size: 110%;
  margin: 0 0 10px 0;
}

.novinka {
  border: 1px solid #85c17f;
  padding: 0 0 10px 0;
  margin: 15px 0 0 0;
}

.novinka h3 {
  background: #33982A;
  padding: 4px 10px;
  margin: 0 0 15px 0;
  color: #fff;
}

.novinka h3 span {
  float: right;
  font-weight: normal;
  font-size: 80%;
  padding: 2px 0 0 0;
  color: #fff;
}

.novinka h3 a {
  color: #fff;
}

.novinka img {
  margin: 0 25px 10px 10px;
  float: left;
}

.novinka p {
  padding: 0 10px;
}

.novinka a.novinka-vice {
  color: #195d13;
  float: right;
  font-size: 80%;
  margin: 0 10px 0 0;
}

#page h1 {
  margin: 17px 0 40px 0;
  color: #DD200E;
  font-size: 170%;
}

#left {
  float: left;
  width: 200px;
  padding: 0;
  color: #fff;
}

#left-content {
  background: url(../img/left-bg.png) repeat-y;
  width: 190px;
  padding: 0 5px;
}

#left-bottom {
  background: url(../img/left-bottom.png) no-repeat;
  width: 200px;
  height: 25px;
}

#left h3 {
  background: #22731B url(../img/left-nadpis.png) no-repeat;
  height: 27px;
  padding: 7px 0 0 0;
  font-weight: bold;
  text-align: center;
}

#left h3.left-first {
  background: url(../img/left-top.png) no-repeat;
  height: 28px;
  padding: 11px 0 0 0;
}

#left #left-content p {
  font-size: 85%;
  margin: 0;
  padding: 10px 10px;
  font-weight: bold;
}

#left a {
  color: #fff;
  text-decoration: underline;
  display: block;
  font-weight: normal;
}

#left a:hover, a:focus, a:active {
  color: #ce1416;;
  text-decoration: none;
}

#left #left-content p span {
  color: #000;
  font-weight: normal;
  padding: 0 0 0 5px;
}

#left #left-content ul {
  margin: 0;
  padding: 0 10px 10px 15px;
}

#left #left-content ul li {
  list-style: square inside url(../img/left-bullet.gif);
  font-size: 85%;
}

#left ul a {
  display: inline;
  font-weight: bold;
}

p.facebook {
  text-align: right;
  font-size: 80%;
  padding: 30px 0 0 0;
}

p.facebook img {
  margin: 0 0 -5px 3px;
}

#footer {
  background: url(../img/footer.png) no-repeat;
  width: 931px;
  height: 171px;
  padding: 35px 30px 0 30px;
  margin: 0 auto;
  font-size: 80%;
}

#footer form {
  width: 150px;
  float: left;
  margin: 0 30px 0 0;
}

#footer form strong {
  color: #063d02;
  display: block;
  padding: 0 0 5px 0;
}

#footer form input {
  color: #074c01;
  display: block;
  padding: 0 0 0 5px;
  width: 143px;
  height: 15px;
  background: url(../img/kontakt-form-input.png) no-repeat;
  border: 1px solid #fff;
  font-size: 100%;
  margin: 0 0 1px 0;
}

#footer form textarea {
  color: #074c01;
  display: block;
  padding: 0 0 0 5px;
  width: 143px;
  height: 47px;
  background: url(../img/kontakt-form-textarea.png) no-repeat;
  border: 1px solid #fff;
  font-size: 90%;
  margin: 0 0 1px 0;
}

#footer form input.form_submit {
  color: #074c01;
  display: block;
  padding: 0;
  width: 150px;
  height: 20px;
  background: url(../img/kontakt-form-submit.png) no-repeat;
  border: 1px solid #bbe5a1;
  font-size: 100%;
  margin: 0 0 1px 0;
  color: #fff;
  text-transform: uppercase;
}

#footer form input.form_submit:hover, #footer form input.form_submit:focus, #footer form input.form_submit:active {
  background: url(../img/kontakt-form-submit-hover.png) no-repeat;
  border: 1px solid #dac390;
}

#footer ul {
  width: 150px;
  float: left;
  margin: 0 0 0 75px;
}

#footer ul li {
  list-style: disc inside url(../img/footer-bullet.gif);
  margin: 0 0 10px 0;
}

#footer ul li a {
  color: #000;
}

#zapati {
  font-size: 80%;
  text-align: center;
  margin: 15px 0;
}


h1 {
  font-size: 180%;
}

#content h2 {
  font-size: 120%;
  color: #33982a;
}

#text h3 {
  color: #33982A;
  font-size: 100%;
  margin: 0 0 10px 10px;
}

a {
  color: #353535;
  text-decoration: underline;
  -webkit-transition:color 0.3s ease-in;
  -moz-transition:color 0.3s ease-in;
  -o-transition:color 0.3s ease-in;
  transition:color 0.3s ease-in;
}

a:hover, a:focus, a:active {
  color: #ce1416;;
  text-decoration: none;
}

::selection         { background:#c3effd; color:#000; /* Safari and Opera */ }
::-moz-selection  { background:#c3effd; color:#000; /* Firefox */ }

.resetovac {
  float: none;
  clear: both;
}


#obsah p {
  margin: 0 0 15px 0;
}

#content ul, #content ol {
  margin: 0 0 15px 5px;
}

#content ul ul, #content ol ol {
  margin: 5px 0 15px 25px;
}

#content li {
  list-style: square inside;
  margin: 0 0 5px 0;
}

#content ol li {
  list-style-type: decimal;
}

#obsah fieldset {
  padding: 20px 10px;
  width: 480px;
}

#obsah fieldset legend {
  padding: 2px 5px;
  color: #557723;
}

#obsah fieldset label {
  display: block;
  float: left;
  width: 200px;
  padding: 3px 20px 0 10px;
  color: #557723;
}

#obsah form input {
  border: 1px solid #64882D;
  margin: 0 0 4px 0;
  width: 230px;
  height: 15px;
  padding: 1px 3px;
  background: #fbfdf6;
  font-size: 90%;
}

#obsah form textarea {
  border: 1px solid #64882D;
  background: #fbfdf6;
  margin: 0 0 3px 0;
  width: 230px;
  height: 110px;
  padding: 1px 3px;
  font-size: 80%;
  font-family: Verdana, Arial, Tahoma;
}

#obsah form input:focus, #obsah form textarea:focus {
	-moz-box-shadow: 0px 0px 20px  #64882D;
  -webkit-box-shadow: 0px 0px 20px  #64882D;
	box-shadow: 0px 0px 20px #64882D;
}

#obsah form input:hover, #obsah form textarea:hover {
  border: 1px solid #64882D;
}

#obsah form input.form_submit {
  width: 132px;
  height: 30px;
  margin: 5px 0 0 335px;
  padding: 0;
  background: #6F9B2E url(../img/form_submit.gif) no-repeat;
  color: #fff;
  border: none;
}

#obsah form input.form_submit:hover {
  -moz-box-shadow: 0px 0px 20px  #64882D;
  -webkit-box-shadow: 0px 0px 20px  #64882D;
	box-shadow: 0px 0px 20px #64882D;
}

#obsah form label.error {
  display: none !important;
  visibility: hidden;
}

#footer form label.error {
  display: none !important;
  visibility: hidden;
}

#obsah div.error {
  margin: 8px 0 0 0;
  color: red;
  font-weight: bold;
}

.center {
  text-align: center;
}

table.ceny {
  margin: 10px 0 10px 20px;
  font-size: 90%;
}

table.ceny th, table.ceny td {
  padding: 3px 5px;
  border: 1px solid #33982A;
}

table.ceny th {
  width: 150px;
  text-align: center;
  color: #22741C;
  font-size: 110%;
}

table.ceny input {
  width: 35px !important;
  margin-bottom: 0px !important;
}

#hp-dozvedet-se-vice {
  position: absolute;
  top: 365px;
  display: block;
  width: 190px;
  height: 45px;
  margin: 0 0 0 195px;
}

.fotogalerie img {
  border: 1px solid #33982A;
  padding: 1px;
  margin: 3px 0 1px 0;
}

.fotogalerie td {
  font-size: 80%;
  padding: 2px 5px;
}

#foto-animace {
	position: absolute;
	top:208px;
	right: 15px;
}