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

/* La div con id=menu */
#menu {
	text-align:center;
	width:838px;
	float:left;
}

#contatti {
	text-align:center;
	float:left;
	height:35px;
}

#contatti img {
	border:0px;
}

#contatti a {
	display:block;
	margin-top:12px;
	
}


.divisorio {
	float:left;
	width:7px;
	height:34px;
}

/* Tutti gli "a" della div con id=menu */
#menu a {
	color: #b8420e; 
	font-size: 10px; 
	text-decoration: none;
	display:block;
	height:35px;
	width:75px;
	text-align:center;
	margin-right:5px;
	margin-left:5px;
	float:left;
}



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


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

/* 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,  
#appartamenti	a#menu-appartamenti, 
#piscina 		a#menu-piscina, 
#lasala	 		a#menu-lasala, 
#tariffe 		a#menu-tariffe,
#offerteeventi 	a#menu-offerteeventi,
#dovesiamo 		a#menu-dovesiamo,
#gallery 		a#menu-gallery,
#itinerari 		a#menu-itinerari {
	color:#000;

}