/* Menu CSS */

/* Inizio dei menu ad albero */

#menuSx {
top:0.5em;
left:0.5em;
z-index:2;
text-align: left;

font-weight: bold;
}

#menuDx {
top:0.5em;
left:0.5em;
z-index:2;
text-align: right;
font-weight: bold;
}

#menuSx a, #menuSx h2, #menuDx a, #menuDx h2{
display: block;
line-height: 1.5em;
vertical-align: text-top;
/* border-bottom:1px solid black; */
padding: 2px 3px;
padding-left: 20px;
margin:0px;

font-size: 0.7em;
}

#menuSx h2, #menuDx h2{
color:#fff;
background:#000;
font-weight: bold;
text-transform:uppercase;
}

#menuSx a, #menuDx a{
color: #000;
background:transparent;
text-decoration:none;
}

#menuSx a {	padding-right: 9px; border-left: 1px solid #000;}
#menuDx a {	padding-left: 9px; }

#menuSx a {text-align:right;}

#menuSx ul ul a, #menuDx ul ul a{
color: #5c5c5c;
/*background-color:#B2D2BE;*/
text-decoration:none;
font-style: italic;
}

#menuSx ul ul a {
	padding-right: 15px;
	background-image: url(../img/submenuLine.gif);
	background-repeat:repeat-y;
	background-position: 100% 0%;
}

#menuSx ul, #menuDx ul{
list-style:none;
margin:0;
padding:0;
width:100%;

margin-bottom: 5px;
}

#menuSx ul ul, #menuDx ul ul{	margin-bottom: 0;	}

/* Requisito: Inserisci il nome del selettore dell'elemento (div)
	su i selettori non àncora con l'hover per forzare IE5 
	5.5 per far applicare correttamente il file csshover. */

div#menuSx li, div#menuSx li:hover, div#menuDx li, div#menuDx li:hover{
position:relative;
}

/* Stile per l'apertura menu */

#menuSx a.x:hover, #menuDx a.x:hover{
background-color:#FFEFD5;
}

#menuSx a:hover, #menuDx a:hover{
color:#a00;
background:#FFEFD5;
}

#menuSx a.x:active, #menuDx a.x:active{
background-color:#FABDB9;
}

.testatamenu {
font-weight: bold;
font-size: 0.8em;
text-indent:5px;
background-color:#FFA451;
/*border-bottom:1px solid #0A3842; */
background-image: url(../img/curve.gif);
background-position: 100% 0%;
background-repeat: no-repeat;
color:#F8F8FF;
padding:2px;
overflow-x: visible; /* PER IE6 */
line-height: 1.0em;
}

html>.testatamenu {
	overflow: visible; /* Per gli altri browser */
}

#menuDx .testatamenu {
	background-image: url(../img/curve_lf.gif);
	background-position: 0% 0%;
}

.ulmenu {
	line-height: 1.3em;
	font-size: 0.95em;
	font-weight: bold;
	/*background-color:#005084;*/
	background-color: transparent;
	color:#FFF;
	overflow: hidden;
	text-indent: 0;
}

#menuSx .ulmenu li a{ /* 2° livello */
		border-right: 1px solid #656565;
}

#menuDx .ulmenu li a{ /* 2° livello */
		border-left: 1px solid #656565;
		border-right: 1px solid #656565;
}

.ulmenu a{	border: 0;	text-indent: 8%;	}

div.ElencoNovita {
	width: 90%;
	margin: auto;
	position: relative;
}

ul.vocemenuNEWS
{
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: .8em;
	 
    background-color: #FFC557;
	 
    PADDING-TOP: 3px;
    PADDING-RIGHT: 0px;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 9px;
    MARGIN: 0px;

	 text-align: left;
    LIST-STYLE-TYPE: none;
}

ul.vocemenuNEWS li {
	padding: 0;
	margin: 0;
	min-height: 0;
	height: auto !important;
	height: 0;
}

ul.vocemenuNEWS a, a.elencoNews {
	color: #2B402B;
	font-size: .8em;
	text-decoration: none;
}

ul.vocemenuNEWS a:visited, a.elencoNews:visited {	color: #3C593C;	}

ul.vocemenuNEWS a:hover, a.elencoNews:hover {	color: #0002D4;	}

a.elencoNews {	text-align: right;	}

.voceMenu ul {
background-color:#FFC557;
color:#000;
list-style:none;
font-family:Verdana, Arial, sans-serif;
margin:0;
padding:0;
border-top: 1px solid #748296;
font-size: 0.8em;
}

#menuSx a.x, #menuSx a.x:visited, #menuDx a.x, #menuDx a.x:visited{
	background-color: transparent;
}

#menuSx a.x:hover, #menuDx a.x:hover {
	background-color: #FFEFD5;
}

.hideMenu {	display: none;	}

#menuDx .bookmark, #menuDx .bookmark:hover {
	background-image: url(../img/triright.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

#menuSx .bookmark, #menuSx .bookmark:hover {
	background-image: url(../img/trileft.gif);
	background-repeat: no-repeat;
	background-position: 2% 50%;
}

#menuDx .bookmarkMenu, #menuSx .bookmarkMenu {
	text-decoration: underline;
}

/* §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
	Impostazioni per il menu dinamico
   §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
*/

.dinamycMenu div#menuDx ul li:hover ul,
.dinamycMenu div#menuDx ul ul li:hover ul,
.dinamycMenu div#menuDx ul ul ul li:hover ul
{display:block;}

.dinamycMenu div#menuSx ul li:hover ul,
.dinamycMenu div#menuSx ul ul li:hover ul,
.dinamycMenu div#menuSx ul ul ul li:hover ul
{display:block;}

/* Fine dei selettori hover non-anchor */

.dinamycMenu div#menuSx ul ul,
.dinamycMenu div#menuSx ul ul ul,
.dinamycMenu div#menuSx ul li:hover ul ul,
.dinamycMenu div#menuSx ul li:hover ul ul ul
{display:none;}

.dinamycMenu div#menuDx ul ul,
.dinamycMenu div#menuDx ul ul ul,
.dinamycMenu div#menuDx ul li:hover ul ul,
.dinamycMenu div#menuDx ul li:hover ul ul ul
{display:none;}

.dinamycMenu #menuDx a.x, .dinamycMenu #menuDx a.x:visited{
background-image: url(../img/arrowL.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

.dinamycMenu #menuSx a.x, .dinamycMenu #menuSx a.x:visited{
background-image: url(../img/arrowR.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

/* §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
	Impostazioni per il menu ad albero 
   §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
*/

.treeMenu div#menuSx li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

.treeMenu div#menuDx li ul{
position:absolute;
top:0;
left:-100.1%;
display:none;
}

.treeMenu div#menuSx ul li:hover ul,
.treeMenu div#menuSx ul ul li:hover ul,
.treeMenu div#menuSx ul ul ul li:hover ul
{display:block;}


/* Menu orizzontale con dropDownList */

#menuUp {
margin: 0;
padding: 0;
width: 90%;

/* Soluzione temporanea per mantenere l'allineamento in IE */
position: relative;
left: 0 !important;
left: -55px;
z-index: 100;
margin: auto;
}

#menuUp ul {
display: none;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}

#menuUp a, #menuUp h2 {
display: block;

margin: 0;
padding: 4px 12px;

font-size: 13px;
font-weight: bold;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ccc #888 #555 #bbb;
}

#menuUp a {
float: left;
color: #000;
background-color: transparent;
background-image: url(../img/blockdefault.gif);
background-position: center center;
text-decoration: none;
text-align: left;
}

#menuUp ul ul a, #menuUp ul ul a:hover {
color: #fff;
background-image: none;
}

#menuUp ul ul a {	background-color: #777777;	}
#menuUp ul ul a:hover {	background-color: #C6C6C6; color:#000;}

#menuUp a:hover {
color: #000;
background-color: transparent;
background-image: url(../img/blockactive.gif);
background-position: center center;
}

#menuUp ul ul {
position: absolute;
top: 0;
left: 0;
}

#menuUp li {position: relative; float: left;}

#menuUp ul ul {
position: absolute;
top: 100%;
left: 0;
width: 100%;

width: 200px;	/* Importante per evitare l'affiancamento delle voci di sottomenu */
}

#menuUp ul ul,
#menuUp ul li:hover ul ul
{display: none;}

#menuUp ul li:hover ul,
#menuUp ul ul li:hover ul
{display: block;}


#menuUp ul ul {
	/*	padding-top: 1px; */
	border-left: 4px outset #000;

}

#menuUp ul ul a {
/*	border-bottom: 1px dashed #000;*/
}

/* ############################################
	Solamente per Internet Explorer (dalla 6.0 in giù) 
	********************************************
	
	Senza le parti sotto funziona solo sui compliant browsers
*/

div#menuUp ul li {
	/* Se non si specifica crea problemi */
	width: auto;
}


div#menuUp ul ul li {
	/* Se non si specifica crea problemi	*/

	width: 210px; /* Per IE */
}

#menuUp ul ul a {
	/*	width: 100%; */
	
	/* I sottomenu non li vogliamo orizzontali.
		Per questi quindi si toglie il float
	*/
	float: none;
}

/*
.homepage #navigation {
	width: 100%;
}

.gruppoMenu {
	height: 100%;
	float: left;
	width: 19.80%!important; /* IE 7.0 * /
	width: 19.85%; /* IE 6.0 * /
	margin: 0;
	margin-left: 1px;
}

html>/** /body .gruppoMenu /* FireFox* /
{
width: 19.85%!important;
}

div.firstGruppo a, div.firstGruppo .testatamenu {
	border:0 !important;
}
*/