@charset "utf-8";
/* CSS Document */

#mainMenuDiv {
	clear: both;
	width: 948px;
	margin: auto;
	margin-bottom: 0px;
	padding: 0px;
	color: #F4B464;
	border: 1px solid #CF480E;
}

ul#mainMenu {
	width: 915px;
	height: 20px;
	margin: auto;
	padding: 0;
	list-style-type: none;
	margin-top: 1px;
	/* border: 1px solid green; */
}
	
ul#mainMenu li {
	float:left; 
	padding:0px;
	margin:0px;
	margin-right: 4px;
	margin-left: 4px;
}

ul#mainMenu a {
	height: 20px;
	*height: 18px;
	_height: auto;
	font-weight: normal;
	display: block;
  	color: white; /* barva fontu menu */
	padding:0;
	margin:0;
	padding-left: 0px;
	padding-bottom: 0px;
	text-decoration:none;
	/* border: 1px solid #333333;  */
}
	
ul#mainMenu ul a {
	height: 20px;
	_height: auto;
	display: block;
	border-bottom: 1px solid white; /* barva podtrující položky menu, IE7 bohužel nedotahuje do konce */
	padding:0;
	margin:0;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 4px;
	padding-bottom: 3px;
}

ul#mainMenu ul a:hover {
  	color: #FFFF99; /* barva fontu při nájezdu myší menu */
	background-color: #92320A;  /* barva rollover buňky menu */
}
	
ul#mainMenu ul {
    width: 150px;  /* šířka buněk submenu je v IE7 bohužel rozdílná, možno ji nastavit fixně */
	padding:0;
	margin:0;
	margin-left: -17px;
	list-style-type:none;
	position:absolute;
	visibility:hidden;
	border-bottom:1px solid white; /* barva ukončující celé menu */
	background-color: #CF480E;
}
	
ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{
	visibility:visible;
}
	
ul#mainMenu li li {
	float:none;
	border:none;
	padding:0;
	margin:0;
	_margin-bottom:-17px; /* IE 6 odskakování položek v submenu */ 
}
		
/* Protože IE nedodržuje CSS standardy, aby bylo řešení funkční, použijeme tento *.htc soubor */
	
ul#mainMenu li {
	behavior: url(hover.htc); 
}