/* tipografia, colori e regole per voci di primo livello, titoli e link */

div#menu{
	width:1000px;
	background-color:#FBAF32;
	border:1px solid #ED9609;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	padding:0px;
	float:left;
	height:25px;
	margin:7px 0px 0px 0px ;
	padding:0px;
	z-index:200;
	position:relative;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;

	
	src: url(font/trebucbd.ttf);
}
.allineatore {
width:975px; margin:auto;
}
ul#nav,ul#nav li,ul#nav ul{margin:0 auto;padding:0;list-style:none; float:left}
ul#nav{margin: 0px 8px 0px 0px;height:26px;  }
ul#nav a{display:block;text-decoration:none}
ul#nav .mainitem{font-size:13px;margin:0; font-weight:bold }
ul#nav .mainitem a{line-height:25px;padding: 0 9px;color:#FFF}
ul#nav>li:hover,ul#nav h2 a:hover{background: #FFCC79;color:#E28D00; }

ul#nav .subitem {font-size:13px; margin:0; float:left; width:100%; font-weight:bold;  clear:both; padding:5px 0px !Important;}
.subitem {line-height:14px !important;}
ul#nav .subitem a{color: #FFFFFF;  width:100% !important; line-height:14px !important;}
ul#nav .subitem a:hover{color: #BC2852;}
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: 0px;
	width: 20em;
	padding: 10px 0px 10px 10px;
	margin:0px;
	border: 0px;
    background: #FFCC79;
	overflow:hidden;
	text-align:left;
	z-index:300 !important;
	line-height:1.5;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	
	}
ul#nav li:hover div.mega,ul#nav li div.mega.open{top: 25px;z-index: 300;}

/*tipologie di sottomenu:
small: colonna singola
mega: 2 colonne  - default
wide: 3 colonne
ultra: 4 colonne
alt: allineato sul lato destro */
.righette {
background-image:url(../images/shop/line_panel.gif); background-repeat:repeat-y; background-position:right;
float:left;

}
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; float:left;}
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}
ul#nav div.mega.ultra div .subitem{float:left;width:99%; !important}
ul#nav div.mega.wide div .subitem{float:left;width:99%; !important}


/*regole aggiuntive per i link dei sottomenu*/

ul#nav div.mega li a{padding:0 7px; color: #FFFFFF;}
ul#nav div.mega li a:hover{color: #BC2852;}
