body {

	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	
	width : 980px;

	font-size: 0.75em;
       /* ^Zarovnani na stred celeho webu */
	margin: 0px auto;

	padding: 30px 0px;

	line-height: 150%;

	color: #000; 
   
	background-image: URL('../images/gradient.jpg');
	
	background-repeat : repeat-x;
	
	background-color:  #9c9;
  
    
  
	 

}



#erb, #prapor {

	margin-top: 20px;

}



div {

	margin: 0;

	padding: 0;

	border: 0;

}



p {

	margin: 0.5em;

}



h1, h2, h3 {

	color: #000;

	margin: 0;

}



h1 {

	padding-top: 40px;

	padding-left: 60px;

	float: left;

}



a, a:visited {

	color: #997100;

}



a:hover {

	text-decoration: underline;
	color : blue;

}



hr.cleaner {

	clear:both;

	height:1px;

	font-size: 1px;

	padding: 0;

	border: 0;

	visibility: hidden;

}


#header {
   
} 

#headerTop {
  
  
    height : 130px;  
    background-color :#f5be27;

}




#head_h1{
 
 visibility : hidden;

}

#headerFrame  {		
	
	
	
  height: 220px;
  
  border-top: 2px solid black;
  
  border-bottom: 2px solid black; 

	background-color: #FFF8E5;

}



   /* 
#headerFrame a {
    display: block; 
    width: 980px; 
    height: 220px;
}

 */


#header img {

	margin-left: 0px;

	float: left;

}


#footerFrame{

  height : 80px;
  background-color : #FFF8E5;
  text-align : center;
  color : black;   
    
  
}

#footer{
  
  padding-top : 50px;
}

  
#header2 {

	height: 30px;
	
	display : inline;
 
	font-size: 20px;
	
	color : #fff; 

	background-color: #000;

}


img {

	border: 0;

}



#menuFrame {

	width: 180px;	

	float: left;

	background: #FFF8E5;  

}



#menu {
 

}



#menu ul {

	margin: 20px 0;

	padding: 0;

}



#menu ul li {

	list-style-type: none;

	margin: 0px;

	text-align: left;

	padding-left: 8px;

	margin: 2px 0 0 16px;
	
	

}



#menu ul li a {

	color: #000;
	
	text-decoration : none;

	font-weight: bold;

}

#menu a:hover {
  color : green;
  text-decoration : underline;
}



#menu ul li h2 {

	color: #806F40;
	
	text-transform: uppercase;
	
	text-decoration : underline;

	font-size: 110%;

	background-color: #FFF8E5;
	
	

	margin: 5px 4px 0 -20px;

	padding: 1px 4px;

}



#menu ul li h2 a {

	color: #806F40;

}

 
#contentFrame {

}



#content img {

	border: 1px solid #000;

}



#textFrame {

	margin : 0px 0px 0px 0px; 
	
	background : #FFF8E5;
	
	

}



#text {
 
  margin: 0 180px 0px 180px;
  
	padding-left: 10px;

	padding-right: 10px;
	
  padding-top : 10px;
	
	background : #FFF8E5;
	
	text-align : justify;
	
	

}



#text h2 {

	font-size: 140%;

	margin: 0.5em;

	margin-top: 1em;

}



#text h3 {

	font-size: 120%;

	margin: 1em 0.5em 0 0.5em;

}



#rFrame {
                               
	float: right;

	width: 180px;
	
	height : 536px;
	
	padding : 13px;

	background-color: #FFF8E5;

	color: #000;

}



#r p {

	font-size: 90%;
	text-align : justify;

}



#r h2 {

	padding: 2px 4px 5px 0px;
	
	text-transform : uppercase;	

	font-size: 120%;

	color: #000;

}



#r a {

	color: #000;
	
	text-decoration : underline;

}

#r a:hover{

  color : green;

}



p.center {

	text-align: center;

}



#text img.transparent {

	border: 0;

}



#r table {

	font-size: 80%;

	margin: 0.5em;

	border-collapse: collapse;

}



#r p {

	margin: 1em 1em 0 0.5em;

}



#text table {

	margin: 2em 0.5em;

	border-collapse: collapse;

	text-align: left;

}



#text table td {

	padding: 0.2em 0.4em;

	border: 1px solid #000;

}



#text table th {

	padding: 0.2em 0.4em;

	border: 1px solid #000;

}



#text table td.thick {

	border-bottom: 2px solid #000;

}



#text table td.nob {

	border: 0;

	padding-top: 1em;

	font-weight: bold;

}



.aktualita {

	padding: 1em;

}



.aktualita_inner {

}



.aktualita h3 {

	width: 80%;

	margin-top: 0;

}



.aktualita img {

	float: left;

	margin: 0.5em;

	border: 1px solid #000;

}



.aktualita p.info {

	font-size: 80%;

	color: #c60;

	border-bottom: 1px solid #c60;

	margin-bottom: 0;

}



ul.documents li {

	list-style-type: none;

	margin: 0.8em 0;

}



ul#links li {

	margin: 0.8em 0;

}



ul#galleries li {

	list-style: url(../images/directory.gif);

	margin: 0.8em 0.2em;

	padding: 0 0.5em;

	vertical-align: middle;

}



#cards {

	width: 95%;

	margin-left: 0.5em;

	margin: 0 auto;

}



.card {

	overflow: auto;

	height: 170px;

	width: 130px;

	text-align: center;

	float: left;

	margin: 15px 0 0 0;

	font-size: 80%;

}



p.note {

	font-size: 80%;

}



dt {

	font-weight: bold;

	margin-left: 0.5em;

	margin-right: 0.5em;

	float: left;

}



dd {

	margin-bottom: 1em;

}



p#uvod {

	margin-top: 2em;

	margin-bottom: 1em;

}



pre {

	font-size: 100%;

}



label {

	width: 140px;

	background-color: #ddd;

	padding: 4px;

	margin-right: 6px;

	text-align: right;

	vertical-align: top;

	display: block;

	float: left;

}



.submit {

	padding-left: 154px;

}



#fond {

	padding-top: 6px;

	font-size: 80%;

	padding-bottom: 6px;

	width: 90%;

	margin-left: 10px;

	text-align: center;

	line-height: 120%;

}



#podani .txt {

	width: 240px;

}



#podani textarea {

	width: 240px;

}



#podani .error {

	margin-left: 160px;

	color: #f00;

	font-weight: bold;

}



#galleries {

	width: 100%;

}



.galerie, .card {

	width: 240px;

	border: 1px solid #ccc;

	height: 190px;

	margin: 0 10px 10px 0;

	padding: 6px 0 0 6px;

	text-align: center;

	float: left;

}



.galerie img, .card img {

	border: 1px solid #000;

}



#text .galerie h3 {

	margin: 0 8px 8px 8px;

}



#text .card {

	height: 150px;

	width: 150px;

}



#text .card p {

	margin: 0;

	line-height: 110%;

}



.tright {

	text-align: right;

}