/* -------- MENU DX ------------ */

/* La div con id=menu */
div#menu {
	display:block;
	float:left;
}


/* Tutti gli "a" della div con id=menu */
div#menu a {
	/*color: #003366;*/
	color: #FFFFFF;
	font-size: 11px; 
	text-decoration: none;
	display:block;
	height:26px;
	width:131px;
	background-image:url(/img/bottone-a.gif);
	background-repeat:no-repeat;
	text-align:left;
	margin-right:5px;
	float:left;
}

/* Tutti gli "a:hover" della div con id=menu */
div#menu a:hover {
	color:#a7b8cf;
	background-image:url(/img/bottone-b.gif);
}

/* Tutti gli span di "a:hover" della div con id=menu */
div#menu a:hover span{
	margin-left:14px;
	line-height:26px;
}


/* Tutti i "span" della div con id=menu */
div#menu span {
	margin-left:12px;
	line-height:25px;
}


.margine-bottoni {
	margin-right:10px;
}


/* Questo vuol dire: quando trovi gli:
	"a" con id=menu-home all'interno del contenitore (nel nostro caso la dv che contiene il menu) che ha id=home 
	"a" con id=menu-azienda all'interno del contenitore (nel nostro caso la dv che contiene il menu) che ha id=azienda
	ecc..
	mettigli queste proprietà: color: #CD050C; (setto solo quello che deve variare rispetto a quanto impostato prima)
 */
 
#home	 		a#menu-home,  
#azienda		a#menu-azienda, 
#prodotti 		a#menu-prodotti, 
#lavorazioni	a#menu-lavorazioni, 
#dovesiamo 		a#menu-dovesiamo,
#richiestainfo 	a#menu-richiestainfo,
#news 			a#menu-news {
	background-image:url(img/bottone-b.gif);
	color:#a7b8cf;

}


/* Imposto anche tutti gli span all'interno deglia "a" con id=menu-home all'interno del contenitore che ha id=home
 */

#home	 		a#menu-home span,  
#azienda		a#menu-azienda span, 
#prodotti 		a#menu-prodotti span, 
#lavorazioni	a#menu-lavorazioni span, 
#dovesiamo		a#menu-dovesiamo span,
#richiestainfo 	a#menu-richiestainfo span,
#news 			a#menu-news span {
	
	margin-left:13px;
	line-height:26px;

}