body {
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding:0px;
  text-align: center;
	font-family : Arial, Arial CE, Helvetica, Arial CE, Tahoma, Verdana,Arial, sans-seriff;
	font-size:90%;
	background: #8AC4B8;

	}
	
	
	
#clona {

  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
 	background: url(pic/pic40.gif);
  z-index:3;
  opacity: 0.7;  
  filter: alpha(opacity=70);  
  -moz-opacity: 0.7;  
  -khtml-opacity: 0.7;
    display:none;
  }



#main div.vstup-info{
  position:fixed;
  width:712px;
  height:337px;
  background:white;
  top:150px;
  left:250px;
  margin:0px;
  border:15px solid white;
   
  padding:0px; 
  text-align:left;
  background: url(pic/oznameni.jpg) no-repeat white; 
  z-index:5;
	            display:none;
}

#main div.vstup-info img {
  border:0px;
}

 

#main div.vstup-info a.zavrit{
  position:absolute;
  left:715px;
  top:320px;
}




#lang {
	width: 960px;
	height: 22px;
	text-align:right;
	margin:0px;
	padding:0px;
	margin: auto;
 /*	background: url(pic/lang.jpg);*/

}

#lang p{
	position:absolute;
	left:1020px;
	top:9px;
  margin:0px;
  padding:8px 7px 0px 1px;
	width:63px;
	height:15px;
	background: url(pic/pic12.gif) white no-repeat;
 

}

#lang p img{
	 border:0px;
	padding: 0px 3px;
}

#lang div.foto {
	position:absolute;
	width:378px;
	height:132px;
	background: url(pic/top1.jpg) no-repeat;
	top:0px;
	left:400px;
	_left:450px;

}

#main {
	width: 960px;
	text-align: center;
	margin: 0px;
	padding:0px;
	margin: auto;
	background:white;
	border:2px solid white;
 



}

.skok {
	display:none;
}


#hlavicka {
	width:100%;
	height:115px;
	margin:0px;
	padding:0px;
	background: url(pic/pic01.jpg) white no-repeat;
	text-align:left;

 }


#hlavicka h1
{
	float:left;
	margin:0px;
	padding:0px;
	font-size:15px;
	left:55px;
}

#hlavicka h2
{
	float:left;
	margin:0px;
	padding:0px;
	font-size:9px;
	left:40px;
}

#hlavicka a {
	color:white;
		font-size:5px;
}

.logo
{
	width: 136px;
	height: 103px;
	position: relative;
}

.logo span
{
	top:0px;
	background: url(pic/pic03.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: hand;
	cursor: pointer;
}



#mmenu {

	width:948px;
	height:39px;
	position:relative;
	margin:0px 0px 0px 6px;
	padding-left:0px;
	background: #008C71;
	border-bottom:8px solid #006A5A;
 	z-index:1;
	font-size:14px;
	

 }
.menu{

padding-left:25px;
}
.menu li.nb a{
border-right:none !important;
}
.menu ul{

	list-style-type:none;
	padding:6px 0px 0px 0px;
	margin:0;

}

.menu li{
	float:left;
	height:30px;
	position:relative;
	z-index:100;
   padding:9px 0px 0px 0px;
   margin:0px 1px 0px 0px;
   background: url(pic/pic11.jpg) no-repeat;
}

.menu li.sub{
	display:block;
	height:auto;
	background:#006A5A;
	 font-size:90%;
	width:151px;
	text-align:left;
	border-bottom:1px solid #217E70;
	border-right:1px solid #66A89E;
	padding:0px;

}

.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:8px;
	top:24px;
}


.menu a {
	display:block;
	margin:0px 5px 7px 10px;
 	padding:0px 10px 0px 0px;
	color:white;
	font-weight:bold;
	background:none;
	text-decoration:none;

	 
	font-size:90%;


}

.menu :hover{
	color:#D4E8E6;

	_background:#343434;


}

.menu li.sub a {
	 margin:0px;
 	padding:7px 8px 7px 8px;
	color:white;
	font-weight:normal;
	background:none;
	_width:150px;
 font-size:12px;

}

.menu li.sub a:hover{

	background:#017861;


}


.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;

}

.menu ul{
border:0px solid black;
}

.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}










#obsah {
	position:relative;
   
	width:100%;
	margin:0px;
	padding:0px;
	background: url(pic/pic08.gif) white;
 
}

 #obsah div.vstupni {
  position:relative;
  float:left;
  width:718px;
  height: 186px;
  background:red;
  margin:0px 0px 0px 6px;
  _margin:0px 0px 0px 4px;
  padding:0px 0px 0px 230px;
  background: url(pic/pic14.jpg) #2F897B;
  text-align:left;
  color:white;
} 

 #obsah div.vstupni div {
  float:left;
  
 
 }
 
 #obsah div.vstupni div.levy{
  
  width:500px;
 }

#obsah div.vstupni h2{
  font-weight:normal;
  margin:10px 0px 0px 0px;
  padding:0px;
}

#obsah div.vstupni p{
  width:450px;
  font-size:90%;
  line-height:1.4;
  margin:5px 0px 5px 0px;
}

#obsah div.vstupni h3{
  margin:3px 0px 0px 0px;
  padding:0px;
  text-transform:uppercase;
  font-size:13px;
  background:#006A5A;
  padding:5px;
  width:200px;
}

#obsah div.vstupni img {
  border:0px;
}

#text {
	position:relative;
	float:left;
	width:678px;
	margin:0px;
	padding:0px 15px 0px 25px;
	text-align:left;



}

/*#text div.uvodni {
	position:absolute;
	top:0px;
	left:0px;
  width:678px;
  height: 186px;
  background:red;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 230px;
  background: url(pic/pic14.jpg) #2F897B;
  text-align:left;

}
*/


#text div.uvodni h2{
	font-size:170%;
	color:#016551;;
	font-weight:normal;
	padding:10px 10px 8px 10px;
	margin:0px;
	padding:20px 0px 5px 20px;
	background:none;
}




#text div.uvodni span{
	background:#999966;
	color:white;
	padding:4px;

}

#text div.uvodni p{
	margin:0px;
	padding:10px 15px 6px 20px;
	line-height:1.6;
	font-size:90%;

}

#text div.uvodni img{
	 display:none;
   border:0px;
	float:left;
	margin:5px 15px 0px 10px;
}

/*#text div.uvodni div.spodni{
	width:100%;
	height:20px;
	background: url(pic/img1b.gif) no-repeat #D4E8E4;
	margin:15px 7px 10px 17px;
	padding:0px;
	margin:0px;
	clear:both;

}
*/

#text h1 {
	display:block;
	width: 90%;
	background:url(pic/pic15.gif) no-repeat;
	font-size:200%;
	font-weight:normal;
	padding:17px 0px 12px 55px;
	margin:12px 2px 2px 2px;
}

#text h2 {

	font-size:150%;
	font-weight:normal;
	padding:8px 0px 5px 20px;
	margin:10px 0px 0px 0px;
	color:#017861;
	background:url(pic/pic06.gif) no-repeat;
	clear:both;
}

#text h3 {

	font-size:130%;
	font-weight:normal;
	padding:10px 0px 5px 0px;
	margin:0px;
}


#text h3 a{
	text-decoration:none;
}

#text h3.aktualita {

	color:#017861;
 
	padding-bottom:0px;
}




#text h4 {

	font-size:100%;
	font-weight:bold;
	padding:10px 0px 5px 0px;
	margin:0px;
}

#text p {
	margin:10px 10px 15px 0px;
	padding:0px;
	line-height:1.4;
	font-size:90%;


}

#text p.poutac {
	margin:0px 0px 5px 0px;
	padding:0px;
	display:table;

}

#text p.prvni-odstavec {
	font-weight:bold;
}

#text p.obteka {
	clear:none;
}

#text p.v-ramecku {
	padding:5px;
	border:1px solid #C5C5A8;
	background:#EAEAE0;
}

#text div.v-ramecku {
	padding:10px;
	border:1px solid #C5C5A8;
	background:#EAEAE0;
	width:90%;
}

#text legend{
	padding:10px;
	font-weight:bold;
}

#text fieldset{
	width:90%;
	background:#EAEAE0;background:#EAEAE0;
	padding:10px;
	border:1px solid #C5C5A8;
}



#text ul {
	margin:10px 0px 10px 15px;
	padding:0px;
	font-size:90%;
}

#text ul ul{
	margin:3px 0px 0px 10px;
	padding:0px;
}

#text ul li{
	list-style-image: url(pic/pic10.gif);
	padding:0px 3px 7px 0px;
	margin:0px;
}

#text ul.foto a{
	font-weight:bold;
	font-size:105%;
}

#text ul.foto li{
	padding:0px 3px 7px 0px;
	margin-top:3px;
}

#text div.maturity {
	float:left;
	border-left:5px solid #F3F3ED;
	margin:5px;
	padding:0px 0px 0px 20px;


}

#text div.maturity ul{
	width:270px;
}


#text div.maturity li{
	list-style: none;
	}

#text span {
	color:#999;
}

#text img.napravo {
	float:right;
	margin:8px;
}

#text img.nalevo {
	float:left;
	margin:8px;
}




#text  img{
	float:left;
	margin:10px 10px 50px 10px;
	padding:2px;
	border:1px solid silver;
}



#text  span{
	font-size:80%;
	color:#999;
	margin:0px;
	padding:0px;
}





#text p.listovani{

	margin:5px 0px 20px 0px;
	padding:0px;
	width:90%;
	text-align:center;
}

#text p.banner{


	clear:both;
	display:block;
	float:left;
	width:100%;

	text-align:center;

	margin:10px 0px 0px 0px;
	padding:0px;

}

#text p.banner img{


	 float:left;
	margin-left:50px;




}



#text div.nase-obory {
	width:97%;
	margin:0px;
	padding:10px;
	background:#D4E8E4;
	border-top:1px solid #ccc;
	border-bottom:5px solid #B0D5CE;
	float:left;
}


#text div.nase-obory ul{
	float:left;
	margin:0px 5px 0px 5px;
	padding:0px;
	font-size:90%;
	width:180px;

}

#text div.nase-obory ul.prvni-sloupec {
	width:250px;

}

#text div.nase-obory ul li{
	list-style:none;
	padding:2px;
	margin:0px;
}

#text div.nase-obory h3{
	font-size:100%;
	font-weight:bold;
	color:#017861;
}

#text ul.znak {
	margin:10px;
	padding:0px;
}

#text ul.znak li{
	float:left;
	list-style:none;
	text-align:center;
	width:200px;
	font-size:90%;
}

#text ul.znak img{
	float:none;
	border:none;
}

#text table {
	font-size:90%;
	 border:1px solid #CCCCB3;
	padding:0px;
	width:95%;
}

#text table td{
	padding:5px;
	border-bottom:1px solid #CCCCB3;

	background:#F3F3ED;

}


#text table td.datum{
	width:100px;
	text-align:right;

}

#text table.zamestnanci {
	 margin-top:10px;
	 border:0px;
	padding:10px;
	width:95%;
}

#text table.zamestnanci td {
	  border-bottom:1px solid #eaeaea;
	background:none;
	line-height:1.4;
}

#text hr.cara{
	margin:0px;
	padding:0px;
	width:90%;

}

 #text div.gallery {
  background:url(../pic/pic26.jpg) no-repeat;
  width:676px;
  padding:10px;
  float:left;
}

#text div.gallery div.item {
  width:220px;
  float:left;
  margin-top:20px;
  text-align:center;
  
}




#text div.gallery div.align {
  clear:both; 
}

 


#text div.gallery div.item h3{
  float:none;
    clear:both;
  width:auto;
  text-align:center;
  margin:0px;
  padding:0px;
}

#text div.gallery div.item h3 a{ 
  color:#017861;
  font-size:90%;
  background:#E0EFEC;
  padding:2px 3px 2px 3px;
}

#text div.gallery div.item h3 a:hover{
  color:black;
} 

#text div.gallery div.item p{
  clear:none;
  margin:0px;
  padding:3px 0px 0px 0px;
}

#text div.gallery div.item img {
  float:none;
  margin:10px;
  padding:2px;
  border:1px solid silver;
  
}

 

#text div.gallery div.item p.date{
  color:#666666;
  font-size:80%;
  margin:3px 0px 0px 0px;
  padding:0px;
}

#text div.gallery div.item p span{
  color:#666666;
}

#text ul.gallery {
 
  width:680px;
  margin-left:0px;
      
}

#text ul.gallery li{
  float:left;
  list-style:none;
  width:165px;
  height:130px;
  text-align:center;
    
    padding:0px;
}

#text ul.gallery li a{
   
    width:170px;
}

#text ul.gallery li img{
  float:none;
   
 }

#text p.datum-galerie {
  margin:0px 0px 0px 20px;
  color:#666;
}

#aktuality h3{
	color:#017861;
 	padding-bottom:0px;

}

#aktuality p{
	margin:0px 0px 5px 0px;
	padding:0px;
	}


#sloupec {
	position:relative;
	float:left;
	width:230px;
	margin:0px;
	padding:10px 2px 0px 2px;
	text-align:left;

}

#sloupec a.foto {
/*display:block;*/
padding-top:1px;
padding-bottom:1px;
margin-left:20px;
margin-top:3px;
margin-bottom:2px;

}

#sloupec div.fotoRok {

margin-left:20px;
margin-top:10px;
margin-bottom:10px;

}



#sloupec h2{
	display:block;
	width:232px;
	height:25px;
	background: url(pic/pic07.jpg);
	color:white;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 5px;
	font-size:100%;
	text-transform:uppercase;

}

#sloupec h3{

	color:black;
	font-weight:bold;
	font-size:90%;
	margin:5px 0px 0px 7px;
	padding:0px;
}

#sloupec h3 span{
	color:#ccc;
}

#sloupec h3.datumSloupec {
  text-transform:uppercase;
  width:224px;
  background:#BFDDD7;
  margin:0px;
  padding:5px;
  border-bottom:1px solid #9FCCC4;
  border-top:1px solid #9FCCC4;

}

#sloupec p {
	margin:4px 4px 10px 8px;
	padding:0px;
	font-size:90%;
	line-height:1.4;
}

#sloupec form.gallery {
  margin:10px 10px 10px 0px;
  background:#DBEBEB;
  padding:8px 0px 8px 0px;
  text-align:center;
  border:1px solid #B1D4CD;
  width:230px;
}



#sloupec form.gallery label{
  font-weight:bold;
 
}

#sloupec form.gallery select{
   
  padding:2px;
}

#sloupec form.gallery input.button{
    font-size:12px;
    
}

#sloupec p.slovo-uvodem {
	line-height:1.4;
	font-size:90%;
	margin:0px 0px 5px 0px;
	padding:5px 0px 5px 5px;


}

#sloupec p.podpis {
	width:65%;
	text-align:center;
	padding-left:75px;
	font-size:80%;



}

#sloupec p.popis-foto {
	width:92%;
	text-align:center;
	font-size:90%;
	padding:5px;
	clear:both;
	background:#EAEAEA;
	margin:1px 0px 5px 4px;
	border:1px solid #ccc;

}




#sloupec hr{
	width:90%;
	text-align:center;
	}

#sloupec img {
	margin:5px 7px 0px 8px;
	padding:0px;
	float:left;
	padding:2px;
	border:1px solid #019477;

}

#sloupec img.fotogalerie {
	margin:3px 0px 0px 4px;
	padding:0px;
	float:left;
	padding:2px;
	border:1px solid #019477;

}

#sloupec strong span {
	color:red;
}


#sloupec ul {
	margin:0px;
	padding:0px;
	font-size:90%;

}

#sloupec ul li{
	width:97%;
	list-style:none;
	padding:5px;
	background:#E1EFEC;
	border-bottom:1px solid white;

}

#sloupec ul li#active {
  font-weight: bold ;

}


#paticka {

	width:100%;
	height:61px;
	margin:0px;
	padding:0px;
	background: url(pic/pic09.jpg) #569E92; repeat-y;
	 font-size:85%;

 }

#paticka p{
  width:98%;
  padding:10px 0px 0px 0px;
  color:white;
	text-align:right;


 }




#paticka a {
	color:white;
	text-decoration:underline;
}

#paticka a:hover {
	color:#ccc;
	text-decoration:underline;
}


a {
	color:#017861;
}

a:hover {
	color:#000;
}


hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }