#divsfondo1 {position: relative; margin: 0 auto; width: 800px; height: 38px; background-image:none; background-image: url('images/tastogiallocentrobianco3.jpg'); }

#divsfondo1 a {text-decoration:none; font-family:Arial; font-size:9pt; text-transform:uppercase; font-weight:bold; text-align:center; color:#FFFFFF;}

#spansx1 {float: left; width: 67px; height: 38px; margin: 0; background-image: url('images/tastogiallo3.jpg');}
#spandx1 {float: right; width: 66px; height: 38px; margin: 0; background-image: url('images/tastogiallo3.jpg');}
/*spazio tra tasti occhio al height*/
#spantratasti {float: left; margin: 0; width: 1px; height: 38px; background-image: url('images/tastogiallocentrobianco3.jpg');}


#menu201008, #menu201008 ul{
    margin: 0;
    padding: 0;
    list-style: none;
}


/*tasto orizzontale menu*/
    #menu201008 li {
        float: left;
        position: relative;
        margin: 0 1px 0 0;
        width: 110px;
        height: 38px;
        background-image: url('images/tastogiallo3.jpg');
                
}


/*attenzione dimensionare l'altezza di a bilanciandola con height e padding rispetto al li, aggiungere un bordo per eventuali prove*/
/* #menu201008 a {  height: 28px; padding: .8em 0 0 0;} */
#menu201008 a {
        float: left;
        position: relative;
        margin: 0 1px 0 0;
        width: 110px;
        height: 28px;
        background-image: url('images/tastogiallo3.jpg');
        padding: .8em 0 0 0;
}

#menu201008 a:link,
#menu201008 a:visited  {background-image: none;}

#menu201008 a:hover,
#menu201008 a:active  {background-image: none; background-image: url('images/tastogiallochiaro1.jpg');}


.tasto10 { }


/* display: none; nasconde il sottomenu*/
/*il top  distanzia il sottomenu dal menu principale, regolarlo in base alla larghezza del menu*/
#sottomenu {display: none; position: relative; top: 0; float: left; background-image: none; }

#sottomenu ul { background-image: none; list-style: none;}

/*x modificare la larghezza del submenu cambiare i width in sottomenu li e sottomenu a */
#sottomenu li {background-image: none; width: 200px; border: solid 1px #F2FBFF; background-color:  #23A9F1; height: 28px;}
#sottomenu a {background-image: none; width: 200px; height: 8px; padding: .6em 0 0 0;  }

#sottomenu a:link,
#sottomenu a:visited  {background-image: none; background-color: #FF8000; height: 28px; width: 200px; }

#sottomenu a:hover,
#sottomenu a:active  {background-image: none; background-color: #FCCB38; height: 28px; width: 200px; }

/*tramite il js con il seguente css visualizza il sottomenu*/
#menu201008 li:hover ul, li.over ul {
display: block;
z-index: 1;
}