/* CSS Document */


body {font-family: Arial CE, Geneva CE, sans-serif; background: silver; text-align: center; color:#3C3C3C; behavior:url(csshover.htc);}  
*{margin:0; padding:0;}

a:link   {color: black; text-decoration: underline}
a:visited   {color: black; text-decoration: none}
a:active  {color: black; text-decoration: none}
a:hover  {color: #3C3C3C; text-decoration: none}
a.menus { display: block ; width: auto; text-align: center; float: left ; margin: 6px 8px 6px 8px; font-size: 13px; text-decoration: none; font-weight: bold;}
a.kontakt {text-decoration: underline}
a.kontakt:visited  {text-decoration: underline}
br.zalom {clear:both}
div.home { color: black; width: auto; text-align: center;  float: left; margin: 6px 8px 6px 8px; font-size: 14px; text-decoration: underline; font-weight: bold;}
div.hornip {width: 1000px;  height: 10px; margin-left: auto; margin-right: auto; background-color: silver;}
div.stranka {width: 1000px;  height: 790px; margin-left: auto; margin-right: auto; background-color: white; text-decoration: none;}
div.dolni {width: 1000px;  height: 12px; margin-left: auto; margin-right: auto; background-color: white; text-decoration: none;}
div.text {padding: 5px 60px 5px 60px; clear: both; text-align: justify; font-size: 12px; clear: both; overflow: auto; max-height:580px}
div.linka {width:990px; height: 2px; background-color: navy; clear: both ; font-size: 0px ; text-align: center; margin: 0px 2px 0px 2px;}
div.prouzek{width:990px; height: 5px; background-color: white; clear: both ; font-size: 0px ; text-align: center; margin: 0px 2px 0px 2px;}
img.tit1 {height:132px; float:left; margin: 0 9px 0 9px; text-align: center;}
img.tit2 {height:128px; float:left; margin: 0 9px 0 0px; text-align: center; border: 1px solid ; border-color: navy;}
img.galery {width:200px; border: 1px solid #3C3C3C; text-align: left;}


td.odd {background-color: navy; height: 2px; padding: 0px 0px 0px 0px; font-size: 2px; border: 0px 0px 0px 0px;}
label.popis {float:left; margin:5px 10px 5px 10px; width:100px; height:20px;}
label.popis2 {float:left; margin:5px 10px 5px 10px; width:100px; height:60px;}
div.radio2   {float:left; margin:10px 10px 10px 10px; width:160px; height:10px;}
input.radio1 {float:left; margin:5px 10px 5px 10px; width:10px; height:10px;}
input.file1  {float:left; margin:10px 10px 10px 10px; width:600px; height:20px;}
input.submit1 {font-size:20px; font-weight: bold; width:250px; height:30px; margin-bottom:30px; color:navy}
textarea.vypln1 {float:left; margin:5px 20px 5px 20px; width:700px; height:25px; font-size:14px;}
textarea.vypln2 {float:left; margin:5px 20px 5px 20px; width:700px; height:100px; font-size:14px;}
textarea.vypln3 {float:left; margin:5px 20px 5px 20px; width:280px; height:18px; font-size:14px;}
button.but {font-size:20px; font-weight: bold; width:250px; height:30px; margin-bottom:30px; color:navy}
div.galeria {height:425px; width:250px; margin: 0 0 20px 0; float: left; text-align: left;}
div.popisek {height:50px; width:200px; padding: 5px 50px 15px 0; float: left; text-align: left;}
div.mezera {width:500px; height:30px; float:none;}

div.nadpis {color: navy; width: auto; text-align: left;  margin: 10px 0px 15px 0px; font-size: 16px; text-decoration: none; font-weight: bold; float: none}
div.nadpis2 {color: #3C3C3C; width: auto; text-align: left;  margin: 30px 0px 5px 0px; font-size: 16px; text-decoration: none; font-weight: bold; float: none}
div.odstavec {text-align: justify;  margin: 0px 0px 14px 0px; font-size: 14px; letter-spacing: 1px; line-height: 18px; float: none;}
div.odstavec2 {text-align: justify;  margin: 0px 0px 14px 0px; font-size: 14px; letter-spacing: 1px; line-height: 18px; float: none; border-bottom: 1px solid black;}
li.nabidka {text-align: justify;  margin: 0px 0px 9px 15px; font-size: 14px; letter-spacing: 1px; line-height: 18px; float: none;} 
div.odskok {margin: 0 0 25px 0} 
div.kontakty {width: 350px; margin: 5px 60px 20px 80px; float: left; text-align: justify; font-size: 12px; letter-spacing: 1px; line-height: 18px;} 	
div.dalsi {width:45%; color: #3C3C3C; font-family: 'Arial', 'Geneva CE', sans-serif; font-size: 12px; font-weight: bold; text-align: right; letter-spacing: 1px; line-height: 18px; float:left;}
div.predch {width:45%; color: #3C3C3C; font-family: 'Arial', 'Geneva CE', sans-serif; font-size: 12px; font-weight: bold; text-align: left; letter-spacing: 1px; line-height: 18px; float:left;}
big.purple {color: maroon; font-weight: bold; }
	div.rozbal {
		width:auto; 	
		float:left; 
    text-align: center;
    border-top:1px solid white;	
		border-bottom:1px solid white;
    font-size:16px;
    font-weight:bold;	
		background-color:white; 
		margin-top:5px;
    margin-left:10px; 
	}
	div.rozbal ul {
    margin:0 0 0 10px;
    text-align:left
	}
	div.rozbal ul:hover {
     /*background-color:white; */
  }
  div.rozbal li {
		float:left;	
		position:relative; 
		/*width:150px;  */
    list-style-type:none;	
		background-color:white; 
		border-right:1px solid white;
    padding: 0px 0px 0px 0px; 
	}
	

  
  div.rozbal li:first-child {
		border-left:1px solid white; 
	}
	div.rozbal li:hover { 
		color: green;
    background-color: gray; 
	}
	div.rozbal a {
		display:block; 
		padding:0 12px; 
		text-decoration:none;	 
		color:navy;	
	}
	div.rozbal a:hover {
		color:navy;
	}
	div.rozbal ul li ul {
		margin:0; 
		position:absolute; 
		
    width:10em; 
		left:-1px; 
	}
	div.rozbal ul li ul li {
		width:100%; 
		/*width:150px;*/
    border-left:1px solid #D3D3D3; 
		border-bottom:1px solid #D3D3D3;
		background-color: white;
    border-right:1px solid #D3D3D3;
		padding:12px 0px 1px 0px;
	}
	div.rozbal ul li ul li:first-child {
		border-top:1px solid #D3D3D3; 
	}
	div.rozbal ul li ul {display:none;} 
	div.rozbal ul li:hover ul {display:block; } 
	body div.rozbal ul li ul li ul  {
		visibility:hidden; 
		top:-1px;
		left:10em;
		width:12em;
	}
	div.rozbal ul li ul li:hover ul {visibility:visible;} 
	div.rozbal ul li ul li:hover ul li ul {display:none;} 
	div.rozbal ul li ul li ul li:hover ul {display:block; } 
	* html div.rozbal ul {
		float:left; 
		border-left:1px solid #000; 
		margin-left:15px; 
	}
	* html  div.rozbal ul li ul {
		border-top:1px solid white;
		border-left:0px; 
	}
	* html  div.rozbal ul li ul li ul { 
	  left:9.85em; 
	  voice-family: "\"}\""; 
	  voice-family:inherit;
	  left:10em;
	 }
	html>body div.rozbal ul li ul li ul {
	  top:-1px;
	  left:10em;
	
	}
  @media all and (min-width: 0px){
	   body div.rozbal ul li ul {padding-bottom:70px;}
	   body div.rozbal ul li ul li ul {padding-bottom:22px;}
	   body div.rozbal ul li ul li ul li ul li:hover {visibility:visible;} 
	}

  #C2F4A2