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


/* La div con id=menu */
div#menu {
height:25px;
width:591px;
display:inline;
float:left;
}

div#menu-prenota {
height:25px;
width:186px;
display:inline;
float:left;
}

div#menu-offerte {
height:25px;
width:186px;
}



/* Tutti gli "a" della div con id=menu */
div#menu a{
color: #853262; 
font-size: 14px; 
text-decoration: none;
display:block;
float:left;
height:25px;
width:186px;
background-image:url(img/bottone-a.gif);
text-align:left;
}

div#menu-prenota a, div#menu-offerte a{
color: #ddd; 
font-size: 14px; 
text-decoration: none;
display:block;
float:left;
height:25px;
width:186px;
background-image:url(img/bottone-prenota-a.jpg);
text-align:left;
}

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

div#menu-prenota a:hover{
color: #fff;
background-image:url(img/bottone-prenota-b.jpg);
}

div#menu-offerte a:hover{
color: #fff;
background-image:url(img/bottone-prenota-b.jpg);
}


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

div#menu-prenota span{
margin-left:15px;
line-height:24px;
}

div#menu-offerte a span{
padding-left:15px;
line-height:24px;
}


.prodottiattrazioni {
	font-size: 13px; 
}

.prodottiattrazioni2 {
	font-size: 12px; 
}

.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, 
#agriturismo	 a#menu-agriturismo, 
#appartamenti	 a#menu-appartamenti {
	color: #000000;
	background-image:url(img/bottone-b.gif);

}


#prenotazioni	 a#menu-prenotazioni {
	color: #fff;
	background-image:url(img/bottone-prenota-b.jpg);

}

#offerte	 a#bottmenu-offerte {
	color: #fff;
	background-image:url(img/bottone-prenota-b.jpg);

}