/* Menu CSS */

/* Inizio dei menu ad albero */

#menuSx {
//top:0.5em;
//left:0.5em;
z-index:2;
text-align: left;
font-weight: bold;
font-style: italic;
background-image:URL(../img/Sfondomenu.jpg);
background-repeat: repeat-y;
//border:1px solid #FFFFFF;
//border-right:1px solid #A0A0A0;
}

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

border-left: 1px solid #6A6A6A;
}

#menuSx a, #menuSx h2, #menuDx a, #menuDx h2{
display: block;
line-height: 1.5em;
vertical-align: text-top;
padding: 2px 3px;
margin:0px;
background-image:URL(../img/Sfondomenu.jpg);
background-repeat: repeat-y;
font-size: 11px;
}

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

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

#menuSx a {	padding-right: 9px; }
#menuDx a {	padding-left: 9px; }

#menuSx ul ul a, #menuDx ul ul a{
color: #000000;
text-decoration:none;
font-size: 10px;
}

#menuSx ul, #menuDx ul{
list-style:none;
margin:0;
padding:0;
width:175px;;
//margin-bottom: 5px;
}

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

/* 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;
background-image:URL(../img/Sfondomenu.jpg);
background-repeat: repeat-y;
}

/* Stile per l'apertura menu */

#menuSx a.x:hover, #menuDx a.x:hover{

}

#menuSx a.x:active, #menuDx a.x:active{

}

.testatamenu {
font-weight: bold;
font-size: 0.9em;
text-indent:5px;
color:#000000;
font-style: normal;
overflow: hidden;
height:39px;
background-position:top left;
background-image:URL(../img/Menub.jpg);
background-repeat:no-repeat;
line-height:35px;
//margin-top:-5px;
}

.ulmenu {
	line-height: 1.3em;
	font-size: 0.95em;
	font-weight: bold;
	overflow: hidden;
	text-indent: 0;
}

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

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

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

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

ul.vocemenuNEWS
{
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: .8em;

    background-color: transparent;

    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:#E4EFF8;
color:#000;
list-style:none;
font-family:Verdana, Arial, sans-serif;
margin:0;
padding:0;
border-top: 1px solid #748296;
font-size: 11px;
}

#menuSx a, #menuSx a:visited, #menuSx a:hover, #menuSx a:link{
   color:#393939;
}

#menuSx a.bookmark {
	color: #d20000;
	text-decoration: underline;
}

.hideMenu {	display: none;	}


/* §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
	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 {
  display:none;
margin: 0;
padding: 0;
width: 90%;

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

#menuUp ul {
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;
}
#testata_21_S {background-image:URL(../img/MenuAzzurro.jpg);}
#testata_22_S {background-image:URL(../img/MenuGiallo.jpg);}
#testata_23_S {background-image:URL(../img/MenuVerde.jpg);}
#testata_24_S {background-image:URL(../img/MenuArancio.jpg);}