/* elements */

body#site, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select { font-size: 100%; font-family: sans-serif; color: #808080; line-height: 1.5; padding: 0; margin: 0; }



body#site { font-size: 80%; }



h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }



h1, h2, h3 { color: #1E3296; }



h1 { background: url(../images/headline-decoration.gif) no-repeat left center; font-weight: normal; font-size: 180%; padding-left: 16px; }



h2 { font-weight: normal; font-size: 150%; }



h3 { font-size: 120%; }



img { border: none; }



/* layout */

#container { background-color: #FFF9D8; width: 960px; padding: 0 15px; margin: 0 auto; position: relative; }



#container a { color: #0000FF; }



#container #flag { font-size: 85%; color: #FFF; position: absolute; right: 60px; top: 6px; z-index: 1; }

#container #flag a { font-family: Georgia, "New York CE", utopia, serif; color: #FFF; text-decoration: none; }

#container #flag .active { font-weight: bold; }



#container #obal #stranka { width: 100%; margin: 15px 0; overflow: hidden; }



/* hlava */

#hlava { background: url(../images/bg-header.png) no-repeat left top; height: 240px; padding-top: 162px; position: relative; }



#hlava #logo { position: absolute; left: 373px; top: 14px; }

#hlava #logo a { width: 212px; height: 87px; display: block; position: relative; overflow: hidden; }

#hlava #logo a span { background: url(../images/logo.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }



#hlava #protofade { height: 240px; position: relative; list-style: none; }

#hlava #protofade li { position: absolute; left: 0; top: 0; }



#hlava #overlay { background: url(../images/overlay-main-image.png) no-repeat left top; width: 100%; height: 240px; position: absolute; left: 0; top: 162px; }



/* obsah */

#obsah { width: 713px; padding-right: 25px; position: relative; left: 222px; top: 0; float: left; }

.index #obsah { width: 494px; }



#obsah p { margin: 10px 0; } 



#obsah ul,

#obsah ol { margin: 10px 0; }

#obsah ul li { margin-left: 15px; }

#obsah ol li { margin-left: 25px; }



#obsah hr { background: url(../images/separator-content.gif) no-repeat left top; height: 2px; border: none; }



#obsah table tr td { padding: 0 10px; }



#obsah .hvezdicka { color: #FF0000; }



#obsah .success { font-weight: bold; color: #008000; text-align: center; }



#obsah .errors li { font-weight: bold; color: #FF0000; }



#obsah #partners { background: url(../images/separator-content.gif) no-repeat left top; padding-top: 20px; margin-top: 20px; }

#obsah #partners h3 { background: url(../images/headline-decoration.gif) no-repeat left center; font-size: 100%; padding-left: 16px; }

#obsah #partners ul { list-style: none; }

#obsah #partners ul li { line-height: 1.8; width: 160px; margin: 0; float: left; }

#obsah #partners ul li a { color: #808080; }



#obsah #form-reservation td { line-height: 1; padding: 0; }

#obsah #form-reservation td:first-child { padding-right: 5px; }

#obsah #form-reservation input { background: transparent; font-weight: bold; color: #4F4F4F; line-height: 30px; width: 438px; height: 30px; padding: 0 8px; border: none; }

#obsah #form-reservation select { background-color: #FAEDAF; font-weight: bold; color: #4F4F4F; width: 454px; height: 30px; padding: 5px; border: 1px solid #D8CF94; border-top: 1px solid #9C946D; }

#obsah #form-reservation textarea { background: transparent; font-weight: bold; color: #4F4F4F; width: 438px; height: 81px; padding: 2px 8px; border: none; }

#obsah #form-reservation p { margin: 0 0 15px; }

#obsah #form-reservation .td-input { background: url(../images/bg-input.png) no-repeat left top; }

#obsah #form-reservation .td-input-date { background: url(../images/bg-input-date.png) no-repeat left top; }

#obsah #form-reservation .td-input-date input { vertical-align: top; width: 411px; }

#obsah #form-reservation .td-input-date #prijezd_kalendar, 

#obsah #form-reservation .td-input-date #odjezd_kalendar { background: url(../images/icon-calendar.png) no-repeat left top; width: 24px; height: 30px; padding: 0; cursor: pointer; }

#obsah #form-reservation .td-textarea { background: url(../images/bg-textarea.png) no-repeat left top; }

#obsah #form-reservation .td-submit { text-align: right; }

#obsah #form-reservation .align-top { vertical-align: top; padding-top: 5px; }

#obsah #form-reservation .but { background: url(../images/bg-button2.png) no-repeat left top; font-weight: normal; font-family: Georgia, "New York CE", utopia, serif; color: #FFF; width: 300px; height: 30px; margin-right: 5px; cursor: pointer; }

#obsah #form-reservation .span-input { background: url(../images/bg-input.png) no-repeat left top; display: block; }

#obsah #form-reservation #rezervace-pokoje { margin-top: 15px; }

#obsah #form-reservation #rezervace-pokoje td { padding-right: 10px; }

#obsah #form-reservation #rezervace-pokoje .povinne-polozky { padding-right: 5px; }

#obsah #form-reservation #rezervace-pokoje input { background-color: #FAEDAF; font-weight: bold; color: #4F4F4F; width: 48px; height: 28px; padding: 0 8px; border: 1px solid #D8CF94; border-top: 1px solid #9C946D; }

#obsah #form-reservation #rezervace-pokoje select { width: auto; }

#obsah #form-contact td { line-height: 1; padding: 0; }

#obsah #form-contact td:first-child { padding-right: 5px; }

#obsah #form-contact input { background: transparent; font-weight: bold; color: #4F4F4F; line-height: 30px; width: 438px; height: 30px; padding: 0 8px; border: none; }

#obsah #form-contact textarea { background: transparent; font-weight: bold; color: #4F4F4F; width: 438px; height: 81px; padding: 2px 8px; border: none; }

#obsah #form-contact .td-input { background: url(../images/bg-input.png) no-repeat left top; }

#obsah #form-contact .td-textarea { background: url(../images/bg-textarea.png) no-repeat left top; }

#obsah #form-contact .td-textarea * { vertical-align: top; }

#obsah #form-contact .td-submit { text-align: right; }

#obsah #form-contact .align-top { vertical-align: top; padding-top: 5px; }

#obsah #form-contact .but { background: url(../images/bg-button.png) no-repeat left top; font-weight: normal; font-family: Georgia, "New York CE", utopia, serif; color: #FFF; width: 122px; height: 30px; margin-right: 5px; cursor: pointer; }



#obsah .sekce { width: 100%; margin-top: 15px; overflow: hidden; }

#obsah .sekce .img { width: 115px; height: 86px; margin: 0 10px; float: left; }

#obsah .sekce .img img { width: 100%; height: 100%; }

#obsah .sekce .fright { text-align: right; display: block; }



#obsah .news-piece { margin-bottom: 20px; }

#obsah .news-piece p { margin: 0; }



#obsah .galerie { margin-top: 20px; }

#obsah .galerie .galerie-img { width: 170px; margin: 0 15px 5px 0; float: left; }

#obsah .galerie .galerie-img .img { text-align: center; height: 128px; margin-bottom: 5px; }

#obsah .galerie .galerie-img .titulek { font-size: 90%; text-align: center; line-height: 1; margin-top: 10px; }

#obsah .galerie .hr-spec { height: 0; border: none; margin: 0; display: block; clear: left; visibility: hidden; }



#obsah .galerie-skupina { margin-bottom: 20px; }



#obsah .reference { padding: 0 10px 10px; border: 1px solid #FAEDAF; margin-bottom: 10px; }

#obsah .reference .reference-text { font-style: italic; }

#obsah #mainMap { width: 500px; height: 300px; margin-bottom: 10px; }

#obsah #ubytovani-cenik { width: 100%; border-collapse: collapse; }
#obsah #ubytovani-cenik td { font-weight: bold; }
#obsah #ubytovani-cenik .typ-pokoje { background-color: #33CCFF; width: 509px; border: 1px solid #33CCFF; border-right: 0; }
#obsah #ubytovani-cenik .cena { background-color: #33CCFF; border: 1px solid #33CCFF; border-left: 0; }
#obsah #ubytovani-cenik table { width: 100%; margin: 20px 0; }
#obsah #ubytovani-cenik table .obdobi { width: 500px; }

/* pravý panel */

#pravy-panel { width: 219px; position: relative; left: 222px; top: 0; float: left; }



#pravy-panel h3 { background: url(../images/headline-decoration.gif) no-repeat left center; font-size: 100%; padding-left: 16px; }



#pravy-panel .news-piece { background: url(../images/separator-news.gif) no-repeat left top; padding: 10px 0; }

#pravy-panel .news-piece strong { display: block; }

#pravy-panel .news-piece .datum { font-style: normal; font-size: 90%; }



#pravy-panel #vice-aktualit { background: url(../images/separator-news.gif) no-repeat left top; padding-top: 10px; }



/* levý panel */

#levy-panel { text-align: center; width: 222px; position: relative; left: -738px; top: 0; float: left; }



#levy-panel #signpost { margin-bottom: 20px; list-style: none; }

#levy-panel #signpost li { background-repeat: no-repeat; background-position: left top; line-height: 1.2; width: 206px; height: 106px; margin-bottom: 10px; }

#levy-panel #signpost #sp-ubytovani { background-image: url(../images/signpost-ubytovani.jpg); }

#levy-panel #signpost #sp-rezervace { background-image: url(../images/signpost-rezervace.jpg); }

#levy-panel #signpost #sp-stravovani { background-image: url(../images/signpost-stravovani.jpg); }

#levy-panel #signpost #sp-nabidka { background-image: url(../images/signpost-specialni-nabidka.jpg); }

#levy-panel #signpost li a { font-weight: bold; font-size: 80%; font-family: Georgia, "New York CE", utopia, serif; color: #1E3296; text-transform: uppercase; text-decoration: none; text-align: left; width: 106px; height: 51px; padding: 55px 0 0 100px; display: block; }



/* menu */

#menu-div { background: url(../images/bg-menu.png) no-repeat left top; width: 960px; height: 50px; position: absolute; left: 15px; top: 110px; }

#menu-div ul { list-style: none; }

#menu-div ul li { line-height: 1; padding: 19px 0 17px; position: relative; float: left; }

#menu-div ul li a { font-family: Georgia, "New York CE", utopia, serif; color: #FFF; text-decoration: none; padding: 0 17px; border-right: 1px solid #FFF; }

#menu-div ul li ul { background: #FFF9D8; width: 170px; border: 1px solid #1E3296; padding: 5px 0; position: absolute; left: 0; top: 45px; display: none; }

#menu-div ul li:hover ul { display: block; }

#menu-div ul li ul li { text-align: center; padding: 5px 0; float: none; }

#menu-div ul li ul li a { color: #1E3296; padding: 0 15px; display: block; }

#menu-div ul li #selectedMenuItem { font-weight: bold; }



#zapati { background: url(../images/bg-footer.gif) no-repeat left top; height: 90px ; }

#zapati a { color: #808080; }

#zapati p { font-size: 90%; text-align: center; padding: 20px 10px 0; }

#zapati #backlinks { padding-top: 10px; }



/* other */

.hide { display: none; }



.no-brd { border: none !important; }

.no-pd { padding: 0 !important; }

.edit { width: 100%; display: block; overflow: hidden; }



.clearfix:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }

  

.clearfix { display: block; }



/* ie win hack ~ height acts like min-height \*/

* html .clearfix { height: 1%; }

/* end comment required */



#admin-menu {position:absolute; left:0px; top:0px; list-style:none; margin:0 0; padding:2px 5px; background-color:#ccc; border:1px solid #000; border-right:3px solid #000; border-bottom:3px solid #000;}

#admin-menu a {color:#C50000; font-family:verdana, sans-serif; font-size:0.85em;}

#admin-menu a:hover {background-color:#ff9;}