﻿body 
	{
		color: #006600; 
		background-color: #ffffcc; 
		font-family: Comic Sans MS;
		margin:0px;
		padding:0px;
		text-align: center;
	}
.body2 {
	background-color: #dddddd;}	
img 
	{
		border-width:0px;
		border-style:none;  
	}
p 
	{
		font-family: Comic Sans MS; 
		color: #006600; 
		font-size:15px;
		font-weight:bold;
		text-align:center;
	}

.divZbrane
	{
		text-align: center;  
		padding:20px;
	}
.divZbrane table
	{
		border: 1px solid #006600;
		border-collapse:collapse;
		width:50%;
		width:auto;
		text-align:center;
	}
.divZbrane tr
	{
		border: 1px solid #006600;
	}
.divZbrane td
	{
		border: 1px solid #006600;
		padding:5px;
		text-align:left;
	}
	
.divtextleva
{
	margin-left:0px;
	width:1100px;
	margin:auto;
	}		
.divtextleva p 		
{
		font-family: Comic Sans MS; 
		color: #006600; 
		font-size:15px;
		font-weight:bold;
		text-align:left;
		
	}				

.divleft
{
	margin-left:30px;
	width:40%;
	min-width:350px;
	
	
	}		
.divleft p 		
{
		font-family: Comic Sans MS; 
		color: #006600; 
		font-size:15px;
		font-weight:bold;
		text-align:left;
		line-height:5px;
	}	
.divleft h3 
	{
		font-family: Comic Sans MS;
		color: #006600; 
		line-height: 80%; 
		text-align: left;
		font-size:15px;
	}	
#obr{
width: 200px;
height: 100px;
left: 50%;
margin-left: -100px;
}
#obr:hover{
width: 250px;
height: 150px;
margin-left: -125px;
}	
p1 
	{
		font-family: Comic Sans MS; 
		color: #990000; 
		font-size:12px;
		font-weight:bold;
		text-align: left;
	}
h1 
	{
		
		line-height: 150%; 
		font-family: Comic Sans MS; 
		color: #006600; 
		text-align: center;
		font-size:30px;
		
	}	
h2 
	{
		font-family: Comic Sans MS; 
		color: #006600; 
		text-align: center;
		font-size:18px;
		
	}
h3 
	{
		font-family: Comic Sans MS;
		color: #006600; 
		line-height: 80%; 
		text-align: center;
		font-size:15px;
	}
h4 
	{
		font-family: Comic Sans MS;
		color: #006600; 
		text-align: center;
		font-size:15px;
	}	
hr 
	{
		height:1px;
		border: 0;
		background-color:#006600;
	}
a 
	{
		color: #990000; 
		text-decoration:underline;
	}
a:hover 
	{
		text-decoration: none;
		
	}	
		
/*menu*/
.menu3 
	{
		list-style: none; 
		padding: 0; 
		margin: 0; 
		text-align: center; 
		background-color:#006600;
	}
.menu3 li 
	{
		display: inline;
	}
.menu3 a 
	{
		text-decoration: none; 
		border-bottom: 0; 
		color:#ffffff; 
		background: #006600; 
		padding: 5px; 
		display: inline-block; 
		width: 100px; 
		line-height: 20px;
	}
.menu3 a:hover 
	{
		text-decoration: none; 
		border-bottom: 0; 
		background: #ffffcc; 
		color:#006600; 
		padding: 5px; 
		display: inline-block; 
		width: 100px; 
		line-height: 20px;
	}
.fixni-menu 
	{
		position: fixed; 
		left: 0; 
		top: 0; 
		width: 100%; 
		background: #ffffcc; 
		text-align: 
		center; z-index: 1; 
	}     	

.leva {
text-align:left;}
.odsazeni10 {
margin-left:10px;
margin-right:10px;}




#back-top 
	{
		position: fixed;
		margin-bottom:0px;
		bottom: 0px;
		text-align:center;
		text-align:right;
		right:0px;
	}
#back-top a 
	{
		width: 80px;
		display: block;
		text-align: center;
		text-decoration: none;
		color: #fff;
	}
#back-top a:hover 
	{
		color: #006600;
	}
#back-top span 
	{
		width: 80px;
		height: 30px;
		display: block;
		margin-bottom: 0px;
		background: #006600;
	}
#back-top a:hover span 
	{
		background-color: #ffffcc;
	}



.navigace a {border: 0; }
.navigace p {border: 0; }
.navigace h1 { font-size:15px; padding-left:20px; }
.navigace a:hover {background: #006600; color: #ffffcc}

.navigace {width: 200px; }  
.navigace, ul {list-style: none; padding: 0; margin: 0}

.navigace li {display: block; }
.navigace li a {display: block; padding: 4px 10px; color: #ffffff}
.navigace li p {display: block; padding: 4px 10px; color: #006600}
.navigace > li {position: relative; margin-bottom: 0px;   height: 30px; background: #006600}
.navigace > li:hover { z-index: 1}
.navigace > li > a {position: absolute; top: 0; left: 0; width: 180px; line-height: 20px; background: #006600; }
.navigace > li > p {position: absolute; top: 0; left: 0; width: 180px; line-height: 20px; background: #006600; }
.navigace > li:hover > a {z-index: 11}
.navigace li ul {display: none; position: absolute; left: -150px; top: 30px; width: 500px; padding-left: 0px; background: #339933;    z-index: 10}
.navigace li:hover ul {display: block;}

.navigace ul li {display: block; float: left;   }
.navigace ul a {float: left; width: 225px; font-size:12px; line-height:15px;      }
.navigace ul p {float: left; width: 225px; margin:0px;  padding: 4px 0px; font-size:12px; font-weight:normal; line-height:15px;   }
/*.navigace ul p {float: left; width: 320px;  padding: 6px 0px; margin:0px; color:#006600   }*/
.navigace ul a:hover {text-decoration: none; background: #ffffcc; color: #006600} 





.navigaceS a {border: 0; }
.navigaceS p {border: 0; }
.navigaceS h1 { font-size:15px; padding-left:20px; }
.navigaceS a:hover {background: #006600; color: #ffffcc}

.navigaceS {width: 200px; }  
.navigaceS, ul {list-style: none; padding: 0; margin: 0}

.navigaceS li {display: block; }
.navigaceS li a {display: block; padding: 4px 10px; color: #ffffff}
.navigaceS li p {display: block; padding: 4px 10px; color: #006600}
.navigaceS > li {position: relative; margin-bottom: 0px;   height: 30px; background: #006600}
.navigaceS > li:hover { z-index: 1}
.navigaceS > li > a {position: absolute; top: 0; left: 0; width: 180px; line-height: 20px; background: #006600; }
.navigaceS > li > p {position: absolute; top: 0; left: 0; width: 180px; line-height: 20px; background: #006600; }
.navigaceS > li:hover > a {z-index: 11}
.navigaceS li ul {display: none; position: absolute; left:200px;  top: 0px; width: 500px; padding-left: 0px; background: #339933;    z-index: 10}
.navigaceS li:hover ul {display: block;}

.navigaceS ul li {display: block; float: left;   }
.navigaceS ul a {float: left; width: 225px; font-size:12px; line-height:15px;      }
.navigaceS ul p {float: left; width: 225px; margin:0px;  padding: 4px 0px; font-size:12px; font-weight:normal; line-height:15px;   }
/*.navigace ul p {float: left; width: 320px;  padding: 6px 0px; margin:0px; color:#006600   }*/
.navigaceS ul a:hover {text-decoration: none; background: #ffffcc; color: #006600} 


/*
ul > li {
  display: inline-block;
  position: relative;
}
ul > li > a {
  display: block;
  font-family: 'PT Sans', 'sans-serif';
  font-size: 15px;
  color: #38383f;
  line-height: 31px;
  text-align: center;
  padding: 0 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  
}
ul > li:hover > a {
  color: #fff;
  background: #7bae4e;
  
}

ul > li.active > a {
  color: #fff;
  background: #7bae4e;
 
}
ul > li:hover > ul {
  display: block;
}
ul > li ul {
  display: none;
  position: absolute;
  width: 208px;
  left: 0;
  top: 40px;
  z-index: 10;
  background: #7bae4e;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul > li ul:before {
  left: 0;
  top: -10px;
  content: '';
  position: absolute;
  background: url("images/triang.png") no-repeat 25% bottom;
  width: 100%;
  height: 10px;
}
ul > li ul li:first-child > a {
  border-top: 1px solid #FFF;
}
ul > li ul li > a {
  display: block;
  font-family: 'PT Sans', 'sans-serif';
  font-size: 13px;
  color: #fff;
  padding: 8px 13px;
  border-top: 1px solid #91bc6c;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
ul > li ul li > a:hover {
  background: #72a248;
  border-top: 1px solid #72a248;
}



*/