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

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

.flechaAtras {
    background-image: url(../img/nav/flechaAtras1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71.94px;
    height: 71.94px;
    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_G07_U04_L07_03_01/imgFondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 681px;
}

.imgContent1 {
    background-image: url(../img/L_G07_U04_L07_03_01/imgContent.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%;
}

.imgTexto1 {
    background-image: url(../img/L_G06_U05_L05_03_01/act1Texto1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1075px;
    height: 488px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 43.5%;
    left: 50%;
}

.tituloText {
    position: absolute;
    font-family: 'cabinbold';
    font-size: 45.31px;
    letter-spacing: normal;
    top: 60px;
    left: 395px;
    color: #333B45;
}

.textBody {
    position: absolute;
    font-family: 'cabin';
    font-size: 35px;
    color: #1F4723;
    letter-spacing: normal;
    line-height: 42px;
    left: 453px;
    top: 118px;
}

.textAutor {
    position: absolute;
    font-family: 'cabin';
    font-style: italic;
    font-size: 20px;
    color: #4F8E3A;
    letter-spacing: normal;
    line-height: 24px;
    left: 452px;
    top: 435px;
}

.imgIlustracion1 {
    background-image: url(../img/L_G07_U04_L07_03_01/imgIlustracion1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 970.45px;
    height: 475.48px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 44.5%;
    left: 50%;
}

.imgIlustracion2 {
    background-image: url(../img/L_G07_U04_L07_03_01/imgIlustracion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 645.92px;
    height: 402px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 37.5%;
    left: 62%;
}

.imgIlustracion3 {
    background-image: url(../img/L_G07_U04_L07_03_01/imgIlustracion3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 754px;
    height: 424px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 39.5%;
    left: 60%;
}

.imgIlustracion4 {
    background-image: url(../img/L_G07_U04_L07_03_01/imgIlustracion4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 749.69px;
    height: 498.05px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 45.5%;
    left: 58%;
}

.imgIlustracion5 {
    background-image: url(../img/L_G07_U04_L07_03_01/imgIlustracion5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 347.88px;
    height: 537.46px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 264PX;
}

.imgIlustracion6 {
    background-image: url(../img/L_G07_U04_L07_03_01/imgIlustracion6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 900.74px;
    height: 523.45px;
    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%;
}

.imgIlustracion7 {
    background-image: url(../img/L_G07_U04_L07_03_01/imgIlustracion7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1013.04px;
    height: 523.45px;
    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%;
}

.btnPoesia {
    cursor: pointer;
    position: absolute;
    width: 336px;
    height: 74px;
    border: 1px solid;
    top: 383px;
    left: 578px;
    border-radius: 10px;
}

.imgPopup1 {
    background-image: url(../img/L_G07_U04_L07_03_01/imgPopup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1201px;
    height: 617px;
}

.imgPopup1 .btnCerraP {
    background-image: url(../img/L_G07_U04_L07_03_01/btnCerrarP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 1134px;
    top: 30px;
}

.titleTextPopup {
    position: absolute;
    top: 98px;
    font-family: 'cabinbold';
    font-size: 43px;
    color: #1F4723;
    left: 217px;
    letter-spacing: normal;
}

.textBodyPopup {
    position: absolute;
    font-family: 'cabinregular';
    font-size: 35px;
    color: #1F4723;
    letter-spacing: normal;
    top: 172px;
    left: 218px;
    line-height: 42px;
}