.area1 {
    background-image: url(../img/S_G07_U01_L01_03_06/imgAct6-area1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.area2 {
    background-image: url(../img/S_G07_U01_L01_03_03/imgAct3-area2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.flechaSiguiente {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 48.7%;
    top: 89.5%;
}

.flechaHome {
    width: 55px;
    height: 55px;
    position: absolute;
    left: 92.5%;
    top: 6.5%;
}

.click1 {
    background-image: url(../img/S_G07_U01_L01_03_06/imgAct6-ilus1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 53.33px;
    height: 59.52px;
    position: absolute;
    right: 9%;
    top: 15%;
}

.over1 {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 22%;
    background-color: white;
    border-radius: 10px;
}

.over2 {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 65.6%;
    top: 19%;
    background-color: white;
    border-radius: 10px;
}

.over3 {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 59.4%;
    top: 34.2%;
    background-color: white;
    border-radius: 10px;
}

.over4 {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 49.4%;
    top: 45.4%;
    background-color: white;
    border-radius: 10px;
}

.over5 {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 62.3%;
    background-color: white;
    border-radius: 10px;
}

.over6 {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 74.6%;
    top: 67.3%;
    background-color: white;
    border-radius: 10px;
}