body { border: 0; margin: 0; padding: 0; padding-left: 38px; color: #DADADA; background-color: #000000; font: 75%/150% verdana, sans-serif; text-align: center; }
input, textarea { font-family: verdana, sans-serif; }
div, form { border: 0; margin: 0; padding: 0; display: block; }
blockquote { margin: 0 20px; display: block; }
h1, h2, h3, h4 { margin: 1.2em 0 .6em 0; padding: 0; color: #EEEFF7; font: bold 100% tahoma, sans-serif; }
h1 { margin-top: 0; font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; }
hr { border: solid #CAD0DC; border-width: 1px 0 0 0; margin: .6em 0; padding: 0; display: block; height: 1px; overflow: hidden; }
p, address { border: 0; margin: 1.2em 0; padding: 0; font-style: normal; }
dl { border: 0; margin: .6em 0; padding: 0; display: block; }
dt { border: 0; margin: .6em 0; padding: 0; }
dd { border: 0; margin: .6em 0 .6em 20px; padding: 0; }
ul { border: 0; margin: 1.2em 0 1.2em 20px; padding: 0; display: block; list-style: square; }
ol { border: 0; margin: 1.2em 0 1.2em 2.8em; padding: 0; display: block; list-style: decimal; }
ul ul, ul ol, ol ol, ol ul { margin: 0 0 0 20px; }
li { border: 0; margin: 0; padding: 0; display: list-item; }
fieldset { clear: both; padding: 10px; margin: 0 0 1.2em 0; border: 1px solid #BFBFBF; }
label{ float: left; margin-right: 0.5em; padding-top: 0.2em; width: 25%; text-align: right; }
legend { margin: 0 0 .6em 0; padding: 0 5px; color: #BFBFBF; font-size: 1em; }
input { width: 160px; background-color: #D2D2D2; }
input.submit { width: auto; margin-left: 25%; }
textarea { width: 350px; background-color: #D2D2D2; }
select { background-color: #EEEFF7; }
* html table { font-size: 80%; font-size: 80%; /**/ font-siz\e: 100%; }
html>body table { font-size: 100%; }
* html th, * html td { font-size: 120%; font-size: 120%; /**/ font-siz\e: 100%; }
html>body th, html>body td { font-size: 100%; }
span, img, a { border: 0; margin: 0; padding: 0; }
dfn, abbr, acronym { border-bottom: 1px dotted; cursor: help; }
cite, dfn, em, q, var { font-style: italic; }
code, kbd, samp { font: 1.1em monospace; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
strong { font-weight: bold; }
sub, sup { font-size: 80%; text-decoration: none !important; }
a:link { color: #DC6B00; }
a:visited { color: #D1D1D1; }
a:active { color: #FF8040; }
a:hover { color: #FF8040; }

/* LAYOUT + CONTENT */
#container { width: 798px; margin: 0 auto; padding-top: 138px; margin-bottom:40px; background: url('../images/header.png') no-repeat; text-align: left; }
#header { display: none; }
#main { width: 760px; }

#content, #column { background: url('../images/content.png') repeat-y; clear: both; }

#content { _height:1%; }

#thin #content { background: url('../images/content-thin.png') repeat-y; }

#content-in { background: url('../images/blue-gradient.png') repeat-x; }
#column-in { padding: 5px 25px; }
#thin #left { float: left; width: 545px; }

#panel { margin: 0 0 0 545px; color: #000000; padding-top: 80px;}
#panel-in { border-top:1px solid #535353; }
#panel h2 { margin: 0; padding: 1em; background: #D36301 url('../images/rubriky.png') repeat-x; color: #FFFFFF; font-size: 1.3em; }
#panel h3 { margin-left: 20px; margin-right: 20px; font-size: 1.3em;}

#meta { padding: 0 25px; margin: 0; border-bottom: 8px solid #000000; color: #FFFFFF; height: 120px; min-height: 120px; position: relative; }
#meta h2 { margin:0; padding:15px 0 5px 0;}
.title #meta { background: url("../images/perex-title.png") 20px 0 no-repeat; height: 197px; min-height: 197px; }
.title #meta p { margin: 0; padding: 0; width: 400px; position: absolute; bottom: 20px; left: 30px; }
#meta #breadcrumbs {font-size:95%; padding-bottom: 5px; padding: 5px 0; margin: 0; color: #DFDFDF; position: absolute; top: 10px; right: 20px; }
#meta #breadcrumbs a { color: #DFDFDF; }
html>body #meta { height: auto; }

#footer { border-top: 1px solid #545454; margin-top: 10px; position: relative; font-size:95%; }
#footer address { position: absolute; left: 0; }
#footer p { position: absolute; right: 0; }

#menu { padding-top: 4px; border-bottom: 8px solid #1D5774; height: 38px; }
#menu ul { margin: 0; padding: 0; }
#menu li { float: left; margin: 0; padding: 8px 12px; display: block; list-style: none; background: url("../images/menu.png") no-repeat 100% 50%; }
#menu #last { background: none; }
#menu a { display: block; color: #6688AA; font-weight: bold; font-size: 110%; text-decoration: none; }
#menu a:hover { color: #D36301; }

.faqs p{ border-bottom: 1px dotted #A4A4A4; margin-bottom: 20px; padding-bottom: 20px; }

.tips li { margin-bottom: 20px; }

.sheet { border-bottom: 1px dotted #A4A4A4; margin-bottom: 20px; padding-bottom: 20px; position: relative}
.sheet .date { position:absolute; top:0; right:0; font-size:80%;}

.image { width: 280px; float: right; margin: 0 0 10px 10px; }
.image img { display: block; height: 210px; }
.image p { font-size: 90%; text-align: center; }

.gallery, .photogallery { margin-top: 20px; }

.gallery .photo { float: left; width: 133px; margin: 0 10px 20px 10px; padding: 10px 5px; border-right: 2px solid #000000; border-bottom: 2px solid #000000; background-color: #DADADA; font-size: 75%; text-align: center; height: 190px; }
.gallery p { margin: 0; padding: 0; margin-bottom: 5px; height: 120px; }
.gallery .description { color: #000000; }
.gallery p.description { margin: 0; height: auto; }
.gallery .photo img { border-left: 1px solid #777777; border-top: 1px solid #777777; margin: 0; padding: 0; vertical-align: middle; }

.photogallery p { float: left; width: 120px; margin: 0 10px 20px 10px; padding: 15px; border-right: 2px solid #000000; border-bottom: 2px solid #000000; background-color: #DADADA; text-align: center; height: 90px !important;}
.photogallery img { overflow:hidden;  border-left: 1px solid #777777; border-top: 1px solid #777777; margin: 0; padding: 0; vertical-align: middle; }

.weather { margin:20px 0; }
.weather dl { float:left; width: 140px; color:black; height:160px; font-size: 95%; margin: 0 30px 40px 30px; padding:7px; border: 2px solid #F0F0F0; background-color: #DADADA; text-align: center; }
.weather dd { margin:3px 5px; padding:0 }
.weather dt { margin:0; margin-bottom:7px; padding:3px; border-bottom:2px solid #1D5774; background-color:#6688AA; color:white; }

.submenu { margin:0; padding:0; border-top:8px solid #E8F2F8; }
.submenu li {list-style:none; display:block; padding:0px; background-color:#999999; border-bottom:1px solid #E8F2F8; } 
.submenu a { display:block; font-weight:bold; padding:10px 0 10px 42px; color:#FFF; text-decoration: none; background-position: 7px 50%; background-repeat: no-repeat;}
.submenu a:hover { color: #1D5774 }
.submenu li.clients a { background-image: url('../images/ohlasy-icon.png') } 
.submenu li.tip a { background-image: url('../images/tipy-icon.png') } 
.submenu li.kalendar a { background-image: url('../images/kalendar-icon.png') } 
.submenu li.fq a { background-image: url('../images/faq-icon.png') } 
.submenu li.foto a { background-image: url('../images/fotogal-icon.png') } 
.submenu li.akce a { background-image: url('../images/akce-icon.png') } 
.submenu li.forum a { background-image: url('../images/forum-icon.png') } 
.submenu li.pocasi a { background-image: url('../images/pocasi-icon.png') } 

#poll { background-color: #FFFFFF; margin: 20px; font-size:95%; }
#poll li { margin-bottom:5px; }
#poll ul { margin:20px; padding:0; }
#poll .question {background: url('../images/poll-top.png') top left no-repeat; padding: 5px 20px; border-bottom: 1px solid #3399CC; background-color: #EBF4FA; }
#poll form { margin:0 0 10px 10px; padding: 5px 0; }
#poll form input { width: auto; }
#poll ul img { margin-right: 10px; vertical-align:middle; }
#poll .votes { text-align:right; margin: 10px; }
#poll form ul input { width:auto; background: transparent; }
#poll form label{ width:auto;  }

#news { margin-top:20px; margin-bottom:10px}
#news .item { float:left; width:220px; margin-right:25px; }
#news h3 { font-size:1.2em; margin-top:0; border-bottom:1px dotted #A4A4A4; padding-bottom:5px;}
#news h3 a{ color:#EBF4FA; margin-left:5px;}
#news .more { font-size:95%;}

.logos p {
	float:left; margin:0; margin-right:10px; margin-top:25px; text-align:center; padding:4px; background-color: #FFF; 
}
.logos img { margin: 0; padding: 0; vertical-align: middle; }

table { border: 2px solid #000000; color: #333333; background: #DADADA; border-collapse: collapse; }
caption {  color: #DADADA; }
td, th { border: 1px solid #000000; padding: .4em; }
th { background-color: #1D5774; color: #DADADA; font-weight: bold; }
table.pricelist { float: right; margin: 0 0 10px 10px; width: 200px; }
table.data { width:50%; }

table .select {
	background-color:#FFF9A6
}
table .select a {
	color:#1E75B8
}
div.forum {
	margin:10px 0; 
	}
div.forum span.message {
margin-bottom:15px;
display:block;
background-color:#6A6A6A;
padding:1em;
border-bottom:2px solid black;
border-left:2px solid black;
}
div.forum ul {padding:0; margin:0}
div.forum li ul {margin-left:20px}
div.forum li {
list-style:none;    
}
div.forum h4 {
	margin:0; padding:0; margin-bottom:10px; padding-left:25px;
	background: url("../images/tuzka.png") no-repeat;
}
.forum span.podpis {
	display:block;
	text-align:right;
	margin-top:10px;
}
div.forum-message {
	margin-top:30px;
	}
	
div.forum #reakce-na {
	margin-left:10px;
	}

.title h2 {
margin:0; margin-top:5px;
}
.title #banner {
padding:0; margin:0
}
	
/* PRE-DEFINITIONS */
.fix {clear: both; border: 0; margin: 0; padding: 0; display: block; background-color: transparent; height: 1px; overflow: hidden; }
.extra, .extra-mall { color: #C33B27; font-weight: bold; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.float-left { float: left; margin: 0 10px 10px 0; }
.float-right { float: right; margin: 0 0 10px 10px; }
.autowidth { width: auto !important; }
.noscreen, .noshow { display: none; }