@charset "utf-8";
/* CSS Document */


/*------------------------------------*/


ul#nav{height: 20px;}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none} /*annulla i float su eventuali li annidati*/
ul#nav div.mega{position: absolute;top: -9999px;left: -1px;width: 20em; overflow:hidden; /*per contenere i float*/}
ul#nav div.mega.alt{left:auto;right:-1px} /*per i sottomenu allineati sul lato destro*/
ul#nav li:hover div.mega{top: 29px}
ul#nav div.mega div{float: left;width: 49%} 

/* tipografia, colori e regole per voci di primo livello, titoli e link */
div#menu{margin:0 auto;	background: #d8dfa8 url(../img/sf-2.jpg) no-repeat top center; width:940px; height: 40px;}
ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none; }
ul#nav{width:940px;margin: 0 auto; height:40px; background: transparent /*url(../img/sfondo-menu.png) repeat-x*/; font: 95%/1.7 Verdana,Tahoma,sans-serif; margin:0 auto; margin-left:0px;}
ul#nav a{display:block;text-decoration:none}
ul#nav h2{font-size:110%;margin:0;}
ul#nav h2 a{line-height:39px;padding: 0 18px; color:#7d8d04;}
ul#nav li:hover,ul#nav h2 a:hover{background: #dde3b2; color:#7d8d04;}
ul#nav h3{font-size:105%;margin:0; background-color: #fbfbfa; color: #7d8d04; padding-top:3px; padding-bottom: 3px; padding-left: 3px;}
ul#nav h3 a{color: #e59444;}
ul#nav h3 a:hover{color: #e59444; text-decoration:underline; background-color: #fbfbfa;}
ul#nav li{float: left;position: relative; text-align:left;}
ul#nav li li{float: none;display: block !important;display: inline; text-align:left;/*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: 20em;padding: 0.8em 0.1em;border: 1px solid #eff0de; background: #fbfbfa; overflow:hidden; line-height:1.5}
ul#nav li:hover div.mega,ul#nav li div.mega.open{top: 39px;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:15em}
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: #787200; background: #fbfbfa url(../img/bullet.png) no-repeat left center;}
ul#nav div.mega li a:hover{color: #e59444;text-decoration:underline;} 
 

/* ---------------- end menu orizzontale ---------------------- */


/*----------------------- submenu ------------------*/

.submenu {
	padding-top: 10px;
	margin: 0 ;
	overflow: hidden;
	background: transparent;
	width: 500px;
	font-size: 11px;
	margin-bottom:15px;
}

.submenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.submenu li{
	display: inline;
	margin: 0;
}

.submenu li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 6px 10px; 
	color: #7d8d04;
}

.submenu li a:visited{
	color: #7d8d04;
	padding-left: 10px;
}

.submenu li a:hover, submenu li.selected a{
	color: #666;
	padding-left: 10px;
}

/*--------------------------------------*/