body
{
	background-color: #549A7A;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(bg.jpg);
	background-repeat: repeat;
}
#head
{
	position: relative;
	text-align: center;
	height: 175px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #e9e9e9;
}

#logo
{
   position: absolute;
	left: 8px;
   top: 10px;
	width: 230px;
}

#menu
{
   position: absolute;
	left: 5px;
   top: 70px;
	width: 425px;
	padding-right: 3px;
	border-right: 336px solid #D3E5DB;
}

#menu a{
	float: left;
	width: 80px;
	font-size: 10px;
	font-family: Arial, sans-serif;
	line-height: 12px;
	height: 14px;
	text-align: center;
	border: 0px solid WindowFrame;
background: #D3E5DB;
	padding: 2px 0 0 0;
	margin: 0 0 0 3px;
font-weight: bold;
	border: 1px solid #D3E5DB;
color: #226846;
text-decoration: none;


}



#menu a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #6C8282;
	background: white;
	border: 1px solid #6C8282;
}

#banner
{
   position: absolute;
	left: 8px;
   top: 91px;
	width: 759px;
	height: 80px;
	padding-right: 2px;
	background: #D3E5DB;
	background-image: url(banner.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#container
{
	width: 777px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
	border-left: 0px solid #406480;
	border-right: 0px solid #406480;
	border-top: 0px solid #406480;
	background-image: url(images/back.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
}

#navigace
{
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 4px;
	width: 759px;
	height: 16px;
	border: 1px solid #D3E5DB;
	color: #000000;
   font-size: 11px;
   padding-top: 2px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif; 
	}

#navigace a { color: #6C8282; font-weight: bold; text-decoration: none;}
#navigace a:link { color: #6C8282; text-decoration: none;}
#navigace a:hover { color: black; font-weight: bold; text-decoration: underline;}	
	
#obsah
{
   margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
   width: 761px;
	border: 0px solid #D3E5DB;
	
}
#center
{
	float: left;	
	width: 504px;
	height: 400px;
	margin-bottom: 4px;
	border: 1px solid #D3E5DB;
	background-color: White;
	padding-bottom: 20px;
	padding-top: 20px;
	
}

#center2
{
	width: 759px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
	border: 1px solid #D3E5DB;
	background-color: White;
	padding-bottom: 20px;
	padding-top: 20px;
	
}

#right
{
	float: right;	
	height: 400px;
	width: 250px;
	margin-bottom: 4px;
	border-left: 0px solid #406480;
	border-top: 1px solid #D3E5DB;
	border-bottom: 1px solid #D3E5DB;
	background-color: #D3E5DB;
	padding-bottom: 20px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	
}

.text
{
	position: relative;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;	
}


#center2 img, .text img {
	border: solid;
   border-color: #D3E5DB;
	border-width: 2px;
   padding: 4px;
	background-color: White;
}

.text a img {
	border: solid;
   border-color: #D3E5DB;
	border-width: 2px;
   padding: 4px;
	}

.text a:hover img {
	border: solid;
	border-color: #FF8C00;
	border-width: 2px;
	padding: 4px;
	}

.rightbox {float:right; line-height: 10px;}
.rightbox img {display: block;position: relative; background-color: #fff; border: 1px solid #D3E5DB;}
.leftbox {float:left; line-height: 10px; margin-right: 4px;}
.leftbox img {display: block;position: relative; background-color: #fff; border: 1px solid #D3E5DB;}


.odstavec
{
   margin-left: auto;
	margin-right: auto;
   width: 200px;
	height: 120px;
	border: 0px solid #D3E5DB;
   padding-top: 0px;
	
}

.fotky
{
	position: relative;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
	border: 1px solid #D3E5DB;
	background-color: #FFFFE0;
	padding-bottom: 5px;
	padding-top: 5px;
   vertical-align: top;
}


.text a {color: #B22222; text-decoration: underline;}
.text a:link { color: #B22222; text-decoration: underline;}
.text a:hover { color: black; text-decoration: none;}	

.nadpis_vpravo {text-align: right; padding-bottom: 12px;
background-image: url(odrazka2.gif);
	background-position: right 3px;
	background-repeat: no-repeat;
	padding-right: 18px;}
.nadpis {
	text-align: left;
	padding-bottom: 12px;
	padding-left: 18px;
	color: #226e48;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(odrazka2.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}
.nadpis_vpravo a, .nadpis a { color: #226e48; font-size: 16px; font-weight: bold; text-decoration: none; }
.nadpis_vpravo a:link, .nadpis a:link { color: #226e48; font-size: 16px; font-weight: bold; text-decoration: none; }
.nadpis_vpravo a:hover, .nadpis a:hover { color: black; font-weight: bold; text-decoration: underline; }	

.nadpis_akt {
	text-align: left;
	padding-bottom: 12px;
	padding-left: 18px;
	color: #226e48;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(hvezda.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
}
.nadpis_akt a { color: #226e48; text-decoration: none; }
.nadpis_akt a:link { color: #226e48; text-decoration: none; }
.nadpis_akt a:hover { color: black;  text-decoration: underline; }


ul {
padding-bottom: 5px;
padding-top: 5px;}


li{
	margin: 3px 0 3px 10px;
	padding: 0 0 8 0px;
	list-style: square outside url(odrazka.gif);
}

.iteminfo
{ font-size: 10px;
	text-align: right;
	padding-top: 4px;
}

.iteminfo a {

	color: Gray;
	font-size: 10px;
	text-decoration: none;
}
.iteminfo a:link {
	color: Gray;
	font-size: 10px;
	text-decoration: none;
}
.iteminfo a:hover { color: black; text-decoration: underline;}

.aktuality
{
   margin-left: 12px;
	margin-right: 12px;
   font-size: 12px;
	border: 0px solid #D3E5DB;
   text-align: justify;
	
}

.datum
{ font-size: 10px;
	text-align: right;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
   color: #6C8282;
}



.formfield {
	background-color: #F0FBF1;
	border: 1px solid Green;
}
.formbutton{
	background-color: #B5ECB9;
	border: 1px solid Gray;
	margin-top: 2px;
	padding: 0 0 0 0;
	font-size: 12px;
}
textarea {width: 90%;}
fieldset{padding:5px;margin:5px 0px 5px 0px;  border-style: groove groove groove groove; }
legend{
	font-weight: bold;
	margin-bottom: 5px;
	padding-right: 10px;
	color: Black;
}
form#contactform {text-align: right;}
form#contactform input {margin:5px}
form#contactform fieldset {padding:10px;}


#foot
{  position: relative;
	clear: both;
	height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px; 
	text-align: center;
	color: #6C8282;
	background-color: White;
   
}
#foot a { color: #6C8282; text-decoration: none;}
#foot a:link { color: #6C8282; text-decoration: none;}
#foot a:hover { color: black; text-decoration: underline;}

#footnote
{
	position: absolute;	
	width: 748px;
	height: 20px;
	left: 8px;
	border: 1px solid #D3E5DB;
	background-color: White;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	
}
