/* tipografia, colori e regole per voci di primo livello, titoli e link */

ul#nav ul{margin:0;padding:0;list-style:none}
ul#nav li.menu_red {position: relative}
ul#nav li.menu_red li{float: none;display: block !important;display: inline; /*IE6*/}

/*dichiarazioni chiave per i sottomenu e l'effetto a comparsa
NB: classe open è necessaria per JQuery*/

ul#nav li.menu_red {
	border: 1px solid #ffffff;
	border-bottom: none;
	padding: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
	margin-left: -6px;
	margin-top: -6px;
	z-index: 1100;
	position: relative;
}

ul#nav li.menu_red a:hover {
	color: #000000;
}

ul#nav li.menu_red:hover {
   background: #ff6600;
}

ul#nav div.mega {
	position: absolute;
	top: -9999px;
	left: -1px;
   padding: 0.7em;
	border: 1px solid #ffffff;
	border-top: none;
   background: #ff6600;
	overflow:hidden;
	text-transform: none;
	font-size: 12px;
	font-weight: normal;
}

ul#nav li:hover div.mega,
ul#nav li div.mega.open{top: 24px;z-index: 1090;}

/*tipologie di sottomenu:
small: colonna singola
mega: 2 colonne  - default
wide: 3 colonne
ultra: 4 colonne
alt: allineato sul lato destro */

ul#nav div.mega div{float:left;width:49%}
ul#nav div.mega.small{width:12em}
ul#nav div.mega.small div{float:left;width:99.9%}
ul#nav div.mega.wide{width:126px;}
ul#nav div.mega.wide div{float:left;width:33%}
ul#nav div.mega.wide div li {
	display: block;
	width: 125px;
	margin-bottom: 6px;
}
ul#nav div.mega.ultra{width:400px;}
ul#nav div.mega.ultra div{float:left;width:24.9%}
ul#nav div.mega.alt{left:auto;right:-1px}

ul#nav div.mega ul li {
	height: auto;
}
/*regole aggiuntive per i link dei sottomenu*/

ul#nav div.mega li a {
	color: #000000;
}
ul#nav div.mega li a:hover{color: #ffffff;text-decoration:underline}
