BODY {
	 text-align: center;
	font-family: Tahoma, Verdana, Helvetica, Geneva, Arial;
	font-size: 12px;
	background: #E3EBF0;
   color: #50616D;

	}
	
  hr {
height: 0px;
border-top: 1px solid rgb(144,144,144);
}	

	td {
	font-family: Tahoma, Verdana, Helvetica, Geneva, Arial;
	font-size: 12px;
  	padding: 4px;
	text-align: left;
  }
	
	input, option, select {
  width: 220px;
  }
  
  
	A:link {
	font-family: Tahoma, Verdana, Helvetica, Geneva, Arial;
	color:  #6D879A;
}
A:visited {
	font-family: Tahoma, Verdana, Helvetica, Geneva, Arial;
	color:  #6D879A;
}
A:hover {
	font-family: Tahoma, Verdana, Helvetica, Geneva, Arial;
	color:  #000000;
}

.text1 {
	padding: 15px;
	text-align: justify;
}
.nadpis1 {
	padding: 10px;
	text-align: justify;
  font-weight: bolder;
  }
 


ul.icm li {
margin: 2px 5px 2px 25px;
list-style-type: disc;
color:  #6D879A;
}


.odst1 {
padding: 10px;
text-align: justify;
color: rgb(48,48,48);
}
.odst1 h2 {
background: url(img/li-modra.gif) no-repeat;
padding-left: 25px;
margin: 10px 10px 10px 10px;
font-size: 13px;
font-weight: bold;
color: rgb(48,48,48);
}  
.odst2 {
padding: 10px;
text-align: justify;
color: #0A6808;
}
.odst2 h2 {
background: url(img/li-zelena.gif) no-repeat;
padding-left: 25px;
margin: 10px 10px 10px 10px;
color: #0A6808;
font-size: 13px;
font-weight: bold;
}  

.odst3 {
padding: 10px;
text-align: justify;
color: #8C0F0F;	 
}
.odst3 h2 {
background: url(img/li-cervena.gif) no-repeat;
padding-left: 25px;
margin: 10px 10px 10px 10px;
color: #8C0F0F;
font-size: 13px;
font-weight: bold;
} 
	

	
.ram {
position: relative;
margin-left: auto;
margin-right: auto;
text-align: left;
border-style: solid;
border-width: 0px; 
border-color: #000000;
width: 760px;

	}
	
	.lh {
		position: absolute;
		left: 0px;
		top: 0px;
		 background: url(img/lh.jpg);
       width: 66px;
		 height:  134px;
	}
	
	.logo {
		position: absolute;
		left: 66px;
		top: 0px;
      width: 174px;
		height: 134px;
	}
	
	.horni-menu {
		position: absolute;
		left: 240px;
		top: 0px;
      width: 520px;
		height: 134px;
		background: url(img/horni-menu-poz.jpg);
	}
	
	
	.leve-menu-0 {
		position: absolute;
		left: 0px;
		top:  134px;
		width: 209px;
		height: 58px;
		background: url(img/leve-menu-0.jpg);
	}
	.leve-menu-1 {
		position: absolute;
		left: 0px;
		top: 192px;
	}
	
	.leve-menu-1 A:link {
		  position: absolute;
		background: url(img/menu-l1-off.jpg);
		background-repeat: no-repeat;
		  width: 209px;
		height: 65px;
	}
	.leve-menu-1 A:visited {
		  position: absolute;
		background: url(img/menu-l1-off.jpg);
		background-repeat: no-repeat;
		  width: 209px;
		height: 65px;
	}
	.leve-menu-1 A:hover {
		  position: absolute;
		background-position: -209px 0;
		background-repeat: no-repeat;
		  width:  209px;
		height: 65px;
	}
	.leve-menu-2 {
		position: absolute;
		left: 0px;
		top: 257px;
	}
	
		.leve-menu-2 A:link {
		  position: absolute;
		background: url(img/menu-l2-off.jpg);
		background-repeat: no-repeat;
		  width: 209px;
		height: 58px;
	}
	
	.leve-menu-2 A:visited {
		  position: absolute;
		background: url(img/menu-l2-off.jpg);
		background-repeat: no-repeat;
		  width: 209px;
		height: 58px;
	}
	
	.leve-menu-2 A:hover {
		  position: absolute;
		background-position: -209px 0;
		background-repeat: no-repeat;
		  width: 209px;
		height: 58px;
	}
	
	.leve-menu-3 {
		position: absolute;
		left: 0px;
		top: 315px;
	}
	
		.leve-menu-3 A:link {
		position: absolute;
		background: url(img/menu-l3-off.jpg);
		background-repeat: no-repeat;
	  width: 209px;
		height: 60px;
	}
	
		.leve-menu-3 A:visited {
		position: absolute;
		background: url(img/menu-l3-off.jpg);
		background-repeat: no-repeat;
	  width: 209px;
		height: 60px;
	}
	
		.leve-menu-3 A:hover {
		position: absolute;
		background-position: -209px 0;
		background-repeat: no-repeat;
	  width: 209px;
		height: 60px;
	}
	
	.leve-menu-4 {
		position: absolute;
		left: 0px;
		top: 375px;
	}
	
			.leve-menu-4 A:link {
		position: absolute;
		background: url(img/menu-l4-off.jpg);
		background-repeat: no-repeat;
	  width: 209px;
		height: 56px;
	}
			.leve-menu-4 A:visited {
		position: absolute;
		background: url(img/menu-l4-off.jpg);
		background-repeat: no-repeat;
	  width: 209px;
		height: 56px;
	}
			.leve-menu-4 A:hover {
		position: absolute;
		background-position: -209px 0;
		background-repeat: no-repeat;
	  width: 209px;
		height: 56px;
	}
	
	.leve-menu-5 {
		position: absolute;
		left: 0px;
		top: 431px;
	}
	
			.leve-menu-5 A:link {
		position: absolute;
		background: url(img/menu-l5-off.jpg);
		background-repeat: no-repeat;
	  width: 209px;
		height: 56px;
	}
			.leve-menu-5 A:visited {
		position: absolute;
		background: url(img/menu-l5-off.jpg);
		background-repeat: no-repeat;
	  width: 209px;
		height: 56px;
	}
			.leve-menu-5 A:hover {
		position: absolute;
		background-position: -209px 0;
		background-repeat: no-repeat;
	  width: 209px;
		height: 56px;
	}
	
	.leve-menu-6 {
		position: absolute;
		left: 0px;
		top: 487px;
	}
	
			.leve-menu-6 A:link {
		position: absolute;
		background: url(img/menu-l6-off.jpg);
		background-repeat: no-repeat;
	  width: 209px;
		height: 54px;
	}
			.leve-menu-6 A:visited {
		position: absolute;
		background: url(img/menu-l6-off.jpg);
		background-repeat: no-repeat;
	  width: 209px;
		height: 54px;
	}
			.leve-menu-6 A:hover {
		position: absolute;
		background-position: -209px 0;
		background-repeat: no-repeat;
	  width: 209px;
		height: 54px;
	}
	
	.leve-menu-8 {
		position: absolute;
		left: 0px;
		top: 541px;
	}
	
			.leve-menu-8 A:link {
		position: absolute;
		background: url(img/menu-l7-off.jpg);
		background-repeat: no-repeat;
	  width: 209px;
		height: 54px;
	}
			.leve-menu-8 A:visited {
		position: absolute;
		background: url(img/menu-l7-off.jpg);
		background-repeat: no-repeat;
	  width: 209px;
		height: 54px;
	}
			.leve-menu-8 A:hover {
		position: absolute;
		background-position: -209px 0;
		background-repeat: no-repeat;
	  width: 209px;
		height: 54px;
	}
	
	.leve-menu-7 {
		position: absolute;
		left: 0px;
		top: 595px;
		width: 209px;
		height: 106px;
		background: url(img/menu-bottom.jpg);
	}
	
	.lista1  {
 	position: absolute;
	top:  134px;
	left: 209px;
	width: 550px;
	height: 93px;
	background: url(img/lista1.jpg);
 }
 .lista2  {
 	position: absolute;
	top: 227px;
	left: 210px;
	width: 550px;
	height: 30px;
	background: url(img/lista2.jpg);
 }
 
 .pozadi-loga {
 	position: absolute;
	top: 257px;
	right: 0px;
	width: 112px;
	height: 293px;
	background: url(img/pozadi-loga.jpg);
 	}
	
	.obsah {
		position: absolute;
		left: 210px;
		top: 257px;
		
	}
	
	.obsah-svetly {
		float: left;
		width: 548px;
		background: #EDF7FF;
		display: inline;
		}
		
		.obsah-tmavy {
		float: left;
		width: 530px;
		background: #B7E1FF;
		margin-left: 18px;
		padding-bottom: 10px;
		display: inline;
		}
		
		.telo {
		   height:expression(document.body.clientHeight > 440? "440px": "auto" );
		 min-height: 440px; 
		float: left;
		width: 406px;
		background: #EDF7FF;
		margin-left: 8px;
	   padding-bottom: 20px;
 display: inline;
		 
		}
		
		.telo-odsaz {
		  
		 padding-left: 10px;
			padding-right: 10px;
		}
		
		.kytka {

	position: absolute;
	 
		left: 433px;
		bottom: 0px;
		background: url(img/kytka.jpg);
		width: 109px;
		height: 163px;
		}
		
		.cop {
		position: absolute;
	 
		left: 255px;
		bottom: -20px;
		font-size: 10px;
	  height: 18px;
		}
		
		.kolecko-ddm {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-ddm.jpg);
			width: 68px;
			height: 72px;
		}
	
		.kolecko-fotak {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-fotak.jpg);
			width: 68px;
			height: 72px;
		}
		.kolecko-muzy {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-muzy.jpg);
			width: 68px;
			height: 72px;
		}
		.kolecko-notes {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-notes.jpg);
			width: 68px;
			height: 72px;
		}
		.kolecko-obalka {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-obalka.jpg);
			width: 68px;
			height: 72px;
		}
		.kolecko-technicke {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-pc.jpg);
			width: 68px;
			height: 72px;
		}
		.kolecko-pohar {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-pohar.jpg);
			width: 68px;
			height: 72px;
		}
		.kolecko-prirodovedne {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-ptak.jpg);
			width: 68px;
			height: 72px;
		}
		.kolecko-sport {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-sport.jpg);
			width: 68px;
			height: 72px;
		}
		.kolecko-stany {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-stany.jpg);
			width: 68px;
			height: 72px;
		}
		
	.kolecko-tlampac {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-tlampac.jpg);
			width: 68px;
			height: 72px;
		}
		
			.kolecko-vytvarne {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-vytvarne.jpg);
			width: 68px;
			height: 72px;
		}
		
			.kolecko-tanecni {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-tanecni.jpg);
			width: 68px;
			height: 72px;
		}
		
			.kolecko-kurzy {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-spoluprace.jpg);
			width: 68px;
			height: 72px;
		}
		
			.kolecko-kluby {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-kluby.jpg);
			width: 68px;
			height: 72px;
		}
				.kolecko-dokumenty {
			position: absolute;
			left: 72px;
			top: 21px;
			background: url(img/kolecko-dokumenty.jpg);
			width: 68px;
			height: 72px;
		}	
		.logo-cim {
			position: absolute;
			top: 8px;
			left: 15px;
		}	
		
		.logo-focus {
			position: absolute;
			top: 65px;
			left: 10px;
		}
		
		.logo-assk {
			position: absolute;
			top: 102px;
			left: 18px;
			}
		
		.logo-help {
			position: absolute;
			top: 198px;
			left: 18px;
			}
		
		
.telo-odsaz   a img { filter: gray; border: solid; border-width: 3px; border-color: #B5B5B5; }
.telo-odsaz   a:link img { filter: gray; border: solid; border-width: 3px; border-color: #B5B5B5; }
.telo-odsaz   a:visited img { filter: gray; border: solid; border-width: 3px; border-color: #B5B5B5; }

.odst1 a:hover img { filter: none; border: solid; border-width: 3px; border-color: #6F00FF;  }
.odst2 a:hover img { filter: none; border: solid; border-width: 3px; border-color: #0DB300;  }	
.odst3 a:hover img { filter: none; border: solid; border-width: 3px; border-color: #8C0F0F;  }

.text1   a img { filter: none; border: solid; border-width: 3px; border-color: #B5B5B5; }
.text1   a:link img { filter: none; border: solid; border-width: 3px; border-color: #B5B5B5; }
.text1   a:visited img { filter: none; border: solid; border-width: 3px; border-color: #B5B5B5; }
.text1   a:hover img { filter: none; border: solid; border-width: 3px; border-color: #0DB300; }

ul#mainMenu  {
   text-align: left;
	  
		
	}

ul#mainMenu, ul  {
    color:000000;
		padding:0;
		margin:0;
		list-style-type:none;
		
	}
	ul#mainMenu ul {
		margin-top:0px;

	}
	
	ul#mainMenu li {
		float:left; 
		font-size: 14px;
		 width: 252px;
		 height: 25px;
		 
		 
	}
	
	ul#mainMenu a {
	 color: #950B00;
	 display:block;
height: 20px;
	 text-decoration: none;
	 font-size: 13px;
	 padding-bottom: 3px;
	
	 
	}
	
	
	ul#mainMenu ul a {
		padding-bottom: 1px;
		height: 20px;
			 
	}
	
	ul#mainMenu ul a:hover {
	  color: #1C1160;
	 height: 20px;
		text-decoration: underline;
		 padding-bottom: 1px;
	 
		 
		
	}
	
	ul#mainMenu ul {
		position:absolute;
		visibility:hidden;
		margin-bottom: 0px;
		background-color:fff;
		 padding: 5px;
	
		  border: solid 1px red;
	}
	
	ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{
		visibility:visible;
		 
	}
	 
	ul#mainMenu li li {
		float:none;
		border:none;
		padding:0;
		 
	}
		
	ul#mainMenu li {
		behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
	}

	
		ul#mainMenu li li img {
		
		border:none;
		
	}
	
	.krouz {
		font-weight: bold;
		color: red;
		
	}
	
	
	.horni-menu-poloha {
		position: absolute;
		top: 33px;
		left: 20px;
		text-align: center;
	}
	.online {
		position: absolute;
		bottom: 5px;
		right: 120px;
	}
	
	.icm-panaci {
  float: right;
  margin-right: 25px;
  }
.text-kontakty {
	padding: 15px;
	text-align: left;
}
.obsazeno {
color: red;
}
.volno {
color: green;
}




h1 {
font-size: 13px;
color: #0A6808;
margin: 0px auto 5px 15px;
}
h2 {
font-size: 11px;
font-weight: normal;
color: gray;
margin: 0px auto 0px 15px;
}
h3 {
font-size: 13px;
color: rgb(242,103,19);
margin-bottom: 0px;
}



.krouzky {
width: 370px;
margin-left: 15px;
margin-bottom: 15px;
}
.krouzky td {
border: 1px solid rgb(215,215,215);
padding: 3px;
font-size: 11px;
}
td.predel {
border: none;
}

.right {
text-align: right;
margin-right: 15px;
font-size: 11px;
}

ul.obs {
position: relative;
margin-left: 15px;
margin-bottom: 15px;
}
ul.obs li {
position: relative;
margin: 10px 3px 10px 3px;
list-style-type: circle;
color: #50616D;
font-size: 11px;
}


.fotogr td {
width: 160px;
text-align: center;
}