/*ILUSTRACIONES*/
/*peso*/

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguienteBlanca.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 45px;
    height: 100px;
    position: absolute;
    left: 92%;
    top: 89.5%;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtrasBlanca.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 45px;
    height: 100px;
    position: absolute;
    left: 3%;
    top: 89.5%;
}

.flechaSiguienteA {
    background-image: url(../img/nav/flechaSiguienteAmarilla.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 53.35px;
    height: 53.35px;
    position: absolute;
    left: 47.5%;
    top: 92%;
}

.flechaAtrasA {
    background-image: url(../img/nav/flechaAtrasAmarilla.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 53.35px;
    height: 53.35px;
    position: absolute;
    left: 47.5%;
    top: 92%;
}

.ggc_contenido_M {
    border-bottom-color: #1D70B7;
    color: #FFFFFF;
}

.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;
}

.imgContentG {
    background-image: url(../img/M_G07_U04_L04_03_01/contentG.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: 1213px;
    height: 630px;
    position: absolute;
    left: 50%;
    top: 53%;
}

.imgContentG2 {
    background-image: url(../img/M_G07_U04_L04_03_01/contentG2.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: 1213px;
    height: 630px;
    position: absolute;
    left: 50%;
    top: 53%;
}

.imgContentG3 {
    background-image: url(../img/M_G07_U04_L04_03_01/contentG3.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: 1213px;
    height: 630px;
    position: absolute;
    left: 50%;
    top: 53%;
}

.imgContentG4 {
    background-image: url(../img/M_G07_U04_L04_03_01/contentG4.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: 1213px;
    height: 630px;
    position: absolute;
    left: 50%;
    top: 53%;
}

.imgAct1Ilustracion1 {
    background-image: url(../img/M_G07_U04_L04_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: 565.5px;
    height: 387.34px;
    position: absolute;
    left: 57%;
    top: 58%;
}

.imgAct1Ilustracion2 {
    background-image: url(../img/M_G07_U04_L04_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: 552.96px;
    height: 368.72px;
    position: absolute;
    left: 57%;
    top: 58%;
}

.imgAct1Ilustracion3 {
    background-image: url(../img/M_G07_U04_L04_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: 405.45px;
    height: 369.4px;
    position: absolute;
    left: 57%;
    top: 58%;
}

.imgAct1Ilustracion4 {
    background-image: url(../img/M_G07_U04_L04_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: 822.52px;
    height: 428.12px;
    position: absolute;
    left: 533px;
    top: 376px;
}

.imgAct1Ilustracion5 {
    background-image: url(../img/M_G07_U04_L04_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: 822.52px;
    height: 428.12px;
    position: absolute;
    left: 533px;
    top: 376px;
}

.imgAct1Ilustracion6 {
    background-image: url(../img/M_G07_U04_L04_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: 829.7px;
    height: 428.12px;
    position: absolute;
    left: 530px;
    top: 376px;
}

.imgAct1Ilustracion7 {
    background-image: url(../img/M_G07_U04_L04_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: 829.7px;
    height: 428.12px;
    position: absolute;
    left: 530px;
    top: 376px;
}

.imgAct1Ilustracion8 {
    background-image: url(../img/M_G07_U04_L04_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: 829.7px;
    height: 428.12px;
    position: absolute;
    left: 530px;
    top: 376px;
}

.imgAct1Ilustracion9 {
    background-image: url(../img/M_G07_U04_L04_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: 1213px;
    height: 630px;
    position: absolute;
    left: 50%;
    top: 376px;
}

.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: #E95100 !important;
}

.input {
    position: absolute;
    top: 270px;
    left: 562px;
    width: 245px;
    height: 72px;
    padding: 5px;
    background-color: transparent;
    border: 0px;
    font-size: 57.5px;
    font-family: 'cabinregular';
    color: #634E42;
    text-align: center;
    outline: none;
    text-transform: capitalize;

}

*::-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: 63px;
    top: 240px;
    cursor: pointer;
    width: 226px;
    height: 53px;


    position: absolute;
}

.btnValidar {
    position: absolute;
    width: 176px;
    height: 65px;

    left: 1006px;
    top: 192px;
    cursor: pointer;
}

.popup1 {
    background-image: url(../img/M_G07_U04_L04_03_01/popup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 910.92px;
    height: 491.88px;
}

.popup1 .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;
}

.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;
}