/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	text-align: center;
	min-width: 821px;
	background-image: url(images/bg_top.gif);
	background-repeat: repeat-x;
	background-color: #5F250F;
}
html, body {
	height: 100%;
}
h1 {
	font-size: 1.4em;
	line-height: 1.3em;
	color: #990000;
	margin-top: 15px;
	margin-bottom: 15px;
}
h2 {
	font-size: 1em;
	line-height: 1.3em;
	color: #5F250F;
	margin-top: 15px;
	margin-bottom: 15px;
}
h2 span {
	color: #FFFFFF;
	font-size: 0.8em;
}
h4 {
	font-size: 1.3em;
	line-height: 1.2em;
	color: #FBD99D;
	margin-top: 15px;
	margin-bottom: 15px;
}
h3 {
	color: #990000;
	margin-top: 15px;
	margin-bottom: 20px;
}
p {
	font-size: 0.8em;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	color: #1B1B1B;
	text-align: justify;
}
a {
	color: #371202;
	
}
a:hover {
	text-decoration: underline;
	color: #5F250F;
}
ul {
	font-size: 80%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
ul li {
	
	list-style-image: url(images/li.gif);
	list-style-type: none;	
	
}
img {
	border: 3px solid #E9CB9E;
}
.kur {
	font-style: italic;
}
hr { display: none; }
form { margin: 0; padding: 0; }
fieldset { margin-bottom: 10px; padding: 15px; border: 1px solid #5F250F; }
legend { color: #5F250F; font-size: 80%; font-weight: bold; background-color: #fff; padding: 2px 4px; border: solid 1px; }
label {
	text-align: right;
	float: left;
	width: 30%;
	padding-right: 10px;
	
}
#inp {
	vertical-align: bottom;
	height: 18px;
	border: 1px solid #7F9DB9;
	padding-left: 5px;
}
/*division*/
#page {
	width: 100%;
	position: relative;
	min-height: 100%;
}
#content {
	width: 821px;
	min-height: 100%;
	text-align: left;
	padding-bottom: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	background-position: left top;
}
#header { background-image: url(images/header.jpg); background-repeat: no-repeat; width: 821px; height: 310px; position: absolute; top: 0; }
#logo, #logo span { width: 364px; height: 153px; overflow: hidden; }
#logo span {
	background-image: url(images/logo_en.jpg);
	background-repeat: no-repeat;
	width: 217px;
	height: 139px;
	cursor: pointer;
	display: block;
	position: absolute;
	left: 575px;
	top: 40px;
}
table {
	font-size: 80%;
	margin-top: 10px;
	margin-bottom: 20px;
	border-collapse: collapse;
	width: 530px;	
}
th { color: #534741; background-color: #FFD285; }
th, td { padding: 2px 10px; border: solid 1px #d9d9d9; }
/*navigace*/
#navigace {
	position: absolute;
	top: 230px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 58px;
	background-image: url(images/navigace.jpg);
	width: 821px;	
}
#navigace ul{ 
line-height: 50px; margin: 0 0 0 20px; padding: 0; 
}
#navigaceXXX ul {
    height: 50px;
	overflow: hidden;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	border: 1px solid #00FF33;
}
#navigace ul li {
	float: left;
	list-style: none;
/* IE hover hack */
background-color: expression( this.onmouseover = new Function("this.className += ' hover';"),
                             this.onmouseout = new Function("this.className = this.className.replace(' hover', '');")); 	background-image: none;
	margin-left: 0;
	padding-left: 0;
	}
#navigace ul li a { display: block; float: left; color: #FFFFFF; font-size: 1.0em; font-weight: bold; line-height: 50px; background-color: transparent; text-decoration: none; height: 50px; padding: 0 10px 0 7px; }
#navigace ul li a:hover { color: #FFFF00; position: relative; margin-left: -3px; padding-left: 10px; }
body.uvod #navigace li#nav-1 a, 
body.pen #navigace li#nav-2 a, 
body.sport #navigace li#nav-3 a, 
body.fot #navigace li#nav-4 a,
body.rez #navigace li#nav-5 a,
body.nov #navigace li#nav-6 a,
body.kon #navigace li#nav-7 a { color: #FFFF00; position: relative; margin-left: -3px; padding-left: 10px; }
/*colums*/
#left, #right { margin-top: 280px; }
#left {
	width: 550px;
	float: left;
	position: relative;
	overflow:hidden;
	z-index: 3;
	
	
}
#right {
	width: 260px;
	overflow:hidden;
	float: right;
	position: relative;
	z-index: 3;
	
}
#right a {
	color: #FFF200;
	
}
#right a:hover {
	color: #660033;
	
}
#vlajecky  {
	display: block;
	position: absolute;
	left: 680px;
	top: 200px;
}
#vlajecky a  img   {
	padding: 1px;
	border: 1px solid #371202;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
#vlajecky a:hover img {
	padding: 1px;
	border: 1px solid #FFFF00;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
.galerie img {
	margin-right: 6px;
}
.galerie a img { border: solid 3px #E9CB9E; }
.galerie a:hover img { border: 3px solid #900000; }
#footer {
	width: 821px;
	background-image: url(images/foot.gif);
	background-repeat: no-repeat;
	height: 27px;
	margin-right: auto;
	margin-left: auto;
	}
#copy {
	float: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	background-color: #5F250F;	
}
#copy p {
	color: #fff;
	font-size: 0.7em;
	line-height: 1.2em;
	text-align: center;
	margin: 0;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 5;
}
#copy a { color: #fff; font-weight: normal; text-decoration: none; background-color: transparent; }
#copy a:hover { text-decoration: underline; }
#reklama_foot {
	font-size: 80%;
}

/*classes*/
.fl_left {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.fl_right {
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
}
.inner {
	padding-top: 5px;
	padding-left: 20px;
}

.inner2 {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 15px;
}
.delitko {
	background-image: url(images/delitko.gif);
	height: 29px;
}  
.red {
	color: #FF0000;
}
.noscreen {
	display: none;
	b
}
.cleaner {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}
.day_size {
	float: left;
	width: 50px;
}
.zpet {
	background-image: url(images/zpet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	clear: both;
	float: none;
}
.center { text-align:center; } 
.tlac_odeslat {
	border:0;
	width:57px;
	height:19px;
	cursor: pointer;
	background-color: #534741;
	padding-right: 4px;
	padding-bottom: 4px;
	color: #FFFFFF;
}
.tlac_odeslat:hover {
	background-color: #5F250F;
}

.nobr {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.program {
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6A9225;
}
.datum {
	background-image: url(images/datum.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	}
#chyba {
	background-color: #B91101;
	padding: 5px;
	text-align:center;
	font-weight:bold;
	font-size: 1em;
	color: #FFFFFF;	
}
.kod {
	border: 1px solid #5F250F;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	background-color: #A09965;
}
.info {
	font-weight: bold;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FBD99D;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #FBD99D;
	font-size: 0.9em;
}
.info_box {
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	font-size: 0.9em;
	background-image: url(images/info_bg.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 513px;
	color: #000000;
}

#info_virtual {
	font-weight: bold;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 0.9em;
	background-color: #6A9225;
	border: 2px dotted #FFFFFF;
	color: #000000;
}
.vetsi { font-size: 0.9em;}
/*printit*/
.top { white-space:nowrap; background-image: url(images/top.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; margin-left: 10px; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 20px; }
.print { white-space:nowrap; background-image: url(images/print.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 20px; }
p.printit {
	text-align: left;
	margin: 0;
	padding: 0;
	
}
/*novinky*/
.novinka_datum { 
background-image: url(images/datum.gif); 
background-image: url(images/datum.gif); 
background-repeat: no-repeat; 
height: 16px; 
margin-bottom: 0; 
margin-left: 0; 
padding: 0 0 0 20px; 
border-style: none; 
border-width: 0; 
}

.novinka_archiv { 
background-image: url(images/archiv.gif); 
background-repeat: no-repeat; 
background-position: left center; 
height: 16px; 
padding-left: 20px; 
}
.novinka_text { margin: 0 0 1em; padding: 0; }
/*virtual*/
#foto_box  { background-image: url(images/foto-bg.gif); background-repeat: no-repeat; background-position: center 0; padding: 0; width: 395px; height: 310px ; margin: 0 auto; }
#foto_box p   { color: #fff; position: relative; margin: 14px 0 0 20px; padding: 0  }
#foto       { text-align: center; padding: 15px 0 0; width: 375px  ; margin-right: 10px; margin-left: 10px; }
.img_ikon { position: absolute; left: 310px; margin-top: 0; border-style: none; border-width: 0; }
.odsaz { margin-right: 10px; }
.virtual { text-align:center;}
.virtual a img {
	border: 3px solid #E9CB9E;
}
.virtual a:hover img {
	border: 3px solid #FFF200;
}
.nabidka {
	border: 1px solid #CCCCCC;
	background-color: #FFD285;
	padding-left: 10px;
}