@charset "utf-8";
/* CSS Document layout */
#obal{width:770px;position:relative; margin:0 auto;text-align:left; background-color:#FFF;}
#hlavicka,#telo{position:relative;height:356px;margin:0 17px 0 24px;background:#fff url(images/bg_hlavicka.jpg) left 68px no-repeat;}
#telo{position:static;height:auto;background:none;}

#vlevo{float:left; width:466px; padding-top:25px;}
#vpravo{float:right; width:263px;}

#tiraz{padding-bottom:160px;background:transparent url(images/bg_tiraz.jpg) bottom center no-repeat;}

/* CSS Document styly */
body,h1,h2,h3,div,ul,li,p,address{margin:0;padding:0;}
body{padding-top:20px;background:#ebe3d6 url('images/bg.gif') left top repeat-x;font-family:Arial CE,Arial,Helvetica CE,Helvetica,sans-serif;color:#000;text-align:center;font-size:85%;}
address{margin:3px 0 15px 7px;line-height:185%;font-style:normal;}

/*nadpisy*/
h1{position:absolute;left:0;top:27px;width:282px;height:79px;overflow:hidden;font-size:125%;color:#000;}
h1 span,h1 a{position:absolute;left:0;top:0;width:282px;height:79px;background:transparent url('images/logo.gif') left top no-repeat;text-decoration:none;}
#hlavicka h2{position:absolute;left:303px;top:10px;width:423px;height:47px;background:#5d7fbf url('images/bg_h2_hlavicka.gif') left top no-repeat;font-size:78%;font-weight:normal;line-height:250%;text-align:right;color:#fff;}

#telo h2,#telo h3{margin:6px 0 8px;font-family:Trebuchet MS,Arial CE,Arial,Helvetica CE,sans-serif;font-size:165%;font-weight:normal;}
#vlevo h2{color:#004a80;} 
#vpravo h2{color:#c53900;}
#telo h3{margin:3px 0 4px;font-size:130%;color:#197b30;}
#vpravo h4{margin:8px 0 3px;font-size:115%;}

/*seznamy*/
ul#menu{list-style-type:none;display:block;position:absolute;width:208px;height:237px;left:527px;top:62px;}
ul#menu li{position:relative;width:208px;height:49px;}
ul#menu li a{display:block;text-decoration:none;cursor:hand;}
ul#menu li#menu_uvod,ul#menu li#menu_uvod_zde{height:39px;}
ul#menu li#menu_uvod_zde span,ul#menu li#menu_uvod a span{position:absolute;left:0;top:0;width:208px;height:39px;background:transparent url('images/bg_menu_uvod.gif') left top no-repeat;}

ul#menu li a span{position:absolute;left:0;top:0;width:208px;height:49px;}
ul#menu li#menu_penzion a span{background:transparent url('images/bg_menu_penzion.gif') left top no-repeat;}
ul#menu li#menu_okoli a span{background:transparent url('images/bg_menu_okoli.gif') left top no-repeat;}
ul#menu li#menu_kontakty a span{background:transparent url('images/bg_menu_kontakty.gif') left top no-repeat;}
ul#menu li#menu_rezervace a span{height:41px;background:transparent url('images/bg_menu_rezervace.gif') left top no-repeat;}

#telo ul{list-style-type:none;}
#vpravo ul{padding-bottom:7px;background:transparent url(images/bg_oznameni.gif) left bottom repeat-x;}
#telo ul li{padding-left:22px;margin-bottom:10px;background:transparent url(images/bg_ctverecky.gif) left top no-repeat;}

/*texty*/
p{line-height:180%;margin:0 20px 10px 0;}
p.mensi{font-size:80%;}
p.dalsi{margin:5px 0 7px 0;text-align:right;}
#vpravo p{margin:0 0 3px 0;}
#vpravo p.datum{color:#333333;font-size:85%;}
#tiraz p{width:740px;margin:0 auto;text-align:left;font-size:78%;color:#4b4b4b;}


/*obrazky*/
#telo p img{border:4px solid #dadada;}
#vlevo p img{float:left;margin:6px 6px 3px 0;}

/*odkazy*/
a:link,a:visited{color:#004a80;}
a:hover{text-decoration:none;}
a.vice{padding-left:16px;background:transparent url('images/vice.gif') 0 1px no-repeat;}

/*obecne*/
.cistic{float:none!important;clear:both;font-size:1%;line-height:1%;height:1px;border:0;padding:0;margin:0;overflow:hidden;}