body {background:#fff url("../design/bg.gif") 0 0 repeat-x; color:#222; font:0.7em/160% "tahoma",sans-serif; margin:0; padding:0; _text-align:center}

a {color:#d00}
a:hover {color:#000}

h2 {font:200%/100% "georgia",serif; color:#d00; margin:15px 0; clear:both}
h3 {font:160%/100% "georgia",serif; color:#d00; margin-top:20px; clear:both}

table {font-size:100%}

fieldset {border:1px solid #ccc; _padding:10px}
legend {font-weight:bold; font-size:100%; color:#d00; _margin-top:7px}

#main {width:770px; margin:0 auto; _text-align:left}
#main-obal {background:url("../design/bg2.gif") 100% 100% repeat-x}

/* Hlavička */
#hlavicka {position:relative; height:150px; background:url("../design/hlavicka.jpg") 0 0 no-repeat}

#logo {position:absolute; top:0; left:15px}
#logo h1 {margin:0; padding:0; position:relative; width:208px; height:79px; overflow:hidden}
#logo h1 span.CS {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:208px; height:79px; background:url("../design/logoCS.gif") 0 0 no-repeat; _cursor:hand}
#logo h1 span.EN {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:208px; height:79px; background:url("../design/logoEN.gif") 0 0 no-repeat; _cursor:hand}

/* Výběr jazyka */
#jazyk {position:absolute; top:7px; right:15px}
#jazyk a#ico-eng {display:block; float:left; margin:0; padding:0; position:relative; width:30px; height:30px; overflow:hidden}
#jazyk a#ico-eng span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:30px; height:30px; background:url("../design/ico-eng.gif") 0 0 no-repeat; _cursor:hand}

#jazyk a#ico-cze {display:block; float:left; margin:0; padding:0; position:relative; width:30px; height:30px; overflow:hidden}
#jazyk a#ico-cze span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:30px; height:30px; background:url("../design/ico-cze.gif") 0 0 no-repeat; _cursor:hand}

/* Hlavní menu (horizontální záložky) */
ul#menu {position:absolute; top:95px; left:15px; height:55px; margin:0; padding:0; list-style:none}
ul#menu li {margin:0; padding:0; display:inline}
ul#menu li a {font-weight:bold; color:#fff; padding-top:12px; margin-right:10px; text-align:center; text-transform:uppercase; text-decoration:underline}

ul#menu li#tab01 a, ul#menu li#tab02 a, ul#menu li#tab03 a, ul#menu li#tab04 a, ul#menu li#tab05 a {display:block; width:140px; height:43px; _height:55px; float:left; background:#d6002d url("../design/menu-tab01.jpg") 0 0 no-repeat; color:#fff}
ul#menu li#tab02 a {background:#F6BF03 url("../design/menu-tab02.jpg") 0 0 no-repeat}
ul#menu li#tab03 a {background:#5DBA5F url("../design/menu-tab03.jpg") 0 0 no-repeat}
ul#menu li#tab04 a {background:#54AEE2 url("../design/menu-tab04.jpg") 0 0 no-repeat}
ul#menu li#tab05 a {background:#777777 url("../design/menu-tab05.jpg") 0 0 no-repeat}

ul#menu li#tab01 a:hover, ul#menu li#tab01 a#aktivni {background:#d6002d url("../design/menu-tab01.jpg") -140px 0 no-repeat; text-decoration:none}
ul#menu li#tab02 a:hover, ul#menu li#tab02 a#aktivni {background:#F6BF03 url("../design/menu-tab02.jpg") -140px 0 no-repeat; text-decoration:none}
ul#menu li#tab03 a:hover, ul#menu li#tab03 a#aktivni {background:#5DBA5F url("../design/menu-tab03.jpg") -140px 0 no-repeat; text-decoration:none}
ul#menu li#tab04 a:hover, ul#menu li#tab04 a#aktivni {background:#54AEE2 url("../design/menu-tab04.jpg") -140px 0 no-repeat; text-decoration:none}
ul#menu li#tab05 a:hover, ul#menu li#tab05 a#aktivni {background:#777777 url("../design/menu-tab05.jpg") -140px 0 no-repeat; text-decoration:none}

/* Drobečková navigace (nyní jste zde) */
#drobecky {clear:both; margin:5px 15px 0 15px; color:#222; border-bottom:1px solid #ddd; padding-bottom:5px}
#drobecky a {color:#222}
#drobecky a:hover {color:#d00}

/* Uvítací text v záhlaví (úvodní stránka) */
#levy-panel, #about {float:left; width:550px; margin-right:20px}
#perex, #vitejte {background:url("../design/bg-vitejte.gif") 0 0 no-repeat; padding:10px 15px; line-height:170%}
#perex {_margin-top:-1px; font:bold 120%/160% "tahoma",serif}
#perex2 {font:bold 120%/160% "tahoma",serif}

#levy-panel #gradient {background:url("../design/bg-gradient.gif") 0 0 no-repeat; padding:20px; position:relative}
#levy-panel #img-top {float:right; padding-left:15px; color:#666}
#levy-panel ul {margin:20px 0 20px 30px; padding:0; list-style:none}
#levy-panel li {margin:0; padding:0; padding-left:10px; background:url("../design/sipka3.gif") 0 50% no-repeat}
#levy-panel .foto3 img {border:1px solid #ccc; margin:2px}

/* Prostřední panel (770px) */
#centralni-panel {width:770px; clear:both}
#centralni-panel #gradient {background:url("../design/bg-gradient.gif") 0 0 no-repeat; padding:20px; position:relative}
#centralni-panel #kompas {background:url("../design/kompas.gif") 93% 15px no-repeat}

/* Mapa ČR a pozice měst (Ubytování / Accommodation) */
#centralni-panel #mapa {width:740px; height:428px; background:url("../design/mapa.gif") 0 0 no-repeat; position:relative}
#centralni-panel #mapa p {text-align:center}
#centralni-panel #mapa p#pos1 {position:absolute; top:110px; left:220px; margin:0}
#centralni-panel #mapa p#pos2 {position:absolute; top:190px; left:170px; margin:0}
#centralni-panel #mapa p#pos3 {position:absolute; top:280px; left:185px; margin:0}
#centralni-panel #mapa p#pos4 {position:absolute; top:75px; left:60px; margin:0}
#centralni-panel #mapa p#pos5 {position:absolute; top:0; left:250px; margin:0}
#centralni-panel #mapa p#pos6 {position:absolute; top:100px; left:370px; margin:0}
#centralni-panel #mapa p#pos7 {position:absolute; top:300px; left:450px; margin:0}
#centralni-panel #mapa p#pos8 {position:absolute; top:160px; left:510px; margin:0}

/* Kurzovní lístek */
#info, #pravy-panel {float:left; width:200px}
#kurzy {border-collapse:collapse;  width:100%; border-top:1px solid #ddd}
#kurzy td {border-bottom:1px solid #ddd; padding:3px 0}
#kurzy td img {position:relative; bottom:-3px}
#kurzy tr.sudy td {background:#f5f5f5}
#kurzy .kurz-rust {color:#0a0}
#kurzy .kurz-pad {color:#d00}
#kurzy .vlajka {width:22px; height:15px; border:0}

/* Barevné schéma sekce Ubytování (Accommodation) */
#pravy-panel.sekce01 h2 {color:#F6BF03}
#pravy-panel.sekce01 ul li a {background:#ffc; border-bottom:1px solid #F6BF03; color:#222; font-weight:bold}
#pravy-panel.sekce01 ul li#aktivni2 a {background:#F6BF03 url("../design/sipka2.gif") 95% 50% no-repeat; border-bottom:1px solid #F6BF03; color:#fff}
#pravy-panel.sekce01 ul li#aktivni2 ul li a {background:#fff; border-bottom:1px solid #F6BF03; color:#222; font-weight:bold}
#pravy-panel.sekce01 ul li#aktivni2 ul li#aktivni3 a {font-weight:bold !important; color:#F6BF03}
#pravy-panel.sekce01 #sekce-top {background:#F6BF03 url("../design/sekce01-top.gif") 0 0 no-repeat; width:200px; height:6px}
#pravy-panel.sekce01 #sekce-bottom {background:#F6BF03 url("../design/sekce01-bottom.gif") 0 0 no-repeat; width:200px; height:21px}

#pravy-panel ul {margin:0; padding:0; list-style:none}
#pravy-panel ul li {margin:0; padding:0; display:block; _height:1%; _margin-bottom:-2px}
#pravy-panel ul li a {display:block; padding:3px 5px; text-decoration:underline}
#pravy-panel ul li a:hover {text-decoration:none}
#pravy-panel ul li ul li a {font-weight:normal !important; text-decoration:none}
#pravy-panel ul li ul li a:hover {text-decoration:underline}

/* Výpis doporučených ubytovacích zařízení */
.doporucene {float:left; width:185px; margin-right:10px; margin-bottom:20px}
.doporucene img {width:185px; height:135px; border:0}
.doporucene h3 {font-family:"tahoma",serif; font-weight:bold; margin:0; font-size:100%}
.doporucene h3 a {display:block; color:#fff; background:#00549E url("../design/doporucene-top.gif") 0 0 no-repeat; padding:10px 7px; margin:0}

.doporucene h3.doporucene-title2 a {color:#fff; background:#d00 url("../design/doporucene2-top.gif") 0 0 no-repeat}
.doporucene h3.doporucene-title2 a:hover {background:#00549E  url("../design/doporucene2-top.gif") -185px 0 no-repeat; color:#fff}

.doporucene h3.doporucene-title3 a {color:#000; background:#F6BF03 url("../design/doporucene3-top.gif") 0 0 no-repeat}
.doporucene h3.doporucene-title3 a:hover {background:#00549E  url("../design/doporucene3-top.gif") -185px 0 no-repeat; color:#fff}

.doporucene h3 a:hover {background:#d00 url("../design/doporucene-top.gif") -185px 0 no-repeat; color:#fff}
.doporucene ul {margin:0; padding:0; list-style:none}
.doporucene ul li {border-bottom:1px solid #ddd; padding:4px 0; _height:1px}
.doporucene ul li a.ico-rezervace {display:block; background:#f5f5f5 url("../design/ico-rezervace-link.gif") 95% 50% no-repeat; padding:2px 20px 2px 0; color:#666; text-transform:uppercase; font-size:90%; font-weight:bold}
.doporucene ul li a:hover.ico-rezervace {background:#d00 url("../design/ico-rezervace-hover.gif") 95% 50% no-repeat; color:#fff}
.doporucene ul li .vyrazne {color:#d00; background:none; padding:0}
.doporucene .vyrazne {color:#d00 !important}
.doporucene .nom {margin:0}

/* Nabídka přepravy */
#doprava-top {width:770px; height:6px; background:#ffc url("../design/doprava-top.gif") 0 0 no-repeat; clear:both}
#doprava-obsah {background:#ffc url("../design/doprava-bg.gif") 0 0 repeat-y; clear:both}
#doprava-obsah2 {background:url("../design/doprava-bg2.gif") 100% 100% no-repeat}
#doprava-obsah3 {background:url("../design/doprava-bg3.jpg") 25px 50% no-repeat}
#doprava-text {width:450px; _width:570px; padding:10px 20px 10px 100px}
#doprava-bottom {width:770px; height:28px; background:#ffc url("../design/doprava-bottom.gif") 0 0 no-repeat; clear:both}

/* Patička */
#paticka {clear:both; background:url("../design/paticka.gif") 0 100% repeat-x; padding:30px 20px; position:relative}
#paticka a {color:#333}
#paticka a:hover {color:#d00}
#paticka p {margin:0}

/* Copyright */
#copyright {position:absolute; right:20px; top:40px; background:url("../design/ico-copyright.gif") 0 50% no-repeat; padding:3px 0 3px 27px; color:#999}
#copyright a {color:#999}
#copyright a:hover {color:#000}

/* Tabulky s cenami (detail ubytování) */
table.prices {width:550px; border-collapse:collapse; border:1px solid #ccc}
table.prices th {text-align:center; font-weight:bold; background:#eee; padding:3px 0}
table.prices td {text-align:center; border-bottom:1px solid #ddd; padding:3px 0; _padding:6px 0}
table.prices td.tdleft {text-align:left;padding-left: 13px}
table.prices td#rezervace {border:1px solid #ddd}
table.prices td:hover#rezervace {background:#ffc}
table.prices td#rezervace a {display:block; background:url("../design/ico-rezervace2-link.gif") 50% 0 no-repeat; padding-top:35px; text-decoration:underline}
table.prices td#rezervace a:hover {display:block; background:url("../design/ico-rezervace2-hover.gif") 50% 0 no-repeat; color:#222}

/* Rubrika Ubytování (Accommodation) - výpis objektů */
.rubrika-box {margin:0; padding:13px 0 10px 10px; border-bottom:1px solid #eee; _height:1px; _padding-bottom:15px}
.doporuceneCS {background:#ffc url("../design/ico-tip.gif") 98% 10px no-repeat; border:1px solid #FCDA61; margin-bottom:10px}
.doporuceneEN {background:#ffc url("../design/ico-tip-en.gif") 98% 10px no-repeat; border:1px solid #FCDA61; margin-bottom:10px}
.rubrika-img {float:left; width:110px}
.rubrika-info {float:left; width:420px}
.rubrika-info h3 {margin:0}

/* Hvězdička (doporučené ubytování) */
p#ico-doporucene a {display:block; padding:14px 0 14px 15px; background:url("../design/ico-doporucene.gif") 0 50% no-repeat; color:#222; font-weight:bold}
p#ico-doporucene a:hover {color:#d00}

/* Stránkování (výpis rubriky ubytování) */
.strankovani {text-align:center; font-size:120%}
.strankovani a {background:#eee; padding:2px 8px; color:#000; text-decoration:none}
.strankovani a.strankovani-aktivni {background:#F6BF03; font-weight:bold; color:#fff}
.strankovani a:hover {text-decoration:underline}

/* Univerzální formátovací tagy */
.ramecek {border:1px solid #ccc}
.sipka {background:url("../design/sipka.gif") 100% 100% no-repeat; padding-right:20px; color:#666; margin:0; margin-bottom:15px}

#taxi-foto {background:url("../design/taxi-foto.gif") 0 50% no-repeat; padding-left:160px}

.clear {clear:both}

.tar {text-align:right}
.tac {text-align:center}

.vyrazne {background:#666; color:#fff; padding:2px 5px}

.uppercase {text-transform:uppercase}

.obal {_height:1px; min-height:1px}
.obal:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nomt {margin-top:0}
.nomargin {margin:0}

.noscreen {display:none}

p#adresa { font-size: 1.2em; }