Optimizar CSS

[ArturoGallegos]

Tu problema es claro, repites demaciadas veces codigo que podria evitarse... debes anidar las clases CSS con estilos en comun por ejemplo:

Código CSS:

.sprite-carta-menu-png,
.sprite-carta-vinos-png,
.sprite-compartir-png{
    float:right;
    background: url(imagenes/iconos-tuciudad2.png) no-repeat; 
    width: 32px;
    height: 32px;
    background-position: -108px -144px;
}
 
.sprite-carta-menu-png:hover {
    background-position: -72px -144px;
}
 
.sprite-carta-vinos-png {
    background-position: -36px -144px;
}
 
.sprite-carta-vinos-png:hover {
    background-position: -0px -144px;
}
 
.sprite-compartir-png {
    float:left;
    background-position: -144px -108px;
}
 
.sprite-compartir-png:hover {
    background-position: -108px -108px;
}