* {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

input, select, option, textarea {border: #696969 solid 1px;}

.nutne {border: #696969 solid 1px; background-color: #FFDAB9; color: Black;}

h1, h2, h3, h4, h5, h6 {color: #228B22;}

h6 {font-size: 0.9em;}

h5 {font-size: 1em;}

h4 {font-size: 1.1em;}

h3 {font-size: 1.2em;}

h2 {font-size: 1.25em;}

h1 {font-size: 1.35em;}

.hr {background-color: transparent; border: 0px; border-bottom: solid #545454 1px; height: 1px; font-size: 0px; margin: 10px 0px 10px 0px;}

img {border: none;}

body {margin: 0px; padding: 0px; background-color: white; background-image: url(../images/back02.png);}

table,tr,td {border: none;}

a:link {color: #FF4500; text-decoration: none;}

a:visited {color: #BA3F03; text-decoration: underline;}

a:active {color: Red; text-decoration: none;}

a:hover {color: #8B0000; text-decoration: underline;}

a.links {font-size: 1.2em; display: block; margin: 10px 0px 2px 0px;}

#body {
	width: 780px;
	margin-left: auto; 
	margin-right: auto;
}

#body2 {
	float: left;
	width: 779px;
	padding: 5px 0px 5px 0px;
	background-color: #FFFFDF;
	border-right: 1px solid #6AC334;
}

#head {
	margin-top: 10px;
	width: 780px;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFDF; 
}

#logo {
	float: left;
	width: 135px;
	height: 100%;
	vertical-align: top;
}

#logo div {
	height: 100%;
	background: url(../images/logo_back.png) no-repeat;
	background-position: center;
	margin-right: 5px;
}

#firma {
	float: left;
	width: 130px;
	height: 100%;
	vertical-align: top;
}

#firma div {
	height: 100%;
	background: url(../images/head_back_2.png) top right no-repeat;
	background-color: #6AC334;
}

#banner {
	float: left;
	width: 515px;
	height: 100%;
	vertical-align: top;
}

#banner div {
	height: 100%;
	background: url(../images/banner.png) no-repeat center;
	background-color: #00008F; /*#6AC334;*/
	margin-right: 5px;
}

#left {float: left; width: 135px;}

#ads {clear: left; float: left; width: 100%; vertical-align: top;}

#ads div.blok {background: no-repeat bottom right url(../images/ads_back.png); background-color: #6AC334; margin: 1px 5px 5px 0px; padding: 5px 5px 20px 5px; text-align: center }

#misc { font-size: 0.85em; clear: left; float: left; width: 100%; vertical-align: top;}

#misc div.blok {background: no-repeat bottom right url(../images/info_back.png); background-color: #6AC334; margin: 1px 5px 5px 0px; padding: 5px 5px 20px 5px;}

#misc div, #msc p { font-size: 1em; }

#misc td, #misc tr, #misc table { font-size: 0.9em; text-align: right;}

#misc table {width: 100%; background-color: #FFFFB2; }

#misc h4 {margin: 10px 0px 5px 0px; color: #186E19; }

#menu {clear: left; float: left; width: 100%; vertical-align: top;}

#menu div.blok { background: no-repeat bottom right url(../images/menu_back.png); background-color: #6AC334; margin: 0px 5px 5px 0px; padding: 5px 5px 5px 10px;}

#menu a {display: block; color: black; font-weight: bold; height: 20px; font-size: 12px; vertical-align: middle; padding: 2px 13px; background: url(../images/link.png) top right no-repeat; text-align: right; text-decoration: none;}

#menu a:active {background-position: right -20px; color: #E24C03;}

#menu a:hover {background-position: right -40px; color: white; text-decoration: none;}

#menu li {list-style: none; padding: 0px; margin: 0px;}

#menu ul {margin: 0px; padding: 0px;}

#lang_box {text-align: center; margin: 5px 0px 5px 0px; padding: 15px 0px 10px 0px;}

#lang_box a {display: inline; width: auto; height: auto; padding: 0px; margin: 2px; background-image: none;}

a#pocitadlo {clear: left; float: left; width: 135px; text-align: center; padding: 8px 0px 7px 0px; display: none;}

#main, #main_eu {float: left; width: 644px; vertical-align: top; text-align: justify;}

#main #obsah, #main_eu #obsah {padding: 15px 15px 20px 10px; }

#main {background: url(../images/corner3.gif) top left no-repeat; background-color: transparent;/*#ABDD7C;*/}

#main li, #main_euli {list-style: square;}

#main_eu {background: url(../images/eu_back_y.png) top left no-repeat; background-color: trasparent; min-height: 310px;}

.vcard {vertical-align: middle;}

#main_eu h1, #main_eu h2, #main_eu h3, #main_eu h4, #main_eu h5, #main_eu h6  {color: #3C6F9B;}

#foot {float: left; clear: left; width: 100%;}

#foot #line {height: 3px; background-color: #6AC334; font-size: 3px; margin-bottom: 5px;}

#foot div {text-align: right; vertical-align: top; padding: 0px 5px 0px 15px; color: #474747; font-size: 1em;}

#foot div a {font-weight: bold; color: #59A72B; font-size: 0.85em;}

#foot div a:hover {color: #696969; text-decoration: none;}

.full {width: 100%;}

.tabl {width: 99%;}

.half {width: 240px;}

.center {text-align: center;}

.bottom { vertical-align: bottom;}

.cervena {color: #C60000;}

.zarovnat {text-align: justify;}

.uvod {font-size: 0.85em; margin: 0px 0px 0.5em 0px;}

.log_diag {width: 29em;}

.right {text-align: right;}

.right_top {text-align: right; vertical-align: top;}

.left {text-align: left;}

.left_top {text-align: left; vertical-align: top;}

.left_middle {text-align: left; vertical-align: middle;}

.float_left {float: left;}

.float_clear {clear: both;}

.float_clear_left {clear: left; float: left;}

.float_clear_right {clear: right; float: right;}

.float_right {float: right;}

.italic {font-style: italic;}

.logon { margin-left: 5px; vertical-align: middle;}

#contact_name {font-size: 1.7em; font-weight: bold; color: #E24C03; display: block;}

.contact_title {color: #228B22; font-weight: bold;}

.news {margin-bottom: 20px; border-top: 2px solid #394630; padding: 5px;}

.eu_title, .news_title {font-size: 1.1em; font-weight: bold; text-align: left;}

.news_menu { text-align: center; margin-bottom: 10px; color: #FF4500; }

.news_title, .news_time {color: #E24C03;}

.news_text, .eu_text {text-align: left;}

.news_time, .eu_time {display: block; text-align: left; font-size: 0.8em; font-weight: normal;}

.button, .button:link {color: White; padding: 1px 3px 2px 3px;  background-color: #FF8C00; border: #CE7200 solid 1px; margin: 0px; text-decoration: none;}

.button:hover {background-color: Green; border: #9ACD32 1px solid; text-decoration: none; color: White;}

.button:visited {color: White; text-decoration: none;}

.eu {margin-bottom: 20px; border-top: 2px solid #4682B4; padding: 5px;}

.eu_title, .eu_time  {color: #D2691E;}

.varovani {border: solid 1px #CA0000; background-color: #FFE8E8; color: Black;}

.varovani:before {display: block; content: 'Chyba!'; background-color: #CA0000; padding: 1px 5px 2px 5px; color: White; font-size: 1.2em; font-weight: bold; margin-bottom: 5px;}

.info {color: #CA0000; font-size: 1.1em;}

.col_title {
	font-weight: bold;
	color: white;
	background-color: Green;
	border: 1px solid Green;
	text-align: center; 
}

.table_row {
	border: 1px solid Green;
}

.dok_box {
	border: solid 1px Green;
	background-color: #ABDD7C;
	margin: 10px 0px 10px 0px;
}

.dok_box .jmeno {
	background-color: Green;
	color: White;
	font-weight: bold;
	font-size: 11px;
	padding: 1px 5px 2px 10px;
}

.dok_box .soubor {
	background-color: #6AC334;
	padding: 1px 5px 1px 3px;
	border-bottom: 1px solid green;
}
.soubor .attr {
	color: #006400;
	font-weight: normal;
	font-size: 10px;
}
.soubor .value {
	color: White;
	font-weight: bold;
	font-size: 10px;
	padding: 0px 13px 0px 3px;
}

.dok_box .txt {
	padding: 5px;
}

.dok_box .buttons {
	text-align: right;
	margin: 0px 1px 4px 1px;	
}

