/*ILUSTRACIONES*/
/*peso*/

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguienteMorada.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 72.62px;
    height: 85px;
    position: absolute;
    left: 92%;
    top: 89.5%;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtrasMorada.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 72.49px;
    height: 85px;
    position: absolute;
    left: 3%;
    top: 89.5%;
}

.flechaSiguienteB {
    background-image: url(../img/nav/flechaSiguienteBlanca.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 48px;
    height: 108px;
    position: absolute;
    left: 92%;
    top: 89.5%;
}

.flechaAtrasB {
    background-image: url(../img/nav/flechaAtrasBlanca.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 48px;
    height: 108px;
    position: absolute;
    left: 3%;
    top: 89.5%;
}

.ggc_contenido_M {
    background: #fefefe;
    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_U02_L06_03_01/imgFondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
}

.imgAct1Ilustracion1 {
    background-image: url(../img/M_G06_U04_L06_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: 1061.95px;
    height: 637.75px;
    position: absolute;
    left: 50%;
    top: 376px;
}

.imgAct1Ilustracion2 {
    background-image: url(../img/M_G06_U04_L06_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: 1041.81px;
    height: 616.63px;
    position: absolute;
    left: 50.4%;
    top: 371px;
}

.imgAct1Ilustracion3 {
    background-image: url(../img/M_G06_U04_L06_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: 1232px;
    height: 544px;
    position: absolute;
    left: 50.4%;
    top: 331px;
}

.imgAct1Ilustracion4 {
    background-image: url(../img/M_G06_U04_L06_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: 1232px;
    height: 544px;
    position: absolute;
    left: 50.4%;
    top: 331px;
}

.imgAct1Ilustracion5 {
    background-image: url(../img/M_G06_U04_L06_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: 1232px;
    height: 544px;
    position: absolute;
    left: 50.4%;
    top: 331px;
}

.imgAct1Ilustracion6 {
    background-image: url(../img/M_G06_U04_L06_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: 1232px;
    height: 544px;
    position: absolute;
    left: 50.4%;
    top: 331px;
}

.imgAct1Ilustracion7 {
    background-image: url(../img/M_G06_U04_L06_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: 1232px;
    height: 544px;
    position: absolute;
    left: 50.4%;
    top: 331px;
}

.imgAct1Ilustracion8 {
    background-image: url(../img/M_G06_U04_L06_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: 1043.21px;
    height: 616.66px;
    position: absolute;
    left: 50%;
    top: 371px;
}

.imgAct1Ilustracion9 {
    background-image: url(../img/M_G06_U04_L06_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: 1232px;
    height: 544px;
    position: absolute;
    left: 50.5%;
    top: 328px;
}

.imgAct1Ilustracion10 {
    background-image: url(../img/M_G06_U04_L06_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: 1042.5px;
    height: 616.86px;
    position: absolute;
    left: 50%;
    top: 371px;
}

.imgAct1Ilustracion11 {
    background-image: url(../img/M_G06_U04_L06_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: 1232px;
    height: 544px;
    position: absolute;
    left: 50%;
    top: 327px;
}

.imgAct1Ilustracion12 {
    background-image: url(../img/M_G06_U04_L06_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: 1232px;
    height: 544px;
    position: absolute;
    left: 50%;
    top: 327px;
}

.imgAct1Ilustracion13 {
    background-image: url(../img/M_G06_U04_L06_03_01/ilustracion13.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: 1232px;
    height: 544px;
    position: absolute;
    left: 50%;
    top: 327px;
}

.imgAct1Ilustracion14 {
    background-image: url(../img/M_G06_U04_L06_03_01/ilustracion14.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: 1232px;
    height: 544px;
    position: absolute;
    left: 50%;
    top: 327px;
}

.imgFormula1 {
    background-image: url(../img/M_G07_U02_L06_03_01/formula1.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: 176px;
    height: 57px;
    position: absolute;
    left: 811px;
    top: 397px;
}

.popup1 {
    background-image: url(../img/M_G07_U02_L06_03_01/popup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 931.22px;
    height: 572.97px;
}

.popup1 .btnCerraP {
    background-image: url(../img/M_G07_U02_L06_03_01/btnCerraP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 66.98px;
    height: 66.98px;
    position: absolute;
    left: 874px;
    top: -10px;
}

.popup2 {
    background-image: url(../img/M_G07_U02_L06_03_01/popup2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 931.22px;
    height: 572.97px;
}

.popup2 .btnCerraP {
    background-image: url(../img/M_G07_U02_L06_03_01/btnCerraP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 66.98px;
    height: 66.98px;
    position: absolute;
    left: 874px;
    top: -10px;
}

.btnPopup {
    left: 1008px;
    top: 611px;
    cursor: pointer;
    position: absolute;
    width: 34px;
    height: 31px;
}

.clickItem {
    background-image: url(../img/M_G06_U04_L06_03_01/clickAzul.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 26.82px;
    height: 29.64px;
    position: absolute;
    left: 41px;
    top: 36%;
}

.circle {
    cursor: pointer;
    position: absolute;
    width: 61px;
    height: 60px;
    left: 577px;
    top: 483px;
    border-radius: 50%;
}

.cuadro {
    width: 512px;
    height: 91px;
    left: 619px;
    top: 481px;
    position: absolute;
    background-color: #FCF8DC;
}

.txtRed {
    font-family: 'cabinbold';
    position: absolute;
    font-size: 44.42px;
    color: #BC1622;
    width: 208px;
    letter-spacing: normal;
    top: 65px;
    left: -68px;
}

.contentQuestion {
    width: 519.366px;
    height: 103.408px;
    position: absolute;
    border: 1px solid #C9B99E;
    border-radius: 5px;
    top: 364px;
    left: 614px;
    background-color: #FCF8DC;
    cursor: pointer;
}

.contentQuestion > div {
    font-family: 'cabinregular';
    font-size: 36px;
    line-height: 41px;
    color: #B07F49;
    text-align: center;
    padding-top: 7px;
}

.VV {
    background-color: #DBF8FF;
}

.FF {
    background-color: #F9E2E2;
}

.V {
    color: #E95100 !important;
}

.F {
    color: #000000 !important;
}

.input {
    position: absolute;
    top: 125px;
    left: 891px;
    width: 82px;
    padding:5px 5px 5px 5px;
    height: 65px;
    background-color: transparent;
    border: 0px;
    font-family: 'cabinregular';
    color: #634E42;
    text-align: center;
    outline: none;
    text-transform: lowercase;
    font-size: 50px;
}

*::-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%;
}

.contentDrags {
    position: absolute;
    left: 890px;
    top: 227px;
}

.contentDrags > div {
    padding-bottom: 10px;
}

.contentDrags .drag {
    width: 202.04px;
    height: 53.916px;
    border-radius: 10px;
    background-color: #B8D9F0;
}

.contentDrags .drag > div {
    font-family: 'cabinregular';
    font-size: 28px;
    color: #5B5B5E;
    text-align: center;
    padding-top: 11px;
}

.contentDrops > div {
    position: absolute;
    width: 202.04px;
    height: 53.916px;
}

.contentDrops > div:nth-child(1) {
    top: 216px;
    left: 137px;
}

.contentDrops > div:nth-child(2) {
    top: 337px;
    left: 156px;
}

.contentDrops > div:nth-child(3) {
    top: 565px;
    left: 156px;
}

.contentDrops > div:nth-child(4) {
    top: 220px;
    left: 574px;
}

.contentDrops > div:nth-child(5) {
    top: 376px;
    left: 632px;
}

.contentDrops > div:nth-child(6) {
    top: 543px;
    left: 661px;
}

.itemShowF {
    cursor: pointer;
    position: absolute;
    top: 361px;
    left: 720px;
    width: 180px;
    height: 64px;
    border-radius: 10px;
    background-color: #3B4F82;
}

.textarea {
    position: absolute;
    top: 367px;
    left: 657px;
    padding: 20px;
    height: 205px;
    width: 379px;
    background-color: transparent;
    border: 0px;
    outline: none;
    resize: none;
    font-family: 'cabinregular';
    color: #575756;
    font-size: 35px;
}

.itemShow {
    cursor: pointer;
    position: absolute;
    width: 106px;
    height: 83px;
    left: 406px;
    top: 495px;
    background-color: #FFFFFF;
}