/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html {
	background-color: #80a7c9;
	background-image: url('../images/html-bg.png');
	background-repeat: repeat-x;
}
html, body {
	color: #000000;
	font-size: 14px;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	text-align: center;
}

img {
	border: 0;
}


#page {
	width: 760px;
	text-align: center;
	margin: 0px auto;
	margin-top: 33px;
	background-color: #ffffff;
}
#top {
	width: 100%;
	background: #ffffff;
	position: relative;
}
.top-top {
	width: 100%;
	height: 41px;
	background: #ffffff url('../images/top-top.png') no-repeat;
}
.banner {
	width: 748px;
	height: 185px;
	margin: 0px auto;
	text-align: left;
	background: #ffffff url('../images/banner.jpg') no-repeat;
}
#menu {
	position: relative;
	left: 5px;
	width: 748px;
	height: 35px;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #1c4e8f url('../images/menu-bg.png') no-repeat;
}
#menu ul {
	position: absolute;
	top: 0;
	left: 10px;
	height: 35px;
	text-align: center;
	padding: 0;
	margin: 0;
}
#menu ul li {
	list-style-type: none;
	display: inline;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#menu ul li a {
	float: left;
	height: 35px;
	line-height: 35px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0.6em;
	background: transparent url('../images/menu-activ.png') no-repeat 0px 100px;
}
#menu ul li a:hover {
	background: #017c0a url('../images/menu-activ.png') repeat-x 0 0;
}
#main {
	width: 748px;
	margin: 0px auto;
	background: #ffffff url('../../images/main-bg.png') repeat-y;
}
#main .top {
	width: 100%;
	height: 5px;
	font-size: 0px;
	background: #ffffff url('../images/main-top.png') no-repeat;
}
#main .cleaner {
	clear: both;
	width: 100%;
	height: 15px;
	font-size: 0px;
	background-color: transparent;
}
#main .bottom {
	clear: both;
	width: 100%;
	height: 5px;
	font-size: 0px;
	background: #ffffff url('../images/main-bottom.png') no-repeat;
}
#main #content {
	float: right;
	width: 522px;
	text-align: left;
}
#main #content .obsah {
	width: 500px;
	margin: 0px auto;
}
#main #content p {
	padding: 0.5em 1em;
}

#main #content2 {
	float: left;
	width: 222px;
}
#main #content2 .obsah {
	width: 200px;
	margin: 0px auto;
	margin-top: 1em;
}

.box {
	width: 190px;
	margin: 0px auto;
	margin-top: 10px;
	background: #ffffff url('../images/box-bg.png') repeat-y;
}
.box ul {
	color: #06af14;
	font-size: 89%;
}
.box ul li span {
	color: #000000;
}
.box ul a {
	color: #000000;
}
.box h2 {
	font-size: 100%;
	padding: 0.2em;
	text-align: center;
}
.box p {
	font-size: 89%;
	padding: 0.2em 0.5em;
	text-align: left;
}

.box .box-top {
	width: 190px;
	font-size: 0px;
	height: 5px;
	margin: 0px auto;
	background: #ffffff url('../images/box-top.png') no-repeat;
}
.box .box-bottom {
	width: 190px;
	height: 25px;
	margin: 0px auto;
	background: #ffffff url('../images/box-bottom.png') no-repeat;
}
.box .box-bottom2 {
	width: 190px;
	height: 5px;
	font-size: 0px;
	margin: 0px auto;
	background: #ffffff url('../images/box-bottom2.png') no-repeat;
}
.box .box-bottom a {
	font-weight: bold;
	line-height: 25px;
	color: #004495;
	font-size: 112%;
	text-decoration: none;
}
.box .box-bottom a:hover {
	color: #79cb7b;
}
.box .box-obsah {
	width: 100%;
}
.box .box-obsah .foto {
	width: 100%;
	text-align: center;
}
.box .box-obsah .foto a {
	display: block;
	margin: 0px auto;
	margin-top: 7px;
	margin-bottom: 10px;
	width: 162px;
	height: 122px;
	text-decoration: none;
	background-color: #32629c;
}
.box .box-obsah .foto a:hover {
	background-color: #79cb7b;
}
.box .box-obsah .foto a img {
	width: 160px;
	height: 120px;
	margin: 1px;
}

#foot {
	width: 100%;
}
#foot .line {
	width: 100%;
	height: 11px;
	font-size: 0px;
	background: #3968a0 url('../images/foot-line.png') no-repeat;
	margin-top: 30px;
}
#foot .copyright {
	width: 100%;
	background-color: #80a7c9;
	padding-bottom: 20px;
}
#foot .copyright p {
	font-size: 89%;
	font-weight: bold;
	color: #ffffff;
	padding: 0.5em 2em;
}
#foot .copyright p a {
	color: #ffffff;
	text-decoration: underline;
}
#foot .copyright p a:hover {
	color: darkblue;
}

.left {
	text-align: left;
}
h1 {
	padding: 1em 0.8em;
	text-align: left;
	color: #06af14;
	font-size: 135%;
	text-transform: uppercase;
}
h2 {
	padding: 1em;
	text-align: left;
	color: #06af14;
	font-size: 108%;
}
h3 {
	padding: 1em 1em 0.4em 1em;
	text-align: left;
	color: #06af14;
	font-size: 100%;
}
h4 {
	padding: 1em 1em 0.4em 1em;
	text-align: left;
	color: #000000;
	font-size: 100%;
	text-decoration: underline;
}

p {
	text-align: justify;
}

table {
	width: 100%;
	font-size: 100%;
	border: 1px solid black;
}
table th {
	text-align: center;
	
}

ul {
	padding: 0em 2em 1em 2em;
	text-align: left;
}

a {
	text-decoration: underline;
	color: #06af14;
}
a:hover {
	text-decoration: none;
}

.formular {}
.formular fieldset {
	border: 1px solid #06af14;
}
.formular legend {
	border: 1px solid #06af14;
	padding: 0.2em 0.5em;
	margin-left: 1em;
	font-weight: bold;
	color: #000000;
}
.formular table {
	border: 0px;
	padding: 0.5em;
}
.formular table th {
	text-align: right;
	vertical-align: top;
	padding-right: 0.5em;
}
.formular table td {
	text-align: left;
}
#seo-links {
	background: #80a7c9;
	font-size: 80%;
	padding: 0 23px 1em 23px;
	color: #ffffff;
}
#seo-links a {
	color: #ffffff;
	text-decoration: none;
}
#seo-links a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.hidden, 
.invisible {
	display: none !important;
}