body{text-align:center;background:#D4FCEC;color:rgb(0,0,0);font-size:90%;font-family:Arial, sans-serif;}
#page-holder-h{width:750px;margin:10px auto;text-align:left;border:solid 2px #26AE63;}
#page-holder{position:relative;}
#page-header{height:146px;background:#A4C1E3;overflow:hidden;}
#page-header .img-text{width:750px;height:146px;}
#page-header .it-img{width:750px;height:146px;background-image:url("img/page-header-bkg.jpg");}
#page-header .ph-text{height:27px;line-height:27px;font-size:0.8em;font-weight:bold;position:absolute;top:5px;right:20px;background:#C3F2E0 url("img/page-header-text-bkg.gif") repeat-x top left;z-index:10000;}
#page-header .ph-text .ph-text-left,
#page-header .ph-text .ph-text-right{width:7px;height:27px;background-color:transparent;background-repeat:no-repeat;background-position:top left;position:absolute;top:0;}
#page-header .ph-text .ph-text-left{background-image:url("img/page-header-text-left.gif");left:-7px;}
#page-header .ph-text .ph-text-right{background-image:url("img/page-header-text-right.gif");right:-7px;}
#page-body{background:#B5F6DD url("img/page-body-bkg.gif") repeat top left;position:relative;margin:0;}
#page-content-h{background:#B5F6DD url("img/page-content-bkg.gif") repeat-x top left;margin:0 0 0 200px;padding:0;}
#page-heading h1{color:white;font-style:italic;font-weight:normal;letter-spacing:0.1em;text-transform:lowercase;font-size:1.6em;margin:0;padding-left:20px;background:transparent url("img/odrazka-h1.gif") no-repeat center left;}
#page-navigator{font-size:0.75em;margin:0;padding:0 0 5px 20px;font-style:italic;text-transform:uppercase;color:white;font-weight:normal;}
#page-navigator a{color:white;}
#page-content{min-height:600px;padding:20px 5px 5px 20px;font-size:0.9em;position:relative;}
#page-left{position:absolute;top:145px;left:0;width:194px;}
/* =========== VZHLED BOXIKU ============= */
.box{background:transparent url("img/box-bkg.gif") repeat-x top left;clear:left;width:193px;}
.box .box-header,
.box .box-body,
.box .box-footer{margin-left:27px;background-color:#3D82D0;}
.box .box-header{height:68px;background:transparent url("img/box-header.gif") no-repeat bottom left;}
.box .box-footer{height:15px;background:transparent url("img/box-footer.gif") no-repeat bottom left;}
.box .box-body{background:transparent url("img/box-body.gif") repeat-y top left;}
/* ------------ hlavni menu ------------- */
.box h4{color:rgb(160,208,198);font-size:18px;text-transform:uppercase;}
.box#main-menu,
.box#login{position:relative;}
.box#login{margin:20px 0 5px;}
.box#login h4 span{padding:5px 0 0 10px;}
.box#main-menu .box-header{width:166px;height:54px;}
.box#login .box-header{width:166px;height:30px;border-bottom:1px solid rgb(255,255,255);}
.box#login .box-header{background:url("img/main-menu-header.gif") top left no-repeat;}
.box#main-menu .box-header .it-img{width:166px;height:54px;background-image:url("img/main-menu-header.jpg");}
.box#main-menu .box-body,
.box#login .box-body{background:transparent url("img/main-menu-body.gif") repeat-y top left;}
.box#main-menu .box-footer, .box#login .box-footer{height:10px;background:transparent url("img/main-menu-footer.gif") no-repeat bottom left;}
.box#login .box-body{padding:5px;font-size:11px;}
.box#login .box-body label{color:rgb(255,255,255) !important;float:left;width:4em;display:block;}
.box#login .box-body a{font-size:12px;color:rgb(255,255,255);font-weight:bold;}
#main-menu .menu-item{position:relative;font-size:1.0em;font-weight:bold;font-style:italic;border-bottom:solid 1px white;}
#main-menu .menu-item a{padding:2px 5px;color:white;display:block;width:156px;}
#main-menu .menu-item a:hover{background:white url("img/main-menu-itemo.jpg") repeat-y top left;color:#017172;text-decoration:none;}
#main-menu .menu-item ul.submenu a{width:105px;}
/* submenu */
#main-menu .submenu{position:absolute;visibility:hidden;top:0;left:165px;padding-bottom:10px;width:115px;background:transparent url("img/main-menu-submenu-bkg.gif") no-repeat bottom left;font-size:0.9em;z-index:99;}
#main-menu .submenu .menu-item{background:transparent url("img/main-menu-submenu-item.gif") repeat-y top left;}
#main-menu .submenu .menu-item a:hover{background:white url("img/main-menu-submenu-itemo.gif") no-repeat top left;}
#main-menu .submenu .menu-item.first{padding-top:30px;background:transparent url("img/main-menu-submenu-first.gif") no-repeat top left;}
/* ================ TEXTY =================== */
a{color:#017172;text-decoration:none;}
a:hover{text-decoration:underline;}
a:visited{color:#017172;}
h1{margin:0;}
h3{font-size:1.2em;margin:0 0 10px 0;padding:0;color:#468E7A;font-style:italic;}
h4{font-size:1.1em;margin:20px 0 10px 0;padding:0;}
.obr{border:solid 1px #66CC99;}
.wysiwyg{text-align :justify;line-height:1.2em;}
.odstavec{clear:both;width:500px;}
.odstavec.float{float:left;clear:none;}
.odstavec .obr{margin:0 5px 5px 0;float:left;}
.odstavec li{margin-left:20px;}
/* ============= STRANKOVANI =============== */
.paging{background:#64B39D;padding:1px;color:white;}
.paging .pages-info{padding:1px;}
.paging .per-page{padding:1px;}
/* ============= NAVIGATOR ================ */
.navigator{font-size:0.9em;font-weight:bold;}
/* ================= GALERIE OBRAZKU ==================== */
/* seznam kategorii */
#id-galerie .subcats{position:relative;padding-left:20px;}
#id-galerie .subcats .zaznam{display:list-item;list-style-image:url("img/odrazka-2.gif");}
#id-galerie .subcats .zaznam .obr-h-a{visibility:hidden;}
#id-galerie .subcats .zaznam .obr-h{position:absolute;top:0;left:300px;}
/* informace o kategorii */
#id-galerie .cat-info{margin-bottom:20px;}
#id-galerie .cat-info h3{margin-bottom:5px;}
#id-galerie .cat-info .obr{float:left;margin:0 5px 5px 0;}
#id-galerie .cat-info .wysiwyg{text-align:justify;font-size:0.9em;}
#id-galerie .cat-info .wysiwyg p{margin:0;padding:0;}
/* vypis nahledu */
#id-galerie .vypis#galerie{clear:both;}
#id-galerie .vypis#galerie .zaznam{float:left;margin:1px;padding:10px;border:solid 1px white;background:#97ECC7 url("img/galerie-zaznam-bkg.gif") repeat-y top right;min-height:170px;width:150px;font-size:0.85em;font-style:italic;color:#339966;}
#id-galerie .vypis#galerie .zaznam .obr-h{text-align:center;margin:0 0 5px 0;}
/* okolni obrazky u detailu */
#id-galerie #okolni{border:solid 1px white;border-bottom-width:0;background:#ADF1D5;overflow:auto;height:135px;text-align:center;}
#id-galerie #okolni .zaznam{padding:3px;clear:none;}
#id-galerie #okolni .zaznam.aktualni{border:solid 1px red;position:absolute;display:none;}
#id-galerie #okolni .zaznam.prev{float:left;}
#id-galerie #okolni .zaznam.next{float:right;}
/* navigace mezi obrazky u detailu */
#id-galerie .okoli-nav{height:1.3em;line-height:1.3em;border:solid 1px white;border-top-width:0;padding:2px;background:#64B39D;color:white;}
#id-galerie .okoli-nav a{color:white;}
#id-galerie .okoli-nav .prev{float:left;}
#id-galerie .okoli-nav .next{float:right;}
/* detail obrazku */
#id-galerie .detail{color:#339966;font-size:0.8em;margin-bottom:10px;}
#id-galerie .detail .obr{margin:5px 0 0 0;}
/* ============== NOVINKY ================= */
/* seznam novinek */
#id-aktuality .vypis .zaznam .datum{color:white;font-size:0.85em;}
#id-aktuality .vypis dt{font-weight:bold;background:transparent url("img/odrazka-2.gif") no-repeat center left;padding-left:10px;position:relative;left:-10px;}
/* detail novinky */
#id-aktuality .detail .navigator{margin-bottom:10px;}
#id-aktuality .detail .datum{color:white;font-size:0.9em;}
/* =================== PATICKA STRANKY ==================== */
#page-footer{clear:both;background:#D5FEEE;border-top:solid 1px #26AE63;padding:2px 10px;text-align:right;font-size:0.7em;color:gray;font-style:italic;}
/* ===== Rezervace a související ===== */
#id-rezervace-registrace #page-content form label,
#id-rezervace-nastaveni #page-content form label{width:12em;}
#id-rezervace-rezervovat form label{font-size:12px;width:10em;}
#id-rezervace-rezervovat form div, #id-rezervace-rezervovat form select{font-size:11px;}
#id-rezervace-rezervovat form div{margin:3px;line-height:20px;}
#id-rezervace-rezervovat form h4{margin:0.5em 0;}
#id-rezervace-rezervovat form table td{text-align:center;vertical-align:top;}
#id-rezervace-rezervovat form td.pokoje p{text-align:right !important;padding-left:2em;}
#id-rezervace-prehled-rezervaci table#prehled{border:solid rgb(0,0,0);border-width:1px 1px 0 1px;width:500px;text-align:center;}
#id-rezervace-prehled-rezervaci table#prehled th{border-bottom:1px dashed rgb(0,0,0);}
#id-rezervace-prehled-rezervaci table#prehled td{border-bottom:1px solid rgb(0,0,0);}