/* CSS Document */
body {background:url(img/pozadi.png) top left repeat-x;font-family: 'Arial CE', 'Helvetica CE', Arial, sans-serif;
      font-size: 9pt;font-weight: normal;text-align:center;margin:0 0 10px;padding:0;color:white;}
h1,ul,li,p,h3,h2,img,a {margin:0;padding:0;border:none}

h3 {font-size:10pt}
div.nadpis {padding-left:8px;padding-top:5px;}
h2 {font-size:7pt;font-style: italic;font-weight:normal;display:block;position:relative;height:9px}
h2 span {height:9px;position:absolute;top:0px;left:0px;z-index:1;}
h2.nadpisnovinky {width:52px;background:url(img/novinky.png) top left no-repeat;}
h2.nadpisnovinky span {width:52px;background:url(img/novinky.png) top left no-repeat;}
h2.nadpispartneri span {height:10px;width:85px;background:url(img/partneri.png) top left no-repeat;}
h2.nadpisinfo {width:27px;background:url(img/info.png) top left no-repeat;}
h2.nadpisinfo span {width:27px;background:url(img/info.png) top left no-repeat;}
h2.nadpiswebkamery {width:74px;background:url(img/webkamery.png) top left no-repeat;}
h2.nadpiswebkamery span {width:74px;background:url(img/webkamery.png) top left no-repeat;}
a {color:white}

li {list-style-type:none;}
table {margin-bottom:10px}
td,th {font-size:9pt;text-align:left;}
.prvni {width:200px;}
.druha {width:100px}   
.treti {width:105px}   
.spojene {width:205px}    
#stranka {width:884px;height:auto;text-align:left;margin-right:auto;margin-left:auto;padding-bottom:5px}
#popup img {margin-left:auto;margin-right:auto}

#topl {width:19px;height:97px;background:url(img/topl.png) top left no-repeat;float:left;}
#logo {width:157px;height:97px; float:left;}
    h1{font-size:0.5em;display:block; width:157px ;height:97px;position:relative;background:url(img/logo.png) top left no-repeat;}
    h1 a {color:white}
    h1 span {display:block;width:157px ;height:97px;z-index:1;position:absolute;left:0;top:0;background:url(img/logo.png) top left no-repeat; cursor:pointer}
#topr {width:707px;height:97px; float:left;background:url(img/topr.png) top left no-repeat;float:left;}  

#listal {width:221px;height:21px;background:url(img/listal.png) top left no-repeat;float:left;}  
#menu {width:663px;height:21px;float:left}
#menu li {display:block;float:left;position:relative;height:21px}
#menu li span {display:block; z-index:1;position:absolute;left:0;top:0;height:21px;cursor:pointer;overflow:hidden}
#menu li a {display:block;font-size:.01pt;color:#9ac2e8}


#menu li.uvod, #menu li.uvod span, #menu li.uvod a    { width:45px;background:url(img/butt_01_uvod.png) top left no-repeat;}
#menu li.areal, #menu li.areal span  , #menu li.areal a  { width:47px;background:url(img/butt_02_areal.png) top left no-repeat;}
#menu li.orece, #menu li.orece span , #menu li.orece a   { width:54px;background:url(img/butt_03_orece.png) top left no-repeat;}
#menu li.clanky, #menu li.clanky span , #menu li.clanky a  { width:55px;background:url(img/butt_04_clanky.png) top left no-repeat;}
#menu li.mapa, #menu li.mapa span, #menu li.mapa a    { width:44px;background:url(img/butt_05_mapa.png) top left no-repeat;}
#menu li.foto, #menu li.foto span, #menu li.foto a   { width:43px;background:url(img/butt_06_foto.png) top left no-repeat;}
#menu li.cenik, #menu li.cenik span , #menu li.cenik a  { width:45px;background:url(img/butt_07_cenik.png) top left no-repeat;}
#menu li.webkamera, #menu li.webkamera span , #menu li.webkamera a  { width:81px;background:url(img/butt_08_web.png) top left no-repeat;}
#menu li.skolka, #menu li.skolka span, #menu li.skolka a    { width:58px;background:url(img/butt_09_skolka.png) top left no-repeat;}
#menu li.kontakty, #menu li.kontakty span, #menu li.kontakty a   { width:71px;background:url(img/butt_10_kontakty.png) top left no-repeat;}
#menu li.ubytovani, #menu li.ubytovani span, #menu li.ubytovani a   { width:75px;background:url(img/butt_11_ubyt.png) top left no-repeat;}
#menu li.faq, #menu li.faq span, #menu li.faq span a    { width:44px;background:url(img/butt_12_faq.png) top left no-repeat;}

#menu li.uvodaktivni, #menu li.uvodaktivni span, #menu li.uvodaktivni a    { width:45px;background:url(img/butt_01_uvod2.png) top left no-repeat;}
#menu li.arealaktivni, #menu li.arealaktivni span  , #menu li.arealaktivni a  { width:47px;background:url(img/butt_02_areal2.png) top left no-repeat;}
#menu li.oreceaktivni, #menu li.oreceaktivni span , #menu li.oreceaktivni a   { width:54px;background:url(img/butt_03_orece2.png) top left no-repeat;}
#menu li.clankyaktivni, #menu li.clankyaktivni span , #menu li.clankyaktivni a  { width:55px;background:url(img/butt_04_clanky2.png) top left no-repeat;}
#menu li.mapaaktivni, #menu li.mapaaktivni span, #menu li.mapaaktivni a    { width:44px;background:url(img/butt_05_mapa2.png) top left no-repeat;}
#menu li.fotoaktivni, #menu li.fotoaktivni span, #menu li.fotoaktivni a   { width:43px;background:url(img/butt_06_foto2.png) top left no-repeat;}
#menu li.cenikaktivni, #menu li.cenikaktivni span , #menu li.cenikaktivni a  { width:45px;background:url(img/butt_07_cenik2.png) top left no-repeat;}
#menu li.webkameraaktivni, #menu li.webkameraaktivni span , #menu li.webkameraaktivni a  { width:81px;background:url(img/butt_08_web2.png) top left no-repeat;}
#menu li.skolkaaktivni, #menu li.skolkaaktivni span, #menu li.skolkaaktivni a    { width:58px;background:url(img/butt_09_skolka2.png) top left no-repeat;}
#menu li.kontaktyaktivni, #menu li.kontaktyaktivni span, #menu li.kontaktyaktivni a   { width:71px;background:url(img/butt_10_kontakty2.png) top left no-repeat;}
#menu li.ubytovaniaktivni, #menu li.ubytovaniaktivni span, #menu li.ubytovaniaktivni a   { width:75px;background:url(img/butt_11_ubyt2.png) top left no-repeat;}
#menu li.faqaktivni, #menu li.faqaktivni span, #menu li.faqaktivni span a    { width:44px;background:url(img/butt_12_faq2.png) top left no-repeat;}


#sloupecl {padding:0 0 0 8px;float:left;color:white;}
#sloupecl .obsah {width:203px;height:310px;xbackground:url(img/pozadisloupecl.png) top left repeat-x;position:relative;}
#sloupecl .obsah .rozek {display:block;height:3px;width:3px;position:absolute;top:0;left:0;background:url(img/rozektop.png) top left no-repeat;}
#sloupecl #infotop {width:203px;height:23px}

#sloupecl #infobottom {width:203px;height:217px;background:url(img/menu.png) top left no-repeat; float:left;font-size:8pt}
#sloupecl #infobottom-obsah {padding:25px 0 0 0;}
#sloupecl #infobottom .radek {height:13px;clear:both;padding:0 8px}
#sloupecl #infobottom .radek2 {clear:both;padding:27px 8px 0}


#sloupecl #infobottom p.levy {float:left;}
#sloupecl #infobottom p.pravy {float:right;font-weight:bold}
#sloupecl #kamerytop {width:203px;height:15px}
#sloupecl #kamerybottom {width:203px;height:auto;text-align:center}
#sloupecl #kamerybottom img {margin:10px 0 5px;border:solid 1px white;}
#sloupecl #kamerybottom p {font-size:8pt}
#sloupecl .listawebkamera {width:183px;height:16px;background:url(img/listawebkamera.png) top left no-repeat;margin-left:auto;margin-right:auto}

#sloupecl #partneril {clear:both;width:203px;height:auto;text-align:center;margin:10px 0 0 0 }

#dvasloupcecelek {width:884px;height:auto;float:left;}
#dvasloupce {width:884px; height:auto; margin-top:7px;background:url(img/pozadidvasloupce.png) top left repeat-y;float:left;}
#dvasloupcebottom {width:884px; height:3px; background:url(img/pozadidvasloupcebottom.png) top left no-repeat;float:left;}

#sloupecs {padding:0px 0 0 8px;float:left;}
#sloupecs .obsah {width:443px;text-align:justify}
#sloupecs .obsah2 {padding:5px 10px 5px}
#sloupecs h3 {margin-bottom:8px}
#sloupecs p {color:#EBF6FF;margin-bottom:5px}

p.kurzivou {font-style: italic;font-size:9pt;width:420px;padding-bottom:15px}

.boxik {margin-bottom:15px} 
.boxiktelo {background:url(img/rozektop1.png) top left no-repeat #63A6DD;width:423px;height:125px;position:relative}
.boxiktelodlouhe {background:url(img/rozektop1.png) top left no-repeat #63A6DD;width:423px;height:auto;position:relative}
.boxiktelo .rozek, .boxiktelodlouhe .rozek {display:block;height:3px;width:3px;position:absolute;top:0;left:0;background:url(img/rozekboxik.png) top left no-repeat;}
.boxikobsah {padding:8px 8px}
.obrazekplovouci {float:left;margin-right:10px}

.radekfotka {width:423px;height:auto;clear:both}
.fotka {padding:0 5px 0 0;float:left;}
.fotkaposle {padding:0;float:left;}
p.posle {clear:both;font-size:7px}

#sloupecp {padding:0 0 0 8px;float:left;}
#sloupecp .obsah {width:203px;background:url(img/pozadisloupecp.png) top left repeat-x;position:relative;}
#sloupecp .obsah .rozek {display:block;height:3px;width:3px;position:absolute;top:0;left:0;background:url(img/rozektop2.png) top left no-repeat;}
#sloupecp .obsah2 {padding:0 8px 8px 8px;}
#sloupecp .obsah3 {width:203px;background:url(img/pozadisloupecp3.png) top left repeat-x;margin-top:5px;position:relative;}
#sloupecp .obsah3 .rozek {display:block;height:3px;width:3px;position:absolute;top:0;left:0;background:url(img/rozektop3.png) top left no-repeat;}
p.archiv {font-style:italic; text-align:right}
#sloupecp ul {margin:10px 0}
#sloupecp li {list-style-image: url(img/hodinky.png);margin-left:20px;margin-bottom:10px;font-size:8pt}

.floatl {float:left;}
.floatr {float:right}
.clearb {clear:both}
.plovoucil {float:left; margin:0 10px 0 0}
.plovoucir {float:right; margin-left:10px}
.doprava {text-align:right}

.visible
{
	display:block;	
}

.hidden
{
	display: none;
}

.required
{
	font-weight: bold;
}

.obsah2
{
	background-color: #3e92d8;
	color: #EBF6FF;
	margin:0;
	text-align: left;
}

.form_fieldset
{
	margin:10px;
	padding: 5px;
}

dt {
	display: block;
	width: 12em;
	text-align:right;
	float:left;
}

dd {
	display: inline;
	margin-left:3em;
	}

	dl{
		margin:0;
	}