#perque {
  background: transparent url("perque.png") no-repeat top left;
}
#perque:hover {
  background: transparent url("perque-over.png") no-repeat top left;
}

#mitjans {
  background: transparent url("mitjans.png") no-repeat top left;
}
#mitjans:hover {
  background: transparent url("mitjans-over.png") no-repeat top left;
}

#informe {
  background: transparent url("informe.png") no-repeat top left;
}
#informe:hover {
  background: transparent url("informe-over.png") no-repeat top left;
}

#oficina {
  background: transparent url("oficina.png") no-repeat top left;
}
#oficina:hover {
  background: transparent url("oficina-over.png") no-repeat top left;
}

#international {
  background: transparent url("international.png") no-repeat top left;
}
#international:hover {
  background: transparent url("international-over.png") no-repeat top left;
}

#faq {
  background: transparent url("faq.png") no-repeat top left;
}
#faq:hover {
  background: transparent url("faq-over.png") no-repeat top left;
}

#diversitat {
  background: transparent url("diversitat.png") no-repeat top left;
}
#diversitat:hover {
  background: transparent url("diversitat-over.png") no-repeat top left;
}

#links {
  background: transparent url("links.png") no-repeat top left;
}
#links:hover {
  background: transparent url("links-over.png") no-repeat top left;
}

#extras {
  background: transparent url("extras.png") no-repeat top left;
}
#extras:hover {
  background: transparent url("extras-over.png") no-repeat top left;
}