@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_U02_L01_04/imgAct1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    top: 0%;
    left: 0%;
}
.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%;
}