/* Default Joomla! Menu */
#ja-container2 ul.menu {
	margin: 0;
	padding: 1px 0 0;
	list-style: none;
/*michelangelo: eliminato per cancellare i punti in cima al menu
	background: url(../images/hdot2.gif) repeat-x top; */

}

#ja-container2 ul.menu li {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

#ja-container2 ul.menu li a {
/* michelangelo - altezza dei menu per Explorer */
/*	padding: 2px 0;*/
	display: block;
	color: #FF0000;
/*	background: url(../images/hdot2.gif) repeat-x bottom;*/
	text-decoration: none;
	outline: none;
	height: 40px;
/* altezza del riquadro: conviene farla coincidere con l'altezza dell'immagine del menu*/ 
	width: 250px;

}

#ja-container2 ul.menu li a span {
/* michelangelo: questo display:none; l'ho dovuto aggiungere perché non riuscivo a nascondere la scritta
dovrebbe potersi fare anche da Joomla, ma io per ora non sono riuscito */	
	display:none;
	padding-left: 16px;
	background: url(../images/bullet.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li a:hover,
#ja-container2 ul.menu li a:active,
#ja-container2 ul.menu li a:focus {
	color: #333333;
	background: url(../images/freccia-hover.jpg) no-repeat bottom right #adadad;
	text-decoration: none;
}

#ja-container2 ul.menu li.active a {
	background: url(../images/freccia-attuale.jpg) no-repeat bottom right #adadad;
	color: #7BA566;
	font-weight: bold;
	text-decoration: none;
}

#ja-container2 ul.menu li.active a span {
	background: url(../images/bullet3.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li li a span {
	background: none;
	}

#ja-container2 ul.menu li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ja-container2 ul.menu li li {
		padding: 0 0 0 15px !important;
	list-style: none;

}

#ja-container2 ul.menu li li a {
	color: #333333;
	background: none !important;
	font-size: 92%;
	font-weight: normal;
	margin-left: 30px;
	height:30px;

	}
	/*michelangelo: la precedente proprietà height: 30px non è sufficiente, bisogna che anche le immagini siano alte 30px anzichè 40, come le voci di menu normale*/

#ja-container2 ul.menu li li a:hover,
#ja-container2 ul.menu li li a:active,
#ja-container2 ul.menu li li a:focus {
	color: #006699;
}

#ja-container2 ul.menu li li a span {
	background: url(../images/bullet.gif) no-repeat 5px;
	font-weight: normal;
}