@import url("M_G06_U01_L05.css");
.textoOculto {
    font-family: 'cabinmedium';
    font-size: 40px;
    color: #5F6060;
    display: none;
    line-height: 40px;
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    white-space: nowrap;
    letter-spacing: -0.5px;
}

.clickNumero {
    background-image: url(../img/click/clickNumero2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 46px;
    height: 51px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    display: inline-block;
}

.tituloMetodo {
    color: #FEFEFE;
    font-family: 'cabinbold';
    font-size: 45px;
    text-align: center;
    letter-spacing: 0;
    line-height: 50px;
    padding-top: 28px;
    margin-left: 4.5%;
}

.cntOculto {
    width: 1018px;
    height: 315px;
    margin-left: 34px;
    margin-top: 10px;
    position: relative;
    cursor: pointer;
}

.cntOculto .texto {
    color: #FEFEFE;
    font-family: 'cabinmedium';
    font-size: 41px;
    text-align: left;
    letter-spacing: 0;
    line-height: 50px;
    left: 75px;
    position: absolute;
    white-space: nowrap;
    top: 10%;
    display: none;
}

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

.tituloMultiplicacion {
    color: #FEFEFE;
    font-family: 'cabinbold';
    font-size: 38px;
    text-align: center;
    letter-spacing: 0;
    line-height: 39px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    top: 9%;
}

.tblDivision {
    font-family: 'cabinmedium';
    position: absolute;
    left: 50%;
    top: 23%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
}

.tblDivision tr th {
    background-color: #faf4f9;
    color: #5F6060;
    font-size: 45px;
    width: 278px;
    height: 100px;
    border: 0;
    border-bottom: 2px solid #FEFEFE !important;
    font-family: 'cabinmedium';
    font-weight: normal;
}

.tblDivision tr td span {
    color: #213278;
    font-family: 'cabinbold';
    font-size: 63px;
    text-align: center;
}

.tblDivision tr td {
    border-color: #FEFEFE;
    border-width: 4px;
    text-align: center;
    height: 210px;
    width: 278px;
    position: relative;
}

.tblDivision tr:nth-child(even) {
    background-color: #d8a9d2;
}

.tblDivision tr:nth-child(odd) {
    background-color: #f4deee;
}

.operaMultiplicacion {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    position: absolute;
    display: none;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.cntDivision {
    background-image: url(../img/division/cntDivision.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1029px;
    height: 502px;
    position: relative;
    margin: 5.7% auto 0 auto;
}

.cntDivision2 {
    background-image: url(../img/division/cntDivision2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1098px;
    height: 579px;
    position: relative;
    margin: 5.7% auto 0 auto;
}

.cntDivision3 {
    background-image: url(../img/division/cntDivision3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1099px;
    height: 518px;
    position: relative;
    margin: 5.7% auto 0 auto;
}

.cntDivision4 {
    background-image: url(../img/division/cntDivision4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1154px;
    height: 602px;
    position: relative;
    margin: 3.8% auto 0 auto;
}

.cntDivision5 {
    background-image: url(../img/division/cntDivision5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1098px;
    height: 519px;
    position: relative;
    margin: 3.8% auto 0 auto;
}

.lineaBordeada {
    background-image: url(../img/lineaBordeada.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1043px;
    height: 3px;
    position: absolute;
}

.tblDivision2 {
    font-family: 'cabinmedium';
    position: absolute;
    left: 50%;
    width: 1168px;
    top: 8%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
}

.tblDivision2 tr th {
    background-color: #faf4f9;
    color: #5F6060;
    font-size: 41px;
    width: 278px;
    height: 55px;
    border: 0;
    border-bottom: 6px solid #FEFEFE !important;
    font-family: 'cabinmedium';
    font-weight: normal;
}

.tblDivision2 tr td {
    border-color: #FEFEFE;
    border-width: 10px;
    border-top: 0px;
    text-align: center;
    height: 475px;
    width: 316px;
    position: relative;
    vertical-align: top;
    color: #3E5389;
    font-family: 'cabinbold';
    font-size: 45px;
}

.tblDivision2 tr:nth-child(even) {
    background-color: #D4BEDA;
}

.tblDivision2 tr:nth-child(odd) {
    background-color: #f4deee;
}

.tblDivision2 tr td:nth-child(even) {
    padding-top: 10px;
}

.tblDivision2 tr td:nth-child(odd) {
    padding-top: 20px;
}

.cntOcultoDivision {
    width: 45px;
    height: 37px;
    background-color: #F0F4F8;
    position: absolute;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
}

.cntOcultoDivision .clickDivision {
    background-image: url(../img/click/clickDivision.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    display: inline-block;
}

.cntOcultoDivision .numero {
    display: none;
    text-align: center;
    font-family: 'cabinbold';
    font-size: 31px;
    color: #CB5246;
}

.lineaDivision {
    background-color: #3E5389;
    height: 3px;
    width: 54px;
    position: absolute;
}

.tituloDivison4 {
    width: 1052px;
    height: 87px;
    background-color: #44763B;
    color: #FEFEFE;
    font-family: 'cabinbold';
    font-size: 38px;
    text-align: center;
    line-height: 40px;
    padding-top: 8px;
}

.cntDivision4 >table {
    position: absolute;
    left: 4%;
    top: 2%;
}

.tblEjemplo {
    width: 472px;
    height: 438px;
    margin-right: 98px;
}

.tblEjemplo >div {
    background-color: rgba(205, 228, 237, 0.8);
    border: 5px solid #fefefe;
    height: 103px;
    margin: 5px 0;
}

.tblEjemplo >div:nth-child(1) {
    height: 57px;
    margin: 12px 0 8px 0;
    color: #3F689D;
    font-family: 'cabinbold';
    font-size: 49px;
    text-align: center;
    line-height: 49px;
}

.tblEjemplo2 >div {
    background-color: rgba(214, 230, 209, 0.8);
}

.tblEjemplo2 >div:nth-child(1) {
    color: #44763B;
}

.tblEjemplo>div:not(:nth-child(1)) {
    cursor: pointer;
}

.divi {
    margin-top: 6px;
    margin-left: 25px;
    display: none;
}

.division1 {
    background-image: url(../img/division/division1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 309px;
    height: 95px;
}

.division2 {
    background-image: url(../img/division/division2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 289px;
    height: 95px;
}

.division3 {
    background-image: url(../img/division/division3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 169px;
    height: 90px;
}

.division4 {
    background-image: url(../img/division/division4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 268px;
    height: 95px;
}

.division5 {
    background-image: url(../img/division/division5.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 232px;
    height: 95.5px;
}

.division6 {
    background-image: url(../img/division/division6.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 133px;
    height: 90px;
}

.clickEjemploDivision {
    background-image: url(../img/click/clickEjemploDivision.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.5px;
    height: 40.5px;
    position: absolute;
    right: 5%;
    bottom: 6px;
    display: inline-block;
}

.numeroADividir {
    position: absolute;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}