/*con questo css modifico solamente il menu di navigazione*/



/* formattazione delle voci principali*/
ul.menu {
	list-style:none;
	margin:0;
	padding:0;
	color: #FFFFFF;
	background-color: #FF6600;
	font:10px Verdana,Arial;
}
ul.menu * {
	margin:0;
	padding:0;
	color: #FFFFFF;
	text-decoration: none;
}




ul.menu a {display:block; color:#FFFFFF; text-decoration:none}

ul.menu li {position:relative; float:left; margin-right:2px}

/*top=30px regola la distanza verticale tra le voci della lista principale e le voci del sottomenu */
ul.menu ul {position:absolute; top:30px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}


/*width= 130 regola la dimensione dello sfondo dove viene visualizzato il sottomenu*/
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:130px; margin:0}



ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#FF6600}


/*questo regola il colore di fondo della voce del menu a tendina selezionata*/
ul.menu ul li a:hover {background-color:#0033FF}



ul.menu ul ul {left:80px; top:-1px}

/*width=70 regola la dimensione dello sfondo del menu principale */
ul.menu .menulink {
	border:0px solid #aaa;
	padding:5px 7px 7px;
	font-weight:bold;
	width:70px;
	color: #FFFFFF;
}





/*non ho capito a cosa servono*/
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 73px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}