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

body { _behavior: url("stranky/inc/csshover.htc"); }

#menu {	
	position: relative;
	float:left;
	/*background-color:#CCCC00;*/

	width:  300px;
	height: auto;
	top:      0px;/* pozice shora pro ostatní prohlížeče - Mozilla, Firefox, Opera */
	&top:     0px;/* pozice shora pro IE7  (+12px)*/
	_top:     0px;/* pozice shora pro IE6  (+12px) - nutno zachovat toto pořadí! */
	left:      0px;
	padding:    0 0 0 0;
	margin:     -13px 0 0 -40px;

	FONT-SIZE: 80%;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
	color: #F3C000;/*______________________________barva písma MENU______*/
	
	font-family: Arial, Helvetica, sans-serif;
}
#menu ul a, #menu ul a:visited, #menu ul span {
	width:   220px;
	padding: 4px 0 6px 0;
	margin:      0;
	COLOR: #F3C000;
	
	display:       block;
	text-decoration:none;
}
#menu ul a:hover {
 	COLOR: #FFFFFF;
}


	
/* menu 1. urovne */
#menu ul { 
	list-style-type: none;
}
	
#menu ul li { float: left;  /*float:left____!!!!! */

	width:        220px;	
	position: relative;
	text-align: left;
	
	padding-right:  25px;
	padding-bottom:  0px;
	padding-left:   25px;
	padding-top:     0px;
	
	
	background-image:  url(../images/menu-out.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
	
	/*border-right: 1px solid  #FFDDCC;*/
	border-bottom: 1px solid #C6A10C;
}
#menu ul li:hover   { 
	color: #F3C000;
	/*background-color: #996633;*/
	
	background-image:  url(../images/menu-in.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu ul li:hover a  { 
 	COLOR: #FFffff;
}

/* submenu */
#menu ul li ul {
	visibility: hidden;
 	COLOR: #F3C000;*/
	/*background-color: #CBAE83;*/
	FONT-SIZE: 100%;
	height: auto;
	text-align: left;
	letter-spacing:0px;
	
	position: absolute;
	left:   270px;
	top:    -1px;
	width:         270px;/* šířka pro všechny NORMÁLNÍ prohlížeče - Mozilla, Firefox, Opera */
	_width:        250px;/* šířka pro z......j IE6 - nutno zachovat toto pořadí! */
	
	border-top:    #C6A10C 1px solid;
	border-right:  #C6A10C 1px solid;
	border-bottom: #C6A10C 0px solid;
	border-left:   #C6A10C 1px solid;/*_________________rám podmenu________________________*/

	padding: 0 0 0 0;
	margin:  0 0 0 0;
}


/* pozice pro menu >2. urovne */
#menu ul li ul li ul { 
	left:  250px;
	top: 0px;
}



/* vzhled odkazu v submenu */

#menu ul li ul a, #menu ul li ul a:visited { 
 		COLOR: #F3C000;
		display: block;
		width:230px;
}
#menu ul li ul a:hover { 
 		COLOR: #FFFFFF;
		display: block;
		width:230px;
}
#menu ul li ul li {
 		COLOR: #F3C000;
		width:230px;
		
	background-image:  url(../images/menu-out.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu ul li:hover ul li a, #menu ul li:hover ul li a:visited { 
 		COLOR: #F3C000;
		width:230px;
}
#menu ul li:hover ul li:hover  {  
		width:  230px;
 		COLOR: #FFFFFF;/*____________________najeté pododkazy ____________________*/
		background-color: #F1E8D3;/*__________podklad PODMENU-vybraná______________*/
	background-image:  url(../images/menu-in.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/* 2.uroven */
#menu ul li:hover ul  { 
		display: block;
		visibility: visible;
 		COLOR: #333333;/*____________________barva písma PODmenu celková_______________*/
}
#menu ul li:hover ul li { 
		width:230px;
		text-align: left;
		padding-left: 15px;
		border-bottom: #C6A10C 1px solid;/*_____________podtržení řádku podmenu__________ */
}

/* 3.uroven */
#menu ul li:hover ul li ul { visibility: hidden; }
#menu ul li:hover ul li:hover ul { display: block;
		visibility: visible;
		width:  230px;
		}
#menu ul li:hover ul li:hover ul li {  }
#menu ul li:hover ul li:hover ul li a {  }
#menu ul li:hover ul li:hover ul li:hover { 
		width:  230px;
		}

/* 4.uroven */
#menu ul li:hover ul li:hover ul li ul { visibility: hidden; }
#menu ul li:hover ul li:hover ul li:hover ul { display: block;
		visibility: visible;
		width:  230px;
		}
		
#menu ul li:hover ul li:hover ul li:hover ul li {  }
#menu ul li:hover ul li:hover ul li:hover ul li a {  }
#menu ul li:hover ul li:hover ul li:hover ul li:hover {  
		width:  230px;
		}