@import url("layout.css");
body{ background:#fff url(../graph/body-bg.jpg) top left repeat-x scroll; font-family: Arial, Verdana,Helvetica, sans-serif; font-size:90%;}

p{ line-height:130%; margin:5px 0px 15px;}
ul, ol{	margin:0px 15px;}
ul li, ol li{ line-height:130%;}
table { border-collapse: collapse;}
table td{ padding:3px 5px;}
table td, table th { text-align: left; }
#page{ background:#fff;}

#zahlavi{ height:238px;	position:relative; background: url(../graph/zahlavi-bg.png) top center no-repeat; width:980px;}
#logo{ position:absolute; top:100px; left:60px; background:url(../graph/znak.png) left center no-repeat; font-size:22px !important; text-shadow:#000 2px 2px 2px;}
#logo a{ display:block; color:#fff; text-decoration:none;padding:0px 0px 0px 90px; margin:0px;}
#logo span{ font-size:41px; display:block; margin:5px 0px 0px 0px;}

#jazyky{ position:relative; background:none; margin:0px 30px; padding:7px 10px 10px; text-align:right; color:#000;}
#jazyky{ padding-right:12em;}
#jazyky a{ color:#000;}
#jazyky span#official{ float:left;}

#mutace{ position:absolute; right:10px; top:0px; width:11em; height:23px; overflow:hidden; display:inline-block; margin-bottom:-5px;}

#google_translate_element, .skiptranslate, .goog-te-gadget{ height:23px; margin:0px;}

a.vlajky{ position:relative; padding:0px 7px; margin:0px 3px;}
a.vlajky span{ display:block; width:29px; height:20px; position:absolute; top:0px; left:0px;}

a#cs span{background:url(../graph/flags/cs.jpg) bottom center no-repeat;}
a:hover#cs span{background:url(../graph/flags/cs.jpg) top center no-repeat;}
a#cs.active span{background:url(../graph/flags/cs.jpg) top center no-repeat;}

a#en span{background:url(../graph/flags/en.jpg) bottom center no-repeat;}
a:hover#en span{background:url(../graph/flags/en.jpg) top center no-repeat;}

a#de span{background:url(../graph/flags/de.jpg) bottom center no-repeat;}
a:hover#de span{background:url(../graph/flags/de.jpg) top center no-repeat;}

a#pl span{background:url(../graph/flags/pl.jpg) bottom center no-repeat;}
a:hover#pl span{background:url(../graph/flags/pl.jpg) top center no-repeat;}

a.filtr{ display:block; position:absolute; top:153px; width:133px; height:107px; text-align:center;}
a#akce{ background:url(../graph/akce-bg.png) top left no-repeat; right:140px;}
a#turista{ background:url(../graph/turista-bg.png) top left no-repeat; right:0px;}
a.filtr .popiska{ position:absolute; bottom:0px; left:0px; display:block; width:133px; padding-bottom:5px;}

#zahlavi form{ position:relative; top:175px; left:0px;}
#zahlavi form fieldset{ margin:2px 29px 3px 0px; padding:6px 6px 6px 0px; z-index:1; border:none;}
#zahlavi form fieldset legend{ display:none;}
#zahlavi form input{ border:1px solid #bdbdbd;}

form#searchform{ background:#008FCF; width:208px; border:1px solid #BFE3F3; margin-bottom:2px;}
form#searchform legend{ display:none;}
form#searchform fieldset{ margin:0px; padding:10px;}
form#searchform input{ width:120px; margin-right:10px; background:url(../graph/search-bg.png) left center no-repeat #fff; height:20px; border-width:1px; border-style:solid; border-color:#3AA5D5 #008FCF #008FCF #3AA5D5; display:block; float:left;}
form#searchform input:focus{ background:#fff;}
form#searchform input.search{ width:50px; margin-right:0px; color:#003147; background:url(../graph/search-button.png) bottom left repeat-x; border-width:1px; border-style:solid; border-color:#31A0B3 #54A476 #1B89A0 #2A99A3; padding:0px 3px 5px; height:25px;}

#pagehistory{ margin:3px 280px 8px 10px;}
#pagehistory a{ color:#0373BF;}

#obsah{ width:580px; margin:0px; padding-left: 210px; padding-right: 190px; position: relative;}
#obsah .sloupec{ position: relative; float: left;}

#stred{ padding: 0px 0px 10px; width: 100%;}

#container{ margin:10px 20px;}
#container h1{ color:#008FD0; font-size:150%; font-weight:normal; line-height:180%;}
#container a{ color:#333;}

#levy{ width: 210px; padding: 0px; right: 210px; margin-left: -100%;}
#pravy{ width: 190px; padding: 0px; margin-right: -100%;}
* html #levy{ left: 210px;}

#obsah{ overflow: hidden;}

h3.sekce{ background:#008FD0; padding:10px 0px 10px 10px; position:relative;}

h3#navigace{color:#0373BF;}
h3#navigace span{border-top-color:#0373BF;}

h3#anketa a{color:#fff; text-decoration: none;}
h3#online{ background:#ADDBF0;}
/* ------------- LEVE MENU -----------------------*/

ul#menu-leve, ul#menu-leve ul{ margin:0px; padding:0px; list-style:none; background-color:#008FD0;}
ul#menu-leve li{ border-bottom:1px solid #0079AF; border-top:1px solid #219DD6;}
ul#menu-leve li a{ color:#fff; text-decoration:none; padding:5px 0px 5px 10px; display:block;}
ul#menu-leve li a:hover{ background:#ADBF1F; color:#003762;}
ul#menu-leve li .ul-lev1, ul#menu-leve li .ul-lev2, ul#menu-leve li .ul-lev3{ margin:0px;}
ul#menu-leve li .ul-lev1{ background:#C9E7F5;}
ul#menu-leve li .ul-lev1 li{ border-bottom:none; border-top:none;}
ul#menu-leve li .ul-lev1 a{ color:#003762; padding-left:20px;}
ul#menu-leve li .ul-lev1 a:hover{ text-decoration:underline; background: url(../graph/odrazka.png) 5px center no-repeat #C9E7F5;}
ul#menu-leve li .ul-lev2{ background:#B3E0FF;}
ul#menu-leve li .ul-lev3{ background:#C8E9FF;}
ul#menu-leve a.active{ background:#ADBF1F; font-weight:bold;}

/* -------------- KONEC LEVEHO MENU --------------------- */
/* -------------- MENU PRAVE ---------------------------- */

ul#menu-prave, ul#menu-prave ul{ margin:0px; padding:0px; list-style:none; background-color:#C9E7F5;}
ul#menu-prave li{ border-top:1px solid #6EC7F0; border-bottom:1px solid #DFF1F9;}
ul#menu-prave li.first{ border-top:none;}
ul#menu-prave li a{ color:#000; text-decoration:none; padding:5px 0px 5px 10px;	display:block;}
ul#menu-prave li a:hover{ background:#6EC7F0; color:#fff;}
ul#menu-prave li .ul-lev1, ul#menu-prave li .ul-lev2, ul#menu-prave li .ul-lev3{ margin:0px;}
ul#menu-prave li .ul-lev1{ background:#ADDBF0;}
ul#menu-prave li .ul-lev2{ background:#FAF4EF;}
ul#menu-prave li .ul-lev3{ background:#FFF;}
ul#menu-prave a.active{ background:#6EC7F0; font-weight:bold;}

/* --------------------- KONEC PRAVEHO MENU ---------------------- */
/* --------------------- ZAPATI ---------------------- */
#zapati{ background: rgb(227,243,250); width:980px; margin:0px;}
#zapati .blok{ float:left; margin:0px; height:230px; color:#000;}
#zapati #mesto{ width:395px;}
#zapati #mks{ width:395px; background:rgb(201,231,245);}
#zapati #info{ width:190px; background:#addbf0;}
#zapati .blok h3{ color:#003762; margin:20px 10px 15px 30px; font-size:19px; }
#zapati .blok table{ margin:0px 5px 0px 30px;}
#zapati .blok table td, #zapati .blok table th{ padding:2px 15px 2px 0px; font-size:80%;}
/* --------------------- ZACATEK ANKETA ---------------------- */
#inquirybox{ margin:0px; padding:5px 10px; font-size:85%; line-height:130%; background:#f6f6f6; text-align:center;}
p.inquiry-question{ font-weight:bold; margin-bottom:15px; text-align:left;}
#inquirybox form{ margin:5px 0px;}
#inquiryForm input{ float:left; width:15px;}
#inquiryForm input.answer{ float:none; width:auto; margin:5px; background: url(../graph/search-button.png) left bottom repeat-x; color:#003147; border:1px; padding:5px 10px; font-weight:bold;}
#inquiryForm label{ float:left; width:150px; margin-bottom: 10px; text-align:left;}
.odpoved, .vybrana{ display:block; width:100%;}
.vybrana{ font-weight:bold;}
.graficky{ display:block; width:180px; padding:0px; font-size:11px; line-height:13px; border:1px solid #999; text-align:center;	color:#000; background:0% 0% url(../graph/graf-odpovedi.gif) no-repeat #ADDBF0;}
/* --------------------- KONEC ANKETA ---------------------- */
/* --------------------- ZACATEK VYPISU AKTUALIT ---------------------- */
.aktualita{ margin:0px; padding-bottom:10px;}
.aktualita p.vlozeno{ margin:5px 0px 5px 145px; color:#000;}
.aktualita h3{ margin-left:145px;}
.aktualita p{ margin:0px 0px 15px 145px; color:#555;}
.news-pic{ width:135px; height:100%; float:left; margin:5px 10px 10px 0px; text-align:center; background:none;}
.highslide img { border: 2px solid #fff;}
.doprava{ float:right;}
/* --------------------- KONEC VYPISU AKTUALIT ---------------------- */
/* --------------------- ZACATEK DETAILU AKTUALITY ---------------------- */
.detail-aktuality h3{ color:#333; font-size:130%; font-weight:normal; margin:10px 0px 8px;}
.detail-aktuality p{ margin:5px 0px; color:#555;}
.detail-aktuality p.vlozeno{ margin:8px 0px; font-size:90%; text-align:right;}
.detail-aktuality p.perex{ font-weight:bold;}
/* --------------------- KONEC DETAILU AKTUALITY ---------------------- */

/* --------------------------------------------------------------------------------
								STRANKOVANI
 ----------------------------------------------------------------------------------*/
.navigation-pages{ height:1.4em; padding:1px; margin:10px; text-align:center; width:420px;}
.navigation-pages a.navig, .navigation-pages strong{ padding:3px 6px; font-size:65%; border:1px solid #FE8F00; background-color:#fff; text-decoration:none; color:#FE8F00;}
.navigation-pages span{ font-size:90%;}
.navigation-pages a.r-sipky, .navigation-pages span.r-sipky{ margin-left:10px;}
.navigation-pages a.l-sipky, .navigation-pages span.l-sipky{ margin-right:10px;}
.navigation-pages strong{ background-color:#FE8F00;	color:#fff;}
.navigation-pages span{	color:#FE8F00; font-size:100%; font-weight:bold;}
.cisla{ float:left; margin-top:0px; height:1.5em;}
.NavigationSelect legend{ display:none;}
.NavigationSelect select{ border:1px solid #999;}
.NavigationSelect label{ color:#999;}
.invisible{	visibility:hidden;}
p#kontakty, p#kontakty-mks{ background:#f6f6f6; margin:0px; padding:10px; font-size:85%; line-height:135%;}
p#kontakty span{ font-weight:bold; font-size:110%;}
p#kontakty a{ color:#EB4C2E;}
div#pocasi-imgs{ background:#addbf0; margin:0px; padding:0px; font-size:85%; line-height:135%; text-align: center; height: 100px;}
p#toplist-img{ background:#addbf0; margin:0px; padding: 0px; font-size:85%; line-height:135%; text-align: center;}
.highlight { background-color: #F9B500; color: #000;}
#contactform-box label{ float:left; width:6em; margin-bottom:5px;}
#contactform-box input{ margin-bottom:5px;}
#contactform-box legend{ margin:0px 0px 10px;}
.photo{ float:left; margin:15px 20px 0px 0px; width:125px;}

/* --------------------------------------------------------------------------------
								ZIVOTNI SITUACE
 ----------------------------------------------------------------------------------*/
h2.situace{	font-size:120%;	margin-bottom:5px;}
table.situace{ font-size:11px; line-height:15px; width:445px; border-collapse:collapse;}
table.situace th{ padding:2px 4px;}
table.situace tr.lichy{ background:#f0f0f0;}
table.situace td{ border-top:1px solid #ccc;}
table.situace td.jmeno{ width:80px;}
ul.situace{ padding:0px 5px 10px;}
ul.situace td{}
ul.situace li{ line-height:150%; margin-bottom:3px;}
ol.udalost li{ margin: 0px 0px 15px; line-height:120%;}
/* --------------------------------------------------------------------------------
								REZERVACE
 ----------------------------------------------------------------------------------*/
#rozvrh{ margin:10px 0px; border-collapse:collapse;}
#rozvrh th, #rozvrh td{ padding:2px 3px;}
#rozvrh th.datum{ text-align:right;}
#rozvrh tr.center th{ text-align:center;}
.rezervace-obsazeno { background-color: red; padding:2px 3px; color:#fff;}
.rezervace-volno { background:green; padding:2px 3px;}
#rozvrh .rezervace-volno a{ color:#fff;}
#rezervace-objednavka{ margin:10px 0px;}
#rezervace-objednavka label{ float:left; width:6em; margin:0px 5px 5px 15px;}
#rezervace-objednavka input, #rezervace-objednavka select{ border:1px solid #aaa; margin-bottom:5px;}
#ukon{ width:300px;}
.required-mark{ float:left; width:0px;}
#podnet span.formgen-required-mark{ float:left; margin:0px;}
#podnet label.plovouci{ float:left; width:8em; margin:0px 3px 5px 5px;}
#podnet input{ margin-bottom:5px;}
label.error{ display:block; margin-bottom:5px;}

table.vypis_akci td{ font-size:80%;}

table.contacts-table{ width:540px; margin-bottom:1em;}
table.contacts-table tr.lichy{ background: #E2EEEF;}
table.contacts-table tr.druhy td{ border-bottom:1px solid #ddd;}