#menusx, #menusx ul, #menusx li{
padding:0;
margin:0;
}
#menusx li{
list-style: none;
position: relative;
width:205px;
height: 25px;
padding:0 0px;  /*  secondo 0 = spazio sx per le lettere, ovviamente se si aumenta si deve aumentare anche in basso */
/* background:url(img/li_bg.jpg) repeat-x top left; */
background:url(img/menusx_sfondo1.gif);
border-left:0px solid #6D818A;
border-right:0px solid #6D818A;
line-height: 25px;
text-align:left;
padding-left:5px;
font-family: Verdana,Arial;
font-size:11px;
/* cursor:pointer; */
}

/* menu con i link */
#menusx li a{
text-decoration:none;
color:#000;   /* colore link */
font-size:11px;
/* text-transform:uppercase; */
}

#menusx li a:hover{
text-decoration:none;
color:#F00;   /* colore link */
font-size:11px;
/* text-transform:uppercase; */
}



#menusx li li{
/* background:url(img/li_li_bg.jpg) repeat-x top left; */
background:url(img/menusx_sfondo1.gif);  /* 2  livello di sfondo */
}

#menusx li li:hover{
/* background:url(img/li_li_bg.jpg) repeat-x top left; */
background:url(img/menusx_sfondo_sel.gif);  /* 2  livello di sfondo */
}


#menusx li li li{
/* background:url(img/li_li_bg.jpg) repeat-x top left; */
background:url(img/menusx_sfondo1.gif);  /* 3 livello di sfondo */
}

#menusx li li li:hover{  
/* background:url(img/li_li_bg.jpg) repeat-x top left; */
background:url(img/menusx_sfondo_sel.gif);  /* 3 livello di sfondo selezionato */
}

#menusx li:hover{
background-position:bottom;
}

#menusx li:hover.sub0{
border-left:0px solid #F00;
background:url(img/menusx_sfondo_sel.gif);
}

#menusx li:hover.sub1{
border-left:0px solid #F00;
background:url(img/menusx_sfondo_sel.gif);
}


#menusx ul ul, #menusx ul li:hover ul ul, #menusx ul ul ul{
position: absolute;
top:0;
left:210px;  /* se do' il padding all'inizio devo aumentare anche questo */
visibility:hidden;

}
#menusx ul li:hover ul, #menusx ul ul li:hover ul{
visibility:visible;
}