body, ul, li{
	margin:0;
}
body{
	background-color: #f0f0f0;
	/*background-image:url(../images/bg_html.jpg);*/
	background-repeat: repeat-x;
	background-position:  top;
	color: Black;
	/*font-family: Georgia,"Times New Roman", Times, serif;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form input, textarea {
	font-size: 10px;
	
	padding:2px 3px;
	/*border-top: 1px solid #434343;

	border-left: 1px solid #434343;

	border-right: 1px solid #D1D1D1;

	border-bottom: 1px solid #D1D1D1;*/

}

form button {

	/*border: 1px solid #B5BBC0;*/
	color: #505050;

	background-color: #505050;

}
#form {
	width: 90%;
}
html>body #form{
	margin-left: 45px;
}
#form h4{

	background: #aaaaaa;
	padding-left:3px;
}
#form table{
	margin:0 auto 10px;
	empty-cells: show;
	border-collapse: collapse;
	border: 1px solid #aaaaaa;
}
#form caption{
	color: #003399;
	background-color: #dddddd;
	font-weight: bold;
	text-align: center;
	margin:0 auto;
	border: 1px solid #eeeeee;
}
#form td{
	font-size: 11px;
	empty-cells: show;
	border: 1px solid #6699CC;
	border-collapse: collapse;
	padding: 1px 3px;
}
#form th{
	color: #003399;
	background-color: #DDDDE8;
	border: 1px solid #6699CC;
}
fieldset { 
/*	padding: 1em;*/
/*	font-size:80%; 1 sans-serif;*/
	margin:0.5em auto;
	border:1px solid #BBDCDD;
	background: #F5FAFA;
	padding: 5px;
}

legend {
	background: #D9D2C3;
 	padding: 0.2em 0.5em;
	border:1px solid #808059;
	color:black;
	font-size:95%;
	text-align:right;
	margin-bottom: 10px;
}
label {
   color: Black;
	float:left;
  	width:25%;
	font-size:11px;
  	margin-right:0.5em;
  	padding-top:0.2em;
  	text-align:right;
  	font-weight:bold;
}
h1,h2,h3,h4,h5,h6{
	color: #ff2020;
}
h1{font-size: 2em;}
h2{font-size: 1.6em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}
h5,h6{font-size:1.1em;}
#wrapper{

	width: 840px;
	margin: 0 auto;
	
}
#content{
	width:840px;
	background-image: url(../images/bg_wrapper.jpg);
background-repeat: repeat-y;
	
}
#head{
	width: 840px;
	height: 136px;
	background: url(../images/bg_head.jpg) no-repeat top;
}
#head h1{
	 display: none;
}
.headpic{
float: left;
width: 324px;
height: 159px;
margin-top:2px;
margin-left:12px;
background: url(../inc/headpic.php) no-repeat;	
 /*padding: 1px 0 0 1px;*/
border: none!important;
}
html>body .headpic{
width: 324px;
height: 159px;
margin-left:25px;
/*margin-top:2px;*/
}
.headpic h2{
font-size: 12px;
display: none;
}
.headswf{
float: left;
width: 324px;
height: 159px;
margin-top:0;
margin-left:13px;
 /*padding: 1px 0 0 1px;*/
border: none!important;
}
html>body .headswf{
width: 324px;
height: 159px;
margin-left:25px;
/*margin-top:2px;*/
}
.headswf h2{
font-size: 12px;
display: none;
}
.headtext{
	color: Black;
	/*margin: 5px 0 0 350px;*/
	margin: 5px 200px 0 0;
	text-align: right;
	}
html>body .headtext{
	margin: 0 200px 0 0;
} 
.headtext h3{
	/*margin:0 0 3px 20px;*/
	margin:0;
	font-size:11px;
	font-weight: bold;
	color: Black;
	
}
html>body .headtext h3{	padding-top:10px;margin:0;	}
.headtext ul{
	margin: 0 0 0 3px;
	list-style: none;
	font-size: 0.9em;
}

#col-left{
/*background: url(../images/bg_col_left.jpg) repeat-y;*/
	float: left;
	clear:left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 170px;
	
}
html>body #col-left{
	float: left;
	clear:left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 180px;
	
}
#col-right{	
	width: 580px;
	margin: 0 10px 0 170px;
	padding: 10px;
		
	}
html>body #col-right{	
	width: 600px;
	margin: 0 50px 0 180px;
	padding: 10px;
	}
#col-right a{
	color: #505050;
		
	}
#col-right a:hover{
	color: #aaaaaa;
}	
#foot{
	/*display:block;*/
	width: 840px;
	height:73px;
	margin: 0 auto!important;
	background-color: #dbfafd!important;
	background:url(../images/bg_foot.jpg) no-repeat bottom center;
	padding: 0;
	clear:both;
	color: #000000;
	font-size: 1em;
}
.footLeft{
float: left;
font-size: 0.9em;
	width:350px;
	text-align: left;
	margin-top: 10px;
	margin-left:35px;
	_margin-left:35px;
}
.footLeft a,  .footRight a{
color:#505050;
}
.footLeft a:hover,  .footRight a:hover{
color:#505050;
}
.footRight{
	float:right;
	font-size: 0.9em;
	text-align: right;
	width: 350px;
	margin-top: 10px;
	margin-right:35px;
}
/**************** zavírací menu ********************/
.menu{
background:url(../images/bg_menu_a.jpg) repeat-x top center;
/*background-color: Lime;*/
font-family: "Trebuchet MS" Verdana, Geneva, Arial, Helvetica, sans-serif;
cursor: pointer;
width:158px;
_width:158px;
height:22px;
font-size:11px;
border-top:1px solid #aaaaaa;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
border-left:1px solid #aaaaaa;
}

.menu_hover{/* simuluje menu hover*/
background: url(../images/bg_menu_a_hover.jpg) repeat-x top  center;
font-family: "Trebuchet MS" Verdana, Geneva, Arial, Helvetica, sans-serif;
cursor: pointer;
width:158px;
_width:158px;
height:22px;
color:#000000;
font-size:12px;
border:none;
border-top:1px solid #101010;
border-right:1px solid #101010;
border-bottom:1px solid #101010;
border-left:1px solid #101010;
}
.menu, .menu_hover,.menu a, .menu_hover a{
	color:#000000;
	width:158px;
display: block;
	font-family: "Trebuchet MS" Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top:2px;
	font-weight: bold;
 	text-decoration: none;
	text-transform:uppercase;
	text-align: center;
}
.menu a:hover, .menu_hover a:hover{
background: url(../images/bg_menu_a_hover.jpg) repeat-x top  center;
color:#505050;
}
.submenu{
width:158px;
font-family: "Trebuchet MS" Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image:url(../images/bg_submenu_a.jpg);
background-repeat:  repeat-x;
background-position:  top;
font-size:12px;
margin:0 0 5px!important;
/*border:1px solid #da983a;*/
}
html>body .submenu{ width: 158px;}
.submenu_hover{
width:158px;
background:url(../images/bg_submenu_a_hover.jpg) repeat-x top;
font-family: "Trebuchet MS" Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 0 5px;
/*border:1px solid #d98235;*/
}
.submenu ul,.submenu_hover ul{
margin-top:0;
margin-left:0;
}
html>body .submenu ul,.submenu_hover ul{
	 margin-left:-40px!important;
}
.submenu li,.submenu_hover li{
	 list-style: none;
	 /*line-height: 18px;*/
	 }
.submenu a,.submenu_hover a{
font-family: "Trebuchet MS" Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image:url(../images/bg_submenu_a.jpg);
width:100%;
display: block;
	  font-size:14px;
	  /*line-height: 18px;*/
	   color: #505050;
	  	border-bottom:1px solid #3F3F3F;
		border-right:1px solid #3F3F3F;
		border-top: 1px solid #CBCBCB;
		border-left: 1px solid #CBCBCB;
		text-decoration: none;
	  text-align:center;
}
.submenu a:hover, .submenu_hover a:hover{
 /*background-color: #917633;*/
  background:  url(../images/bg_submenu_a_hover.jpg) top repeat-y;
 color:#505050;
 border-bottom:1px solid #3C3C3C;
		border-right:1px solid #3C3C3C;
		border-top: 1px solid #A9A9A9;
		border-left: 1px solid #A9A9A9;
}

a.active{
	 background:  url(../images/bg_submenu_a.jpg) top repeat-x;
	 color:#ff0000;
	 cursor: auto;
}
a:hover.active{
	 background:  url(../images/bg_submenu_a.jpg) top repeat-x;
	 color:#ff0000;
	 cursor: auto;
}
#pg_body{
display: block;
color: Black;
/*font-size: 0.9em;*/
margin:0 20px;
}

#pg_body a{
	color: #ff0000;
	/*text-decoration: none;*/
}
#pg_body a:hover{
	color: #ff5050;
	/*background-color: #FFFFB9;*/
}	
#pg_body img{
	margin:2px;
}	
#pg_body ul li{
list-style: url(../images/li_1.jpg);

}
#lang{
/*width:160px;
	height: 21px;
	width: 226px;
	_width: 225px;*/
	/*margin: 50px 0 0 100px;*/
	padding: 100px 0 0 20px;
}
#lang ul {
display: inline;
list-style: none;
margin:auto;
}
#lang li{
	 float: left;
	text-align: center;	
	padding: 0 1px;
}
#lang img{
	border:0;
	margin:auto;
}
.prvni{
	margin-left: 2px;
}
#spoluprace{
 	margin:10px auto 5px;
	 background-color:transparent;
	 padding:2px;
	 width: 220px;}
 html>body  #spoluprace{
 	margin:10px auto;
	}
 /* #spoluprace h4{
 display: none;
 margin: 5px auto;
 font-size: 10px;
 color: #505050;
 text-transform: uppercase;
 }*/
#spoluprace img{
 display: block;
 margin:5px auto !important;

 }
 .center{
	text-align: center;
}
.right{
	text-align: right;
}
.left{
	text-align: left;
}
.justify{
	text-align: justify;
}
#detail{
	text-align: center;
	display:block;
	margin: 3em auto;
}
#detail img{
	border: 1px solid #dedede;
	padding:4px;
	background-color: #f1f1f1;
	cursor: pointer;
}
#detail h3{
	font-size: medium;
	font-weight: 600;
}
.clear{
	clear: both;
}
.hidden{
	display: none;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.zakaznik{
	float: left;
	margin-left: 25px;
}
#foto-pol{
	width:100%;
	padding:1em 0 0 1.5em;
	margin:0 auto 2em;
}

.img-wrapper {
 background:url(/images/shadow.gif) no-repeat right bottom;
 float: left;
}

.img-outer {
  background:url(/images/bottom-left2.gif) no-repeat left bottom;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-inner {
  background:url(/images/top-right2.gif) no-repeat top right;
  padding: 0 5px 5px 0;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-wrapper img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  display: block;
}
.fotogal_popiska{
	font-size: x-small;
	color:#ccc;
}