@import url("M_G06_U02_L01_02.css");
/*PERSONAJES*/

.IL_M_G06_U01_L02_03_01_01 {
    background-image: url(../img/IL_M_G06_U01_L02_03_01_01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 568px;
    height: 428px;
    position: absolute;
    left: -9.5%;
    top: 15%;
}
/*FIN_PERSONAJES*/

.cnt1 {
    background-image: url(../img/cnt1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 972px;
    height: 477px;
    position: relative;
    margin: 3% auto 0 auto;
}

.cntOperacion {
    background-image: url(../img/cntOperacion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1104px;
    height: 118px;
    position: absolute;
    left: 6%;
    top: 43%;
}

.cntOperacion .numero {
    font-family: 'cabinbold';
    font-size: 50px;
    color: #FEFEFE;
    letter-spacing: 0;
    line-height: 55px;
    left: 4%;
    top: 27%;
    position: absolute;
}

.cntOperacion .numeroOculto {
    font-family: 'cabinregular';
    font-size: 40px;
    color: #FEFEFE;
    letter-spacing: 0;
    text-align: center;
    line-height: 55px;
    position: absolute;
    top: 28%;
    left: 30%;
    color: #756959;
}

.cntOperacion2 {
    background-image: url(../img/cntOperacion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1064px;
    height: 93px;
    position: relative;
    margin-bottom: 8px;
}

.cntOperacion2 .numeroOculto {
    font-family: 'cabinregular';
    font-size: 35px;
    color: #6E6E6E;
    letter-spacing: 0;
    text-align: left;
    line-height: 36px;
    position: absolute;
    left: 11%;
    top: 50%;
    transform: translate(0, -50%);
}

.clickBtn2 {
    background-image: url(../img/click/clickBtn2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 48.21px;
    height: 53.4px;
    position: absolute;
    left: 2.5%;
    top: 27%;
}

.cntOperacion3_1 {
    background-image: url(../img/polinomio/cntOperacion3_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 369.5px;
    height: 85.5px;
    position: relative;
    margin-bottom: 25px;
}

.cntOperacion4_1 {
    background-image: url(../img/polinomio/cntOperacion4_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 369.5px;
    height: 85.5px;
    position: relative;
    margin-bottom: 25px;
}

.cntOperacion5_1 {
    background-image: url(../img/polinomio/cntOperacion5_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 369.5px;
    height: 85.5px;
    position: relative;
    margin-bottom: 25px;
}

.cntOperacion6_1 {
    background-image: url(../img/polinomio/cntOperacion6_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 369.5px;
    height: 118px;
    position: relative;
    margin-bottom: 25px;
}

.cntOperacion3_2 {
    background-image: url(../img/polinomio/cntOperacion3_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 676.66px;
    height: 85.5px;
    position: relative;
    margin-bottom: 25px;
    margin-left: 40px;
}

.cntOperacion4_2 {
    background-image: url(../img/polinomio/cntOperacion4_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 676.66px;
    height: 85.5px;
    position: relative;
    margin-bottom: 25px;
    margin-left: 40px;
}

.cntOperacion5_2 {
    background-image: url(../img/polinomio/cntOperacion5_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 676.66px;
    height: 85.5px;
    position: relative;
    margin-bottom: 25px;
    margin-left: 40px;
}

.cntOperacion6_2 {
    background-image: url(../img/polinomio/cntOperacion6_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 676.66px;
    height: 118px;
    position: relative;
    margin-bottom: 25px;
    margin-left: 40px;
}

.numeroOculto2 {
    font-family: 'cabinregular';
    font-size: 35px;
    color: #FEFEFE;
    letter-spacing: 0;
    text-align: left;
    line-height: 52px;
    position: absolute;
    top: 50%;
    left: 10%;
    color: #868585;
    transform: translate(0, -50%);
}

.cntGeneralOperacion {
    display: inline-block;
    position: relative;
    left: 8.5%;
    margin: 3.5% auto 0 auto;
}

.cntGeneralOperacion div {
    display: inline-block;
}

.tituloEnunciado {
    color: #313E4B;
    font-family: 'cabinbold';
    font-size: 38px;
    position: relative;
    left: 6%;
    padding-top: 1%;
    line-height: 40px;
    padding-bottom: 1%;
}

.lineaFondo {
    width: 1247px;
    height: 4px;
    background: #313E4B;
    -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;
}

.contentMetro {
    width: 1162.504px;
    height: 219.27px;
    background-color: #575756;
    transform: translate(-50%, -50%);
    top: 32.1%;
    left: 50%;
    position: absolute;
    border-radius: 10px;
}

.divRojo {
    width: 319.325px;
    height: 194.5px;
    background-color: #EC644C;
    transform: translate(-50%, -50%);
    top: 68.7%;
    left: 16.2%;
    position: absolute;
    border-radius: 10px;
}

.divVerde {
    width: 319.325px;
    height: 194.5px;
    background-color: #95C11E;
    transform: translate(-50%, -50%);
    left: 42.4%;
    position: absolute;
    border-radius: 10px;
    top: 68.7%;
}

.flecha-down {
    width: 0px;
    height: 0px;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-top: 39px solid #575756;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 62.1%;
    left: 50%;
}

.letterMetroyellow {
    font-family: 'cabinbold';
    font-size: 70px;
    letter-spacing: normal;
    color: #DDDC00;
    padding-left: 1px;
}

.letterContentMetro {
    font-family: 'cabinbold';
    font-size: 30px;
    letter-spacing: normal;
    color: #FFFFFF;
    line-height: 36px;
}

.metroRecogido {
    width: 546.578px;
    height: 228.02px;
    background-image: url(../img/Nueva_carpeta/imgMetroRecogido.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 73.1%;
    left: 75.8%;
}

.letraCuadros {
    font-family: 'cabinregular';
    font-size: 35px;
    letter-spacing: normal;
    color: #FFFFFF;
    line-height: 42px;
    text-align: center;
}

.log_cc {
    background-image: url(../img/imgLicencia_cc.png);
    width: 45px;
    height: 45px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.flechaSiguiente {
    background-image: url(../img/Nueva_carpeta/flechaSiguiente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 72.27px;
    height: 84px;
    position: absolute;
    left: 94.5%;
    top: 90.5%;
    transform: translate(-50%, -50%);
}

.flechaAtras {
    background-image: url(../img/Nueva_carpeta/flechaAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 76.27px;
    height: 84px;
    position: absolute;
    left: 5.90%;
    top: 90.5%;
    transform: translate(-50%, -50%);
}

.metro {
    background-image: url(../img/Nueva_carpeta/imgMetro.png);
    width: 873.1px;
    height: 77.73px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 61%;
    position: absolute;
    top: 30.5%;
    transform: translate(-50%, -50%);
}

.popCC {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 730px;
    height: 320px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: #b34d53;
    background: -moz-linear-gradient(left, #b34d53 0%, #b8625a 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b34d53), color-stop(100%, #b8625a));
    background: -webkit-linear-gradient(left, #b34d53 0%, #b8625a 100%);
    background: -o-linear-gradient(left, #b34d53 0%, #b8625a 100%);
    background: -ms-linear-gradient(left, #b34d53 0%, #b8625a 100%);
    background: linear-gradient(to right, #b34d53 0%, #b8625a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b34d53', endColorstr='#b8625a', GradientType=1);
}

.titleCC {
    width: 84%;
}

.cabeceraContent {
    background-color: #1D70B7;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    width: 1175px;
    height: 114px;
    z-index: 0;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 9.5%;
}

.borderContent {
    background-color: transparent;
    border: 2px solid white;
    border-style: dashed;
    width: 1146px;
    height: 124px;
    border: ;
    margin: 0px auto;
    border-radius: 10px;
    /* top: 1px; */
    
    transform: translate(0%, -20%);
}

.ggc_header_M {
    z-index: 2;
}

.titulosAtividades {
    text-align: center;
    transform: translate(-50%, -50%);
    font-family: 'cabinbold' !important;
    font-weight: 500;
    letter-spacing: normal;
    color: #FFFFFF;
    font-size: 35px;
    left: 50%;
    top: 95px;
    width: 588px;
}

.imgEstudiante1 {
    background-image: url(../img/Nueva_carpeta/mEstudiante1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1017.615px;
    height: 104.377px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 46.3%;
    top: 31.6%;
    box-shadow: 5px 6px 19px #8E8E8D;
    -moz-box-shadow: 5px 6px 19px #8E8E8D;
    -ms-box-shadow: 5px 6px 19px #8E8E8D;
}

.imgEstudiante2 {
    background-image: url(../img/Nueva_carpeta/mEstudiante2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1017.615px;
    height: 104.377px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 46.3%;
    top: 50.2%;
    box-shadow: 5px 6px 19px #8E8E8D;
    -moz-box-shadow: 5px 6px 19px #8E8E8D;
    -ms-box-shadow: 5px 6px 19px #8E8E8D;
}

.imgEstudiante3 {
    background-image: url(../img/Nueva_carpeta/mEstudiante3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1017.615px;
    height: 134.672px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 46.3%;
    top: 71%;
    box-shadow: 5px 6px 19px #8E8E8D;
    -moz-box-shadow: 5px 6px 19px #8E8E8D;
    -ms-box-shadow: 5px 6px 19px #8E8E8D;
}

.imgElmetro {
    background-image: url(../img/Nueva_carpeta/imgElMetro.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1121.84px;
    height: 254.67px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50.8%;
    top: 38%;
}

.representaMetro {
    cursor: pointer;
    position: absolute;
    top: 27%;
    width: 391px;
    left: 73px;
    height: 122px;
}

.clickbtnMetro {
    background-image: url(../img/Nueva_carpeta/clickBtn2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 34.589px;
    height: 38.538px;
    position: relative;
    left: 87%;
    top: 18%;
}

.letraQesElmetro {
    font-family: 'cabinregular';
    font-size: 35px;
    letter-spacing: normal;
    color: #FFFFFF;
    line-height: 42px;
    text-align: center;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 58px;
    left: 216px;
    width: 363px;
    text-align: left;
}

.imgReglas {
    background-image: url(../img/Nueva_carpeta/imgRegla.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 554.83px;
    height: 280.5px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 70%;
}

.marcoFlecha {
    background-image: url(../img/Nueva_carpeta/imgMarcoRegla.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 522.42px;
    height: 563px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 261.5px;
    top: 324px;
    z-index: 2;
}

.divPregunta1 {
    background-color: #95C11E;
    background-repeat: no-repeat;
    background-size: 100%;
    /* border-bottom-left-radius: 10px; */
    
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    width: 642.38px;
    height: 121.01px;
    z-index: 0;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 67%;
    top: 170px;
    /* border-bottom-right-radius: 10px; */
    /* border-top-right-radius: 10px; */
    /* border-top-left-radius: 10px; */
    
    z-index: 1;
}

.divPregunta2 {
    background-color: #EC644C;
    background-repeat: no-repeat;
    background-size: 100%;
    /* border-radius: 10px; */
    
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    width: 642.38px;
    height: 121.01px;
    z-index: 0;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 67%;
    top: 44%;
    /* border-top-right-radius: 10px; */
    /* border-top-left-radius: 10px; */
    
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.lineaSombra {
    width: 44px;
    height: 101px;
    box-shadow: 19px 3px 20px -19px rgb(87, 87, 87);
    background-color: #D7ECF4;
    top: 8%;
    left: 39.5%;
    position: absolute;
    transform: rotate(44deg);
    z-index: 1;
}

.imgLineaMediaFlecha {
    background-image: url(../img/Nueva_carpeta/lineaMediaFlecha.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 642.38px;
    height: 41.85px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 67%;
    top: 36%;
    z-index: 0;
}

.divPreguntaPequena1 {
    background-color: #95C11E;
    background-repeat: no-repeat;
    background-size: 100%;
    /* border-bottom-left-radius: 10px; */
    
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    width: 477.53px;
    height: 102.09px;
    z-index: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 66.5%;
    top: 461px;
    /* border-bottom-right-radius: 10px; */
    
    border-top-right-radius: 10px;
    /* border-top-left-radius: 10px; */
    
    z-index: 2;
}

.divPreguntaPequena2 {
    background-color: #EC644C;
    background-repeat: no-repeat;
    background-size: 100%;
    /* border-radius: 10px; */
    
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    width: 477.53px;
    height: 102.09px;
    z-index: 0;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 66.5%;
    top: 84.5%;
    /* border-top-right-radius: 10px; */
    /* border-top-left-radius: 10px; */
    
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.lineaSombra2 {
    width: 44px;
    height: 101px;
    box-shadow: 19px 3px 20px -19px rgb(87, 87, 87);
    background-color: #D7ECF4;
    top: 52.5%;
    left: 45%;
    position: absolute;
    transform: rotate(44deg);
    z-index: 2;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.marcoFlecha2 {
    background-image: url(../img/Nueva_carpeta/imgMarcoRegla2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 496.42px;
    height: 459.33px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 248.5px;
    top: 324px;
    z-index: 2;
}

.marcoFlecha3 {
    background-image: url(../img/Nueva_carpeta/imgMarcoRegla3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 500.42px;
    height: 467.33px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 250.5px;
    top: 324px;
    z-index: 2;
}
/* *********/

.imgLineaMediaFlecha2 {
    background-image: url(../img/Nueva_carpeta/lineaMediaFlecha2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 477.53px;
    height: 34.74px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 66.5%;
    top: 77.7%
}

.divInvisibleUnidades {
    position: absolute;
    top: 16%;
    width: 643.48px;
    left: 513.01px;
    height: 122px;
    z-index: 1;
}

.clickUnidadesLong {
    background-image: url(../img/clickObjLog.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 25.06px;
    height: 27.44px;
    position: absolute;
    left: 49.5%;
    top: 100.2%;
    z-index: 3
}

.clickUnidadesNum {
    background-image: url(../img/Nueva_carpeta/clickBtn3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.5px;
    height: 39.47px;
    position: absolute;
    left: 49.5%;
    top: 100.2%;
    z-index: 3
}

.preguntasCafe {
    background-color: #575756;
    background-repeat: no-repeat;
    width: 556.75px;
    height: 116px;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 10%
}

.respuestasUlong1 {
    background-color: #EC644C;
    background-repeat: no-repeat;
    background-size: 100%;
    /* border-radius: 10px; */
    
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    width: 556.75px;
    height: 129px;
    z-index: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 27.5%;
    top: 40.9%;
    /* border-top-right-radius: 10px; */
    /* border-top-left-radius: 10px; */
    
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.respuestasUlong2 {
    background-color: #95C11E;
    background-repeat: no-repeat;
    background-size: 100%;
    /* border-radius: 10px; */
    
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    width: 556.75px;
    height: 129px;
    z-index: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 72.5%;
    top: 40.9%;
    /* border-top-right-radius: 10px; */
    /* border-top-left-radius: 10px; */
    
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.preguntasCafe3 {
    background-color: #575756;
    background-repeat: no-repeat;
    width: 1117.514px;
    height: 76.389px;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 58.2%;
}

.preguntaUlog2 {
    background-color: #EC644C;
    background-repeat: no-repeat;
    width: 369.727px;
    height: 106px;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 250px;
    top: 72.6%;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.preguntaUlog3 {
    background-color: #95C11E;
    background-repeat: no-repeat;
    width: 369.727px;
    height: 106px;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 624px;
    top: 72.6%;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.preguntaUlog4 {
    background-color: #EC644C;
    background-repeat: no-repeat;
    width: 369.727px;
    height: 106px;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 998px;
    top: 72.6%;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.imgLineaMediaFlecha3 {
    background-image: url(../img/Nueva_carpeta/lineaMediaFlecha3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1118.51px;
    height: 42.39px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 221px;
}

.imgLineaMediaFlecha4 {
    background-image: url(../img/Nueva_carpeta/lineaMediaFlecha4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1118.51px;
    height: 42.4px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 65.4%;
}

.circuloR1Ulogitud {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 338px;
    top: 42.5%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}

.circuloR2Ulogitud {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 374px;
    top: 72.5%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}

.circuloR3Ulogitud {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    width: 92px;
    height: 92px;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 747px;
    top: 72.5%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}

.circuloR4Ulogitud {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    width: 92px;
    height: 92px;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 1120px;
    top: 72.5%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}

.letrasRespuestasCafe {
    text-align: center;
    font-family: 'cabinregular';
    font-size: 35px;
    color: #FFFFFF;
    letter-spacing: normal;
}

.letrasRespuestasCafeCirculo {
    text-align: center;
    font-family: 'cabinregular';
    font-size: 35px;
    color: #575756;
    position: absolute;
    top: 22px;
    left: 30px;
}

.clickUnidadesLongCafe1 {
    background-image: url(../img/clickObjLog.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 25.06px;
    height: 27.44px;
    position: absolute;
    left: 72.7%;
    top: 30.2%;
    z-index: 3
}

.clickUnidadesLongCafe2 {
    background-image: url(../img/clickObjLog.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 25.06px;
    height: 27.44px;
    position: absolute;
    left: 72.7%;
    top: 30.2%;
    z-index: 3
}

.imgLineaMediaFlecha5 {
    background-image: url(../img/Nueva_carpeta/lineaMediaFlecha5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1118.51px;
    height: 44.31px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 212px;
}
/** PAGE 12**/

.containerUwhite {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    width: 1139.566px;
    height: 438px;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 49%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    z-index: 1;
}

.contentLetterMultiplo {
    background-color: #575756;
    background-repeat: no-repeat;
    width: 464px;
    height: 50.762px;
    position: absolute;
    top: 7px;
    transform: translate(-50%, -50%);
    left: 24.3%;
    top: 153px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    z-index: 1;
}

.contentCenterUpMetro {
    background-color: #F9B233;
    background-repeat: no-repeat;
    width: 173.382px;
    height: 99.896px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 177px;
    border-radius: 10px;
    z-index: 1;
}

.unidadesCuadrosMultiplo {
    background-color: #95C11E;
    background-repeat: no-repeat;
    width: 154.33px;
    height: 49.49px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 177px;
    z-index: 1;
}

.contentLetterMetro {
    background-color: #575756;
    background-repeat: no-repeat;
    width: 173.382px;
    height: 37.699px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 209px;
    z-index: 1;
}

.rRespuestaCuadro {
    background-color: #95C11E;
    background-repeat: no-repeat;
    width: 155px;
    height: 79px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 146px;
    top: 417px;
    z-index: 1;
}

.RUnidadPpal {
    background-color: #575756;
    background-repeat: no-repeat;
    width: 173.389px;
    height: 159px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 67.5%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
}

.cuadroExterno {
    background-color: #95C11E;
    background-repeat: no-repeat;
    width: 456.369px;
    height: 119.328px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 67.5%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.imgLineaNumeros {
    background-image: url(../img/Nueva_carpeta/imgLineaNumeros.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1143.64px;
    height: 95.83px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 302px;
    z-index: 1;
}

.triaguloAbajo {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px;
    border-bottom-width: 0px;
    border-color: #95C11E transparent transparent transparent;
    transform: translate(-50%, -50%);
    top: 34.5%;
    left: 160px;
    z-index: 1;
    position: absolute;
    border-top-width: 23px;
}

.triaguloArriba {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px;
    border-bottom-width: 0px;
    border-color: #95C11E transparent transparent transparent;
    transform: translate(-50%, -50%) rotate(180deg);
    top: 54.7%;
    left: 156px;
    z-index: 1;
    position: absolute;
    border-top-width: 24px;
}

.flechaVeder {
    background-image: url(../img/Nueva_carpeta/imgFlechaVerder.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 158.3px;
    height: 198.86px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 80px;
    top: 491px;
    z-index: 2;
}

.flechaRoja {
    background-image: url(../img/Nueva_carpeta/imgFlechaRoja.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 170.42px;
    height: 122.37px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 93.7%;
    top: 532px;
    z-index: 2;
}

.textoUnidaesNum {
    font-family: 'cabinregular';
    color: #FFFFFF;
    font-size: 28.74px;
    line-height: 33.53px;
    letter-spacing: normal;
    text-align: center;
    margin-top: 26px;
}

.division {
    border-bottom: 2px solid white;
    width: 42px;
    margin: 0px auto;
}

.posicionDivision {
    display: block;
    left: 25%;
    position: absolute;
    top: 12%;
    margin: 0px;
}

.unidadesMedidaMetro {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 140.7%;
    top: 31px;
    z-index: 3;
}

.titulosContent {
    font-family: 'cabinregular';
    letter-spacing: normal;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 149px;
    left: 298px;
    z-index: 2;
    color: #FFFFFF;
    font-size: 33.53px;
}

.titulosSubContent {
    font-family: 'cabinregular';
    letter-spacing: normal;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 201px;
    left: 149px;
    z-index: 2;
    color: #FFFFFF;
    font-size: 28.74px;
}

.tableUnidades {
    background-image: url(../img/Nueva_carpeta/imgTableUusada.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1016px;
    height: 509.33px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 56%;
}

.divClickOculto {
    width: 493.04px;
    height: 68.12px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 33.5%;
    left: 70%;
}

.textoCeldasRableUnidadesUsadas {
    font-family: 'cabinregular';
    letter-spacing: normal;
    position: absolute;
    color: #6F6F6E;
    font-size: 30px;
}

.clickObj {
    background-image: url(../img/clickObj.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.5px;
    height: 39.47px;
    position: absolute;
    left: 49.5%;
    top: 100.2%;
    z-index: 3;
}

.tituloscelda {
    font-family: 'cabinbold';
    letter-spacing: normal;
    position: absolute;
    color: #FFFFFF;
    font-size: 34.18px;
    line-height: 44.01px;
}