* {	
	color:#003188;
	font-family: sans-serif, Arial, Helvetica; 
	font-size: 9pt;	
  }

h1, h2, h3, h6, p, ul, li { margin: 0px; padding: 0px; }
a { color: #3399CC; }
a:hover { }

h2.pravyPruh {font-size: 13px; }


#bazenove_prislusenstvi tr td{
  padding: 10px 10px 10px 10px;
} 
#bazenove_prislusenstvi tr td a {
  color: #012B7D;
  text-decoration: none;
}


/*weltico*/

#weltico img {
  height: 150px;
}

#teak_page img {
  width: 220px;
}

#teak_page img.square {
  width: 160px;
}

.disc li {
  list-style-type: disc;
  margin-left: 20px;
  line-height: 150%;
}

.disc {
  margin-left: 0;
}

body { 
  background-color: #0174c4; 
  margin: 0px; 
  padding: 0px; 
  text-align: center; 
  font-family: sans-serif, Arial, Helvetica; 
  font-size: 9pt; 
}

/* weltico konec */

div#hlavni { 
  width: 960px;
  padding: 20px; 
  background-color: #FFF; 
  margin: 0px auto; 
  border-top: 0px; 
  text-align: left; 
  border-top: 57px solid #0174c4;
  background: #FFF url(../layout-grafika/hlavni_top.gif) top center no-repeat; 
  position: relative;
  padding-top: 291px;
  margin-bottom: 20px; 
}

div#horni_lista {
  background: #FFF url(../layout-grafika/horni_lista.gif) top center no-repeat;
  width: 960px; height: 33px;
  position: absolute;
  top: -34px; left: 20px;
  font-family: sans-serif, Arial, Helvetica;
}
div#horni_lista a { color: #FFF; text-decoration: none; }
div#horni_lista a.aktivni { color: #ed8701; }
div#horni_lista div { line-height: 36px; width: 100px;  text-align: center; font-weight: bold; text-transform: uppercase; }
div#horni_lista div.uvod { position: absolute; top: 0px; right: 410px; }
div#horni_lista div.akce { position: absolute; top: 0px; right: 305px; }
div#horni_lista div.eshop { position: absolute; top: 0px; right: 205px; }
div#horni_lista div.bazar { position: absolute; top: 0px; right: 105px; }
div#horni_lista div.kontakt { position: absolute; top: 0px; right: 0px; }

div#logo { 
  width: 229px; 
  height: 68px; 
  position: absolute; top: -57px; left: 20px; 
}

div#bazeny {
  width: 256px; height: 227px;
  background: url(../layout-grafika/bazeny.gif) no-repeat; 
  position: absolute;
  top: 20px; left: -50px; 
}
div#bazeny a { width: 256px; height: 227px; display: block; }

div#whirlpooly {
  width: 185px; height: 227px; 
  background: url(../layout-grafika/whirlpooly.gif) no-repeat;
  position: absolute; top: 20px; left: 212px;
}
div#whirlpooly a { width: 185px; height: 227px; display: block; }

div#zastreseni {
  width: 185px; height: 227px; 
  background: url(../layout-grafika/zastreseni.gif) no-repeat;
  position: absolute; top: 20px; left: 403px;
}
div#zastreseni a { width: 185px; height: 227px; display: block; }

div#krby {
  width: 185px; height: 227px; 
  background: url(../layout-grafika/krby.gif) no-repeat;
  position: absolute; top: 20px; left: 595px;
}
div#krby a { width: 185px; height: 227px; display: block; }

div#sauny {
  width: 192px; height: 111px; 
  background: url(../layout-grafika/sauny.gif) no-repeat;
  position: absolute; top: 20px; left: 787px;
}
div#sauny a { width: 192px; height: 111px; display: block; }

div#teak {
  width: 192px; height: 111px; 
  background: url(../layout-grafika/teak.gif) no-repeat;
  position: absolute; top: 136px; left: 787px;
}
div#teak a { width: 192px; height: 111px; display: block; }


div#lista {
  width: 1000px;
  height: 33px;
  padding-top: 11px;
  position: absolute; top: 247px; left: -1px;
}
div#lista h1 { line-height: 53px; font-size: 14px; text-indent: 50px; color: #002e86;}

div#lista_2 {
  width: 1000px;
  height: 33px;
  padding-top: 11px;
  position: absolute; top: 247px; left: -1px;
}
div#lista_2 h1 { line-height: 33px; font-size: 14px; text-indent: 50px; color: #FFF; text-transform: uppercase; }


div#paticka { 
  width: 960px; 
  height: 30px; 
  line-height: 40px;
  padding-top: 16px; 
  color: #003188; 
  text-align: center;
  font-size: 10px;
 
}

div#paticka a{
	
	font-size: 10px;
	
}




div#paticka strong { color: #fab80c; padding-left: 20px; }

div#paticka_2 { 
  position: absolute; bottom: 0px; left: -1px;
  width: 1001px; 
  height: 13px;  
  font-size: 0px; 
  line-height: 0px;
  background: url(../layout-grafika/paticka_2.gif) no-repeat top;
}

div#leva_cast {
  width: 185px;
  margin-left: 0px;
  font-size: 11px;
  line-height: 1.5;
  float: left; 
  text-align: justify;
}
html>body div#leva_cast { margin-left: 2px; width: 183px; }

div#leva_cast p { padding: 10px; }

div#prava_cast {
  width: 185px; 
  height: 150px;
  float: right; 
}

div#pata {
  clear: both;
}

div#stred { 
  float: left; 
  width: 550px; 
  padding: 20px;
}

table#seznam { width: 100%; vertical-align: top; }
table#seznam tr{  }
table#seznam td { vertical-align: top; padding-bottom: 20px; }
table#seznam h1 { color: #e39e43; font-size: 15px; line-height: 30px; }

div.ceny { margin-top: 15px; position: relative; }
div.ceny div { position: absolute; right: 0px; top: 0px; height: 30px; line-height: 30px; width: 150px; background: #0073c4 url(../layout-grafika/cena.gif) no-repeat; color: #FFF; text-align: center; }
p.stara_cena { text-decoration: line-through; color: #0073c4; line-height: 30px;}


h2.menu  { height: 27px; line-height: 27px; background: #ed8701 url(../layout-grafika/menu.gif) no-repeat left; font-size: 12px; text-indent: 30px; color: #002d69; margin-top: 1px;}
div#leva_cast ul { margin: 0px; padding: 0px;}
div#leva_cast ul li { margin: 0px; padding: 0px; height: 27px; line-height: 27px; text-indent: 30px;  list-style-type: none; margin-top: 1px; border-bottom: 1px #ED8701 solid}



div#leva_cast ul li p { margin: 0px; padding: 0px; }



div#leva_cast ul li p a { font-size: 11px; color: #002d69; text-decoration: none; display: block;  width: 100%; height: 27px; }


div#leva_cast ul li p a:hover { color: #002d69; text-decoration: none; display: block; background: #ed8701 url(../layout-grafika/menu.gif) no-repeat 0px -27px; }
div#leva_cast ul li p a.activeMenu { color: #002d69; text-decoration: none; display: block; background: #ed8701 url(../layout-grafika/menu.gif) no-repeat 0px -27px; }

.OnMouseOver { color: #002d69; text-decoration: none; display: block; background: #ed8701 url(../layout-grafika/menu.gif) no-repeat 0px -27px; }

.onMouseOut {background: #E7BA77;}

div#stred_2 {
  width: 730px;
  float: right;
  padding: 20px;
}

div#stred_2 h2 { color: #EF8400; font-size: 14px; margin-bottom: 15px; }

div#stred_2 p { margin: 0px; padding: 0px; line-height: 1.8; color: #722eb9; }

.foto {
width: 160px;
float: left;
}
.produkt {
width: 369px;
padding-left: 10px;
float: left;
text-align: justify;
}

.produkt_novinky {
width: 100%;
padding-left: 10px;
float: left;
text-align: justify;
}


#loga {
width: 135px;
padding: 3px 25px 20px;
min-height: 300px;
_height: 300px;
float: left;
}

img {border:0px;
	padding-bottom:5px;}
	
	
	
div#stredova_cast {
  width: 590px;
  float: right;
  padding: 20px;
}

div#prava_cast
 {
  width: 140px;
  float: right;
  padding: 20px;
  background-color: #FFDB8F;
  position: relative;
  top: -40px;
}

a.hydropoolNazev {text-decoration: none;}

.menuW li { border-bottom: 1px #ED8701 solid}

.hydropool1 {font-size:10pt; font-weight:normal; color:#003188; color: #00529C; font-weight: bold; font-size: 12pt; text-decoration: none; border-bottom: solid 4px; border-color: #00529C; font-family:Verdana; }
.hydropool2 {font-size:10pt; font-weight:normal; color:#003188; color: #00ADEE; font-weight: bold; font-size: 12pt; text-decoration: none; border-bottom: solid 4px; border-color: #00ADEE; font-family:Verdana;}

li.pravy {border: 0px; }

.vbox {height: 180px; width: 700px; text-align: justify;}
.vbox img {float: left; margin-right: 15px;}

.vbox2 {height: 140px; width: 700px; text-align: justify;}
.vbox2 img {float: left; margin-right: 15px;}

.vbox2b {height: 90px; width: 700px; text-align: justify; font-weight: bold;}

#galerie { width: 700px; text-align: justify;} 
#galerie img { width:220px; margin-right: 10px;
  
}
