/* tipografia, colori e regole per voci di primo livello, titoli e link */

ul#nav, ul#nav li, ul#nav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#nav
{
	margin: 0 auto;
	height: 50px;
}


ul#nav li
{
	float: left;
	position: relative;
}
ul#nav li 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 div.mega
{
	position: absolute;
	top: -9999px;
	left: -1px;
	width: 16em;
	padding: 0.7em;
	border: 1px dotted #112331;
	background: #5A7789;
	overflow: hidden;
	line-height: 2;
}
ul#nav li:hover div.mega, ul#nav li div.mega.open
{
	top: 50px;
	z-index: 100;
}

/*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: 28em;
}
ul#nav div.mega.wide div
{
	float: left;
	width: 33%;
}
ul#nav div.mega.ultra
{
	width: 36em;
}
ul#nav div.mega.ultra div
{
	float: left;
	width: 24.9%;
}
ul#nav div.mega.alt
{
	left: auto;
	right: -1px;
}

/*regole aggiuntive per i link dei sottomenu*/

ul#nav div.mega li a
{
	padding: 0 0px;
	color: #ffffff;
	text-transform: uppercase;
}
ul#nav div.mega li a:hover
{
	color: #ffffff;
	text-decoration: underline;
}