/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100% }

body.body, body.window { font: 70%/1.4 "Trebuchet MS", "Geneva CE", lucida, sans-serif }
body.window { padding: 0 2em }

body.body { text-align: center; color: #000000; background-color: #a0ccfa }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #0357ab; padding: 0; line-height: normal }
h1 { font-size: 135%; clear: both; margin: 1.5em 0 1em 0; text-transform: uppercase }
h2 { font-size: 140%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 140%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% "Trebuchet MS", "Geneva CE", lucida, sans-serif }
a { color: #162983 }
a:hover { color: #C56814; text-decoration: none }
p { margin: 1em 0 }
table { margin: 1em 0; padding: 0; border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 93% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fri { float: right; margin: 0 0 1em 1.3em }
.fli { float: left; margin: 0 1.3em 1em 0 }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(img/sys/mel/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a { color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.bg0 { background-color: #f4f4f4 }
.border { border: 1px solid #aaa; padding: 3px; background-color: #FFFFFF }
.button { border: none !important; margin: 0 !important; background: none !important }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 93% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 960px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/mel/bg_main.gif) repeat-y 0 0
}
html>body #main { min-height: 100%; height: auto; /*border-bottom: 1px solid #f4f4f4*/ }

#zahlavi { position: absolute; left: 0; top: 0; width: 100%; background: #8F8D88 url(img/sys/mel/bg_zahlavi.jpg) no-repeat left bottom }
#zahlavi-in {
    height: 242px;
    position: relative
}

#content {
    float: right;
    width: 765px;
    overflow: hidden
}
#content-in { float: left; width: 503px; padding: 242px 15px 100px 15px; text-align: justify; /*background: transparent url(img/sys/mel/bg_content.gif) repeat-x 0 242px*/ }

#panel {
    float: left;
    width: 195px;
    height: 170px;
    position: relative;
}
html>body #panel { min-height: 170px; height: auto }
#panel-in { margin: 255px 0 0 0; padding: 0 12px 100px 13px }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #EBEAE3;
    background-color: #0357ab
}
#zapati-in { height: 58px; position: relative; padding: 0 20px }
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { display: block; position: relative; left: 57px; top: 93px; width: 495px; height: 85px; overflow: hidden; text-decoration: none; text-indent: -999em; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/mel/bg_logo.jpg) no-repeat 0 0 }

#slogan { position: absolute; top: 32px; right: 0; width: 400px; height: 26px; text-indent: -9999px; background: transparent url(img/sys/mel/bg_slogan.jpg) no-repeat 0 0 }

#panel-right { float: right; color: #000; width: 202px; margin: 236px 0 0 0; padding: 0 15px 100px 15px }
#panel-right h3 { color: #0357ab; margin: 1.5em 0 0.7em 0 }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#search_form { position: absolute; top: 10px; right: 10px }

#cesta { float: left; font-size: 90%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 90% }

#langs { margin: 0; font-size: 2px; text-align: right; position: absolute; right: 0; top: 25px }
#langs img { margin-left: 10px; border: 1px solid #ffffff }
#langs a { display: block; float: left }
#langs a:hover img { border: 1px solid #424242 }

#zapati p { margin: 0; padding: 20px 0 0 0 }
#zapati a { color: #ffffff }
#zapati p a:hover { color: #FBCB50 }
#zapati small { position: absolute; right: 20px; top: 5px; text-align: right }
/* /layout - special */

/* ostatni tridy pro web */
/*.fl div.fl { margin: 1.7em 0 0 0 }*/
h1.hotel { margin-top: 0.3em }
#content table thead td, #content table thead th { background-color: #eeeeee }
#content table tfoot td, #content table tfoot th { background-color: #9fd5f1 }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }
h1 img { margin: 0 10px 0 0 }
#panel ul { margin: 0.5em 0 0 0; padding: 0; list-style: none }
#panel li { padding: 0 }
#panel a, #panel-right a { color: #0357ab; text-decoration: none }
#panel a:hover, #panel-right a:hover { color: #0357ab; text-decoration: underline }
#panel h3 { color: #0357ab; font-size: 120% }
#panel h4 { color: #0357ab }
.p-img { margin: 0.7em 0 }
.turisticke-tipy { padding: 0; margin: 0; list-style: none }
.turisticke-tipy li { padding: 0 0 1em 0 }
.turisticke-tipy p { margin-bottom: 0; padding: 3px; border: 1px solid #A0BED1; line-height: 0; display: table-cell }
.blue { color: #175880 !important; text-decoration: underline !important }
.blue:hover { text-decoration: none !important }
.detail-panel { float: right; width: 280px; margin: 0 0 0 15px }
.detail-panel .p-img { border: 1px solid #3893CB }
.detail-panel .b-odeslat { width: 89px; height: 23px }
#panel .hotel-detail li .active { color: #000 !important; font-weight: bold }
/*.hotel-adresa { margin: 1.8em 0 0 0; padding: 5px; border: 1px solid #3893CB; background: transparent url(img/sys/mel/bg_hotel_adresa.gif) repeat-x 0 0 }
.hotel-adresa h3 { margin-top: 0 }*/

#panel .hotel-detail ul { margin: 0.5em 0; padding: 0; list-style: none; width: 170px; overflow: visible }
#panel .hotel-detail ul li { padding: 0 0 0 10px; font-style: italic }

#local-fotogalerie { margin: 1.5em 0 0 0; padding: 0.5em 12px 0.8em 12px; border: 1px solid #0357ab; background-color: #fff }
.foto-big { padding: 5px; text-align: center; overflow: hidden }
.foto-big img { border: 1px solid #0357ab; padding: 3px; background-color: #FFFFFF }
.foto-show { margin: 2em 0 0 0; height: 92px; width: 99%; overflow: auto; overflow-y: hidden; white-space: nowrap }
.foto-show img { margin: 0 17px 0 0; border: 1px solid #0357ab }

#calBox { border-bottom: 5px solid #0357ab; background-color: #b8d8f8  }
#calBox legend { margin: 0; padding: 4px 10px; display: block; text-transform: uppercase; font-size: 140%; font-weight: bold; color: #0357ab }
#calBox h3 { margin-top: 1.5em; text-transform: uppercase }
#calBox form { width: 100%; /*background: transparent url(img/sys/mel/bg_form_register.gif) repeat-x 0 0;*/ border-top: 1px solid #0357ab }
#calBox table { margin: 10px; border: none !important; color: #0357ab }
#calBox input { font-size: 10px !important; width: 60px; background-color: #ffffff; border: 1px solid #0357ab }
#calBox .block_room-in { width: 390px; margin: 0.8em 0 0.3em 0 }
#calBox .block_room-in small { font-size: 10px; text-transform: lowercase !important }
#calBox .block_room-in table td { width: auto !important; padding-top: 0.8em; padding-bottom: 0.8em; padding-right: 1.5em; vertical-align: top; text-align: left; text-transform: uppercase; white-space: nowrap }
#calBox table table input { width: 70px !important }
#calBox select { font-size: 11px !important }
#calBox .button input { width: auto !important; text-align: center; padding-left: 12px; padding-right: 12px; font-weight: bold; text-transform: uppercase; color: #ffffff; font-size: 110%; border: 1px solid #0357ab; background-color: #0357ab }

/* tlacitko final rezervace */
a.button { display: block; width: 80px !important; height: 23px !important; line-height: 23px; color: #000; font-weight: bold; text-transform: none; text-align: center; border: 0 !important; background: transparent url(img/sys/button80x.gif) no-repeat 0 0 }
/* tlacitko add... v rezervaci */
a.button_add { display: block; width: 120px !important; height: 15px;color: #000; font-size:9px; font-weight: bold; text-indent:18px; border: 0 !important; background: transparent url(img/sys/btn_add.gif) no-repeat 0 0 }
/* tlacitko del v rezervaci */
.block_room-in { border: 1px solid #FFFFFF;  padding:0 5px 5px 5px; margin-top:5px }
a.button_close { float: right; position: relative; top: -15px; display: block; height: 15px; width: 120px; background: url(img/sys/btn_del.gif) no-repeat 0 0 ; overflow: hidden; /*text-indent: 40px; */color: #000; text-indent:18px; font-size:9px; font-weight:bold; }

.tab-ceny, .tab-hotel-ceny { margin: 0 0 2em 0 }
.tab-ceny th, .tab-hotel-ceny th { padding: 5px 2px; font-weight: bold; text-align: center; vertical-align: middle; line-height: normal; border: 1px solid #DBDEEA; background-color: #ECEEF6 !important }
.tab-ceny td, .tab-hotel-ceny td { padding: 5px 10px; text-align: center; line-height: normal; border: 1px solid #DBDEEA }
.tab-ceny td p { text-align: left; line-height: normal }
.tab-hotel-ceny { border-collapse: separate; border: 1px solid #DBDEEA; border-width: 0 0 0 1px }
.tab-hotel-ceny td { padding: 3px 5px; border: 1px solid #DBDEEA; border-width: 0 1px 5px 0 }

.strike { text-decoration: line-through }

/* pocasi */
table.weather { width: 100% }
table.weather img { border: 2px solid #F4F3F3; background-color: #ffffff }
table.weather .w_deg_day { color: #39BAEE; font-size: 12px }
table.weather .w_day td { font-weight: bold }

/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /vyhledavani */

/* novinky */
.nw_title { display: block; font-weight: bold }
.nw_title a { color: #162983 }
.nw_title a:hover { color: #162983 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_datum { float: right; font-size: 90%; color: #697277 }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
.dwn { margin: 3px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #cccccc }
.dwn_ico_doc, .dwn_ico_file, .dwn_ico_gif, .dwn_ico_html, .dwn_ico_jpg, .dwn_ico_pdf, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_xls, .dwn_ico_txt, .dwn_ico_zip 
{ margin: 0 0 3px 0; padding: 0 0 0 20px }
.dwn_ico_doc { background: url(cms/img/ico/doc.gif) no-repeat top left }
.dwn_ico_file { background: url(cms/img/ico/file.gif) no-repeat top left }
.dwn_ico_gif { background: url(cms/img/ico/gif.gif) no-repeat top left }
.dwn_ico_html { background: url(cms/img/ico/html.gif) no-repeat top left }
.dwn_ico_jpg { background: url(cms/img/ico/jpg.gif) no-repeat top left }
.dwn_ico_pdf { background: url(cms/img/ico/pdf.gif) no-repeat top left }
.dwn_ico_pps { background: url(cms/img/ico/pps.gif) no-repeat top left }
.dwn_ico_ppt { background: url(cms/img/ico/ppt.gif) no-repeat top left }
.dwn_ico_txt { background: url(cms/img/ico/txt.gif) no-repeat top left }
.dwn_ico_xls { background: url(cms/img/ico/xls.gif) no-repeat top left }
.dwn_ico_zip { background: url(cms/img/ico/zip.gif) no-repeat top left }
/* /download */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
/* /prilohy */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 5px }
/*#tn_root br { display: none }*/
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }
#tn_root img { border: 1px solid #636363; padding: 3px; background-color: #FFFFFF }
/* /fotogalerie */

/* error 404 */
/* tabulkova a beztabulkova verze teto stranky a tabulkova se bude pouzivat ve starych projektech */
/* problem se zvetsovanim pisma - pevna vyska bloku sa neda zmenit na min-height, lebo explorer to odignoruje => potom je riesenie tabulka*/
.error_box { display:block; height:280px; width:49%; background-color:#F4F4F4; padding: 0; position:relative; margin-bottom: 15px; background-position: 50% 15px; background-repeat:no-repeat }
.error_box p { /*text-align:justify; */padding:0 12px }
.error_box h2 { padding:13px 13px 0 38px; margin:0; background-repeat:no-repeat; background-position:10px 17px !important }
.error_box strong { position:absolute; bottom:7px; right:13px }
#en_error h2 { background-image:url("cms/img/lang/en.gif") }
#cz_error h2 { background-image:url("cms/img/lang/cz.gif") }
#ru_error h2 { background-image:url("cms/img/lang/ru.gif") }
#de_error h2 { background-image:url("cms/img/lang/de.gif") }
/* /error 404 */


/* virtual tour */
#virtualtour a {
display:block; width:170px; height:73px; text-indent:-9999px; overflow:hidden; background-position:0 0; background-repeat: no-repeat; margin:10px 0;
}
#virtualtour.en a{ background-image:url("img/sys/btn_virtualtour-en.gif") }
#virtualtour.cz a{ background-image:url("img/sys/btn_virtualtour-cz.gif") }
#virtualtour.ru a{ background-image:url("img/sys/btn_virtualtour-ru.gif") }
#virtualtour.de a{ background-image:url("img/sys/btn_virtualtour-de.gif") }
/* /virtual tour */

/* balicky */
h3.balicky { padding-top: 30px }
.balicky-cnt { font-weight: bold; color: #162983; text-decoration: underline; padding-left:15px; cursor:pointer; background: url("img/sys/ico-hide.gif") 0 4px no-repeat }
.balicky-cnt:hover { color: #F05529; text-decoration: none }
.expand { background-image: url("img/sys/ico-show.gif") }
div.balicky-box { width: 100% }
table.balicky { width: 100%; text-align: center }
table.balicky tr { background: #ffa500 } 
table.balicky tr.cena { background: #8b4513; color: #fff; font-weight: bold; font-size: 120% } 
/* /balicky */

/* ajaxove zobrazeni detailu rezervace */
#res-detail-ajax { position: absolute; display:none; padding: 5px; width: 370px; border: 1px solid #cee4f2; background-color: #e4f2f9 }
#res-detail-ajax table { background-color: #FFFFFF }
.res-detail-content { margin-top: 15px }
.res-detail-end img { cursor: pointer; margin: 0px }
/* /ajaxove zobrazeni detailu rezervace */