.h-80{ height: 80px;}

.item{    padding: 20px 16px 5px;}
.item-complex .item-content, .item-radio .item-content {
    padding: 0;
}

.item .tituloLibro {
    font-size: 28px;
    font-weight: 400;
    padding-left: 15px;
    padding-bottom: 15px;
}
.item .fraseLibro {
    padding: 15px 0 0 15px;
    font-weight: 200;
    font-size: 16px;
    color: #3c3c3c;
}

.card-background-page {
    padding: 0;
    margin: 0;

}

.item { padding: 0;
    white-space: normal;
}
.card .item:last-child, .list-inset .item:last-child {
    margin-bottom: -5px;
}

.has-header {
    top: 44px;
}
.card{ border-radius: 0;}


.libroA{    background-color: #dd1f34; padding: 15px; margin: 20px 5px; height: 250px; box-shadow:2px 2px 4px rgba(91, 91, 91, 0.59); }
.libroB{    background-color: #e4e3e3; padding: 15px; margin: 20px 5px; height: 250px; box-shadow:2px 2px 4px rgba(91, 91, 91, 0.59);}
.libroC{    background-color: #e4e3e3; padding: 15px; margin: 0px 5px 20px; height: 250px; box-shadow:2px 2px 4px rgba(91, 91, 91, 0.59);}
.libroD{    background-color: #e4e3e3; padding: 15px; margin: 0px 5px 20px; height: 250px; box-shadow:2px 2px 4px rgba(91, 91, 91, 0.59);}
.fondoblanco {
    width: 100%;
    bottom: 0;
    position: absolute;
    background-color: rgba(38, 26, 87, 0.29);
    min-height: 101px;
    height: 110px;
}

.bar.bar-stable {
    border-color: #b2b2b2;
    background-color: #ffffff;
    background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
    color: #444;
}
.bar.bar-stable .title {
    color: #00b1b9;
}
.bar .title {
    font-size: 16px;
    font-weight: 300;
    color: #00b1b9;
}
.bar-stable .button.button-clear {
    color: #00b1b9;
    font-size: 14px;
}
.bar .button.back-button, .bar button.back-button {
    font-weight: 300;
}
.card-background-page .card-title {
    position: absolute;
    top: 10%;
    font-size: 1.6em;
    font-weight: 200;
    width: 100%;

    color: #ffffff;

}

.card-background-page .card-subtitle {
    font-size: 1.0em;
    position: absolute;
    top:40%;
    width: 100%;
    color: #ffffff;
    font-weight: 100;
    line-height: normal;
    padding-right: 10px;
    letter-spacing: 1px;
}
.has-headerB{
    top: 80px;
}

.libroAinicio{   background-color: #dd1f34 !important; color: #ffffff; font-weight: 300; padding: 15px 15px 14px 15px; font-size: 14px; font-weight: 500}

.libroAinicio h3{ padding: 15px 0 5px !important; color: #ffffff !important; font-weight: 400; font-size: 22px !important;}
.libroAinicio p{ padding: 20px 0 5px  !important; color: #ffffff; font-weight: 300;}

.libroAinicio .linea{width: 100%; height: 5px; bottom: 0;
    background: rgba(212,190,49,1);
    background: -moz-linear-gradient(left, rgba(212,190,49,1) 0%, rgba(212,190,49,1) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(212,190,49,1)), color-stop(27%, rgba(212,190,49,1)), color-stop(27%, rgba(175,229,207,1)), color-stop(73%, rgba(175,229,207,1)), color-stop(73%, rgba(86,125,140,1)), color-stop(100%, rgba(86,125,140,1)));
    background: -webkit-linear-gradient(left, rgba(212,190,49,1) 0%, rgba(212,190,49,1) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: -o-linear-gradient(left, rgba(212,190,49,1) 0%, rgba(212,190,49,1) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: -ms-linear-gradient(left, rgba(212,190,49,1) 0%, rgba(212,190,49,1) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: linear-gradient(to right, rgba(212,190,49,1) 0%, rgba(212,190,49,1) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4be31', endColorstr='#567d8c', GradientType=1 );
}


.libroBinicio{   background-color: #00b3b7 !important; color: #ffffff; font-weight: 300; padding: 15px 15px 14px 15px; font-size: 14px; font-weight: 500}

.libroBinicio h3{ padding: 15px 0 5px !important; color: #ffffff !important; font-weight: 400; font-size: 22px !important;}
.libroBinicio p{ padding: 20px 0 5px  !important; color: #ffffff; font-weight: 300;}

.libroBinicio .linea{width: 100%; height: 5px; bottom: 0;
    background: rgba(212,190,49,1);
    background: -moz-linear-gradient(left, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(221, 31, 52)), color-stop(27%, rgb(221, 31, 52)), color-stop(27%, rgba(175,229,207,1)), color-stop(73%, rgba(175,229,207,1)), color-stop(73%, rgba(86,125,140,1)), color-stop(100%, rgba(86,125,140,1)));
    background: -webkit-linear-gradient(left, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: -o-linear-gradient(left, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: -ms-linear-gradient(left, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: linear-gradient(to right, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4be31', endColorstr='#567d8c', GradientType=1 );}


.libroCinicio{   background-color: #a8942b !important; color: #ffffff; font-weight: 300; padding: 15px 15px 14px 15px; font-size: 14px; font-weight: 500}

.libroCinicio h3{ padding: 15px 0 5px !important; color: #ffffff !important; font-weight: 400; font-size: 22px !important;}
.libroCinicio p{ padding: 20px 0 5px  !important; color: #ffffff; font-weight: 300;}

.libroCinicio .linea{width: 100%; height: 5px; bottom: 0;
    background: rgba(212,190,49,1);
    background: -moz-linear-gradient(left, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(221, 31, 52)), color-stop(27%, rgb(221, 31, 52)), color-stop(27%, rgba(175,229,207,1)), color-stop(73%, rgba(175,229,207,1)), color-stop(73%, rgba(86,125,140,1)), color-stop(100%, rgba(86,125,140,1)));
    background: -webkit-linear-gradient(left, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: -o-linear-gradient(left, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: -ms-linear-gradient(left, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: linear-gradient(to right, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4be31', endColorstr='#567d8c', GradientType=1 );}

.libroDinicio{   background-color: #679ebd!important; color: #ffffff; font-weight: 300; padding: 15px 15px 14px 15px; font-size: 14px; font-weight: 500}

.libroDinicio h3{ padding: 15px 0 5px !important; color: #ffffff !important; font-weight: 400; font-size: 22px !important;}
.libroDinicio p{ padding: 20px 0 5px  !important; color: #ffffff; font-weight: 300;}

.libroDinicio .linea{width: 100%; height: 5px; bottom: 0;
    background: #679ebd;
    background: -moz-linear-gradient(left, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(221, 31, 52)), color-stop(27%, rgb(221, 31, 52)), color-stop(27%, rgba(175,229,207,1)), color-stop(73%, rgba(175,229,207,1)), color-stop(73%, rgba(86,125,140,1)), color-stop(100%, rgba(86,125,140,1)));
    background: -webkit-linear-gradient(left, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: -o-linear-gradient(left, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: -ms-linear-gradient(left, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    background: linear-gradient(to right, rgb(221, 31, 52) 0%, rgb(221, 31, 52) 27%, rgba(175,229,207,1) 27%, rgba(175,229,207,1) 73%, rgba(86,125,140,1) 73%, rgba(86,125,140,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4be31', endColorstr='#567d8c', GradientType=1 );}

.rojo{color: #dd1f34;}
.amarillo{color: #6cb0b4;}
.verde{color: #a8942b !important;}
.azul{color: #679ebd !important;}


.item h3{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: inherit;
    padding: 18px 40px 20px 25px;
}
.item h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
}
.menos20{ margin-bottom: -20px !important;}
.item p {
    color: #666;
    font-size: 14px;
    margin-bottom: 1px;
    padding-left: 25px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: inherit;
}

.item h3 {
    font-weight: 300;
    padding-right: 44px;
}

.dark a{ color: #3c3c3c !important;}


.libroAmenu p, .libroAmenu h2{background-color: #dd1f34 !important; color: #ffffff !important; margin-bottom: -1px !important;}
.libroBmenu p, .libroBmenu h2{background-color: #00b3b7 !important; color: #ffffff !important; margin-bottom: -1px !important;}
.libroCmenu p, .libroCmenu h2{background-color: #a8942b !important; color: #ffffff !important; margin-bottom: -1px !important;}
.libroDmenu p, .libroDmenu h2{background-color: #679ebd !important; color: #ffffff !important; margin-bottom: -1px !important;}

a {
    color: #2f2f2f;
    text-decoration: none;
}


.list .item.item-accordion {
    line-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    transition: 0.09s all linear;
}
.list .item.item-accordion.ng-hide {
    line-height: 0;
}
.list .item.item-accordion.ng-hide-add,
.list .item.item-accordion.ng-hide-remove {
    display: block !important;
}

.librocontenido p{
    color: #3a3a3a;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    padding: 5px;
}


.destacado {
    color: #00b1b9 !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    padding-left: 30px !important;
    font-style: italic;
}

.destacadoB{
     color: #3a3a3a !important;
     font-size: 17px !important;
     font-weight: 300 !important;
     padding-left: 30px !important;

 }

.destacadoLibroB {
    color: #6cb0b4 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    padding-left: 30px !important;
    font-style: italic;
}



.destacadoLibroC {
    color: #F22141 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    padding-left: 30px !important;
    font-style: italic !important;
}

.destacadoC {

    padding-left: 60px !important;
   }
.destacadoC span{
    margin-left: -30px;
    margin-right: 0;
    border-radius: 50%;
    background-color: #a8942b;
    color: #FFFFFF !important;
    font-size: 20px;
    font-weight: 600 !important;
    padding:0 6px ;
   }


.destacadoLibroD{
    color: #a8942b !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    padding-left: 30px !important;
    font-style: italic !important;
}


.fraseInicio {
    color: #a8942b !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    padding-left: 30px !important;
}

.parafosLibroUno, .parafosLibroUno p{
    background-color: #F22141;
    color: #FFFFFF !important;
}
.parafosLibroDos, .parafosLibroDos p{
    background-color: #00b3b7;
    color: #FFFFFF !important;
}
.parafosLibroTres{
    background-color: #a8942b;
}
.parafosLibroTres p{
    color: #FFFFFF !important;
}
.parafosLibroCuatro{
    background-color: #679ebd;
}
.parafosLibroCuatro p{
    color: #FFFFFF !important;
}
.nombreFrase{ float: right; font-style: italic; font-size: 18px;}

.m-t-45{margin-top: 43px;}

.piedepagina{ font-size: 12px !important;
    font-style: italic; background: rgba(255, 0, 0, 0.11);
    border-radius: 10px;
text-align: left !important;}

.italic{font-style: italic !important;}
.item.item-stable {
    border-color: #ffffff;
    background-color: #ffffff;
    color: #dd1f34;
    padding: 15px;
    border-bottom: 2px solid #16b7bf;}
.item.active.item-stable, .item.activated.item-stable, .item-complex.active .item-content.item-stable, .item-complex.activated .item-content.item-stable, .item .item-content.active.item-stable, .item .item-content.activated.item-stable {
    border-color: #4cc7cd;
    background-color: #ffffff;
}
.list .item.item-accordion {
    line-height: 21px;
    padding-top: 6px;
    padding-bottom: 5px;
    transition: 0.09s all linear;
}
.item {

    border-color: #fff;}
.redes {
    background-color: rgba(212, 190, 49, 0.27);
    padding: 2px;
    margin-top: 40px;
}
.face{color: #0c60ee !important;}
.twitter{color: #0a9dc7 !important; }

.subindice{ font-size: 9px !important;
    background: #ff3b30;
    color: #ffffff;
    padding: 4px 4px;
    border-radius: 7px}

.subindiceDos{ font-size: 9px !important;
    background: #ff3b30 !important;
    color: #ffffff;
    padding: 4px 4px !important;
    border-radius: 7px;
    margin-left: 0px !important;
}