@charset "utf-8";
/* CSS Document */
/*clear float*/

.popCC {
    margin: 0;
}

.ajuste {
    width: 100%;
    height: 1px;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.elementoRelativo {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
/*NAVEGACION*/

.navInicio {
    background-image: url(../img/nav/navInicio.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    left: 89.5%;
    top: 12%;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    z-index: 1;
}

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguiente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    z-index: 1;
}
/*fin NAVEGACION*/
/*fondo*/

.cntFondoBorde {
    border: 3px dashed #A1E1FF;
    width: 1125px;
    height: 590px;
    padding: 0.5%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.cntFondo {
    width: 98%;
    height: 98%;
    padding: 1% 1% 0% 1%;
    letter-spacing: 0;
    background-color: #E1EFF7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.IL_L_G06_U01_L06_03_03_01 {
    background-image: url(../img/modoSubjuntivo/IL_L_G06_U01_L06_03_03_01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1123px;
    height: 588px;
    position: relative;
    margin-top: -10px;
    margin-left: -11px;
}

.IL_L_G06_U01_L06_03_03_04 {
    background-image: url(../img/modoSubjuntivo/IL_L_G06_U01_L06_03_03_04.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1123px;
    height: 588px;
    position: relative;
    margin-top: -10px;
    margin-left: -11px;
}

.ninos {
    background-image: url(../img/modoSubjuntivo/ninos.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1123px;
    height: 602px;
    position: relative;
    margin-top: -10px;
    margin-left: -11px;
}

.IL_L_G06_U01_L06_03_03_06 {
    background-image: url(../img/modoSubjuntivo/IL_L_G06_U01_L06_03_03_06.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1123px;
    height: 588px;
    position: relative;
    margin-top: -10px;
    margin-left: -11px;
}

.IL_L_G06_U01_L06_03_03_10 {
    background-image: url(../img/modoSubjuntivo/IL_L_G06_U01_L06_03_03_10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1123px;
    height: 588px;
    position: relative;
    margin-top: -10px;
    margin-left: -11px;
}

.IL_L_G06_U01_L06_03_03_12 {
    background-image: url(../img/modoSubjuntivo/IL_L_G06_U01_L06_03_03_12.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1123px;
    height: 588px;
    position: relative;
    margin-top: -10px;
    margin-left: -11px;
}
/*fin fondo*/
/*titulo y texto generales*/

.cntFondo .titulo {
    font-family: 'cabinbold';
    font-size: 60px;
    color: #343A49;
    line-height: 60px;
    text-align: center;
    margin-top: 2%;
}

.cntFondo .titulo2 {
    font-family: 'cabinbold';
    font-size: 40px;
    color: #343A49;
    line-height: 40px;
    text-align: center;
    margin-top: 6%;
}

.cntFondo .titulo3 {
    font-family: 'cabinmedium';
    font-size: 33px;
    color: #343A49;
    line-height: 40px;
    text-align: center;
    top: -10%;
    position: absolute;
    left: 5%;
}

.cntFondo .texto {
    font-family: 'cabinregular';
    font-size: 45px;
    color: #343A49;
    line-height: 50px;
}

.cntFondo .texto2 {
    font-family: 'cabinregular';
    font-size: 35px;
    color: #343A49;
    line-height: 38px;
}

.cntFondo .subtitulo {
    font-family: 'cabinbold';
}
/*fin titulo y texto generales*/
/*ilustraciones*/

.interrogante {
    background-image: url(../img/pronombreLinfatico/interrogante.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 427px;
    height: 426px;
    position: absolute;
    left: 58%;
    top: 30%;
}

.hombre {
    background-image: url(../img/pronombreLinfatico/hombre.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 296px;
    height: 385px;
    position: absolute;
    left: 2%;
    top: 22%;
}

.dosPersonas {
    background-image: url(../img/pronombreLinfatico/dosPersonas.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 348px;
    height: 422px;
    position: absolute;
    left: 31%;
    top: 15%;
}

.dinero {
    background-image: url(../img/pronombreLinfatico/dinero.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 353px;
    height: 422px;
    position: absolute;
    left: 65%;
    top: 13.5%;
}

.schoolGirl {
    background-image: url(../img/pronombreLinfatico/schoolGirl.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 860px;
    height: 415px;
    position: absolute;
    left: 12%;
    top: 14%;
}

.girl {
    background-image: url(../img/pronombreLinfatico/girl.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 705px;
    height: 308px;
    position: absolute;
    left: 4.5%;
    top: 43.2%;
}

.pareja1 {
    background-image: url(../img/pronombreLinfatico/pareja1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 461px;
    height: 387px;
    position: absolute;
    left: 4.5%;
    top: 23%;
}

.pareja2 {
    background-image: url(../img/pronombreLinfatico/pareja2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 461px;
    height: 385px;
    position: absolute;
    left: 49%;
    top: 23%;
}
/*fin ilustraciones*/
/*boton con border*/

.btnBorde {
    width: 210px;
    height: 58px;
    border: 2px dashed #DCDB21;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: transparent;
    padding: 5px;
    position: absolute;
}

.btnBorde .cntBtnBorde {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    letter-spacing: 0;
    background-color: #DCDB21;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.btnBorde .cntBtnBorde .texto {
    font-family: 'cabinmedium';
    font-size: 33px;
    color: #393C4A;
    line-height: 55px;
    margin-left: 20px;
    text-align: left;
}

.btnBorde .cntBtnBorde .texto2 {
    color: #393C4A;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    font-size: 25px;
    line-height: 52px;
    font-family: 'cabinregular';
}

.btnBorde .clickBtn {
    background-image: url(../img/click/clickBtn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 41px;
    height: 46px;
    right: 9%;
    top: 14%;
    position: absolute;
}
/*fin boton con border*/
/*POP UPS*/

.popupPronombre {
    width: 894px;
    height: 461px;
    background-color: rgb(255, 255, 255);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 15px;
    box-shadow: 6px 6px 13px 2px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 6px 6px 13px 2px rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 6px 6px 13px 2px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 6px 6px 13px 2px rgba(0, 0, 0, 0.6);
}

.popupPronombre .closePopup {
    background-image: url(../img/closePopup/closePopup.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: 8px;
    margin-right: 8px;
    z-index: 2;
}

.popupPronombre .contenido {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 2px dashed #DCDB21;
}

.popupPronombre .contenido .texto {
    font-family: 'cabinregular';
    font-size: 45px;
    text-align: left;
    line-height: 54px;
    color: #343A49;
    letter-spacing: 0px;
}

.textoListaPronombre {
    font-family: 'cabinbold';
    font-size: 45px;
    color: #1D1D1B;
    line-height: 52px;
    text-align: center;
    margin-top: 2%;
}

.tituloEjemplo {
    font-family: 'cabinmedium';
    font-size: 33px;
    color: #343A49;
    line-height: 42px;
    text-align: left;
    margin-top: 8px;
    margin-left: 20px;
}

.lstPronombre {
    font-family: 'cabinregular';
    font-size: 28px;
    list-style: disc;
    line-height: 45px;
    padding: 0;
    margin: 2.5% 0 0 8%;
    color: #343A49;
}

.lstPronombre span {
    font-size: 40px;
}
/*carta con drags*/

.headerCarta {
    font-family: 'cabinregular';
    font-size: 30px;
    color: #1D1D1B;
    letter-spacing: -1px;
    margin-left: 15px;
}

.contenidoCarta {
    margin-left: 15px;
    font-family: 'cabinregular';
    font-size: 30px;
    color: #343A49;
    margin-top: 15px;
    letter-spacing: -0.5px;
}

.drpPalabra {
    background-color: #DEDC00;
    height: 40px;
    width: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: sub;
}

.drpSigno {
    background-color: #DEDC00;
    height: 40px;
    width: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: sub;
}

.cntPalabras {
    margin: 1.5% 0 0 10%;
}

.palabra {
    background-color: #DEDC00;
    height: 40px;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    font-family: 'cabinregular';
    font-size: 35px;
    color: #343A49;
    padding: 0 5px;
    line-height: 35px;
    margin: 3px 5px;
}

.signo {
    background-color: #DEDC00;
    height: 40px;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    font-family: 'cabinregular';
    font-size: 35px;
    color: #343A49;
    padding: 0 5px;
    line-height: 35px;
    margin: 3px 5px;
}

.textoCorrecto {
    color: #95C11F;
    text-align: center;
    letter-spacing: 0;
    font-family: 'cabinbold';
    font-size: 76px;
    line-height: 65px;
    margin-top: 20px;
}

.textoInCorrecto {
    color: #E30613;
    text-align: center;
    letter-spacing: 0;
    font-family: 'cabinbold';
    font-size: 76px;
    line-height: 125px;
    margin-top: 20px;
}
/*carta con drags*/

.lstModo li {
    margin-bottom: 35px;
}

.lstSubjuntivo {
    display: inline-block;
    line-height: 45px;
    text-align: center;
    margin: 2% 0;
}
/*flechas*/

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

.flecha2 {
    background-image: url(../img/flecha2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 207px;
    height: 76px;
    position: absolute;
    left: 41.8%;
    top: 22%;
}

.flecha3 {
    background-image: url(../img/flecha3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36px;
    height: 29px;
    position: relative;
    margin-left: 22px;
}
/*flechas*/

.tblNavModoSubjuntivo {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
}

.tblNavModoSubjuntivo tr td {
    position: relative;
    padding-bottom: 10px;
}

.tblNavModoSubjuntivo tr td:nth-child(1) {
    width: 414px;
}

.tblNavModoSubjuntivo tr td:nth-child(2) {
    width: 80px;
}

.tblNavModoSubjuntivo tr td:nth-child(3) {
    width: 414px;
}

.tblNavModoSubjuntivo .btnBorde .clickBtn {
    width: 44px;
    height: 50px;
    right: 3%;
    top: 22%;
}

.lstEjemploSubjuntivo {
    font-family: 'cabinregular';
    font-size: 28px;
    list-style: disc;
    line-height: 52px;
    padding: 0;
    margin: 7% 0 0 9%;
    color: #343A49;
}

.lstEjemploSubjuntivo span {
    font-size: 46px;
}

.cntOculto {
    background-color: transparent;
    cursor: pointer;
}

.textoOculto {
    display: none;
}

.cntOculto .clickOculto {
    background-image: url(../img/click/clickOculto.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 22px;
    left: 44%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.tblVerbo {
    text-align: left;
    font-family: 'cabinregular';
    font-size: 33px;
    line-height: 40px;
    color: #343A49;
    border-collapse: collapse;
    white-space: nowrap;
    position: relative;
    margin: 55px 0px 0px 25px;
    box-shadow: 2px 4px 12px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 12px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 4px 12px 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 4px 12px 3px rgba(0, 0, 0, 0.3);
}
/**
celdas del titulo de la tabla
*/

.tblVerbo tr th {
    background-color: #72D8FC;
    text-align: center;
    vertical-align: middle;
    height: 92px;
    border: 2px solid #FEFEFE;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
}

.tblVerbo tr th:nth-child(1) {
    padding: 0px 0px 0px 20px;
}
/**
celdas
*/

.tblVerbo tr td {
    background-color: #B1E7FC;
    border: 2px solid #FEFEFE;
    padding: 0px 5px 0px 10px;
}
/**
se quitan los bordes externos de la tabla
*/

.tblVerbo tr:first-child th {
    border-top: 0;
}

.tblVerbo tr:nth-child(2) td {
    border-top: 0;
    text-align: center;
    padding: 0;
    height: 70px;
}

.tblVerbo tr:nth-child(2) td:nth-child(1) {
    background-color: #B1E7FC;
}

.tblVerbo tr:first-child th {
    border-bottom: 0;
}

.tblVerbo tr td:first-child,
.tblVerbo tr th:first-child {
    border-left: 0;
}

.tblVerbo tr td:last-child,
.tblVerbo tr th:last-child {
    border-right: 0;
}
/*establece el ancho de cada columna*/

.tblVerbo tr td:nth-child(1) {
    width: 162px;
    background-color: #72D8FC;
    padding: 0px 0px 0px 20px;
}

.tblVerbo tr td:nth-child(2) {
    width: 90px;
}

.tblVerbo tr td:nth-child(3) {
    width: 90px;
}

.tblVerbo tr td:nth-child(4) {
    width: 90px;
}

.tblVerbo tr td:nth-child(5) {
    width: 130px;
}

.tblVerbo tr td:nth-child(6) {
    width: 180px;
}

.tblVerbo tr td:nth-child(7) {
    width: 168px;
}

.tblVerboIrregulares {
    margin-top: 70px;
}

.tblVerboIrregulares tr th {
    color: #FEFEFE;
    background-color: #1192C9;
}
/*establece el ancho de cada columna*/

.tblVerboIrregulares tr td:nth-child(1) {
    width: 157px;
    background-color: #1192C9;
    padding: 0px 0px 0px 20px;
    color: #FEFEFE;
}

.tblVerboIrregulares tr td:nth-child(2) {
    width: 110px;
}

.tblVerboIrregulares tr td:nth-child(3) {
    width: 130px;
}

.tblVerboIrregulares tr td:nth-child(4) {
    width: 140px;
}

.tblVerboIrregulares tr td:nth-child(5) {
    width: 160px;
}

.tblVerboIrregulares tr td:nth-child(6) {
    width: 140px;
}

.tblVerboIrregulares tr td:nth-child(7) {
    width: 142px;
}

.txtSubjuntivo {
    padding: 10px;
    background-color: #343A49;
    color: #FEFEFE;
    resize: none;
    width: 755px;
    height: 66px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    vertical-align: middle;
    font-family: 'cabinregular';
    font-size: 35px;
    border: 0px;
    line-height: 60px;
    box-shadow: 3px 3px 11px 0.5px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 3px 3px 11px 0.5px rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 3px 3px 11px 0.5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 3px 3px 11px 0.5px rgba(0, 0, 0, 0.6);
}

.txtSubjuntivo:focus {
    outline: none;
    border: 0px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.tblEstructura {
    text-align: center;
    margin: 20px 0 0 10px;
}

.tblEstructura tr td {
    padding: 0 30px 10px 30px;
    vertical-align: top;
}

.lstEjemploPreteritoPerfecto {
    font-family: 'cabinregular';
    font-size: 28px;
    list-style: disc;
    line-height: 52px;
    padding: 0;
    margin: 5% 0 0 7%;
    color: #343A49;
}

.lstEjemploPreteritoPerfecto span {
    font-size: 40px;
}

.tblEjemploPreteritoPerfecto {
    text-align: left;
    font-family: 'cabinregular';
    font-size: 36px;
    line-height: 43px;
    color: #343A49;
    border-collapse: collapse;
    white-space: nowrap;
    position: relative;
    margin: 110px 0px 0px 90px;
    box-shadow: 2px 4px 12px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 12px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 4px 12px 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 4px 12px 3px rgba(0, 0, 0, 0.3);
}
/**
celdas del titulo de la tabla
*/

.tblEjemploPreteritoPerfecto tr th {
    background-color: #72D8FC;
    text-align: center;
    vertical-align: middle;
    height: 97px;
    border: 2px solid #FEFEFE;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
}

.tblEjemploPreteritoPerfecto tr th:nth-child(1) {
    padding: 0px 0px 0px 20px;
}
/**
celdas
*/

.tblEjemploPreteritoPerfecto tr td {
    background-color: #B1E7FC;
    border: 2px solid #FEFEFE;
    padding: 0px 5px 0px 10px;
}
/**
se quitan los bordes externos de la tabla
*/

.tblEjemploPreteritoPerfecto tr:first-child th {
    border-top: 0;
}

.tblEjemploPreteritoPerfecto tr:first-child th {
    border-bottom: 0;
}

.tblEjemploPreteritoPerfecto tr td:first-child,
.tblEjemploPreteritoPerfecto tr th:first-child {
    border-left: 0;
}

.tblEjemploPreteritoPerfecto tr td:last-child,
.tblEjemploPreteritoPerfecto tr th:last-child {
    border-right: 0;
}
/*establece el ancho de cada columna*/

.tblEjemploPreteritoPerfecto tr td:nth-child(1) {
    width: 286px;
    background-color: #72D8FC;
    padding: 0px 0px 0px 20px;
}

.tblEjemploPreteritoPerfecto tr td:nth-child(2) {
    width: 221px;
}

.tblEjemploPreteritoPerfecto tr td:nth-child(3) {
    width: 175px;
}

.tblEjemploPreteritoPerfecto tr td:nth-child(4) {
    width: 175px;
}

.numeracion {
    width: 34px;
    height: 34px;
    padding-right: 12px;
}

.tblOraciones {
    white-space: nowrap;
    font-family: 'cabinregular';
    font-size: 35px;
    margin: 14% 0 0 13%;
}

.tblOraciones tr td {
    padding-top: 25px;
}

.lstEjemploPreteritoImPerfecto {
    font-family: 'cabinregular';
    font-size: 28px;
    list-style: disc;
    line-height: 52px;
    padding: 0;
    margin: 3% 0 0 7%;
    color: #343A49;
}

.lstEjemploPreteritoImPerfecto span {
    font-size: 40px;
}

.tblPreteritoImperfecto {
    margin-left: 0px;
    font-size: 28.5px;
    margin-top: 92px;
}

.tblPreteritoImperfecto tr td {
    line-height: 33px;
}

.tblPreteritoImperfecto tr td:nth-child(1) {
    width: 140px;
    background-color: #72D8FC;
    padding: 0px 0px 0px 20px;
}

.tblPreteritoImperfecto tr td:nth-child(2) {
    width: 85px;
}

.tblPreteritoImperfecto tr td:nth-child(3) {
    width: 144px;
}

.tblPreteritoImperfecto tr td:nth-child(4) {
    width: 144px;
}

.tblPreteritoImperfecto tr td:nth-child(5) {
    width: 162px;
}

.tblPreteritoImperfecto tr td:nth-child(6) {
    width: 168px;
}

.tblPreteritoImperfecto tr td:nth-child(7) {
    width: 175px;
}
/*tblPreteritoImperfectoVerboIrregular*/

.tblPreteritoImperfectoVerboIrregular {
    margin-top: 110px;
}

.tblPreteritoImperfectoVerboIrregular tr td:nth-child(1) {
    width: 143px;
    color: #FEFEFE;
    background-color: #1191C8;
    padding: 0px 0px 0px 20px;
}

.tblPreteritoImperfectoVerboIrregular tr th {
    color: #FEFEFE;
    background-color: #1192C9;
}

.tblPreteritoImperfecto tr td:nth-child(2) {
    width: 161px;
}

.tblPreteritoImperfecto tr td:nth-child(3) {
    width: 116px;
}

.tblPreteritoImperfecto tr td:nth-child(2) {
    width: 144px;
}

.tblPreteritoImperfecto tr td:nth-child(3) {
    width: 137px;
}

.tblPreteritoImperfecto tr td:nth-child(2) {
    width: 132px;
}

.tblPreteritoImperfecto tr td:nth-child(3) {
    width: 148px;
}
/*******************/

.tblPreteritoPluscuanperfecto {
    text-align: left;
    font-family: 'cabinregular';
    font-size: 33px;
    line-height: 40px;
    color: #343A49;
    border-collapse: collapse;
    white-space: nowrap;
    position: relative;
    margin: 115px 0px 0px 25px;
    box-shadow: 2px 4px 12px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 12px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 4px 12px 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 4px 12px 3px rgba(0, 0, 0, 0.3);
}
/**
celdas del titulo de la tabla
*/

.tblPreteritoPluscuanperfecto tr th {
    background-color: #72D8FC;
    text-align: center;
    vertical-align: middle;
    height: 92px;
    border: 2px solid #FEFEFE;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
}

.tblPreteritoPluscuanperfecto tr th:nth-child(1) {
    padding: 0px 0px 0px 20px;
}
/**
celdas
*/

.tblPreteritoPluscuanperfecto tr td {
    background-color: #B1E7FC;
    border: 2px solid #FEFEFE;
    padding: 0px 5px 0px 10px;
}
/**
se quitan los bordes externos de la tabla
*/

.tblPreteritoPluscuanperfecto tr:first-child th {
    border-top: 0;
}

.tblPreteritoPluscuanperfecto tr:first-child th {
    border-bottom: 0;
}

.tblPreteritoPluscuanperfecto tr td:first-child,
.tblPreteritoPluscuanperfecto tr th:first-child {
    border-left: 0;
}

.tblPreteritoPluscuanperfecto tr td:last-child,
.tblPreteritoPluscuanperfecto tr th:last-child {
    border-right: 0;
}
/*establece el ancho de cada columna*/

.tblPreteritoPluscuanperfecto tr td:nth-child(1) {
    width: 290px;
    background-color: #72D8FC;
    padding: 0px 0px 0px 20px;
}

.tblPreteritoPluscuanperfecto tr td:nth-child(2) {
    width: 340px;
    text-align: center;
}

.tblPreteritoPluscuanperfecto tr td:nth-child(3) {
    width: 285px;
    text-align: center;
}

.tblPreteritoPluscuanperfecto tr td:nth-child(4) {
    width: 143px;
    text-align: center;
}

.tblOraciones2 {
    white-space: nowrap;
    font-family: 'cabinregular';
    font-size: 35px;
    margin: 7% 0 0 8%;
    letter-spacing: -0.5px;
}

.tblOraciones2 tr:nth-child(odd) td {
    padding-top: 30px;
}
/*tblFuturo**/

.tblFuturo {
    font-size: 30px;
    line-height: 42px;
    margin: 25px 0px 0px 5px;
}

.tblFuturo tr th {
    height: 82px;
}

.tblFuturo tr:nth-child(2) td {
    border-top: 0;
    text-align: center;
    padding: 0;
    height: 60px;
}

.tblFuturo tr td:nth-child(1) {
    width: 143px;
}

.tblFuturo tr td:nth-child(2) {
    width: 92px;
}

.tblFuturo tr td:nth-child(3) {
    width: 105px;
}

.tblFuturo tr td:nth-child(4) {
    width: 115px;
}

.tblFuturo tr td:nth-child(5) {
    width: 148px;
}

.tblFuturo tr td:nth-child(6) {
    width: 182px;
}

.tblFuturo tr td:nth-child(7) {
    width: 180px;
}
/*tblFuturoPerfecto**/

.tblFuturoPerfecto {
    font-size: 30px;
    line-height: 42px;
    margin: 25px 0px 0px 40px;
}

.tblFuturoPerfecto tr th {
    height: 82px;
}

.tblFuturoPerfecto tr td {
    text-align: center;
}

.tblFuturoPerfecto tr:nth-child(2) td {
    text-align: center;
    padding: 0;
    border-top: 2px solid #FEFEFE;
}

.tblFuturoPerfecto tr:nth-child(2) td:nth-child(1) {
    background-color: #72D8FC !important;
}

.tblFuturoPerfecto tr:nth-child(2) td {
    height: auto;
}

.tblFuturoPerfecto tr td:nth-child(1) {
    width: 292px;
    background-color: #72D8FC !important;
    padding: 0px 0px 0px 20px;
    text-align: left;
}

.tblFuturoPerfecto tr td:nth-child(2) {
    width: 312px;
}

.tblFuturoPerfecto tr td:nth-child(3) {
    width: 172px;
}

.tblFuturoPerfecto tr td:nth-child(4) {
    width: 175px;
}

.tituloEjemploPopUp {
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #89CC86;
    width: 193px;
    height: 55px;
    position: absolute;
    left: 0%;
    top: 13%;
}

.tituloEjemploPopUp >div {
    font-family: 'cabinregular';
    color: #FEFEFE;
    font-size: 35px;
    line-height: 55px;
    margin-left: 40px;
}

.titulo1PopUp {
    font-family: 'cabinbold';
    color: #595959;
    font-size: 45px;
    position: absolute;
    left: 25%;
    top: 2.5%;
}