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

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguiente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71.67px;
    height: 71.67px;
    position: absolute;
    top: 89.5%;
    left: 45%;
    z-index: 1;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71.67px;
    height: 71.67px;
    position: absolute;
    top: 89.5%;
    left: 45%;
    z-index: 1;
}

.centrado {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.imgFondo {
    background-image: url(../img/L_G06_U05_L05_03_01/imgAct1Fondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 681px;
}

.imgContent1 {
    background-image: url(../img/L_G06_U05_L05_03_01/imgAct1Content1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1170px;
    height: 621.77px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.btnPopup1 {
    top: 486px;
    left: 81px;
    cursor: pointer;
    width: 363px;
    height: 73px;
    position: absolute;
    z-index: 1;
    border-radius: 10px;
}

.popup1 {
    background-image: url(../img/L_G06_U05_L05_03_02/act1Popup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1111.45px;
    height: 573.93px;
}

.popup1 .btnCerrarP {
    background-image: url(../img/closePopup/closePopup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 1054px;
    top: -18px;
    border-radius: 50%;
    -moz- border-radius: 50%;
    -ms- border-radius: 50%;
}

.popup2 {
    background-image: url(../img/L_G06_U05_L05_03_02/act1Popup2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1111.45px;
    height: 573.93px;
}

.popup2 .btnCerrarP {
    background-image: url(../img/closePopup/closePopup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 1054px;
    top: -18px;
    border-radius: 50%;
    -moz- border-radius: 50%;
    -ms- border-radius: 50%;
}

.popup3 {
    background-image: url(../img/L_G06_U05_L05_03_02/act1Popup3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1111.45px;
    height: 573.93px;
}

.popup3 .btnCerrarP {
    background-image: url(../img/closePopup/closePopup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 1054px;
    top: -18px;
    border-radius: 50%;
    -moz- border-radius: 50%;
    -ms- border-radius: 50%;
}

.img1 {
    background-image: url(../img/L_G06_U05_L05_03_02/act1Renacer1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 740.67px;
    height: 494.77px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 52%;
    left: 50%;
}

.img2 {
    background-image: url(../img/L_G06_U05_L05_03_02/act1Renacer2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1030.2px;
    height: 477.88px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 52%;
    left: 50%;
}

.img3 {
    background-image: url(../img/L_G06_U05_L05_03_02/act1Renacer3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 369.2px;
    height: 477.88px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 52%;
    left: 50%;
}

.tituloText {
    position: absolute;
    font-family: 'cabinbold';
    font-size: 40px;
    letter-spacing: normal;
    top: 54px;
    /* left: 315px; */
    
    color: #333B45;
    width: 100%;
    text-align: center;
}