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

body { font: 80%/1.4 "Trebuchet MS", "Geneva CE", lucida, sans-serif }

body.body { text-align: center; color: #333333; background-color: #D4EFFC }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #E88C01; padding: 0; line-height: normal }
h1 { font-size: 170%; clear: both; margin: 0.5em 0 1em 0 }
h1.nadpishotel { margin: 0.5em 0 0.3em 0 }
h2 { font-size: 140%; margin: 1.1em 0 1em 0 }
h3 { font-size: 120%; 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: #0367B8 }
a:link { color: #0367B8 }
a:hover { color: #E88C01; text-decoration: none }
p { margin: 1em 0 }
table { 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 }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.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/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 #aaaaaa; padding: 3px }
.button { }
.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: 959px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/bg_main.gif) repeat-y 0 0
}
html>body #main { min-height: 100%; height: auto }

#zahlavi { position: absolute; left: 0; top: 0; width: 959px; background: transparent url(img/sys/bg_zahlavi.jpg) no-repeat 0 0 }
#zahlavi-in {
    height: 190px;
    position: relative
}

#content {
    float: right;
    width: 725px;
    overflow: hidden
}
#content-in { padding: 190px 15px 80px 15px }

#panel {
    float: left;
    width: 234px;
    background-color: #0367b8
}
#panel-in { margin: 167px 0 0 0; padding: 0 15px 80px 15px; position: relative; z-index: 10 }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 959px;
    height: 34px;
    background: #266FC0 url(img/sys/bg_zapati.gif) no-repeat 0 0
}
#zapati-in { padding: 8px 10px 0 10px }
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { color: #E88C01; display: block; position: relative; left: 153px; top: 66px; width: 379px; height: 53px; overflow: hidden; text-decoration: none; cursor: pointer; z-index: 20 }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.jpg) no-repeat 0 0 }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; top: 165px; right: 10px; text-align: right; width: 180px }
#searchform input { border: 0; padding-left: 2px; width: 140px }
.button-vyhledat { width: 20px !important; height: 19px !important }

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

#slogan { color: #ffffff; font-size: 110%; font-weight: bold; position: absolute; left: 249px; top: 164px; width: 520px }
#slogan b { color: #A2DDFA; font-size: 120% }

#langs { position: absolute; right: 10px; top: 50px }
#langs img { border: 1px solid #ffffff; margin: 0 0 0 0.4em }
#langs a:hover img { border: 1px solid #8ED9FE }

#panel { color: #ffffff }
#panel ul { margin: 0; padding: 0; list-style: none }
#panel a { color: #ffffff }
#panel a:hover { color: #FFCC00 }
#panel ul .active { color: #FFCC00; text-decoration: none }
#panel h3 { color: #ffffff; text-transform: uppercase; background: transparent url(img/sys/bg_dot.gif) repeat-x 0 50% }
#panel h3 span { padding: 0 0.3em 0 0; background-color: #0367B8 }
.count, .dist { font-size: 85% }

#zapati p { color: #ffffff; font-size: 89%; margin: 0 }
#zapati em { float: right; font-style: normal }
#zapati span { font-style: normal; left: 250px; position: absolute; }
#zapati a { color: #ffffff }
/* /layout - special */

/* doporucene hotely */
.pref-hotels { width: 100%; position: relative; overflow: hidden }
.pref-hotels h2 { text-transform: uppercase; position: relative; background: transparent url(img/sys/bg_dot_2.gif) repeat-x 0 50% }
.pref-hotels h2 span { padding: 0 0.3em 0 0; background-color: #ffffff }
.pref-hotels .next { position: absolute; right: 0; top: 19px; padding: 0 0 0 1em; background-color: #ffffff }
.hotel-box { float: left; width: 144px; margin: 0 12px 12px 0; padding: 0 8px 7px 8px; line-height: 1.1; background: transparent url(img/sys/bg_hotel_box.jpg) no-repeat left bottom }

.hotel-box { height: 120px; position: relative; }
html>body .hotel-box { min-height: 120px; height: auto }
.hotel-box img { position: absolute; bottom: 7px }
.hotel-box .lokalita { position: absolute; bottom: 85px; font-size: 93% }
.hotel-box .priceitem { position: absolute; text-align:center; left: 120px; bottom: 20px; padding-top: 20px; background:url('img/sys/ico_double.gif') 0 0 no-repeat; background-position:center 0 }
.double { background:url('img/sys/ico_double.gif') 0 0 no-repeat; padding-left: 20px; }


span.nadpis { color: #E88C01; font-weight: bold; font-size: 95%; text-transform: uppercase }
span.nadpis a { color: #0367B8 }
span.nadpis a:hover { color: #E88C01 }
.lokalita { color: #0367B8 }
.hotel-box img { border: 1px solid #787474; margin: 0.7em 0 0 0 }
.hotel-box a:hover img { border: 1px solid #E88C01 }
/* /doporucene hotely */

/* detail hotelu */
.h-adresa { color: #888888 }
.box { margin: 0.5em 0; padding: 0.8em; border: 1px solid #C2E8FB }
.box h2 { font-size: 125%; margin: 0 0 0.5em 0; text-transform: uppercase }
.box h3 { font-size: 110%; margin: 0 0 0.5em 0; text-transform: uppercase }
.box p { margin: 0.5em 0 }
.box p label, .box p b { float: left; font-weight: bold; width: 90px }
.box .b-button { margin-top: 1.5em }
.box select { width: 55px }
.box input { width: 110px }
.button-rezervace { width: 152px !important; height: 23px !important }

.hotel-detail-popis { float: left; width: 530px }
#fotogalerie { float: right; width: 149px; margin: 1em 0 0 0; text-align: center; background: #ADE1FC url(img/sys/bg_fotogalerie.gif) no-repeat left bottom }
#fotogalerie h3 { margin: 0; padding: 0 0 1em 0; text-transform: uppercase; background: #ffffff url(img/sys/h3_fotogalerie.gif) no-repeat left bottom }
#fotogalerie p { margin: 0 0 0.5em 0 }
#fotogalerie img { border: 1px solid #787474; margin: 0.2em 0 }
#fotogalerie a:hover img { border: 1px solid #E88C01 }
/* /detail hotelu */

/* vypis hotelu */
.hotel { line-height: 1.25; height: 85px; margin: 0 0 0.8em 0; position: relative; border: 6px solid #F6F6F6; background-color: #F6F6F6 }
html>body .hotel { min-height: 85px; height: auto }
.hotel img { border: 1px solid #787474; padding: 0; position: absolute; left: 0; top: 0 }
.hotel a:hover img { border: 1px solid #E88C01 }
.hotel p { margin: 0; padding: 0 0 0 130px }
/* /vypis hotelu */

/* r-sekce */
.box input { padding-left: 2px; border: 1px solid #969696 }
.r-sekce-1, .r-sekce-2, .r-sekce-3 { border-bottom: 1px dashed #969696; padding: 0 0 1.5em 0; width: 500px }
.r-sekce-1 table { width: 400px }
.r-sekce-3 { border: 0 }
.r-sekce-3 textarea { width: 310px }
.r-sekce-1 h3, .r-sekce-2 h3, .r-sekce-3 h3 { margin-top: 1.5em }
/* /r-sekce */

/* gMap marker */
.marker img { border: 1px solid #787474; padding: 0;}
.marker a:hover img { border: 1px solid #E88C01 }
/* /gMap marker */

/* ostatni tridy pro web */
#search-hotel { font-size: 93% }
#search-hotel h3 { margin-top: 0; background: none }
#search-hotel label { float: left }
#search-hotel input { border: 0; padding-left: 2px; width: 120px }
#search-hotel input.checkbox { padding: 0px 5px 0px 0px; width: auto }
#search-hotel select { border: 0; width: 141px }
#fid_from_day, #fid_from_month, #fid_to_day, #fid_to_month { width: 35px !important }
#fid_from_year, #fid_to_year { width: 45px !important }
.v-datum { font-size: 85% }
#search-hotel #f_word { width: 139px }
#search-hotel p { margin: 0.4em 0; text-align: right }
.button-vyhledat-2 { width: 94px !important; height: 23px !important }
.strike { text-decoration: line-through }
.pricelist { margin-top: 10px }
.price { color: #E88C01; font-weight: bold; font-size: 110% }

.button input { color: #ffffff; font-weight: bold; font-size: 100%; border: 0; height: 23px; line-height: 23px; padding: 0; text-transform: uppercase; text-align: center !important }
.search input { width: 94px !important; background: transparent url(img/sys/bg_button_search.gif) no-repeat 0 0 }
.book1 input { width: 105px !important; background: transparent url(img/sys/bg_button_book1.gif) no-repeat 0 0 }
.book2 input { width: 150px !important; background: transparent url(img/sys/bg_button_book2.gif) no-repeat 0 0 }

.block_room { border-top: 1px solid #A1E5FB; width: 100%; margin: 15px 0 0 0; padding: 6px 0 0 0; position: relative; background: transparent url(img/sys/bg_room.gif) repeat-x 0 0 }
.block_room strong { margin: 0 0 0 10px }
.block_room-in { padding: 1em 10px 1.5em 10px }
.block_room table { font-size: 93% }
.button_close { font-size: 93%; margin: 0 10px 0 0; padding: 0 0 0 12px; position: absolute; right: 0; background: transparent url(img/sys/ico_del.gif) no-repeat 0 50% }
.button_add { font-size: 93%; padding: 0 0 0 12px; background: transparent url(img/sys/ico_add.gif) no-repeat 0 50% }
.room0_add_child { display: block; margin: 0.5em 0 }

#content .tab-ceny, #content .tab-hotel-ceny { font-size: 93%; margin: 0 0 2em 0; border: 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 #eee; background-color: #F4F3F3 }
.tab-ceny td, .tab-hotel-ceny td { padding: 5px 10px; text-align: center; line-height: normal; border: 1px solid #eee }
.tab-ceny td p { text-align: left; line-height: normal }
.tab-hotel-ceny { border-collapse: separate; border: 1px solid #eee; border-width: 0 0 0 1px }
.tab-hotel-ceny td { padding: 3px 5px; border: 1px solid #eee; border-width: 0 1px 5px 0 }

#content table { border-color: #000000 }
#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% }

/* /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 */

/* fotogalerie */
#tn_root {}
#tn_root .tn { margin: 0 0 5px 5px; text-align: center }
#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 }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
/* /prilohy */
/*  info o filroch */
#filter { padding:2px 5px; margin:5px 0; background-color:#F6F6F6; border: 1px solid #E88C01; color:#000; font-size:12px;}
#filter h5 { display:inline;  color:#0367B8; font-size:12px;}
#filter strong {font-size:15px; color:#000;}
/* /info o filroch */

/* objednavky */
.basket, .doklady { font-size: 110%; border: 1px solid #e0e0e0 }
.basket .header, .doklady .header { height: 26px; background-image: url(img/sys/wr2/bg_b_title.gif); margin: 0 1px 1px 1px; background-color: #e9e9e9; padding-left: 20px }
.basket .header h3, .doklady .header h3 { color: #084897; font-weight: bold; font-size: 120%; text-transform: uppercase; padding: 3px 0 3px 0; margin: 0 }
.basket table { border-collapse: collapse }
.basket td { padding: 10px 5px 3px 5px; }
.basket .hotel { padding-left: 20px }
.basket .cena { font-weight: bold }
.basket .cena-bottom { padding-top: 3px; border-top: 1px solid #e0e0e0; font-weight: bold }
.basket .popis { padding: 0 3px 10px 20px;  font-size: 90%; color: #575757 }
.basket .sub td { padding: 5px 3px }
.basket .sub .cena { font-weight: normal; font-size: 90%; color: #808080 }
.basket .sub .popis { padding-left: 30px; border-width: 0; color: #808080 }
.basket .warning a { background: url("img/sys/btn_del.gif") no-repeat scroll 0 0 transparent; width: 18px; height: 15px; color: #000; display: block; float: right; margin-right: 10px }
.basket .total { background-color: #f4f3f3 }
.basket .total .popis { padding: 3px 5px 3px 20px; border-width: 0; color: #000; font-weight: bold; font-size: 110% }
.basket .total .castka { font-weight: bold; padding: 3px 5px }
.basket .platby { padding: 10px 5px 10px 20px; background-color: #f4f3f3; border: 1px solid #e0e0e0; border-width: 1px 0 }
.basket .platby td { padding: 3px 5px }
.basket .platby input.disabled { background-color: #d1d1d1; border-color: #d1d1d1; cursor: default }
.basket .celkem { background-color: #f4f3f3; padding: 5px 0 10px 0 }
.basket .celkem td { border-width: 0; padding: 3px 5px }
.basket .celkem .popis { font-weight: bold; font-size: 110%; color: #000; padding-left: 20px }
.basket .celkem .castka { font-weight: bold; font-size: 110% }
.basket .celkem .castka span { color: #f00; font-size: 140% }
.basket .celkem .total-sleva td { padding-top: 0px; border-bottom: 1px solid #e0e0e0; }
.basket .invalid { border: 2px solid red }
.basket .celkem-info { background-color: #f4f3f3; padding: 0px 3px 10px 20px; color: #27438F }
.basket-shadow { height: 20px; background-image: url(img/sys/wr2/bg_b_shadow.gif); background-repeat: no-repeat; background-position: center top; margin-bottom: 20px }
.doklady table { margin: 10px 0 }
.doklady td { padding: 3px 5px }
.doklady big { font-size: 150% }

.stepButtons { clear: both }
.stepButtons a, .stepButtons input, .order-contact .submit { color: #fff; font-weight: bold; height: auto; display: block; padding: 3px 15px; text-transform: uppercase; background-color: #084897; border: 1px solid #084897; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; cursor: pointer; line-height: normal; line-height: 15px }

table.total-price { margin-bottom: 15px; width: 100% }
table.total-price td { padding: 2px 3px; border: 1px solid #eee }
table.total-price .total td { background-color: #F4F3F3; font-weight: bold; padding: 4px 5px; font-size: 110% }
table.total-price .survey { background-color: #F4F3F3 }

.order-contact { background-color: #f4f3f3; font-size: 110%; border: 1px solid #e0e0e0 }
.order-contact .content { padding: 10px 15px }
.order-contact td { padding: 2px 3px }
.format-form input, .format-form select, .format-form textarea { border: 1px solid #E1E1E1; padding: 0 3px }
.format-form input, .format-form select { height: 18px }
.order-contact .no-background { background: none }
.order-contact sup { display: block; width: 10px; float: left }
.order-contact select { float: left; border: 1px solid #fff; margin-left: 1px }
.order-contact.disabled input, .order-contact.disabled select, .order-contact.disabled textarea { background-color: #f0f0f0 }
.order-contact.disabled select { border-color: #f0f0f0 }
.order-contact .payment-info { padding: 5px 3px; color: #27438f }
.order-contact .title-padding td { padding-top: 10px }
.order-contact .order-contact-platba { display: none; color: red; font-weight: bold }
.order-contact.disabled .order-contact-platba { display: block }
.order-contact hr { margin: 5px 0 15px 0 }
.order-contact .header { height: 26px; background-image: url(img/sys/wr2/bg_b_title.gif); padding-left: 20px; background-color: #e9e9e9; margin: 0 1px 1px 1px }
.order-contact .header h3 { color: #084897; font-weight: bold; font-size: 120%; text-transform: uppercase; padding: 3px 0 3px 0; margin: 0 }
.order-contact table table { margin: 15px 0 }

h3.step-title, h3.step-title a { color: #808080 }
h3.step-title span { color: #162983 }
h4.step-title { margin: 5px 0 20px 0; font-size: 80% }

.kosik-stav { color: red; margin-bottom: 10px; font-weight: bold }
.debug-box div { color: #171717; font-weight: bold; padding-bottom: 5px }
.status, .status-ok, .status-error, .status-warning, .status-info { border-width: 1px; border-style: solid; padding: 8px }
.status { border-color: #e5e5e5; color: #7a7a7a; background-color: #f1f1f1 }
.status-ok { border-color: #dce6c9; color: #1db83c; background-color: #f0f5e6 }
.status-error { border-color: #ead5d5; color: #de1700; background-color: #f5e6e6 }
.status-warning { border-color: #faeabd; color: #e47c33; background-color: #ffffd9 }
.status-info { border-color: #cee4f2; color: #0077ca; background-color: #e4f2f9 }
.status-info .cvctitle img { margin-right: 10px }
/* /objednavky */

/* 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 */