.home-block .home-box{
  background: url(../../resources/images/portada/mapa-base.jpg) center center no-repeat;
  background-size: contain;
}

.home-block .home-box.portada{
  background: none;
}

.layers img{ display: block; height: 100%; width: auto; }
.layer1, .layer2,.layer3,
.layer4, .layer5, .layer6 {
  position:absolute;
  top:0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.15s ease-out;
}
.layer1{ background: url(../../resources/images/portada/1-active.png) center center no-repeat; background-size: contain; }
.layer2{ background: url(../../resources/images/portada/2-active.png) center center no-repeat; background-size: contain; }
.layer3{ background: url(../../resources/images/portada/3-active.png) center center no-repeat; background-size: contain; }
.layer4{ background: url(../../resources/images/portada/4-active.png) center center no-repeat; background-size: contain; }
.layer5{ background: url(../../resources/images/portada/5-active.png) center center no-repeat; background-size: contain; }
.layer6{ background: url(../../resources/images/portada/6-active.png) center center no-repeat; background-size: contain; }

.modulo1{
  width: 18.8%;
  height: 15.6%;
  position: absolute;
  top: 1.1%;
  left: 50.2%;
}

.modulo2{
  width: 20.6%;
  height: 15.8%;
  position: absolute;
  top: 9.7%;
  left: 29.4%;
}

.modulo3{
  width: 19%;
  height: 15.8%;
  position: absolute;
  top: 19%;
  left: 51.8%;
}

.modulo4{
  width: 18.7%;
  height: 15.6%;
  position: absolute;
  top: 28.4%;
  left: 29.5%;
}

.modulo5{
  width: 17%;
  height: 15.5%;
  position: absolute;
  top: 38%;
  left: 53.6%;
}

.modulo6{
  width: 17%;
  height: 15.6%;
  position: absolute;
  top: 47.1%;
  left: 29.4%;
}