body {margin: 0; padding: 0; background: #e1f0f0; color: #033; font-family: Verdana;}
div#up {margin: auto; width: 980px; height: 11px; background: url(obrazy/index_01.jpg);}
div#hlavicka {margin: auto; position: relative; width: 980px; height: 118px; background: url(obrazy/index_02.jpg);}
h1#nadpis {display: block; position: absolute; width: 659px; top: 51px; left: 318px; font-family: Arial; color: #fff; font-size: 2.7em; text-transform: uppercase; margin: 0; padding: 0;}
h1#nadpis a {text-decoration: none; color: #fff;}
h1#nadpis a:hover {text-decoration: none; color: #0fc;}
div#bazeny {position: absolute; width: 696px; height: 33px; top: 15px; left: 320px;}
div#bazeny a {display: block; float: left; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #0fc; margin-right: 24px;  font-size: 0.8em;}
div#bazeny a:hover {color: #fff;} 
body#pad div#bazeny a#big,
body#dvpet div#bazeny a#old,
body#det div#bazeny a#child,
body#venk div#bazeny a#out,
body#zel div#bazeny a#green {background: #900; color: #fff; }
div#cenik {position: absolute; top: 59px; left: 588px;}
div#cenik a {display: block; float: left; height: 22px; text-transform: uppercase; font-weight: bold; border: 1px solid #fff; border-right: none; padding-top: 9px; background: #033; font-size: 0.7em; color: #fff; text-decoration: none; text-align: center; width: 97px;}
div#cenik a:hover,
body#ceny div#cenik a#prize,
body#kont div#cenik a#cont,
body#hist div#cenik a#fotky,
body#mapa div#cenik a#wmap {background: #900; color: #fff;}
div#navigace {margin: auto; position: relative; width: 980px; height: 33px; background: url(obrazy/index_03.gif);}
div#menu {position: absolute; width: 691px; height: 33px; top: 0; left: 289px;}
div#menu a {display: block; float: left; height: 22px; text-transform: uppercase; font-weight: bold; border: 1px solid #fff; border-right: none; padding-top: 9px; background: #033; font-size: 0.7em; color: #fff; text-decoration: none; text-align: center; width: 98px;}
div#menu a:hover,
body#home div#menu a#index,
body#akt div#menu a#actual,
body#fit div#menu a#ness,
body#par div#menu a#kab,
body#fin div#menu a#sauna,
body#mas div#menu a#agge,
body#ostatni div#menu a#sluzby {background: #900;}
div#kontejner {clear: both; width: 980px; height: 622px; margin: auto; }
div#telo {position: relative; width: 980px; margin: auto; background: url(obrazy/telo_06.gif) repeat-y; min-height: 450px;}
div#obsah {padding: 10px 30px 30px 320px; font-size: 0.8em; color: #fff; }
div#zmeny {position: absolute; width: 170px; top: 30px; left: 74px;}
div#miniatury {position: absolute; width: 132px; top: 30px; left: 99px;}
div#zmeny a {display: block; width: 162px; height: 24px; padding: 7px 0 0 15px; border: 1px solid #fff; margin-bottom: 2px; background: #033; font-size: 0.8em; color: #fff; text-decoration: none;}
div#zmeny a:hover,
body#akt.zmpad a#padzm,
body#akt.zmdvacpet a#dvacpetzm,
body#akt.zmdet a#detzm {background: #900;}
h2 {font-size: 1.4em;} 

div#pruh {float: left; width: 39px; height: 622px; background: url(obrazy/index_04.gif); }
div#obrazky {float: left; width: 251px; height: 622px;}
div#obrazky a#detsky {display: block; width: 251px; height: 156px; background: url(obrazy/index_05.jpg); background-position: top left; cursor: pointer;}
div#obrazky a#stary {display: block; width: 251px; height: 155px; background: url(obrazy/index_08.jpg); background-position: top left; cursor: pointer;}
div#obrazky a#venkovni {display: block; width: 251px; height: 155px; background: url(obrazy/index_09.jpg); background-position: top left; cursor: pointer;}
div#obrazky a#zelene {display: block; width: 251px; height: 156px; background: url(obrazy/index_13.jpg); background-position: top left; cursor: pointer;}
div#obrazky a#detsky:hover,
div#obrazky a#stary:hover,
div#obrazky a#venkovni:hover,
div#obrazky a#zelene:hover {background-position: bottom left;}

div#central {float: left; width: 417px; height: 622px;}
a#padesatka {display: block; width: 417px; height: 311px; background: url(obrazy/index_06.jpg); background-position: top left; cursor: pointer;}
a#padesatka:hover {background-position: bottom left; cursor: pointer;}
div#forzmeny {width: 417px; height: 311px; background: url(obrazy/index_10.gif) no-repeat; }


div#pravy {float: left; width: 273px; height: 622px;}
div#flash {width: 273px; height: 311px; background: url(obrazy/index_07.gif);}

a#pdf {position: relative; display: block; float: left; width: 137px; height: 155px; background: url(obrazy/index_11.gif); background-position: top left; cursor: pointer;}
a#camlaz {position: relative; display: block; float: left; width: 136px; height: 155px; background: url(obrazy/index_12.jpg); background-position: top left; cursor: pointer;}
a#solar {position: relative; display: block; float: left; width: 137px; height: 156px; background: url(obrazy/index_15.gif); background-position: top left; cursor: pointer;}
a#camzel {position: relative; display: block; float: left; width: 136px; height: 156px; background: url(obrazy/index_16.jpg); background-position: top left; cursor: pointer;}
a#pdf:hover,
a#camlaz:hover,
a#solar:hover,
a#camzel:hover {background-position: bottom left;}

div#pravy a span {display: block; position: absolute; margin: 0; text-decoration: none; border: none; padding: 0; color: #0fc; font-size: 0.7em; font-weight: bold; text-transform: uppercase; top: 10px; left: 12px;}
div#pravy a span:hover {color: #fff;}
div#paticka {clear: both; margin: auto; position: relative; width: 980px; height: 102px; background: url(obrazy/index_17.jpg);}
div#copy {position: absolute; top: 33px; left: 40px; font-size: 0.7em; color: #0fc; }
div#copy a {color: #0fc;}
div#copy a:hover {color: #fff;}
a {color: #0fc;}
a:hover {color: #fff;}

table {width: 500px;}
body#ostatni table {width: 100%;}
table tr.red {font-weight: bold; background: #247472;}
table td {padding: 5px 5px 5px 15px;}
table td.nosee {border: none;}
table td.den {background: url(table.gif);}
table td {
	
	
	border-right: 1px solid #002727; 
	border-top: 1px solid #468282; 
	border-left:1px solid #468282; 
	border-bottom: 1px solid #002727; 
}
table tr.red td {border-top: 1px solid #64c2c0; border-left: 1px solid #64c2c0; border-bottom: 1px solid #64c2c0; border-right: 1px solid #64c2c0; text-align: left;}
body.zmpad table td {text-align: center;}
body.zmpad table tr.red td, body.zmpad table tr.leg td {text-align: left;}
table tr td:first-child {text-align: left;}
img.fg {width: 130px; height: 98px; margin-bottom: 4px;}
body#hist div#obsah {padding-right: 15px;}
body#hist img.fg {width: 100px; height: 75px; float: left; margin: 0 4px 4px 0;}
a img.fg { border: 1px solid #fff;}
a:hover img.fg {border: 1px solid #0fc;}
table tr.legenda {font-weight: bold; text-transform: uppercase;}

div#sloupec {position: absolute; width: 220px; top: 15px; left: 74px; font-size: 0.8em; color: #fff;}
div#text {position: absolute; width: 220px; top: 35px; left: 54px; font-size: 0.7em; color: #fff; text-align: justify; line-height: 17px;}
div#text h3 {margin: 0; padding: 0;}
h3 {font-size: 1.1em;}
span {color: #014e4e;}
ul {list-style: square; font-size: 0.9em; font-weight: normal;}
ul li {line-height: 18px;}
iframe {border: 1px solid #f9ffff; border-right: none;}
ul.mapka {color: #0fc;}
ul.mapka li, ul.mapka li ul li {line-height: 20px;}
ul.mapka li ul {font-size: 100%;}
div#into {padding: 50px 15px 10px 27px; color: #fff; height: 261px; font-size: 0.7em; overflow: auto; }
div#into h3 {font-size: 1.1em; padding: 0; margin: 0; text-transform: uppercase;}
div#into p {margin: 0; padding: 10px 0; }
div#into p.last {font-size: 1em; font-weight: bold; margin: 0; padding: 0;}
hr {clear: both; visibility: hidden;}
div#pravy a#camzel span {position: absolute; top: 6px; left: 27px; text-align: center;}
body#venk iframe,
body#zel iframe {border: none; margin-left: -5px;}
body#venk iframe p a {color: #0fc;}

div#pocitadlo {position: absolute; top: -31px; left: -114px; font-size: 0.8em; color: #0fc; text-align: center; background: #378084; padding: 14px 2px 0px 2px; margin: 0;}
div#pocitadlo img {margin-top: 2px}