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

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

.area3 {
    background-image: url(../img/S_G07_U01_L03_03_02/imgAct2-area3-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
}

.area4 {
    background-image: url(../img/S_G07_U01_L03_03_02/imgAct2-area4-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
}

.flechaSiguiente {
    width: 65px;
    height: 65px;
    position: absolute;
    left: 92.4%;
    top: 46.3%;
}

.popN1 {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1205px;
    height: 721.5px;
    border-radius: 7px;
}

.popN1 .btnCerrar1 {
    width: 82px;
    height: 82px;
    position: absolute;
    top: 0;
    right: 0px;
    border: 0;
    font-size: 0;
    margin-top: 0px;
    margin-right: 0px;
    z-index: 2;
}

.popN1 .contenido {
    background-image: url(../img/S_G07_U01_L03_03_02/imgAct2-pop1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1205px;
    height: 721.5px;
    position: absolute;
    cursor: pointer;
}

.btnN1 {
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 142px;
}

.popN2 {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1205.25px;
    height: 720.5px;
    border-radius: 7px;
}

.popN2 .btnCerrar2 {
    width: 82px;
    height: 82px;
    position: absolute;
    top: 0;
    right: 0px;
    border: 0;
    font-size: 0;
    margin-top: 0px;
    margin-right: 0px;
    z-index: 2;
}

.popN2 .contenido {
    background-image: url(../img/S_G07_U01_L03_03_02/imgAct2-pop2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1205.25px;
    height: 720.5px;
    position: absolute;
    cursor: pointer;
}

.btnN2 {
    position: absolute;
    width: 115px;
    height: 115px;
    border-radius: 142px;
}

.popN3 {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1205px;
    height: 720.42px;
    border-radius: 7px;
}

.popN3 .btnCerrar3 {
    width: 82px;
    height: 82px;
    position: absolute;
    top: 0;
    right: 0px;
    border: 0;
    font-size: 0;
    margin-top: 0px;
    margin-right: 0px;
    z-index: 2;
}

.popN3 .contenido {
    background-image: url(../img/S_G07_U01_L03_03_02/imgAct2-pop3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1205px;
    height: 720.42px;
    position: absolute;
    cursor: pointer;
}

.btnN3 {
    position: absolute;
    width: 195px;
    height: 195px;
    border-radius: 142px;
}

.asd1 {
    width: 370px;
    height: 35px;
    position: absolute;
    top: 51.8%;
    left: 36.2%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border: 0;
    background-color: transparent;
    font-size: 24px;
}

.asd1:focus {
    outline: none;
}

.dsa1 {
    width: 415px;
    height: 35px;
    position: absolute;
    top: 84.5%;
    left: 55.6%;
    border: 0;
    background-color: transparent;
    font-size: 24px;
}

.dsa1:focus {
    outline: none;
}
.asd2 {
    width: 370px;
    height: 35px;
    position: absolute;
    top: 51.8%;
    left: 36.2%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border: 0;
    background-color: transparent;
    font-size: 24px;
}

.asd2:focus {
    outline: none;
}

.dsa2 {
    width: 415px;
    height: 35px;
    position: absolute;
    top: 84.5%;
    left: 55.6%;
    border: 0;
    background-color: transparent;
    font-size: 24px;
}

.dsa2:focus {
    outline: none;
}
.asd3 {
    width: 370px;
    height: 35px;
    position: absolute;
    top: 51.8%;
    left: 36.2%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border: 0;
    background-color: transparent;
    font-size: 24px;
}

.asd3:focus {
    outline: none;
}

.dsa3 {
    width: 415px;
    height: 35px;
    position: absolute;
    top: 84.5%;
    left: 55.6%;
    border: 0;
    background-color: transparent;
    font-size: 24px;
}

.dsa3:focus {
    outline: none;
}