@charset "utf-8";
/* CSS Document */

.lineaFondo {
    width: 1247px;
    height: 4px;
    background: #662482;
    border-radius: 750px / 3px;
    box-shadow: 0px 2px 12px 1.5px #575756;
}
/*inicio flechas nav*/

.flechaAtras {
    width: 45px;
    height: 100px;
    position: absolute;
}

.flechaSiguiente {
    width: 75px;
    height: 60px;
    position: absolute;
}

.respuesta {
    width: 270px;
    height: 75px;
    position: absolute;
}

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

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

.info1 {
    background-image: url(../img/M_G07_U05_L03_01/imgI-ilus1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 597.6px;
    height: 173.97px;
    position: absolute;
    top: 19%;
    left: 31%;
}

.info2 {
    background-image: url(../img/M_G07_U05_L03_01/imgI-ilus2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 745.88px;
    height: 159.54px;
    position: absolute;
    top: 55%;
    left: 13%;
}

.padre {
    width: 235px;
    height: 330px;
    position: absolute;
    top: 39%;
    left: 24%;
}

.hijo {
    width: 160px;
    height: 285px;
    position: absolute;
    top: 52%;
    left: 72%;
}