
/* La div con id=menuprodotti */
div#menuprodotti {
	width:180px;
	display:block;
}


/* Tutti gli "a" della div con id=menuprodotti */
div#menuprodotti a {
	color: #cecfd7; 
	font-size: 12px; 
	text-decoration: none;
	display:block;
	height:20px;
	width:180px;
	background-image:url(../img/bott-prod-a.gif);
	background-repeat:no-repeat;
	text-align:left;
	margin-bottom:4px;
}

/* Tutti gli "a:hover" della div con id=menuprodotti */
div#menuprodotti a:hover{
	color:#000000;
	background-image:url(../img/bott-prod-b.gif);
}
/* Tutti i "span" della div con id=menudx */


div#menuprodotti span{
	margin-left:20px;
	line-height:20px;
}


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


/* 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)
 */
 
#ziopaperone	a#menu-ziopaperone,  
#paperino 		a#menu-paperino, 
#pippo			a#menu-pippo, 
#pluto	 		a#menu-pluto, 
#gargamella 	a#menu-gargamella,
#paperina 		a#menu-paperina,
#gastone 		a#menu-gastone {
	background-image:url(../img/bott-prod-b.gif);
	color:#000000;

}

