/*ILUSTRACIONES*/
/*peso*/

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguenteAzul.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 73.45px;
    height: 85px;
    position: absolute;
    left: 92.5%;
    top: 86.5%;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtrasAzul.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 73.45px;
    height: 85px;
    position: absolute;
    left: 2%;
    top: 86.5%;
}

.ggc_contenido_M {
    border-bottom-color: #1D70B7;
    color: #FFFFFF;
    background-color: #D4E9F0;
}

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

.content {
    width: 1206.623px;
    height: 519.015px;
    /* border: 1px solid black; */
    
    background-color: #6B80DB;
    position: absolute;
    top: 49.5%;
    box-shadow: 2px 3px 12px #7A7A7A;
    border-radius: 7px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
}

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

.imgAct1Ilustracion1 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1057.67px;
    height: 583px;
    position: absolute;
    left: 50%;
    top: 53%;
}

.imgAct1Ilustracion2 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1220px;
    height: 634px;
    position: absolute;
    left: 49%;
    top: 52%;
}

.imgAct1Ilustracion2_1 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion2_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 811.98px;
    height: 502px;
    position: absolute;
    left: 47%;
    top: 52%;
}

.imgAct1Ilustracion2_2 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion2_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 811.98px;
    height: 502px;
    position: absolute;
    left: 590px;
    top: 355px;
}

.imgAct1Ilustracion2_3 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion2_3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 811.98px;
    height: 502px;
    position: absolute;
    left: 583px;
    top: 361px;
}

.imgAct1Ilustracion3 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1202.94px;
    height: 646.04px;
    position: absolute;
    left: 607px;
    top: 336px;
    z-index: 2;
}

.imgAct1Ilustracion3_1 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion3_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 760.82px;
    height: 507.05px;
    position: absolute;
    left: 560px;
    top: 349px;
    z-index: 2;
}

.imgAct1Ilustracion3_2 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion3_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 755.79px;
    height: 501.05px;
    position: absolute;
    left: 552px;
    top: 352px;
    z-index: 2;
}

.imgAct1Ilustracion3_3 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion3_3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 760.82px;
    height: 507.05px;
    position: absolute;
    left: 552px;
    top: 352px;
    z-index: 2;
}

.imgAct1Ilustracion4 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1031.33px;
    height: 625.23px;
    position: absolute;
    left: 50.5%;
    top: 332px;
    z-index: 2;
}

.imgAct1Ilustracion5 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1071px;
    height: 563.94px;
    position: absolute;
    left: 50.5%;
    top: 355px;
}

.imgAct1Ilustracion5_1 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion5_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 502.47px;
    height: 300.44px;
    position: absolute;
    left: 20.5%;
    top: 330px;
}

.imgAct1Ilustracion6 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1027.9px;
    height: 625.23px;
    position: absolute;
    left: 50.6%;
    top: 331px;
    z-index: 2;
}

.imgAct1Ilustracion7 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1134.92px;
    height: 563.94px;
    position: absolute;
    left: 50%;
    top: 351px;
    z-index: 2;
}

.imgAct1Ilustracion8 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1031px;
    height: 625.23px;
    position: absolute;
    left: 50%;
    top: 332px;
    z-index: 2;
}

.imgAct1Ilustracion9 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1092px;
    height: 596.21px;
    position: absolute;
    left: 50%;
    top: 356px;
    z-index: 2;
}

.imgAct1Ilustracion10 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1129.46px;
    height: 562.48px;
    position: absolute;
    left: 50%;
    top: 356px;
    z-index: 2;
}

.imgAct1Ilustracion11 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion11.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1092px;
    height: 595.86px;
    position: absolute;
    left: 50%;
    top: 356px;
    z-index: 2;
}

.imgAct1Ilustracion12 {
    background-image: url(../img/M_G07_U04_L03_03_01/ilustracion12.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1130.5px;
    height: 562.48px;
    position: absolute;
    left: 50%;
    top: 356px;
    z-index: 2;
}

.clickYellow {
    background-image: url(../img/click/clickYellow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 44.67px;
    height: 46px;
    position: absolute;
    left: 44%;
    top: 32%;
}

.imgClickS1 {
    background-image: url(../img/M_G07_U02_L02_03_01/clickS1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 74px;
    height: 74px;
    position: absolute;
    left: 50%;
    top: 49%;
}

.imgClickS2 {
    background-image: url(../img/M_G07_U02_L02_03_01/clickS2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 74px;
    height: 74px;
    position: absolute;
    left: 50%;
    top: 49%;
}

.imgClickS3 {
    background-image: url(../img/M_G07_U02_L02_03_01/clickS3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 74px;
    height: 74px;
    position: absolute;
    left: 50%;
    top: 49%;
}

.imgClickS4 {
    background-image: url(../img/M_G07_U02_L02_03_01/clickS4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 74px;
    height: 74px;
    position: absolute;
    left: 50%;
    top: 49%;
}

.itemShow {
    cursor: pointer;
    position: absolute;
    top: 236px;
    left: 452px;
    width: 687px;
    height: 181px;
    border-radius: 17px;
    background-color: #6B80DB;
}

.itemText {
    font-family: 'cabinmedium';
    font-size: 41px;
    position: relative;
    padding: 37px;
    letter-spacing: normal;
}

.V {
    color: #588B3C !important;
}

.F {
    color: #FFFFFF !important;
}

.input {
    position: absolute;
      top: 536px;
    left: 202px;
    width: 119px;
    height: 50px;
    padding: 5px;
    background-color: transparent;
    border: 0px;
    font-size: 31.5px;
    font-family: 'cabinregular';
    color: #FFFFFF;
    text-align: center;
    outline: none;
    text-transform: capitalize;
    z-index: 3;
}

*::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    
    color: #E95100;
}

*:-moz-placeholder {
    /* Firefox anterior a 19 */
    
    color: #E95100;
}

*::-moz-placeholder {
    /* Firefox 19 y superior */
    
    color: #E95100;
}

*:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    
    color: #E95100;
}

.popCC {
    margin: 0px;
    margin-left: 0%;
    margin-top: 0%;
}

.contentItem {
    position: absolute;
}

.itemMatch {
    width: 330.777px;
    height: 134.03px;
    border: 2px dashed #FFFFFF;
    background-color: #6B80DB;
    border-radius: 10px;
    position: absolute;
    cursor: pointer;
}

.itemMatch > div {
    position: relative;
    font-family: 'cabinmedium';
    font-size: 59px;
    text-align: center;
    padding-top: 31px;
}

.itemMatch:nth-child(1) {
    top: 185px;
    left: 30px;
}

.itemMatch:nth-child(2) {
    top: 185px;
    left: 451px;
}

.itemMatch:nth-child(3) {
    top: 185px;
    left: 870px;
}

.itemMatch:nth-child(4) {
    top: 370px;
    left: 30px;
}

.itemMatch:nth-child(5) {
    top: 370px;
    left: 451px;
}

.itemMatch:nth-child(6) {
    top: 370px;
    left: 870px;
}

.textarea {
    position: absolute;
    top: 332px;
    left: 513px;
    padding: 20px;
    width: 339px;
    height: 153px;
    font-family: 'cabinregular';
    font-size: 30px;
    color: #634E42;
    resize: none;
    outline: none;
    border: 0px;
    background-color: transparent;
}

.btnMenu {
    left: 27px;
    top: 242px;
    cursor: pointer;
    width: 77px;
    height: 65px;
    position: absolute;
  
    z-index: 2;
}

.btnValidar {
    position: absolute;
    width: 176px;
    height: 65px;
    left: 1006px;
    top: 192px;
    cursor: pointer;
}

.popup1 {
    background-image: url(../img/M_G07_U04_L03_03_01/popup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1061.87px;
    height: 545.02px;
}

.popup1 .btnCerrarP {
    background-image: url(../img/M_G07_U04_L03_03_01/btnCerrarP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 59.85px;
    height: 59.85px;
    position: absolute;
    left: 1012px;
    top: -11px;
}

.popup2 {
    background-image: url(../img/M_G07_U04_L04_03_01/popup2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 910.92px;
    height: 491.88px;
}

.popup2 .btnCerraP {
    background-image: url(../img/M_G07_U04_L04_03_01/btnCerraP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 842px;
    top: -14px;
}

.popup3 {
    background-image: url(../img/M_G07_U04_L04_03_01/popup3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 910.92px;
    height: 491.88px;
}

.popup3 .btnCerraP {
    background-image: url(../img/M_G07_U04_L04_03_01/btnCerraP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 842px;
    top: -14px;
}

.popup4 {
    background-image: url(../img/M_G07_U04_L04_03_01/popup4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 910.92px;
    height: 491.88px;
}

.popup4 .btnCerraP {
    background-image: url(../img/M_G07_U04_L04_03_01/btnCerraP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 842px;
    top: -14px;
}

.popup5 {
    background-image: url(../img/M_G07_U04_L04_03_01/popup5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 910.92px;
    height: 491.88px;
}

.popup5 .btnCerraP {
    background-image: url(../img/M_G07_U04_L04_03_01/btnCerraP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 842px;
    top: -14px;
}

.popup6 {
    background-image: url(../img/M_G07_U04_L04_03_01/popup6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 910.92px;
    height: 491.88px;
}

.popup6 .btnCerraP {
    background-image: url(../img/M_G07_U04_L04_03_01/btnCerraP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 842px;
    top: -14px;
}

.btnMenuInline {
    position: absolute;
    top: 573px;
    left: 501px;
}

.btnMenuInline > div {
    display: inline-block;
    width: 56.192px;
    height: 49.24px;

    margin: 2px;
}

.textC {
    position: absolute;
    font-family: 'cabinregular';
    font-size: 35px;
    color: #575756;
    letter-spacing: normal;
    top: 208px;
    left: 56px;
    line-height: 37px;
}

.sgItem {
    z-index: 2;
    position: absolute;
    background-color: #FFFFFF;
    width: 398px;
    height: 91px;
    left: 536px;
    top: 319px;
}

.btnInfo {
    left: 903px;
    top: 578px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    border: 1px solid;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
}