.flechaAtras {
    background-image: url(../img/Flechas/flechaAtras3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 51.36px;
    height: 51.36px;
    position: absolute;
    top: 655px;
    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/flechaSiguiente3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 51.36px;
    height: 51.36px;
    top: 655px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.ggc_contenido_L {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #F4EFF5;
    background-image: url(../img/L_G07_U02_L03_03_01/imgFondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

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

.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%;
}

.imgMenu {
    background-image: url(../img/L_G07_U02_L03_03_01/imgContent.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1248px;
    height: 669px;
    top: 350px;
    left: 632px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgContent2 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgContent2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 887px;
    height: 565.23px;
    top: 350px;
    left: 632px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgContentBlanco {
    background-image: url(../img/L_G07_U02_L03_03_01/imgContentBlanco.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1220.81px;
    height: 650.69px;
    top: 350px;
    left: 632px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgContentImg1 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgAyudame.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 935.42px;
    height: 604.68px;
    top: 346px;
    left: 632px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgContentImg2 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgDeboL.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 934.44px;
    height: 604.05px;
    top: 350px;
    left: 632px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgBocad1 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgBocadillo1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 689.11px;
    height: 277.46px;
    top: 233px;
    left: 682px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgBocad2 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgBocadillo2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 408.4px;
    height: 172.04px;
    top: 220px;
    left: 453px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.lineaFondo {
    width: 1247px;
    height: 4px;
    background: #552778;
    -moz-border-radius: 100px / 50px;
    -webkit-border-radius: 100px / 50px;
    border-radius: 750px / 3px;
    -moz-box-shadow: 0px 2px 12px 1.5px #552778;
    -webkit-box-shadow: 0px 2px 11px 0.5px #552778;
    box-shadow: 0px 2px 11px 0.5px #552778;
}

.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%;
}

.btnMenu {
    cursor: pointer;
    width: 256px;
    height: 276px;
    position: absolute;
    top: 243px;
    left: 80px;
}

.popupT1 {
    background-image: url(../img/L_G07_U03_L02_03_01/imgTexto1.png);
    width: 1002.81px;
    height: 446.76px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.popupT1 .btnCerrar {
    width: 67px;
    height: 67px;
    position: absolute;
    border-radius: 50%;
    top: 67px;
    left: 744px;
}

.popupT2 {
    background-image: url(../img/L_G07_U03_L02_03_01/imgTexto2.png);
    width: 1002.81px;
    height: 446.76px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.popupT2 .btnCerrar {
    width: 67px;
    height: 67px;
    position: absolute;
    border-radius: 50%;
    top: 67px;
    left: 744px;
}

.popupT3 {
    background-image: url(../img/L_G07_U03_L02_03_01/imgTexto3.png);
    width: 1002.81px;
    height: 446.76px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.popupT3 .btnCerrar {
    width: 67px;
    height: 67px;
    position: absolute;
    border-radius: 50%;
    top: 67px;
    left: 744px;
}

.popupT4 {
    background-image: url(../img/L_G07_U03_L02_03_01/imgTexto4.png);
    width: 1002.81px;
    height: 446.76px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.popupT5 {
    background-image: url(../img/L_G07_U03_L02_03_01/imgTexto5.png);
    width: 1002.81px;
    height: 446.76px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.popupT6 {
    background-image: url(../img/L_G07_U03_L02_03_01/imgTexto6.png);
    width: 1002.81px;
    height: 446.76px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.popupT .btnCerrar {
    width: 67px;
    height: 67px;
    position: absolute;
    border-radius: 50%;
    top: 67px;
    left: 744px;
}

.btnSgtPopupNext {
    top: 295px;
    left: 765px;
    cursor: pointer;
    width: 71px;
    height: 60px;
    border-bottom-right-radius: 40%;
    border-top-right-radius: 40%;
}

. btnSgtPopupPrev {
    top: 295px;
    left: 147px;
    cursor: pointer;
    width: 71px;
    height: 60px;
    border-bottom-left-radius: 40%;
    border-top-left-radius: 40%;
}

.headerC {
    background-image: url(../img/L_G07_U03_L05_01/imgHeader.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1182px;
    height: 55.47px;
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    /* z-index: 1; */
}

.actividad {
    position: absolute;
}

header {
    z-index: 3;
}

.sugerencia {
    color: #3F3F3F;
}

.popup1 {
    background-image: url(../img/L_G07_U03_L05_03_01/imgPopup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 890.6px;
    height: 390.84px;
    top: 655px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.popup1 .btnCerrarCC {
    background-image: url(../img/L_G07_U03_L05_03_01/btnCerrar1.png);
    width: 80px;
    height: 80px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 826PX;
    position: absolute;
    top: -30PX;
}

.popup2 {
    background-image: url(../img/L_G07_U03_L05_03_01/imgPopup2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 910.6px;
    height: 420.84px;
    top: 655px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.popup2 .btnCerrarCC {
    background-image: url(../img/L_G07_U03_L05_03_01/btnCerrar1.png);
    width: 80px;
    height: 80px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 846PX;
    position: absolute;
    top: -30PX;
}

.popup3 {
    background-image: url(../img/L_G07_U03_L05_03_01/imgPopup3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 910.6px;
    height: 420.84px;
    top: 655px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.popup3 .btnCerrarCC {
    background-image: url(../img/L_G07_U03_L05_03_01/btnCerrar1.png);
    width: 80px;
    height: 80px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 846PX;
    position: absolute;
    top: -30PX;
}

.btnMenu {
    cursor: pointer;
    width: 344.238px;
    height: 65.344px;
    position: absolute;
    top: 354px;
    left: 604px;
    border-radius: 15px;
}

.imgContent3 {
    background-image: url(../img/L_G07_U03_L05_03_01/imgContent3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1127px;
    height: 612.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%);
}

.imgIntrumentos {
    background-image: url(../img/L_G07_U02_L03_03_01/imgIntrumentos.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 788.47px;
    height: 482.61px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgFlores {
    /* background-image: url(../img/L_G07_U02_L03_03_01/imgFlores.png);*/
    
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 882.23px;
    height: 566.03px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgContent3Texto {
    background-image: url(../img/L_G07_U03_L05_03_01/imgTextoContent3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 649.47px;
    height: 302.98px;
    top: 165px;
    left: 538px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgContent7Texto {
    background-image: url(../img/L_G07_U03_L05_03_01/imgTextoContent7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 543.33px;
    height: 246.33px;
    top: 115px;
    left: 263px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgContent4 {
    background-image: url(../img/L_G07_U03_L05_03_01/imgContent4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1127px;
    height: 612.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%);
}

.imgContent5 {
    background-image: url(../img/L_G07_U03_L05_03_01/imgContent5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1127px;
    height: 612.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%);
}

.imgContent6 {
    background-image: url(../img/L_G07_U03_L05_03_01/imgContent6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1127px;
    height: 612.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%);
}

.imgContent7 {
    background-image: url(../img/L_G07_U03_L05_03_01/imgContent7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1127px;
    height: 612.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%);
}

.imgContent8 {
    background-image: url(../img/L_G07_U03_L05_03_01/imgContent8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1127px;
    height: 612.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%);
}

.lcaracteristicas {
    position: absolute;
    top: 292px;
    font-family: 'cabinregular';
    font-size: 35px;
    left: 236px;
    letter-spacing: normal;
    display: none;
}

.lcaracteristicas li {
    list-style-type: none;
    padding-left: 50px;
    background-image: url('../img/L_G07_U03_L05_03_01/imgMariquita.png');
    background-size: 31.07px 29.16px;
    background-repeat: no-repeat;
}

.clickFucsia {
    background-image: url(../img/clicks/clickFucsia.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 44.67px;
    height: 46px;
    top: 42%;
    left: 48%;
    position: absolute;
}

.itemshow {
    cursor: pointer;
    top: 288px;
    left: 240px;
    width: 760px;
    height: 287.079px;
    position: absolute;
}

.letrasTable {
    font-family: 'cabinregular';
    font-size: 35px;
    padding-left: 38px;
    padding-top: 10px;
}

.btnJemplo {
    cursor: pointer;
    position: absolute;
    width: 313px;
    height: 70px;
    top: 535px;
    left: 383px;
    border-radius: 13px;
}

.btnCerrar {
    position: absolute;
    width: 47.748px;
    height: 47.748px;
    top: 82px;
    left: 1014px;
    border-radius: 16px;
    transform: rotate(73deg);
}

.ejemplo {
    position: absolute;
    top: 80px;
    left: 574px;
    font-family: 'cabinbold';
    font-size: 36px;
    color: #FFFFFF;
}

.elemM1 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgMochila1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 107px;
    height: 76.46px;
}

.elemM2 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgMochila2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 149.72px;
    height: 106.13px;
}

.elemM3 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgMochila3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 99.37px;
    height: 116.48px;
}

.elemM4 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgMochila4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 99.37px;
    height: 116.48px;
}

.elemM5 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgMochila5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 138.26px;
    height: 90.62px;
}

.elemM6 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgMochila6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 41.48px;
    height: 24.9px;
}

.elemM7 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgMochila7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 70.49px;
    height: 22.82px;
}

.elemM8 {
    background-image: url(../img/L_G07_U02_L03_03_01/imgMochila8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 47.85px;
    height: 200.92px;
}

.posElem1 {
    position: absolute;
    top: 543px;
    left: 204px;
}

.posElem2 {
    position: absolute;
    top: 543px;
    left: 567px;
}

.posElem3 {
    position: absolute;
    top: 461px;
    left: 714px;
}

.posElem4 {
    position: absolute;
    top: 291px;
    left: 722px;
}

.posElem5 {
    position: absolute;
    top: 344px;
    left: 546px;
}

.posElem6 {
    position: absolute;
    top: 328px;
    left: 670px;
}

.posElem7 {
    position: absolute;
    top: 121px;
    left: 827px;
}

.posElem8 {
    position: absolute;
    top: 62px;
    left: 251px;
}

.mochila {
    width: 137px;
    height: 178px;
    position: absolute;
    top: 393px;
    left: 903px;
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 33px;
}

.enMochila {
    -moz-animation-name: guardarEnMochila;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -webkit-animation-name: guardarEnMochila;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
}

.imgPicaflor {
    position: absolute;
    top: 110px;
    left: 260px;
    z-index: 2;
}

.contentSonido {
    position: absolute;
    width: 262px;
    height: 240px;
    top: 132px;
    left: 244px;
    cursor: pointer;
}
/* ANIMACIONES */

@-webkit-keyframes guardarEnMochila {
    10% {
        display: block;
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    80% {
        transform: scale(0.2);
    }
    100% {
        display: none;
    }
}

@-moz-keyframes guardarEnMochila {
    10% {
        display: block;
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.5);
    }
    80% {
        -moz-transform: scale(0.2);
    }
    100% {
        display: none;
    }
}

@-ms-keyframes guardarEnMochila {
    10% {
        display: block;
        -ms-transform: scale(1);
    }
    50% {
        -ms-transform: scale(1.5);
    }
    80% {
        -ms-transform: scale(0.2);
    }
    100% {
        display: none;
    }
}