#header {
 
width: 1023px; 		/* =larghezza immagine */
 
height: 41px; 		/* =altezza immagine */
 
margin: 5px auto 30px; 	/* cambiare il valore 5 per impostare i pixel del margine superiore e inferiore della barra */
}
 
#header ul#menu li {
 
display: inline;
 
overflow: hidden;
 
height:41px; 		/* =l' altezza dell' immagine */
 
}
 
#header {
 
background: url(images/nav.gif) no-repeat; /* =path immagine di default della barra */
 
}
 
#header ul#menu li a {
 
float: left;
 
height: 0px;
 
padding-top: 41px; 	/* =l' altezza dell' immagine */
 
overflow: hidden;
 
}
 
#menu li a:hover {
 
background: url(images/hover.gif) no-repeat;		/* =path immagine stato hover della barra */
 
}
 
#menu li a:active {
 
background: url(images/active.gif) no-repeat;		/* =path immagine stato active della barra */
 
}
 
#menu li a.selected {
 
background: url(images/selected.gif) no-repeat;	/* =path immagine stato selected della barra */
 
}
 
li#one a {
 
width:108px;		/* =larghezza del bottone1 */
 
}
 
li#two a {
 
width:126px;	/* =larghezza del bottone2 */
 
}
 
li#three a {
 
width:103px;	/* =larghezza del bottone3 */
 
}
 
li#four a {
 
width:128px;		/* =larghezza del bottone4 */
 
}

li#five a {
 
width:117px;		/* =larghezza del bottone5 */
 
}

li#six a {
 
width:125px;		/* =larghezza del bottone6 */
 
}

li#seven a {
 
width:133px;		/* =larghezza del bottone7 */
 
}

li#eight a {
 
width:125px;		/* =larghezza del bottone7 */
 
}

 
li#one a:hover,li#one a:active,li#one a.selected {
 
background-position:0px 0px;
 
}
 
li#two a:hover,li#two a:active,li#two a.selected {
 
background-position:-108px 0px;  		/* settare con la larghezza del bottone1 */
 
}
 
li#three a:hover,li#three a:active,li#three a.selected {
 
background-position:-234px 0px;			/* = bottone1+ bottone2  */
 
}
 
li#four a:hover,li#four a:active,li#four a.selected {
 
background-position:-337px 0px;			/* = bottone1+bottone2+bottone3  */
 
}

li#five a:hover,li#five a:active,li#five a.selected {
 
background-position:-465px 0px;			/* = bottone1+bottone2+bottone3+bottone4 ) */
 
}

li#six a:hover,li#six a:active,li#six a.selected {
 
background-position:-582px 0px;			/* = bottone1+bottone2+bottone3+bottone5 */
 
}

li#seven a:hover,li#seven a:active,li#seven a.selected {
 
background-position:-707px 0px;			/* = bottone1+bottone2+bottone3+bottone5+bottone6 */
 
}

li#eight a:hover,li#eight a:active,li#eight a.selected {
 
background-position:-841px 0px;			/* = bottone1+bottone2+bottone3+bottone5+bottone6 */
 
}