/* --------barra in basso in cui sono i MENU ------------ */

/*impaginazione generica dei blocchi e delle pipe*/
div#blocco{
	float:left;
	height:98px;
	text-align:center;
	display:table;
}

div#pipe{
	float:left;
	height:98px;
	width:1px;
	background-color:#201d1a;
	display:table;
}

/*padding alto scritte menu*/
div#blocco a span {
	padding:48px 8px 0;
	display:block;
}

/*colore del testo nei menu*/
div#blocco a{
	
	background:none;
	color:#666666;
}

/*rollover con sfumatura per i menu*/
div#menu1 a:hover, div#menu2 a:hover, div#menu3 a:hover  {
	background-image:url(../images/rollover-basso.png);
	background-repeat:repeat-x;
	color:#CCCCCC;
}

/*menu selezionato*/
div#menu1 ul li#current a, div#menu2 ul li#current a, div#menu3 ul li#current a, div#menu4 ul li#current a { 
	background-image:none;
	background-repeat:repeat-x;
	color:#CCCCCC;
}


.primo {

	width:199px;
}
.primo img{
	margin-top:20px;
}


.secondo {
	width:217px;
}


.terzo {
	width:395px;
}

.quarto {
	width:142px;
}

/*impostazioni dei menu*/
div#menu1 {
	display:table;
	margin:0 0 0 5px;
}
div#menu1 a {
	display:table;
	height:98px;
	margin:0 5px;
	float:left;
	
	text-align:center;
	
}

div#menu2 {
	display:table;
	margin:0 0 0 15px;
}
div#menu2 a {
	display:table;
	height:98px;
	margin:0 5px;
	float:left;
	
	text-align:center;
	
}

div#menu3 {
	display:table;
	margin:0 0 0 15px;
	height:98px;
	padding:0;
}
div#menu3 a {
	display:table;
	background-image:none;
	margin:0 5px;
	float:left;

	text-align:left;
}
div#menu3 a:hover {
	background-image:none;

}

div#menu3 a span {
	padding:0;
	display:block;

}

div#menu3 .up, div#menu3 .down{
	display:table;

}

div#menu3 .up {
	margin:10px 0 0 10px;

}

div#menu3 .down{
	margin:0 0 0 10px;

}

div#pipe-orizz {
	height:0px;
	width:110px;
	margin:8px auto;
	
	display:table;
	padding:0;
	border-bottom:1px solid #201d1a;

}


/* LA DIV CON id=menu */
div#menu-principale{	
	width:630px;
	height:27px;
	position:relative;
	top:73px;
	left:262px;
}


/* NB: PER LE DIFERENZE, VEDI SOTTO */


/* Tutti gli "a" della div con id=menu */
div#menu-principale a {
	color:#7a8898;  
	font-size: 12px; 
	text-decoration: none;
	display:table;
	float:left;
	text-align:left;
	margin:0 0px 0 2px;
	padding:5px 30px 0 20px;
}


/* Tutti i "span" della div con id=menu */

div#menu-principale span {

	
}

/* Tutti gli "a:hover" della div con id=menu  */
div#menu-principale a:hover {
	color:#f4a72c;
}


/* STATO DI PREMUTO */

/*La seconda opzione .label-attiva, serve nel caso ci sia un sottomenu*/

div#menu-principale ul li#current a, div#menu-principale span.label-attiva ul li a { 

}