/* html {height: 100%; font-size: 62.5%;} 16 px Ă— 62,5 % = 10 px */
 html {height: 100%; font-size: 80%;} /* 16 px Ă— 80 % = 12,8 px */

body  	{
    height: 100%;
    font-family: Arial, Helvetica, sans-serif; 
    font-size:	1em;
	text-align: center;
 	color: #000000;    
  background:#e6f1f3 url('images/bunka.jpg') repeat-x left top; 
 }
	
a			 { text-decoration: none; color: #000080;}	
a:link       { color: #000000;  }
a:hover      { color: #0000FF; }
a:visited 	{ color: #000000;  }
a:active	{ color: #0000FF; }
a:focus		{ color: #0000FF; }

#page {
    background: #ffffff;
 	color: #000000;    
	width: 1120px;
    text-align: center;
	height: auto;
 	margin: auto; 
 	font-size:	100%;
	font-weight:	500;
	font-style:	normal;

 }
 
.leva {
    position: relative; 
    text-align:justify;
    float: left;
    width: 48%;
    height:auto;
     margin-left: 1%; 
     margin-right: 1%; 
}
.leva a { text-decoration: underline; color: #000080;}	
.leva a:link { color: #000080;  }
.leva a:hover      { color: #0000FF; }
.leva a:visited { color: #000080;  }
.leva a:active      { color: #000080; }
.leva a:focus      { color: #000080; }

.prava {
    position: relative; 
    float: right;
    height:auto;
    margin-left: 3%; 
     margin-right: 2%; 
    width:45%;
}

.skryj {
     position:absolute;
     top:-1000px;
     left:-1000px;
     width:1px;
     height:1px;
     overflow:hidden;
}

#hlavicka {
	background: url('images/hlavicka.jpg') no-repeat center;
   height: 192px; 
	width: 100%;
 /* clear: both;*/
}

#menu {
  	font-size:	80%; 
font-weight: bolder;
	font-style:	normal;
	width: 100%;
    height: 21px;  
}

#Menu li {
	list-style-type:none;
}
#Menu ul {
    margin-left: 0;
    padding-left: 0;
}
.menuItem1 {
	float:left;
	display:block;
	border-right:solid 1px #000000;
    margin-left: 0;
    padding-right: 10px;
}
.menuItem {
	float:left;
	display:block;
	border-right:solid 1px #000000;
    margin-left: 10px;
    padding-right: 10px;
}
.menuItemMS {
	float:left;
	display:block;
    margin-left: 10px;
    padding-right: 0px;
}

#nav {
	width: 100%;
	background-color: #80b2bd; 
	
	height: 30px;   
	font-size:120%; 
	font-style:	normal;
	vertical-align: middle; 
    color: #ffffff;    
}

.tdg1{	
    width: 50%;
    text-align: left;
    float: left;
	margin: 5px; 
   height: auto;
	vertical-align: middle; 
    color: #ffffff;    
}
.tdg1 a			 { text-decoration:none; color: #000080;}	
.tdg1 a:link       { color: #ffffff; }
.tdg1 a:hover      { color: #ffffff; }
.tdg1 a:visited 	{ color: #ffffff; }
.tdg1 a:active      { color: #ffffff; }
.tdg1 a:focus      { color: #ffffff; }

.tdg2{	
    width: 48%;
    float: right;
    text-align: right;
	margin-top: 2px; 
    margin-right: 5px;
    height: auto;
	vertical-align: middle; 
    color: #ffffff;    
}
.stform{
	border:1px solid #FF6600; 
	background-color:#FF9e50; 
     font-size:80%;
     color:#FFFFFF; 
     font-weight:bold; 
     padding-left:4px; 
     padding-right:4px; 
     padding-top:1px; 
     padding-bottom:1px;
 /*    width:22%;*/
}


#google_translate_element
{
position:relative;
    float: left;
 	text-align:left;
   font-size: 110%;
     font-weight:normal; 
 border:1px solid #80b2bd; 
    width: 137px;
}
.paticka {
	clear: both;
    text-align: center;
    width: 100%;
  	font-size:	90%; 
}
.cleaner {clear: both;}

 .cara100 {
 	background-color: #80b2bd;
  	color: #80b2bd;
width:100%; 
  border: 0px; 
  text-align: center; 
  height: 1px;
  clear: both;
  }
  .cara {
 	background-color: #80b2bd;
  color: #80b2bd;
  width:70%; 
  border: 0px; 
  text-align: center; 
  height: 1px;
  clear: both;
  }
  
  .napis2 { font-size:100%; 
	margin-top: 10px; 
	width:100%; 
  	text-align: left; 
	margin-bottom: 5px;
	padding-left:5px;
	padding-right:5px;
	list-style-type:none;
	line-height:25px;
	font-weight:bolder;
 	color:#000000;
 	text-decoration:none;
}
.napis2 a			 { text-decoration:none; color: #000000;}	
.napis2 a:link       { color: #000000;text-decoration:none; }
.napis2 a:hover      { color: #000000; text-decoration:none;}
.napis2 a:visited 	{ color: #000000;text-decoration:none; }
.napis2 a:active      { color: #000000; text-decoration:none;}
.napis2 a:focus      { color: #000000; text-decoration:none;}

 .napis { font-size:100%; 
  background:#80B2bd;
	margin-top: 10px; 
	margin-left: 20%; 
	width:60%; 
 	color:#FFFFFF;
	margin-bottom: 5px;
font-weight: bolder;
 	}
.napis a			 { text-decoration:none; color: #000080;}	
.napis a:link       { color: #ffffff; }
.napis a:hover      { color: #ffffff; }
.napis a:visited 	{ color: #ffffff; }
.napis a:active      { color: #ffffff; }
.napis a:focus      { color: #ffffff; }
 	
h1 { font-size:150%; 
	font-weight: bolder;
}
h1 a {text-decoration:none;}		

h2 { font-size:120%; 
	color: #ff6600;
}
/*h2 a {text-decoration:none;  color: #ff6600;}	
h2 a:link {color:#ff6600;}	
h2 a:hover {color:#ff6600;}	
h2 a:focus	{ color: #ff6600;  }
h2 a:active	{ color: #ff6600;  }
*/

	
h3 { font-size:110%; 
	 }
	
h4 {     
  	font-size:	80%; 
	font-weight: bolder;
}


.pismo8 { font-size: 80%; }
.pismo10 { font-size: 110%; }
.pismo20 { font-size: 120%; }
.blacktext { color: #000000;}
.bluetext { color: #000080;}
.darkbluetext{ color: #333366;}
.vetsitext { font-size: larger;}
.boldtext { font-weight: bolder;}
.redtext { color: #C0000E;}
.sedytext { color: #bdbdbd;}
.greentext { color: #00ff00;}
.orangetext { color: #ff6600;}
.bilytext { color: #ffffff;}
.italic   {font-style:	italic;}
.nastred {text-align: center;}
.nalevo {text-align: left;}
.napravo {text-align: right;}
.blok {text-align: justify;}
.non {display:none;}
.textu {text-decoration: underline;}
.ramorange  {border:solid 2px #FF6600; 
			padding-left: 10px;
			}
.vice  {font-style:	italic;
		 font-weight: bolder;
		 color:#ff6600;
		 text-decoration:underline;
		}
.podpis{font-style:	italic;
		 font-weight: bold;
		 color:#333366;
		}
.obsah {
    margin-left: 25%; 
   text-align: justify;
}
.obsah a { text-decoration: underline; color: #000080;}	
.obsah a:link { color: #000080;  }
.obsah a:hover      { color: #000080; }
.obsah a:visited { color: #000080;  }
.clanky a:active      { color: #000080; }
.clanky a:focus      { color: #000080; }

.clanky {
    text-align:justify;
     margin-left: 5%; 
     margin-right: 5%; 
}
.clanky a { text-decoration: underline; color: #000080;}	
.clanky a:link { color: #000080;  }
.clanky a:hover      { color: #000080; }
.clanky a:visited { color: #000080;  } 
.clanky a:active      { color: #000080; }
.clanky a:focus      { color: #000080; }

.kontakt {
    width: 100%;
    height:auto;
     margin-left: 1%; 
     margin-right: 1%; 
}

.seznam20 {line-height:20px;}