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

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

#menu {		
	/*background-color: #FF66FF;*/
	
	background-image:  url(../images/menu.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	
	position:relative;
	float: left;
	clear:none;

	width:   316px;
	/*_width:  316px;*/
	height: auto;
	
	padding-top:     236px;
	&padding-top:    249px;
	_padding-top:    249px;
	padding-bottom:   4px;
	padding-left:     0px;
		
	top:       13px;
	&top:       0px;
	_top:       0px;
	left:     -28px;

	FONT-SIZE: 75%;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform:uppercase;
	text-align: left;
	color: #FCF660;/*______________________________barva písma MENU______*/
	
	font-family: Arial, Helvetica, Verdana, sans-serif;	
}

/* vzhled odkazu v celem menu */
#menu ul li a, #menu ul li span {
	display:    block;
	width:      276px;
	
	background-image: none;
	font-size:12px; 
	font-weight:normal; 
	text-decoration:none;
}

#menu ul a, #menu ul a:visited, #menu ul span {
	display:    block;
	width:      246px;
	
	padding-right:   0px;
	padding-bottom:  0px;
	padding-left:    0px;
	padding-top:     0px;
	
	text-decoration:none;
	background-image: none;
	COLOR: #FCF660;/*__________________________odkazy MENU___*/	
}
#menu ul a:hover, #menu ul span:hover {
	background-image: none;
 	COLOR: #FFFFFF;/*____________________najeté odkazy MENU___*/
}


	
/* menu 1. urovne */
#menu ul { 
	background-image: none;
	list-style-type: none;
}
	
#menu ul li { float: left;  /*float:left____!!!!! */
	/*background-color: #CC9999;*/
	position:relative;
	left: 40px;
	top:   0px;	
	
	background-image:  url(../images/menu-out.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

	display:      block;
	width:        246px;
	_width:       246px;	
	position: relative;
	text-align: left;
	
	padding-right:  15px;
	padding-bottom: 10px;
	padding-left:   15px;
	padding-top:    10px;
	
	
	/*border-right: 1px solid  #FFDDCC;_________pravý oddělovač položek__________________*/
	/*border-bottom: 1px solid #8E8D8D;  podtržení řádku menu */
}
#menu ul li:hover   { 
	color: #FCF660;
	background-image:  url(../images/menu-in.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#menu ul li:hover a  { 
 	COLOR: #FFFFFF;/*____________________najeté odkazy MENU a odjeté do podmenu _________*/
}


/* submenu */
#menu ul li ul{
	/*border:1px solid #8E8D8D;*/
	border:none;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 276px;
	width:274px;
	padding:0px;
	margin: 0px;
	background-color: #CC9999;
	text-align:left;
 	COLOR: #FCF660;
}
#menu ul li ul li {
	/*border-top:   1px solid #D8E0EE;
	border-bottom:1px solid #9F9F9F;*/
	background-position: -2px bottom;
	
	padding:8px 15px 8px 15px;
	margin: 0px;
	width:244px;
	left:   0px;
	text-align:left;
}

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


/* vzhled odkazu v submenu*/
#menu ul li ul li a, #menu ul li ul li span {
	margin:0;
	padding:0px 0px 0px 0px;
}

/* 1. uroven */
#menu ul li:hover {color:#FFFFFF;}

/* 2.uroven */
#menu ul li:hover ul { visibility: visible;display: block; }
#menu ul li:hover ul li a {	color:#FCF660; }
#menu ul li:hover ul li:hover {color:#FFFFFF;background-position: -2px bottom; }
#menu ul li:hover ul li:hover a, #menu ul li:hover ul li:hover span{color:#FFFFFF;}

/* 3.uroven */
#menu ul li:hover ul li ul { visibility: hidden; }
#menu ul li:hover ul li:hover ul { visibility: visible;display: block; }
#menu ul li:hover ul li:hover ul li a { color:#FCF660;}
#menu ul li:hover ul li:hover ul li:hover a, #menu ul li:hover ul li:hover ul li:hover span { color:#FFFFFF; }

/* 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 { visibility: visible;display: block; }
#menu ul li:hover ul li:hover ul li:hover ul li a { color:#FCF660;}
#menu ul li:hover ul li:hover ul li:hover ul li:hover a { color:#FFFFFF;}