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

div#menu{
	padding-top:0px;
	width:100%;
	margin-left: 60px;
	height: 38px;
	vertical-align: middle;
	position: relative;
	top: -6.5px;
	z-index:1;
}
ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none}
ul#nav{
	width:850px;
	margin: 0 auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}
ul#nav a{
	display:block;
	text-decoration:none;
	vertical-align: middle;
	position: relative;
	top: 7px;
}
ul#nav h2{
	font-size:110%;
	margin:0;
	height: 38px;
}
ul#nav h2 a{
	line-height:25px;
	color:#FFF;
	vertical-align: middle;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	margin-top: 0px;
}
ul#nav>li:hover{
	height: 38px;
	color: #F00;
	background-color: #FBFCFD;
	background-image: url(images/strisce%20grigie.gif);
	background-repeat: repeat;
	background-position: left top;
}

ul#nav h2 a:hover{
	height: 38px;
	color: #F00;
}


ul#nav h3{font-size:100%;margin:0}
ul#nav h3 a{
	color: #F00;
}
ul#nav h3 a:hover{
	text-decoration:blink;
	color: #FFF;
}
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: -999px;
	left: 0px;
	width: 20em;
	overflow:hidden;
	line-height:1.5;
	padding-top: .3em;
	padding-right: 0.7em;
	padding-bottom: 1em;
	padding-left: 0.7em;
	vertical-align: middle;
	background-color: #333;
	background-image: url(images/strisce%20grigie.gif);
	background-repeat: repeat;
	background-position: left -6px;
}
ul#nav li:hover div.mega,ul#nav li div.mega.open{
	top: 38px;
	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 7px;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left center;
}