.menu {
  border: solid 1px #EAEAEA;
  padding:10px 10px 15px 10px;
  background-color:#F2F2F2;
}

.menuItem {
  padding:4px 10px 4px 10px;
  border-bottom:solid 1px #dddddd;
}

.menuItem:hover {
  background-color:#f1f1f1;
}

.menuItem a {
  color:#004080;
  font-weight:bold;
  text-decoration:none;
}

.menuItem a:hover {
  color:#666666;
}

#demo {
  background-color:#eeeeee;
  cursor:pointer;
  padding:5px 20px 5px 20px;
  margin: 30px 0;
  width: 425px;
}

#demo span {
  padding:3px 20px 0px 20px;
  cursor:pointer;
}

#demo span:hover {
  text-decoration:underline;
}


/* menu top categorie */
.menutop {
list-style: none;
position: relative;
margin: 0;
padding: 0;
}
.menutop li{
display: block;
overflow: hidden;
padding: 0;
cursor: pointer;
float: left;
height: 52px;
margin-right: 0px;
background-image:url(http://www.computer-informatica.it/Themes/Comp-Inf/Images/menu_sprite.gif);
background-repeat:no-repeat;
}
.menutop a{
display:block;
height:52px;
text-indent:-9999px;
outline:none;
}

#item1 {
background-position:0px 0px;
width: 138px;
}
#item2 {
background-position:-138px 0px;
width: 170px;
}
#item3 {
background-position:-308px 0px;
width: 171px;
}
#item4 {
background-position:-479px 0px;
width: 180px;
}
#item5 {
background-position:-659px 0px;
width: 170px;
}
#item6 {
background-position:-829px 0px;
width: 132px;
}


#item1.active, #item1:hover {
background-position: 0 bottom;
}
#item2.active, #item2:hover{
background-position: -138px bottom;
}
#item3.active, #item3:hover {
background-position: -308px bottom;
}
#item4.active, #item4:hover {
background-position: -479px bottom;
}
#item5.active, #item5:hover {
background-position: -659px bottom;
}
#item6.active, #item6:hover {
background-position: -829px bottom;
}

/* menu utility */

.menuUtility {
list-style: none;
position: relative;
margin: 0;
padding: 0;
}
.menuUtility li{
display: block;
overflow: hidden;
padding: 0;
cursor: pointer;
float: left;
height: 29px;
margin-right: 0px;
background-image: url(http://www.computer-informatica.it/Themes/Comp-Inf/Images/utility_sprite.gif);
background-repeat:no-repeat;
}
.menuUtility a{
display:block;
height:29px;
text-indent:-9999px;
outline:none;
}

#item1Utility {
background-position:0px 0px;
width: 85px;
}
#item2Utility {
background-position:-85px 0px;
width: 117px;
}
#item3Utility {
background-position:-202px 0px;
width: 332px;
}
#item4Utility {
background-position:-534px 0px;
width: 126px;
}


#item1Utility.active, #item1Utility:hover {
background-position: 0 bottom;
}
#item2Utility.active, #item2Utility:hover{
background-position: -85px bottom;
}
#item3Utility.active, #item3Utility:hover {
background-position: -202px bottom;
}
#item4Utility.active, #item4Utility:hover {
background-position: -534px bottom;
}