﻿body {
	color: black;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	background-color: white;
	margin: 0px;
	padding: 0px;
}

#header {
	width: 1000px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: -35px;
	background-color: white;
/*	border: 1px solid red;*/
	overflow: hidden;
	z-index: 1;

}

#page {
	position: relative;
	width: 950px;
	margin: 0px auto;
	text-align: left;
	/* border: 1px solid black; */
}

#page img {
	border: none;
}

#content {
	background-color: white;
	padding: 275px 0 20px 0;
	line-height: 1.5em;
	border: none;
	/*letter-spacing: 1px;*/
}

#content #right_column {
	position: relative;
	width: 220px;
	float: right;
	background-color: #ffffc6;
	background-image: url(../pictures/left_shadow.png);
	background-repeat: repeat-y;
	background-position: right;
}

#content #in_right_column {
	position: relative;
	min-height: 500px;
	margin: 0 18px 16px 0;
	padding: 0 0 0px 0px;
	border: 1px solid #9fc8f7;
	z-index: 50;
}

#content #in_right_column p {
	font-size: 13px;
	line-height: 16px;
	margin: 10px;
}
#content #in_right_column p b {
	font-weight: bold;
	font-size: 90%;
}

.top_left_shadow {
	position: absolute;
	width: 18px;
	height: 15px;
	top: 0px;
	right: 0px;
	background-image: url(../pictures/top_left_shadow_text.png);
}

.bottom_shadow {
	position: absolute;
	bottom: 0px;
}

#in_right_column a:link,#in_right_column a:visited {
	color: white;
	text-decoration: none;
	outline: none;
}

#in_right_column a:hover,#in_right_column a:active {
 	color: #feff7d;
	text-decoration: underline;
}

#in_right_column #aktuality {
	display: block;
	height: 33px;
	width: 137px;
	color: white;
	text-decoration: none;
	outline: none;
	font-weight: bold;
	padding: 7px 0 0 65px;
	margin: -1px 0 0 -1px;
	background-image: url(../pictures/aktuality2.png);
	background-repeat: no-repeat;
	background-color: #3e699a;
}

#in_right_column .aktualita a:link,#in_right_column .aktualita a:visited {
	color: black;
	font-size: 13px;
	text-decoration: none;
} 

#in_right_column .aktualita a:hover,#in_right_column .aktualita a:active {
	text-decoration: underline;
	color: #b22222;
}

#datum{
	position: relative;
	display: block;
	height: 95px;
	width: 159px;
	color: white;
	text-decoration: none;
	padding: 0px 0 0 60px;
	margin: 0px 0 0 -1px;
	background-color: #3e699a;
	background-image: url(../pictures/datum.png);
	background-repeat: no-repeat;
}

#datum #in_datum {
		padding-top: 4px;
}

#datum p {
	margin-top: 6px !important;
	margin-bottom: 2px !important;
	font-size: 12px !important;
	line-height: 12px;
	padding: 0;
}

#datum p strong {
	font-size: 15px;
 	line-height: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#in_right_column #czechpoint {
	display: block;
	height: 36px;
	width: 150px;
	color: white;
	text-decoration: none;
	outline: none;
	font-weight: bold;
	font-size: 80%;
	line-height: 1.2em;
	padding: 4px 0 0 50px;
	background-color: #3e699a;
	background-image: url(../pictures/czech_point.png);
	background-repeat: no-repeat;
}

#in_right_column #pocasi {
	display: block;
	height: 33px;
	width: 125px;
	color: white;
	text-decoration: none;
	outline: none;
	font-weight: bold;
	padding: 7px 0 0 75px;
	background-color: #3e699a;
	background-image: url(../pictures/pocasi.png);
	background-repeat: no-repeat;
}

#content #text {
	position: relative;
	width: 720px;
	float: left;
	color: black;
	background-color:#e3e6ff ;
	/* border: 1px solid red;  */
	background-image: url(../pictures/left_shadow.png);
	background-repeat: repeat-y;
	background-position: right;
	z-index: 50;
}

#content #in_text {
	position: relative;
	min-height: 500px;
	_height: 500px;
	margin: 0 18px 16px 0;
	padding: 10px 25px;
	background-color: #ffffc6;
	border: 1px solid #9fc8f7;
	text-align: justify;
	z-index: 51;
}

#content #in_text a:link, #content #in_text a:visited {
	color: #0066ff;
	text-decoration: none;
}

#content #in_text a:hover, #content #in_text a:active {
	font-weight: bold;
	text-decoration: none;
}

#content #in_text p {
	text-indent: 2em;
}

#content #in_text h1 {
	text-indent: 0;
	font-size: 40px;
	font-family: monospace;
	font-variant: small-caps;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 100%;
	color: #2d517b;
	margin-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #333333;
}

#content #in_text h2 {
	text-indent: 0;
	font-size: 120%;
	color: #3333cc;
	padding-bottom: 10px;
	margin-bottom: 0;
/* 	border-bottom: 1px dotted #00015b; */
}

#content #in_text ul {
	margin-top: 0;
	list-style-image: url(../pictures/text_list_style.png);
}

#content #in_text .float_right {
	float: right;
	margin-left: 30px;
}

#content #in_text .float_left {
	float: left;
	margin-right: 30px;
}

#content #in_text .policko {
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 107px;
	height: 116px;
	background-image: url(../pictures/policko.png);
	background-repeat: no-repeat;
	outline: none;
}

#content #in_text .policko_first {
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 115px;
	height: 116px;
	background-image: url(../pictures/policko_first.png);
	background-repeat: no-repeat;
	outline: none;
}

#content #in_text .policko img, #content #in_text .policko_first img {
	margin: 21px 0 0 0px; 
}

#content #in_text .policko_first img {
	margin-left: 8px  !important;
}

#content #in_text .fotky {
	display: none;
}

#content #in_text .uzemni_plan {
	width: 300px;
	height: 287px;
	float: right;
	background-image: url(../pictures/uzemni_plan.png);
}

/* Vodorovné menu */
#menu_horizontal {
	position: absolute;
	width: 875px;
	height: 65px;
	top: 210px;
	margin-left: 45px;
	background-color: white;
	z-index: 100;
	overflow: visible;
	background-image: url(../pictures/menu2.png);
	background-repeat: no-repeat;
}

#menu_horizontal ul {
	margin:5px 5px;
	padding:0;
}

#menu_horizontal ul li {
	padding: 0;
	float: left;
	list-style-type:none;
	position:relative;
}

#menu_horizontal ul li ul {
	position: absolute;
	margin: 30px 0 0 0;
	padding-top: 5px;
	left:0px; 
	top:0px;
	display:none;
}

#menu_horizontal ul li a:link,#menu_horizontal ul li a:visited {
	display:block;
	width:110px;
	height: 22px;
	font-weight:bold;
	color:white;
	background-color:#3e699a;
	text-align:center;
	padding:2px 3px;
	border: 2px solid #3e699a;
	text-decoration:none;
	outline: none;
}

#menu_horizontal ul li a:hover,#menu_horizontal ul li a:active
{
 	/* border-color: yellow; */
	color: black;
	background-color: #ffffc6;
}

#menu_horizontal li:hover ul,#menu_horizontal li.hover ul { 
	display: block;
}


#menu_horizontal ul li ul li {
	font-size: 0.9em;
	margin-top: -1px;
	float:none;
	display:block;
	line-height: 150%;
}

#footer {
	height: 20px;
	clear: both;
	text-align: center;
	font-size: 12px;
	color: #555555;
	background-color: #ffffc6;
	border: 1px solid #9fc8f7;
}

#footer .autor {
	position: relative;
	right: 0px;
	float: right;
	margin-right: 20px;
}

#in_text .aktualita {
		clear: both;
}

#in_text .aktualita p {
	text-indent: 0 !important;
	border-bottom: 1px dotted #b22222;
	border-top: 1px dotted #b22222;
	padding-left: 80px;
	clear: none;
}

#in_text .aktualita .datum {
	position: relative;
	margin-right: 5px;
	color: #b22222;
	font-weight: bold;
	float: left;
	z-index: 200;

}

tr {
	text-align: left;
}

table.tabulka-style {
	border-collapse: collapse;
	border: 2px solid black;
	font-size: 14px;
}

.tabulka-style th {
	text-align: center;
	font-size: 16px;
	color: black;
	background-color: orange;
	border-bottom: 2px solid black;
	border-right: 1px solid black;
}

.tabulka-style td {
	border: 1px solid black;
	text-align: center;
}

.tabulka-style tr.alt td {
background-color:#dcdcdc;
}

.tabulka-style h2 {
	margin: 0;
	padding: 5px 0 !important;
	color: #0066ff;
	font-size: 16px !important;
}

.table_header_uredni_deska {
	width: 650px;
	height: 30px;
	padding: 2px 0 0 0px;
	margin: 0;
	background-image: url(../pictures/table_header.png);
	background-repeat: no-repeat;
}

.table_header_uredni_deska tr {
	text-align: center;
}

.table_header_vyhlasky {
	width: 650px;
	height: 30px;
	padding: 2px 0 0 0px;
	margin: 0;
	background-image: url(../pictures/table_header_vyhlasky.png);
	background-repeat: no-repeat;
}

.table_header_vyhlasky tr {
	text-align: center;
}

.table_header_vyhlasky table {
	margin-left: 3px;
}

.table_header_fotogalerie {
	position: relative;
	clear: both;
	width: 650px;
	margin-bottom: 10px;
	background-image: url(../pictures/tabulka_hlavicka.png);
	background-position: top left;
}

.table_header_fotogalerie tr {
	text-align: center;
}

.table_header_fotogalerie:hover {
	background-position: bottom left;
}

#map{
	width:640px;
	height:500px;
}


/* slightly enhanced, universal clearfix hack */  
.clearfix:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}

.clearfix { display: inline-block; }  
  
/* start commented backslash hack \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* stop commented backslash hack */ 


#menu_horizontal ul li /* IE:hover */ {
background-color: expression(
this.onmouseover = function() { this.className += ' hover'; }, 
this.onmouseout = function() { this.className = this.className.replace(' hover', ''); }
);
}

