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

body { font: 75%/1.4 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #494D55/*6b7180*/; background: #eff3fc url(img/sys/bg_body.png) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #2f4b95; font-weight: normal; padding: 0; line-height: normal }
h1 { font-size: 310%; clear: both; margin: 0.2em 0 0.8em 0 }
h2 { font-size: 190%; margin: 1.5em 0 0.5em 0 }
h3 { font-size: 180%; margin: 1.7em 0 0.5em 0 }
h4 { font-size: 130%; margin: 1.1em 0 0.5em 0 }
h5, h6 { font-size: 100%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #516fc0 }
a:link { color: #516fc0 }
a:hover { color: #df7d13; text-decoration: none }
p { margin: 1em 0 1.5em 0; line-height: 1.6 }
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: 90% }
/* /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 }
.cistic { clear: both }
.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 #c6d0e9; padding: 2px }
.big { font-size: 120% }
.big1 { font-size: 130% }
.big2 { font-size: 155% }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 990px;
    margin: 175px auto 0 auto;
    text-align: left;
    position: relative;
    background: #fff url(img/sys/bg_main.png) repeat-y 0 0
}

#main-in { height: 325px; background: transparent url(img/sys/bg_main_in.png) no-repeat 0 0 }
html>body #main-in { min-height: 325px; height: auto }

#header { position: absolute; left: 0; top: -175px; width: 100%; height: 155px; background: transparent url(img/sys/bg_header.jpg) no-repeat 0 0 }
#main.home #header { top: -400px; height: 375px; }

#content {
    float: right;
    width: 710px;
    overflow: hidden
}
#content-in { padding: 40px 40px 25px 25px }

#panel {
    float: left;
    width: 280px
}
#panel-in { padding: 40px 0 25px 40px }

#footer {
    width: 990px;
    height: 345px;
    background: #eff3fc url(img/sys/bg_footer.png) no-repeat 0 0
}
/* /layout - zaklad */

/* layout - special */
#main.home { margin-top: 375px }
#main.home #main-in { background: transparent url(img/sys/bg_main_in_home.png) no-repeat 0 0 }
#main.home #header { top: -375px }
#main.home #content { float: none; width: 910px; padding: 15px 40px 25px 40px; overflow: visible }
#content.nopanel { float: none; width: auto }
#content.nopanel #content-in { padding: 40px 40px 25px 40px }

#logo, #logo span { display: block; position: relative; left: 43px; top: 20px; width: 107px; height: 70px; overflow: hidden; text-decoration: none; cursor: pointer; outline: none; text-indent: -999em }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.png) no-repeat 0 0 }

#slogan { color: #fff; text-shadow: 1px 1px #1d3078; font-weight: normal !important; position: absolute; left: 190px; top: 23px; width: 250px }

#menu { position: absolute; left: 15px; top: 100px; width: 960px; height: 40px; z-index: 10 }
#menu ul { margin: 0; padding: 0; list-style: none; position: relative; z-index: -1 }
#menu li { float: left; background: transparent url(img/sys/bg_menu_li.png) no-repeat right top }
#menu .m-last { background: none }
#menu a { color: #2f4b95; float: left; display: block; /*padding: 0 17px 0 15px;*/ height: 40px; line-height: 39px; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px #fff }
#menu a:hover, #menu a.active { color: #233871; text-decoration: underline; text-shadow: none }

.submenu-title { display: none }
.submenu-title a {  }
.submenu { margin: 0 0 15px 0; background: transparent url(img/sys/bg_submenu.png) no-repeat left bottom }
.submenu ul { margin: 0; padding: 11px; list-style: none; background: transparent url(img/sys/bg_submenu_in.png) no-repeat 0 0 }
.submenu li { padding: 0 0 1px 0; background: transparent url(img/sys/dashed.png) repeat-x left bottom }
.submenu li a { font-weight: bold; display: block; width: 198px; padding: 4px 0 5px 20px; background: transparent url(img/sys/bullet5.png) no-repeat -218px 7px }
.submenu li a:hover { color: #0fc6ed; background-position: 0 7px; background-color: #f0f4fc }
.submenu li.active { background-color: #eaeffb }
.submenu li.active a.active { color: #0fc6ed; text-decoration: none; background-position: 0 7px }
.submenu li.active a.active:hover { background-color: transparent !important }

.submenu ul ul { padding: 0 0 11px 0; background: none }
.submenu li li { padding: 0; background: none }
.submenu li li a { font-size: 90%; font-weight: normal; width: 183px; padding: 2px 0 3px 35px; background: transparent url(img/sys/bullet6.png) no-repeat 24px 6px }
.submenu li li a.active { color: #0fc6ed; text-decoration: none; background-position: 24px 6px }
.submenu li li a:hover { background-color: none }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; left: 487px; top: 34px; width: 232px; height: 29px; background: transparent url(img/sys/bg_searchform.png) no-repeat 0 0 }
#searchword { color: #66749b; font-size: 90%; width: 185px; padding: 6px 2px 6px 7px; border: 0; background: none; position: absolute; left: 2px; top: 2px; outline: none; text-transform: uppercase }
.button-vyhledat { width: 24px !important; height: 23px !important; position: absolute; left: 205px !important; top: 3px !important; padding: 0 !important; outline: none }

#langs { color: #fff; font-size: 90%; position: absolute; right: 271px; top: 8px; width: 41px; height: 17px; background: transparent url(img/sys/bg_langs.png) no-repeat 0 0; cursor: pointer }
#langs span { position: absolute; width: 7px; height: 4px; right: 7px; top: 7px; background: transparent url(img/sys/bullet.png) no-repeat 0 0 }
#langs img { position: absolute; top: 3px; left: 7px }
#langs-box {
    font-size: 80%; position: absolute; right: 271px; top: 15px; text-transform: uppercase;
    padding: 8px 10px; z-index: 10; display: none; border-radius: 5px; -moz-border-radius: 5px;
    -webkit-border-radius: 5px; box-shadow: 1px 1px 3px 1px #C0C0C0;
    -moz-box-shadow: 1px 1px 3px 1px #C0C0C0;
    -webkit-box-shadow: 1px 1px 3px 1px #C0C0C0;
    border-radius: 4px; background: #DDE7FF; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFEFF), to(#DDE7FF));
    background-image: -webkit-linear-gradient(top, #FDFEFF, #DDE7FF); background-image: -moz-linear-gradient(top, #FDFEFF, #DDE7FF);
    background-image: -ms-linear-gradient(top, #FDFEFF, #DDE7FF); background-image: -o-linear-gradient(top, #FDFEFF, #DDE7FF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFEFF', endColorstr='#DDE7FF');
}

/*.small-spacing { letter-spacing: -1px; font-size: 90% }*/

#kosik { width: 225px; height: 100px; position: absolute; right: 15px; top: 0; background: transparent url(img/sys/bg_kosik.png) no-repeat 0 0 }
#kosik a { color: #a5beff; font-size: 130%; text-shadow: 1px 1px #17265d; display: block; width: 100%; height: 100% }
#kosik a strong { position: relative; left: 28px; top: 25px }
#kosik a:hover { color: #fff }

#navbox { width: 910px; position: absolute; left: 40px; top: -19px; overflow: hidden }
#cesta { float: left; font-size: 90%; margin: 0; color: #000 }
#navigace { float: right; margin: 0; font-size: 90% }

#copyright { font-size: 90%; margin: 0; padding: 40px 0 0 60px }

#links { float: right; padding: 40px 60px 0 0 }
#links ul { display: inline-block; margin: 0; padding: 0 0 0 50px; list-style: none; vertical-align: top }
#links li { font-size: 90%; padding: 0 0 4px 10px; background: transparent url(img/sys/bullet3.png) no-repeat 0 3px }

#partneri { clear: both; padding: 30px 60px 0 60px }
#partneri h4 { color: #6b7180; font-size: 120%; margin: 0 0 1em 0 }
#partneri img { vertical-align: middle; margin: 0 1em 0 0 }
/* /layout - special */

/* welcome */
#welcome { width: 100%; height: 220px; position: absolute; left: 0; top: 155px; background: transparent url(img/sys/bg_welcome.png) no-repeat 0 0 }

#slideshow { position: absolute; left: 15px; top: 10px; width: 628px; height: 200px; overflow: hidden; background-color: #2A3D70 }
#slideshow ul { margin: 0; padding: 0; list-style: none; position: relative }
#slideshow li { float: left; display: block; width: 157px; height: 200px; padding: 0 !important; text-align: right; overflow: hidden; font-size: 0; line-height: 0 }
#slideshow li a { float: right }

#corner { display: block; width: 7px; height: 220px; position: absolute; left: 15px; top: 0; background: transparent url(img/sys/bg_corner.png) no-repeat 0 0; z-index: 10 }

#ea { position: absolute; left: 646px; top: 0; width: 327px; height: 207px; background: transparent url(img/sys/bg_ea.png) no-repeat 0 0 }
#ea h2 { color: #9aa5c2; margin: 0; padding: 35px 0 0 95px; text-shadow: 1px 1px #fff }
#ea h2 strong { font-weight: normal; color: #2f4b95 }
#ea ul { margin: 0; padding: 20px 0 0 135px; list-style: none }
#ea li { font-size: 90%; padding: 0 0 10px 19px; background: transparent url(img/sys/bullet2.png) no-repeat 0 1px }
/* /welcome */

/* bloky */
.blok1 { background: transparent url(img/sys/bg_blok1.png) no-repeat left bottom }
.blok1 .in { padding: 20px; background: transparent url(img/sys/bg_blok1_in.png) no-repeat 0 0 }
.blok1 h1 { margin: 0 }

#blok-hotely { width: 100%; margin: 25px 0 5px 0; overflow: hidden }
.blok2 { width: 286px; background: transparent url(img/sys/bg_blok2.png) no-repeat left bottom }
.blok2 .in { padding: 20px 20px 40px 20px; background: transparent url(img/sys/bg_blok2_in.png) no-repeat 0 0 }
.blok2 h2 { margin: 0 0 1em 0 }
#blok-hotely .blok2 { float: left; margin: 0 26px 0 0 }
#blok-hotely .blok2.b-last { margin: 0 }
.blok2 .scrollbar { height: 370px; padding: 0 10px 0 0; overflow: auto }
.blok2 .h { width: 100%; overflow: hidden; margin: 0 0 10px 0; padding: 0 0 10px 0; background: transparent url(img/sys/dashed.png) repeat-x left bottom }
.blok2 .h a { font-weight: bold; font-size: 110% }
.blok2 .h img.border { float: left }
.blok2 .h p { margin: 0 0 0 100px; font-size: 90%; line-height: normal }

.blok3 { background: transparent url(img/sys/bg_blok3.png) no-repeat left bottom }
.blok3 .in { padding: 20px; background: transparent url(img/sys/bg_blok3_in.png) no-repeat 0 0 }
.blok3 h3 { color: #9aa5c2; margin: 0 0 1em 0; text-shadow: 1px 1px #fff }
.blok3 h3 strong { font-weight: normal; color: #2f4b95 }

.blok4 { margin: 0 0 15px 0; background: transparent url(img/sys/bg_blok4.png) no-repeat left bottom }
.blok4 .in { padding: 20px 20px 5px 20px; background: transparent url(img/sys/bg_blok4_in.png) no-repeat 0 0 }
.blok4 h3 { color: #6b7180; margin: 0; font-size: 120%; font-weight: bold }
.blok4 ul { margin: 0.5em 0 15px 0; padding: 0; list-style: none }
.blok4 li { font-size: 90%; padding: 0 0 3px 7px; background: transparent url(img/sys/bullet7.png) no-repeat 0 5px }

.blok5 { margin: 0 0 15px 0; background: transparent url(img/sys/bg_blok5.png) no-repeat left bottom }
.blok5 .in { padding: 20px; background: transparent url(img/sys/bg_blok5_in.png) no-repeat 0 0 }
.blok5 h3 { margin: 0 0 0.5em 0 }
.blok5.tt ul { margin: 0; padding: 0; list-style: none }
.blok5.tt li { margin: 0 0 10px 0; padding: 0 0 10px 0; background: transparent url(img/sys/dashed.png) repeat-x left bottom }
.blok5.tt li a { font-weight: bold }
.blok5 .google-map { margin: 0 }
.blok5 p { margin-bottom: 0 }
/* /bloky */

/* rubriky */
#rubriky { width: 100%; overflow: hidden }
#rubriky #novinky { float: left; width: 442px }
#rubriky #zajimavosti { float: right; width: 442px }

.news { margin: 0 0 10px 0; padding: 0 0 10px 0; background: transparent url(img/sys/dashed.png) repeat-x left bottom }
.news h4 { margin: 0; font-size: 100%; font-weight: bold }
#rubriky .news .nw_text { font-size: 90% }
.news .a-vice, .news .nw_more { padding: 5px 0 5px 12px; display: table; background: transparent url(img/sys/bullet4.png) no-repeat 0 11px }
/* /rubriky */

/* bannery */
#bannery { width: 948px; position: relative; left: -13px; margin: 12px 0 5px 0; overflow: hidden }
#bannery a { display: block; float: left; margin: 0 12px 0 0; position: relative; width: 225px; height: 185px; background: transparent url(img/sys/bg_banner.png) no-repeat left bottom; text-decoration: none }
#bannery a span { color: #fff; font-size: 170%; text-shadow: 1px 1px #838daa; position: absolute; left: 10px; top: 102px }
#bannery a:hover span { color: #2f4b95; text-shadow: none }

.bannery { margin: 0 0 10px 0; text-align: center }
.bannery img {  }

.panel-title { color: #6b7180; font-size: 120%; font-weight: bold; height: 30px; line-height: 30px; margin: 15px 0 10px 0; padding: 0 0 0 11px; background: transparent url(img/sys/bg_h3.png) no-repeat 0 0 }
/* /bannery */

/* ubytovani */
#ubytovani { width: 960px; height: 371px; position: relative; left: -25px; background: transparent url(img/sys/bg_ubytovani.png) no-repeat 0 0 }
#ubytovani #ubytovani-search { position: relative; top: 25px; left: 25px; width: 358px; height: 279px; margin: 0 }
#ubytovani-search, #calBox { margin: 0 0 15px 0; padding: 20px; border: 1px solid #eaa707; background: #fcc813 url(img/sys/bg_ubytovani-search.png) repeat-x left bottom; moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px }
#ubytovani-search h2, #calBox h2 { margin: 0 0 0.3em 0; font-size: 250%; text-shadow: 1px 1px #feefb9 }
#ubytovani-search div { width: 100%; overflow: hidden; padding: 8px 0; border-bottom: 1px solid #e0b41e; line-height: normal; color: #000 }
#ubytovani-search label strong { color: #000; font-size: 120% }
#ubytovani-search select { padding: 3px 4px; border-left: 1px solid #caa325; border-top: 1px solid #c4a028; border-right: 1px solid #d3b34b; border-bottom: 1px solid #fce9b3 }
#ubytovani-search .us1 select { width: 135px }
#ubytovani-search .us2 select { width: 162px }
#ubytovani-search .us3 input { width: 80px; margin: 0 34px 0 0 }
#ubytovani-search .us4 select { width: 170px }
#ubytovani-search .us5 select { width: 80px }
#ubytovani-search select.slim { width: auto }
/*#ubytovani-search .us1 span, #ubytovani-search .us4 span { background: transparent url(img/sys/sipka.png) no-repeat top right }*/
#ubytovani-search .u-button { margin: 0; padding: 8px 0; text-align: right }
#ubytovani-search .u-button2 { margin: 0; padding: 8px 0 0 0; text-align: center }
#ubytovani-search .u-button a { float: left; color: #000; position: relative; top: 21px }
.button-vyhledat-ubytovani { width: 164px !important; height: 61px !important; padding: 0 !important; outline: none; position: relative; right: -7px }
.button-odeslat { width: 164px !important; height: 61px !important; padding: 0 !important; outline: none }

#main .button input, #main .button2 input { height: 23px !important; line-height: 23px; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; border: 0 !important }
/* tlacitko hledani */
#main .button2 input { width: 59px !important; height: 20px !important; line-height: 20px }
/* tlacitko final rezervace */
#main 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 */
#main 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 {position: relative; height: 1%; }
.block_room-in { border: 1px solid #FFFFFF;  padding:0 5px 5px 5px; margin-top:5px;   /*background-color:#999999;*/}
.block_room strong{}
#main a.button_close {display: block; position: absolute; top: 0; right: 5px; 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; }
#vyhledat-ubytovani .button input { background: transparent url(img/sys/button-1.gif) no-repeat 0 0 }

/* special - buttons */
/* titulka SEARCH, hotel BOOK, booking BOOK */
input#rezervovat { width:105px; background: transparent url(img/sys/button100.gif) no-repeat 0 0;}
/* CHANGE RESERVATION */
input#rezervovat.button_wide { width:180px; background: transparent url(img/sys/button180.gif) no-repeat 0 0 }
/* /special - buttons */

.u-button input, .u-button2 input, .u-button input#rezervovat, .u-button2 input#rezervovat { color: #fff; font-weight: bold; font-size: 160%; cursor: pointer; text-shadow: 1px 1px #575757; width: 164px !important; height: 61px !important; border: 0; padding: 0 4px 7px 0; margin: 0; background: transparent url(img/sys/button-blue.png) no-repeat }
#content .u-button input.button_wide, #content .u-button2 input.button_wide { background: transparent url(img/sys/button-blue-wide.png) no-repeat; width: 240px !important }

#calCont1 { background-image: none !important}
#calCont2 { background-image: none !important}
#ubytovani-search table.us1 { width: 100%; padding: 0px; margin: 0px; border: 0px }
#ubytovani-search table.us1 td { padding: 4px 0px }
.mapka { margin-bottom: 1em }
#panel .mapka { text-align: center }

#zeme { position: absolute; left: 450px; top: 60px }
#zeme #tabs { margin: 0; padding: 0; list-style: none; width: 485px; height: 40px; overflow: hidden; position: relative; top: 1px }
#zeme #tabs li { float: left; margin: 0 4px 0 0 }
#zeme #tabs li a { float: left; display: block; height: 38px; line-height: 38px; padding: 0 16px; border: 1px solid #e1e4eb; border-bottom: 1px solid #d9d9d9; color: #6b7180; font-size: 90%; outline: none; background-color: #e1e4eb; text-decoration: none; text-transform: uppercase }
#zeme #tabs li a:hover { color: #000 }
#zeme #tabs a.selected { color: #516fc0; font-weight: bold; background-color: transparent; border: 1px solid #d9d9d9; border-bottom: 1px solid #f4f4f4 }
#zeme #tabs a.selected:hover { color: #516fc0 }
#zeme #tabs li img { margin: 0 0 0 10px }
.tab-content { padding: 10px 0 0 0; border-top: 1px solid #d9d9d9 }

#ubytovani .pocasi { position: absolute; right: 25px; top: 3px }
#ubytovani .pocasi td { line-height: normal; padding: 0 0 0 15px }
.pocasi { margin: 10px 0 10px 0 }
.pocasi table { width: 100% }
.pocasi td { font-size: 90%; text-align: center }
.pocasi td .w_day { color: #000; font-weight: bold }
/* /ubytovani */

/* detail hotelu */
/*.h-detail { width: 100%; overflow: hidden }*/

.h-adresa { margin: 0 0 2em 0 }
.h-adresa p { margin: 0 0 1em 0; line-height: normal }

/* vzor */
#galerie { float: right; width: 318px; margin: 0 0 15px 25px; padding: 10px; background-color: #f6f9ff; border: 1px solid #e3e8f5; moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px }
#galerie .galerie { width: 100%; margin: 5px 0 0 0; padding: 0 0 5px 0; line-height: normal; font-size: 0; overflow: auto; overflow-y: hidden; white-space: nowrap }
#galerie .galerie img { margin: 0 5px 0 0; padding: 0; border: 1px solid #636363 }
#galerie .galerie a:hover img { border: 1px solid #fff }
/* /vzor */

#specialni-nabidka { margin: 2em 0; padding: 10px 20px 15px 20px; overflow: hidden; background-color: #eaeffb; border: 1px solid #d9dfee; moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px }
#specialni-nabidka h3 { color: #9aa5c2; margin: 0 0 0.5em 0; text-shadow: 1px 1px #fff }
#specialni-nabidka h3 strong { font-weight: normal; color: #2f4b95 }
#specialni-nabidka .sn { float: left; width: 280px; overflow: hidden }
#specialni-nabidka .sn.fr { float: right; width: 280px; overflow: hidden }
#specialni-nabidka .sn a { font-weight: bold; font-size: 110% }
#specialni-nabidka .sn img.border { float: left }
#specialni-nabidka .sn p { margin: 0 0 0 100px; font-size: 90%; line-height: normal }
/* /detail hotelu */

/* ostatni tridy pro web */
#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: #eeeeee }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }
#content .padding-5 td, #content .padding-5 th { padding: 5px }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
.highlight { background: #FFFF00 }
/* /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_date { 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_rtf, .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_rtf { background: url(cms/img/ico/rtf.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 { 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 }
#tn_root img { border: 1px solid #aaa; padding: 3px }
#content table.tn_table td { vertical-align: top; padding: 5px }
#local-fotogalerie { margin: 10px 0 0 0; padding: 10px; background-color: #ffffff; background-color: #f6f9ff; border: 1px solid #e3e8f5; moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px }
.h-detail #local-fotogalerie { float: right; width: 240px; margin: 0 0 15px 25px; }
#local-fotogalerie strong { font-size: 12px }
#local-fotogalerie .foto-show { margin: 2em 0 0 0; /*height: 172px;*/ width: 99%; overflow: auto; overflow-y: hidden; white-space: nowrap }
#local-fotogalerie .foto-show img { margin: 0 3px 0 0; border: 1px solid #666666 }
#local-fotogalerie .foto-big { margin: 0 }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
#page-attachment .thumb { float: left; margin: 2px 5px 2px 2px }
#page-attachment .thumb img { border: 1px solid #cccccc }
/* /prilohy */

/* formulare */
#form-status { padding: 5px; border: 1px solid #ff3300; background: #eeeeee; }
/* /formulare */

/* mapy */
.google-map { margin: 3em 0; text-align: center }
/* /mapy */

.last-minute { background: #F6F6F6 url(img/sys/vybrany-hotel-lm.gif) no-repeat 7px 8px }
.hotel-nazev { font-weight: bold; text-transform: uppercase }
.hotel-adresa, .hotel-telefon, .hotel-gps {color: #888888;}
.stars { color: #FFBA24; font-size: 120%; font-weight: bold; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif }
.akce { color: #ff0000; font-weight: bold }
.red { color: #ff0000 }
.grey { color: #666666 }

/*vybrany-hotel = hotelbox1*/
.vybrany-hotel, .vybrany-hotel-3 { padding: 0.8em 120px 0 138px; margin-bottom: 5px; line-height: normal; height: 95px; position: relative; background: #F6F6F6 url(img/sys/vybrany-hotel.gif) no-repeat 7px 8px }
.vybrany-hotel-3 { background: #F6F6F6 url(img/sys/vybrany-hotel-3.gif) no-repeat 7px 8px }
html>body .vybrany-hotel, html>body .vybrany-hotel-3 { min-height: 95px; height: auto }
.vybrany-hotel.low, .vybrany-hotel-3.low { padding-right: 15px }
.vybrany-hotel div, .vybrany-hotel-3 div { margin: 0.5em 0 0 0;}
.vybrany-hotel div a, .vybrany-hotel-3 div a { color: #8BB1DF !important }
.vybrany-hotel img, .vybrany-hotel-3 img { position: absolute; left: 14px; top: 15px }
.vybrany-hotel .lokace, .vybrany-hotel-3 .lokace { position: absolute; left: 541px; top: 25px; display: block; width: 90px; height: 55px }
.vybrany-hotel .lokace .ico-lokace, .vybrany-hotel-3 .lokace .ico-lokace { position: absolute; left: 0; top: 0 }
.vybrany-hotel .nabidka, .vybrany-hotel-3 .nabidka { font-size: 11px; color: #960000; position: absolute; top: 8px; right: 13px }

#filtr { padding: 0 }
#content .table-01 td { padding: 4px 0.8em; border: 1px solid #E0E0E0 }
#content .table-01 table { margin: 10px 0 0 0 }
#content .table-01 table td { padding: 2px 0.1em 2px 0; border: 0 }

.big-mapa { padding: 2em; margin: 2em 0; border: 1px solid #e0e0e0 }

.aktuality, .partneri, .turisticke-tipy, .lokality { padding: 0; margin: 0; list-style: none }
.aktuality li, .partneri li, .turisticke-tipy li { margin: 1em 0 0 0 }
.aktuality a, .lokality a { color: #616161 !important }
.partneri li { text-align: center }
.turisticke-tipy p { padding: 3px 0 0 3px; height: 59px; background: transparent url(img/sys/img-border-1.gif) no-repeat 0 0 }
.lokality li { padding: 0 0 0 10px; background: transparent url(img/sys/ico-arrow.gif) no-repeat 0 6px }
.lokality .tipslist {width: 320px; float: left}

.table-02 { margin: 3em 0 0 0; background-color: #fff }
.table-02 div { border: 5px solid #fff; background-color: #f6f6f6; width: 48%; height: 110px; float: left }
.table-02 div p { margin: 0; padding: 8px 5px 5px 110px; line-height: normal; position: relative; height: 70px; background: transparent url(img/sys/lokalita.gif) no-repeat 8px 6px }
html>body .table-02 div p { min-height: 70px; height: auto }
.table-02 .hotel-nazev { font-size: 10px }
.table-02 .stars { font-size: 100% }
.table-02 div small { line-height: normal !important }
.table-02 span { line-height: 35px }
.table-02 span a { color: #8BB1DF !important }
.table-02 div img { position: absolute; left: -97px; top: 11px } /*IE 6 fix*/
html>body .table-02 div img { position: absolute; left: 13px; top: 11px }

.lokalita { margin: 0.5em 0; position: relative; width: 100%; height: 82px; background: #F6F6F6 url(img/sys/lokalita.gif) no-repeat 8px 8px }
html>body .lokalita { min-height: 82px; height: auto }
.lokalita-in { padding: 8px 8px 8px 110px }
.lokalita-in a { font-weight: bold; text-transform: uppercase }
.lokalita-in stars { color: #FFBA24; font-size: 130% }
.lokalita-in p { margin: 0 0 0.5em 0; font-size: 11px }
.lokalita .l-adresa { margin: 0 0 0 5px; padding: 5px 10px; width: 110px; /*position: absolute; right: 10px; top: 10px;*/ float: right; background-color: #E0E0E0; color: #000; font-size: 90% }
.lokalita img { position: absolute; left: 13px; top: 13px; width: 82px; height: 56px }

.lokalita-hotely { width: 100%; overflow: hidden }
.lokalita-hotely .lokalita { height: 82px }
html>body .lokalita-hotely .lokalita { min-height: 111px; height: auto }
.lokalita-hotely .fl { margin-right: 7px }
.lokalita-hotely .fr { float: left; margin-right: 0 }
.lokalita-hotely h3 { clear: both }
.lokalita-hotely .fl, .lokalita-hotely .fr { width: 319px }
.lokalita-hotely .lokalita-in { padding-right: 8px }

.tipbox1 { padding: 0.8em 10px 0 120px; line-height: normal; height: 80px; position: relative; background: #F6F6F6 url(img/sys/lokalita.gif) no-repeat 9px 10px }
html>body .tipbox1 { min-height: 80px; height: auto }
.tipbox1 span { line-height: 35px }
.tipbox1 span a { color: #8BB1DF !important }
.tipbox1 img { position: absolute; left: 14px; top: 15px }

.zeptejte-se-block { margin: 1.5em 0 }
#content .tlacitko { color: #fff; font-weight: bold; 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: 15px }
#content .zeptejte-se-block .tlacitko { padding: 8px 40px }

/* objednavky */
.basket, .doklady { font-size: 110%; border: 1px solid #e0e0e0; color: #000 }
#content .basket .header, #content .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 }
#content .basket td { padding: 10px 5px 3px 5px; }
#content .basket .hotel { padding-left: 20px }
.basket .cena { font-weight: bold }
#content .basket .cena-bottom { padding-top: 3px; border-top: 1px solid #e0e0e0; font-weight: bold }
#content .basket .popis { padding: 0 3px 10px 20px;  font-size: 90%; color: #575757 }
#content .basket .sub td { padding: 5px 3px }
.basket .sub .cena { font-weight: normal; font-size: 90%; color: #808080 }
#content .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 }
#content .basket .total .popis { padding: 3px 5px 3px 20px; border-width: 0; color: #000; font-weight: bold; font-size: 110% }
#content .basket .total .castka { font-weight: bold; padding: 3px 5px }
#content .basket .platby { padding: 10px 5px 10px 20px; background-color: #f4f3f3; border: 1px solid #e0e0e0; border-width: 1px 0 }
#content .basket .platby td { padding: 3px 5px }
.basket .platby input.disabled { background-color: #d1d1d1; border-color: #d1d1d1; cursor: default }
#content .basket .celkem { background-color: #f4f3f3; padding: 5px 0 10px 0 }
#content .basket .celkem td { border-width: 0; padding: 3px 5px }
#content .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% }
#content .basket .celkem .total-sleva td { padding-top: 0px; border-bottom: 1px solid #e0e0e0; }
.basket .invalid { border: 2px solid red }
#content .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 }
#content .doklady td { padding: 3px 5px }
.doklady big { font-size: 150% }

.stepButtons { clear: both }
.stepButtons a, .stepButtons input, .order-contact .submit, #akce-filtr .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 }
#content .tlacitko { color: #fff; font-weight: bold; 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: 15px }
#content .zeptejte-se-block .tlacitko { padding: 8px 40px }

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 }
#content .order-contact .content { padding: 10px 15px }
#content .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 }
#content .order-contact .payment-info { padding: 5px 3px; color: #27438f }
#content .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 }
#content .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 */

/* tripadvisor */
#CDSWIDWRM { margin: 10px 35px; padding: 0; width: 170px; border: none; background-color: #589442; overflow: hidden; height: auto }
#CDSWIDWRM .ta-cont { margin: 3px; padding: 7px 7px 10px; border: none; background-color: #fff }
#CDSWIDWRM .ta-cont1 { margin: 6px 0 10px; padding: 0 0 10px; overflow: hidden; border-bottom: 1px solid #d1dfb8; border-top: none; border-left: none; border-right: none; text-align: left }
#CDSWIDWRM .ta-cont1 a { border: none; background: transparent }
#CDSWIDWRM .ta-cont2 { margin: 0; padding: 0; border: none; font: bold 12px Verdana, Arial, Tahoma, 'Bitstream Vera Sans', sans-serif; color: #2c2c2c; text-align: left; line-height: normal; letter-spacing: 0 }
#CDSWIDWRM .ta-cont2 a { margin: 0; padding: 0; border: none; background: transparent; text-decoration: none; outline: none; font-weight: bold; font-size: 12px; font-family: Verdana; color: #2c2c2c; text-align: left; line-height: normal; letter-spacing: 0 }
#CDSWIDWRM .ta-cont2 a:hover, #CDSWIDWRM .ta-cont2 a:active { text-decoration: underline }
#CDSWIDWRM .ta-cont3 { margin: 12px 0 0 0; padding: 2px 0; border: 1px solid #d67b00; background-color: #d67b00; white-space: nowrap; cursor: pointer; text-align: center }
#CDSWIDWRM .ta-cont3 a { margin: 0; padding: 0; border: none; background: transparent; text-decoration: none; outline: none; font: bold 12px Arial, Tahoma, 'Bitstream Vera Sans', sans-serif; color: #fff; letter-spacing: 0; vertical-align: middle }
#CDSWIDWRM .ta-foot { padding: 0 14px 3px; background-color: #589442; text-align: right }
#CDSWIDWRM span { font: italic 11px Arial, Tahoma, 'Bitstream Vera Sans', sans-serif; color: #fff; letter-spacing: 0 }
/* /tripadvisor */

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

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

#akce-filtr p { margin: 5px 0 }
#akce-filtr table td, #akce-filtr table th { padding: 2px }

/* virtual tour */
#virtualtour { padding-left: 35px }
#virtualtour a {
display:block; width:170px; height:73px; text-indent:-9999px; overflow:hidden; background-position:0 0; background-repeat: no-repeat; margin:10px 0; text-align: center
}
#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 */

.table-03 { margin: 2em 0; background-color: #f4f3f3 }
.table-03 td { padding: 3px 5px; vertical-align: top; border: 1px solid #fff }

.strike { text-decoration: line-through }
.grey-bg { padding: 10px 15px; background-color: #e1e1e1 }

.insiders-select { position:relative;}
.insiders-select-div { position:relative; display:none; z-index:100; left:0px; top:55px;}
.insiders-select-div table { position:absolute;}
#content .insiders-select-div table td, #content .insiders-select-div table th { padding: 0 }

.hotel-cena-od { font-weight: bold; color: #EBA707/*516fc0*/ }

#tabs-cr a, #tabs-sr a { position: absolute; display:block; width:35px; height:40px; text-indent:-9999px; overflow:hidden; background: url(img/sys/ico-flag.png) 0 0 no-repeat; outline: none; }
#tabs-cr a:hover, #tabs-sr a:hover  { background-position: 0 -40px; }

#tabs-cr #dot-1 { top: 93px; left: 159px; background: url(img/sys/ico-bod.png) 0 0 no-repeat; width: 45px; height: 75px }
#tabs-cr #dot-1:hover { background-position: 0 -75px; }
#tabs-cr #dot-1a { top: 102px; left: 168px; background: transparent; border-radius: 14px; width: 26px; height: 26px }
#tabs-cr #dot-1a:hover { background: #eba707; }
#tabs-cr #dot-2 { top: 64px; left: 204px; }
#tabs-cr #dot-3 { top: 68px; left: 230px; }
#tabs-cr #dot-4 { top: 113px; left: 259px; }
#tabs-cr #dot-5 { top: 125px; left: 223px; }
#tabs-cr #dot-6 { top: 160px; left: 250px; }
#tabs-cr #dot-7 { top: 170px; left: 269px; }
#tabs-cr #dot-8 { top: 209px; left: 156px; }
#tabs-cr #dot-9 { top: 182px; left: 111px; }
#tabs-cr #dot-10 { top: 147px; left: 103px; }
#tabs-cr #dot-11 { top: 108px; left: 59px; }
#tabs-cr #dot-12 { top: 90px; left: 150px; }
#tabs-cr #dot-13 { top: 137px; left: 413px; }
#tabs-cr #dot-14 { top: 170px; left: 357px; }

#tabs-sr #dot-s1 { top: 180px; left: 69px; }
#tabs-sr #dot-s2 { top: 123px; left: 129px; }
#tabs-sr #dot-s3 { top: 103px; left: 260px; }
/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */