@charset "utf-8";
@import url("L_G06_U03_L02_03.css");
/* CSS Document */

.lstMenuPrincipal {
    margin: 5.3% 0 0 35.5%;
    padding: 0;
}

.lstMenuPrincipal li {
    cursor: pointer;
    width: 723px;
  height: 54px;
    background-color: #4470B4;
    position: relative;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 7.5px;
}

.lstMenuPrincipal li .texto {
    color: #fefefe;
    font-family: 'cabinregular';
    font-size: 26px;
    text-align: center;
    line-height: 52px;
    white-space: nowrap;
}

.lstMenuPrincipal li .clickBtn {
    left: 93%;
}

.tituloCuento {
    width: 145px;
    height: 47px;
    background-color: #C20B19;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fefefe;
    font-family: 'cabinregular';
    font-size: 30px;
    line-height: 48px;
    text-align: center;
    margin: -3% auto 0 auto;
}

.tituloCuento2 {
    width: 698px;
    height: 52px;
    background-color: #445EA5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fefefe;
    font-family: 'cabinregular';
    font-size: 31px;
    line-height: 52px;
    text-align: center;
    position: absolute;
    left: 19%;
    top: -7.5%;
}

.txtCuento {
    line-height: 35px;
    font-family: 'cabinregular';
    font-size: 35px;
    letter-spacing: -0.5px;
}

.cuento1 {
    background-image: url(../img/cuento/cuento1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 340px;
    height: 485px;
    position: absolute;
    left: 4%;
    top: 5.5%;
}

.cuento2 {
    background-image: url(../img/cuento/cuento2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 419px;
    height: 345px;
    margin-left: 15px;
}

.cuento3 {
    background-image: url(../img/cuento/cuento3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 419px;
    height: 345px;
}

.cuento4 {
    background-image: url(../img/cuento/cuento4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 612px;
    height: 314px;
}

.cuento5 {
    background-image: url(../img/cuento/cuento5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 612px;
    height: 315px;
    margin-left: 27px;
    position: relative;
}

.cuento6 {
    background-image: url(../img/cuento/cuento6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 612px;
    height: 315px;
    margin-left: 56px;
    position: relative;
}

.cuento7 {
    background-image: url(../img/cuento/cuento7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 500px;
    height: 430px;
    margin-left: 70px;
    position: relative;
}

.cuento8 {
    background-image: url(../img/cuento/cuento8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 450px;
    height: 430px;
    margin-left: 64px;
    position: relative;
}

.cuento9 {
    background-image: url(../img/cuento/cuento9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 450px;
    height: 430px;
    position: relative;
    margin-left: 47px;
}

.cuento10 {
    background-image: url(../img/cuento/cuento10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 450px;
    height: 430px;
    position: relative;
    margin-left: 86px;
}

.cuento11 {
    background-image: url(../img/cuento/cuento11.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 450px;
    height: 396px;
    position: relative;
    margin-left: 77px;
}

.cuento12 {
    background-image: url(../img/cuento/cuento12.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 389px;
    height: 372px;
    position: relative;
    margin-right: 77px;
}

.cuento13 {
    background-image: url(../img/cuento/cuento13.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 389px;
    height: 372px;
    position: relative;
}

.cuento14 {
    background-image: url(../img/cuento/cuento14.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 389px;
    height: 374px;
    position: relative;
}

.cuento15 {
    background-image: url(../img/cuento/cuento15.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 389px;
    height: 372px;
    position: relative;
    margin-right: 55px;

}

.cuento16 {
    background-image: url(../img/cuento/cuento16.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 389px;
    height: 372px;
    position: relative;
    margin-right: 52px;
}

.cuento17 {
    background-image: url(../img/cuento/cuento17.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 389px;
    height: 372px;
    position: relative; margin-right: 67px;
}

.cuento18 {
    background-image: url(../img/cuento/cuento18.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 389px;
    height: 442px;
    position: relative;
   margin-left: 65px;
}

.cuento19 {
    background-image: url(../img/cuento/cuento19.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 389px;
    height: 442px;
    position: relative;
    margin-left: 80px;
}

.cuento20 {
    background-image: url(../img/cuento/cuento20.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 407px;
    height: 273px;
    position: relative;
    margin-left: 45px;
}

.cuento21 {
    background-image: url(../img/cuento/cuento21.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 349px;
    height: 396px;
    position: relative;
    margin-left: 74px;
}
.cuento22 {
    background-image: url(../img/cuento/cuento22.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 396px;
    height: 380px;
    position: relative;
    margin-left: 74px;
}

.citaCuento {
    font-family: 'cabinregular';
    font-size: 18px;
    color: #313E4B;
    font-style: italic;
    text-align: center;
}
/*inicio superestructura*/

.superEstructura {
    background-image: url(../img/cuento/superEstructura.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 429px;
    height: 375px;
    margin: 3% auto 0 auto;
}

.textoSuperEstructura1 {
    position: absolute;
    text-align: right;
    font-family: 'cabinregular';
    font-style: italic;
    font-size: 30px;
    line-height: 31px;
    letter-spacing: -0.5px;
    left: 10.5%;
    top: 13%;
}

.textoSuperEstructura2 {
    position: absolute;
    text-align: left;
    font-family: 'cabinregular';
    font-style: italic;
    font-size: 30px;
    line-height: 31px;
    letter-spacing: -0.5px;
    left: 70.5%;
    top: 61%;
}

.enunciadoCuento {
    font-family: 'cabinregular';
    font-size: 35px;
    line-height: 36px;
    letter-spacing: -0.5px;
    margin: 2% auto 0 auto;
    display: table;
}
/*fin superestructura*/

.lstCaracteristicas {
    margin: 0 0 0 2%;
    padding: 0;
    list-style: disc;
    font-size: 20px;
    white-space: nowrap;
}

.lstCaracteristicas li span {
    font-size: 35px;
}

[class*=cuento] .capCuento {
    position: absolute;
    left: 50%;
      bottom: -26px;
    transform: translate(-50%);
    -moz-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
}

.cuentoPopular {
    position: relative;
}

.cuentoPopular:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #313E4B;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    left: -12px;
    top: 14px;
}


.tblOganiza tr td{vertical-align: top;

}