@import url("M_G06_U01_L04_03.css");
.flechaSiguiente {
    background-image: url(../img/\M_G06_U01_L04_03_02/flechaSiguiente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 73.02px;
    height: 85px;
}

.flechaAtras {
    background-image: url(../img/\M_G06_U01_L04_03_02/flechaAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 73.02px;
    height: 85px;
    left: 2.4%;
    top: 85%;
}

.contentTitulo {
    background-image: url(../img/M_G06_U01_L04_04/imgContentTitulo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1175px;
    height: 99.29px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 65px;
    left: 50%;
    position: absolute;
}

.clickObj {
    background-image: url(../img/M_G06_U01_L04_03_01/clickObj.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 40.09px;
    height: 44.42px;
    position: absolute;
    left: 45%;
    top: 35%;
    cursor: pointer;
}

.contentInvisible {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
}

.clickObjClaro {
    background-image: url(../img/M_G06_U01_L04_03_01/clickObj2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 40.09px;
    height: 44.42px;
    position: absolute;
    left: 76%;
    top: 69%;
    cursor: pointer;
    z-index: 1;
}

.ggc_contenido_M {
    background: #263C4A;
    border-bottom-color: #263C4A;
    color: #FFFFFF;
}

.cursorPointer {
    cursor: pointer;
}

.tituloActi {
    padding-top: 35px;
    text-align: center;
    font-family: 'cabinbold';
    font-size: 35px;
    color: #FFFFFF;
    letter-spacing: normal;
}

.textoDefinicion {
    font-family: 'cabinregular';
    font-size: 45px;
    color: #00A09A;
    line-height: 50px;
    letter-spacing: normal;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 52%;
    left: 50%;
    text-align: center;
}

.ggc_header_M {
    background: #263C4A;
    border-bottom-color: #ca4f23;
    text-align: left;
    display: flex;
}

.textoCuadros {
    font-family: 'cabinregular';
    font-size: 35px;
    color: #FFFFFF;
    letter-spacing: normal;
    position: absolute;
    text-align: center;
    padding-top: 7px;
    line-height: 35px;
}

.operacion1 {
    background-color: #E63B24;
    width: 369px;
    height: 111.5px;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    left: 1016px;
    top: 56px;
    border-radius: 10px;
}

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

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

.division {
    border-bottom: 3px solid white;
    width: 42px;
    margin: 0px auto;
    letter-spacing: -3.5px;
}

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

.inline {
    display: inline-block;
}

.imgF1 {
    background-image: url(../img/M_G06_U01_L04_04/imgResumenF1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1214px;
    height: 468px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 52%;
    left: 50%;
    position: absolute;
}

.imgF2 {
    background-image: url(../img/M_G06_U01_L04_04/imgResumenF2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1182px;
    height: 418px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 378px;
    left: 50%;
    position: absolute;
}

.imgF3 {
    background-image: url(../img/M_G06_U01_L04_04/imgResumenF3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1182px;
    height: 418px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 382px;
    left: 50%;
    position: absolute;
}

.imgF4 {
    background-image: url(../img/M_G06_U01_L04_04/imgResumenF4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247.94px;
    height: 535.47px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 331px;
    left: 50.3%;
    position: absolute;
}

.textFraccion {
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 193px;
    left: 123px;
    font-size: 58.61px;
    font-family: 'cabinbold';
    font-weight: bold;
    letter-spacing: normal;
    text-align: center;
    line-height: 67px;
}

.imgFigura2 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 982.04px;
    height: 524.97px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 412px;
    left: 685px;
    position: absolute;
}

.cDefinicion {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 731.33px;
    height: 375.17px;
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.txtRojo {
    font-family: 'cabinbold';
    font-size: 45px;
    color: #E63B24;
}

.textoContents {
    font-family: 'cabinregular';
    color: #FFFFFF;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: normal;
    text-align: left;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 48%;
    left: 55%;
    position: absolute;
    width: 550px;
}

.divContentTrans {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 432px;
    left: 343px;
    position: absolute;
    height: 289.17px;
    width: 556.703px;
    border-radius: 11px;
    border-top-right-radius: 90px;
    cursor: pointer;
}

.divRojo {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 440px;
    left: 343px;
    position: absolute;
    height: 250px;
    width: 506px;
    /* border-radius: 11px; */
    /* border-top-right-radius: 90px; */
    
    cursor: pointer;
    background-color: #EE7642;
}

.divVerde {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 432px;
    left: 903px;
    position: absolute;
    height: 240px;
    width: 459px;
    /* border-radius: 11px; */
    /* border-top-right-radius: 90px; */
    
    cursor: pointer;
    background-color: #00A09A;
}

.divCafe {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 499px;
    left: 630px;
    position: absolute;
    height: 109.89px;
    width: 670.721px;
    border-radius: 11px;
    /* border-top-right-radius: 90px; */
    
    cursor: pointer;
    background-color: #6F6F6E;
}

.parcheVerde {
    background-image: url(../img/M_G06_U01_L04_03_07/imgAct7Figura12_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 315px;
    height: 137.54px;
    top: 0px;
    left: 75px;
    position: absolute;
}

.parcheCafe {
    background-image: url(../img/M_G06_U01_L04_03_07/imgAct7Figura16_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 485px;
    height: 137.54px;
    top: 20px;
    left: 38px;
    position: absolute;
}

.cntPregunta2 {
    background-image: url(../img/M_G06_U01_L04_03_07/imgAct7Figura16.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 556.7px;
    height: 450.16px;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
}

.sombraIzquiera {
    width: 44px;
    height: 101px;
    box-shadow: 19px 3px 20px -19px rgb(87, 87, 87);
    background-color: #f6f1f7;
    top: -46px;
    left: -3%;
    position: absolute;
    transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    z-index: 1;
}

.sombraDerecha {
    width: 44px;
    height: 101px;
    box-shadow: 19px 3px 20px -19px rgb(87, 87, 87);
    background-color: #f6f1f7;
    top: -46px;
    right: -3%;
    position: absolute;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    z-index: 1;
}

.pregunta {
    margin: 1.5% auto 0 auto;
    display: table;
    width: 98.8%;
    height: 46%;
}

.pregunta .texto {
    text-align: center;
    color: #fefefe;
    line-height: 37px;
}

.parcheVerdeC {
    background-image: url(../img/M_G06_U01_L04_03_09/imgAct9Figura1_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 315px;
    height: 137.54px;
    top: 0px;
    left: 75px;
    position: absolute;
}

.parcheVerde {
    background-image: url(../img/M_G06_U01_L04_03_08/imgAct8Figura1_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 315px;
    height: 137.54px;
    top: 0px;
    left: 75px;
    position: absolute;
}

.parcheAzul {
    background-image: url(../img/M_G06_U01_L04_03_08/imgAct8Figura1_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 315px;
    height: 137.54px;
    top: 0px;
    left: 75px;
    position: absolute;
}

.parcheBlanco {
    background-image: url(../img/M_G06_U01_L04_03_10/imgAct10figura6_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 522px;
    position: absolute;
    height: 102.54px;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.parcheRojo {
    background-image: url(../img/M_G06_U01_L04_03_09/imgAct9Figura1_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 315px;
    height: 137.54px;
    top: 0px;
    left: 75px;
    position: absolute;
}

.parcheVerdeBiche {
    background-image: url(../img/M_G06_U01_L04_03_10/imgAct10figura2_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 471px;
    height: 68.54px;
    top: 25px;
    left: 44px;
    position: absolute;
}

.parcheNaranja {
    background-image: url(../img/M_G06_U01_L04_03_10/imgAct10figura2_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 315px;
    height: 137.54px;
    top: 0px;
    left: 75px;
    position: absolute;
}

.parcheAzulC {
    background-image: url(../img/M_G06_U01_L04_03_13/imgAct13Figura4_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 324px;
    height: 50px;
    top: 0px;
    left: 75px;
    position: absolute;
}

.letrasNum {
    top: 36px;
    left: 44px;
    font-family: 'cabinregular';
    font-size: 40px;
}

.txtF1 {
    font-family: 'cabinbold';
    font-size: 35px;
    letter-spacing: normal;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
    top: 193px;
    left: 611px;
    width: 1080px;
    color: #575756;
    line-height: 40px;
}

.txtEjer {
    background-image: url(../img/M_G06_U01_L04_04/txt.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1255.63px;
    height: 119.99px;
    top: 115px;
    left: 43px;
    position: absolute;
}

.ejercicio6 {
    background-image: url(../img/M_G06_U01_L04_04/ejercicio6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1151px;
    height: 361px;
    position: relative;
    margin: 18% auto 0 auto;
}

.ejercicio6 .campoOculto {
    width: 572px;
    height: 176px;
    position: absolute;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    top: 0%;
    left: 0%;
}

.ejercicio6 .campoOculto:nth-child(1) {
    top: 0%;
    left: 0%;
    background-color: #E7B041;
}

.ejercicio6 .campoOculto:nth-child(2) {
    top: 0%;
    left: 50.4%;
    background-color: #A1BF37;
}

.ejercicio6 .campoOculto:nth-child(3) {
    left: 0%;
    bottom: 0%;
    top: initial;
    background-color: #559F99;
}

.ejercicio6 .campoOculto:nth-child(4) {
    left: 50.4%;
    bottom: 0%;
    top: initial;
    background-color: #68A7DE;
}

.clickCampoOculto {
    background-image: url(../img/M_G06_U01_L04_03_01/clickObj2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 35px;
    height: 39px;
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.tituloResumen {
    color: #6E6E6E;
    font-family: 'cabinregular';
    font-size: 30px;
    line-height: 36px;
    position: absolute;
    letter-spacing: 0;
    top: 10%;
    left: 2%;
    white-space: nowrap;
}
/*DRAG AND DROP*/

.cntActividad {
    width: 1104px;
    height: 408px;
    background-color: transparent;
    padding: 12px 14px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 13.5% auto 0 auto;
    position: relative;
}

.lstParejaOrigen {
    margin: 2% 0 0 3%;
    padding: 0;
    display: inline-block;
}

.pareja1 {
    background-color: #F9B233 !important;
}

.pareja2 {
    background-color: #95C11E !important;
}

.pareja3 {
    background-color: #00A09A !important;
}

.pareja4 {
    background-color: #36A9E0 !important;
}

.pareja {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 302px;
    height: 76px;
    border: 5px solid #DADAD9;
    position: relative;
    margin-bottom: 5px;
}

.pareja .texto {
    color: #FEFEFE;
    font-family: 'cabinbold';
    font-size: 34px;
    line-height: 60px;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    display: inline-block;
    white-space: nowrap;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.lstParejaDestino {
    margin: 2% 0 0 5%;
    padding: 0;
    display: inline-block;
}

.lstParejaDestino li {
    background-color: rgba(197, 197, 197, 0.35);
    border: 5px solid #fefefe;
}

.lstParejaSeleccion {
    margin: 2% 0 0 4%;
    padding: 0;
    display: inline-block;
}

.lstParejaSeleccion >li {
    background-color: #6E6E6E;
    cursor: pointer;
}

.fraccionario {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    line-height: 20px;
    text-align: center;
}

.fraccionario .linea {
    display: inline-block;
    border: 1px solid #fefefe;
    width: 100%;
    vertical-align: middle;
}

.fraccionario li:nth-child(1) {
    line-height: 12px;
}

.fraccionario li:nth-child(3) {
    line-height: 24px;
}

.parcheVerdeO {
    background-image: url(../img/M_G06_U01_L04_04/parcheV.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 471px;
    height: 68.54px;
    top: 25px;
    left: 44px;
    position: absolute;
}

.parcheNaranjaO {
    background-image: url(../img/M_G06_U01_L04_04/parcheN.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 315px;
    height: 137.54px;
    top: 0px;
    left: 75px;
    position: absolute;
}