.lineaFondo {
    width: 1247px;
    height: 4px;
    background: #662482;
    border-radius: 750px / 3px;
    box-shadow: 0px 2px 12px 1.5px #575756;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 61px;
    height: 129px;
    position: absolute;
    left: 11%;
    top: 45%;
}

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguiente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 61px;
    height: 129px;
    position: absolute;
    left: 91.5%;
    top: 45%;
}

.flechaAtras2 {
    background-image: url(../img/nav/flechaAtras2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 61px;
    height: 129px;
    position: absolute;
    left: 2.3%;
    top: 44%;
}

.flechaSiguiente2 {
    background-image: url(../img/nav/flechaSiguiente2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 61px;
    height: 129px;
    position: absolute;
    left: 92%;
    top: 44%;
}

.flechaAtras3 {
    background-image: url(../img/nav/flechaAtras3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 61px;
    height: 129px;
    position: absolute;
    left: 2.3%;
    top: 44%;
}

.flechaSiguiente3 {
    background-image: url(../img/nav/flechaSiguiente3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 61px;
    height: 129px;
    position: absolute;
    left: 92%;
    top: 44%;
}

.flechaIzquierda {
    background-image: url(../img/nav/flechaIzquierda.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 156.55px;
    height: 47.19px;
    position: absolute;
    left: 382px;
    top: 616px;
    cursor: pointer;
}

.flechaDerecha {
    background-image: url(../img/nav/flechaDerecha.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 156.55px;
    height: 47.19px;
    position: absolute;
    left: 600px;
    top: 616px;
    cursor: pointer;
}

.ggc_contenido_M {
    background: #662482;
    border-bottom-color: #662482;
    color: #575756;
}

.imgFblanco {
    background-image: url(../img/M_G07_U01_L02_03_03/imgAct3Popup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1146px;
    height: 747px;
    position: absolute;
    top: 0px;
    left: -9px;
}

.imgFblanco .btnPopupC {
    background-image: url(../img/M_G07_U01_L02_03_03/btnCloseP1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 1073px;
    top: -18px;
}

.imgFblanco .btnPopupMorado {
    background-image: url(../img/M_G07_U01_L02_03_04/btnPopupMorado.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 1073px;
    top: -18px;
}

.imgPopupIntro2 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4iFpopup.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1143.93px;
    height: 743.18px;
}

.imgPopupIntro2 .btnPopupC {
    background-image: url(../img/M_G07_U01_L02_03_03/btnCloseP2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 1073px;
    top: -18px;
}

.imgPopupIntro2 .btnPopupC2 {
    background-image: url(../img/M_G07_U01_L02_03_03/btnCloseP3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 1073px;
    top: -18px;
    z-index: 3;
}

.imgPopupIntro2 .contentTitulo {
    background-color: #B770F9;
}

.btnPopup {
    cursor: pointer;
    width: 226px;
    height: 66px;
    top: 130px;
    left: 727px;
    position: absolute;
    border-radius: 8px;
}

.imgIContent1 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4Content.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1149px;
    height: 552px;
    position: absolute;
    left: 50%;
    top: 53%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracion1 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4ilustracion1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 670.87px;
    height: 317.98px;
    position: absolute;
    left: 717px;
    top: 237px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.bocadillo1 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4Bocadillo1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 120.78px;
    height: 108px;
    position: absolute;
    left: 195px;
    top: 187px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracion2 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4ilustracion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 75.05px;
    height: 44.14px;
    position: absolute;
    left: 41px;
    top: 189px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.bocadillo2 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4Bocadillo2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 128.82px;
    height: 79.67px;
    position: absolute;
    left: 195px;
    top: 209px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracion3 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4ilustracion3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 75.05px;
    height: 367.76px;
    position: absolute;
    left: 41px;
    top: 243px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.bocadillo3 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4Bocadillo3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 311.82px;
    height: 167.28px;
    position: absolute;
    left: -153px;
    top: 121px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.bocadillo4 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4Bocadillo4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 200.95px;
    height: 261.67px;
    position: absolute;
    left: -60px;
    top: 176px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracion5 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4ilustracion5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 75.05px;
    height: 44.14px;
    position: absolute;
    left: 41px;
    top: 619px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracion7 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4ilustracion7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1090.45px;
    height: 484.48px;
    position: absolute;
    left: 48.6%;
    top: 54%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracion8 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4ilustracion8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 968.95px;
    height: 563.97px;
    position: absolute;
    left: 48.6%;
    top: 54%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracion9 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4ilustracion9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 974.13px;
    height: 607px;
    position: absolute;
    left: 48.6%;
    top: 52.5%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.bocadillo5 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4Bocadillo5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 296px;
    height: 288.93px;
    position: absolute;
    left: -14px;
    top: 283px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracion5 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4ilustracion5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 75.05px;
    height: 44.14px;
    position: absolute;
    left: 42px;
    top: 619px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracion6 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4ilustracion6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1122.11px;
    height: 570.06px;
    position: absolute;
    left: 48.7%;
    top: 362PX;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgComentario {
    background-image: url(../img/M_G07_U01_L02_03_04/comentario.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 400.57px;
    height: 146.14px;
    position: absolute;
    left: 839px;
    top: 312px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.btnValidar {
    background-image: url(../img/M_G07_U01_L02_03_03/btnValidar.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 191px;
    height: 82px;
    position: absolute;
    left: 468px;
    top: 682px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    cursor: pointer;
}

.btnReiniciar {
    background-image: url(../img/M_G07_U01_L02_03_03/btnReiniciar.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 662px;
    top: 682px;
    position: absolute;
    width: 191px;
    height: 82px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    cursor: pointer;
}

.imgIlustracion10 {
    background-image: url(../img/M_G07_U01_L02_03_04/imgAct4ilustracion10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1170.12px;
    height: 513.05px;
    position: absolute;
    left: 49.3%;
    top: 359px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.contentTitulo {
    width: 227.194px;
    height: 72.85px;
    /* border: 1px solid black; */
    
    position: relative;
    margin: 0px auto;
    background-color: #29DC9B;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 10px;
    z-index: 2;
}

.contentTitulo > div {
    font-family: 'cabinregular';
    font-size: 35px;
    color: #FFFFFF;
    letter-spacing: normal;
    margin: 0px auto;
    text-align: center;
    padding-top: 12px;
}

.btnPopuMapa {
    cursor: pointer;
    width: 39.438px;
    height: 39.438px;
    border-radius: 50%;
    top: 343px;
    left: 172px;
}

.input3:nth-child(3) {
    left: 567px;
}

.V {
    color: #1A9D0C !important;
}

.F {
    color: #F5462B !important;
}

.Vbackgorund {
    background-color: #AACD4C !important;
}

.Fbackgorund {
    background-color: #F5462B !important;
    color: #FFFFFF !important;
}

textarea {
    position: absolute;
    left: 268px;
    top: 195px;
    width: 575px;
    height: 107px;
    resize: none;
    outline: none;
    font-family: 'cabinmedium';
    font-size: 35px;
    color: #706F6F;
    padding: 9px;
    background-color: transparent;
    border: 0px;
}

.input {
    position: absolute;
    top: 227px;
    z-index: 2;
    left: 36px;
    width: 500px;
    height: 88px;
    text-align: center;
    outline: none;
    font-family: 'cabinmedium';
    font-size: 35px;
    background-color: transparent;
    border: 0px;
    color: #706F6F;
}

.inputSmall {
    position: absolute;
    top: 461px;
    z-index: 2;
    left: 605px;
    width: 123px;
    height: 40px;
    background-color: transparent;
    border: 0px;
    text-align: center;
    font-family: 'cabinmedium';
    font-size: 30px;
    outline: none;
}

.imgReloj {
    background-image: url(../img/M_G07_U01_L02_03_04/imgReloj.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 921px;
    height: 617px;
    position: absolute;
    left: 508px;
    top: 398px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgBtnIniciarR {
    background-image: url(../img/M_G07_U01_L02_03_04/imgBtnIniciar.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 189.84px;
    height: 80.64px;
    position: absolute;
    left: 197px;
    top: 483px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    cursor: pointer;
}

select {
    position: absolute;
    left: 747px;
    top: 17px;
    width: 83px;
    height: 64px;
    text-align: center;
    text-indent: 27px;
    font-family: 'cabinregular';
    font-size: 45px;
    color: #575756;
    font-weight: bold;
    border: 0px;
    outline: none;
    cursor: pointer;
    /*  -webkit-appearance: none;*/
}

select option {
    outline: none;
    border: 0px;
}

select::-ms-expand {
    display: none;
}

select::expand {
    display: none;
}

.imgReloj select:nth-child(1) {
    top: 18px;
}

.imgReloj select:nth-child(2) {
    top: 83px;
}

.imgReloj select:nth-child(3) {
    top: 149px;
}

.imgReloj select:nth-child(4) {
    top: 215px;
}

.imgReloj select:nth-child(5) {
    top: 281px;
}

.imgReloj select:nth-child(6) {
    top: 347px;
}

.imgReloj select:nth-child(7) {
    top: 413px;
}

.imgReloj select:nth-child(8) {
    top: 479px;
}

.imgReloj select:nth-child(9) {
    top: 545px;
}

.noClicked {
    pointer-events: none;
}

.textText {
    font-family: 'cabinregular';
    font-size: 51.3px;
    color: #D8531E;
    position: absolute;
    top: 339px;
    left: 115px;
    letter-spacing: normal;
}

.textText > div {
    display: inline-block;
}

.clickboton {
    -webkit-animation: 1s clickboton infinite;
}

.conteo {
    -webkit-animation: 1s conteo infinite;
}
/*@-webkit-keyframes clickboton {
    from {
       /* transform: scale(0.8);
        border:2px solid black;
    }
    to {
        /*transform: scale(0.9);
        border:2px solid red;
    }
}*/
/* Chrome, Safari, Opera */

@-webkit-keyframes clickboton {
    from {
        transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        -webkit-transform: translate(-50%, -50%) scale(0.8);
    }
    to {
        transform: translate(-50%, -50%) scale(0.9);
        -moz-transform: translate(-50%, -50%) scale(0.9);
        -ms-transform: translate(-50%, -50%) scale(0.9);
        -webkit-transform: translate(-50%, -50%) scale(0.9);
    }
}
/* Standard syntax */

@keyframes clickboton {
    from {
        transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        -webkit-transform: translate(-50%, -50%) scale(0.8);
    }
    to {
        transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
}

@-webkit-keyframes conteo {
    from {
        transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }
    to {
        transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
}

@keyframes conteo {
    from {
        transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }
    to {
        transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
}

.ulMayorMenor {
    position: absolute;
    padding: 0px;
    margin: 0px;
    width: 731.725px;
    height: 188.67px;
    left: 212px;
    top: 190px;
}

.ulMayorMenor li {
    display: inline-block;
    width: 100.626px;
    height: 72.67px;
    padding: 21px;
}

.ulMayorMenor li > div {
    width: 100.625px;
    height: 72.67px;
    background-color: #C7F157;
    font-family: 'cabinregular';
    font-size: 45px;
    text-align: center;
    color: #706F6F;
}

.ulMayorMenor li > div > div {
    padding-top: 10px;
}

.ulMayorMenorTarget {
    position: absolute;
    /* height: 47.67px; */
    
    top: 488px;
    left: -12px;
}

.ulMayorMenorTarget li {
    width: 100.625px;
    height: 72.67px;
    border: 1px transparent;
    display: inline-block;
    margin: 3px;
}

.ulMayorMenor2 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    width: 731.725px;
    height: 188.67px;
    left: 212px;
    top: 190px;
}

.ulMayorMenor2 > div {
    display: inline-block;
    width: 100.625px;
    height: 72.67px;
    padding: 21px;
}

.ulMayorMenor2 > div > div {
    width: 100.625px;
    height: 72.67px;
    background-color: #C7F157;
    font-family: 'cabinregular';
    font-size: 45px;
    text-align: center;
    color: #706F6F;
}

.ulMayorMenor2 > div > div > div {
    padding-top: 10px;
}

.ulMayorMenorTarget2 {
    position: absolute;
    /* height: 47.67px; */
    
    top: 503px;
    left: 28px;
    width: 1085px;
}

.ulMayorMenorTarget2 > div {
    width: 98.626px;
    height: 70.67px;
    border: 1px solid white;
    display: inline-block;
    margin: 3px;
}