body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url('../images/body_bg2.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  color: #4d4d4d;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.3em;
  background-color: #ddd;
}

#topBanner {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -490px;
  width: 980px;
  height: 239px;
  clear: both;
     
}

#topBanner h1 {
  margin: 0;
  padding: 0;
  width: 298px;
  height: 219px;
  float: left;
  border: 0;
}

#topBanner h1 a {
  display: block;
  width: 298px;
  height: 219px;
}  
#topBanner h2 {
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  font-weight: normal;
  font-family: Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #00632F; 
  position: absolute;
  left: 0px;
  top: 145px;   
  width: 298px;
  height: 100px;
}
#topBanner h2 a{
  text-decoration: none;
  padding: 10px 0;
}
#topBanner h2#vpravo{
  color: #ccc;
  position: absolute;
  left: 725px;
  top: 85px;   
  width: 298px;
  height: 50px;
}

#topBanner h1 a span {
  display: none;
}

#topBanner p {
  position: absolute;
  left: 937px;
  top: 85px;
  padding: 0;
  width: 30px;
  height: 17px;
}

#topBanner ul {
  padding: 0;
  margin: 192px 0 0 82px;
  width: 654px;
  height: 27px;
  float: right;
  border: 0;
  list-style-type: none;
}

#topBanner ul li {
  margin: 0 1px 0 0;
  padding: 0;
  width: 91px;
  height: 27px;
  float: left;
  border: 0;
}

#topBanner ul li a {
  margin: 0;
  padding: 8px 0 0 7px;
  width: 84px;
  height: 19px;
  border: 0;
  display: block;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  background-image: url('../images/nabidka_bg.gif');
  background-repeat: no-repeat;
  background-position: top center;
}
#topBanner ul li a:hover, #topBanner ul li a.selected { background-image: url('../images/nabidka_bg_selected.gif'); }

#flash {
  width: 664px;
  height: 250px;
  background: #e1e3e2;
}
#flash .nadpis{
  width: 664px;
  height: 50px;
  background: #01652F;
  position: relative;
}
#flash .textik{
  width: 500px;
  height: 30px;
  position: absolute;
  left: 20px;
  top: 17px;
  background: #01652F;
}
#flash .uvodni_obr{
  float: left;

}
#flash .uvodni_text .tlacitko_zaskleni{
  position: absolute;
  bottom: 15px;
  right: 35px;
}
#flash .uvodni_text a.tlacitko_zaskleni_text{
  position: absolute;
  bottom: 15px;
  right: 35px;
  width: 250px;
  height: 14px;
  text-align: center;
  padding: 5px 0;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  
}

#flash .uvodni_text{
  position: relative;
  height: 200px;
  float: right;
  width: 319px;
  text-align:left;
}
#flash .uvodni_text p{
  font-size: 14px;
  padding: 15px 20px 15px 20px;
}

#rightPage #flash .uvodni_text ul {
  font-size: 1.1em;
  padding: 15px 20px 15px 20px;
}  

#rightPage #flash .uvodni_text ul li {
  padding: 0 0 5px 20px;
}

#flash .textik h2{
  margin: 0px;
  padding: 0px;
  color: #fff;
  font-size: 20px;  
}


#top01 {
	width: 664px;
	height: 415px;
}
#top02 {
	width: 664px;
	height: 200px;
}
#top01 h2, #top02 h2 {

  font-size: 15px;  
	color: #01652F;
	padding: 9px 0 15px 0;
  font-weight: bold;
}
#top01 h2 a, #top02 h2 a { text-decoration: none; }
#top01 h2 span, #top02 h2 span  { color: #737373; }

#top01 h3, #top02 h3 {
  line-height:1em;
  font-size: 14px;  
	color: #01652F;
	padding: 10px 0 0 0;
  font-weight: bold;
}
#top01 h4, #top02 h4 {

  font-size: 12px;  
	color: #737373;
	padding: 0 0 0 5px;
  font-weight: bold;
}
#top01 ul {
	padding: 0;
}
#top01 .leva, #top02 .leva {
	width: 324px;
	height: 200px;
	font-weight: normal;
	float: left;
	text-align: left;
	padding: 0px 15px 10px 0px;
}

#top01 .right, #top02 .right {
	width: 324px;
	height: 200px;
	font-weight: normal;
	float: left;
	text-align: left;
	padding: 0px 0px 10px 0px;
}


#menu {
  position: absolute;
  top: 189px;
  left: 50%;
  margin-left: -173px;
  width: 520px;
  height: auto;
  z-index: 10;
  float: left;
}   
/*#menu {
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -175px;
  width: 520px;
  height: auto;
  z-index: 60;
  float: left;
}  */

#content {
  position: absolute;
  top: 239px;
  left: 50%;
  margin-left: -488px;
  width: 980px;
  height: auto;
  z-index: 3;
  float: left;
  font-size: 1em;
  line-height: 1.5em;
  background: #fff;
}

.vice {
  float: right;
  position:relative;
  right: 10px;
  bottom: 20px;
  width: 40px;
  color: #01652F;
  font-weight: bold;
  text-decoration: none;  
  background-image: url('../images/odrazka.gif');
  background-repeat: no-repeat;
  background-position: right center;
}

#leftPage {
  width: 296px;
  padding: 0;
  margin-left: 0px;
  float: left;
  background-image: url('../images/menu_bg.jpg');
  background-repeat: repeat-x;
  background-position: 0px 0px;
  min-height: 300px;
  _height: 300px;
}

#leftPage h2 {
  border-bottom: 1px dotted #01652F;
  padding: 0 0 5px 0;
  margin: 0;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1em;
  color: #01652F;
}
#leftPage h2 span,#leftPage .box h2 span, #leftPage .index-aktuality h3 span{ color: #737373; }
#leftPage .box p span { font-weight: bold; color: #026431; }

#leftPage .text { 
  font-size: 1.1em;
  padding: 10px; 
  line-height: 1.7em;  
}
#leftPage .textkontakt { 
  padding: 10px; 
}
#leftPage ul {
  margin: 0;
  padding: 5px 0 0 10px;
  width: 266px;
  height: auto;
  clear: both;
  border: 0;
  list-style-type: none;
}

#leftPage ul li {
  margin: 0;
  padding: 0;
  width: 266px;
  float: left;
  border: 0;
  background-image: url('../images/odrazka.gif');
  background-repeat: no-repeat;
  background-position: 0px center;
}

#leftPage ul li a {
  color: #4d4d4d;
  margin: 0;
  padding: 0 0 0 20px;
  width: 246px;
  border: 0;
  display: block;
  font-size: 1em;
  text-decoration: none;
}
#leftPage ul li a:hover { text-decoration: underline; }

#leftPage .box {
  width: 296px;
  clear: both;
  background-image: url('../images/box_bg.jpg');
  background-repeat: repeat-x;
  background-position: 0px 0px;
}
 
#leftPage .box h2 {
  height: 19px;
  padding: 0 0 5px 0;
  clear: both;
  border-bottom: 1px dotted #01652F;
}     
#leftPage .box h3 {
  font-size: 1em;
  font-weight: bold;
  color: #01652F;
}
#leftPage .box .odkaz-mapa {
  float: right;
  position:relative;
  right: 30px;
  bottom: 20px;
} 
#leftPage .index-aktuality .aktualita {
  border-bottom: 1px dotted #01652F;
}
#leftPage .index-aktuality .aktualita .vice {
  float: right;
  position:relative;
  right: 10px;
  bottom: 20px;
  width: 40px;
  color: #01652F;
  font-weight: bold;
  text-decoration: none;  
  background-image: url('../images/odrazka.gif');
  background-repeat: no-repeat;
  background-position: right center;
}

#leftPage .index-aktuality .aktualita p {
  padding: 0 0 0 0;
}
#leftPage .index-aktuality .aktualita h3 {
  font-size: 1em;
  font-weight: bold;
  color: #01652F;
  padding: 0;
  margin: 10px 0 3px 0;
}
#leftPage .index-aktuality .aktualita h3 a { text-decoration: none; }
#leftPage .index-aktuality .aktualita h3 a:hover { text-decoration: underline; }
#leftPage #tlacitko-sluzby {
  float: right;
  text-align: right;
}

#rightPage {
  width: 663px;
  padding: 0 0 0 0;
  float: right;
  text-align: justify;
}

#rightPage h1 {
  padding: 5px 0 0 0;
  margin: 0;
  font-weight: normal;
  font-size: 1.9em;
  line-height: 1em;
  color: #01652F;
}
#rightPage h1 span { color: #737373; }

#rightPage h2 {
  padding: 7px 0 3px 10px;
  clear: both;
  border-bottom: 1px solid #01652F;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1em;
  color: #01652F;
}
#rightPage h2 p {
  padding: 0 0 0 10px;
  clear: both;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1em;
}
#rightPage h2 span { color: #737373; }

#rightPage h3 {
  font-size: 1em;
  font-weight: bold;
  color: #01652F;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #01652F;
}

#rightPage h4 {
  font-size: 1em;
  font-weight: bold;
  color: #01652F;
  margin: 0 0 5px 0;
}

#rightPage ul {
  margin: 0;
  padding: 5px 0 0 10px;
  border: 0;
  list-style-type: none;
}

#rightPage ul li {
  margin: 0;
  padding: 0 0 0 20px;
  border: 0;
  background-image: url('../images/odrazka.gif');
  background-repeat: no-repeat;
  background-position: 0px 6px;
}

#fullPage h2 {
  width: 633px;
  height: 18px;
  padding: 7px 0 0 10px;
  clear: both;
  border-bottom: 1px solid #01652F;
  font-size: 1em;
  font-weight: normal;
  line-height: 1em;
  color: #01652F;
}
#fullPage h2 span { color: #737373; }

#fullPage ul {
  margin: 0;
  padding: 5px 0 0 10px;
  border: 0;
  list-style-type: none;
}

#fullPage ul li {
  margin: 0;
  padding: 0 0 0 20px;
  border: 0;
  background-image: url('../images/odrazka.gif');
  background-repeat: no-repeat;
  background-position: 0px 6px;
}

#bottomBanner {
  color: #fff;
  margin: 0;
  padding: 0;
  width: 980px;
  height: 60px;
  clear: both;
  font-size: 1em;
  line-height: 1.1em;
  background: #919191;
}
#bottomBanner a { color: #fff;  text-decoration: none; }
#bottomBanner a:hover { text-decoration: underline; }
#bottomBanner .vlevo {
  float: left;
  padding: 15px;
  width: 560px;
}

#bottomBanner .vlevo ul {
  margin: 0 0 0 20px;
  height: 20px;
  float: left;   
  border: 0;
  list-style-type: none;
}

#bottomBanner .vlevo ul li {
  margin: 0 1px 0 0;
  padding: 0;
  height: 20px;
  float: left;

}

#bottomBanner .vlevo ul li a {
  margin: 0;
  padding: 0 7px 0 7px;
  border: 0;
  display: block;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  border-left: 1px solid #fff;
}
#bottomBanner .vlevo ul li a:hover, #bottomBanner .vlevo ul li a.selected { text-decoration: underline; }


#bottomBanner .vpravo {
  float: right;
  text-align: right;
  padding: 15px 15px 0 15px;
  width: 360px;
}
#bottom2Banner {
  margin: 0;
  padding: 0 15px 0 15px;
  width: 970px;
  height: 30px;
  clear: both;
  font-size: 1em;
  line-height: 1.1em;
}

a {
  color: #01652F;
  text-decoration: underline;
  cursor:pointer;
}

a:hover {
        text-decoration: none;
}

.prazdny {
  width: 100%;
  height: 16px;
  clear: both;
}

.prazdny1 {
  width: 100%;
  height: 1px;
  clear: both;
}

.prazdny10 {
  width: 100%;
  height: 10px;
  clear: both;
}

form {
  margin: 0;
  padding: 0;
}

img {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

p {
  padding: 0;
  margin: 0 0 10px 0;
}

ul {
  padding: 0px;
  margin: 0 0 0 20px;
  border: 0px;
}

.ordertextbox { width: 300px; border: 1px solid color: #004896; }
.textpole { width: 500px; height: 100px; border: 1px solid color: #004896; }
.tlacitko { background-color: #285a65; color: #fff; border: 1px solid #fff; padding: 1px 5px 1px 5px; }
.obrazekvpravo { float: right; border: 1px solid #ccc; padding: 3px; margin: 0 0 10px 10px; }
.obrazek { border: 1px solid #fff; margin: 0 0 5px 0; }
.loginbox { width: 160px; border: 1px solid #a9e4f4; border-collapse: collapse; }
.logintlacitko { color: #fff; border: 1px solid #fff; padding: 1px 5px 1px 5px; }
.textboxvelky { width: 300px; border: 1px solid #a9e4f4; border-collapse: collapse; margin-bottom: 2px; }
.textboxstredni { width: 200px; border: 1px solid #a9e4f4; border-collapse: collapse; margin-bottom: 2px; }
.textboxmaly { width: 100px; border: 1px solid #a9e4f4; border-collapse: collapse; margin-bottom: 2px; }
.povinne { color: #ff0000; }
.obrazek_foto { border: 1px solid #ccc; margin: 4px 0 0 4px; padding: 3px; }

.nabidka {
  clear: both;
  width: 580px;
  border: 1px solid #0080ff;
}

.nabidka h4 {
  background-color: #0080ff;
  color: #fff;
  line-height: 1.2em;
  font-size: 1.2em;
  font-weight: bold;
  padding: 4px;
}
.nabidka .telo {
  padding: 4px;
}

.fotka {
  width: 120px;
  height: 120px;
  border: 1px solid #0080ff;
  background-color: #fff;
  margin: 0 5px 5px 0;
  float: left;
}

.fotka:hover {
  border: 1px solid #b00412;
}

.text { 
  padding: 10px; 
}

#produkty ul {
  margin: 0;
  padding: 0;
  width: 643px;
  clear: both;
  border: 0;
  list-style-type: none;
}
#produkty ul li {
  margin: 0;
  padding: 0;
  width: 213px;
  height: 125px;
  float: left;
  border: 1px dotted #52c9e7;
  border-top: 0;
  border-left: 0;
  background: none;
}

#produkty ul li a {
  margin: 0;
  padding: 0;
  width: 213px;
  height: 115px;
  border: 0;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: bottom center;
}
#produkty ul li a.ssisi { background-image: url('../images/zastreseni-sisi.jpg'); }
#produkty ul li a.sjesica { background-image: url('../images/zastreseni-jesica.jpg'); }
#produkty ul li a.sorfea { background-image: url('../images/zastreseni-orfea.jpg'); }
#produkty ul li a.sorfina { background-image: url('../images/zastreseni-orfina.jpg'); }
#produkty ul li a.sdeli { background-image: url('../images/zastreseni-deli.jpg'); }
#produkty ul li a.snikol { background-image: url('../images/zastreseni-nikol.jpg'); }
#produkty ul li a.skelly { background-image: url('../images/zastreseni-kelly.jpg'); }
#produkty ul li a.smixx { background-image: url('../images/zastreseni-mixx.jpg'); }
#produkty ul li a.s4ada-bezkolejnicove { background-image: url('../images/zastreseni-4ada.jpg'); }

#produkty ul li h1 a {
  padding: 0 0 0 5px;
  margin: 0;
  font-weight: normal;
  font-size: 0.9em;
  line-height: 1em;
  color: #52c9e7;
}

a.pdf { padding: 2px 0 0px 20px; margin: 0 0 3px 0; background-image: url('../images/ikonky/pdf.gif'); background-repeat: no-repeat; background-position: center left; }
a.zip { padding: 2px 0 0px 20px; margin: 0 0 3px 0; background-image: url('../images/ikonky/zip.gif'); background-repeat: no-repeat; background-position: center left; }
a.calc { padding: 2px 0 0px 20px; margin: 0 0 3px 0; background-image: url('../images/ikonky/calc.gif'); background-repeat: no-repeat; background-position: center left; }

.table_poptavka tr .levy { width:100px; text-align: right;}
.table_poptavka tr .pravy { width:500px;}
.table_poptavka tr .pravy input { margin-right:10px; width:130px;}