#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:107px;		/* =larghezza del bottone1 */
 
}
 
li#two a {
 
width:135px;	/* =larghezza del bottone2 */
 
}
 
li#three a {
 
width:105px;	/* =larghezza del bottone3 */
 
}
 
li#four a {
 
width:123px;		/* =larghezza del bottone4 */
 
}

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

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

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

li#eight a {
 
width:119px;		/* =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:-107px 0px;  		/* settare con la larghezza del bottone1 */
 
}
 
li#three a:hover,li#three a:active,li#three a.selected {
 
background-position:-242px 0px;			/* = bottone1+ bottone2  */
 
}
 
li#four a:hover,li#four a:active,li#four a.selected {
 
background-position:-346px 0px;			/* = bottone1+bottone2+bottone3  */
 
}

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

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

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

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