@import url("S_G06_U02_L03_03.css");
 .observaAnimacion2 {
     background-image: url(../img/S_G06_U01_L02_04/observaAnimacion.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 1247px;
     height: 680px;
     position: absolute;
 }
 
.area1 {
    background-image: url(../img/S_G06_U05_L05_03_03/S_G06_U05_L05_03_03-01.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 1247px;
     height: 678px;
     position: absolute;
}

.stiloTitulo {
    font-size: 41.71px; font-family: 'cabin' !important; 
    margin: 0px;    width: 100%;    left: 8.4%;line-height: 41.8px;
}
.hover1{
     width: 53px;
  height: 20px;
  position: absolute;
  top: 18%;
  left: 74.5%;
}
.hover2{
     width: 89px;
  height: 20px;
  position: absolute;
  top: 17.5%;
  left: 80.2%;
}
.hover3{
    width: 192px;
  height: 28px;
  position: absolute;
  top: 30.5%;
  left: 17.2%;
}
.hover4{
     width: 100px;
  height: 28px;
  position: absolute;
  top: 30.5%;
  left: 56.2%;
}

.showHover1{
     width: 283.44px;
  height: 96.9px;
  position: absolute;
  top: 20%;
  left: 69.5%;
    background-image: url(../img/S_G06_U02_L01_04/pop1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.showHover2{
     width: 236.47px;
  height: 82.38px;
  position: absolute;
    top: 20%;
  left: 72.2%;
    background-image: url(../img/S_G06_U02_L01_04/pop2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.showHover3{
    width: 283.44px;
  height: 197px;
  position: absolute;
  top: 34.5%;
  left: 17.2%;
    background-image: url(../img/S_G06_U02_L01_04/pop3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.showHover4{
     width: 454.45px;
  height: 216.94px;
  position: absolute;
  top: 34.5%;
  left: 34.2%;
    background-image: url(../img/S_G06_U02_L01_04/pop4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}