div#menu{
	position:absolute;
	top:0;
	left:0;
	margin-top:-200px;
	padding-top:0px;
	width:100%;
	float:left;
	background-image:url(../images/bg_li.jpg);
	background-position:right top;
	background-repeat:repeat-y;
	height:161px;
	/*margin-top:17px;*/
	/*width:238px;*/
	width:238px;

}
div#menu a{
	display:block;
	padding:3px 0 2px 19px;
	color:#54595c;
	text-decoration:none;
	width:120px;
}
#menu a:hover{
	color:#fecc00;
}
#menu a.on {
	color:#fecc00;
}

ul#nav,ul#nav li,ul#nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
ul#nav{
	float: left;
	width:0px;
	margin: 0 auto;
	height:26px;
    color: #5898F2;
	
}
ul#nav a{
	display:block;
	text-decoration:none;
	color:#FFFFFF;

}
ul#nav li{
	float: left;
	text-align:left;
	position: relative;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	padding:6px 3px 5px 40px;
}


ul#nav li li{
	float: none;
	display: block !important;
	display: inline; /*IE6*/
	background-image:none;
	background-color: #69777e;
	color:#FFFF00;
	font-size:11px;
	padding:1px 0;
}
/*dichiarazioni chiave per i sottomenu e l'effetto a comparsa
NB: classe open è necessaria per JQuery*/

ul#nav div.mega{
	position: absolute;
	top: -9999px;
	left: -1px;
    width: 85%;
	border: 1px solid #fecc00;
	background-color: #768187;
	overflow:hidden;
	line-height:1.5;
	margin-left:150px;
}
ul#nav div.mega ul {
margin:4px;}
ul#nav li:hover div.mega,ul#nav li div.mega.open{
	top: 0px;
	z-index:+100;
	color:#fecc00;
	}


ul#nav div.mega div{
	float:left;
}

/*regole aggiuntive per i link dei sottomenu*/
ul#nav div.mega li a{padding:0 7px;background-color:#868e93;margin:0;width:133px; }
ul#nav div.mega li a:hover{color: #0B4295;text-decoration:underline; color:#fecc00;background-color:#5b6970;text-decoration:none;}
ul#nav div.mega li a.on{color: #0B4295;text-decoration:underline; color:#fecc00;background-color:#5b6970;text-decoration:none;}