/*@font-face {
    font-family: 'segoe-print';
    src: url('font/segoe-print.eot');
    src: url('font/segoe-print.eot?#iefix') format('embedded-opentype'), url('font/segoe-print.woff') format('woff'), url('font/segoe-print.ttf') format('truetype'), 
        url('font/segoe-print.svg#segoePrint') format('svg');
}*/

.flechaAtras {
    background-image: url(../img/Flechas/flechaAtras2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 94%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.flechaSiguiente {
    background-image: url(../img/Flechas/flechaSiguiente2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
    top: 94%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.clickObj {
    background-image: url(../img/clicks/clickObj.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 22.42px;
    height: 24.72px;
    position: absolute;
    top: 36px;
    left: 153px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.ggc_contenido_L {
    /*background-image: url(../img/L_G06_U06_L04_03_01/L_G06_U06_L01-35.png);*/
    
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #E9EBF7;
}

.actividad {
    position: absolute;
    z-index: 1;
}

.tituloContent {
    text-align: center;
    font-size: 38.65px;
    font-family: "cabinregular";
    line-height: 53.75px;
}

.imfF {
    background-image: url(../img/L_G06_U04_L06-51.png);
    background-repeat: no-repeat;
    background-size: 100% 95%;
    width: 1247px;
    height: 679px;
    top: 340px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgF1 {
    background-image: url(../img/L_G06_U04_L06-49.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1125px;
    height: 590.77px;
    top: 53%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgF2 {
    background-image: url(../img/L_G06_U04_L06_03_01/imgF1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1016px;
    height: 532px;
    top: 296px;
    left: 51%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgF3 {
    background-image: url(../img/L_G06_U04_L06_03_01/imgF2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1086.25px;
    height: 618.5px;
    top: 254px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
}

.imgF4 {
    background-image: url(../img/L_G06_U04_L06_03_01/imgTexto1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 837px;
    height: 576px;
    top: 272px;
    left: 49%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
}

.imgD1 {
    background-image: url(../img/L_G06_U04_L06_03_01/imgD1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 740.74px;
    height: 190px;
    top: 379px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
}

.imgD2 {
    background-image: url(../img/L_G06_U04_L06_03_01/imgD2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 196.09px;
    height: 78.08PX;
    top: -26px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
}

.imgD3 {
    background-image: url(../img/L_G06_U04_L06_03_01/imgD3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 666.59px;
    height: 78.08PX;
    top: 83px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
}

.imgD4 {
    background-image: url(../img/L_G06_U04_L06_03_01/imgD4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 906.42px;
    height: 78.08PX;
    top: 198px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
}

.imgTextoD {
    background-image: url(../img/L_G06_U04_L06_03_01/imgD5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 902.96px;
    height: 172.49PX;
    top: 108px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
}

.imgSonido {
    background-image: url(../img/L_G06_U06_L04_03_01/imgSonido.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71.25px;
    height: 71px;
    top: 581px;
    left: 309px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 3;
    cursor: pointer;
    border-radius: 50%;
}

.imgPoema {
    background-image: url(../img/L_G06_U04_L06_03_01/imgPoema.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 300.4px;
    height: 440.98px;
    top: 324px;
    left: 141px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgCPoema {
    background-image: url(../img/L_G06_U04_L06_03_01/imgCpoema.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1049.95px;
    height: 579.84px;
    top: 282px;
    left: 49.5%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgF5 {
    background-image: url(../img/L_G06_U04_L06_03_01/imgF3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 981.55px;
    height: 532px;
    top: 282px;
    left: 49.5%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgVerso {
    background-image: url(../img/L_G06_U04_L06_03_01/imgVerso.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 251.47px;
    height: 136.49px;
    top: 371px;
    left: 686px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgEstrofa {
    background-image: url(../img/L_G06_U04_L06_03_01/imgEstrofa.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 239.66px;
    height: 212.85px;
    top: 224px;
    left: 704px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgSugerencia {
    width: 23.83px;
    height: 25.02px;
}

.log_cc {
    background-image: url(../img/imgLicencia_cc.png);
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 85.7%;
    position: absolute;
    top: 82%;
}

.textoAbsoluto {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 83px;
    font-family: 'cabinbold';
    font-size: 45px;
    width: 443px;
    letter-spacing: normal;
    text-align: center;
    color: #343A49;
    line-height: 54px;
    text-align: left;
}

.titleCC {
    width: 84%;
}

.valores {
    width: 150px;
    height: 150px;
    border: 1px solid white;
    border-radius: 50%;
    background-color: blue;
    transform: translate(-50%, -50%);
    left: 59%;
    top: 31%;
    position: absolute;
}

.tiempo {
    width: 150px;
    height: 150px;
    border: 1px solid white;
    border-radius: 50%;
    background-color: blue;
    transform: translate(-50%, -50%);
    left: 45%;
    top: 50%;
    position: absolute;
}

.responsabilidad {
    width: 150px;
    height: 150px;
    border: 1px solid white;
    border-radius: 50%;
    background-color: blue;
    transform: translate(-50%, -50%);
    left: 55%;
    top: 68%;
    position: absolute;
}

.popup1 {
    margin: 0px;
    width: 1008.13px;
    height: 497.02px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-image: url(../img/L_G06_U04_L06_03_01/imgPopup1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.popup1 .btnCerrarCC {
    background-image: url(../img/L_G06_U04_L06_03_01/btnCerrarP1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 66.23PX;
    height: 74.12px;
    position: absolute;
    top: -26px;
    left: 960px;
    border: 0;
    font-size: 0;
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.popup2 {
    margin: 0px;
    width: 1008.13px;
    height: 497.02px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-image: url(../img/L_G06_U04_L06_03_01/imgPopup2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.popup2 .btnCerrarCC {
    background-image: url(../img/L_G06_U04_L06_03_01/btnCerrarP2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 66.23PX;
    height: 74.12px;
    position: absolute;
    top: -26px;
    left: 960px;
    border: 0;
    font-size: 0;
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.popup3 {
    margin: 0px;
    width: 1008.13px;
    height: 497.02px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-image: url(../img/L_G06_U04_L06_03_01/imgPopup3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.popup3 .btnCerrarCC {
    background-image: url(../img/L_G06_U04_L06_03_01/btnCerrarP3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 66.23PX;
    height: 74.42px;
    position: absolute;
    top: -26px;
    left: 960px;
    border: 0;
    font-size: 0;
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.divBtnTransparente {
    top: 345px;
    left: 631px;
    cursor: pointer;
    width: 233px;
    height: 64.539px;
    z-index: 2;
    position: absolute;
    border-radius: 11px;
}

.itemShowEjemplo {
    cursor: pointer;
    width: 183px;
    height: 63px;
    top: 160px;
    position: absolute;
    left: 63px;
    border-radius: 10px;
}

.textoPopup {
    font-family: 'cabinregular';
    font-size: 35px;
    width: 650px;
    line-height: 39px;
    color: #343A49;
    letter-spacing: normal;
}

.imgF6 {
    background-image: url(../img/L_G06_U04_L06_03_01/imgF6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1019.14PX;
    height: 484.98px;
    top: 287px;
    left: 49%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
}