@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Wendy+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
body,
input,
select,
button,
textarea {
   font-family: 'Raleway', sans-serif;
   font-weight: 500;
}
header { background-color: #42b2fc; }
input:focus { border: solid 1px #ff520c !important; }
h2 {
   font-size: 24px;
   font-weight: 500;
   text-align: center;
   color: #3e3e3e;
}
img,
object,
embed,
video { max-width: 100%; }
div,
section,
article,
aside,
main,
footer,
ul,
li,
form,
input,
select,
textarea,
a,
span { box-sizing: border-box !important; }
input,
select,
textarea,
option,
button {
   color: #3e3e3e;
   outline: none !important;
}
ul {
   padding-left: 0;
   list-style: none;
}
input[type='radio']:hover { cursor: pointer; }
.ie6 img { width: 100%; }
.esconder {
   position: absolute;
   overflow: hidden;
   clip: rect(0 0 0 0);
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   border: 0;
}
.fluid {
   display: block;
   float: left;
   clear: both;
   width: 100%;
   margin-left: 0;
}
.fluidList {
   margin: 0;
   padding: 0;
   list-style: none;
   list-style-image: none;
}
.gridContainer {
   float: none;
   clear: none;
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   padding-right: 10px;
   padding-left: 10px;
}
.dosColumnasA {
   box-sizing: border-box;
   width: 100%;
}
.dosColumnasB {
   clear: both;
   box-sizing: border-box;
   width: 100%;
   margin-left: 0;
}
.tresColumnasA {
   box-sizing: border-box;
   width: 100%;
}
.tresColumnasB {
   clear: both;
   box-sizing: border-box;
   width: 100%;
   margin-left: 0;
}
.tresColumnasIgualesA { width: 100%; }
.tresColumnasIgualesB {
   clear: both;
   width: 100%;
   margin-left: 0;
}
.dosColumnasAsideA { width: 100%; }
.dosColumnasAsideB {
   clear: both;
   width: 100%;
   margin-left: 0;
}
.fichaLibroGeneral .dosColumnasAsideA { width: 100%; }
.fichaLibroGeneral .dosColumnasAsideB {
   clear: both;
   width: 100%;
   margin-left: 0;
}
.dosColumnasComentariosA { width: 100%; }
.dosColumnasComentariosB {
   clear: both;
   width: 100%;
   margin-left: 0;
}
.cuatroColumnasA {
   width: 100%;
   margin-bottom: 60px;
}
.cuatroColumnasB {
   clear: both;
   width: 100%;
   margin-bottom: 60px;
   margin-left: 0;
}
/* INICIO */
.cabeceraCentrada {
   display: block;
   margin: 0 auto;
   background-color: #42b2fc;
}
.cabeceraPublica { min-height: 132px; }
.logoPrincipal { display: none; }
.logoPrincipalMovil {
   display: block;
   max-width: 120px;
   margin: 9px 0 0 8px;
}
.menuPrincipal {
   float: none;
   margin-top: 12px;
   padding: 0 20px;
   text-align: center;
   background-color: #fff;
}
.menuPrincipal ul li {
   display: block;
   margin-right: 0;
   margin-left: 0;
}
.menuPrincipal ul li a {
   font-size: 22px;
   font-weight: bold;
   display: block;
   padding: 11px 0;
   text-decoration: none;
   color: #3e3e3e;
}
.menuPrincipal ul li a:hover { text-decoration: underline; }
.menuPrincipal ul li.esconderMovil { display: none; }
header h2 {
   font-size: 27px;
   font-weight: bold;
   margin-bottom: 0;
   padding-top: 130px;
   padding-right: 20px;
   padding-left: 20px;
   text-align: center;
   color: #fff;
}
header.cabeceraIndex h2 {
   font-size: 27px;
   padding-top: 0;
}
header h3 {
   font-size: 20px;
   font-weight: 500;
   margin-top: 5px;
   padding-right: 20px;
   padding-left: 20px;
   text-align: center;
   color: #fff;
}
/* CABECERA FIJA */
.cabeceraFija .logoPrincipal {
   max-width: 186px;
   margin-top: 11px;
}
.cabeceraFija .menuPrincipal {
   position: relative;
   box-sizing: border-box;
   width: 100%;
   margin-top: 12px;
}
.cabeceraCentrada .menuPrincipal,
.cabeceraFija.cabeceraSinBuscador .menuPrincipal {
   position: fixed;
   z-index: 9999999;
   top: 0;
   display: none;
   box-sizing: border-box;
   width: 100%;
   margin-top: 0;
   padding: 70px 0;
   box-shadow: 1.8px 4.7px 5px 0 rgba(0, 0, 0, .48);
}
.cabeceraFija .buscadorHeader {
   display: block;
   margin-top: 12px;
   padding: 9px 9px 11px 13px;
   background-color: #b9e3ff;
}
.cabeceraIndex .buscadorHeader {
   margin-top: 12px;
   padding: 9px 9px 11px 13px;
   background-color: #b9e3ff;
}
.cabeceraFija .header {
   min-height: 132px;
   padding-bottom: 0;
   box-shadow: 0 4px 4px 0 rgba(32, 85, 113, .4);
}
.cabeceraIndex .header {
   min-height: 144px;
   padding-bottom: 0;
   box-shadow: 0 4px 4px 0 rgba(32, 85, 113, .4);
}
/* BOTONES */
.btnRegistrate {
   font-size: 16px;
   font-weight: bold;
   padding: 13px 37px 12px 37px;
   text-decoration: none;
   color: #fff;
   border: solid 1px #fff;
   border-radius: 23px;
   background-color: #3398d9;
}
.btnRegistrateMovil {
   position: absolute;
   top: 12px;
   right: 90px;
   padding: 13px 27px 12px 27px;
}
.menuPrincipal ul li a.btnRegistrate { padding: 13px 37px 12px 37px; }
.btnRegistrate:hover {
   text-decoration: none !important;
   color: #fff;
   background-color: #5fbefb;
}
.btnRegistrate:focus {
   color: #fff;
   background-color: #2c8fcc;
}
.btnPrincipal {
   font-size: 18px;
   font-weight: bold;
   padding: 13px 50px;
   text-decoration: none;
   color: #fff;
   border-radius: 21px;
   background-image: linear-gradient(to top, #f67f3b, #f36121);
}
.btnPrincipal:hover {
   color: #fff;
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), linear-gradient(to top, #f67f3b, #f36121);
}
.btnPrincipal:focus {
   color: #fff;
   background-color: #e25616;
}
.btnBuscador {
   line-height: 1.4;
   display: none;
   width: 66px;
   height: 50px;
   margin-left: -76px;
   padding: 15px 19px 15px 18px;
   border: 0;
   border-radius: 5px;
   background-image: url(../img/btn-icono-flecha.png), linear-gradient(to top, #f67f3b, #f36121);
   background-repeat: no-repeat;
   background-position: center center;
}
.cabeceraFija .btnBuscador {
   height: 47px;
   margin-left: -71px;
}
.btnBuscador:hover { background-image: url(../img/btn-icono-flecha.png), linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), linear-gradient(to top, #f67f3b, #f36121); }
.btnPrincipal.btnRecomendaciones {
   font-size: 15px;
   float: right;
   margin-top: -7px;
   padding: 8px 25px;
}
.btnBordeAzul {
   font-size: 15px;
   font-weight: bold;
   float: right;
   margin-top: 20px;
   padding: 10px 20px;
   text-align: center;
   text-decoration: none;
   color: #42b2fc;
   border: solid 1px #42b2fc;
   border-radius: 20.9px;
   background-color: #fff;
}
.btnBordeAzul:hover {
   color: #fff;
   background-color: #42b2fc;
}
.enlaceGris {
   font-size: 16px;
   font-weight: bold;
   padding: 10px 0;
   color: #8a8080;
}
.enlaceGris:hover { color: #42b2fc; }
.enlaceGris.enlaceVolverResponsiveFlecha {
   position: absolute;
   z-index: 9;
   display: block;
   width: 22px;
   height: 16px;
   margin-top: 14px;
   padding: 20px;
   background-image: url(../img/ico-volver-responsive.png);
   background-repeat: no-repeat;
}
.fichaLibro .enlaceGris.enlaceVolverResponsiveFlecha { margin-left: 13px; }
.enlaceGris.enlaceVolverResponsiveFlecha span { display: none; }
.enlaceGris.enlaceVolverResponsive { display: none; }
.borrarTodo {
   font-size: 14px;
   font-weight: bold;
   display: none;
   float: left;
   clear: right;
   margin-top: 17px;
   margin-left: 13px;
   padding-left: 13px;
   color: #ff5a5f;
   background: url(../img/ico-cerrar-x.png) left center no-repeat;
}
.borrarTodo:hover {
   color: #42b2fc;
   background: url(../img/ico-cerrar-x-azul.png) left center no-repeat;
}
/**********************/
.contenedorBuscador {
   min-height: auto;
   padding: 0;
   background-color: #fff; /*background-image: url(../img/nubes-cabecera-movil.png);
    background-repeat: repeat-x;
    background-position: center bottom -641px;
padding-top: 70px;*/
}
.ajusteResponsiveIndex {
   padding-bottom: 110px;
   background-image: url(../img/nubes-cabecera-movil.png);
   background-repeat: repeat-x;
   background-position: center bottom -810px;
}
.formularioBuscador { text-align: center; }
.buscador {
   margin: 0 auto;
   padding: 0 10px;
}
.contenedorBuscador .formularioBuscador { display: none; }
.btnPrincipal.btnRegistrateGratis {
   display: block;
   max-width: 210px;
   margin: 0 auto;
   padding: 13px 20px;
   text-align: center;
}
.buscador h3 {
   font-size: 24px;
   font-weight: bold;
   display: none;
   margin-top: 32px;
   text-align: center;
   color: #3e3e3e;
}
.leoLupa {
   display: none;
   margin: 30px auto -3.35% auto;
}
.buscadorPrincipal {
   font-size: 20px;
   width: 99%;
   max-width: 786px;
   margin-left: -5px;
   padding: 16px 10px 18px 70px;
   color: #3e3e3e;
   border: solid 1px #b0d0e3;
   border-radius: 5px;
   background: url(../img/icono-lupa.png) 10px center no-repeat #fff;
}
.buscadorPrincipal::placeholder {
 font-size: 18px;
 font-style: italic;
 opacity: 1;
 color: #b0d0e3;
}
.buscadorPrincipal:-ms-input-placeholder {
 font-size: 18px;
 font-style: italic;
 color: #b0d0e3;
}
.buscadorPrincipal::-ms-input-placeholder {
 font-size: 18px;
 font-style: italic;
 color: #b0d0e3;
}
.buscadorTag {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 0;
   text-align: center;
}
.buscadorTag li {
   display: inline-block;
   margin-right: 5px;
   margin-bottom: 15px;
   margin-left: 5px;
}
.buscadorTag li a {
   font-size: 14px;
   font-weight: bold;
   display: block;
   min-width: 124px;
   padding: 14px 8px;
   text-decoration: none;
   color: #f36d21;
   border-radius: 12px;
   background-color: #fbf1e3;
}
.buscadorTag li a:hover {
   padding: 11px 6px;
   color: #f36d21;
   border: 2px solid #f36d21;
   background-color: #fff;
}
.buscadorTag li.tituloTag {
   font-size: 16px;
   font-weight: bold;
   display: block;
   margin-bottom: 20px;
   color: #8a8080;
   background-color: inherit;
}
/* NUESTRA SELECCION */
.seleccionLeoteca h2 {
   font-size: 24px;
   margin-bottom: 37px;
}
.seleccionLeoteca a {
   font-size: 16px;
   font-weight: bold;
   display: block;
   max-width: 310px;
   margin: 0 auto;
   text-decoration: none;
   color: #000;
}
.gridContainer.clearfix.seleccionLeoteca { margin-bottom: 20px; }
.seleccionLeoteca article {
   display: flex;
   margin-bottom: 17px;
   border: solid 1px;
   border-radius: 20px;
   background-color: #fff;
   box-shadow: 0 4px 11px 0 rgba(119, 171, 207, .23);
   align-items: center;
}
.seleccionLeoteca img {
   float: left;
   max-width: 80px;
   border-radius: 20px 0 0 20px;
}
.seleccionLeoteca p {
   line-height: 1.1;
   display: block;
   padding-left: 15px;
}
.seleccionLeoteca p br { display: none; }
.seleccionLeoteca a span { color: #8a8080; }
.edad00 article { border-color: #d7bbfe; }
.edad03 article { border-color: #d1dcff; }
.edad06 article { border-color: #b9e3ff; }
.edad08 article { border-color: #ffd6cb; }
.edad10 article { border-color: #ffd69c; }
.edad12 article { border-color: #fbe280; }
.edad14 article {
   float: none;
   margin: 0 auto;
   border-color: #daec62;
}
.edad00 article:hover { border-color: #a576e7; }
.edad00 article:hover > span { background-color: #d3bbf3; }
.edad03 article:hover { border-color: #97aae6; }
.edad03 article:hover > span { background-color: #ccd5f2; }
.edad06 article:hover { border-color: #81bee7; }
.edad06 article:hover > span { background-color: #bdddf1; }
.edad08 article:hover { border-color: #e9a593; }
.edad08 article:hover > span { background-color: #f4d3ca; }
.edad10 article:hover { border-color: #f9ab42; }
.edad10 article:hover > span { background-color: #fcd6a1; }
.edad12 article:hover { border-color: #e5bc1e; }
.edad12 article:hover > span { background-color: #f2de8f; }
.edad14 article:hover { border-color: #bcd60f; }
.edad14 article:hover > span { background-color: #deeb88; }
.edad00 article > span {
   border-radius: 20px 0 0 20px;
   background-color: #f4edff;
}
.edad03 article > span {
   border-radius: 20px 0 0 20px;
   background-color: #e9eeff;
}
.edad06 article > span {
   border-radius: 20px 0 0 20px;
   background-color: #ddf1ff;
}
.edad08 article > span {
   border-radius: 20px 0 0 20px;
   background-color: #ffebe6;
}
.edad10 article > span {
   border-radius: 20px 0 0 20px;
   background-color: #ffebce;
}
.edad12 article > span {
   border-radius: 20px 0 0 20px;
   background-color: #fdf0c0;
}
.edad14 article > span {
   border-radius: 20px 0 0 20px;
   background-color: #edf5b1;
}
/* LEOTECA + SMARTICK */
.leotecaSmartick {
   padding-top: 120px;
   background-image: url(../img/nubes-leoteca-smartick.png), linear-gradient(to top, #fff, #fff, #e8f4ff);
   background-repeat: repeat-x;
   background-position: top center;
}
.leotecaSmartick h2 { margin-bottom: 90px; }
.gridContainer.clearfix.anchoLeotecaSmartick { max-width: 980px; }
.enlaceNormal {
   font-weight: bold;
   color: #f36d21;
}
.leotecaSmartick .enlaceNormal { display: block; }
.leotecaSmartick .dosColumnasA {
   margin-bottom: 45px;
   padding: 0 18px 42px 18px;
   text-align: center;
   border: solid 1px #42b2fc;
   border-radius: 20px;
   background: url(../img/nubes-azul.png) right bottom no-repeat;
   box-shadow: 0 4px 11px 0 rgba(119, 171, 207, .5);
}
.leotecaSmartick .dosColumnasB {
   float: right;
   margin-bottom: 45px;
   padding: 0 18px 42px 18px;
   text-align: center;
   border: solid 1px #f36d21;
   border-radius: 20px;
   background: url(../img/nubes-naranja.png) right bottom no-repeat;
   box-shadow: 0 4px 11px 0 rgba(119, 171, 207, .23);
}
.leotecaSmartick .dosColumnasA img,
.leotecaSmartick .dosColumnasB img {
   display: block;
   max-width: 180px;
   margin: 0 auto;
   padding: 24px 0;
}
.leotecaSmartick .dosColumnasA p,
.leotecaSmartick .dosColumnasB p {
   font-size: 17px;
   display: block;
   min-height: inherit;
   margin-top: 0;
   margin-bottom: 38px;
}
.fondoLeoAvatar { background: url(../img/onda-leo-y-avatar.png) center bottom no-repeat; }
.leoAvatar {
   display: block;
   max-width: 230px;
   margin: 0 auto;
}
/* ULTIMAS RECOMEDACIONES */
.recomendaciones {
   padding-bottom: 90px;
   background-color: #fff9eb;
   background-image: url(../img/onda-recomendaciones.png);
   background-repeat: no-repeat;
   background-position: bottom -170px center;
}
.recomendaciones h2 {
   margin-top: 50px;
   margin-bottom: -13px;
   padding: 0 10px;
}
.recomendaciones article {
   border-radius: 20px;
   background-color: #fff;
   box-shadow: 0 4px 11px 0 rgba(192, 189, 148, .5);
}
.contenedorImagen {
   overflow: hidden;
   max-width: 220px;
   height: 200px;
}
.recomendaciones article img { border-radius: 20px 20px 0 0; }
.recomendaciones .slick-list { padding-left: 12px; }
.recomendaciones .slick-slide { margin-right: 14px; }
.sliderRecomendaciones {
   margin-top: 70px;
   margin-bottom: 40px;
}
.sliderRecomendaciones .slick-track { padding-bottom: 20px; }
.recomendaciones .slick-dotted.slick-slider { margin-bottom: 0; }
.contenidoRecomendaciones { padding: 0 14px 22px 14px; }
.contenidoRecomendaciones h3 {
   font-size: 16px;
   font-weight: bold;
   max-width: 190px;
   min-height: 3em;
   margin-bottom: 0;
}
.contenidoRecomendaciones p {
   font-size: 16px;
   font-weight: 600;
   margin-top: 5px;
   margin-bottom: 30px;
   color: #8a8080;
}
.iconoValoracion {
   font-size: 14px;
   font-weight: 600;
   padding-left: 24px;
   color: #8a8080;
   background: url(../img/valoracion-estrella.png) left center no-repeat;
}
.contenidoRecomendaciones .btnPrincipal.btnRecomendaciones { display: none; }
.verTodo {
   font-size: 16px;
   font-weight: bold;
   float: right;
   margin-top: 38px;
   margin-right: 37px;
   color: #f36d21;
}
.recomendaciones .verTodo {
   display: block;
   float: none;
   margin: 0;
   padding: 14px 0;
   text-align: center;
}
.verTodo:hover { color: #42b2fc; }
.verTodo:focus { color: #e25616; }
/* PARTNERS */
.partners ul { padding-left: 0; }
.sliderPartners.slick-initialized.slick-slider.slick-dotted { margin-bottom: 50px; }
.partners img {
   display: block;
   max-height: 55px;
   margin: 0 auto;
}
.sliderPartners ul {
   padding-left: 0;
   text-align: center;
}
.sliderPartners ul li { display: inline-block; }
.sliderPartners .slick-slide div {
   margin-right: 5px;
   margin-bottom: 1em;
   margin-left: 5px;
}
.partnersPermanantes {
   max-width: 980px;
   margin: 1em auto;
   padding-left: 0;
   text-align: center;
}
.partnersPermanantes li {
   display: block;
   margin: 30px auto;
}
/* FOOTER */
footer {
   font-weight: bold;
   position: relative;
   margin-top: 55px;
   padding: 21px 0 40px 0;
   color: #fff;
   background-image: linear-gradient(to top, #3a3b3b, #474747);
}
footer.footerSinMargen { margin-top: 0; }
footer .gridContainer { max-width: 1072px; }
footer ul {
   float: none;
   margin-right: 0;
   margin-left: 0;
   padding-left: 0;
   text-align: center;
}
footer ul li {
   margin-bottom: 5px;
   list-style: none;
}
footer a {
   font-size: 14px;
   color: #fff;
}
footer a:hover,
footer a:focus { color: #fff; }
.copyright {
   font-size: 10px;
   font-weight: 400;
   display: block;
   text-align: center;
}
.enlacesFooter ul { display: block; }
footer div .logoFooter {
   display: table;
   margin: 0 auto;
}
.enlacesFooter {
   display: block;
   float: none;
   width: 100%;
   max-width: 570px;
   margin: 20px auto 0 auto;
}
.enlacesGeneralesFooter {
   margin-top: 20px;
   padding-top: 20px;
   border-top: 1px solid #fff;
}
.contactoFooter {
   padding-left: 30px;
   background: url(../img/ico-email.png) left center no-repeat;
}
footer .redesSociales {
   float: none;
   margin-top: 30px;
   margin-right: 0;
   margin-left: 0;
}
.redesSociales li {
   display: inline-block;
   margin: 0 2px;
}
.redesSociales li:first-child {
   display: block;
   margin: 0 0 14px 0;
   text-align: center;
}
/* RESULTADOS BUSCADOR */
.gridContainer.clearfix.interior { margin-top: 0; }
.paginaBusqueda .interior { background-image: linear-gradient(to top, #fff, #fff, #e8f4ff); }
.resultadosBuscadorFiltros { padding-top: 0; }
.resultadosBuscadorFiltros h2 {
   font-size: 18px;
   font-weight: bold;
   display: none;
   float: left;
   margin-bottom: 13px;
   text-align: left;
   color: #8a8080;
}
.anadirFiltrosMovil {
   font-size: 14px;
   font-weight: bold;
   display: block;
   float: right;
   padding: 13px 0 13px 35px;
   color: #42b2fc;
   background: url(../img/icono-filtros-movil.png) left center no-repeat;
}
#seleccionadoLeoteca {
   display: block;
   float: left;
   clear: left;
   margin-top: -5px;
}
.resultadosBuscadorFiltros label {
   font-size: 14px;
   font-weight: 600;
   color: #000;
}
.labelSeleccionadoLeoteca {
   font-size: 14px !important;
   font-weight: 400 !important;
   line-height: 1.8;
   display: block;
   clear: both;
   max-width: 200px;
   margin-top: -19px;
   margin-left: 4px;
   padding: 12px 29px 12px 0;
   background: url(../img/ico-leo.png) right center no-repeat;
   background-size: 26px;
}
.labelSeleccionadoLeoteca img {
   margin-top: -6px;
   margin-right: 8px;
}
.formFiltroResultadosBusqueda {
   display: inline-block;
   width: 100%;
   margin-top: 20px;
   padding: 20px 14px 20px 14px;
   border: solid 1px #d8e9f7;
   border-radius: 20px;
   background-color: #fff;
}
.formFiltroResultadosBusqueda label {
   display: block;
   margin-bottom: 6px;
}
.resultadosBuscadorFiltros input[type=text] {
   font-size: 16px;
   width: 100%;
   margin-bottom: 14px;
   padding: 13px 5px;
   border: solid 1px #b8c1c4;
   border-radius: 5px;
}
.contenedorExpand {
   min-height: 65px;
   margin-top: 25px;
   padding: 16px 20px 2px 20px;
   border: solid 1px #d8e9f7;
   border-radius: 20px;
}
.contenedorExpand.desplegableEnterateFunciona {
   padding: 0 10px;
   border: 0;
}
.contenedorExpand.desplegableEnterateFunciona ul { padding-left: 20px; }
.contenedorExpand.desplegableEnterateFunciona ul li {
   font-size: 17px;
   background-image: url('../img/bullet-enterate-02.png');
   background-repeat: repeat-y;
}
.contenedorExpand.desplegableEnterateFunciona ul li:last-child {
   background-image: url('../img/bullet-enterate-03.png');
   background-repeat: no-repeat;
   background-position: top left;
}
.contenedorExpand.desplegableEnterateFunciona ul li:before {
   display: inline-block;
   width: 16px;
   height: 48px;
   margin-left: -6px;
   content: ' ';
   background-image: url(../img/bullet-enterate.png);
   background-repeat: no-repeat;
   background-position: bottom center;
}
.contenedorExpand.desplegableEnterateFunciona ul li span {
   display: block;
   margin-top: -25px;
   padding-left: 20px;
}
.contenedorExpand a {
   font-size: 14px;
   font-weight: 600;
   margin-top: -4px;
   text-decoration: none;
   color: #000;
}
.contenedorExpand.desplegableEnterateFunciona a {
   font-size: 19px;
   color: #fff;
   border-radius: 5px;
   background-color: #42b2fc;
}
.radioButtonsGenerales {
   display: inline-block;
   width: 100%;
}
.paginaBusqueda .radioButtonsGenerales { background-color: #fff; }
.paginaBusqueda .radioButtonsGenerales.fondoAzul { background-color: #fff; }
.radioButtonsGenerales .content {
   margin-top: 50px;
   margin-bottom: 0;
}
.radioButtonsGenerales .content li {
   display: inline-block;
   width: 100%;
}
.radioButtonsGenerales input {
   float: left;
   clear: left;
}
.radioButtonsGenerales label {
   font-size: 14px;
   font-weight: 400;
   float: left;
   margin-top: -3px;
   margin-bottom: 15px;
   color: #000;
}
.fondoAzul { background-color: #f6fbff; }
.agregarTematica {
   display: block;
   margin-top: 27px;
   margin-bottom: 66px;
   margin-left: 6px;
}
.agregarTematica .icoMasAzul {
   display: block;
   float: left;
   clear: left;
   width: 28px;
   height: 28px;
   margin-bottom: 15px;
   background: url(../img/ico-mas-azul.png) center center no-repeat;
}
.agregarTematica .icoMasAzul:hover { background: url(../img/ico-mas-azul-hover.png) center center no-repeat; }
.agregarTematica select {
   float: left;
   width: 100%;
   margin-top: -2px;
   margin-bottom: 15px;
}
.contenedorExpand a.agregarTematicaSeleccionado {
   font-size: 11px;
   font-weight: bold;
   display: inline flow-root list-item;
   float: left;
   width: 100%;
   margin-bottom: 11px;
   padding: 5px 20px 5px 5px;
   color: #000;
   border: solid 1px #fff;
   border-radius: .5em;
   background-color: #dde8f0;
   background-repeat: no-repeat;
   background-position: right 5px center;
}
.contenedorExpand a.agregarTematicaSeleccionado:hover { background-image: url(../img/ico-cerrar-x-azul.png); }
/* ESCONDER AGREGAR TEMATICA */
input span { display: none; }
input:checked + span { display: block; }
.agregarTematica { display: none; }
.agregarTematica.select-visible { display: block; }
.resultadosBuscadorFiltros .btnBordeAzul { margin-bottom: 30px; }
/* RESULTADOS BUSCADOR */
.resultadosBuscador {
   font-weight: 600;
   padding: 0;
   background-image: none;
}
.resultadosBuscador h2 {
   font-size: 16px;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 19px;
   text-align: left;
   color: #3e3e3e;
}
.resultadosBuscador h2.noHayResultados {
   font-size: 20px;
   text-align: center;
   color: #ff5a5f;
}
.resultadosBuscador .noHayResultadosTexto {
   font-size: 16px;
   text-align: center;
   color: #8a8080;
}
.resultadosBuscador .noHayResultadosTexto a {
   font-weight: bold;
   color: #3e3e3e;
}
.resultadosBuscador .noHayResultadosTexto a:hover { color: #42b2fc; }
.imgNoHayResultados {
   display: block;
   margin: 30px auto 0 auto;
}
.nubeTagAzul {
   display: inline-block;
   margin-top: 0;
}
.nubeTagAzul li {
   display: inline-block;
   margin-bottom: 20px;
}
.nubeTagAzul li a {
   font-size: 14px;
   font-weight: 400;
   padding: 11px 30px 11px 12px;
   text-decoration: none;
   color: #fff;
   border: 1px solid #85b0ca;
   border-radius: 20px;
   background: url(../img/ico-cerrar-x-blanco-02.png) 95% center no-repeat #85b0ca;
   background-color: #85b0ca;
}
.nubeTagAzul li a:hover { border-color: #42b2fc; }
.nubeTagAnidada {
   display: inline-block;
   margin-top: 0;
   margin-left: 40px;
}
.nubeTagAnidada li {
   position: relative;
   margin-bottom: 17px;
   margin-left: -37px;
}
.nubeTagAnidada li:first-child { z-index: 20; }
.nubeTagAzul.nubeTagAnidada li:first-child a {
   padding: 11px 30px 11px 10px;
   border: 1px solid #85b0ca;
   background-color: #85b0ca;
   background-position: 91% center;
}
.nubeTagAzul.nubeTagAnidada li:first-child a:hover {
   border-color: #42b2fc;
   background: url(../img/ico-cerrar-x-blanco-02.png) 91% center no-repeat #42b2fc;
}
.nubeTagAnidada li:nth-child(2n) { z-index: 19; }
.nubeTagAnidada li:nth-child(3n) { z-index: 18; }
.nubeTagAnidada li:nth-child(4n) { z-index: 17; }
.nubeTagAnidada li:nth-child(5n) { z-index: 16; }
.nubeTagAzul.nubeTagAnidada li a {
   padding: 11px 30px 11px 29px;
   padding-left: 40px;
   border: 1px solid #85b0ca;
   background-color: #b0d0e3;
}
.nubeTagAzul.nubeTagAnidada li a:hover {
   border-color: #42b2fc;
   background: url(../img/ico-cerrar-x-blanco-02.png) 95% center no-repeat #79caff;
}
.contenidoResultadosBusqueda {
   float: none;
   max-width: 100%;
   margin: 10px auto 0 auto;
}
.contenidoResultadosBusqueda .contenidoRecomendaciones h3 { max-width: 100%; }
.contenedorIconosFicha {
   position: relative;
   margin-bottom: 0;
}
.iconoOjo {
   margin-left: 8px;
   font-size: 16px;
   font-weight: 600;
   padding-left: 32px;
   color: #8a8080;
   background: url(../img/privado/ico-echar-un-vistazo.png) left center no-repeat;
   background-size: 19px;
}
.iconoOjo:hover {
   opacity: 0.66;
   cursor: pointer;
}
.iconoLibro {
   font-size: 16px;
   font-weight: 600;
   padding-left: 32px;
   color: #8a8080;
   background: url(../img/ico-libro-azul.png) left center no-repeat;
}
.iconoLeoFicha {
   position: absolute;
   z-index: 1;
   top: 3px;
   right: 5px;
   border-radius: 0 !important;
   object-fit: initial !important;
   min-height: auto !important;
}
.iconoLeoFichaTitular {
   max-width: 26px;
   margin-top: -3px;
   margin-right: 5px;
   vertical-align: middle;
}
.ribbon {
   font-size: 14px;
   font-weight: bold;
   position: absolute;
   z-index: 1;
   top: -11px;
   left: 16px;
   min-width: 33px;
   min-height: 44px;
   padding: 7px 7px 16px 5px;
   cursor: default;
   color: #3e3e3e;
   background-repeat: no-repeat;
   background-position: center center;
}
.ribbonEdad00 { background-image: url(../img/ribbon-00-hover.png); }
.ribbonEdad03 { background-image: url(../img/ribbon-03-hover.png); }
.ribbonEdad06 { background-image: url(../img/ribbon-06-hover.png); }
.ribbonEdad08 { background-image: url(../img/ribbon-08-hover.png); }
.ribbonEdad10 { background-image: url(../img/ribbon-10-hover.png); }
.ribbonEdad12 { background-image: url(../img/ribbon-12-hover.png); }
.ribbonEdad14 { background-image: url(../img/ribbon-14-hover.png); }
.ribbon em { display: block; }
.ribbon:hover em { display: block; }
.contenidoResultadosBusqueda article {
   position: relative;
   margin-bottom: 60px;
   border-radius: 20px;
   background-color: #fff;
   box-shadow: 0 4px 11px 0 rgba(192, 189, 148, .5);
}
/* HOVER SOBRE DOS ELEMENTOS */
.contenidoResultadosBusqueda article:hover + .ribbonEdad00 { background-image: url(../img/ribbon-00-hover.png); }
.contenidoResultadosBusqueda article:hover + .ribbonEdad03 { background-image: url(../img/ribbon-03-hover.png); }
.contenidoResultadosBusqueda article:hover + .ribbonEdad06 { background-image: url(../img/ribbon-06-hover.png); }
.contenidoResultadosBusqueda article:hover + .ribbonEdad08 { background-image: url(../img/ribbon-08-hover.png); }
.contenidoResultadosBusqueda article:hover + .ribbonEdad10 { background-image: url(../img/ribbon-10-hover.png); }
.contenidoResultadosBusqueda article:hover + .ribbonEdad12 { background-image: url(../img/ribbon-12-hover.png); }
.contenidoResultadosBusqueda article:hover + .ribbonEdad14 { background-image: url(../img/ribbon-14-hover.png); }
.contenidoResultadosBusqueda article:hover + .ribbon em { display: block; }
.sliderMiBiblioteca article:hover + .ribbonEdad00 { background-image: url(../img/ribbon-00-hover.png); }
.sliderMiBiblioteca article:hover + .ribbonEdad03 { background-image: url(../img/ribbon-03-hover.png); }
.sliderMiBiblioteca article:hover + .ribbonEdad06 { background-image: url(../img/ribbon-06-hover.png); }
.sliderMiBiblioteca article:hover + .ribbonEdad08 { background-image: url(../img/ribbon-08-hover.png); }
.sliderMiBiblioteca article:hover + .ribbonEdad10 { background-image: url(../img/ribbon-10-hover.png); }
.sliderMiBiblioteca article:hover + .ribbonEdad12 { background-image: url(../img/ribbon-12-hover.png); }
.sliderMiBiblioteca article:hover + .ribbonEdad14 { background-image: url(../img/ribbon-14-hover.png); }
.sliderMiBiblioteca article:hover + .ribbon em { display: block; }
.contenidoResultadosBusqueda .contenedorImagen {
   max-width: none;
   height: 270px;
}
.contenidoResultadosBusqueda article img {
   border-radius: 20px 20px 0 0;
   object-fit: cover;
   min-height: 100%;
}
/* PAGINACION */
.paginacion {
   margin-top: 22px;
   text-align: center;
}
.paginacion li {
   display: inline-block;
   margin-bottom: 10px;
   text-align: center;
}
.paginacion li a {
   font-size: 16px;
   font-weight: 800;
   display: inline-block;
   min-width: 46px;
   min-height: 22px;
   padding: 12px 8px;
   text-decoration: none;
   color: #42b2fc;
   border-radius: 5px;
   background-image: linear-gradient(to bottom, #ebf6ff, #e3f2fd);
}
.paginacion li a:hover {
   color: #fff;
   background-color: #42b2fc;
   background-image: none;
}
.paginacion li.activo a {
   cursor: default;
   background-color: #fff;
   background-image: none;
}
.paginacion li.activo a:hover {
   color: #42b2fc;
   background-color: #fff;
   background-image: none;
}
.paginacion li.anterior a,
.paginacion li.siguiente a { padding: 12px 31px; }
.paginacion li.puntosSuspensivos {
   font-weight: 800;
   padding: 12px 18px;
   color: #42b2fc;
}
/* RADIO BUTTONS */
label > input[type='radio'] { display: none; }
label > input[type='radio'] + *::before {
   display: inline-block;
   width: 15px;
   height: 15px;
   margin-right: 7px;
   content: '';
   vertical-align: text-bottom;
   border-width: 1px;
   border-style: solid;
   border-color: #000;
   border-radius: 50%;
}
label > input[type='radio']:checked + * { color: #000; }
label > input[type='radio']:checked + *::before {
   border-color: #f36d21;
   background: radial-gradient(#f36d21 0%, #f36d21 40%, transparent 50%, transparent);
}
fieldset {
   max-width: 400px;
   margin: 20px;
}
label > input[type='radio'] + * { display: inline-block; }
/* CHECKBOX */
input[type='checkbox'] {
   position: absolute;
   visibility: hidden;
}
label { cursor: pointer; }
input[type='checkbox'] + label::before {
   font: 16px/1em Raleway;
   display: inline-block;
   width: 16px;
   height: 14px;
   margin: 0 7px 0 0;
   padding: 0 0 2px 0;
   content: '\00a0';
   border: 2px solid #6e6f68;
   border-radius: 2px;
   background-color: #fff;
}
input[type='checkbox']:checked + label::before {
   font-weight: 600;
   content: '\2713';
   text-align: center;
   color: #000;
   background: #fff;
}
input[type='checkbox']:checked + label::after { font-weight: bold; }
input[type='checkbox']:focus + label::before { outline: rgb(59, 153, 252) auto 5px; }
input.cheboxBlanco + label::before {
   margin: 0 14px 0 0;
   border-color: #fff;
}
/* SELECTS */
.select-css {
   font-size: 12px;
   font-weight: 300;
   line-height: 1.3;
   display: block;
   box-sizing: border-box;
   width: 100%;
   max-width: 100%;
   margin: 0;
   padding: 4px 5px;
   cursor: pointer;
   color: #444;
   border: solid 1px #b8c1c4;
   border-radius: .5em;
   background-color: #fff;
   background-image: url(../img/ico-select-felcha-abajo.png);
   background-repeat: no-repeat;
   background-position: right 2px top 50%;
   background-size: 1em auto;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
}
.select-css.selectLogin {
   font-size: 22px;
   font-weight: 600;
   display: inline-block;
   margin-bottom: 12px;
   padding: 11px 10px;
   color: #1469a2;
   border: none;
   border-radius: 5px;
   background-color: #d7efff;
   background-image: url(../img/ico-login-select.png);
   background-repeat: no-repeat;
   background-position: right 13px top 50%;
   background-size: 1em auto;
}
.select-css::-ms-expand {
 display: none;
}
.select-css:hover { border-color: #888; }
.select-css option { font-weight: normal; }
*[dir='rtl'] .select-css,
:root:lang(ar) .select-css,
:root:lang(iw) .select-css {
   padding: .6em .8em .5em 1.4em;
   background-position: left .7em top 50%, 0 0;
}
/* Disabled styles */
.select-css:disabled,
.select-css[aria-disabled=true] {
   color: #000;
   background-image: url(../img/ico-select-felcha-abajo.png);
}
.select-css:disabled:hover,
.select-css[aria-disabled=true] { border-color: #aaa; }
/* SIMPLE EXPAND */
.content { display: none; }
.toggle.expander.expanded {
   float: right;
   width: 100%;
   margin-top: 6px;
   background-image: url(../img/ico-expandir-02.png);
   background-repeat: no-repeat;
   background-position: right center;
}
.toggle.expander.collapsed {
   float: right;
   width: 100%;
   padding: 10px 0;
   background-image: url(../img/ico-expandir-01.png);
   background-repeat: no-repeat;
   background-position: right center;
}
.desplegableEnterateFunciona .toggle.expander.collapsed {
   float: right;
   width: 100%;
   margin-top: 0;
   padding: 12px 10px;
   border: 1px solid #42b2fc;
   background-image: url(../img/ico-expandir-enterate-01.png);
   background-repeat: no-repeat;
   background-position: right 10px center;
}
.desplegableEnterateFunciona .toggle.expander.expanded {
   float: right;
   width: 100%;
   margin-top: 0;
   padding: 12px 10px;
   color: #42b2fc;
   border: 1px solid #42b2fc;
   background-color: #fff;
   background-image: url(../img/ico-expandir-enterate-02.png);
   background-repeat: no-repeat;
   background-position: right 10px center;
}
.zeroMargin_mobile { margin-left: 0; }
.hide_mobile { display: none; }
/* HEADER FIXED */
.header {
   position: relative;
   z-index: 999999;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 100%;
   padding-bottom: 15px;
   color: #fff;
   background-color: #42b2fc;
}
.buscadorHeader {
   display: none;
   margin-top: 15px;
   padding: 0 9px 14px 13px;
   background-color: #fff;
}
.buscadorHeader .buscadorPrincipal {
   font-size: 18px;
   padding: 13px 10px 12px 70px;
   background-size: 35px;
}
.buscadorHeader.buscadorSimple {
   display: block;
   margin-bottom: 11px;
}
.header > div {
   width: 100%;
   padding-right: 0;
   padding-left: 0;
}
.buscadorHeader { display: block; }
/****** CLASES IHOVER *******/
.ih-item.square .info {
   position: absolute;
   top: auto;
   right: 0;
   bottom: 0;
   left: 0;
   max-height: 220px;
   text-align: center;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
.ih-item.square.effect13 .info {
   visibility: hidden;
   opacity: 1;
}
.ih-item.square.effect13.bottom_to_top a:hover .info {
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
}
.ih-item.square.effect13 .info p { margin-top: 10px; }
.ih-item > a { cursor: default; }
/******** REGISTRO  ********/
.headerLogin { padding-bottom: 9px; }
.headerLogin .logoPrincipalMovil {
   display: block;
   margin: 9px auto 0 auto;
}
.leoLlevandoLibrosMovil {
   position: absolute;
   top: 10px;
   right: 0;
   display: block;
}
.leoEscribiendoMovil {
   position: absolute;
   top: 10px;
   right: 0;
   display: block;
}
.imgLeoMensajeMovil {
   position: absolute;
   top: 43px;
   right: 0;
   display: block;
}
.login { background: url(../img/nubes-cabecera-login.png) center bottom repeat-x #2b89c6; }
.leoLlevandoLibros {
   width: 100%;
   min-height: 530px;
   background-image: none;
   background-repeat: no-repeat;
   background-position: left 540px bottom;
}
.leoEscribiendo {
   width: 100%;
   min-height: 530px;
   background-image: none;
   background-repeat: no-repeat;
   background-position: left 590px bottom;
}
.login h2 {
   font-size: 18px;
   font-weight: bold;
   width: calc(100% - 88px);
   margin-top: 18px;
   margin-bottom: 20px;
   text-align: left;
   color: #fefefe;
}
.registroLogin {
   max-width: 501px;
   margin-top: 7px;
}
.registroLoginInterior {
   max-width: 464px;
   margin-top: 7px;
}
.btnQuienEres li {
   margin-bottom: 22px;
   border-radius: 20px;
   background-color: #fff;
   background-image: none;
   background-repeat: no-repeat;
   background-position: right 8px center;
   box-shadow: 2.6px 4.2px 4.9px .2px rgba(28, 113, 169, .72);
}
.btnQuienEres li:hover { box-shadow: 1px 1px 0 8px #a2dafe; }
.btnQuienEres li a {
   font-size: 19px;
   display: block;
   width: 100%;
   padding: 17px 10px 17px 70px;
   text-decoration: none;
   color: #3e3e3e;
   background-repeat: no-repeat;
   background-position: left 8px center;
}
.btnQuienEres li.btnLoginNino a { background-image: url(../img/ico-login-quien-nino-movil.png); }
.btnQuienEres li.btnLoginPadre a { background-image: url(../img/ico-login-quien-padre-movil.png); }
.btnQuienEres li.btnLoginProfesor a { background-image: url(../img/ico-login-quien-profesor-movil.png); }
.btnLoginRegistro {
   max-width: 380px;
   margin-bottom: 40px;
}
.btnLoginRegistro li { margin-bottom: 20px; }
.btnLoginRegistro li a {
   font-size: 19px;
   font-weight: 600;
   display: block;
   box-sizing: border-box;
   width: 100%;
   max-width: 320px;
   margin-bottom: 0;
   padding: 15px 5px 14px 66px;
   text-align: left;
   text-decoration: none;
   color: #fff;
   border-radius: 4px;
   background-repeat: no-repeat;
}
.btnLoginRegistro .btnLoginVolver { margin-top: 35px; }
.btnLoginGoogle a {
   background-color: #4285f4;
   background-image: url(../img/ico-login-google-movil.png);
   background-position: 3px 2px;
}
.btnLoginGoogle a:hover { box-shadow: 1px 1px 0 8px #a2dafe; }
.btnLoginFacebook a {
   background-color: #1877f2;
   background-image: url(../img/ico-login-facebook-movil.png);
   background-position: 10px center;
}
.btnLoginFacebook a:hover { box-shadow: 1px 1px 0 8px #a2dafe; }
.btnLoginEmail {
   max-width: 380px;
   max-width: 319px;
   margin-top: 22px;
   margin-bottom: 55px;
   padding-top: 36px;
   background: url(../img/separador-login.png) top center no-repeat;
}
.btnLoginRegistro .btnLoginEmail a {
   font-size: 16px;
   padding: 20px 5px 19px 86px;
   color: #3e3e3e;
   border-radius: 16px;
   background-color: #fff;
   background-image: url(../img/ico-login-email-movil.png);
   background-position: 11px center;
   box-shadow: 2.6px 4.2px 4.9px .2px rgba(28, 113, 169, .72); /*	border: 8px solid #42b2fc;*/
}
.btnLoginRegistro .btnLoginEmail a:hover { box-shadow: 1px 1px 0 8px #a2dafe; }
.btnLoginVolver {
   font-size: 18px;
   font-weight: bold;
   display: table;
   margin: 0 auto;
   padding: 13px 57px 13px 97px;
   text-align: center;
   text-decoration: none;
   color: #42b2fc;
   border: 4px solid #fff;
   border-radius: 30px;
   background-color: #b9e3ff;
   background-image: url(../img/login-blecha-izq-volver.png);
   background-repeat: no-repeat;
   background-position: left 40px center;
}
.btnLoginVolver:hover {
   color: #fff;
   background-color: #42b2fc;
   background-image: url(../img/login-blecha-izq-volver-hover.png);
}
.login .btnLoginVolver { display: none; }
.btnLoginVolverMovil {
   position: absolute;
   top: 18px;
   left: 14px;
   display: block;
   padding: 15px 9px;
}
.btnLoginSiguiente {
   font-size: 18px;
   font-weight: bold;
   display: table;
   margin: 0 auto;
   padding: 13px 84px 13px 43px;
   text-align: center;
   text-decoration: none;
   color: #fff;
   border: 4px solid #fff;
   border-radius: 30px;
   background-color: #b9e3ff;
   background-image: url(../img/login-blecha-der-siguiente.png), linear-gradient(to top, #f67f3b, #f36121);
   background-repeat: no-repeat;
   background-position: right 40px center, center;
}
.btnLoginSiguiente:hover {
   background-image: url(../img/login-blecha-der-siguiente.png), linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), linear-gradient(to top, #f67f3b, #f36121);
   background-repeat: no-repeat;
   background-position: right 40px center, center, center;
}
.navegacionLogin { margin-top: 20px; }
.navegacionLogin button { display: inline-block; }
.navegacionLogin button.btnLoginVolver {
   display: none;
   margin-right: 30px;
}
.navegacionLogin button.btnLoginSiguiente {
   display: block;
   margin: 0 auto;
}
.registroLoginFormulario {
   display: block;
   max-width: 569px;
   margin-bottom: 52px;
   padding: 1px 0 43px 0;
   color: #fff;
   border-radius: 20px;
}
.registroLoginFormulario label {
   font-size: 14px;
   font-weight: 600;
   display: table;
   margin-bottom: 6px;
}
.registroLoginFormulario ul li {
   display: inline-block;
   width: 100%;
}
.registroLoginFormulario input[type='text'],
.registroLoginFormulario input[type='email'],
.registroLoginFormulario input[type='password'] {
   font-size: 22px;
   font-weight: 600;
   width: 100%;
   min-height: 52px;
   margin-bottom: 14px;
   padding: 12px 10px;
   color: #1469a2;
   border: none;
   border-radius: 5px;
   background-color: #d7efff;
}
.registroLoginFormulario input:focus {
   border: solid 1px #ff520c;
   background-color: #fff;
}
.errorValidacion {
   font-size: 12px;
   font-weight: bold;
   float: right;
   margin-top: -10px;
   margin-bottom: 5px;
   padding: 4px 9px;
   color: #fff;
   border-radius: 5px;
   background-color: #ff0008;
}
.errorValidacionCentrado {
   font-size: 12px;
   font-weight: bold;
   display: table;
   max-width: 456px;
   margin: 10px auto;
   padding: 4px 9px;
   text-align: center;
   color: #fff;
   border-radius: 5px;
   background-color: #ff0008;
}
.selectDia { max-width: 20%; }
.selectMes {
   max-width: calc(52.5% - 20px);
   margin-right: 5px;
   margin-left: 5px;
}
.selectYear { max-width: 27%; }
#checkboxLoginAcepto {
   float: left;
   clear: left;
   margin-right: 10px;
}
input[type='checkbox']:checked { background: #abd; }
.registroLoginFormulario .labelcheckboxLoginAcepto {
   font-size: 14px;
   font-weight: 400;
   float: left;
   width: calc(100% - 23px);
   margin-top: 10px;
   padding: 10px 0;
}
.labelcheckboxLoginAcepto a {
   font-weight: bold;
   color: #fff;
}
/* LOGIN MENSAJE */
.loginMensajeGeneral {
   min-height: 0;
   background-color: #42b2fc;
}
.librosVolandoMensaje {
   min-height: 480px;
   margin-top: 20px;
   background-image: none;
   background-repeat: no-repeat;
   background-position: left 830px center, left bottom;
}
.imgLeoMensaje {
   display: none;
   float: left;
   margin-top: 24px;
}
.imgLeoMensajeCola {
   display: none;
   margin-top: -37px;
   margin-left: 470px;
}
.LoginMensaje {
   max-width: 620px;
   margin-left: 0;
   padding: 20px 15px 10px 15px;
   text-align: center;
   color: #fff;
   border-radius: 20px;
   background-color: rgba(43, 137, 198, .6);
}
.login .LoginMensaje h2 {
   font-size: 18px;
   width: 100%;
   margin-top: 0;
   margin-bottom: 1em;
   text-align: center;
}
.login .LoginMensaje p {
   font-size: 16px;
   font-weight: 400;
}
.btnAceptar {
   display: inline-block;
   margin-bottom: 40px;
}
/**** LOGIN INICIO *****/
.icoCerrarLogin {
   position: absolute;
   top: 10px;
   right: 6px;
   width: 40px;
   height: 40px;
   background-image: url(../img/ico-cerrar-x-modal.png);
   background-repeat: no-repeat;
   background-position: center center;
}
.icoCerrarLogin:hover { background-image: url(../img/ico-cerrar-x-modal-02.png); }
.logoLogin {
   display: none;
   margin: -66px auto 0 auto;
}
#loginLeoteca h2 {
   font-size: 24px;
   font-weight: bold;
   margin-top: 5px;
   margin-bottom: -10px;
}
#loginLeoteca p {
   font-size: 15px;
   text-align: center;
   color: #3e3e3e;
}
.modal label {
   font-size: 14px;
   font-weight: 600;
   color: #6c6c6c;
}
.modal input {
   font-size: 21px;
   display: block;
   width: 100%;
   margin-top: 3px;
   margin-bottom: 20px;
   padding: 12px 19px;
   color: #3e3e3e;
   border: solid 1px #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
}
.modal input:focus {
   border: 1px solid #ffbb0f !important;
   background-color: #fff;
}
.modal input[type='password'] { padding: 12px 49px 12px 19px; }
.enlaceAzul {
   font-size: 15px;
   font-weight: 600;
   display: table;
   margin: 0 auto;
   cursor: pointer;
   text-align: center;
   text-decoration: underline;
   color: #42b2fc;
}
.enlaceAzul:hover { color: #f36d21; }
.modal .enlaceAzul { padding: 10px 0; }
.modal .contenedorTurnstile {
    margin-top: 15px;
    text-align: center;
}
.btnPrincipal.btnEntrarLogin {
   display: table;
   margin: 20px auto 0 auto;
   padding: 13px 60px;
   border: none;
}
.btnPrincipal.btnEntrarLogin.desactivado,
.btnPrincipal.btnEntrarLogin[disabled] {
   pointer-events: none;
   cursor: default;
   opacity: .4;
}
.btnPrincipal.btnEntrarLogin.desactivado:hover { background-image: linear-gradient(to top, #f67f3b, #f36121); }
.modal p.loginModalPie {
   font-weight: 600;
   margin-top: 15px;
   margin-bottom: 4px;
}
.btnLoginRedesSociales li {
   display: inline-block;
   width: calc(50% - 12px);
}
.btnLoginRedesSociales li a {
   font-size: 16px;
   font-weight: 600;
   display: block;
   box-sizing: border-box;
   width: 100%;
   max-width: 320px;
   margin-bottom: 0;
   padding: 19px 5px 15px 66px;
   text-align: left;
   text-decoration: none;
   color: #fff;
   border-radius: 4px;
   background-repeat: no-repeat;
}
.btnLoginRedesSociales li.btnLoginRedesSocialesGoogle { margin-right: 8px; }
.btnLoginRedesSociales li.btnLoginRedesSocialesFacebook { margin-left: 8px; }
.btnLoginRedesSociales li.btnLoginRedesSocialesGoogle a {
   background-color: #4285f4;
   background-image: url(../img/ico-login-google-movil.png);
   background-position: 3px 3px;
}
.btnLoginRedesSociales li.btnLoginRedesSocialesFacebook a {
   padding: 19px 5px 15px 58px;
   background-color: #1877f2;
   background-image: url(../img/ico-login-facebook-movil.png);
   background-position: 10px center;
}
/* PASSWORD VISIBLE */
.contenedorPass {
   position: relative;
   display: block;
}
.loginMostrarPass {
   position: absolute;
   top: 1px;
   right: 5px;
   display: block;
   width: 50px;
   height: 50px;
   cursor: pointer;
   background-image: url(../img/ico-mostrar-pass.png);
   background-repeat: no-repeat;
   background-position: center center;
}
.loginMostrarPassClickado { background-image: url(../img/ico-mostrar-pass-02.png); }
.btnCancelar {
   font-size: 15px;
   font-weight: 600;
   display: inline-block;
   margin-top: 4px;
   padding-left: 36px;
   color: #ff5a5f;
   background-image: url(../img/login-blecha-izq-volver-rojo.png);
   background-repeat: no-repeat;
   background-position: center left;
}
.btnCancelar:hover { background-image: url(../img/login-blecha-izq-volver-rojo-02.png); }
.loginContenidoMensaje {
   margin-top: 17px;
   padding: 10px 10px 40px 10px;
   border-radius: 20px;
   background-color: #e8f4ff;
}
.loginContenidoMensaje h2 {
   font-size: 24px;
   font-weight: bold;
}
.loginContenidoMensaje p {
   font-size: 18px;
   text-align: center;
}
.loginContenidoMensaje .btnPrincipal.btnEntrarLogin { margin-top: 40px; }
/* FICHA LIBRO */
.fichaLibro { background-image: linear-gradient(to top, #fff, #fff, #e8f4ff); }
.fichaLibro .dosColumnasAsideA { padding-top: 0; }
.fichaLibro .enlaceGris {
   display: inline-block;
   margin-bottom: 30px;
}
.fichaLibroGeneral .contenedorImgFichaLibro { display: none; }
.fichaLibroGeneral .labelSeleccionadoLeoteca { display: none; }
.contenedorImgFichaLibro {
   position: relative;
   max-width: 350px;
   margin: 0 auto;
}
.imgFichaLibro {
   margin-bottom: 30px;
   border-radius: 20px;
}
.fichaLibro .ribbon em { display: block; }
.contenidoFichaLibro {
   padding-top: 0;
   padding-left: 15px;
}
.contenidoFichaLibro h2 {
   font-weight: bold;
   display: none;
   margin-top: 10px;
   margin-bottom: -13px;
   text-align: left;
}
.fichaLibroSubtitular {
   font-size: 24px;
   font-weight: 600;
   display: none;
   margin-bottom: -10px;
}
.fichaLibroSubtitular span { font-weight: 400; }
.fichaLibroSubtitular a {
   text-decoration: none;
   color: #f36d21;
}
.fichaLibroGeneral aside .btnsFichaLibro {
   display: table;
   margin: 20px auto 0 auto;
}
.fichaLibroGeneral aside .btnsFichaLibro.btnHacerCuestionario { display: none; }
.fichaLibroGeneral aside .votaEsteLibroLogueado { display: none; }
.fichaLibroGeneral aside .btnsFichaLibro li { margin-right: 0; }
.valoraciones {
   margin: 20px 0 40px 0;
   text-align: center;
   color: #8a8080;
}
.valoraciones li {
   display: inline-block;
   margin-left: 2px;
}
.valoraciones li.valoracionTotal {
   font-size: 18px;
   font-weight: bold;
   margin-left: 7px;
}
.valoraciones .numeroVotos {
   font-size: 16px;
   font-weight: 600;
   margin-left: 20px;
}
.tabsFichaLibro p {
   font-size: 16px;
   font-weight: 500;
}
.tabs.tabsFichaLibro {
   border: none;
   box-shadow: none;
}
.tabs.tabsFichaLibro section { padding: 10px 0; }
.tabs.tabsFichaLibro section a {
   font-weight: bold;
   color: #f36d21;
}
.tabs.tabsFichaLibro > ul {
   display: table;
   margin: 0 auto;
}
.tabs.tabsFichaLibro > ul li {
   width: auto;
   min-width: 105px;
}
.tabs.tabsFichaLibro > ul li a.modalLoginNino[aria-selected]::before,
.tabs.tabsFichaLibro > ul li a.modalLoginPadre::before { background: none; }
.tabs.tabsFichaLibro > ul li a[aria-selected] {
   color: #f36d21;
   border-top: none;
   border-bottom: 2px solid #f36d21;
}
.tabs.tabsFichaLibro > ul li a {
   font-size: 17px;
   padding: 3px 5px 3px 5px;
   color: #adbccb;
   border-top: none;
   border-bottom: 2px solid transparent;
}
.contenedorEstadisticas {
   max-width: 488px;
   text-align: center;
   background-color: #edf6fc;
}
.estadisticas {
   display: inline-block;
   padding: 30px 10px;
   list-style: none;
   text-align: left;
}
.tabs.tabsFichaLibro ul.estadisticas li,
.tabs.tabsFichaLibro ol.estadisticas li {
   min-height: 34px;
   margin-bottom: 10px;
   padding-left: 40px;
   background-repeat: no-repeat;
   background-position: left top;
   background-size: 30px;
}
.tabs.tabsFichaLibro ol.estadisticas li.vecesLeido { background-image: url(../img/privado/ico-estadisticas-leido.png); }
.tabs.tabsFichaLibro ol.estadisticas li.vecesFavorito { background-image: url(../img/privado/ico-estadisticas-favoritos.png); }
.tabs.tabsFichaLibro ol.estadisticas li.loQueQuierenLeer { background-image: url(../img/privado/ico-estadisticas-quiero-leer.png); }
.tabs.tabsFichaLibro ol.estadisticas li.loEstanLeyendo { background-image: url(../img/privado/ico-estadisticas-lo-estan-leyendo.png); }
.tabs.tabsFichaLibro ol.estadisticas li.vezImprescindible { background-image: url(../img/privado/ico-estadisticas-imprescindible.png); }
.tabs.tabsFichaLibro ul.estadisticas li a,
.tabs.tabsFichaLibro ol.estadisticas li a {
   font-size: 16px;
   font-weight: 500;
   vertical-align: text-top;
}
.btnsFichaLibro li {
   display: inline-block;
   margin-right: 15px;
   margin-bottom: 50px;
}
.btnsFichaLibro li:last-child { margin-bottom: 0; }
.btnsFichaLibro .imgAnadirBiblioteca { display: none; }
.btnsFichaLibro li a {
   font-size: 15px;
   font-weight: bold;
}
.btnsFichaLibro li .btnPrincipal {
   padding: 15px 30px 15px 50px;
   background-image: url(../img/ico-mas-blanco.png), linear-gradient(to top, #f67f3b, #f36121);
   background-repeat: no-repeat;
   background-position: left 20px center, center, center;
}
.btnsFichaLibro li .btnPrincipal:hover { background-image: url(../img/ico-mas-blanco.png), linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), linear-gradient(to top, #f67f3b, #f36121); }
.btnBlancoBordeNaranja {
   padding: 15px 25px 15px 25px;
   text-decoration: none;
   color: #f36d21;
   border: solid 1px #f36d21;
   border-radius: 21px;
   background-color: #fff;
}
.btnBlancoBordeNaranja:hover {
   color: #fff;
   background-color: #f36d21;
}
.recomendarLibro {
   padding-left: 50px;
   background-image: url(../img/privado/ico-recomendar-libro.png);
   background-repeat: no-repeat;
   background-position: left 10px center;
}
.recomendarLibro:hover {
   background-color: #f36d21;
   background-image: url(../img/privado/ico-recomendar-libro-02.png);
}
.escribirComentario {
   padding-left: 50px;
   background-image: url(../img/privado/ico-escribe-comentario.png);
   background-repeat: no-repeat;
   background-position: left 10px center;
}
.escribirComentario:hover {
   background-color: #f36d21;
   background-image: url(../img/privado/ico-escribe-comentario-02.png);
}
.revisarComentario {
   font-weight: 700;
   padding-left: 65px;
   background-image: url(../img/privado/ico-revisar-comentario-01.png);
   background-repeat: no-repeat;
   background-position: left 25px center;
}
.revisarComentario:hover {
   background-color: #f36d21;
   background-image: url(../img/privado/ico-revisar-comentario-02.png);
}
.escritoComentario {
   position: relative;
   margin-top: 20px;
   padding: 2px 10px 30px 10px;
   border: 1px solid #ffbb0f;
   border-radius: 8px;
   background-color: #fff;
}
.comentariosDestacados .escritoComentario p {
   font-size: 15px;
   font-weight: 500;
   font-style: normal;
}
.escritoComentario p .correctorMorado {
   position: inherit;
   cursor: pointer;
   color: #3e3e3e;
   border-bottom: 2px solid transparent;
   outline: none;
   background-image: url('../img/privado/corrector-morado.png');
   background-repeat: repeat-x;
   background-position: -1px calc(100% + 2px);
}
.escritoComentario p .correctorMorado:hover { background-color: #e5d2ff; }
.escritoComentario p .correctorRojo {
   position: inherit;
   cursor: pointer;
   color: #3e3e3e;
   border-bottom: 2px solid transparent;
   outline: none;
   background-image: url('../img/privado/corrector-rojo.png');
   background-repeat: repeat-x;
   background-position: -1px calc(100% + 2px);
}
.escritoComentario p .correctorRojo:hover { background-color: #fadcdd; }
.escritoComentario p .correctorAmarillo {
   position: inherit;
   cursor: pointer;
   color: #3e3e3e;
   border-bottom: 2px solid transparent;
   outline: none;
   background-image: url('../img/privado/corrector-amarillo.png');
   background-repeat: repeat-x;
   background-position: -1px calc(100% + 2px);
}
.escritoComentario p .correctorAmarillo:hover { background-color: #ffe8c8; }
.enlaceCorrectorNumeroErrores {
   font-size: 15px;
   font-weight: 700;
   line-height: 21px;
   position: absolute;
   right: 10px;
   bottom: 10px;
   display: inline-block;
   width: 29px;
   height: 29px;
   text-align: center;
   text-decoration: none;
   color: #ff0008;
   border: 2px solid #ff0008;
   border-radius: 50%;
}
.enlaceCorrectorNumeroErrores:hover {
   color: #fe3f45;
   border: 2px solid #fe3f45;
}
.enlaceCorrectorBuscandoErrores {
   position: absolute;
   right: 10px;
   bottom: 10px;
   display: inline-block;
   width: 29px;
   height: 29px;
   text-align: center;
   text-decoration: none;
   color: #fff;
   border: 2px solid #42b2fc;
   border-radius: 50%;
   background-color: #42b2fc;
   background-image: url('../img/privado/ico-revisar-puntos-suspensivos.png');
   background-repeat: no-repeat;
   background-position: center;
}
.enlaceCorrectorBuscandoErrores:hover {
   border-color: #69c0fa;
   background-color: #69c0fa;
}
.enlaceCorrectorRevisionErroresOK {
   position: absolute;
   right: 10px;
   bottom: 10px;
   display: inline-block;
   width: 29px;
   height: 29px;
   text-align: center;
   text-decoration: none;
   color: #fff;
   border: 2px solid #7ac43d;
   border-radius: 50%;
   background-color: #7ac43d;
   background-image: url('../img/privado/ico-revisar-ok.png');
   background-repeat: no-repeat;
   background-position: center;
}
.enlaceCorrectorRevisionErroresOK:hover {
   border-color: #8ac35b;
   background-color: #8ac35b;
}
.modalCorrector {
   font-size: 12px;
   position: absolute;
   top: -200px;
   right: 50%;
   bottom: inherit;
   left: 50%;
   width: 317px;
   padding: 16px 14px 5px 14px;
   cursor: auto;
   transform: translate(-50%, 0);
   border: solid 1px #d8e8f6;
   border-radius: 12px;
   background-color: #fff;
   box-shadow: .1px 4px 13px 0 rgba(0, 0, 0, .3);
}
.modalCorrectorTitular {
   font-size: 14px;
   font-weight: 600;
   display: block;
   margin-bottom: 14px;
}
.modalCorrectorTitular:before {
   display: inline-block;
   width: 11px;
   height: 11px;
   margin-right: 10px;
   content: '';
   border-radius: 50%;
   ;
}
.modalCorrectorTitular.morado:before { background-color: #9c77cf; }
.modalCorrectorTitular.rojo:before { background-color: #ff0008; }
.modalCorrectorTitular.amarillo:before { background-color: #fba62d; }
.icoCerrarModalCorrector {
   position: absolute;
   top: 10px;
   right: 10px;
   cursor: pointer;
}
.contenedorTag {
   display: block;
   margin-top: 19px;
}
.correctorTag {
   font-size: 14px;
   font-weight: 600;
   display: inline-block;
   margin-right: 7px;
   margin-bottom: 10px;
   padding: 6px 7px;
   cursor: pointer;
   color: #fff;
   border-radius: 5px;
   background-color: #42b2fc;
}
.correctorTag:hover { background-color: #8bcdf9; }
.correctorIgnorar {
   font-size: 14px;
   font-weight: bold;
   display: block;
   margin-top: 5px;
   padding: 5px 0 5px 28px;
   cursor: pointer;
   text-decoration: underline;
   color: #f36d21;
   background-image: url('../img/privado/ico-revisar-ignorar.png');
   background-repeat: no-repeat;
   background-position: left center;
}
.correctorIgnorar:hover {
   color: #42b2fc;
   background-image: url('../img/privado/ico-revisar-ignorar-02.png');
}
.botonesRevisarComentario { text-align: center; }
.botonesRevisarComentario li {
   display: inline-table;
   margin: 0 5px;
}
.botonesRevisarComentario li a {
   display: block;
   min-width: 154px;
   min-height: 55px;
}
.bloqueEscribirComentario { position: relative; }
.bloqueEscribirComentario .errorValidacionCentrado {
   content: '';
   color: #fff;
}
.bloqueEscribirComentario .btnPrincipal {
   display: table;
   margin: 20px auto 10px auto;
}
/* MODAL CORRECTOR SUGUERENCIAS */
.modalCorrectorSugerencias {
   position: absolute;
   top: -332px;
   right: 50%;
   left: 50%;
   width: 362px;
   height: 461px;
   transform: translate(-50%, 0%);
   border: solid 1px #d8e8f6;
   border-radius: 12px;
   background-color: #f7f9fc;
   box-shadow: .1px 4px 13px 0 rgba(0, 0, 0, .3);
}
.select-css.selectCorrector {
   font-size: 14px;
   font-weight: 600;
   display: inline-block;
   width: auto;
   margin-top: 10px;
   margin-left: 0;
   padding-right: 15px;
   padding-left: 0;
   color: #3e3e3e;
   border-color: transparent;
   background-color: #f7f9fc;
   background-image: url(../img/privado/ico-revisar-select.png);
}
.banderaSelect {
   display: inline-block;
   margin-left: 10px;
}
.modalCorrectorSugerencias hr {
   margin: 10px 0;
   border-color: #d8e8f6;
}
.scrollVertical.contenedorModalCorrectorSugerencias {
   height: 380px;
   margin-right: 10px;
   padding: 0 13px;
   padding-right: 12px;
}
.contenedorModalCorrectorSugerencias h4 {
   font-size: 18px;
   display: inline-block;
   margin: 0 0 15px 0;
}
.numeroSugerencias {
   font-size: 16px;
   font-weight: 600;
   line-height: 13px;
   display: inline-block;
   width: 27px;
   height: 27px;
   margin-left: 10px;
   padding: 5px;
   text-align: center;
   text-indent: -1px;
   color: #2f92d3;
   border-radius: 50%;
   background-color: #d8e8f6;
}
.correctorPalabraError {
   font-size: 16px;
   font-weight: 400;
   display: inline-block;
   color: #3e3e3e;
   background-image: url('../img/privado/corrector-rojo-02.png');
   background-repeat: repeat-x;
   background-position: left 11px;
}
.enlaceMostrarEnTexto {
   font-size: 12px;
   font-weight: 700;
   float: right;
   margin-top: -2px;
   padding: 6px 6px 6px 35px;
   text-decoration: none;
   color: #3e3e3e;
   border-radius: 5px;
   background-color: #e6ebf2;
   background-image: url('../img/privado/ico-revisar-mostrar-en-texto.png');
   background-repeat: no-repeat;
   background-position: left 5px center;
}
.correctorTipoSugerencia {
   margin-bottom: 20px;
   border: solid 1px #d8e8f6;
   border-radius: 12px;
   background-color: #fff;
}
.contenedorCorrectorTipoSugerencia { padding: 12px 10px; }
.contenidoCorrectorTipoSugerencia {
   padding: 10px;
   border: solid 1px #f2f3fa;
   border-radius: 12px;
   background-color: #f7f9fc;
}
.contenidoCorrectorTipoSugerencia .correctorMostrarTexto {
   font-size: 12px;
   font-style: normal;
   margin-bottom: 0;
   color: #8a8080;
}
.contenidoCorrectorTipoSugerencia .correctorMostrarTexto strong { color: #ff0008; }
.modalCorrectorSugerencias .correctorTexto {
   font-size: 12px;
   display: block;
}
.modalCorrectorSugerencias .correctorIgnorar {
   margin-bottom: 15px;
   margin-left: 10px;
}
/* BANDERAS */
.ico-espanol { background-image: url('../img/privado/banderas-corrector/ico-bandera-espanol.png'); }
/****************************/
.infoComentarios {
   margin-top: 0;
   padding-bottom: 30px;
   background-image: none;
   background-repeat: no-repeat;
   background-position: left bottom;
}
.infoComentarios aside { display: none; }
.contenedorSobreLibro,
.infoComentarios article .contenedorComentariosDestacados {
   min-height: 446px;
   padding: 28px 10px;
   border: none;
   border-radius: 0;
   background-color: #fff;
   box-shadow: none;
}
.scrollVertical {
   overflow: auto;
   height: 345px;
   margin-top: 15px;
   padding-right: 40px;
}
.infoComentarios h2 {
   font-size: 20px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 30px;
   text-align: left;
}
.sobreLibro {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 0;
   color: #3e3e3e;
}
.sobreLibro li {
   display: inline-block;
   width: 49%;
   margin-bottom: 15px;
   vertical-align: top;
}
.sobreLibro li:last-child { margin-bottom: 0; }
.sobreLibro li.sobreLibroUnaColumna { width: 100%; }
.sobreLibro span {
   font-size: 16px;
   font-weight: 600;
   display: block;
   margin-bottom: 6px;
   color: #8a8080;
}
.sobreLibro li a {
   font-weight: bold;
   color: #f36d21;
}
.infoComentarios .btnBordeAzul {
   font-size: 14px;
   display: inline-block;
   float: none;
   margin-bottom: 20px;
}
.comentariosDestacados h3 {
   font-size: 16px;
   font-weight: 500;
   display: inline-block;
   margin-top: 20px;
   margin-bottom: 5px;
   color: #8a8080;
}
.comentariosDestacados h3 a {
   font-weight: bold;
   color: #f36d21;
}
.comentariosDestacados .valoraciones {
   float: none;
   margin-top: -5px;
   margin-bottom: 0;
   text-align: left;
}
.infoComentarios .comentariosDestacados h2 { margin-bottom: 0; }
.comentariosDestacados .valoraciones li { margin-left: 0; }
.comentariosDestacados .valoraciones li.fechaValoracion {
   font-size: 14px;
   font-style: italic;
   margin-right: 10px;
   color: #8a8080;
}
.comentariosDestacados .valoraciones img { max-width: 17px; }
.comentariosDestacados p {
   font-size: 14px;
   font-weight: 600;
   font-style: italic;
   clear: both;
   color: #3e3e3e;
}
.megusta { margin: 0; }
.meGusta li {
   display: inline-block;
   margin-right: 5px;
}
.icoMeGusta {
   display: block;
   width: 19px;
   height: 24px;
   content: ' ';
   background-image: url(../img/ico-me-gusta-03.png);
   background-repeat: no-repeat;
}
.icoMeGusta:hover,
.icoMeGusta.activo:hover { background-image: url(../img/ico-me-gusta-02.png); }
.icoMeGusta.activo { background-image: url(../img/ico-me-gusta.png); }
.numeroMeGusta {
   font-size: 14px;
   font-weight: bold;
   display: table-caption;
   margin-top: -20px;
   margin-left: 25px;
   color: #8a8080;
}
.comentariosDestacadosSin { text-align: center; }
.comentariosDestacadosSin img {
   margin-top: 15px;
   margin-bottom: 25px;
}
.comentariosDestacadosSin p {
   font-size: 19px;
   font-weight: 600;
   font-style: normal;
   margin-bottom: 35px;
}
.comentariosDestacadosSin span {
   font-size: 16px;
   font-weight: 500;
}
.listadoLibros.masDe {
   margin-top: -30px;
   background-color: #fff9eb;
}
.listadoLibros h2 {
   margin-top: 0;
   margin-bottom: 60px;
}
.listadoLibros.masDe h2 {
   margin-top: 1em;
   margin-bottom: 20px;
}
.listadoLibros .cuatroColumnasA,
.listadoLibros .cuatroColumnasB { position: relative; }
.listadoLibros article,
.contenidoResultadosBusqueda article {
   position: relative;
   display: flex;
   min-height: 152px;
   border-radius: 0;
   background-color: transparent;
   box-shadow: none;
   align-items: center;
}
.contenidoResultadosBusqueda article { margin-bottom: 0; }
.contenedorListadoLibros {
   max-width: 100%;
   margin: 0 auto;
}
.contenedorListadoLibros .cuatroColumnasA,
.contenedorListadoLibros .cuatroColumnasB { margin-bottom: -1px; }
.contenedorListadoLibros .ih-item.square.effect13,
.contenidoResultadosBusqueda .ih-item.square.effect13 {
   display: inline-block;
   border-radius: 20px;
}
.contenedorListadoLibros .contenidoRecomendaciones,
.contenidoResultadosBusqueda .contenidoRecomendaciones {
   display: inline-block;
   max-width: calc(100% - 111px);
   padding: 0 14px 0 14px;
   vertical-align: top;
}
.contenedorListadoLibros .iconoLibro,
.contenidoResultadosBusqueda .iconoLibro {
   position: inherit;
   vertical-align: middle;
}
.contenedorListadoLibros .ribbon,
.contenidoResultadosBusqueda .ribbon { display: none; }
.paginaPrivada .contenedorListadoLibros { max-width: 220px; }
.listadoLibros .contenedorImagen,
.contenidoResultadosBusqueda .contenedorImagen {
   max-width: 105px;
   height: 100%;
}
.listadoLibros .contenedorImagen .iconoLeoFicha,
.contenidoResultadosBusqueda .iconoLeoFicha { display: none; }
.separadorMovilBuscador { display: block; }
/* HOVER SOBRE DOS ELEMENTOS */
.listadoLibros article:hover + .ribbonEdad00 { background-image: url(../img/ribbon-00-hover.png); }
.listadoLibros article:hover + .ribbonEdad03 { background-image: url(../img/ribbon-03-hover.png); }
.listadoLibros article:hover + .ribbonEdad06 { background-image: url(../img/ribbon-06-hover.png); }
.listadoLibros article:hover + .ribbonEdad08 { background-image: url(../img/ribbon-08-hover.png); }
.listadoLibros article:hover + .ribbonEdad10 { background-image: url(../img/ribbon-10-hover.png); }
.listadoLibros article:hover + .ribbonEdad12 { background-image: url(../img/ribbon-12-hover.png); }
.listadoLibros article:hover + .ribbonEdad14 { background-image: url(../img/ribbon-14-hover.png); }
.listadoLibros article:hover + .ribbon em { display: block; }
.leoLeyendoPilaLibros {
   display: table;
   clear: both;
   width: 210px;
   margin: 0 auto 57px auto;
}
span.labelSeleccionadoLeoteca { margin: -20px auto 0 auto; }
.contenedorListadoLibros .contenidoRecomendaciones h3,
.contenidoResultadosBusqueda h3 {
   max-width: 100%;
   margin-top: 0;
}
.contenedorListadoLibros .contenidoRecomendaciones p,
.contenidoResultadosBusqueda p { margin-bottom: 5px; }
/* NOVEDADES */
.novedades { background-image: linear-gradient(to top, #fff, #fff, #e8f4ff); }
.novedades .enlaceGris {
   display: inline-block;
   margin-top: 10px;
}
.novedades h2 {
   font-size: 24px;
   font-weight: bold;
   margin-top: 10px;
   text-align: center;
}
.novedades h2 span {
   display: block;
   margin-top: 10px;
   margin-left: 0;
}
.btnMesPrevio {
   display: inline-block;
   width: 12px;
   height: 21px;
   margin-right: 17px;
   vertical-align: middle;
   background-image: url(../img/ico-flecha-mes-previo.png);
   background-repeat: no-repeat;
   background-position: center center;
}
.btnMesPrevio:hover { background-image: url(../img/ico-flecha-mes-previo-02.png); }
.btnMesSiguiente {
   display: inline-block;
   width: 12px;
   height: 21px;
   margin-left: 17px;
   vertical-align: middle;
   background-image: url(../img/ico-flecha-mes-siguiente.png);
   background-repeat: no-repeat;
   background-position: center center;
}
.btnMesSiguiente:hover { background-image: url(../img/ico-flecha-mes-siguiente-02.png); }
.novedades .paginacion { margin-bottom: 50px; }
/* MODAL TOOLTIP */
.modal.modalToolTip {
   padding: 15px 10px 35px 10px;
   border-radius: 8px;
}
.modalToolTip .icoCerrarLogin {
   top: 0;
   right: 0;
   background-image: url(../img/privado/ico-cerrar-modal-tooltip.png);
}
.modalToolTip ul.menuAnadirBiblioteca {
   display: table;
   margin: 16px auto;
}
.menuAnadirBiblioteca li {
   display: inline-block;
   min-width: 58px;
   text-align: center;
}
.menuAnadirBiblioteca li a {
   font-size: 10px;
   font-weight: bold;
   position: relative;
   display: block;
   overflow: hidden;
   min-width: 55px;
   padding: 63px 0 3px 0;
   text-align: center;
   text-decoration: none;
   color: #3e3e3e;
   background-repeat: no-repeat;
   background-position: top center;
   background-size: 55px;
}
.menuToolTipFavoritos { background-image: url(../img/privado/tooltip-anadir-bliblioteca-favoritos.png); }
.menuToolTipQuieroLeer { background-image: url(../img/privado/tooltip-anadir-bliblioteca-quiero-leer.png); }
.menuToolTipLeyendo { background-image: url(../img/privado/tooltip-anadir-bliblioteca-leyendo.png); }
.menuToolTipLeido { background-image: url(../img/privado/tooltip-anadir-bliblioteca-leido.png); }
.menuToolTipImprescindible { background-image: url(../img/privado/tooltip-anadir-bliblioteca-imprescindible.png); }
.menuToolTipLoPresto { background-image: url(../img/privado/circulo-prestamos.png); }
.menuToolTipFavoritos:hover { background-image: url(../img/privado/tooltip-anadir-bliblioteca-favoritos-04.png); }
.menuToolTipQuieroLeer:hover { background-image: url(../img/privado/tooltip-anadir-bliblioteca-quiero-leer-04.png); }
.menuToolTipLeyendo:hover { background-image: url(../img/privado/tooltip-anadir-bliblioteca-leyendo-04.png); }
.menuToolTipLeido:hover { background-image: url(../img/privado/tooltip-anadir-bliblioteca-leido-04.png); }
.menuToolTipImprescindible:hover { background-image: url(../img/privado/tooltip-anadir-bliblioteca-imprescindible-04.png); }
.menuToolTipLoPresto:hover { background-image: url(../img/privado/circulo-prestamos-hover.png); }
.menuToolTipFavoritos.activo { background-image: url(../img/privado/tooltip-anadir-bliblioteca-favoritos-03.png); }
.menuToolTipQuieroLeer.activo { background-image: url(../img/privado/tooltip-anadir-bliblioteca-quiero-leer-03.png); }
.menuToolTipLeyendo.activo { background-image: url(../img/privado/tooltip-anadir-bliblioteca-leyendo-03.png); }
.menuToolTipLeido.activo { background-image: url(../img/privado/tooltip-anadir-bliblioteca-leido-03.png); }
.menuToolTipImprescindible.activo { background-image: url(../img/privado/tooltip-anadir-bliblioteca-imprescindible-03.png); }
.menuToolTipLoPresto.activo { background-image: url(../img/privado/circulo-prestamos-activo.png); }
.menuToolTipFavoritos.activo:hover { background-image: url(../img/privado/tooltip-anadir-bliblioteca-favoritos-04.png); }
.menuToolTipQuieroLeer.activo:hover { background-image: url(../img/privado/tooltip-anadir-bliblioteca-quiero-leer-04.png); }
.menuToolTipLeyendo.activo:hover { background-image: url(../img/privado/tooltip-anadir-bliblioteca-leyendo-04.png); }
.menuToolTipLeido.activo:hover { background-image: url(../img/privado/tooltip-anadir-bliblioteca-leido-04.png); }
.menuToolTipImprescindible.activo:hover { background-image: url(../img/privado/tooltip-anadir-bliblioteca-imprescindible-04.png); }
.menuToolTipLoPresto.activo:hover { background-image: url(../img/privado/circulo-prestamos-hover.png); }
.menuToolTipFavoritos.inactivo {
   cursor: default;
   background-image: url(../img/privado/tooltip-anadir-bliblioteca-favoritos-02.png);
}
.menuToolTipQuieroLeer.inactivo {
   cursor: default;
   background-image: url(../img/privado/tooltip-anadir-bliblioteca-quiero-leer-02.png);
}
.menuToolTipLeyendo.inactivo {
   cursor: default;
   background-image: url(../img/privado/tooltip-anadir-bliblioteca-leyendo-02.png);
}
.menuToolTipLeido.inactivo {
   cursor: default;
   background-image: url(../img/privado/tooltip-anadir-bliblioteca-leido-02.png);
}
.menuToolTipImprescindible.inactivo {
   cursor: default;
   background-image: url(../img/privado/tooltip-anadir-bliblioteca-imprescindible-02.png);
}
.modalToolTip .votaEsteLibroLogueado { margin-top: 28px; }
.mensajeTooltip {
   font-size: 14px;
   font-weight: bold;
   text-align: center;
}
.mensajeTooltip hr {
   display: block;
   max-width: 190px;
   height: 4px;
   margin: 20px auto 20px auto;
   border: none;
   background-color: #c4cfda;
}
.checkboxesClases .scrollVertical {
   height: 185px;
   padding-right: 0;
}
.checkboxesClases li {
   display: block;
   float: left;
   width: 100%;
   margin-bottom: 12px;
}
.checkboxesClases label {
   font-size: 14px;
   color: #8a8080;
}
.checkboxesClases input[type='checkbox']:checked + label::before {
   color: #8a8080;
   background: #fff;
}
.checkboxesClases input[type='checkbox'] + label::before { border: 2px solid #8a8080; }
#modalCuandoHasLeido { text-align: center; }
.modalToolTip h2 {
   font-size: 24px;
   font-weight: bold;
   margin-bottom: 15px;
}
.modalToolTip ul { display: inline-block; }
.modalToolTip ul li {
   margin-bottom: 8px;
   text-align: left;
}
.contenedorCheckboxNoPreguntar {
   display: block;
   margin-top: 20px;
}
#modalCuandoHasLeido .enlaceAzul { margin-top: 25px; }
#eliminarVotacion .btnPrincipal { margin-top: 30px; }
#hasVotado p {
   text-align: center;
   color: #8a8080;
}
#hasVotado .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
#comentarioEnviado p {
   text-align: center;
   color: #8a8080;
}
#comentarioEnviado .btnPrincipal { margin-top: 30px; }
/************************* PARTE PRIVADA ***************************/
/************************* CABECERA ********************************/
.cabeceraFija .header.headerPrivado {
   position: fixed;
   min-height: 132px;
   padding: 0 10px;
}
.cabeceraFija .headerPrivado .gridContainer { position: relative; }
.cabeceraFija .headerPrivado .buscadorHeader {
   position: relative;
   display: inline-block;
   width: 100%;
   min-width: 100%;
   margin: 10px 0 10px 0;
   padding: 0;
   background-color: transparent;
}
.cabeceraFija .headerPrivado .logoPrincipal {
   max-width: 120px;
   margin-top: 0;
}
.cabeceraFija .headerPrivado .logoPrincipalMovil {
   display: block;
   max-width: 120px;
   margin: 9px 0 0 0;
}
.cabeceraFija .headerPrivado .logoPrincipal img { margin-top: -6px; }
.cabeceraFija .headerPrivado .buscadorPrincipal {
   font-size: 19px;
   width: 100%;
   max-width: 100%;
   padding: 12px 10px 12px 70px;
   background-size: 39px 39px;
}
.cabeceraFija .headerPrivado .buscadorPrincipal::placeholder {
 font-size: 19px;
}
.cabeceraFija .headerPrivado .btnBuscador {
   position: absolute;
   top: 3px;
   right: 6px;
   width: 63px;
   height: 42px;
   margin-left: 0;
}
.notificacionesCabeceraPrivado { display: inline-block; }
.notificacionesCabeceraPrivado li {
   display: inline-block;
   margin-right: 10px;
}
.notificacionesCabeceraPrivado a {
   font-weight: bold;
   position: relative;
   text-decoration: none;
   color: #fff;
}
.icoCabeceraMensajes {
   padding: 10px;
   border-radius: 10px;
}
.icoCabeceraMensajes:hover { background-color: #2e8ecd; }
.icoCabeceraMensajes.activo { background-color: #2e8ecd; }
.icoCabeceraNotificaciones {
   padding: 10px;
   border-radius: 10px;
}
.icoCabeceraNotificaciones:hover { background-color: #2e8ecd; }
.icoCabeceraNotificaciones.activo { background-color: #2e8ecd; }
.icoCabeceraVincular {
   display: inherit;
   margin-top: -15px;
   margin-right: -14px;
   padding: 3px 5px 9px 5px;
   border-radius: 10px;
}
.icoCabeceraVincular:hover { background-color: #2e8ecd; }
.icoCabeceraVincular.activo { background-color: #2e8ecd; }
.notificacionesCabeceraPrivado .numeroNotificacion {
   font-size: 16px;
   line-height: 1.3;
   position: absolute;
   top: -8px;
   right: -6px;
   min-width: 24px;
   min-height: 24px;
   text-align: center;
   border: 1px solid #fff;
   border-radius: 50%;
   background-color: #f36d21;
}
.menuPrincipalPrivado {
   position: absolute;
   top: 7px;
   right: 0;
}
.menuPrincipalPrivado a {
   font-size: 18px;
   font-weight: bold;
   vertical-align: top;
   text-decoration: none;
   color: #fff;
}
.bloqueUsuarioLogueado {
   padding: 19px 8px 21px 8px;
   border-radius: 10px;
}
.bloqueUsuarioLogueado:hover { background-color: #2e8ecd; }
.bloqueUsuarioLogueado.activo { background-color: #2e8ecd; }
.bloqueUsuarioLogueado img {
   margin-right: 0;
   border: 2px solid #a2dafe;
   border-radius: 50%;
}
.menuPrincipalPrivado a .usuarioLogueado {
   display: none;
   padding-right: 36px;
   vertical-align: middle;
   background-image: url(../img/privado/ico-expandir-usuario.png);
   background-repeat: no-repeat;
   background-position: top 9px right;
}
.menuPrincipalPrivado a .usuarioLogueado span {
   font-size: 14px;
   font-weight: 400;
   display: block;
}
.fichaLibroLogueado .gridContainer.clearfix.interior { margin-top: 0; }
.volverPerfil {
   font-size: 16px;
   font-weight: bold;
   position: relative;
   padding: 25px 12px 28px 58px;
   text-decoration: none;
   color: #fff;
   border: 1px solid #2b89c6;
   border-radius: 0 0 10px 10px;
   background-image: url(../img/privado/ico-volver-perfil-profesores.png), linear-gradient(to top, #2580b5, #33a0e5);
   background-repeat: no-repeat;
   background-position: left 10px center, center;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2);
}
.volverPerfil:before {
   position: absolute;
   top: 1px;
   right: 1px;
   bottom: 1px;
   left: 1px;
   content: ' ';
   border: 1px solid #fff;
   border-radius: 0 0 10px 10px;
}
.volverPerfil:hover {
   color: #fff;
   border-color: #f36d21;
   background-color: #f36d21;
   background-image: url(../img/privado/ico-volver-perfil-profesores.png);
}
.volverPerfil.volverPerfilMisHijos {
   z-index: 1;
   display: block;
   max-width: 200px;
   margin-top: -3px;
   padding: 25px 12px 28px 51px;
   background-image: url(../img/privado/ico-volver-perfil-mis-hijos.png), linear-gradient(to top, #2580b5, #33a0e5);
}
.volverPerfil.volverPerfilMisHijos:hover {
   color: #fff;
   background-image: url(../img/privado/ico-volver-perfil-mis-hijos.png);
}
.asidePrivado.sinColorFondo { background-image: none; }
.migaDePan {
   font-size: 16px;
   font-weight: bold;
   margin-top: 3px;
   color: #8a8080;
}
.migaDePan li { display: inline-block; }
.migaDePan li a { color: #8a8080; }
.barraVolverPerfilLoguedo { display: none; }
.fichaLibro .barraVolverPerfilLoguedo .dosColumnasAsideA {
   width: 100%;
   margin-bottom: 30px;
   padding-top: 16px;
}
.fichaLibro .barraVolverPerfilLoguedo .dosColumnasAsideB {
   margin-left: 0;
   padding-top: 16px;
   padding-left: 0;
}
.fichaLibroLogueado .contenidoFichaLibro {
   padding: 0;
   border-bottom: 1px solid #e4e4e4;
}
.votaEsteLibroLogueado { text-align: center; }
.votaEsteLibroLogueado p {
   font-size: 14px;
   font-weight: bold;
}
.votaEsteLibroLogueado li {
   display: inline-block;
   margin-right: 4px;
}
.votaEsteLibroLogueado li a {
   display: block;
   width: 36px;
   height: 32px;
   background-image: url(../img/privado/ico-estrella-logueado.png);
   background-repeat: no-repeat;
   background-position: center;
}
.votaEsteLibroLogueado li a:hover { background-image: url(../img/privado/ico-estrella-logueado-02.png); }
.votaEsteLibroLogueado .eliminarLibro {
   float: none;
   margin: 14px auto 0 auto;
}
/* RATE STAR */
.flex {
   display: flex;
   max-width: 220px;
   margin: 0 auto;
}
.starRating label {
   display: inline-block;
   width: 44px;
   height: 43px;
   background: url(../img/privado/ico-estrella-logueado.png);
   background-repeat: no-repeat;
}
.starRating input[type=radio] { display: none; }
.starRating label:nth-of-type(1) { order: 5; }
.starRating label:nth-of-type(2) { order: 4; }
.starRating label:nth-of-type(3) { order: 3; }
.starRating label:nth-of-type(4) { order: 2; }
.starRating label:nth-of-type(5) { order: 1; }
.starRating input:checked ~ label { background: url(../img/privado/ico-estrella-logueado-02.png); }
div.starRating :hover label { background: url(../img/privado/ico-estrella-logueado.png); }
div.starRating label:hover,
.starRating label:hover ~ label { background: url(../img/privado/ico-estrella-logueado-02.png); }
/* ESTRELLAS BARRA LATERAL DERECHA */
.starRating.flex.estrellasBarraLateral { max-width: 170px; }
.starRating.estrellasBarraLateral label {
   margin-left: 2px;
   margin-right: 2px;
   width: 30px;
   height: 28px;
   background: url("../img/privado/diario-de-lectura/estrella-diario-completa-02.png");
}
.starRating.estrellasBarraLateral input:checked ~ label { background: url(../img/privado/diario-de-lectura/estrella-diario-completa.png); }
div.starRating.estrellasBarraLateral :hover label { background: url(../img/privado/diario-de-lectura/estrella-diario-completa-02.png); }
div.starRating.estrellasBarraLateral label:hover,
.starRating.estrellasBarraLateral label:hover ~ label { background: url(../img/privado/diario-de-lectura/estrella-diario-completa.png); }
/*******************/
.comentariosDestacados .escribirComentario {
   display: block;
   max-width: 250px;
   margin: 16px auto 10px auto;
}
/* FONDO AZUL MODAL */
.blockerFondoAzul { background-color: #42b2fc; }
/* QUE ES LEOTECA */
.queEsLeoteca {
   padding-bottom: 0;
   background-image: url(../img/nubes-leoteca-que-es-leoteca.png), linear-gradient(to top, #e8f4ff, #fff, #e8f4ff);
   background-repeat: no-repeat;
   background-position: bottom -44px center, center;
   margin-top: 57px;
}
.queEsLeoteca h2 {
   font-size: 27px;
   font-weight: bold;
   line-height: 1;
   margin-bottom: 0;
}
.queEsLeoteca h3 {
   font-size: 20px;
   font-weight: 500;
   margin-top: 15px;
   text-align: center;
}
.queEsLeoteca p {
   font-size: 17px;
   clear: both;
}
.queEsLeotecaIntro {
   float: left;
   width: 100%;
   margin-bottom: 50px;
   padding-right: 0;
}
.grupoImg {
   display: none;
   float: none;
   width: 100%;
   margin-bottom: 50px;
   text-align: center;
}
.consultaComentaComparte { margin: 20px auto 0 auto; }
.consultaComentaComparteMovil {
   display: table;
   max-width: 280px;
   margin: 30px auto 0 auto;
}
.enterateComoFunciona {
   display: none;
   padding-bottom: 30px;
   text-align: center;
}
.enterateComoFunciona h3 {
   font-size: 22px;
   font-weight: bold;
   color: #f36d21;
}
.adultosQuePintamos {
   padding-top: 0;
   padding-bottom: 0;
   background-image: url(../img/onda-ficha-libro.png), url(../img/nubes-leoteca-que-es-leoteca-02.png), linear-gradient(to top, #fff, #fff, #e8f4ff);
   background-repeat: no-repeat;
   background-position: left bottom -110px, top -20px center, center;
}
.adultosQuePintamos h2 {
   font-size: 24px;
   font-weight: 500;
}
.adultosQuePintamos p {
   font-size: 17px;
   line-height: 1.5;
}
.tabs.tabsFichaLibro.paraEditoriales { margin-top: 40px; }
.tabs.tabsFichaLibro.paraEditoriales section {
   margin-bottom: 0;
   padding: 0 20px 70px 20px;
   border: solid 1px #d8e9f7;
   border-radius: 20px;
   background-color: #fff;
   box-shadow: 0 4px 11px 0 rgba(119, 171, 207, .2);
}
.paraEditoriales section h2 {
   font-size: 24px;
   font-weight: 600;
   margin: 40px 0;
}
.paraEditoriales .correoNoClickable {
   font-size: 22px;
   font-weight: bold;
   display: block;
   text-align: center;
   color: #f36d21;
}
.tabs.tabsFichaLibro.paraEditoriales > ul {
   display: table;
   margin: 0 auto;
}
.tabs.tabsFichaLibro.paraEditoriales > ul li {
   position: relative;
   display: inline-block;
   min-width: auto;
   margin-right: 14px;
   margin-left: 15px;
   padding-bottom: 40px;
   vertical-align: top;
}
.tabs.tabsFichaLibro.paraEditoriales > ul li a {
   min-height: 66px;
   background-repeat: no-repeat;
   background-position: top left;
}
.tabs.tabsFichaLibro.paraEditoriales > ul li a[aria-selected] { border-bottom: 5px solid #f36d21; }
.paraTitular01 { display: none; }
.paraTitular02 {
   position: absolute;
   top: 67px;
   left: 0;
   text-transform: capitalize;
}
.tabs.tabsFichaLibro.paraEditoriales > ul li a:focus { outline: 0; }
.paraEditoriales > ul li a.tabParaPadres:after {
   position: relative;
   z-index: 3;
   display: block;
   float: left;
   width: 57px;
   height: 94px;
   margin-top: -8px;
   margin-right: 0;
   /*margin-left: -5px;*/
   margin-left: -5px;
   padding-right: 0;
   padding-left: 0;
   content: ' ';
   border-bottom: 5px solid #f6faff;
   background-image: url(../img/ico-para-padres-04.png);
   background-repeat: no-repeat;
   background-position: left top 6px;
}
.tabs.tabsFichaLibro.paraEditoriales > ul li a.tabParaPadres[aria-selected]:after { background-image: url(../img/ico-para-padres-03.png); }
.paraEditoriales > ul li a.tabParaProfesores:after {
   position: relative;
   z-index: 3;
   display: block;
   float: left;
   width: 89px;
   height: 94px;
   margin-top: -8px;
   margin-right: 0;
   margin-left: -5px;
   padding-right: 0;
   padding-left: 0;
   content: ' ';
   border-bottom: 5px solid #f6faff;
   background-image: url(../img/ico-para-profesores-04.png);
   background-repeat: no-repeat;
   background-position: left 23px top 8px;
}
.tabs.tabsFichaLibro.paraEditoriales > ul li a.tabParaProfesores[aria-selected]:after { background-image: url(../img/ico-para-profesores-03.png); }
.paraEditoriales > ul li a.tabParaEditoriales:after {
   position: relative;
   z-index: 3;
   display: block;
   float: left;
   width: 91px;
   height: 92px;
   margin-top: -6px;
   margin-right: 0;
   margin-left: -8px;
   padding-right: 0;
   padding-left: 0;
   content: ' ';
   border-bottom: 5px solid #f6faff;
   background-image: url(../img/ico-para-editoriales-04.png);
   background-repeat: no-repeat;
   background-position: left 17px top 9px;
}
.tabs.tabsFichaLibro.paraEditoriales > ul li a.tabParaEditoriales[aria-selected]:after { background-image: url(../img/ico-para-editoriales-03.png); }
.tabs.tabsFichaLibro.paraEditoriales > ul li a[aria-selected] { overflow: inherit; }
.tabs.tabsFichaLibro.paraEditoriales > ul li a[aria-selected]:before {
   z-index: 3;
   width: 36px;
   height: 19px;
   margin: 73px auto 0 auto;
   content: ' ';
   background-color: transparent;
   background-image: none;
   background-repeat: no-repeat;
   background-position: bottom center;
}
.listasVerificada {
   max-width: 790px;
   margin: 0 auto;
}
.listasVerificada li {
   line-height: 1.6;
   padding-bottom: 30px;
   padding-left: 50px;
   background-image: url(../img/ico-lista-verificada.png);
   background-repeat: no-repeat;
   background-position: left top;
}
.tabs.tabsFichaLibro section a.btnPrincipal {
   display: table;
   margin: 50px auto 0 auto;
   color: #fff;
}
#leotecaParaEditoriales { padding-top: 0; }
.libroVolandoQue {
   display: none;
   margin-top: -230px;
   margin-left: -113px;
}
.queEsLeotecaSmartick {
   padding-top: 30px;
   background-image: linear-gradient(to top, #fffdf8, #fff9eb);
}
.queEsLeotecaSmartick h2 { font-size: 24px; }
.queEsLeotecaSmartick p {
   font-size: 17px;
   line-height: 1.6;
}
.contenedorAprenden {
   display: none;
   margin-top: 50px;
   text-align: center;
}
.enlaceNaranja {
   font-size: 20px;
   font-weight: bold;
   display: block;
   width: 100%;
   margin-top: 15px;
   padding: 4px 10px;
   text-align: center;
   text-decoration: none;
   color: #f36d21;
   border-radius: 8px;
}
.enlaceNaranja:hover {
   color: #fff;
   background-color: #f36d21;
}
.enlaceNaranjaHover {
   color: #fff;
   background-color: #f36d21;
}
.active {
   display: block;
   opacity: 1;
}
.enlaceHover {
   display: block;
   cursor: default;
   text-decoration: none;
}
.parrafoHover {
   font-size: 18px !important;
   font-weight: 600 !important;
   opacity: 1;
   color: #3e3e3e;
}
.parrafoHover.parrafoActivo { opacity: 1; }
.enlaceHover:hover .enlaceNaranja.enlaceNaranjaHover {
   color: #fff;
   background-color: #f36d21;
}
.enlaceBordeNaranja {
   font-size: 15px;
   font-weight: bold;
   display: table;
   margin: 0 auto 60px auto;
   padding: 10px 49px;
   text-decoration: none;
   color: #f36d21;
   border: 2px solid #f36d21;
   border-radius: 21px;
}
.enlaceBordeNaranja:hover {
   color: #fff;
   background-color: #f36d21;
}
/* APRENDEN MOVIL */
.contenedorAprendenMovil {
   display: block;
   margin-top: 40px;
}
.aprendenMovil {
   /* margin: 0 auto; */
   display: block;
   text-align: center;
}
.aprendenMovil li {
   position: relative;
   display: inline-block;
   margin: 0 2px;
}
.aprendenMovil li a {
   display: block;
   padding-bottom: 7px;
   border-bottom: 5px solid rgba(0, 0, 0, .00);
}
.aprendenMovil li a.activo { border-color: #f36d21; }
.aprendenMovil li a.activo img { opacity: 1; }
.aprendenMovil li:after {
   position: absolute;
   top: 20px;
   left: -6px;
   display: inline-block;
   width: 1px;
   height: 50px;
   content: ' ';
   background-image: linear-gradient(to bottom, #fbe6d9 0%, #f36d21 50%, #fbe6d9 100%);
}
.aprendenMovil li:first-child:after { content: none; }
.aprendenMovil li a:hover { border-bottom: 5px solid #f36d21; }
.aprendenMovil img {
   max-width: 105px;
   opacity: .45;
}
.contenidoAprendenMovil {
   max-width: 350px;
   margin: 0 auto;
}
/* CONTACTO */
.cabeceraSinBuscador .header {
   position: fixed;
   z-index: 9;
   top: 0;
   width: 100%;
   min-height: 77px;
   box-shadow: 0 4px 4px 0 rgb(32 85 113 / 40%);
}
.cabeceraFija.cabeceraSinBuscador .menuPrincipal { /*margin-top: 10px;*/ }
.login.contacto {
   position: relative;
   margin-top: 77px;
   background-image: url(../img/nubes-contacto.png);
   background-position: bottom -60px center;
}
div.contactoIntro { text-align: center; }
div.contactoIntro h2 {
   font-size: 27px;
   font-weight: bold;
   width: 100%;
   text-align: center;
}
div.contactoIntro p {
   font-size: 18px;
   margin-bottom: 10px;
   color: #fff;
}
div.contactoIntro p span {
   font-size: 20px;
   font-weight: bold;
   display: block;
}
.contacto .registroLoginFormulario {
   position: relative;
   z-index: 1;
   margin: 0 auto;
}
#modalNuevoAlumno { top: 10px; }
#modalNuevoAlumno ul li.liContacto,
#modalNuevoAlumno02 ul li.liContacto {
   display: block;
   width: 100%;
   max-width: 160px;
   margin-right: 8px;
}
#modalNuevoAlumno ul li.liLocalidad,
#modalNuevoAlumno02 ul li.liLocalidad {
   display: block;
   width: 100%;
   max-width: 180px;
   margin-left: 0;
}
.contacto textarea {
   font-size: 22px;
   font-weight: 600;
   width: 100%;
   min-height: 260px;
   margin-bottom: 14px;
   padding: 12px 20px;
   color: #1469a2;
   border: none;
   border-radius: 5px;
   background-color: #d7efff;
}
.contacto textarea:focus {
   border: solid 1px #ff520c;
   background-color: #fff;
}
.textoFormularioContacto {
   font-size: 14px;
   font-weight: 600;
   display: block;
   margin-top: 5px;
   margin-bottom: 8px;
}
.btnEnviar {
   font-size: 18px;
   font-weight: bold;
   display: table;
   margin: 0 auto;
   padding: 13px 57px;
   text-align: center;
   text-decoration: none;
   color: #fff;
   border: 4px solid #fff;
   border-radius: 30px;
   background-color: #f36121;
   background-image: linear-gradient(to top, #f67f3b, #f36121);
}
.btnEnviar:hover {
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), linear-gradient(to top, #f67f3b, #f36121);
   background-repeat: no-repeat;
   background-position: center, center;
}
.leoEscribiendo.sobresVolando {
   background-image: url(../img/sobres.png);
   background-position: left calc(46% + 550px) top 150px;
}
.contactoMandanosUnEmail {
   margin-top: 62px;
   margin-bottom: 60px;
   text-align: center;
}
.contactoMandanosUnEmail p {
   font-size: 18px;
   font-weight: bold;
}
.contactoMandanosUnEmail a {
   font-size: 20px;
   font-weight: bold;
   text-decoration: none;
   color: #f36d21;
}
.buzon {
   background-image: none;
   background-repeat: no-repeat;
   background-position: bottom left;
}
/********************* PRIVADO ***********************/
.fondoPrivado { background-image: linear-gradient(to top, #fff, #e8f4ff); }
.gridContainer.clearfix.contenedorPrivado {
   margin-top: 132px;
   padding: 0;
   background-color: #fff;
   box-shadow: 1px 0 5px 0 rgba(111, 111, 111, .2);
}
.paginaPrivada .dosColumnasAsideA {
   width: 19.7288%;
   min-height: calc(100vh - 68px);
}
.paginaPrivada .dosColumnasAsideB {
   clear: none;
   width: 78.5762%;
   margin-left: 1.6949%;
   padding-right: 20px;
}
.asidePrivado {
   position: fixed;
   max-width: 100px;
   min-height: 100vh;
   background-image: linear-gradient(to top, #2b89c6, #369fe4);
}
.paginaPrivada .gridContainer { max-width: 1280px; }
.menuLateralPrivado { margin-top: 38px; }
.menuLateralPrivado li {
   margin-bottom: 23px;
   padding-left: 0;
}
.menuLateralPrivado li a {
   font-size: 13px;
   font-weight: bold;
   display: block;
   width: 100%;
   padding: 15px 5px 15px 0;
   text-decoration: none;
   color: #fff;
   border-radius: 0;
   background-repeat: no-repeat;
   background-position: center top;
}
.menuLateralPrivado li a:hover {
   color: #2b89c6;
   background-color: #fff;
}
.perfilAsistido .menuLateralPrivado li a:hover {
   color: #fba62d;
   background-color: #fff;
}
.menuLateralPrivado li a.activoMenuPrivado {
   padding: 15px 0 5px 0;
   color: #2b89c6;
   background-color: #fff;
   background-position: top 5px center;
}
.perfilAsistido .menuLateralPrivado li a.activoMenuPrivado { color: #fba62d; }
.menuLateralPrivado li ul li a.activoMenuPrivado { padding: 35px 0 5px 0; }
.menuLateralPrivado li ul li a.activoMenuPrivado span { padding-top: 20px; }
ul.menuLateralPrivado li.menuPrivadoTutor ul { display: none; }
.menuLateralPrivado li a.activoMenuPrivado + ul { display: block; }
.menuPrivadoTutor a { background-image: url(../img/privado/ico-menu-lateral-area-tutor.png); }
.menuPrivadoTutor a:hover,
.menuPrivadoTutor a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-area-tutor-02.png); }
.menuPrivadoTutor a.activoMenuPrivado.activoMenuPrivado02 {
   color: #fff;
   background-color: #58afe7;
   background-image: url(../img/privado/ico-menu-lateral-area-tutor.png);
}
.menuPrivadoCuestionarios a {
   padding: 36px 0 5px 0;
   background-image: url(../img/privado/ico-menu-lateral-cuestionarios.png);
   background-position: top 5px center;
}
.menuPrivadoCuestionarios a:hover,
.menuPrivadoCuestionarios a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-cuestionarios-02.png); }
.perfilAsistido .menuPrivadoCuestionarios a:hover,
.perfilAsistido .menuPrivadoCuestionarios a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-cuestionarios-03.png); }
.menuPrivadoPrestamo a {
   padding: 36px 0 5px 0;
   background-image: url(../img/privado/icono-prestamos-blanco.png);
   background-position: top 5px center;
}
.menuPrivadoPrestamo a:hover,
.menuPrivadoPrestamo a.activoMenuPrivado { background-image: url(../img/privado/icono-prestamos-azul.png); }
.perfilAsistido .menuPrivadoPrestamo a:hover,
.perfilAsistido .menuPrivadoPrestamo a.activoMenuPrivado { background-image: url(../img/privado/icono-prestamos-naranja.png); }
.menuPrivadoTrabajo a { background-image: url(../img/privado/ico-menu-lateral-area-de-trabajo.png); }
.menuPrivadoTrabajo a:hover,
.menuPrivadoTrabajo a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-area-de-trabajo-02.png); }
.perfilAsistido .menuPrivadoTrabajo a:hover,
.perfilAsistido .menuPrivadoTrabajo a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-area-de-trabajo-03.png); }
.menuPrivadoBiblioteca a { background-image: url(../img/privado/ico-menu-lateral-mi-biblioteca.png); }
.menuPrivadoBiblioteca a:hover,
.menuPrivadoBiblioteca a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-mi-biblioteca-02.png); }
.perfilAsistido .menuPrivadoBiblioteca a:hover,
.perfilAsistido .menuPrivadoBiblioteca a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-mi-biblioteca-03.png); }
.menuPrivadoRecomendaciones a { background-image: url(../img/privado/ico-menu-lateral-recomendaciones.png); }
.menuPrivadoRecomendaciones a:hover,
.menuPrivadoRecomendaciones a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-recomendaciones-02.png); }
.perfilAsistido .menuPrivadoRecomendaciones a:hover,
.perfilAsistido .menuPrivadoRecomendaciones a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-recomendaciones-03.png); }
.menuPrivadoAmigos a { background-image: url(../img/privado/ico-menu-lateral-mis-amigos.png); }
.menuPrivadoAmigos a:hover,
.menuPrivadoAmigos a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-mis-amigos-02.png); }
.perfilAsistido .menuPrivadoAmigos a:hover,
.perfilAsistido .menuPrivadoAmigos a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-mis-amigos-03.png); }
.menuPrivadoMiPlaneta a { background-image: url(../img/privado/ico-menu-lateral-mi-planeta.png); }
.menuPrivadoMiPlaneta a:hover,
.menuPrivadoMiPlaneta a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-mi-planeta-02.png); }
.perfilAsistido .menuPrivadoMiPlaneta a:hover,
.perfilAsistido .menuPrivadoMiPlaneta a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-mi-planeta-03.png); }
.menuPrivadoMisHijos a { background-image: url(../img/privado/ico-menu-lateral-mis-hijos.png); }
.menuPrivadoMisHijos a:hover,
.menuPrivadoMisHijos a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-mis-hijos-02.png); }
.perfilAsistido .menuPrivadoMisHijos a:hover,
.perfilAsistido .menuPrivadoMisHijos a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-mis-hijos-03.png); }
.menuLateralPrivado li a span {
   font-size: 10px;
   display: none;
   padding-top: 20px;
   text-align: center;
}
.menuLateralPrivado li ul { margin-left: 0; }
.menuLateralPrivado li ul li a {
   font-size: 10px;
   padding: 36px 0 4px 0;
   text-align: center;
   border-radius: 0;
   background-color: #58afe7;
   background-position: top 5px center;
}
.menuLateralPrivado li a.activoMenuPrivado span { display: block; }
.avisoLegaMenuLateral {
   min-width: 78px;
   margin: 0 10px;
   padding-top: 10px;
   border-top: 1px solid #57afe7;
}
.perfilAsistido .avisoLegaMenuLateral { border-color: #fff; }
.avisoLegaMenuLateral li { display: block; }
.avisoLegaMenuLateral li a {
   font-size: 10px;
   text-transform: capitalize;
   color: #fff;
}
.avisoLegaMenuLateral li a:hover { font-weight: bold; }
.avisoLegaMenuLateral li a span { display: none; }
.fondoPrivadoNubes {
   min-height: calc(100vh - 68px);
   background-image: url(../img/privado/nubes-azul-privado.png);
   background-repeat: no-repeat;
   background-position: bottom right;
}
.contenidoPrivado {
   position: relative;
   width: calc(100% - 140px);
   margin-left: 120px;
}
.contenidoPrivado h2 {
   font-size: 30px;
   font-weight: bold;
   text-align: left;
}
.nuevaClase {
   font-size: 14px;
   font-weight: bold;
   float: right;
   margin-top: -54px;
   padding-left: 20px;
   color: #f36d21;
   background-image: url(../img/privado/ico-mas-naranja.png);
   background-repeat: no-repeat;
   background-position: left top 3px;
}
.nuevaClase:hover { color: #f36d21; }
.irFicha {
   font-size: 14px;
   font-weight: bold;
   float: right;
   padding-left: 20px;
   color: #f36d21;
   background-image: url(../img/privado/ico-enlace-libro.png);
   background-repeat: no-repeat;
   background-position: left top 3px;
}
.irFicha:hover { color: #f36d21; }
.pastillasMisClases li {
   position: relative;
   display: inline-block;
   margin-right: 20px;
   margin-bottom: 23px;
   border: 1px solid #edf6fc;
   border-radius: 16px;
   background-color: #edf6fc;
}
.pastillasMisClases li:hover {
   border: 1px solid #faaf45;
   background-color: #fff2e0;
}
.pastillasMisClases li > a {
   display: block;
   min-width: 204px;
   padding: 15px;
   text-decoration: none;
   color: #5e5e5e;
   border-radius: 16px;
}
.pastillasMisClases li > .btnCancelarTransferencia {
   position: absolute;
   top: -17px;
   right: -10px;
}
.pastillasMisClases li .btnCancelarTransferencia a {
   font-size: 12px;
   position: relative;
   z-index: 9;
   display: block;
   min-height: 31px;
   margin-top: -6px;
   padding: 7px 33px 7px 0;
   text-align: right;
   color: #ff5a5f;
   background-image: url(../img/privado/ico-pendiente.png);
   background-repeat: no-repeat;
   background-position: right center;
}
.pastillasMisClases li .btnCancelarTransferencia a:hover { background-image: url(../img/privado/ico-pendiente-02.png); }
.pastillasMisClases li a.pastillaActiva {
   color: #fff;
   background-image: linear-gradient(to top, #fba62d, #f8bb64);
}
.pastillasMisClases li .btnCancelarTransferencia a > span { display: none; }
.pastillasMisClases li .btnCancelarTransferencia a:hover > span { display: block; }
.pastillasMisClases li a span { display: block; }
/* SLIDER PASTILLAS MIS CLASES */
.slick-dots li { background-color: transparent !important; }
.pastillasMisClases.slick-slider {
   display: inline-block;
   width: 100%;
   margin-top: -30px;
   padding: 20px 40px 0 40px;
}
.pastillasMisClases .slick-list { padding-top: 17px; }
.pastillasMisClases .slick-slide { margin-right: 20px; }
.pastillasMisClases .slick-arrow { top: 123px; }
.pastillasMisClases .slick-arrow:before { background-size: 70%; }
.pastillasMisClases .slick-prev { left: 5px; }
.pastillasMisClases .slick-next { right: -3px; }
.pastillasMisClases .slick-dots { margin-top: 0; }
.contenedorScrollHorizontal {
   position: relative;
   display: inline-block;
   max-width: 100%;
   margin-bottom: 50px;
}
.navScrollHorizontal {
   overflow: hidden;
   overflow-x: auto;
   margin-top: -17px;
   -webkit-overflow-scrolling: touch;
}
.nav-list {
   font-size: 20px;
   padding-left: 0;
   list-style: none;
   white-space: nowrap;
}
.nav-list li {
   display: inline-block;
   margin-right: 20px;
}
.nav-list:last-child { margin-right: 0; }
.contenedorScrollHorizontal .pastillasMisClases { padding-top: 22px; }
/* FIN SLIDER PASTILLAS MIS CLASES */
.pastillaIdentificador {
   font-size: 10px;
   font-weight: 500;
   margin-bottom: -8px;
   text-align: right;
}
.pastillaClase {
   font-size: 24px;
   font-weight: bold;
   overflow: hidden;
   max-width: 7em;
   margin-top: 7px;
   margin-bottom: -6px;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.pastillaDescripcionClase {
   font-size: 15px;
   font-weight: bold;
   overflow: hidden;
   max-width: 11.5em;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.pastillaNumeroAlumnos {
   font-size: 12px;
   font-weight: 500;
}
.barraEditar {
   position: relative;
   max-width: 213px;
   padding: 0 17px 1px 20px;
   border-radius: 16px;
   background-color: #fef0e0;
}
.barraEditar p {
   font-size: 33px;
   font-weight: bold;
   margin-top: -11px;
   margin-bottom: 0;
   padding: 5px 0;
   color: #fba62d;
}
.barraEditar .btnEditarClase {
   display: inline-block;
   width: 44px;
   height: 41px;
   margin-left: 7px;
   vertical-align: -9px;
   border: 1px solid #fba62d;
   border-radius: 16px;
   background: url('../img/privado/ico-editar-clase-titular.png') no-repeat center center #fff;
}
.barraEditar .btnEditarClase:hover { background: url('../img/privado/ico-editar-clase-titular-02.png') no-repeat center center #fba62d; }
.barraEditar ul {
   float: none;
   margin-top: 0;
}
.barraEditar ul li {
   display: block;
   margin-right: 5px;
   margin-bottom: 2em;
}
.barraEditar ul li.barraEditarMenu {
   position: absolute;
   top: 13px;
   right: -10px;
}
.opcionesBarraEditar {
   position: relative;
   z-index: 1;
}
.opcionesBarraEditarZindex { z-index: 9999999; }
.opcionesTablaZindex { z-index: 99999999; }
.barraEditar ul li a { text-decoration: none; }
.btnBlancoBordeNaranjaPrivado {
   font-size: 14px;
   font-weight: bold;
   padding: 12px 17px 12px 50px;
   color: #fba62d;
   border: solid 1px #fba62d;
   border-radius: 16px;
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: left 17px center;
}
.btnBlancoBordeNaranjaPrivado:hover {
   color: #fff;
   background-color: #fba62d;
}
.anadirAlumno {
   display: block;
   margin-top: 10px;
   background-image: url(../img/privado/ico-anadir-alumno.png);
}
.editarClase { background-image: url(../img/privado/ico-editar-clase.png); }
.anadirAlumno:hover { background-image: url(../img/privado/ico-anadir-alumno-02.png); }
.editarClase:hover { background-image: url(../img/privado/ico-editar-clase-02.png); }
/******************** MENU PUNTOS BARRA EDITAR ***************************/
.barraEditar ul li .menuPuntosBarraEditar {
   position: absolute;
   top: 7px;
   left: -210px;
   display: grid;
   border: 1px solid #fff;
}
.barraEditar ul li .menuPuntosBarraEditar:before {
   position: fixed;
   z-index: 999999;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   content: ' ';
   background-color: rgba(0, 0, 0, .5);
}
.barraEditar ul li .menuPuntosBarraEditar li {
   z-index: 999999;
   display: block;
   margin-right: 0;
   margin-bottom: 0;
}
.barraEditar ul li .menuPuntosBarraEditar li a {
   font-size: 15px;
   font-weight: bold;
   display: block;
   padding: 23px 30px;
   color: #3e3e3e;
   background-color: #fff;
}
.barraEditar ul li .menuPuntosBarraEditar li a:hover {
   color: #fff;
   background-color: #fba62d;
}
/******************** FIN MENU PUNTOS BARRA EDITAR ***************************/
.imprescindiblesCuestionarios { margin-top: 28px; }
.imprescindiblesCuestionarios li {
   display: inline-block;
   margin-right: 10px;
}
.imprescindiblesCuestionarios li a {
   font-size: 33px;
   font-weight: bold;
   line-height: 1.1;
   display: block;
   padding: 13px 17px 13px 50px;
   text-decoration: none;
   color: #5e5e5e;
   border: solid 2px #edf6fc;
   border-radius: 16px;
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: left 14px center;
}
.imprescindiblesCuestionarios li {
   display: inline-block;
   margin-right: 10px;
   margin-bottom: 15px;
}
.imprescindiblesCuestionarios li a:hover { border-color: #42b2fc; }
.imprescindiblesCuestionarios li a span {
   font-size: 13px;
   display: block;
}
.btnImprescindible { background-image: url(../img/privado/ico-libros-imprescindibles.png); }
.btnCuestionarios { background-image: url(../img/privado/ico-cuestionarios-02.png); }
.btnFichasEscuchaActiva { background-image: url(../img/privado/ico-fichas-de-escucha-activa.png); }
.privadoAlumnos h3 {
   font-size: 18px;
   font-weight: bold;
   padding: 3px 0 3px 40px;
   background-image: url(../img/privado/ico-titular-alumnos.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.tablaPrivado {
   min-width: 1010px;
   text-align: center;
   border: none; /* OJO ARREGLA BUG MENU TRES PUNTOS TABLA OVERFLOW */
}
.tablaPrivado a {
   text-decoration: none;
   color: #3e3e3e;
}
.tablaColorVerde {
   font-weight: bold;
   color: #7ac43d;
}
.tablaPrivado .celdaNombreContrasena {
   font-weight: bold;
   text-align: left;
   color: #c80315;
}
.tablaPrivado td.celdaNombreContrasena > span {
   display: block;
   color: #3e3e3e;
}
.tablaPrivado td.celdaNombreContrasena > span .textoColorRojo { color: #c80315; }
.textoIzq { text-align: left; }
.indicadorCirculo {
   position: relative;
   z-index: 99;
   display: block;
   width: 12px;
   height: 12px;
   margin-bottom: -12px;
   margin-left: -4px;
   border-radius: 50%;
}
.indicadorCirculo.verde { background-color: #74ee0f; }
.indicadorCirculo.rojo { background-color: #c80315; }
.tablaPrivado a.enlaceColorAzul {
   text-decoration: underline;
   color: #42b2fc;
}
.tablaPrivado th {
   font-size: 15px;
   font-weight: 500;
   line-height: 1.3;
   padding: 16px 5px;
   color: #a3b4bf;
   border: none;
   border-bottom: 1px solid #e2ebf1;
}
.tablaPrivado th:first-child { text-align: left; }
.tablaPrivado td {
   font-size: 13px;
   font-weight: 600;
   position: relative;
   padding: 16px 5px;
   vertical-align: middle;
   border: none;
   border-bottom: 1px solid #edf6fc;
}
.tablaPrivado td:first-child { text-align: left; }
.tablaPrivado td:first-child img { margin-right: 15px; }
/*********** ICONOS TABLA PRIVADO *******************/
.icoTablaInforme {
   display: block;
   width: 31px;
   height: 28px;
   margin: 0 auto;
   background-image: url(../img/privado/ico-tabla-informe.png);
   background-repeat: no-repeat;
}
.icoTablaInforme:hover { background-image: url(../img/privado/ico-tabla-informe-02.png); }
.icoTablaEditar {
   display: block;
   width: 31px;
   height: 25px;
   margin: 0 auto;
   background-image: url(../img/privado/ico-tabla-editar.png);
   background-repeat: no-repeat;
}
.icoTablaEditar:hover { background-image: url(../img/privado/ico-tabla-editar-02.png); }
.icoTablaVer {
   display: block;
   width: 31px;
   height: 25px;
   margin: 0 auto;
   background-image: url(../img/privado/ico-tabla-ver.png);
   background-repeat: no-repeat;
}
.icoTablaVer:hover { background-image: url(../img/privado/ico-tabla-ver-02.png); }
.icoTablaVerTodos {
   display: block;
   width: 41px;
   height: 25px;
   margin: 0 auto;
   background-image: url(../img/privado/ico-tabla-ver-todos.png);
   background-repeat: no-repeat;
}
.icoTablaVerTodos:hover { background-image: url(../img/privado/ico-tabla-ver-todos-02.png); }
.icoTablaMas {
   display: block;
   width: 25px;
   height: 20px;
   margin: 0 auto;
   background-image: url(../img/privado/ico-tabla-mas.png);
   background-repeat: no-repeat;
}
.icoTablaMas:hover { background-image: url(../img/privado/ico-tabla-mas-02.png); }
.icoTablaVerDisponibles {
   position: relative;
   display: block;
   width: 29px;
   height: 32px;
   margin: 0 auto;
   background-image: url(../img/privado/ico-cuestionarios-disponibles.png);
   background-repeat: no-repeat;
}
.icoTablaVerDisponibles:hover { background-image: url(../img/privado/ico-cuestionarios-disponibles-02.png); }
.icoTablaVerDisponibles span {
   position: absolute;
   top: -13px;
   right: -24px;
   display: block;
   width: 24px;
   height: 24px;
   color: #fff;
   border-radius: 50%;
   background-color: #f36d21;
}
.icoTablaEnviarMensaje {
   display: block;
   width: 41px;
   height: 22px;
   margin: 0 auto;
   background-image: url(../img/privado/ico-tabla-enviar-mensaje.png);
   background-repeat: no-repeat;
}
.icoTablaEnviarMensaje:hover { background-image: url(../img/privado/ico-tabla-enviar-mensaje-02.png); }
.icoTablaEvaluar {
   display: block;
   width: 34px;
   height: 30px;
   margin: 0 auto;
   background-image: url(../img/privado/ico-tabla-evaluar.png);
   background-repeat: no-repeat;
}
.icoTablaEvaluar:hover { background-image: url(../img/privado/ico-tabla-evaluar-02.png); }
.icoTablaAsignar {
   display: block;
   width: 46px;
   height: 35px;
   margin: 0 auto;
   background-image: url(../img/privado/ico-tabla-asignar-ok.png);
   background-repeat: no-repeat;
}
.icoTablaAsignar:hover { background-image: url(../img/privado/ico-tabla-asignar-ok-02.png); }
.icoTablaDesasignar {
   display: block;
   width: 46px;
   height: 35px;
   margin: 0 auto;
   background-image: url(../img/privado/ico-tabla-desasignar.png);
   background-repeat: no-repeat;
}
.icoTablaDesasignar:hover { background-image: url(../img/privado/ico-tabla-desasignar-02.png); }
.icoTablaAnadirAmigo {
   display: block;
   width: 34px;
   height: 20px;
   margin: 0 auto;
   background-image: url(../img/privado/ico-anadir-mis-amigos.png);
   background-repeat: no-repeat;
}
.icoTablaAnadirAmigo:hover { background-image: url(../img/privado/ico-anadir-mis-amigos-03.png); }
.icoTablaYaSoisAmigos {
   font-size: 14px;
   padding: 10px 0 10px 44px;
   background-image: url(../img/privado/ico-anadir-mis-amigos-ok-02.png);
   background-repeat: no-repeat;
   background-position: left top 5px;
}
.icoTablaYaSoisAmigos.conBotonAlLado { margin-right: 50px; }
.icoTablaYaNoSoisAmigos {
   font-size: 14px;
   padding: 10px 0 10px 44px;
   background-image: url(../img/privado/ico-anadir-mis-amigos-ok-03.png);
   background-repeat: no-repeat;
   background-position: left top 5px;
}
.icoTablaYaNoSoisAmigos.conBotonAlLado { margin-right: 50px; }
.icoTablaPendiente {
   font-size: 14px;
   padding: 10px 0 10px 44px;
   background-image: url(../img/privado/ico-pendiente-03.png);
   background-repeat: no-repeat;
   background-position: left top 5px;
}
.anchoaceptarRechazarBloquear { min-width: 15em; }
.aceptarRechazarBloquear { float: right; }
.aceptarRechazarBloquear li {
   display: inline-block;
   margin-left: 5px;
}
.aceptarRechazarBloquear li a {
   font-size: 14px;
   font-weight: bold;
   padding: 3px 20px;
   border: 1px solid;
   border-radius: 10px;
}
.aceptarRechazarBloquear li a.btnTablaAceptar {
   color: #7ac43d;
   border-color: #7ac43d;
   background-color: #fff;
}
.aceptarRechazarBloquear li a.btnTablaAceptar:hover {
   color: #fff;
   border-color: #7ac43d;
   background-color: #7ac43d;
}
.aceptarRechazarBloquear li a.btnTablaRechazar {
   color: #ff5a5f;
   border-color: #ff5a5f;
   background-color: #fff;
}
.aceptarRechazarBloquear li a.btnTablaRechazar:hover {
   color: #fff;
   border-color: #ff5a5f;
   background-color: #ff5a5f;
}
.aceptarRechazarBloquear li a.btnTablaBloquear {
   color: #ff5a5f;
   border-color: #fce3e4;
   background-color: #fce3e4;
}
.aceptarRechazarBloquear li a.btnTablaBloquear:hover {
   color: #ff5a5f;
   border-color: #ff5a5f;
   background-color: #fce3e4;
}
.imgPendiente { margin-right: 50px; }
.aceptarRechazarBloquear.conSpan {
   width: 100%;
   text-align: right;
}
.aceptarRechazarBloquear.conSpan span {
   display: inline-block;
   min-width: 200px;
   margin-right: 0;
   padding-left: 50px;
   text-align: left;
}
/*********** FIN ICONOS TABLA PRIVADO *******************/
.columnaLibro { text-align: left; }
.columnaLibro .contenedorImagenTabla {
   min-width: 86px;
   text-align: center;
}
.columnaLibro span {
   display: inline-block;
   vertical-align: middle;
}
.columnaNivelLector { text-align: left; }
.columnaNivelLector img { margin-right: 10px; }
.columnaCreador { max-width: 10em; }
.tablaPrivado .columnaCreador em {
   font-size: 11px;
   display: block;
}
/* TABLA RESPONSIVE */
.table-container {
   overflow-x: auto;
   overflow-y: hidden;
   width: 100%;
   margin: 0 0 1em;
   _overflow: auto;
}
.table-container::-webkit-scrollbar {
 width: 14px;
 height: 14px;
 -webkit-appearance: none;
}
.table-container::-webkit-scrollbar-thumb {
 border: 3px solid #fff;
 border-radius: 8px;
 background-color: rgba(0, 0, 0, .3);
}
/*********** MENU PUNTOS TABLA ********************/
.opcionesTablas { position: relative; }
.tablaPrivado .menuPuntosTabla {
   position: absolute;
   top: 8px;
   left: -245px;
   display: grid;
   min-width: 262px;
   border: 1px solid #fff;
}
.tablaPrivado .menuPuntosTabla:before {
   position: fixed;
   z-index: 9999999;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   content: ' ';
   background-color: rgba(0, 0, 0, .8);
}
.tablaPrivado .menuPuntosTabla li {
   z-index: 9999999;
   display: block;
   margin-right: 0;
   text-align: left;
}
.tablaPrivado .menuPuntosTabla li a {
   font-size: 15px;
   font-weight: bold;
   display: block;
   padding: 18px 30px;
   color: #3e3e3e;
   background-color: #fff;
}
.tablaPrivado .menuPuntosTabla li a:hover,
.tablaPrivado .menuPuntosTabla li.colorMenuPuntosRojo a:hover,
.barraEditar ul li .menuPuntosBarraEditar li.colorMenuPuntosRojo a:hover {
   color: #fff;
   background-color: #fba62d;
}
.tablaPrivado .menuPuntosTabla li.colorMenuPuntosRojo a,
.barraEditar ul li .menuPuntosBarraEditar li.colorMenuPuntosRojo a { color: #ff5a5f; }
/*********** FIN MENU PUNTOS TABLA ********************/
#modalNuevaClase h2 { margin-bottom: 27px; }
.select-css.selectPrivado {
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 12px;
   padding: 11px 20px;
   color: #3e3e3e;
   border: 1px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
   background-image: url(../img/ico-login-select.png);
   background-repeat: no-repeat;
   background-position: right 13px top 50%;
   background-size: 1em auto;
}
#modalNuevaClase .btnPrincipal {
   margin-top: 28px;
   margin-bottom: 23px;
}
#modalNuevaClaseConfirmacion h2 { margin-bottom: 40px; }
#modalNuevaClaseConfirmacion p {
   font-size: 16px;
   font-weight: bold;
}
#modalNuevaClaseConfirmacion .btnPrincipal {
   margin-top: 40px;
   margin-bottom: 20px;
}
.tooltipFijo {
   position: absolute;
   top: 127px;
   right: -85px;
   min-width: 390px;
   border: solid 2px #e5f4ff;
   border-radius: 8px;
   background-color: #fff;
   box-shadow: 0 3px 24px 0 rgba(0, 0, 0, .15);
}
.tooltipFijo p {
   font-size: 16px;
   font-weight: 500;
   margin-bottom: 0;
   padding: 30px 40px 20px 40px;
   color: #8a8080;
}
.fechaTooltipFijo {
   display: block;
   margin: 0 auto;
   margin-top: -16px;
}
.icoCerrarTooltipFijo {
   float: right;
   margin-right: 6px;
}
#modalNuevoAlumno ul li,
#modalNuevoAlumno02 ul li.liLocalidad { margin-bottom: 5px; }
#modalNuevoAlumno input,
#modalNuevoAlumno02 input { margin-bottom: 0; }
.submenuAnadirAlumno { min-width: 370px; }
.submenuAnadirAlumno ul.menuAnadirAlumno {
   float: none;
   margin-top: 0;
   margin-bottom: 0;
   padding: 20px 0 10px 0;
}
.submenuAnadirAlumno ul.menuAnadirAlumno li {
   display: inline-block;
   margin-right: 0;
   padding: 0 32px 0 30px;
   border-right: 1px solid #edf6fc;
}
.submenuAnadirAlumno ul.menuAnadirAlumno li:last-child {
   padding-right: 0;
   border-right: none;
}
.submenuAnadirAlumno ul.menuAnadirAlumno li a {
   font-size: 16px;
   font-weight: 600;
   position: relative;
   display: block;
   overflow: hidden;
   min-width: 85px;
   padding: 93px 0 3px 0;
   text-align: center;
   text-decoration: none;
   color: #3e3e3e;
   background-repeat: no-repeat;
   background-position: top center;
}
.menuAnadirAlumnoNuevo { background-image: url(../img/privado/menu-anadir-alumno-nuevo.png); }
.menuAnadirAlumnoNuevo:hover { background-image: url(../img/privado/menu-anadir-alumno-nuevo-02.png); }
.menuAnadirAlumnoCreaccion { background-image: url(../img/privado/menu-anadir-alumno-creacion-rapida.png); }
.menuAnadirAlumnoCreaccion:hover { background-image: url(../img/privado/menu-anadir-alumno-creacion-rapida-02.png); }
#modalNuevoAlumno ul,
#modalNuevoAlumno02 ul {
   display: block;
   margin-top: 0;
}
.campoObligatorio {
   font-size: 12px;
   font-weight: 600;
   font-style: italic;
   margin-bottom: 0;
   text-align: center;
   color: #6c6c6c;
}
.modal label.labelCheckAutorizacion,
.modal label.labelCheckAutorizacion02 {
   font-size: 16px;
   font-weight: 600;
   font-style: italic;
   display: block;
   margin-top: 0;
   margin-bottom: 1em;
   text-align: center;
   color: #6c6c6c;
}
.contacto .registroLoginFormulario ul .liContacto {
   width: calc(50% - 12px);
   margin-right: 8px;
}
.contacto .registroLoginFormulario ul .liLocalidad {
   width: calc(50% - 12px);
   margin-left: 8px;
}
/************** DATA RANGE PICKER *******************/
.daterangepicker {
   z-index: 9999999;
   width: auto;
}
#dataPickerFechaNacimiento { padding: 13px 19px; }
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
   font-size: 13px;
   font-weight: 500;
   border-radius: 50% !important;
}
.daterangepicker .calendar-table th {
   font-weight: 600;
   padding: 9px 6px;
   color: #3e3e3e;
}
.daterangepicker .calendar-table td {
   font-size: 15px;
   padding: 9px 6px;
   color: #8a8080;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date { color: #e0e0e0; }
.daterangepicker td.active,
.daterangepicker td.active:hover {
   font-weight: bold;
   padding: 8px 5px;
   color: #fff;
   background-color: #f36d21;
}
.daterangepicker .drp-calendar { max-width: 100%; }
.daterangepicker td.available:hover {
   color: #fff;
   border-radius: 0;
   background-color: #ff9457;
}
.month select {
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 12px;
   padding: 11px 20px;
   color: #3e3e3e;
   border: 1px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
   background-image: url(../img/ico-login-select.png);
   background-repeat: no-repeat;
   background-position: right 13px top 50%;
   background-size: 1em auto;
}
.month select {
   font-weight: 600;
   line-height: 1.3;
   box-sizing: border-box;
   width: 100%;
   max-width: 100%;
   margin: 0;
   padding: 11px 20px;
   cursor: pointer;
   color: #1469a2;
   border: 2px solid #a1c7da;
   border-radius: 5px;
   background-color: #d7efff;
   background-image: url(../img/ico-login-select.png);
   background-repeat: no-repeat;
   background-position: right 4px top 50%;
   background-size: 1em auto;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
}
.month select::-ms-expand {
 display: none;
}
.month select:hover { border-color: #888; }
.month select option { font-weight: normal; }
*[dir='rtl'] .month select,
:root:lang(ar) .month select :root:lang(iw) .select-css {
   padding: .6em .8em .5em 1.4em;
   background-position: left .7em top 50%, 0 0;
}
/* Disabled styles */
.month select:disabled,
.month select[aria-disabled=true] {
   color: #000;
   background-image: url(../img/ico-select-felcha-abajo.png);
}
.month select:disabled:hover,
.month select[aria-disabled=true] { border-color: #aaa; }
/***************************/
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
   font-size: 15px;
   padding: 7px 19px 7px 3px;
}
.daterangepicker .calendar-table .prev span {
   margin-top: 7px;
   margin-left: 5px;
   padding: 11px 7px;
   transform: none;
   border: none;
   background-image: url(../img/ico-flecha-mes-previo.png);
   background-repeat: no-repeat;
}
.daterangepicker .calendar-table .prev:hover { background-color: inherit; }
.daterangepicker .calendar-table .next span {
   margin-top: 7px;
   margin-left: 5px;
   padding: 11px 7px;
   transform: none;
   border: none;
   background-image: url(../img/ico-flecha-mes-siguiente.png);
   background-repeat: no-repeat;
}
.daterangepicker .calendar-table .next:hover { background-color: inherit; }
.daterangepicker .drp-buttons .btn {
   font-size: 15px;
   font-weight: 600;
   color: #fff;
   border: none;
   border-radius: 5px;
   background-color: #f36d21;
}
.nuevoAlumnoDatosTexto li {
   font-size: 14px;
   font-weight: 600;
   color: #6c6c6c;
}
.nuevoAlumnoDatosTexto li span {
   font-size: 17px;
   font-weight: bold;
   margin-left: 33px;
   color: #3e3e3e;
}
.nuevoAlumnoDatosTexto li span.colorRojo { color: #ff5a5f; }
.nuevoAlumnoDatosTexto li span.colorVerde { color: #7ac43d; }
.nuevoAlumnoDatosTexto li span.colorVerdeCursiva {
   font-style: italic;
   color: #7ac43d;
}
.nuevoAlumnoDatosTexto li span:nth-of-type(1) {
   display: inline-block;
   min-width: 120px;
   margin-left: 0;
}
.nuevoAlumnoDatosTexto li .enlaceNaranjaNormal {
   font-size: 17px;
   display: block;
   margin-bottom: 33px;
   text-align: left;
}
.regenerarContrasena {
   display: inline-block;
   width: 45px;
   height: 38px;
   margin-left: 43px;
   vertical-align: middle;
   background-image: url(../img/privado/ico-generar-contrasena.png);
   background-repeat: no-repeat;
   background-position: center;
}
.regenerarContrasena:hover { background-image: url(../img/privado/ico-generar-contrasena-02.png); }
#modalNuevoAlumno textarea {
   height: 65px;
   min-height: 65px;
}
#modalNuevoAlumno h2 { margin-top: 0; }
#modalNuevoAlumno .select-css.selectPrivado { margin-bottom: 0; }
.liMensajePadres label {
   display: block;
   margin-top: 8px;
   margin-bottom: 4px;
}
#modalNuevoAlumno .btnPrincipal,
#modalNuevoAlumno02 .btnPrincipal {
   margin-top: 24px;
   margin-bottom: 18px;
}
#modalNuevoAlumno ul.nuevoAlumnoDatosTexto li,
#modalNuevoAlumno02 ul.nuevoAlumnoDatosTexto li { margin-bottom: 14px; }
#modalNuevoAlumnoCreaccionRapida ul { display: block; }
#modalNuevoAlumnoCreaccionRapida ul li {
   display: inline-block;
   margin-bottom: 11px;
}
.liNuevoAlumnoNombre {
   width: 35%;
   margin-right: 14px;
}
.liNuevoAlumnoEmailPadres { width: calc(65% - 20px); }
#modalNuevoAlumnoCreaccionRapida h2 { margin-top: 0; }
#modalNuevoAlumnoCreaccionRapida textarea {
   height: 65px;
   min-height: 65px;
   margin-bottom: 0;
}
#modalNuevoAlumnoCreaccionRapida .scrollVertical {
   height: 345px;
   padding-right: 22px;
}
#modalNuevoAlumnoCreaccionRapida input { margin-bottom: 0; }
#modalNuevoAlumnoCreaccionRapida .btnPrincipal {
   margin-top: 24px;
   margin-bottom: 18px;
}
#modalEditarClase h2 { margin-bottom: 27px; }
.select-css.selectPrivado {
   font-size: 22px;
   font-weight: 600;
   min-height: 47px;
   margin-bottom: 12px;
   padding: 12px 34px 12px 20px;
   color: #3e3e3e;
   border: 1px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
   background-image: url(../img/ico-login-select.png);
   background-repeat: no-repeat;
   background-position: right 13px top 50%;
   background-size: 1em auto;
}
#modalEditarClase .btnPrincipal {
   margin-top: 28px;
   margin-bottom: 23px;
}
/************* UNIFICACION TAMAÑO MODALES PRIVADO **************/
.modalPrivado input,
.modalPrivado .select-css.selectPrivado,
.modalPrivado p,
.modalprivado textarea { font-size: 16px; }
.modalPrivado .btnPrincipal {
   font-size: 16px;
   padding: 13px 50px;
}
/***************************************************************/
#modalTransferirClase,
#modalTransferirClaseEstasSeguro,
#modalTransferirClaseVerificado,
#modalCancelarTransferencia { max-width: 750px; }
.paginaPrivada .bulletPrivado li {
   margin-bottom: 1em;
   padding-left: 30px;
   background-image: url(../img/privado/ico-lista-privado.png);
   background-repeat: no-repeat;
   background-position: left top 2px;
}
.formularioTransferirClase {
   max-width: 480px;
   margin-top: 30px;
}
#modalTransferirClase p,
#modalTransferirClase ul,
#modalTransferirClaseEstasSeguro p { color: #8a8080; }
#modalTransferirClase .formularioTransferirClase select,
#modalTransferirClase .formularioTransferirClase textarea { margin-bottom: 20px; }
.modalPrivado textarea {
   font-size: 16px;
   font-weight: 600;
   width: 100%;
   min-height: 115px;
   margin-bottom: 14px;
   padding: 12px 20px;
   color: #3e3e3e;
   border: 1px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
}
.modalPrivado textarea:focus {
   border: 1px solid #ffbb0f !important;
   background-color: #fff;
}
#modalTransferirClase .btnPrincipal {
   margin-top: 28px;
   margin-bottom: 23px;
}
#modalTransferirClaseEstasSeguro .btnPrincipal {
   margin-top: 38px;
   margin-bottom: 23px;
}
.textoCentrado { text-align: center; }
.centrarImg {
   display: block;
   margin: 0 auto;
}
#modalTransferirClaseVerificado .centrarImg {
   margin-top: 30px;
   margin-bottom: 30px;
}
#modalTransferirClaseVerificado p {
   font-weight: bold;
   line-height: 1.8;
}
#modalTransferirClaseVerificado .btnPrincipal {
   margin-top: 40px;
   margin-bottom: 30px;
}
#modalTransferirClaseAceptarTransferencia .pastillasMisClases {
   display: table;
   margin: 25px auto;
}
#modalTransferirClaseAceptarTransferencia .btnPrincipal { margin-bottom: 40px; }
#modalCancelarTransferencia h2 span { color: #f36d21; }
#modalCancelarTransferencia p {
   margin-top: 30px;
   text-align: center;
   color: #8a8080;
}
.textoResaltado {
   margin-top: 30px;
   margin-bottom: 30px;
   padding: 16px 30px 28px 30px;
   border-radius: 10px;
   background-color: #e8f4ff;
}
#modalCancelarTransferencia .textoResaltado p {
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 0;
   text-align: left;
   color: #5e5e5e;
}
#modalCancelarTransferencia .textoResaltado p span {
   margin-bottom: -5px;
   color: #f36d21;
}
#modalCancelarTransferencia .textoResaltado .textoResaltadoMensaje {
   font-weight: 500;
   color: #8a8080;
}
#modalCancelarTransferencia .btnPrincipal { margin-bottom: 30px; }
#modalEliminarClase p {
   text-align: center;
   color: #8a8080;
}
#modalEliminarClase .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
#modalEliminarClaseEliminado p {
   font-weight: bold;
   margin-top: 30px;
   text-align: center;
}
#modalEliminarClaseEliminado .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
#modalCambiarClase p {
   text-align: center;
   color: #8a8080;
}
#modalCambiarClase .scrollVertical {
   height: 225px;
   margin-bottom: 15px;
   padding-right: 40px;
}
#modalCambiarClase ul li a { color: #f36d21; }
#modalCambiarClase ul li a:hover {
   font-weight: bold;
   color: #42b2fc;
}
#modalCambiarClase ul li a.colorAzul {
   font-weight: bold;
   color: #42b2fc;
}
#modalCambiarClaseCambiado p {
   font-weight: bold;
   margin-top: 30px;
   text-align: center;
}
#modalCambiarClaseCambiado .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
#modalEliminarAlumno p {
   text-align: center;
   color: #8a8080;
}
#modalEliminarAlumno .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
#modalEliminarAlumnoEliminado p {
   font-weight: bold;
   margin-top: 30px;
   text-align: center;
}
#modalEliminarAlumnoEliminado .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
#modalContrasenaAula p {
   text-align: center;
   color: #8a8080;
}
#modalContrasenaAula .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
/***** LIBROS IMPRESCINDIBLES **********/
.librosImprescindibles h2 { margin-bottom: 50px; }
.btnVolverFlecha {
   font-weight: bold;
   float: right;
   margin-top: -95px;
   padding: 12px 58px 12px 78px;
   text-decoration: none;
   color: #f36d21;
   border: 1px solid #f36d21;
   border-radius: 24px;
   background-color: #fff;
   background-image: url(../img/privado/ico-felcha-volver.png);
   background-repeat: no-repeat;
   background-position: left 26px center;
}
.btnVolverFlecha:hover {
   color: #fff;
   background-color: #f36d21;
   background-image: url(../img/privado/ico-felcha-volver-02.png);
}
.eliminarLibro {
   display: block;
   float: right;
   width: 40px;
   height: 40px;
   margin-top: 5px;
   background-image: url(../img/privado/ico-papelera.png);
   background-repeat: no-repeat;
   background-position: center;
}
.eliminarLibro:hover { background-image: url(../img/privado/ico-papelera-02.png); }
#modalEliminarLibro p {
   text-align: center;
   color: #8a8080;
}
#modalEliminarLibro .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
/******* MI BIBLIOTECA ********/
.barraRefrescar {
   font-size: 18px;
   font-weight: bold;
   display: block;
   margin-bottom: 32px;
   padding: 20px 27px;
   color: #5e5e5e;
   border-radius: 16px;
   background-color: #fef0e0;
}
.barraRefrescar a {
   display: inline-block;
   float: right;
   width: 46px;
   height: 38px;
   margin-top: -7px;
   background-image: url(../img/privado/ico-refrescar.png);
   background-repeat: no-repeat;
   background-position: center;
}
.barraRefrescar a:hover { background-image: url(../img/privado/ico-refrescar-02.png); }
.sliderMiBiblioteca .slick-list { padding-top: 15px; }
.sliderMiBiblioteca .slick-slide {
   position: relative;
   margin-right: 14px;
   padding-bottom: 15px;
}
.contenedorPrivado .contenedorImagen {
   max-width: 220px;
   height: 200px;
}
.sliderMiBiblioteca article {
   position: relative;
   border-radius: 20px;
   background-color: #fff;
   box-shadow: 0 4px 11px 0 rgba(192, 189, 148, .5);
}
/********* DESPLEGABLE LIBROS **************/
.barraAzulConFlecha {
   font-size: 18px;
   font-weight: bold;
   display: block;
   margin-top: 40px;
   margin-bottom: 0;
   padding: 20px 27px;
   text-decoration: none;
   color: #5e5e5e;
   border-radius: 16px;
   background-color: #fff;
}
.barraAzulConFlecha.expanded { background-color: #edf6fc; }
.desplegableLibros .slick-initialized { display: block; }
.desplegableLibros .toggle.expander.collapsed {
   margin-top: 40px;
   padding: 20px 27px;
   cursor: pointer;
   border: 1px solid #edf6fc;
   background-position: right 27px center;
}
.desplegableLibros .toggle.expander.collapsed:hover {
   color: #5e5e5e;
   border: 1px solid #d8e9f7;
   background-color: #fff;
   background-image: url(../img/ico-expandir-03.png);
}
.desplegableLibros .toggle.expander.expanded {
   margin-top: 40px;
   padding: 20px 27px;
   cursor: pointer;
   border: 1px solid #edf6fc;
   background-position: right 27px center;
}
.desplegableLibros .toggle.expander.expanded:hover {
   color: #5e5e5e;
   border: 1px solid #d8e9f7;
   background-color: #fff;
   background-image: url(../img/ico-expandir-04.png);
}
.desplegableLibros .contenedorExpand {
   display: inline-block;
   width: 100%;
   min-height: auto;
   margin-top: 37px;
   padding: 0;
   border: none;
   border-radius: 0;
}
.desplegableLibros .sliderMiBiblioteca .btnPrincipal {
   font-size: 18px;
   font-size: 15px;
   font-weight: bold;
   color: #fff;
}
/********* FIN DESPLEGABLE LIBROS **************/
.btnsanadirLibroVerTodos {
   float: right;
   margin: 10px 0 0 0;
}
.btnsanadirLibroVerTodos li { display: inline-block; }
.btnsanadirLibroVerTodos li::after {
   display: inline-block;
   margin-right: 9px;
   margin-left: 15px;
   content: '|';
   color: #bac5cf;
}
.btnsanadirLibroVerTodos li:last-child:after { display: none; }
.desplegableLibros .enlaceAnadir {
   font-size: 14px;
   font-weight: bold;
   clear: both;
   margin-top: 10px;
   padding-left: 20px;
   text-decoration: underline;
   color: #f36d21;
   background-image: url(../img/privado/ico-mas-naranja.png);
   background-repeat: no-repeat;
   background-position: left top 3px;
}
.desplegableLibros .enlaceVerTodos {
   font-size: 14px;
   font-weight: bold;
   clear: both;
   margin-top: 10px;
   padding-left: 30px;
   text-decoration: underline;
   color: #f36d21;
   background-image: url(../img/privado/ico-enlace-ver-todos.png);
   background-repeat: no-repeat;
   background-position: left top 1px;
}
.enlaceVerTodos:hover { color: #f36d21; }
.anadirNuevoLibro {
   display: flex;
   flex-direction: column;
   width: 200px;
   height: 265px;
   text-align: center;
   border-radius: 20px;
   justify-content: center;
}
.anadirNuevoLibro a {
   font-size: 14px;
   font-weight: bold;
   display: flex;
   flex-direction: column;
   height: 100%;
   padding: 68px 0 3px 0;
   padding-bottom: 3px;
   text-align: center;
   text-decoration: none;
   color: #3e3e3e;
   border: 1px solid #fff;
   border-radius: 20px;
   background-color: #fff;
   background-image: url(../img/privado/ico-mas-anadir-nuevo-libro.png);
   background-repeat: no-repeat;
   background-position: top 72px center;
   box-shadow: 0 4px 11px 0 rgba(192, 189, 148, .5);
   justify-content: center;
}
.anadirNuevoLibro a:hover {
   border: 1px solid #f36d21;
   background-image: url(../img/privado/ico-mas-anadir-nuevo-libro-02.png);
}
/* DEGRADADO SLIDER */
.fondoPrivado .draggable { position: relative; }
.fondoPrivado .slick-arrow + .draggable:before {
   position: absolute;
   z-index: 9;
   top: 0;
   left: 0;
   display: block;
   width: 140px;
   height: 370px;
   content: ' ';
   pointer-events: none;
   background-image: url(../img/privado/degradado-slider-01.png);
   background-repeat: no-repeat;
   background-position: left;
}
.fondoPrivado .slick-arrow.slick-disabled + .draggable:before { display: none; }
.fondoPrivado .slick-arrow + .draggable:after {
   position: absolute;
   z-index: 9;
   top: 0;
   right: 0;
   display: block;
   width: 140px;
   height: 370px;
   content: ' ';
   pointer-events: none;
   background-image: url(../img/privado/degradado-slider-02.png);
   background-repeat: no-repeat;
   background-position: right;
}
.fondoPrivado .slick-disabled { display: none; }
.fondoPrivado .slick-prev {
   z-index: 11;
   left: 40px;
}
.fondoPrivado .slick-next {
   z-index: 11;
   right: 40px;
}
.fondoPrivado .slick-prev::before {
   z-index: 10;
   background: url(../img/privado/slider-flecha-izq-privado.png) no-repeat;
}
.fondoPrivado .slick-next::before {
   z-index: 10;
   background: url(../img/privado/slider-flecha-der-privado.png) no-repeat;
}
.btnAnadirABiblioteca {
   padding: 15px 30px 15px 50px;
   background-image: url(../img/ico-mas-blanco.png), linear-gradient(to top, #f67f3b, #f36121);
   background-repeat: no-repeat;
   background-position: left 20px center, center, center;
}
.btnAnadirABiblioteca:hover { background-image: url(../img/ico-mas-blanco.png), linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), linear-gradient(to top, #f67f3b, #f36121); }
#modalAnadirLibro { color: #8a8080; }
#modalAnadirLibro .btnAnadirABiblioteca {
   position: relative;
   display: table;
   margin: 25px auto 80px auto;
   padding: 13px 30px 13px 50px;
}
#modalAnadirLibro .btnAnadirABiblioteca:before {
   position: absolute;
   top: -34px;
   right: -60px;
   display: block;
   width: 84px;
   height: 150px;
   content: ' ';
   background-image: url(../img/privado/mano-anadir-a-biblioteca.png);
   background-repeat: no-repeat;
}
.imgAnadirBiblioteca {
   display: table;
   margin: 0 auto;
}
#modalAnadirLibro .bulletPrivado { width: 100%; }
#modalAnadirLibro .bulletPrivado a {
   font-weight: 600;
   color: #f36d21;
}
#modalAnadirLibro .bulletPrivado a:hover { color: #42b2fc; }
.verTodo:focus { color: #e25616; }
#modalAnadirLibro .formularioBuscador {
   position: relative;
   display: block;
}
#modalAnadirLibro .buscadorPrincipal {
   font-size: 18px;
   margin-top: 10px;
   padding: 17px 79px 18px 59px;
   background-color: #fff;
   background-size: 39px;
}
#modalAnadirLibro .btnBuscador {
   position: absolute;
   top: 4px;
   right: 10px;
}
.leoAPuntandoModal {
   position: absolute;
   right: -100px;
   bottom: 0;
}
.miBiblioteca { padding-bottom: 100px; }
/*********** MENU CABECERA MENSAJES ********************/
.menuNotificacioneIndicador {
   position: fixed;
   z-index: 999999;
   width: 380px;
   min-width: 380px;
   background-image: url(../img/privado/menu-notificaciones-indicador-arriba.png);
   background-repeat: no-repeat;
   background-position: top 1px right 114px;
}
.contenedorMenuNotificaciones {
   position: fixed;
   z-index: 9999999;
   top: 58px;
   display: block;
   width: 380px;
   margin-left: -238px;
}
.contenedorMenuNotificaciones:before {
   position: fixed;
   z-index: 999999;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   content: ' ';
   background-color: rgba(0, 0, 0, .5);
}
.menuNotificaciones {
   position: relative;
   z-index: 999999;
   border: solid 1px #adbccb;
   border-top: none;
   border-radius: 10px;
   background-color: #fff;
}
.menuNotificaciones li {
   width: 100%;
   color: #3e3e3e;
   background-color: #fff;
}
.menuNotificaciones li .contenidoMensajes {
   display: block;
   width: 100%;
   min-height: 60px;
   padding: 10px 20px;
}
.menuNotificaciones li img { float: left; }
.menuNotificaciones li p {
   font-size: 13px;
   font-weight: 500;
   float: left;
   width: calc(100% - 49px);
   margin-top: -2px;
   margin-bottom: 6px;
   margin-left: 12px;
   color: #3e3e3e;
}
.menuNotificaciones li p span.notificacionesTiempo {
   font-size: 12px;
   font-weight: bold;
   font-style: italic;
   display: block;
   color: #42b2fc;
}
.menuNotificaciones li p .notificacionesSubrayado {
   font-size: 13px;
   font-weight: bold;
   text-decoration: underline;
   color: #3e3e3e;
}
.menuNotificaciones li p .notificacionesSubrayado:hover { color: #f36d21; }
.menuNotificaciones li.cabeceraNotificaciones {
   padding: 20px;
   border-radius: 10px 10px 0 0;
   background-color: #fff;
}
.menuNotificaciones li.cabeceraNotificaciones span {
   font-size: 16px;
   font-weight: bold;
   color: #3e3e3e;
}
.menuNotificaciones li.cabeceraNotificaciones a {
   font-size: 14px;
   font-weight: bold;
   float: right;
   text-decoration: underline;
   color: #f36d21;
}
.menuNotificaciones li.pieNotificaciones {
   margin-top: 5px;
   padding: 20px;
   text-align: center;
   border-top: 1px solid #d5dfe6;
   border-radius: 0 0 10px 10px;
   background-color: #fff;
}
.menuNotificaciones li.pieNotificaciones a {
   font-size: 14px;
   font-weight: bold;
   text-decoration: underline;
   color: #f36d21;
}
.menuNotificaciones li.noLeido { background-color: #e7f5fe; }
.menuNotificaciones li:nth-last-child(2) { margin-bottom: -6px; }
/*********** FIN MENU CABECERA MENSAJES ********************/
/********** NOTIFICACIONES AMIGOS *************************/
.notificacionesAmigo .menuNotificacioneIndicador {
   width: 380px;
   background-image: none;
}
.notificacionesAmigo.contenedorMenuNotificaciones:before { display: none; }
.notificacionesAmigo.contenedorMenuNotificaciones { margin-top: 70px; }
.notificacionesAmigo .menuNotificaciones {
   position: relative;
   border: 2px solid #e5f4ff;
   box-shadow: 1px 0 5px 0 rgba(111, 111, 111, .2);
}
.notificacionesAmigo .menuNotificaciones li {
   margin-right: 0;
   margin-bottom: -6px;
}
.notificacionesAmigo .menuNotificaciones li.cabeceraNotificaciones {
   padding: 10px 20px 16px 20px;
   background-color: #fff;
}
.notificacionesAmigo .menuNotificaciones li.cabeceraNotificaciones span { font-size: 18px; }
.notificacionesAmigo .menuNotificaciones li.cabeceraNotificaciones span img {
   margin-right: 20px;
   margin-left: 7px;
}
.notificacionesSubrayado.nuevaLinea { display: block; }
.menuNotificaciones li.cabeceraNotificaciones a.notificacionesIcoCerrar {
   position: absolute;
   top: 8px;
   right: 8px;
}
/********** FIN NOTIFICACIONES AMIGOS *************************/
/********** NOTIFICACIONES ***********************/
.notificacionesPrivado .menuNotificaciones {
   z-index: 99999;
   border: none;
   border-radius: 0;
   background-color: inherit;
}
.notificacionesPrivado .menuNotificaciones li {
   margin-bottom: 16px;
   background-color: inherit;
}
.notificacionesPrivado .menuNotificaciones li:after {
   display: block;
   float: right;
   width: calc(100% - 75px);
   height: 1px;
   margin: 0 auto;
   content: ' ';
   background-color: #f5f0eb;
}
.notificacionesPrivado .menuNotificaciones li .contenidoMensajes {
   display: inline-block;
   max-width: calc(100% - 40px);
   border-left: 5px solid #42b2fc;
}
.notificacionesPrivado .menuNotificaciones li .contenidoMensajes:hover {
   border-left: 5px solid #fba62d;
   background-image: linear-gradient(to right, #ffefd8, #fff);
}
.notificacionesPrivado .menuNotificaciones li .contenidoMensajes:hover .notificacionesTiempo { color: #fba62d; }
.notificacionesPrivado .eliminarLibro {
   display: inline-block;
   float: none;
   margin-top: 11px;
   vertical-align: top;
}
.notificacionesPunto {
   display: inline-block;
   width: 9px;
   height: 9px;
   margin-left: 10px;
   border-radius: 50%;
   background-color: #3e3e3e;
}
.enlaceNaranjaNormal {
   font-size: 16px;
   font-weight: bold;
   margin: 10px auto;
   padding: 10px 0;
   text-align: center;
   color: #f36d21;
}
.paginaBusqueda .enlaceNaranjaNormal { margin-top: 10px; }
/*************** CUESTIONARIOS ***********************/
/*********** MODALES CUESTIONARIOS **************/
#cuestionariosPendientes p {
   text-align: center;
   color: #8a8080;
}
#cuestionariosPendientes .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
#cuestionarioNuevo p {
   font-weight: 600;
   margin-bottom: 40px;
   text-align: center;
}
#cuestionarioNuevo .enlaceAzul { margin-top: 40px; }
#cuestionarioNuevo .formularioBuscador {
   position: relative;
   display: block;
}
#cuestionarioNuevo .buscadorPrincipal {
   font-size: 18px;
   margin-top: 10px;
   padding: 17px 79px 18px 59px;
   background-color: #fff;
   background-size: 39px;
}
#cuestionarioNuevo .btnBuscador {
   position: absolute;
   top: 4px;
   right: 10px;
}
#salirSinGuardar p {
   text-align: center;
   color: #8a8080;
}
#salirSinGuardar .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
#guardarAsignar p {
   text-align: left;
   color: #8a8080;
}
#guardarAsignar .btnPrincipal { margin-top: 30px; }
#cuestionarioEvaluado p {
   text-align: center;
   color: #8a8080;
}
#cuestionarioEvaluado .btnPrincipal { margin-top: 30px; }
#cuestionarioTerminado p,
#cuestionarioTerminado02 p {
   text-align: center;
   color: #8a8080;
}
#cuestionarioTerminado .btnPrincipal,
#cuestionarioTerminado02 .btnPrincipal { margin-top: 30px; }
/*********** FIN MODALES CUESTIONARIOS **********/
.cuestionariosDisponibles {
   font-size: 13px;
   font-weight: bold;
   display: block;
   float: right;
   max-width: 146px;
   margin-top: -20px;
   padding: 44px 0 6px 0;
   cursor: pointer;
   text-align: center;
   color: #5e5e5e;
   border: solid 2px #edf6fc;
   border-radius: 16px;
   background-image: url(../img/privado/ico-cuestionarios-disponibles.png);
   background-repeat: no-repeat;
   background-position: top 7px center;
}
.cuestionariosDisponibles:hover {
   color: #5e5e5e;
   border-color: #fba62d;
   background-image: url(../img/privado/ico-cuestionarios-disponibles-02.png);
}
.cuestionariosDisponibles.activo,
.cuestionariosDisponibles.activo:hover {
   cursor: default;
   color: #fff;
   border: none;
   background-image: url(../img/privado/ico-cuestionarios-disponibles-03.png), linear-gradient(to top, #fba62d, #f8bb64);
   background-position: top 7px center, center;
}
.menuMisCuestionarios li {
   position: relative;
   display: inline-block;
   margin-right: 32px;
   margin-bottom: 1em;
}
.menuMisCuestionarios li a {
   display: block;
   min-width: 214px;
   text-align: center;
   text-decoration: none;
}
.btnMenuBordeNaranjaPrivado {
   font-size: 18px;
   font-weight: bold;
   padding: 12px 17px 12px 50px;
   color: #fba62d;
   border: solid 1px #fba62d;
   border-radius: 16px;
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: left 10px center;
}
.btnMenuBordeNaranjaPrivado:hover {
   color: #fff;
   background-color: #fec16c;
}
.btnMenuBordeNaranjaPrivado.misCuestionarios { background-image: url(../img/privado/ico-mis-cuestionarios.png); }
.btnMenuBordeNaranjaPrivado.misCuestionarios:hover { background-image: url(../img/privado/ico-mis-cuestionarios-02.png); }
.btnMenuBordeNaranjaPrivado.misCuestionarios.activo {
   color: #fff;
   background-color: #fec16c;
   background-image: url(../img/privado/ico-mis-cuestionarios-02.png), linear-gradient(to top, #fba62d, #f8bb64);
   background-position: left 10px center, center;
}
.btnMenuBordeNaranjaPrivado.sinEvaluar { background-image: url(../img/privado/ico-sin-evaluar.png); }
.btnMenuBordeNaranjaPrivado.sinEvaluar:hover { background-image: url(../img/privado/ico-sin-evaluar-02.png); }
.btnMenuBordeNaranjaPrivado.sinEvaluar.activo {
   color: #fff;
   background-color: #fec16c;
   background-image: url(../img/privado/ico-sin-evaluar-02.png), linear-gradient(to top, #fba62d, #f8bb64);
   background-position: left 10px center, center;
}
.btnMenuBordeNaranjaPrivado.evaluados { background-image: url(../img/privado/ico-evaluados.png); }
.btnMenuBordeNaranjaPrivado.evaluados:hover { background-image: url(../img/privado/ico-evaluados-02.png); }
.btnMenuBordeNaranjaPrivado.evaluados.activo {
   color: #fff;
   background-color: #fec16c;
   background-image: url(../img/privado/ico-evaluados-02.png), linear-gradient(to top, #fba62d, #f8bb64);
   background-position: left 20px center, center;
}
.btnMenuBordeNaranjaPrivado.amigos {
   padding: 12px 17px 12px 30px;
   background-image: url(../img/privado/ico-menu-lateral-mis-amigos-03.png);
   background-position: left 20px center;
}
.btnMenuBordeNaranjaPrivado.amigos:hover { background-image: url(../img/privado/ico-menu-lateral-mis-amigos.png); }
.btnMenuBordeNaranjaPrivado.amigos.activo {
   color: #fff;
   background-color: #fec16c;
   background-image: url(../img/privado/ico-menu-lateral-mis-amigos.png), linear-gradient(to top, #fba62d, #f8bb64);
   background-position: left 20px center, center;
}
.btnMenuBordeNaranjaPrivado.invitaciones {
   padding: 12px 17px 12px 30px;
   background-image: url(../img/privado/ico-anadir-mis-amigos-03.png);
   background-position: left 20px center;
}
.btnMenuBordeNaranjaPrivado.invitaciones:hover { background-image: url(../img/privado/ico-anadir-mis-amigos-02.png); }
.btnMenuBordeNaranjaPrivado.invitaciones.activo {
   color: #fff;
   background-color: #fec16c;
   background-image: url(../img/privado/ico-anadir-mis-amigos-02.png), linear-gradient(to top, #fba62d, #f8bb64);
   background-position: left 20px center, center;
}
.btnMenuBordeNaranjaPrivado.bloqueados {
   padding: 12px 17px 12px 30px;
   background-image: url(../img/privado/ico-amigos-bloqueados.png);
   background-position: left 20px center;
}
.btnMenuBordeNaranjaPrivado.bloqueados:hover { background-image: url(../img/privado/ico-amigos-bloqueados-02.png); }
.btnMenuBordeNaranjaPrivado.bloqueados.activo {
   color: #fff;
   background-color: #fec16c;
   background-image: url(../img/privado/ico-amigos-bloqueados-02.png), linear-gradient(to top, #fba62d, #f8bb64);
   background-position: left 20px center, center;
}
.numeroBtnCuestionario {
   font-size: 16px;
   font-weight: bold;
   position: absolute;
   top: -13px;
   right: -9px;
   width: 30px;
   height: 30px;
   padding: 1px 4px 7px 4px;
   text-align: center;
   color: #fff;
   border: 1px solid #fff;
   border-radius: 50%;
   background-color: #f36d21;
}
.privadoTablaCuestionario h3 {
   font-size: 18px;
   font-weight: bold;
   display: table;
   margin: 20px auto 80px auto;
   padding: 3px 0 3px 40px;
   background-image: url(../img/privado/ico-titular-libros.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.privadoTablaCuestionarioBusqueda h3 { background-image: url(../img/privado/ico-titular-lupa.png); }
.bloqueBuscadorPrivado h3 {
   font-size: 20px;
   font-weight: bold;
   display: table;
   margin: 40px auto 20px auto;
   padding: 3px 0 3px 20px;
   background-image: url(../img/privado/ico-titular-mas-negro.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.bloqueBuscadorPrivado .formularioBuscador {
   position: relative;
   display: block;
   max-width: 475px;
   margin: 0 auto;
}
.bloqueBuscadorPrivado .buscadorPrincipal {
   font-size: 18px;
   margin-top: 10px;
   padding: 17px 79px 18px 59px;
   background-color: #fff;
   background-size: 39px;
}
.bloqueBuscadorPrivado .btnBuscador {
   position: absolute;
   top: 14px;
   right: 10px;
}
.bloqueBuscadorPrivado p {
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 0;
   text-align: center;
}
.bloqueBuscadorPrivado a { color: #f36d21; }
.bloqueBuscadorPrivado hr {
   margin-top: 40px;
   margin-bottom: 20px;
   border-color: #d9e1eb;
}
.tablaPuntosSuspensivos { font-size: 26px; }
/********* CREAR CUESTIONARIOS *************/
.barraFixedContenido {
   position: fixed;
   z-index: 9;
   top: 131px;
   width: calc(100% - 100px);
   max-width: 1080px;
   margin: 0 auto;
   margin-left: -20px;
   background-color: #b9e3ff;
}
.barraFixedContenido h2 {
   margin-bottom: 19px;
   margin-left: 42px;
}
.btnsBarraFixedContenido {
   float: right;
   margin-top: -64px;
   margin-right: -15px;
}
.btnsBarraFixedContenido li {
   display: inline-block;
   margin-right: 45px;
}
.btnBordeAzulConIcono {
   font-size: 13px;
   font-weight: bold;
   display: inline-block;
   min-width: 215px;
   padding: 12px 8px 12px 41px;
   text-align: center;
   text-decoration: none;
   color: #42b2fc;
   border: 1px solid #42b2fc;
   border-radius: 16px;
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: left 29px center;
}
.btnBordeAzulConIconoGuardar { background-image: url(../img/privado/ico-btn-guardar.png); }
.btnBordeAzulConIconoGuardar:hover {
   color: #fff;
   border-color: #42b2fc;
   background-color: #42b2fc;
   background-image: url(../img/privado/ico-btn-guardar-02.png);
}
.enlaceRojo {
   font-size: 13px;
   font-weight: bold;
   color: #ff5a5f;
}
.enlaceRojo:hover { color: #f33748; }
.barraFixedContenido .btnVolverFlecha {
   font-size: 15px;
   margin-top: -64px;
   margin-right: 30px;
}
/************ BLOQUE FORMULARIO CUESTIONARIO PREGUNTAS **************/
.contenidoBarraFixedContenido { margin-top: 110px; }
.contenidoBarraFixedContenido h3 {
   font-size: 24px;
   font-weight: 600;
}
.bloqueNuevoCuestionario {
   display: flex;
   max-width: 780px;
   border-radius: 20px;
   background-color: #fff;
   box-shadow: 1px 0 5px 0 rgba(111, 111, 111, .2);
}
.numeroPregunta {
   font-size: 29px;
   font-weight: bold;
   display: flex;
   min-width: 45px;
   padding: 0 5px;
   color: #fff;
   border-radius: 20px 0 0 20px;
   background-color: #42b2fc;
   align-items: center;
   justify-content: center;
}
.numeroPreguntaCentradoVertical {
   display: flex;
   height: 100%;
   margin: auto;
   vertical-align: middle;
   background: red;
   align-items: center;
   justify-content: center;
}
.contenidoBloqueNuevoCuestionario {
   width: 100%;
   padding: 5px 23px 25px 23px;
}
.contenidoBloqueNuevoCuestionario label {
   font-size: 14px;
   font-weight: 600;
   color: #6c6c6c;
}
.contenidoBloqueNuevoCuestionario .labelCheckboxes {
   float: right;
   margin-right: 16px;
}
.contenidoBloqueNuevoCuestionario input {
   font-weight: 500;
   padding: 15px 20px;
   color: #3e3e3e;
   border: 1px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
}
.contenidoBloqueNuevoCuestionario input:focus {
   border: 1px solid #ffbb0f !important;
   background-color: #fff;
}
.contenidoBloqueNuevoCuestionario textarea {
   font-weight: 500;
   width: 100%;
   margin-bottom: 15px;
   padding: 15px 20px;
   color: #3e3e3e;
   border: 1px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
}
.contenidoBloqueNuevoCuestionario textarea:focus {
   border: 1px solid #ffbb0f !important;
   background-color: #fff;
}
.contenidoBloqueNuevoCuestionario .conCheckbox input { max-width: 473px; }
.contenidoBloqueNuevoCuestionario input[type='text']:disabled {
   border: 1px solid #eff6f9;
   background-color: #fcfeff;
}
.contenidoBloqueNuevoCuestionario input[type='text']:disabled::placeholder {
 font-weight: 600;
 opacity: 1; /* Firefox */
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #3e3e3e;
}
.contenidoBloqueNuevoCuestionario input[type='text']:disabled:-ms-input-placeholder {
 font-weight: 600;
  /* Internet Explorer 10-11 */
  color: #3e3e3e;
}
.contenidoBloqueNuevoCuestionario input[type='text']:disabled::-ms-input-placeholder {
 font-weight: 600;
  /* Microsoft Edge */
  color: #3e3e3e;
}
.contenidoBloqueNuevoCuestionario .conCheckbox .inputConSelect { display: inline-block; }
.contenidoBloqueNuevoCuestionario .conCheckbox .conInput {
   display: inline-block;
   width: calc(100% - 480px);
   margin: 0 auto;
   text-align: center;
}
.contenidoBloqueNuevoCuestionario .conCheckbox .conInput > input[type='radio'] + *::before {
   width: 20px;
   height: 20px;
   margin-right: 0;
   border-color: #3e3e3e;
}
.contenidoBloqueNuevoCuestionario .conCheckbox .labelBlock { display: block; }
.contenidoBloqueNuevoCuestionario .select-css.selectLogin {
   font-size: 17px;
   border: 1px solid #a1c7da;
   background-color: #f3fbff;
}
.unaLinea .select-css.selectLogin {
   width: auto;
   min-width: 220px;
   margin-left: 17px;
}
.contenidoBloqueNuevoCuestionario input {
   display: block;
   width: 100%;
   margin-bottom: 15px;
}
.contenedorBtnAnadirMas {
   max-width: 780px;
   max-width: 820px;
   margin-top: 20px;
}
.btnsBorrarDesplazar { float: right; }
.btnsBorrarDesplazar li {
   display: inline-block;
   margin-left: 20px;
}
.btnsBorrarDesplazar .eliminarLibro { float: none; }
.btnAnadirMas {
   display: block;
   width: 71px;
   height: 70px;
   margin: 0 auto 40px auto;
   background-image: url(../img/privado/ico-mas-anadir-nuevo-libro.png);
   background-repeat: no-repeat;
}
.btnAnadirMas:hover { background-image: url(../img/privado/ico-mas-anadir-nuevo-libro-02.png); }
.btnFlechaArriba {
   display: block;
   width: 40px;
   height: 40px;
   background-image: url(../img/privado/ico-flecha-arriba.png);
   background-repeat: no-repeat;
   background-position: center;
}
.btnFlechaArriba:hover { background-image: url(../img/privado/ico-flecha-arriba-02.png); }
.btnFlechaArriba.desactivado {
   cursor: default;
   background-image: url(../img/privado/ico-flecha-arriba-03.png);
}
.btnFlechaAbajo {
   display: block;
   width: 40px;
   height: 40px;
   background-image: url(../img/privado/ico-flecha-abajo.png);
   background-repeat: no-repeat;
   background-position: center;
}
.btnFlechaAbajo:hover { background-image: url(../img/privado/ico-flecha-abajo-02.png); }
.btnFlechaAbajo.desactivado {
   cursor: default;
   background-image: url(../img/privado/ico-flecha-abajo-03.png);
}
.bloquePreguntas {
   display: flex;
   max-width: 780px;
   margin-bottom: 30px;
   border: 1px solid #b9e3ff;
   border-radius: 20px;
   background-color: #fff;
}
.bloquePreguntas:hover {
   cursor: pointer;
   border: 1px solid #42b2fc;
}
.bloquePreguntas.activo { border: 1px solid #42b2fc; }
.bloquePreguntas.bloquePreguntasNaranja { border: 1px solid #ffd394; }
.bloquePreguntas.bloquePreguntasNaranja .numeroPregunta {
   color: #3e3e3e;
   background-color: #fef0e0;
}
.bloquePreguntas .numeroPregunta {
   color: #3e3e3e;
   background-color: #eaf7ff;
}
.contenidoBloquePreguntas {
   width: 100%;
   padding: 15px 23px 10px 23px;
}
.bloquePreguntas h3 {
   font-size: 18px;
   font-weight: 600;
   margin-top: 0;
   margin-bottom: 0;
}
.bloquePreguntas textarea {
   font-size: 17px;
   font-weight: 600;
   width: calc(100% - 90px);
   min-height: 75px;
   margin-top: 20px;
   margin-bottom: 14px;
   padding: 12px 20px;
   color: #3e3e3e;
   border: 1px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
}
.bloquePreguntas textarea:focus {
   border: 1px solid #ffbb0f !important;
   background-color: #fff;
}
.bloquePreguntas .contenidoBloquePreguntas ol.listaOrdenadaSinLetras {
   padding-left: 0;
   list-style: none;
}
.bloquePreguntas .contenidoBloquePreguntas ol.listaOrdenadaSinLetras label > input[type='radio'] + ::before { margin-right: 12px; }
.bloquePreguntas p { font-style: italic; }
.bloquePreguntas .bloquePreguntas ol { padding-left: 20px; }
.bloquePreguntas ol li {
   font-style: italic;
   margin-bottom: 6px;
}
.bloquePreguntas ol li.preguntaCorrecta {
   font-weight: bold;
   font-style: normal;
   color: #7ac43d;
}
.bloquePreguntas ol li.preguntaIncorrecta {
   font-weight: bold;
   font-style: normal;
   color: #ff5a5f;
}
.bloquePreguntas ol li.preguntaValida {
   font-weight: bold;
   font-style: normal;
}
.bloquePreguntas ol li.preguntaValida:after {
   display: block;
   margin-left: -19px;
   content: ' ';
   border-bottom: 3px solid #7ac43d;
}
.bloquePreguntas .icoTablaEditar { float: right; }
.bloquePreguntas:hover .icoTablaEditar { background-image: url(../img/privado/ico-tabla-editar-02.png); }
.privadoTablaCuestionarioSinEvaluar h3 {
   font-size: 18px;
   font-weight: bold;
   display: table;
   margin: 20px auto 80px auto;
   padding: 3px 0 3px 40px;
   background-image: url(../img/privado/ico-titular-sin-evaluar.png);
   background-repeat: no-repeat;
   background-position: left center;
}
/******************* EVALUACION DE UN CUESTIONARIO *******************/
.tablaPrivado.tablaUnaFila tr td { background-color: #f5f8fa; }
.puntosObtenidos {
   margin-bottom: 40px;
   text-align: center;
}
.puntosObtenidos h3 {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 10px;
}
.puntosObtenidos p {
   font-size: 26px;
   font-weight: bold;
   line-height: 105px;
   width: 113px;
   height: 113px;
   margin: 10px auto 5px auto;
   text-align: center;
   color: #fff;
   border-radius: 50%;
   background-color: #fba62d;
}
.puntosObtenidos p.puntuacion {
   font-size: 59px;
   line-height: 90px;
}
.puntosObtenidos p.puntuacion span {
   font-size: 14px;
   font-weight: bold;
   font-style: normal;
   display: block;
   margin-top: -58px;
}
.puntosObtenidos span {
   font-size: 13px;
   font-weight: 600;
   font-style: italic;
}
.puntosObtenidos .btnPrincipal.btnEntrarLogin.btnEnviarEvaluacion { margin-top: 20px; }
.aciertoFallo {
   margin-top: -7px;
   margin-bottom: 0;
}
.aciertoFallo li {
   font-size: 36px;
   font-weight: bold;
   display: inline-block;
   margin-right: 13px;
   margin-left: 13px;
   padding-left: 30px;
   background-repeat: no-repeat;
   background-position: left top 17px;
}
.aciertoFallo li.acierto { background-image: url(../img/privado/ico-ok-verde.png); }
.aciertoFallo li.fallo { background-image: url(../img/privado/ico-aspa.png); }
.aciertoFallo li span {
   font-size: 14px;
   font-weight: bold;
   font-style: normal;
   display: block;
   margin-top: -10px;
   margin-left: -23px;
}
.bloqueTextoFondoAzul {
   font-size: 18px;
   font-weight: bold;
   margin-top: 7px;
   padding: 20px;
   text-align: center;
   border-radius: 20px;
   background-color: #f0f9ff;
}
.puntosObtenidos.puntosObtenidosLeoApuntando {
   position: relative;
   display: table;
   clear: both;
   margin: 0 auto;
}
.puntosObtenidos.puntosObtenidosLeoApuntando:before {
   position: absolute;
   top: 90px;
   left: -175px;
   display: block;
   width: 178px;
   height: 153px;
   content: ' ';
   background-image: url(../img/privado/leo-apuntando-dedo-02.png);
   background-repeat: no-repeat;
}
h3.titularEvaluacion {
   font-size: 18px;
   font-weight: bold;
   margin: 20px auto 26px auto;
   padding: 3px 0 3px 40px;
   background-image: url(../img/privado/ico-titular-sin-evaluar.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.bloqueEvaluar {
   display: flex;
   margin-bottom: 30px;
   border: 1px solid #ffd394;
   border-radius: 20px;
   background-color: #fff;
}
.bloqueEvaluar .numeroPregunta {
   color: #3e3e3e;
   background-color: #fef0e0;
}
.contenidoBloqueEvaluar {
   width: 100%;
   padding: 15px 23px 15px 23px;
}
.bloqueEvaluar ul {
   margin-top: 0;
   margin-bottom: 0;
}
.bloqueEvaluar ul li {
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 12px;
   color: #b0bac7;
}
.bloqueEvaluar ul li p {
   display: inline-block;
   min-width: 6em;
   margin: 0;
}
.bloqueEvaluar ul li span {
   font-size: 18px;
   font-weight: 500;
   font-style: italic;
   color: #3e3e3e;
}
.bloqueEvaluar ul li span strong {
   font-weight: 600;
   font-style: normal;
}
.bloqueEvaluar ul li ul {
   display: inline-block;
   margin-top: 0;
}
.bloqueEvaluar ul li ul li {
   display: inline-block;
   margin-right: 4px;
}
.bloqueEvaluar ul li ul li a {
   font-size: 18px;
   font-weight: bold;
   display: block;
   min-width: 152px;
   padding: 8px 10px;
   text-align: center;
   text-decoration: none;
   color: #fba62d;
   border: 2px solid #fba62d;
   border-radius: 10px;
}
.bloqueEvaluar ul li ul li a:hover {
   color: #fff;
   background-color: #fba62d;
}
.bloqueEvaluar ul li ul li a.activo {
   color: #fff;
   background-color: #fba62d;
}
.bloqueEvaluar ul li ul li a.activoConIcono {
   color: #fff;
   background-color: #fba62d;
}
.bloqueEvaluar ul li ul li a.activoConIcono:before {
   display: inline-block;
   width: 18px;
   height: 13px;
   margin-right: 9px;
   content: ' ';
   background-image: url(../img/privado/ico-ok.png);
   background-repeat: no-repeat;
   background-position: center;
}
.bloqueEvaluar .enlaceNaranjaNormal {
   font-size: 14px;
   float: right;
   margin-top: -29px;
   margin-bottom: 0;
}
.bloqueEvaluar textarea {
   font-size: 17px;
   font-weight: 600;
   width: 100%;
   min-height: 75px;
   margin-bottom: 14px;
   padding: 12px 20px;
   color: #3e3e3e;
   border: 1px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
}
.bloqueEvaluar textarea:focus {
   border: 1px solid #ffbb0f !important;
   background-color: #fff;
}
.bloqueEvaluar textarea::placeholder {
 font-weight: 500;
 font-style: italic;
 opacity: 1;
 color: #3e3e3e;
}
.bloqueEvaluar textarea:-ms-input-placeholder {
 font-weight: 500;
 font-style: italic;
 color: #3e3e3e;
}
.bloqueEvaluar textarea::-ms-input-placeholder {
 font-weight: 500;
 font-style: italic;
 color: #3e3e3e;
}
.bloqueEvaluar .enlaceAzul {
   font-size: 14px;
   font-weight: bold;
   display: block;
   float: right;
}
.bloqueEvaluar .btnBordeAzul { margin-top: 0; }
.btnPrincipal.btnEntrarLogin.btnEnviarEvaluacion { margin: 30px auto; }
.bloquePreguntas.anchoCompleto { max-width: 100%; }
.bloquePreguntas.anchoCompleto h3 span {
   font-size: 14px;
   font-weight: 600;
   display: inline-block;
   min-width: 6em;
   color: #b0bac7;
}
.titularRespuesta {
   font-size: 14px;
   font-weight: 600;
   display: inline-block;
   min-width: 6em;
   margin-top: 17px;
   vertical-align: top;
   color: #b0bac7;
}
.respuestaUnica {
   display: inline-block;
   width: calc(100% - 6em);
   margin-bottom: 0;
}
.bloquePreguntas.anchoCompleto ol {
   display: inline-block;
   padding-left: 20px;
}
.icoDerecha { float: right; }
.mejorable {
   font-size: 16px;
   font-weight: bold;
   position: absolute;
   right: 23px;
   padding: 5px 21px;
   color: #fff;
   border-radius: 10px;
   background-color: #fba62d;
}
.privadoTablaCuestionarioBusqueda h3.icoLibro { background-image: url(../img/privado/ico-titular-libros.png); }
.privadoTablaCuestionarioBusqueda h3.flecha {
   padding: 3px 0 3px 40px;
   background-image: url(../img/privado/ico-felcha-volver.png);
}
.privadoTablaCuestionarioBusqueda h3.flecha a { color: #f36d21; }
/*************** CUESTIONARIOS ALUMNO ********************/
.privadoTablaCuestionarioSinEvaluar.titularAlumno h3 { margin-bottom: 40px; }
.menuOrden {
   display: table;
   margin: 0 auto 50px auto;
}
.menuOrden li { display: inline-block; }
.menuOrden li a {
   font-size: 18px;
   font-weight: bold;
   display: inline-block;
   margin-right: 23px;
   margin-left: 23px;
   text-decoration: none;
   color: #adbccb;
}
.menuOrden li a.activo { color: #f36d21; }
.menuOrden li a.activo:after {
   display: block;
   width: 100%;
   content: ' ';
   border-bottom: 2px solid #f36d21;
}
.comentariosDestacados .menuOrden {
   display: none;
   float: right;
   margin-top: -29px;
   margin-right: 50px;
   margin-bottom: 0;
}
.comentariosDestacados .menuOrden li a {
   font-size: 16px;
   margin-right: 0;
   margin-left: 25px;
}
.cuestionariosHechos {
   display: table;
   margin: 30px auto;
}
.cuestionariosHechos li {
   font-size: 18px;
   font-weight: bold;
   display: table;
   margin-bottom: 30px;
}
.cuestionariosHechos li a {
   display: inline-block;
   float: left;
   text-decoration: none;
   color: #3e3e3e;
}
.cuestionariosHechos li a:hover p { text-decoration: underline; }
.cuestionariosHechos li a:hover p span { text-decoration: none !important; }
.contenedorImgCuestionariosHechos {
   float: left;
   clear: both;
   min-width: 70px;
   text-align: center;
}
.cuestionariosHechos li div {
   float: left;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 25px;
}
.cuestionariosHechos li div span {
   font-size: 30px;
   display: block;
   padding-left: 45px;
   color: #fba62d;
   background-image: url(../img/privado/ico-ok-gris.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.cuestionariosHechos li p {
   margin-top: 0;
   margin-bottom: 0;
}
ul.cuestionariosHechos li a div span.numeroDePuntos {
   font-size: 30px;
   display: inline-block;
   color: #adbccb;
   background-image: url(../img/privado/ico-pendiente-03.png);
}
ul.cuestionariosHechos li a div span.numeroDePuntos02 {
   font-size: 18px;
   display: inline;
   padding-left: 0;
   color: #adbccb;
   background-image: none;
}
.btnVolverFlecha.btnVolverFlechaAzul {
   padding: 12px 28px 12px 68px;
   color: #42b2fc;
   border-color: #42b2fc;
   background-image: url(../img/privado/ico-felcha-volver-azul.png);
}
.btnVolverFlecha.btnVolverFlechaAzul:hover {
   color: #fff;
   background-color: #42b2fc;
   background-image: url(../img/privado/ico-felcha-volver-02.png);
}
/**************** MIS HIJOS *****************/
/************** TOGGLE SWITCH ******************/
.controlDeslizante {
   display: inline-block;
   min-height: 30px;
   margin-top: -20px;
   margin-left: 10px;
   padding-top: 9px;
}
.toggle-control {
   font-size: 22px;
   position: relative;
   display: block;
   margin-bottom: 12px;
   padding-left: 100px;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.toggle-control input {
   position: absolute;
   width: 0;
   height: 0;
   cursor: pointer;
   opacity: 0;
}
.toggle-control input:checked ~ .control { background-color: #53d769; }
.toggle-control input:checked:hover ~ .control { background-color: #68ed7f; }
.toggle-control input:checked ~ .control:after {
   left: 20px;
   box-shadow: 0 0 7.5px .5px rgba(0, 0, 0, .11), 0 6px 7.2px .8px rgba(0, 0, 0, .15);
}
.toggle-control .control {
   position: absolute;
   top: 1;
   left: 0;
   width: 50px;
   height: 30px;
   transition: background-color .15s ease-in;
   border-radius: 25px;
   background-color: #ff5a5f;
}
.toggle-control .control:hover { background-color: #fe777b; }
.toggle-control .control:after {
   position: absolute;
   top: 1px;
   left: 2px;
   width: 28px;
   height: 28px;
   content: '';
   transition: left .15s ease-in;
   border-radius: 25px;
   background: white;
   box-shadow: 0 0 7.5px .5px rgba(0, 0, 0, .11), 0 6px 7.2px .8px rgba(0, 0, 0, .15);
}
.controlDeslizanteAvatar .toggle-control .control { background-color: #42b2fc; }
.controlDeslizanteAvatar .toggle-control input:checked ~ .control { background-color: #42b2fc; }
.controlDeslizanteAvatar .toggle-control { padding-left: 60px; }
.controlDeslizanteAvatar {
   margin-top: 30px;
   text-align: center;
}
/************** FIN TOGGLE SWITCH ******************/
.nuevosHijosPermitidos p {
   font-size: 18px;
   font-weight: bold;
   display: inline-block;
}
.interrogante {
   position: relative;
   z-index: 2;
   display: inline-block;
   width: 16px;
   height: 16px;
   margin-left: -40px;
   content: ' ';
   vertical-align: middle;
   background: url(../img/privado/ico-interrogante.png);
   background-repeat: repeat;
   background-repeat: no-repeat;
}
.interrogante:hover { background: url(../img/privado/ico-interrogante-02.png); }
.tablaPrivado a.enlaceColorVerde { color: #7ac43d; }
.titularConPerfil {
   display: inline-block;
   margin-right: 20px;
}
.fotoPerfil {
   display: inline-block;
   vertical-align: text-bottom;
}
.desplegableLibros .toggle.expander.expanded.noMargenArriba,
.desplegableLibros .toggle.expander.collapsed.noMargenArriba { margin-top: 0; }
.anadirAMisAmigos {
   font-weight: bold;
   float: right;
   margin-top: 22px;
   padding: 12px 28px 12px 68px;
   text-decoration: none;
   color: #42b2fc;
   border: 1px solid #42b2fc;
   border-radius: 24px;
   background-color: #fff;
   background-image: url(../img/privado/ico-anadir-mis-amigos.png);
   background-repeat: no-repeat;
   background-position: left 26px center;
}
.anadirAMisAmigos:hover {
   padding: 12px 28px 12px 68px;
   color: #fff;
   border-color: #42b2fc;
   background-color: #42b2fc;
   background-image: url(../img/privado/ico-anadir-mis-amigos-02.png);
}
.perfilAsistido .asidePrivado { background-image: linear-gradient(to top, #fba62d, #ed971e); }
.perfilAsistido .fondoPrivadoNubes { /* border-right: 3px solid #fba62d;    margin-top: -74px;*/ }
.perfilAsistido main { border-right: 3px solid #fba62d; }
.salirPerfilAsistido {
   font-size: 18px;
   font-weight: 600;
   position: fixed;
   right: 0;
   bottom: 10px;
   min-width: 300px;
   padding: 12px 15px 14px 12px;
   text-align: center;
   color: #3e3e3e;
   border: solid 3px #fba62d;
   border-radius: 8px 0 0 8px;
   background-color: #fff;
   box-shadow: 0 5px 6px 0 rgba(61, 67, 72, .7);
}
.salirPerfilAsistido p { margin: 0; }
.btnSalirPerfilAsistido {
   font-weight: bold;
   display: inline-block;
   margin-top: 5px;
   padding: 8px 10px 8px 46px;
   text-decoration: none;
   color: #fff;
   border-radius: 10px;
   background-color: #fba62d;
   background-image: url(../img/privado/ico-btn-salir.png);
   background-repeat: no-repeat;
   background-position: left 10px center;
}
.btnSalirPerfilAsistido:hover {
   color: #fff;
   background-color: #fec16c;
}
/**************** MODALES MIS HIJOS **********/
#modalPerfilAsistido p {
   text-align: center;
   color: #8a8080;
}
#modalPerfilAsistido .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
#modalDatosModificadosOK p,
#modalDatosModificadosOK02 p {
   text-align: center;
   color: #8a8080;
}
#modalDatosModificadosOK .btnPrincipal,
#modalDatosModificadosOK02 .btnPrincipal { margin-top: 30px; }
#modalEnviarMensajeTutor p {
   text-align: center;
   color: #8a8080;
}
#modalEnviarMensajeTutor .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
.modalPrivado .btnPrincipal.btnAnadirMisAmigos {
   padding: 13px 30px 13px 70px;
   background-image: url(../img/privado/ico-anadir-mis-amigos-02.png), linear-gradient(to top, #f67f3b, #f36121);
   background-repeat: no-repeat;
   background-position: left 22px center, center;
}
.modalPrivado .btnPrincipal.btnAnadirMisAmigos:hover {
   background-image: url(../img/privado/ico-anadir-mis-amigos-02.png), linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), linear-gradient(to top, #f67f3b, #f36121);
   background-position: left 22px center, center, center;
}
#modalAmigoInvitado p {
   text-align: center;
   color: #8a8080;
}
#modalAmigoInvitado .btnPrincipal { margin-top: 30px; }
#modalPerfilHijoEliminado p {
   text-align: center;
   color: #8a8080;
}
#modalPerfilHijoEliminado .btnPrincipal {
   margin-top: 35px;
   margin-bottom: 15px;
}
#modalHijoCreadoOk p {
   text-align: center;
   color: #8a8080;
}
#modalHijoCreadoOk .btnPrincipal { margin-top: 30px; }
ul.datosHijos {
   display: table;
   margin: 0 auto;
}
.titularDatosHijos {
   font-size: 14px;
   font-weight: 600;
   display: inline-block;
   min-width: 8.5em;
   color: #6c6c6c;
}
.textoDatosHijos {
   font-size: 16px;
   font-weight: bold;
   color: #3e3e3e;
}
#modalEliminarPerfil p {
   text-align: center;
   color: #8a8080;
}
#modalEliminarPerfil .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
#modalUsuarioBloqueado p {
   text-align: center;
   color: #8a8080;
}
#modalUsuarioBloqueado .btnPrincipal { margin-top: 30px; }
#modalEliminarAmigo p {
   text-align: center;
   color: #8a8080;
}
#modalEliminarAmigo .btnPrincipal {
   margin-top: 30px;
   margin-bottom: 30px;
}
#modalEliminarAmigoOk p {
   text-align: center;
   color: #8a8080;
}
#modalEliminarAmigoOk .btnPrincipal {
   margin-top: 35px;
   margin-bottom: 15px;
}
.btnMasCirculoGrande {
   font-size: 14px;
   font-weight: bold;
   line-height: 187px;
   display: block;
   float: right;
   width: 76px;
   height: 80px;
   margin-top: -64px;
   text-align: center;
   text-decoration: underline;
   color: #42b2fc;
   background-image: url(../img/privado/ico-mas-invitar.png);
   background-repeat: no-repeat;
   background-position: center;
}
.btnMasCirculoGrande:hover {
   color: #fba62d;
   background-image: url(../img/privado/ico-mas-invitar-02.png);
}
.btnMasCirculoGrande.activo {
   cursor: default;
   text-decoration: none;
   color: #fba62d;
   background-image: url(../img/privado/ico-mas-invitar-03.png);
}
.yaSoisAmigos {
   font-size: 15px;
   font-weight: bold;
   float: right;
   margin-top: 39px;
   padding-left: 45px;
   color: #42b2fc;
   background-image: url(../img/privado/ico-anadir-mis-amigos-ok.png);
   background-repeat: no-repeat;
   background-position: left top;
}
.margenTablaArriba { margin-top: 50px; }
.menuInvitaciones {
   display: table;
   margin: 30px auto 30px auto;
}
.menuInvitaciones li {
   display: inline-block;
   margin-right: 20px;
   margin-left: 20px;
}
.menuInvitaciones li a {
   font-size: 18px;
   font-weight: bold;
   text-decoration: none;
   color: #adbccb;
}
.menuInvitaciones li a.activo {
   cursor: default;
   color: #fba62d;
}
.menuInvitaciones li a.activo:after {
   display: block;
   width: 100%;
   content: ' ';
   border-bottom: 2px solid #fba62d;
}
.parrafoInvitarAmigo {
   font-weight: bold;
   margin-top: 70px;
   text-align: center;
}
.parrafoInvitarAmigo a { color: #42b2fc; }
.parrafoInvitarAmigo a:hover { color: #f36d21; }
/********** TABLA RESPONSIVE *****************/
div.dataTables_wrapper {
   width: 800px;
   margin: 0 auto;
}
/* BUZON DE MENSAJES */
.buzonDeMensajes { margin-bottom: 55px; }
.tabset > label > span {
   position: relative;
   margin-left: 50px;
}
.tabset > label > span:before {
   position: absolute;
   left: -50px;
   width: 41px;
   height: 34px;
   content: '';
   background-repeat: no-repeat;
   background-position: left;
}
.tabset > label.buzonNuevo > span:before {
   top: -3px;
   background-image: url(../img/privado/ico-pestana-buzon-nuevo.png);
}
.tabset > label.buzonRecibidos > span:before {
   top: -6px;
   background-image: url(../img/privado/ico-pestana-buzon-recibidos.png);
}
.tabset > label.buzonEnviados > span:before {
   top: -8px;
   background-image: url(../img/privado/ico-pestana-buzon-enviados.png);
}
.numeroDeMensajes {
   margin-left: 5px;
   padding: 1px 7px;
   text-align: center;
   color: #fff;
   border-radius: 10px;
   background-color: #f36d21;
}
.numeroDeMensajesAzul {
   margin-left: 5px;
   padding: 1px 7px;
   text-align: center;
   color: #fff;
   border-radius: 10px;
   background-color: #6d8192;
}
.titularMenuEnviar {
   font-size: 18px;
   font-weight: bold;
}
.menuEnviar { display: inline-block; }
.menuEnviar li {
   display: inline-block;
   margin-left: 50px;
}
.menuEnviar li a {
   font-size: 18px;
   font-weight: bold;
   display: block;
   min-width: 240px;
   padding: 12px 5px;
   text-align: center;
   text-decoration: none;
   color: #7d94a8;
   border: 1px solid #ecf6ff;
   border-radius: 10px;
   background-color: #ecf6ff;
}
.menuEnviar li a.activo {
   cursor: default;
   color: #fba62d;
   border: 1px solid #fba62d;
   background-color: #fff;
}
.btnElegirAQuien {
   font-size: 14px;
   font-weight: 600;
   display: inline-block;
   min-width: 482px;
   padding: 14px 25px;
   text-align: center;
   text-decoration: none;
   color: #42b2fc;
   border: 2px solid #42b2fc;
   border-radius: 5px;
   background-color: #fff;
}
.error .btnElegirAQuien,
.error .btnElegirAQuien:hover,
.error .icoRecomendarLibro,
.error .icoRecomendarLibro:hover,
.error .icoCompartirTrabajo,
.error .icoCompartirTrabajo:hover {
   color: #ff0008;
   border-width: 2px;
   border-color: #ff0008;
   background-color: #fff;
}
.inputsGenerales .error input,
.inputsGenerales .error textarea {
   border-width: 2px;
   border-color: #ff0008;
}
.btnElegirAQuien:hover {
   color: #fba62d;
   border: 2px solid #fba62d;
}
.btnElegirAQuien:hover + .icoDestinatario { background-image: url(../img/privado/ico-destinatario-02.png); }
.error .btnElegirAQuien:hover + .icoDestinatario { background-image: url(../img/privado/ico-destinatario-03.png); }
.btnElegirAQuien:hover + .icoRecomendarLibro { background-image: url(../img/privado/ico-mensaje-recomendar-libro-02.png); }
.error .btnElegirAQuien:hover + .icoRecomendarLibro { background-image: url(../img/privado/ico-mensaje-recomendar-libro-03.png); }
.btnElegirAQuien:hover + .icoCompartirTrabajo {
   display: block;
   content: ' ';
   background-image: url(../img/privado/ico-trabajo-02.png);
}
.error .btnElegirAQuien:hover + .icoCompartirTrabajo { background-image: url(../img/privado/ico-trabajo-03.png); }
.btnElegirAQuien:hover + .icoCompartirDiario {
   display: block;
   content: ' ';
   background-image: url("../img/privado/diario-de-lectura/icono-diario-elegir-entrada-02.png");
}
.error .btnElegirAQuien:hover + .icoCompartirTrabajo { background-image: url(../img/privado/ico-trabajo-03.png); }
.btnElegirAQuien.seleccionado {
   font-size: 17px;
   font-weight: bold;
   padding: 12px 25px;
   text-align: left;
}
.inputsGenerales label {
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 3px;
   color: #6c6c6c;
}
.inputsGenerales input {
   font-weight: 500;
   display: block;
   width: 100%;
   padding: 15px 25px;
   color: #3e3e3e;
   border: 1px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
}
.inputsGenerales input:focus {
   border: 1px solid #ffbb0f !important;
   background-color: #fff;
}
.inputsGenerales textarea {
   font-weight: 500;
   width: 100%;
   margin-bottom: 15px;
   padding: 15px 20px;
   color: #3e3e3e;
   border: 1px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
}
.inputsGenerales textarea:focus {
   border: 1px solid #ffbb0f !important;
   background-color: #fff;
}
.formularioBuzonDeMensajes { max-width: 800px; }
.formularioBuzonDeMensajes li { margin-bottom: 30px; }
.formularioBuzonDeMensajes label { display: block; }
.formularioBuzonDeMensajes .btnPrincipal {
   font-size: 15px;
   float: right;
   padding: 13px 40px;
}
.icoDestinatario {
   display: block;
   float: left;
   width: 36px;
   height: 40px;
   margin-top: 4px;
   margin-right: 30px;
   margin-left: 50px;
   content: ' ';
   background-image: url(../img/privado/ico-destinatario.png);
   background-repeat: no-repeat;
}
.error .icoDestinatario { background-image: url(../img/privado/ico-destinatario-03.png); }
.icoRecomendarLibro {
   display: block;
   float: left;
   width: 36px;
   height: 40px;
   margin-top: 4px;
   margin-right: 30px;
   margin-left: 50px;
   content: ' ';
   background-image: url(../img/privado/ico-mensaje-recomendar-libro.png);
   background-repeat: no-repeat;
}
.error .icoRecomendarLibro { background-image: url(../img/privado/ico-mensaje-recomendar-libro-03.png); }
.icoCompartirTrabajo {
   display: block;
   float: left;
   width: 36px;
   height: 40px;
   margin-top: 4px;
   margin-right: 30px;
   margin-left: 50px;
   content: ' ';
   background-image: url(../img/privado/ico-trabajo.png);
   background-repeat: no-repeat;
}
.icoCompartirDiario {
   display: block;
   float: left;
   width: 36px;
   height: 40px;
   margin-top: 10px;
   margin-right: 30px;
   margin-left: 50px;
   content: ' ';
   background-image: url("../img/privado/diario-de-lectura/icono-diario-elegir-entrada-01.png");
   background-repeat: no-repeat;
}
.error .icoCompartirTrabajo { background-image: url(../img/privado/ico-trabajo-03.png); }
.icoAsunto {
   display: block;
   float: left;
   width: 36px;
   height: 40px;
   margin-top: 27px;
   margin-right: 30px;
   margin-left: 50px;
   content: ' ';
   background-image: url(../img/privado/ico-asunto.png);
   background-repeat: no-repeat;
}
.error .icoAsunto { background-image: url(../img/privado/ico-asunto-04.png); }
.verMensaje .icoAsunto { margin-top: 7px; }
.icoAsunto.focus { background-image: url(../img/privado/ico-asunto-02.png); }
.icoAsunto.rellenado { background-image: url(../img/privado/ico-asunto-03.png); }
.icoMensaje {
   display: block;
   float: left;
   width: 36px;
   height: 40px;
   margin-top: 27px;
   margin-right: 30px;
   margin-left: 50px;
   content: ' ';
   background-image: url(../img/privado/ico-mensaje.png);
   background-repeat: no-repeat;
}
.error .icoMensaje { background-image: url(../img/privado/ico-mensaje-04.png); }
.verMensaje .icoMensaje { margin-top: 7px; }
.icoMensaje.focus { background-image: url(../img/privado/ico-mensaje-02.png); }
.icoMensaje.rellenado { background-image: url(../img/privado/ico-mensaje-03.png); }
.icoAClase {
   display: block;
   float: left;
   width: 50px;
   height: 40px;
   margin-top: 7px;
   margin-right: 26px;
   margin-left: 40px;
   content: ' ';
   background-image: url(../img/privado/ico-destinatario-clase.png);
   background-repeat: no-repeat;
}
.icoAAlumno {
   float: left;
   margin-top: 7px;
   margin-right: 26px;
   margin-left: 50px;
   border-radius: 50%;
}
.icoLibroInput.contenedorImagenElegirLibro {
   display: block;
   float: left;
   width: 50px;
   height: 40px;
   margin-top: 7px;
   margin-right: 16px;
   margin-left: 50px;
}
.inputsGenerales input.paraClase {
   max-width: 482px;
   border-color: #f1f6f9;
   background-color: #fbfeff;
}
.inputsGenerales input.paraClase::placeholder {
 font-size: 17px;
 font-weight: bold;
 opacity: 1;
 color: #3e3e3e;
}
.inputsGenerales input.paraClase:-ms-input-placeholder {
 font-size: 17px;
 font-weight: bold;
 opacity: 1;
 color: #3e3e3e;
}
.inputsGenerales input.paraClase::-ms-input-placeholder {
 font-size: 17px;
 font-weight: bold;
 opacity: 1;
 color: #3e3e3e;
}
.inputsGenerales.verMensaje input::placeholder {
 font-size: 17px;
 font-weight: 600;
 opacity: 1;
 color: #3e3e3e;
}
.inputsGenerales.verMensaje input:-ms-input-placeholder {
 font-size: 17px;
 font-weight: 600;
 opacity: 1;
 color: #3e3e3e;
}
.inputsGenerales.verMensaje input::-ms-input-placeholder {
 font-size: 17px;
 font-weight: 600;
 opacity: 1;
 color: #3e3e3e;
}
.contenedorParaIcono {
   display: inline-block;
   width: calc(100% - 120px);
}
/*************** MODALES BUZON DE MENSAJES ***************/
.modalesBuzon p {
   font-weight: 600;
   margin-bottom: 30px;
   text-align: left;
}
#modalElegirAquien .btnPrincipal { margin-top: 25px; }
#modalElegirAquien .enlaceAzul { margin-top: 25px; }
.modalesBuzon .formularioBuscador {
   position: relative;
   display: block;
   max-width: 510px;
}
.modalesBuzon .buscadorPrincipal {
   font-size: 18px;
   margin-top: 10px;
   padding: 17px 79px 18px 59px;
   background-color: #fff;
   background-size: 39px;
}
.modalesBuzon .btnBuscador {
   position: absolute;
   top: 4px;
   right: 10px;
}
.modalesBuzon .toggle.expander.expanded {
   font-weight: bold;
   margin-top: -4px;
   padding: 10px 0;
   color: #5e5e5e;
}
.modalesBuzon .toggle.expander {
   font-size: 18px;
   font-weight: bold;
   color: #5e5e5e;
}
.modalesBuzon .scrollVertical {
   height: auto;
   max-height: 345px;
}
#modalElegirAquien .scrollVertical { margin-top: 30px; }
.titularMisClases {
   margin-top: 0;
   padding-left: 40px;
   background-image: url(../img/privado/ico-titular-mis-clases.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.titularMisAmigos {
   margin-top: 5px;
   padding-left: 35px;
   background-image: url(../img/privado/ico-titular-mis-amigos.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.titularMiFamilia {
   margin-top: 5px;
   padding-left: 40px;
   background-image: url(../img/privado/ico-titular-mi-familia.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.titularMisHijos {
   margin-top: 5px;
   padding-left: 40px;
   background-image: url(../img/privado/ico-titular-mis-hijos.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.titularMisTrabajos {
   margin-top: 5px;
   padding-left: 40px;
   background-image: url(../img/privado/ico-titular-mis-trabajos.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.radioButtonsGenerales.eligeDestinatario {
   margin-top: 0;
   margin-bottom: 10px;
}
.expander.expandConInput { min-height: 2em; }
.radioButtonsGenerales.eligeDestinatario label.titularRadioButton { margin-top: -2em; }
.eligeDestinatario .titularRadioButton span {
   font-size: 18px;
   font-weight: 600;
   color: #5e5e5e;
}
.eligeDestinatario .titularRadioButton > input[type='radio'] + ::before {
   margin-top: -5px;
   vertical-align: middle;
}
.radioButtonsGenerales.eligeDestinatario .content {
   margin-top: 15px;
   margin-bottom: 0;
   padding-left: 40px;
}
.radioButtonsGenerales.eligeDestinatario.eligeLibro .content { padding-left: 0; }
.radioButtonsGenerales.eligeDestinatario label { margin-bottom: 0; }
.eligeDestinatarioMisAmigos ul {
   margin-top: 0;
   padding-left: 60px;
}
#modalElegirAquien02 .btnPrincipal,
#modalElegirAquien03 .btnPrincipal { margin-top: 0; }
#modalElegirAquien02 .enlaceAzul,
#modalElegirAquien03 .enlaceAzul,
#modalElegirLibro .btnPrincipal { margin-top: 25px; }
#modalElegirLibro .enlaceAzul { margin-top: 25px; }
.contenedorImagenElegirLibro {
   display: inline-table;
   overflow: hidden;
   width: 35px;
   height: 50px;
   margin-right: 10px;
}
#modalElegirLibro02 p { margin-top: 35px; }
#modalElegirLibro02 .enlaceAzul { margin-top: 35px; }
.placeHolderNegro::placeholder {
 opacity: 1;
}
.placeHolderNegro:-ms-input-placeholder {
 opacity: 1;
}
.placeHolderNegro::-ms-input-placeholder {
 opacity: 1;
}
#modalElegirTrabajo .enlaceAzul { margin-top: 25px; }
#modalElegirTrabajo02 p {
   margin-top: 35px;
   text-align: center;
}
#modalElegirTrabajo02 p a { color: #f5863c; }
/******* ARREGLO IMAGENES PERFIL ***************/
.tablaPrivado tr td img,
.fotoPerfil img,
.menuNotificaciones li a img { border-radius: 50%; }
.noRedondear {
   border: none !important;
   border-radius: 0 !important;
}
/********** BUZON DE MENSAJES RECIBIDOS ************/
.tablaPrivado.tablaBuzonDeMensaje td {
   font-size: 17px;
   font-weight: 500;
   vertical-align: sub;
}
.tablaPrivado.tablaBuzonDeMensaje tr.mensajeNoLeido td { font-weight: bold; }
.tablaPrivado.tablaBuzonDeMensaje tr:hover {
   cursor: pointer;
   background-image: linear-gradient(to right, #ffefd8, #fff);
}
.mensajeFecha { color: #7d94a8; }
.tablaPrivado.tablaBuzonDeMensaje .eliminarLibro { margin-top: -5px; }
.circuloMensajeNoLeido {
   display: inline-block;
   width: 16px;
   height: 16px;
   margin-right: 15px;
   margin-bottom: 2px;
   content: ' ';
   vertical-align: middle;
   border-radius: 50%;
   background-color: #f36d21;
}
.inputsGenerales.verMensaje input[disabled] {
   font-weight: 600;
   opacity: 1;
   color: #3e3e3e;
   border-color: #f1f6f9;
   background-color: #fbfeff;
}
.textAreaCapa {
   font-weight: 500;
   width: 100%;
   min-height: 125px;
   margin-bottom: 15px;
   padding: 15px 20px;
   color: #3e3e3e;
   border: 1px solid #f1f6f9;
   border-radius: 5px;
   background-color: #fbfeff;
}
.textAreaCapa p {
   font-weight: 600;
   margin: 0;
}
.textAreaCapa a {
   font-weight: bold;
   color: #f36d21;
}
.anchoCompleto { max-width: 100%; }
.anchoCompleto .contenedorParaIcono { max-width: 680px; }
.anchoCompleto .contenedorParaIcono.anchoCompleto { max-width: 100%; }
.anchoCompleto .contenedorParaIcono.anchoCompleto .paraClase { display: inline-block; }
.fechaMensaje {
   font-size: 17px;
   font-weight: 600;
   margin-left: 35px;
   color: #7d94a8;
}
.btnsUsuario {
   float: right;
   margin: 0;
}
.btnsUsuario.btnsUsuarioUnElemento { margin-right: 140px; }
.btnsUsuario li {
   display: inline-block;
   margin-bottom: 0;
}
.btnsUsuario a { float: none; }
.usuarioAceptado {
   display: block;
   width: 40px;
   height: 40px;
   background-image: url(../img/privado/ico-usuario-aceptado.png);
   background-repeat: no-repeat;
   background-position: center;
}
.usuarioAceptado:hover { background-image: url(../img/privado/ico-usuario-aceptado-02.png); }
.usuarioBloqueado {
   display: block;
   width: 40px;
   height: 40px;
   background-image: url(../img/privado/ico-usuario-bloqueado.png);
   background-repeat: no-repeat;
   background-position: center;
}
.usuarioBloqueado:hover { background-image: url(../img/privado/ico-usuario-bloqueado-02.png); }
.usuarioDenunciado {
   display: block;
   width: 40px;
   height: 40px;
   background-image: url(../img/privado/ico-usuario-denunciar.png);
   background-repeat: no-repeat;
   background-position: center;
}
.usuarioDenunciado:hover { background-image: url(../img/privado/ico-usuario-denunciar-02.png); }
.modal.modalToolTip.modalNormalConTexto { padding: 15px 40px 35px 40px; }
.modalNormalConTexto p {
   font-size: 17px;
   color: #8a8080;
}
.modalNormalConTexto .enlaceAzul { margin-top: 25px; }
.ajusteBtnMensaje { max-width: 800px; }
.buzonVacio {
   font-size: 16px;
   font-weight: bold;
   display: table;
   margin: 30px auto;
}
.buzonVacio img { margin-right: 50px; }
.contenedorImagenEnviados {
   display: inline-block;
   min-width: 70px;
}
#modalEliminarMensaje p,
#modalEliminarRecomendacion p,
#modalEliminarTrabajo p { text-align: center; }
.mensajesVerLibro {
   font-size: 14px;
   font-weight: bold;
   margin-left: 20px;
   padding-top: 35px;
   vertical-align: bottom;
   color: #f36d21;
   background-image: url(../img/privado/ico-ver-libro.png);
   background-repeat: no-repeat;
   background-position: top left 12px;
}
.mensajesVerLibro:hover { background-image: url(../img/privado/ico-ver-libro-02.png); }
.mensajesVerTrabajo {
   font-size: 14px;
   font-weight: bold;
   margin-left: 20px;
   padding-top: 35px;
   vertical-align: bottom;
   color: #f36d21;
   background-image: url(../img/privado/ico-ver-trabajo.png);
   background-repeat: no-repeat;
   background-position: top left 16px;
}
.mensajesVerTrabajo:hover { background-image: url(../img/privado/ico-ver-trabajo-02.png); }
.error {
   position: relative;
   padding-bottom: 10px;
}
.error .errorValidacion {
   font-size: 12px;
   font-weight: bold;
   position: absolute;
   left: 116px;
   display: block;
   margin-top: 2px;
   padding: 4px 9px;
   color: #fff;
   border-radius: 5px;
   background-color: #ff0008;
}
.errorValidacion.errorValidacionIzq {
   font-size: 12px;
   font-weight: bold;
   position: absolute;
   left: 116px;
   display: block;
   margin-top: 2px;
   padding: 4px 9px;
   color: #fff;
   border-radius: 5px;
   background-color: #ff0008;
}
/*********** MENU PERFIL USUARIO ***************/
.contenedorMenuNotificaciones.menuPerfilUsuario .menuNotificaciones { padding: 15px 30px; }
.contenedorMenuNotificaciones.menuPerfilUsuario .menuNotificaciones li {
   margin-bottom: 7px;
   background-color: transparent;
}
.contenedorMenuNotificaciones.menuPerfilUsuario .menuNotificaciones li a {
   font-size: 14px;
   font-weight: 600;
   color: #3e3e3e;
}
.contenedorMenuNotificaciones.menuPerfilUsuario .menuNotificaciones li a:hover { color: #f36d21; }
.contenedorMenuNotificaciones.menuPerfilUsuario .menuNotificaciones li hr {
   margin: 14px auto;
   border-color: #d9e1eb;
}
.contenedorMenuNotificaciones.menuPerfilUsuario .menuNotificacioneIndicador {
   width: 220px;
   min-width: 220px;
}
.bloqueUsuarioLogueado.desplegado {
   position: relative;
   z-index: 99999999;
}
.bloqueUsuarioLogueado.desplegado:hover { background-color: transparent; }
.menuPrincipalPrivado a.bloqueUsuarioLogueado.desplegado .usuarioLogueado { background-image: url(../img/privado/ico-expandir-usuario-02.png); }
.contenedorMenuNotificaciones.menuPerfilUsuario { margin-left: -25px; }
.contenedorMenuNotificaciones.menuPerfilUsuario .menuNotificacioneIndicador {
   margin-top: 5px;
   background-position: top 1px right 40px;
}
/*************** PERFIL DE USUARIO ******************/
.desplegableLibros .contenedorExpand.dosColumnasFlex { display: flex; }
.contenedorImagenPerfil {
   width: 217px;
   margin-top: 25px;
   margin-right: 23px;
   text-align: center;
}
.camposDatosPerfil {
   width: calc(100% - 260px);
   margin-top: 25px;
}
.contenedorImagenPerfil hr {
   margin: 30px auto 25px auto;
   border-color: #d9e1eb;
}
.imgPerfil {
   margin-bottom: 15px;
   border-radius: 50%;
}
.contenedorExpand a.enlaceSubirFotoPerfil {
   font-size: 14px;
   font-weight: bold;
   padding: 12px 20px 10px 20px;
   text-decoration: underline;
   color: #f36d21;
   background-image: url(../img/privado/ico-subir-foto-perfil.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.contenedorExpand a.enlaceSubirFotoPerfil:hover {
   color: #42b2fc;
   background-image: url(../img/privado/ico-subir-foto-perfil-02.png);
}
.contenedorExpand a.enlaceElegirFotoPerfil {
   font-size: 14px;
   font-weight: bold;
   padding: 12px 20px 10px 20px;
   text-decoration: underline;
   color: #f36d21;
   background-image: url(../img/privado/ico-elegir-foto-perfil.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.contenedorExpand a.enlaceElegirFotoPerfil:hover {
   color: #42b2fc;
   background-image: url(../img/privado/ico-elegir-foto-perfil-02.png);
}
.contenedorExpand a.enlaceCambiarFotoPerfil {
   font-size: 14px;
   font-weight: bold;
   padding: 12px 20px 10px 27px;
   text-decoration: underline;
   color: #f36d21;
   background-image: url(../img/privado/ico-cambiar-foto-perfil.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.contenedorExpand a.enlaceCambiarFotoPerfil:hover {
   color: #42b2fc;
   background-image: url(../img/privado/ico-cambiar-foto-perfil-02.png);
}
.contenedorExpand a.enlaceCambiarPass {
   font-size: 14px;
   font-weight: bold;
   margin-left: 100px;
   padding: 12px 20px 10px 23px;
   text-decoration: underline;
   color: #f36d21;
   background-image: url(../img/privado/ico-cambiar-contrasena.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.sinDespegable.contenedorExpand a.enlaceCambiarPass { margin-left: 0; }
.contenedorExpand a.enlaceCambiarPass:hover {
   color: #42b2fc;
   background-image: url(../img/privado/ico-cambiar-contrasena-02.png);
}
.contenedorExpand a.cambiarApodo {
   font-size: 14px;
   font-weight: bold;
   margin-left: 100px;
   padding: 12px 20px 10px 30px;
   text-decoration: underline;
   color: #f36d21;
   background-image: url(../img/privado/ico-editar.png);
   background-repeat: no-repeat;
   background-position: left center;
}
.sinDespegable.contenedorExpand a.cambiarApodo { margin-left: 0; }
.contenedorExpand a.cambiarApodo:hover {
   color: #42b2fc;
   background-image: url(../img/privado/ico-editar-02.png);
}
.contenedorExpand a.eliminarPerfil {
   font-size: 15px;
   font-weight: bold;
   display: block;
   width: 100%;
   padding: 13px 10px 12px 30px;
   text-align: center;
   color: #c80315;
   border: 1px solid #c80315;
   border-radius: 24px;
   background-color: #fff;
   background-image: url(../img/privado/ico-eliminar-perfil.png);
   background-repeat: no-repeat;
   background-position: left 15px center;
}
.contenedorExpand a.eliminarPerfil:hover {
   color: #fff;
   background-color: #c80315;
   background-image: url(../img/privado/ico-eliminar-perfil-02.png);
}
.inputsGenerales.formularioBuzonDeMensajes.labelsParalelo { max-width: 706px; }
.inputsGenerales.formularioBuzonDeMensajes.labelsParalelo li { margin-bottom: 10px; }
.inputsGenerales.labelsParalelo label {
   display: inline-block;
   width: 14em;
}
.inputsGenerales.labelsParalelo input {
   font-size: 17px;
   display: inline-block;
   width: calc(100% - 245px);
}
.inputsGenerales.labelsParalelo select {
   font-size: 17px;
   display: inline-block;
   width: calc(100% - 245px);
   margin-bottom: 0;
   padding: 14px 20px;
}
.inputsGenerales.labelsParalelo hr {
   max-width: 457px;
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: 202px;
   color: #d9e1eb;
}
.misDatosNombre {
   font-weight: bold;
   display: inline-block;
   margin: 0;
}
.labelsParalelo .misDatosNombre .interrogante { margin-left: 40px; }
.misDatosPass {
   font-size: 30px;
   font-weight: bold;
   display: inline-block;
   margin: 0;
}
.labelsParalelo .interrogante { margin-left: 20px; }
.labelsParalelo #dataPickerFechaNacimiento { padding: 15px 19px; }
.dosLiEnLinaA {
   display: inline-block;
   width: 49%;
}
.dosLiEnLinaA input {
   width: 100% !important;
   max-width: 144px;
}
.dosLiEnLinaB {
   display: inline-block;
   width: 50%;
}
.inputsGenerales.labelsParalelo .dosLiEnLinaB label {
   width: auto;
   margin-right: 18px;
   margin-left: 13px;
}
.inputsGenerales.labelsParalelo .dosLiEnLinaB select {
   width: 100% !important;
   max-width: 218px;
}
.labelsParalelo a.btnPrincipal {
   margin-top: 13px;
   margin-right: 50px;
   color: #fff;
}
.leoTriste { margin-top: 60px; }
.leoTriste:after {
   position: absolute;
   top: -86px;
   left: 230px;
   display: block;
   width: 171px;
   height: 86px;
   content: ' ';
   background-image: url(../img/privado/leo-triste.png);
   background-repeat: no-repeat;
}
#modalCambioPass ul,
#modalCambioPass02 ul,
#modalCambioApodo ul,
#codigoDeClase ul {
   width: 100%;
   margin-top: 0;
}
#modalCambioPass input,
#modalCambioPass02 input,
#modalCambioApodo input,
#codigoDeClase input { padding: 15px 19px; }
#modalCambioPass p,
#modalCambioPass02 p,
#modalCambioApodo p,
#codigoDeClase p { text-align: center; }
#modalCambioPass02 ul { max-width: 500px; }
#modalCambioPass02 ul li { position: relative; }
.passOKPassNoOk {
   position: absolute;
   top: 37px;
   right: -43px;
}
.contenedorExpand.dosColumnasFlex.sinDespegable {
   display: flex;
   margin-top: 0;
   padding-top: 0;
   border: none;
}
.contenedorExpand.dosColumnasFlex.sinDespegable ul li { min-height: 42px; }
.contenedorExpand.dosColumnasFlex.sinDespegable ul li p {
   min-width: 323px;
   vertical-align: baseline;
}
.contenedorExpand.dosColumnasFlex.sinDespegable ul li label { vertical-align: middle; }
.contenedorExpand.dosColumnasFlex.sinDespegable ul li.arregloPass {
   margin-top: -15px;
   margin-bottom: 25px;
}
.subtitularMiPerfil {
   font-size: 18px;
   font-weight: bold;
   color: #5e5e5e;
}
/************* INFORMACION LEGAL ***************/
.informacionLegal {
   max-width: 400px;
   margin: 0 auto;
}
.informacionLegal li { margin-bottom: 30px; }
.informacionLegal li a {
   font-size: 16px;
   font-weight: bold;
   display: block;
   width: 100%;
   padding: 32px 20px 32px 80px;
   text-decoration: none;
   color: #3e3e3e;
   border: 1px solid #fff;
   border-radius: 12px;
   background-repeat: no-repeat;
   background-position: left 10px center;
   box-shadow: 0 5px 13px 0 rgba(119, 171, 207, .23);
}
.informacionLegal li a:hover {
   border: solid 1px #f36d21;
   box-shadow: 0 4px 11px 0 rgba(176, 201, 216, .5);
}
.avisoLegal { background-image: url(../img/privado/ico-aviso-legal.png); }
.avisoLegal:hover { background-image: url(../img/privado/ico-aviso-legal-02.png); }
.condicionesServicio { background-image: url(../img/privado/ico-condiciones-del-servicio.png); }
.condicionesServicio:hover { background-image: url(../img/privado/ico-condiciones-del-servicio-02.png); }
.politicaPrivacidad { background-image: url(../img/privado/ico-politica-de-privacidad.png); }
.politicaPrivacidad:hover { background-image: url(../img/privado/ico-politica-de-privacidad-02.png); }
.politicaCookies { background-image: url(../img/privado/ico-politica-cookies.png); }
.politicaCookies:hover { background-image: url(../img/privado/ico-politica-cookies-02.png); }
.modal.modalInformacionLegal {
   max-width: 778px;
   padding: 15px 30px 55px 50px;
}
.modal.modalInformacionLegal .scrollVertical { height: 465px; }
#modalPoliticaPrivacidad table { text-align: left; }
.tablaInformacion {
   text-align: center;
   border: 1px solid #edf6fc;
}
.tablaInformacion td {
   padding: 5px;
   border: 1px solid #edf6fc;
}
.cabeceraTablaLegal {
   color: #fff;
   background-color: #42b2fc;
}
.tablaInformacion .textLeft { text-align: left; }
.modalInformacionLegal ul { padding-left: 1em; }
.modalInformacionLegal ul li {
   margin-bottom: 1em;
   list-style: disc;
}
.modalInformacionLegal ol li { margin-bottom: 1em; }
.modalInformacionLegal a { color: #f36d21; }
.modalInformacionLegal a:hover { color: #42b2fc; }
.badgeModalInterior {
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   position: absolute;
   right: 0;
   top: 100px;
   background-image: url("../img/privado/diario-de-lectura/badge-modal-interior.png");
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 63px;
   min-height: 110px;
}
.badgeModalInterior span {
   background-color: #ff520c;
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 110px;
}
.badgeModalInterior p {
   display: inline-block;
   padding-right: 20px;
}
.enEspera {
   margin-right: 20px;
   margin-left: 20px;
   vertical-align: middle;
}
.fondoAzulOnboarding { background-color: #42b2fc; }
.onboarding {
   max-width: 656px;
   margin: 90px auto 0 auto;
   padding: 86px 53px 40px 53px;
   border-radius: 40px;
   background-color: #fff;
}
.onboarding p {
   font-size: 18px;
   font-weight: 500px;
   text-align: center;
   color: #8a8080;
}
.contenedorOnboarding {
   padding: 1px 51px 31px 51px;
   border-radius: 20px;
   background-color: #f3f9ff;
}
.onboarding h2 {
   font-size: 24px;
   font-weight: bold;
   text-align: center;
   color: #3e3e3e;
}
.logoOnboarding {
   display: block;
   margin: -136px auto 0 auto;
}
.onboarding .select-css.selectPrivado {
   font-size: 17px;
   padding: 12px 10px;
}
.onboarding .inputsGenerales input {
   font-size: 17px;
   padding: 13px 10px;
}
.onboarding .formularioBuzonDeMensajes li { margin-bottom: 5px; }
.onboarding .btnPrincipal.btnEntrarLogin { margin-top: 30px; }
.onboarding input {
   font-size: 16px;
   display: block;
   width: 100%;
   margin-top: 3px;
   margin-bottom: 20px;
   padding: 12px 19px;
   color: #3e3e3e;
   border: solid 1px #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
}
.onboarding .loginMostrarPass { top: -3px; }
.onboarding ul li { position: relative; }
.onboarding label {
   font-size: 14px;
   font-weight: 600;
   color: #6c6c6c;
}
.onboardingAlumnos ul li { max-width: 360px; }
.refrescarApodo {
   position: absolute;
   top: 29px;
   right: -100px;
   display: block;
   width: 45px;
   height: 38px;
   background-image: url(../img/privado/ico-regenerar.png);
   background-repeat: no-repeat;
}
.refrescarApodo:hover { background-image: url(../img/privado/ico-regenerar-02.png); }
/********************** AREA DE TRABAJO **********************/
.contenidoAreaTrabajo h2 { margin-bottom: 55px; }
.areaTrabajo { display: flex; }
.columnaIzqAreaTrabajo {
   width: 180px;
   margin-top: 100px;
}
.columnaDerAreaTrabajo {
   width: calc(100% - 180px);
   margin-left: 30px;
}
.btnNuevoTrabajo {
   padding: 10px 51px 10px 71px;
   text-align: center;
   text-decoration: none;
   color: #fba62d;
   border: 1px solid #fba62d;
   border-radius: 16px;
   background-color: #fff;
   background-image: url(../img/privado/ico-mas-trabajo.png);
   background-repeat: no-repeat;
   background-position: left 40px center;
}
.btnNuevoTrabajo:hover {
   color: #fff;
   background-color: #fba62d;
   background-image: url(../img/privado/ico-mas-trabajo-02.png);
}
.menuAreaTrabajo { margin-top: 40px; }
.menuAreaTrabajo a {
   font-size: 18px;
   font-weight: bold;
   display: block;
   margin-left: 25px;
   text-decoration: none;
   color: #adbccb;
   border-bottom: 1px solid #adbccb;
}
.menuAreaTrabajo .fechaTrabajo {
   font-size: 12px;
   font-weight: 500;
   display: block;
   margin-top: 5px;
}
.menuAreaTrabajo .fechaTrabajo em { margin-left: 7px; }
.menuAreaTrabajo li { border-left: 6px solid transparent; }
.menuAreaTrabajo li.activo { border-color: #fba62d; }
.menuAreaTrabajo li.activo a {
   cursor: default;
   color: #fba62d;
}
.menuAreaTrabajo li.activo .fechaTrabajo { color: #3e3e3e; }
.labelInputIntroducirTexto {
   font-size: 24px;
   font-weight: 600;
   color: #3e3e3e;
}
.inputIntroducirTexto {
   font-size: 24px;
   font-weight: 500;
   min-width: 380px;
   padding-left: 20px;
   color: #3e3e3e;
   border: 0;
   border-bottom: 2px solid #d4d4d4;
   background-color: #fff;
}
.inputIntroducirTexto:focus {
   border: none !important;
   border-bottom: 2px solid #d4d4d4 !important;
}
.contenedorEditor { margin-top: 55px; }
.verTodosTrabajos {
   font-size: 14px;
   font-weight: bold;
   float: right;
   padding-right: 15px;
   color: #f36d21;
   background-image: url(../img/privado/ico-ver-todo-trabajo.png);
   background-repeat: no-repeat;
   background-position: right;
}
.verTodosTrabajos:hover { color: #f36d21; }
.columnaDerAreaTrabajo .btnBordeAzulConIcono.btnBordeAzulConIconoGuardar {
   min-width: 160px;
   margin-top: 25px;
}
.columnaDerAreaTrabajo .eliminarLibro {
   margin-top: 25px;
   border: 1px solid #ff5a5f;
   border-radius: 50px;
   background-color: #fff;
}
.columnaDerAreaTrabajo .eliminarLibro:hover { border-color: #ffacaf; }
.modalTodosLosTrabajos { margin-top: 110px; }
.leoLeyendoTrabajo {
   position: absolute;
   margin-top: -124px;
}
#modalEliminarTrabajo02 p,
#modalEliminarTrabajo02Seguro p,
#modalFaltaAlgunaCosa p { text-align: center; }
/************** MIS RECOMENDACIONES *****************/
.menuRecomendaciones {
   display: table;
   margin: 0 auto;
}
.menuRecomendaciones li {
   display: inline-block;
   margin-right: 17px;
   margin-bottom: 1em;
   margin-left: 17px;
}
.menuRecomendaciones li a {
   font-weight: bold;
   display: block;
   min-width: 224px;
   padding: 13px 20px;
   text-align: center;
   text-decoration: none;
   color: #fba62d;
   border: 2px solid #fba62d;
   border-radius: 16px;
}
.menuRecomendaciones li a:hover {
   cursor: pointer;
   color: #fff;
   border-color: transparent;
   background-image: linear-gradient(to top, #fba62d, #f8bb64);
}
.menuRecomendaciones li.activo a {
   cursor: default;
   color: #fff;
   border-color: transparent;
   background-image: linear-gradient(to top, #fba62d, #f8bb64);
}
.controlesMes h2 {
   font-size: 24px;
   font-weight: bold;
   margin-top: 30px;
   text-align: left;
}
.controlesMes h2 span {
   display: inline-block;
   margin-top: 10px;
   margin-left: 20px;
}
.listadoLibros.conIconoEcharVistazo .cuatroColumnasA,
.listadoLibros.conIconoEcharVistazo .cuatroColumnasB {
   margin-top: 10px;
   margin-bottom: 30px;
}
.listadoLibros.conIconoEcharVistazo .ribbon { top: 22px; }
.echarVistazo {
   font-size: 14px;
   font-weight: 600;
   position: relative;
   top: -19px;
   display: table;
   margin: 0 auto;
   padding: 5px 20px 5px 39px;
   text-decoration: none;
   color: #42b2fc;
   border: 1px solid #42b2fc;
   border-radius: 15px;
   background-image: url(../img/privado/ico-echar-un-vistazo.png);
   background-repeat: no-repeat;
   background-position: left 10px center;
}
.echarVistazo:hover {
   color: #fff;
   background-color: #42b2fc;
   background-image: url(../img/privado/ico-echar-un-vistazo-02.png);
}
.publicadoAyer {
   font-size: 12px;
   text-align: center;
   color: #8a8080;
}
.gridContainer.clearfix.seleccionLeoteca.seleccionLeotecaPrivado { margin-top: 100px; }
.gridContainer.clearfix.seleccionLeoteca.seleccionLeotecaPrivado a { font-size: 18px; }
.inputIntroducirTextoBuscador {
   font-size: 16px;
   max-width: 214px;
   padding: 10px 35px 10px 0;
   color: #3e3e3e;
   border: 0;
   border-bottom: 1px solid #b0d0e3;
}
.inputIntroducirTextoBuscador:hover { border-bottom: 1px solid #b0d0e3 !important; }
.inputIntroducirTextoBuscador:focus {
   border: 0 !important;
   border-bottom: 1px solid #3e3e3e !important;
}
.inputIntroducirTextoBuscador::placeholder {
 font-style: italic;
 opacity: 1;
 color: #b0d0e3;
}
.inputIntroducirTextoBuscador:-ms-input-placeholder {
 font-style: italic;
 color: #b0d0e3;
}
.inputIntroducirTextoBuscador::-ms-input-placeholder {
 font-style: italic;
 color: #b0d0e3;
}
.btnBuscadorLupa {
   width: 29px;
   height: 29px;
   margin-left: -35px;
   border: none;
   background-color: #fff;
   background-image: url(../img/privado/ico-lupa-introducir-texto.png);
   background-repeat: no-repeat;
}
.btnBuscadorLupa:hover { background-image: url(../img/privado/ico-lupa-introducir-texto-02.png); }
/*********** CONTACTA CON NOSOTROS *************/
#modalContacta,
#modalContactaOK,
#modalPeticionLibro,
#modalPeticionLibroOk { margin-top: 110px; }
#modalContacta h2 { margin-bottom: 25px; }
#modalContacta p { font-size: 16px; }
.modalPrivado textarea.texareaContacto {
   min-height: 160px;
   margin-top: 5px;
}
.sobresContacto {
   position: absolute;
   top: -161px;
   left: -188px;
}
#modalContacta .enlaceAzul,
#modalPeticionLibro .enlaceAzul {
   margin-top: 10px;
   margin-bottom: 30px;
}
.modalNormalConTexto .noEncuestrasLibro {
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   color: #6c6c6c;
}
.noEncuestrasLibro a {
   display: block;
   margin-top: 10px;
   color: #f36d21;
}
.leoContactoLupa {
   position: absolute;
   bottom: 0;
   left: 0;
}
#modalContactaOK p,
#modalPeticionLibro p,
#modalPeticionLibroOk p {
   font-size: 16px;
   text-align: center;
}
.leoLlevandoLibrosContacto {
   position: absolute;
   top: -70px;
   left: -90px;
}
.mostrarComentario {
   display: inline-block;
   width: 57px;
   height: 28px;
   margin-top: -2px;
   margin-left: 8px;
   vertical-align: middle;
   background-image: url('../img/ico-mostrar-comentario.png');
   background-repeat: no-repeat;
   background-position: center;
}
.mostrarComentario02 {
   display: inline-block;
   width: 57px;
   height: 28px;
   margin-top: -2px;
   margin-left: 8px;
   vertical-align: middle;
   background-image: url('../img/ico-mostrar-comentario-03.png');
   background-repeat: no-repeat;
   background-position: center;
}
.comentariosDestacados p.spoiler {
   font-size: 13px;
   font-style: normal;
   line-height: 30px;
   color: #ff5a5f;
}
.mostrarComentario:hover { background-image: url('../img/ico-mostrar-comentario-02.png'); }
.mostrarComentario02:hover { background-image: url('../img/ico-mostrar-comentario-04.png'); }
/************** MI PLANETA ****************/
.clearfix.fondoPrivadoNubes.fondoMiPlabeta {
   margin-left: 100px;
   text-align: center;
   background-color: #000032;
   background-image: url(../img/privado/mi-planeta/fondo-espacio.png);
   background-repeat: no-repeat;
   background-position: top left;
}
.titularVacaciones {
   font-family: 'Wendy One', sans-serif;
   font-size: 30px;
   padding-right: 30px;
   padding-left: 30px;
   text-align: center;
   color: #fff;
}
/************ FAQS *****************/
.fondoFaqs { background-image: none; }
.faqs { margin-bottom: 80px; }
.faqs h2 { margin-bottom: -21px; }
.leoLlevandoLibrosFaqs { margin-left: 35px; }
.faqs .toggle.expander.collapsed,
.faqs .toggle.expander.expanded {
   margin-top: 20px;
   background-color: #edf6fc;
}
.faqs .contenedorExpand {
   font-size: 16px;
   margin-top: 10px;
   padding: 0 20px;
}
.faqs .contenedorExpand a {
   font-size: 16px;
   font-weight: bold;
   text-decoration: underline;
   color: #f36d21;
}
.faqs .contenedorExpand a:hover { color: #42b2fc; }
.faqs .contenedorExpand ul { padding-left: 1em; }
.faqs .contenedorExpand ul li {
   font-size: 16px;
   margin-bottom: 1em;
   list-style: disc;
}
.textoLegalesPublico { margin-top: 130px; }
.paginaActualizacion { background-color: #42b2fc; }
.gridContainer.clearfix.actualizando {
   margin-top: 50px;
   text-align: center;
}
.paginaActualizacion h2 {
   font-size: 54px;
   font-weight: bold;
   margin-bottom: 0;
   padding-right: 20px;
   padding-left: 20px;
   text-align: center;
   color: #fff;
}
.imgActualizando { margin-top: 50px; }
.headerTextoLegales .logoPrincipal { padding-bottom: 14px; }
.conBtnVolverPerfil { margin-top: -74px; }
.separadorMovil {
   height: 2px;
   margin: 30px 0;
   border: 0;
   background-image: url(../img/separdor-hr-movil.png);
   background-repeat: no-repeat;
   background-position: center;
}
.grupoImgMovil {
   display: block;
   margin: 30px auto;
}
.queEsLeotecaSmartick .enlaceBordeNaranja { margin-top: 50px; }
.header.shrink .buscadorHeader {
   position: fixed;
   top: 0;
   width: 100%;
   margin-top: 0;
}
.contenedorResultadosBuscadorFiltros { margin-top: 20px; }
.iconoCerrarFiltros {
   margin-top: 12px;
   padding: 16px 10px;
}
.barraFiltrosResponsive .btnBordeAzul { margin: 13px 10px 10px 5px; }
.barraFiltrosResponsive {
   border-bottom: solid 1px #d8e9f7;
   background-color: #fff;
}
#modalNuevoAlumnoCreaccionRapida .liMensajePadres {
   width: 100%;
   max-width: 523px;
}
.ribbonResponsive { margin-right: 10px; }
.tabs.tabsFichaLibro.paraEditoriales > ul li a[aria-selected]:before {
   height: 77px;
   margin: 63px auto 0 auto;
   cursor: default;
   background-image: url(../img/flecha-up-pestanas.png);
}
.slick-dotted.slick-slider.sliderFichaLibroResponsive { margin-top: 135px; }
.slick-dotted.slick-slider.sliderFichaLibroResponsive .imgFichaLibro { margin: 0 auto; }
.slick-dotted.slick-slider.sliderFichaLibroResponsive h2 {
   font-size: 20px;
   font-weight: bold;
}
.slick-dotted.slick-slider.sliderFichaLibroResponsive .fichaLibroSubtitular {
   font-size: 16px;
   display: block;
   text-align: center;
}
.slick-dotted.slick-slider.sliderFichaLibroResponsive .contenedorImgFichaLibro {
   max-width: 150px;
   padding-top: 30px;
}
.slick-dotted.slick-slider.sliderFichaLibroResponsive .ribbon { top: 19px; }
.slick-dotted.slick-slider.sliderFichaLibroResponsive .iconoLeoFicha {
   top: 34px;
   max-width: 26px;
}
.slick-dotted.slick-slider.sliderFichaLibroResponsive .slick-dots {
   margin-top: 10px;
   padding-bottom: 20px;
   border-bottom: 1px solid #e4e4e4;
}
.slick-dotted.slick-slider.sliderFichaLibroResponsive article { padding: 0 10px; }
.slick-dotted.slick-slider.sliderFichaLibroResponsive .contenedorSobreLibro {
   min-height: initial;
   margin-top: -20px;
   padding: 28px 15px 20px 15px;
   border: 0;
   background-color: transparent;
   box-shadow: none;
}
.slick-dotted.slick-slider.sliderFichaLibroResponsive .sobreLibro span { font-size: 15px; }
.slick-dotted.slick-slider.sliderFichaLibroResponsive .sobreLibro { font-size: 16px; }
.slick-dotted.slick-slider.sliderFichaLibroResponsive .slick-dots li button {
   width: 18px;
   height: 18px;
   background: #c8e5f0;
}
.slick-dotted.slick-slider.sliderFichaLibroResponsive .slick-dots li.slick-active button { background: #f36d21; }
.slick-dotted.slick-slider.sliderFichaLibroResponsive .btnBordeAzul {
   display: block;
   float: none;
   max-width: 400px;
   margin: 0 auto 20px auto;
   margin-top: 0;
}
.fichaLibroPublica .slick-dotted.slick-slider.sliderFichaLibroResponsive { margin-top: 0; }
.btnsFichaLibro { display: none; }
ul.btnsFichaLibro.btnsFichaLibroResponsive li {
   display: block;
   margin-bottom: 20px;
}
ul.btnsFichaLibro.btnsFichaLibroResponsive li a {
   display: block;
   max-width: 238px;
   text-align: center;
}
ul.btnsFichaLibro.btnHacerCuestionario {
   display: table;
   margin: 50px auto 30px auto;
}
ul.btnsFichaLibro.btnHacerCuestionario li {
   display: block;
   margin-bottom: 30px;
}
ul.btnsFichaLibro.btnHacerCuestionario li a {
   display: block;
   width: 100%;
   max-width: 238px;
   text-align: center;
}
.fichaLibroPublica .fluid.dosColumnasAsideA { display: none; }
.modal .btnPrincipal { font-size: 16px; }
.votaEsteLibroLogueado.votaEsteLibroLogueadoResponsive { display: block; }
.modal input[type='checkbox'] { width: auto; }
/***************** MI PLANETA ****************/
.asidePrivadoDesactivadoMovil { display: none; }
.scrollHorizontalMiPlaneta {
   overflow-y: auto;
   width: 100%;
   margin: 0 0 1em;
   _overflow: auto;
}
.titularMiPlaneta {
   font-size: 30px;
   font-weight: bold;
   margin-right: 38px;
   margin-left: 38px;
   text-align: left;
   color: #fff;
}
.titularMiPlaneta span {
   font-size: 22px;
   font-weight: 500;
   display: block;
   color: #fff;
}
.subTitularMiPlaneta {
   font-size: 18px;
   font-weight: 500;
   margin-top: -5px;
   margin-right: 38px;
   margin-left: 38px;
   text-align: left;
   color: #fff;
}
.contenedorMiPlaneta {
   position: relative;
   width: 800px;
   min-height: 707px;
   margin: 0 auto;
   background-image: url('../img/privado/mi-planeta/planeta-asteroides.png');
   background-repeat: no-repeat;
   background-position: left 20px top;
}
.habitantesTemperatura {
   font-family: 'Wendy One', sans-serif;
   font-size: 20px;
   position: absolute;
   top: 25px;
   left: 410px;
   width: 216px;
   height: 276px;
   color: #41fafb;
}
.habitantesTemperatura a { color: #41fafb; }
.numeroHabitantes {
   position: absolute;
   top: 70px;
   left: 116px;
   min-width: 47px;
   text-align: center;
}
.gradosTemperatura {
   position: absolute;
   top: 137px;
   left: 76px;
   min-width: 43px;
   text-align: center;
}
.universo {
   position: absolute;
   top: 8px;
   left: 632px;
}
.numeroDeLibros {
   position: absolute;
   top: 159px;
   left: 15px;
}
.librosLeidos {
   position: absolute;
   top: 87px;
   left: 0;
   width: 297px;
   height: 167px;
}
.librosLeidos.inicial {
   position: absolute;
   top: 57px;
   left: -18px;
   width: 297px;
   height: 167px;
}
.librosLeidos.inicial .numeroDeLibros { top: 205px; }
.librosLeidos.inicial .cantidadNumeroDeLibrosLeidos { top: 228px; }
.cantidadNumeroDeLibrosLeidos {
   font-family: 'Wendy One', sans-serif;
   font-size: 20px;
   position: absolute;
   top: 181px;
   left: 33px;
   min-width: 80px;
   text-align: center;
   color: #41fafb;
}
/* HABITANTES */
.colega {
   position: absolute;
   top: 458px;
   left: 502px;
   max-height: 120px;
}
.superLector {
   position: absolute;
   top: 329px;
   left: 45px;
   max-height: 74px;
}
.critico {
   position: absolute;
   top: 507px;
   left: 379px;
   max-height: 110px;
}
.detective {
   position: absolute;
   top: 406px;
   left: 287px;
   max-height: 110px;
}
.dominguero {
   position: absolute;
   top: 442px;
   left: 178px;
   max-height: 138px;
}
.estudiante {
   position: absolute;
   top: 184px;
   left: 578px;
   max-height: 110px;
}
.explorador {
   position: absolute;
   top: 180px;
   left: 361px;
   max-height: 105px;
}
.inquieto {
   position: absolute;
   top: 193px;
   left: 650px;
   max-height: 146px;
}
.misterioso {
   position: absolute;
   top: 310px;
   left: 487px;
   max-height: 100px;
}
.parlanchin {
   position: absolute;
   top: 406px;
   left: 626px;
   max-height: 140px;
}
.poeta {
   position: absolute;
   top: 452px;
   left: 50px;
   max-height: 113px;
}
.presumido {
   position: absolute;
   top: 282px;
   left: 292px;
   max-height: 112px;
}
.rompehielos {
   position: absolute;
   top: 324px;
   left: 373px;
   max-height: 100px;
}
.sabio {
   position: absolute;
   top: 298px;
   left: 195px;
   max-height: 108px;
}
.temperatura span {
   font-size: 12px;
   font-weight: 900;
   position: absolute;
   top: 14px;
   color: #1f384a;
}
.hoverTemperatura img { max-width: inherit; }
.hoverTemperatura .temperatura {
   position: absolute;
   display: none;
}
.hoverTemperatura:hover .temperatura { display: block; }
.colega span { left: 57px; }
.colega .temperatura { left: -26px; }
.inquieto span { left: 49px; }
.inquieto .temperatura { left: -30px; }
.critico span { left: 59px; }
.critico .temperatura { left: -52px; }
.detective span { left: 59px; }
.detective .temperatura { left: -10px; }
.dominguero span { left: 52px; }
.dominguero .temperatura { left: -27px; }
.estudiante span { left: 52px; }
.estudiante .temperatura { left: -45px; }
.explorador span { left: 52px; }
.explorador .temperatura { left: -62px; }
.misterioso span { left: 55px; }
.misterioso .temperatura { left: -30px; }
.parlanchin span { left: 55px; }
.parlanchin .temperatura { left: -18px; }
.poeta span { left: 65px; }
.poeta .temperatura { left: -50px; }
.presumido span { left: 55px; }
.presumido .temperatura { left: -42px; }
.rompehielos span { left: 47px; }
.rompehielos .temperatura { left: -30px; }
.sabio span { left: 66px; }
.sabio .temperatura { left: -28px; }
.superLector span { left: 48px; }
.superLector .temperatura { left: -13px; }
/* PÁGINA HABITANTES */
.habitantes { margin-top: 60px; }
.habitantes article {
   position: relative;
   margin: 0 26px 60px 26px;
   padding: 0 2px 4px 0;
   border: solid 3px #d8e9f7;
   border-radius: 22px;
   background-image: linear-gradient(to top, #e8f4ff, #fff);
   box-shadow: 2px 3.5px 5px 0 rgba(0, 0, 0, .2);
}
.temperaturaHabitantes {
   position: absolute;
   top: -33px;
   right: 20px;
}
.habitantes article.desactivado {
   border: solid 3px #d8e9f7;
   background-image: linear-gradient(to top, #b9d1e8, #d7e6f3);
   box-shadow: 2px 3.5px 5px 0 rgba(0, 0, 0, .2);
}
.contenedorImagenHabitantes {
   float: left;
   width: 213px;
   height: 213px;
   margin-top: -22px;
   margin-left: 13px;
   background-repeat: no-repeat, no-repeat;
   background-position: center, center;
}
.contenidoHabitantes {
   float: right;
   width: calc(100% - 237px);
   margin-left: 10px;
   text-align: left;
}
.habitantes h3 {
   font-size: 28px;
   font-weight: 900;
   margin-top: 4px;
   margin-bottom: -10px;
   text-align: left;
}
.habitantes p { font-size: 13px; }
.habitantes strong { font-weight: 900; }
article.inquietoGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/inquieto.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.inquietoGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/inquieto-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.domingueroGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/dominguero.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.domingueroGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/dominguero-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.detectiveGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/detective.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.detectiveGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/detective-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.superlectorGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/superlector.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.superlectorGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/superlector-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.parlanchinGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/parlanchin.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.parlanchinGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/parlanchin-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.criticoGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/critico.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.criticoGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/parlanchin-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-critico-02.png'); }
article.sabioGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/sabio.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.sabioGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/sabio-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.criticoGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/critico.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.criticoGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/critico-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.rompehielosGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/rompehielos.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.rompehielosGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/rompehielos-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.exploradorGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/explorador.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.exploradorGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/explorador-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.presumidoGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/presumido.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.presumidoGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/presumido-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.poetaGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/poeta.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.poetaGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/poeta-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.misteriosoGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/misterioso.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.misteriosoGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/misterioso-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.estudianteGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/estudiante.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.estudianteGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/estudiante-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
article.colegaGrande .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/colega.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes.png'); }
article.colegaGrande.desactivado .contenedorImagenHabitantes { background-image: url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/colega-02.png'), url('../img/privado/mi-planeta/habitantes/habitantes-descripccion/pastilla-habitantes-02.png'); }
.volverPlaneta {
   font-size: 14px;
   font-weight: bold;
   float: right;
   margin-top: 21px;
   margin-right: 30px;
   padding: 11px 13px 11px 48px;
   text-decoration: none;
   color: #42b2fc;
   border: solid 2px #42b2fc;
   border-radius: 20px;
   background-color: #000032;
   background-image: url('../img/privado/ico-volver-mi-planeta.png');
   background-repeat: no-repeat;
   background-position: left 10px center;
}
.volverPlaneta:hover {
   color: #fff;
   border-color: #308ecb;
   background-color: #308ecb;
   background-image: url('../img/privado/ico-volver-mi-planeta-02.png');
}
/********* UNIVERSO **********/
.fondoPrivadoNubes.fondoMiPlabeta.paginaUniverso {
   background-color: #000032;
   background-image: none;
}
.tablaUniverso {
   margin-bottom: 50px;
   padding: 0 20px;
}
.tablaUniverso .tablaPrivado {
   padding-bottom: 20px;
   border-collapse: inherit;
   color: #fff;
}
.tablaUniverso .tablaPrivado a {
   display: block;
   color: #fff;
}
.tablaUniverso .tablaPrivado a:hover { font-weight: bold; }
.tablaUniverso .tablaPrivado .cabeceraTablaUniverso {
   border-top: 0;
   border-bottom: 0;
}
.tablaUniverso .tablaPrivado .cabeceraTablaUniverso th {
   font-size: 14px;
   font-weight: bold;
   padding: 16px 8px;
   text-align: center;
   color: #2b89c6;
   border-bottom: 0;
   border-left: 1px solid #6b738a;
   background-image: linear-gradient(to top, #b9d1e8, #d7e6f3);
}
.cabeceraTablaUniverso th:first-child {
   border-left: 0 !important;
   border-top-left-radius: 22px;
   border-bottom-left-radius: 22px;
}
.cabeceraTablaUniverso th:last-child {
   border-left: 0 !important;
   border-top-right-radius: 22px;
   border-bottom-right-radius: 22px;
}
.destacado td { background-color: #2b89c6; }
.destacado td:first-child {
   border-left: 0 !important;
   border-top-left-radius: 22px;
   border-bottom-left-radius: 22px;
}
.destacado td:last-child {
   border-left: 0 !important;
   border-top-right-radius: 22px;
   border-bottom-right-radius: 22px;
}
.tablaUniverso .tablaPrivado td {
   font-size: 12px;
   font-weight: 400;
   height: 106px;
   padding: 0 10px;
   border-bottom: 0;
}
.tablaUniverso .tablaPrivado td::after {
   position: absolute;
   z-index: 1;
   top: 24px;
   right: -1px;
   display: block;
   width: 1px;
   height: 60px;
   content: ' ';
   background-color: #fff;
}
.tablaUniverso .tablaPrivado td:last-child::after { display: none; }
.tablaUniverso .tablaPrivado td.universoUltimoFavorito::after { display: none; }
.tablaUniverso .tablaPrivado td:first-child { border: 0; }
.tablaUniverso .tablaPrivado td:last-child { border: 0; }
.tablaUniverso .tablaPrivado td.universoPosicion {
   font-size: 14px;
   min-width: 1.9em;
   text-align: center;
}
.tablaUniverso .tablaPrivado td.universoNombre {
   min-width: 12em;
   text-align: left;
}
.tablaUniverso .tablaPrivado td.universoNombre img { margin-right: 10px; }
.tablaUniverso .tablaPrivado td.universoColegio {
   min-width: 0;
   text-align: left;
}
.tablaUniverso .tablaPrivado td.universoCurso {
   min-width: 4em;
   text-align: left;
}
.tablaUniverso .tablaPrivado td.universoTemperatura {
   font-size: 22px;
   min-width: 0;
}
.tablaUniverso .tablaPrivado td.universoHabitantes {
   font-size: 22px;
   min-width: 0;
}
.tablaUniverso .tablaPrivado td.universoUltimoLeido { width: 177px; }
.tablaUniverso .tablaPrivado td.universoUltimoLeido img {
   display: inline-block;
   max-width: 50px;
   margin-right: 10px;
}
.tablaUniverso .tablaPrivado td.universoUltimoLeido span {
   display: inline-block;
   max-width: calc(100% - 64px);
   text-align: left;
   vertical-align: middle;
}
.tablaUniverso .tablaPrivado td.universoUltimoFavorito {
   width: 162px;
   text-align: left;
}
.tablaUniverso .tablaPrivado td.universoUltimoFavorito img {
   display: inline-block;
   max-width: 50px;
   margin-right: 10px;
}
.tablaUniverso .tablaPrivado td.universoUltimoFavorito span {
   display: inline-block;
   max-width: calc(100% - 64px);
   text-align: left;
   vertical-align: middle;
}
.tablaUniverso .tablaPrivado td.menuTresPuntoUniverso {
   min-width: 40px;
   text-align: center;
}
.tablaUniverso .tablaPrivado .menuPuntosTabla li a { border-radius: 8px; }
.menuUniverso { margin: 40px 10px 0 10px; }
.menuUniverso li {
   font-size: 14px;
   font-weight: 500;
   display: inline-block;
   margin-bottom: 20px;
   color: #fff;
}
.menuUniverso li a {
   font-size: 16px;
   font-weight: bold;
   display: block;
   min-width: 157px;
   margin: 0 5px;
   padding: 10px 15px;
   text-align: center;
   text-decoration: none;
   color: #393971;
   border: 2px solid #393971;
   border-radius: 20px;
}
.menuUniverso li a.activo {
   cursor: default;
   color: #fff;
   border: 2px solid #f36d21;
   background-color: #f36d21;
}
.menuUniverso li a:hover {
   color: #fff;
   border: 2px solid #f36d21;
   background-color: #f36d21;
}
.menuUniverso li:first-child { margin-right: 17px; }
.tablaUniverso .tablaPrivado .destacado td.universoNombre { font-weight: bold; }
.modalHabitantes {
   font-size: 12px;
   font-weight: bold;
   position: absolute;
   z-index: 2;
   top: 80px;
   left: -70px;
   display: none;
   min-width: 230px;
   padding: 20px 15px 0 10px;
   text-align: left;
   color: #8a8080;
   border: solid 2px #cdd7e4;
   border-radius: 10px;
   background-color: #fafaf9;
   box-shadow: 3px 5.2px 5px 0 rgba(0, 0, 0, .4);
}
.universoHabitantes a:hover + .modalHabitantes { display: block !important; }
.icoCerrarHabitantes {
   position: absolute;
   top: 10px;
   right: 10px;
}
.modalHabitantes img { border-radius: 0 !important; }
.imgHabitantes { margin-right: 5px; }
.modalHabitantes span {
   display: inline-block;
   min-width: 7em;
}
.tabs.tabsFichaLibro > ul li span {
   font-size: 18px;
   font-weight: bold;
   padding: 0;
   color: #adbccb;
}
#modalElegirImagenPerfil,
#modalElegirImagenPerfil02 { max-width: 718px; }
#modalElegirImagenPerfil .btnPrincipal.btnEntrarLogin { margin: 40px auto 0 auto; }
.controlDeslizanteAvatar span {
   font-size: 18px;
   font-weight: 600;
}
.controlDeslizanteAvatar .inactivo { color: #bcd1e5; }
.desplegableLibros.despegableAvatar .toggle.expander.collapsed { margin-top: 20px; }
.desplegableLibros.despegableAvatar .toggle.expander.expanded {
   margin-top: 20px;
   padding: 20px 27px;
}
.desplegableLibros.despegableAvatar .contenedorExpand { margin-top: 0; }
.elegirAvatar li { display: inline-block; }
.modalToolTip ul.elegirAvatar li { margin-bottom: 0; }
.elegirAvatar li img { max-width: 144px; }
.elegirAvatar li a:hover img { opacity: .7; }
.avatarActivo {
   position: relative;
   display: block;
}
.avatarActivo:after {
   position: absolute;
   right: 0;
   bottom: 10px;
   display: block;
   width: 42px;
   height: 42px;
   content: '';
   background-image: url('../img/icono-seleccionado-avatar.png');
}
.tuAvatar .avatarActivo {
   display: inline-block;
   cursor: default;
}
.tuAvatar .contenedorExpand.content { text-align: center; }
.tuAvatar img { margin-top: 10px; }
#modalElegirImagenPerfil .scrollVertical {
   height: auto;
   max-height: 465px;
}
.avataresPersonalizados {
   position: relative;
   z-index: 3;
   display: block;
   margin: 30px auto 0 auto;
}
.modalNormalConTexto p.textoAvataresPersonalizados {
   font-size: 18px;
   font-weight: bold;
   position: relative;
   z-index: 2;
   margin-top: -11px;
   padding: 20px 25px;
   text-align: center;
   color: #000;
   border: 1px solid #42b2fc;
   border-radius: 10px;
   background-color: #fff;
}
.personajesSmartickDesactivados {
   margin-top: -78px;
   margin-bottom: 10px;
}
.controlDeslizanteAvatar .colorDesactivado .toggle-control input:checked ~ .control { background-color: #bcd1e5; }
.candadoAvatar {
   margin-top: -5px;
   margin-left: 5px;
}
.modal .textoMensajePadres {
   font-size: 15px;
   font-weight: bold;
   padding-left: 30px;
   text-align: center;
   color: #000;
}
.modal .textoMensajePadres:before {
   display: inline-block;
   width: 23px;
   height: 22px;
   margin-right: 7px;
   content: '';
   vertical-align: bottom;
   background: url('../img/privado/ico-ok-negro.png') no-repeat left top 2px;
}
/* VINCULAR CUENTAS */
.vincularCuentas { background-color: #42b2fc; }
.vincularCuentas h1 {
   font-size: 20px;
   font-weight: bold;
   margin-top: 20px;
   text-align: center;
   color: #fff;
}
.vincularInicioSesion {
   position: relative;
   display: table;
   width: 100%;
   max-width: 661px;
   margin: 40px auto 0 auto;
   padding: 0 20px;
   border-radius: 0;
   background-color: #fff;
}
.vincularInicioSesion .logoSmartickLeoteca {
   display: block;
   width: 320px;
   margin: -28px auto 0 auto;
}
.contenidoVincularInicioSesion {
   margin-top: 20px;
   padding-top: 0;
   border-radius: 0;
   background-color: #fff;
}
.titularVincularIniciaSesion {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 15px;
   text-align: center;
   color: #3e3e3e;
}
.formularioVicularInicioSesion { padding: 0 0 20px 0; }
.formularioVicularInicioSesion .enlaceAzul { margin-top: 15px; }
.enlaceAzul.enlaceOlvidastesContrasena {
   display: block;
   margin-top: -20px;
   margin-right: 5px;
   margin-bottom: 0;
   text-align: right;
}
.vincularInicioSesion::before {
   position: absolute;
   z-index: 9999;
   bottom: -53px;
   left: 0;
   width: 86px;
   height: 87px;
   content: '';
   background-image: url('../img/leo-y-avatar-vincular.png');
   background-repeat: no-repeat;
   background-size: 86px;
}
.fondoNubesVincular {
   display: block;
   min-height: 0;
   margin-top: 0;
   background-color: #42b2fc;
}
.vincularDosColumnas {
   display: flex;
   flex-direction: row;
   max-width: 95%;
   margin-top: 15px;
   text-align: center;
}
.vincularColA {
   width: 50%;
   margin-right: 25px; /*border: 2px solid red;*/
}
.vincularColB {
   width: 50%;
   margin-left: 25px; /*border: 2px solid green;*/
}
.vincularCuentasHijos .vincularDosColumnas ul { margin-top: 10px; }
.vincularCuentasHijos .vincularDosColumnas input {
   font-size: 17px;
   min-height: 49px;
   margin: 0 0 20px 0;
}
.vincularCuentasHijos .vincularDosColumnas select {
   font-size: 17px;
   min-height: 49px;
   margin: 0 0 20px 0;
   ;
}
.vincularCuentasHijos .vincularDosColumnas ul li { position: relative; }
.vincularCuentasHijos .vincularDosColumnas ul.listaVincularInputs li:after {
   position: absolute;
   z-index: 9;
   top: 17px;
   right: -43px;
   display: inline-block;
   width: 38px;
   height: 19px;
   content: '';
   background-image: url('../img/flecha-vincular.png');
   background-repeat: no-repeat;
}
.vincularEmailUsuario {
   font-size: 10px;
   margin-top: 5px;
}
.vincularCuentasHijos .btnPrincipal { margin-top: 20px; }
.vincularCuentasHijos .enlaceAzul {
   margin-top: 10px;
   margin-bottom: 20px;
}
.contenedorTextoVincular {
   max-width: 661px;
   margin: 40px auto 0 auto;
}
.contenedorTextoVincular h2 {
   font-size: 16px;
   font-weight: bold;
   color: #fff;
}
.contenedorTextoVincular ul {
   display: table;
   margin: 0 auto;
}
.contenedorTextoVincular ul li {
   font-size: 14px;
   margin-bottom: 20px;
   margin-left: 40px;
   color: #fff;
}
.contenedorTextoVincular ul li:before {
   position: absolute;
   width: 20px;
   height: 18px;
   margin-left: -27px;
   content: '';
   background-image: url('../img/ico-check-vincular-02.png');
}
.vincularDosColumnas img { height: 52px; }
.vincularCuentasHijos .vincularInicioSesion { margin: 20px auto 0 auto; }
.vincularCuentasHijos .eliminarLibro {
   position: absolute;
   top: 0;
   right: -40px;
}
.vincularCuentasHijos .enlaceRojo {
   font-size: 17px;
   font-weight: bold;
   float: right;
   margin-right: 7px;
   margin-bottom: 20px;
   text-align: right;
}
.logoLeotecaSmartickVinculado {
   display: table;
   margin: 0 auto 35px auto;
}
.vincularCuentasOk .vincularInicioSesion {
   min-height: 310px;
   margin-top: -20px;
   border-radius: 0;
   background-color: transparent;
}
.vincularCuentasOk .vincularInicioSesion::before {
   bottom: -30px;
   left: -20px;
   width: 196px;
   height: 243px;
   background-image: url('../img/leo-senalando.png');
   background-size: 196px;
}
.vincularCuentas.vincularCuentasOk { padding: 0 20px; }
.contenidoPrivado.vincularCuentasProceso { text-align: center; }
.contenidoPrivado.vincularCuentasProceso h2 {
   font-size: 24px;
   margin-top: 46px;
   text-align: center;
}
.contenidoPrivado.vincularCuentasProceso h3 {
   font-size: 20px;
   margin-top: 30px;
   margin-bottom: 40px;
}
.contenidoPrivado.vincularCuentasProceso .contenedorTextoVincular {
   margin: 0 auto;
   text-align: left;
}
.contenidoPrivado.vincularCuentasProceso .contenedorTextoVincular ul li {
   font-size: 20px;
   color: #3e3e3e;
}
.contenidoPrivado.vincularCuentasProceso .contenedorTextoVincular ul li:before {
   position: absolute;
   width: 32px;
   height: 28px;
   margin-left: -40px;
   background-image: url(../img/ico-check-vincular.png);
}
.imgLeoVincular {
   margin-top: 40px;
   margin-bottom: 40px;
   margin-left: -310px;
}
.alumnosVinculados {
   margin-top: 40px;
   margin-bottom: 50px;
}
.alumnosVinculados img {
   margin: 0 15px;
   vertical-align: 3px;
}
.alumnosVinculados ul li { margin-bottom: 15px; }
.alumnosVinculados span {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.alumnosVinculados .vincularAlumnoA {
   font-size: 17px;
   display: inline-block;
   width: 13em;
   text-align: left;
}
.alumnosVinculados .vincularAlumnoB {
   font-size: 17px;
   display: inline-block;
   width: 13em;
   text-align: right;
}
.vincularCuentasProceso p {
   font-size: 18px;
   margin-bottom: 40px;
}
/* BUSCADOR CUESTIONARIOS */
.buscadorCuestionario {
   border: none;
   border-radius: 5px;
}
.buscadorCuestionario li {
   display: block;
   width: 100%;
   margin-bottom: 20px;
}
.inputBuscadorCuestionario {
   font-size: 17px;
   width: 100%;
   min-height: 55px;
   margin-left: 2px;
   padding: 16px 20px;
   vertical-align: unset;
   border: 1px solid #b0d0e3;
   border-radius: 5px;
}
.inputBuscadorCuestionario:focus {
   font-size: 17px;
   border: 1px solid #b0d0e3 !important;
}
.inputBuscadorCuestionario::placeholder {
 font-style: italic;
 opacity: 1;
 color: #b0d0e3;
}
.inputBuscadorCuestionario:-ms-input-placeholder {
 font-style: italic;
 color: #b0d0e3;
}
.inputBuscadorCuestionario::-ms-input-placeholder {
 font-style: italic;
 color: #b0d0e3;
}
.buscadorCuestionario li.liCreadoLeoteca {
   width: auto;
   margin-right: 20px;
   padding-top: 0;
   padding-left: 0;
}
.labelCheckCreadoLeoteca { font-size: 17px; }
.buscadorCuestionario li.liBorrarFiltros { width: auto; }
.borrarFiltrosCuestionarios {
   font-size: 14px;
   font-weight: 700;
   color: #3e3e3e;
}
.buscadorCuestionario li.liBotonBuscarCuestionario {
   display: block;
   float: right;
   width: 100%;
   margin-top: 0;
}
.btnBuscador.btnBuscadorCuestionario {
   display: inline-block;
   height: 47px;
   margin-top: 3px;
   margin-right: 0;
   margin-left: 0;
   background-image: url(../img/privado/ico-lupa-buscador-contacto.png), linear-gradient(to top, #f67f3b, #f36121);
}
.btnBuscador.btnBuscadorCuestionario:hover { background-image: url(../img/privado/ico-lupa-buscador-contacto.png), linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), linear-gradient(to top, #f67f3b, #f36121); }
/* DDSLICK */
.buscadorCuestionario li .dd-options {
   width: 100% !important;
   margin-top: -1px;
   border: 1px solid #ffd69c;
   border-radius: 0 0 10px 10px;
}
.buscadorCuestionario li .dd-options li {
   display: block;
   width: 100%;
}
.dd-container { width: 100% !important; }
.dd-select {
   width: 100% !important;
   border: 1px solid #b0d0e3 !important;
   border-radius: 5px !important;
   background: #fff !important;
}
.dd-options li { display: list-item; }
.dd-selected { display: inline-table !important; }
.dd-selected-text {
   font-size: 17px !important;
   font-weight: 500;
   line-height: 33px !important;
   color: #3e3e3e !important;
}
.dd-option-text { line-height: 33px !important; }
.dd-pointer-down {
   border: solid 7px transparent !important;
   border-top: solid 7px #f36d21 !important;
}
.dd-pointer.dd-pointer-down.dd-pointer-up {
   margin-top: -11px !important;
   border: solid 7px transparent !important;
   border-bottom: solid 7px #f36d21 !important;
}
.dd-option { border-bottom: 1px solid #ffd69c !important; }
.dd-option-selected {
   font-weight: 700 !important;
   color: #fff !important;
   background: #fba62d !important;
}
.dd-option:hover {
   font-weight: 700 !important;
   color: #fff !important;
   background: #fba62d !important;
}
.dd-option-image,
.dd-selected-image { margin-right: 10px !important; }
.contenedorTablaConCalendario {
   float: left;
   max-width: 633px;
}
.tablaConCalendario {
   min-width: 633px;
   max-width: 633px;
}
.barraLateralCalendario {
   float: right;
   max-width: 370px;
   margin-left: 7px;
   padding: 29px 5px;
   border-left: 2px solid #e3ecf4;
   background-image: linear-gradient(to top, #f4faff, #f4faff, #fff);
}
.btnCargarPlan {
   font-size: 13px;
   font-weight: bold;
   display: inline-table;
   width: calc(100% - 25px);
   padding: 11px 20px 11px 55px;
   text-align: center;
   text-decoration: none;
   color: #42b2fc;
   border: 2px solid #42b2fc;
   border-radius: 16px;
   background: url('../img/privado/ico-cargar-plan.png') left 25px top 5px no-repeat #fff;
}
.btnCargarPlan:hover {
   color: #fff;
   background: url('../img/privado/ico-cargar-plan-02.png') left 25px center no-repeat #42b2fc;
}
.barraLateralCalendario .interrogante {
   margin-top: -44px;
   margin-left: 0;
}
.nuevoCuestionario {
   font-size: 14px;
   font-weight: bold;
   float: right;
   margin-top: 45px;
   margin-bottom: 29px;
   padding-left: 20px;
   color: #42b2fc;
   background-image: url(../img/privado/ico-mas-azul.png);
   background-repeat: no-repeat;
   background-position: left top 3px;
}
.detalleCalendario {
   margin-top: -2px;
   padding-top: 10px;
   padding-bottom: 10px;
   border-top: 2px solid #e3ecf4;
   border-bottom: 2px solid #e3ecf4;
}
.tipoDetalle {
   font-size: 10px;
   font-weight: 600;
}
.fluid.fichaCalendario { margin-top: 3px; }
.icoTablaDesasignar.icoCalendarioDesasignar {
   float: right;
   width: 32px;
   height: 26px;
   background-size: cover;
}
.fichaCalendarioFecha {
   float: left;
   width: 54px;
   height: 54px;
   margin-top: 2px;
   padding: 2px;
   text-align: center;
   border-radius: 10px;
   background-color: #e5f1fb;
}
.fichaCalendarioFechaDia {
   font-size: 28px;
   font-weight: bold;
   display: block;
   margin-top: -5px;
}
.fichaCalendarioFechaMes {
   font-size: 14px;
   font-weight: 600;
   display: block;
   margin-top: -8px;
}
.fichaCalendarioContenido {
   float: left;
   margin-left: 6px;
}
.fichaCalendarioTitular {
   font-size: 16px;
   font-weight: bold;
   display: block;
   overflow: hidden;
   width: 18.6em;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.fragmento {
   font-size: 13px;
   font-weight: 600;
   font-style: italic;
   display: inline-block;
   max-width: 105px;
   padding: 0 12px;
   text-align: center;
   text-decoration: none;
   color: #fff !important;
   border-radius: 5px;
   background-color: #6d8192;
}
.fragmento:hover {
   color: #fff;
   background-color: #f36d21;
}
.fichaCalendarioFechaLimite {
   font-size: 12px;
   font-weight: 600;
   display: block;
   margin-top: 3px;
   color: #958d8d;
}
.botonesFichaCalendario li { display: inline-block; }
.botonesFichaCalendario li a {
   font-size: 13px;
   font-weight: bold;
   padding: 13px 26px;
   text-decoration: none;
   color: #3e3e3e;
   border-radius: 16px;
}
.btnVerCuestionario {
   border: 2px solid #edf6fc;
   background-color: #fff;
}
.btnVerCuestionario:hover { border: 2px solid #42b2fc; }
.btnCambiarFechas {
   border: 2px solid #daeefb;
   background-color: #daeefb;
}
.btnCambiarFechas:hover { border: 2px solid #42b2fc; }
.candado {
   display: block;
   float: right;
   width: 28px;
   height: 28px;
   margin-top: -40px;
   background: url('../img/privado/ico-candado.png') center center no-repeat;
}
.candado:hover { background: url('../img/privado/ico-candado-02.png') center center no-repeat; }
/* MODAL CAMBIAR FECHAS */
.modal.modalToolTip.modalPrivado.modalCambiarFechas { max-width: 698px; }
.datosLibro { max-width: calc(100% - 120px); }
.datosLibroImg {
   float: left;
   margin-right: 20px;
}
.datosLibroTitular {
   font-size: 18px;
   margin: 0;
}
.datosLibroCreador {
   font-size: 17px;
   display: block;
   color: #8a8080;
}
.datosLibroEstado {
   font-size: 14px;
   font-weight: 600;
   float: right;
   margin-top: -43px;
   padding: 9px 23px;
   border-radius: 10px;
   background-color: #e5f1fb;
}
.modalCambiarFechas hr {
   display: block;
   height: 1px;
   margin: 25px 0 30px 0;
   padding: 0;
   border: 0;
   border-top: 2px solid #e3ecf4;
   border-top-width: 0;
   border-top-style: none;
}
.contenedorCambiarFechaClase {
   display: table;
   float: left;
   width: 250px;
   height: 150px;
   text-align: center;
}
.cambiarFechaClase {
   font-size: 17px;
   display: table-cell;
   padding: 0 10px;
   vertical-align: middle;
}
.modalCambiarFechas .cambioDeFecha { display: block; }
.cambioDeFecha label {
   font-size: 14px;
   font-weight: 700;
   display: block;
   margin-bottom: 5px;
}
.cambioDeFecha .select-css.selectLogin {
   font-size: 17px;
   font-weight: 500;
   color: #3e3e3e;
   border: 1px solid #a1c7da;
   background-color: #f3fbff;
}
.cambioDeFecha .select-css.selectLogin.selectDia { max-width: 81px; }
.cambioDeFecha .select-css.selectLogin.selectMes { max-width: 151px; }
.cambioDeFecha .select-css.selectLogin.selectYear { max-width: 90px; }
.modalCambiarFechas .btnPrincipal.btnEntrarLogin {
   margin-top: 30px;
   margin-bottom: 30px;
}
.cambiarFechaClase.cambiarFechaClaseUnaLinea {
   display: block;
   width: 100%;
   margin-bottom: 34px;
   text-align: center;
}
.modalToolTip ul.textoCentrado li { text-align: center; }
.cambiarFechaClase.cambiarFechaClaseUnaLinea span {
   font-weight: 500;
   margin-right: 16px;
   margin-left: 47px;
}
/* MODAL CARGAR PLAN DESCUBRIMIENTO SEMANAL */
.modal.modalToolTip.modalPrivado.modalPlanDescubrimiento { max-width: 698px; }
.modalPlanDescubrimiento p {
   font-size: 17px;
   line-height: 31px;
   text-align: center;
   color: #8a8080;
}
.modalPlanDescubrimiento .btnPrincipal.btnEntrarLogin {
   margin-top: 30px;
   margin-bottom: 30px;
}
/* MODAL LECTURA EN MARCHA */
.modal.modalToolTip.modalPrivado.modalLecturaEnMarcha { max-width: 868px; }
.modalLecturaEnMarcha h3 {
   font-size: 17px;
   margin-top: 26px;
   text-align: center;
   color: #8a8080;
}
.modalLecturaEnMarcha ul {
   font-size: 17px;
   line-height: 31px;
   color: #8a8080;
}
.modalLecturaEnMarcha ul li {
   padding-left: 42px;
   background: url('../img/privado/bullet-modal.png') left top 8px no-repeat;
}
.textoLecturaEnMarcha img {
   display: table;
   margin: 20px auto 10px auto;
}
.modalLecturaEnMarcha ul li a {
   font-weight: 700;
   color: #f36d21;
}
/* MIS CUESTIONARIOS NUEVO */
.contenidoPrivado h2.titularConVolver {
   font-size: 26px;
   font-weight: 600;
   margin: -23px 0 0 41px;
}
.menuModoPestanas {
   max-height: 43px;
   margin-top: 40px;
   margin-bottom: 40px;
   border-bottom: 1px solid #b0d0e3;
}
.menuModoPestanas li {
   position: relative;
   display: inline-block;
   margin-right: 10px;
   margin-bottom: 1em;
}
.menuModoPestanas li a {
   font-size: 18px;
   font-weight: bold;
   display: block;
   min-width: 166px;
   padding: 0 0 15px 0;
   text-align: center;
   text-decoration: none;
   color: #7d94a8;
   border: 0;
   border-radius: 0;
   background: none;
}
.menuModoPestanas .numeroBtnCuestionario { background-color: #6d8192; }
.menuModoPestanas li a:hover { background: none; }
.menuModoPestanas li a.activo {
   min-width: 166px;
   padding: 0 0 15px 0;
   color: #fba62d;
   border: 0;
   border-bottom: 4px solid #fba62d;
   border-radius: 0;
   background: none;
}
.numeroBtnCuestionario.activo { background-color: #f36d21; }
.btnVolverFlechaNaranja {
   display: inline-block;
   width: 29px;
   height: 17px;
   margin-right: 10px;
   background: url('../img/privado/icono-volver-naranja.png') no-repeat center center;
}
.btnVolverFlechaNaranja:hover { background: url('../img/privado/icono-volver-naranja-02.png') no-repeat center center; }
.selectOrdenarPor { margin-bottom: 40px; }
.selectInterior {
   font-size: 17px;
   font-weight: 500;
   display: inline-block;
   margin-bottom: 12px;
   padding: 11px 10px;
   color: #3e3e3e;
   border: 1px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
   background-image: url(../img/ico-login-select.png);
   background-repeat: no-repeat;
   background-position: right 13px top 50%;
   background-size: 1em auto;
}
.selectOrdenarPor .selectInterior {
   float: right;
   max-width: 176px;
   margin-top: -30px;
   margin-top: -43px;
}
td.columnaLibro.conFragmento .contenedorImagenTabla { float: left; }
td.columnaLibro.conFragmento .tituloConFragmento { margin-top: 9px; }
.columnaNivelLector.sinTexto { text-align: center; }
.enlaceConToolTip.tiptip:hover { font-weight: bold; }
.icoTablaFavorito {
   display: block;
   width: 28px;
   height: 42px;
   margin: 0 auto;
   background-image: url('../img/privado/ico--tabla-favorito.png');
   background-repeat: no-repeat;
}
.icoTablaFavorito:hover { background-image: url('../img/privado/ico--tabla-favorito-02.png'); }
.icoTablaFavorito.desactivado { background-image: url('../img/privado/ico--tabla-favorito-03.png'); }
.icoTablaFavorito.desactivado:hover { background-image: url('../img/privado/ico--tabla-favorito-04.png'); }
/* MODALES ASIGNADOS */
#editarCuestionarioAsignado {
   max-width: 697px;
   text-align: center;
}
#editarCuestionarioAsignado .btnPrincipal.btnEntrarLogin { margin: 40px auto 30px auto; }
.tablaDesasignar {
   font-size: 17px;
   font-weight: bold;
   text-align: center;
}
.tablaDesasignar th {
   font-weight: 500;
   padding: 0 5px 23px 5px;
   padding-bottom: 23px;
}
.tablaDesasignar td { padding-bottom: 23px; }
/* CUESTIONARIOS CREAR NUEVO */
.buscadorCuestionarioCrearNuevo {
   max-width: calc(100% - 94px);
   margin-top: 60px;
}
.buscadorCuestionario.buscadorCuestionarioCrearNuevo li.liBorrarFiltros {
   position: absolute;
   right: 0;
   margin-top: -35px;
}
.buscadorCuestionario.buscadorCuestionarioCrearNuevo li.liBotonBuscarCuestionario {
   position: absolute;
   right: 0;
   margin-top: -53px;
}
.checkboxAcepto label { font-size: 14px; }
input.checkboxPequeno[type='checkbox'] + label::before {
   width: 12px;
   height: 10px;
   vertical-align: 1px;
}
input.checkboxPequeno[type='checkbox'] + label::before {
   font: 13px/1em Raleway;
   font-weight: bold;
}
.checkboxPequeno { font-size: 14px; }
.buscadorSelectConCheckbox input[type='checkbox'] { visibility: visible; }
.buscadorSelectConCheckbox {
   min-width: 186px;
   vertical-align: top;
   border-right: 1px solid #b0d0e3;
}
.contenedorBuscadorSelectConCheckbox { min-height: 53px; }
.buscadorSelectConCheckbox .multi-select-container { margin-top: 11px; }
.buscadorSelectConCheckbox .multi-select-menu {
   margin-top: 28px;
   margin-left: -5px;
   border: 1px solid #cfcfd8;
   background: #f3fbff;
   box-shadow: none;
}
.buscadorSelectConCheckbox .multi-select-button {
   font-size: 17px;
   min-width: 179px;
   color: #3e3e3e;
   border: none;
   box-shadow: none;
}
.buscadorSelectConCheckbox .multi-select-button::after {
   position: absolute;
   top: 15px;
   right: 0;
   border-width: 7px 7px 0 7px;
   border-color: #f36d21 transparent transparent transparent;
}
.buscadorSelectConCheckbox .multi-select-container--open .multi-select-button::after {
   position: absolute;
   top: 15px;
   right: 0;
   border-width: 0 7px 7px 7px;
   border-color: transparent transparent #f36d21 transparent;
}
.buscadorSelectConCheckbox .multi-select-menuitems { min-width: 189px; }
.buscadorSelectConCheckbox .multi-select-menuitem { font-size: 17px; }
.buscadorCuestionario.buscadorCuestionarioCrearNuevo .inputBuscadorCuestionario { width: 240px; }
.buscadorCuestionario.buscadorCuestionarioCrearNuevo li .dd-options {
   border: 1px solid #cfcfd8;
   background-color: #f3fbff;
   box-shadow: none;
}
.buscadorCuestionario.buscadorCuestionarioCrearNuevo li .dd-option { border: 0 !important; }
.buscadorCuestionario.buscadorCuestionarioCrearNuevo .dd-container { width: 247px !important; }
.selectOrdenarPor.selectOrdernarPorConBuscador .selectInterior { margin-top: -20px; }
.tablaPrivado a.enlaceNaranjaSubrayado {
   font-weight: bold;
   text-decoration: underline;
   color: #f36d21;
}
.contenidoPrivado h2.titularConMiniatura {
   font-size: 26px;
   font-weight: 600;
   margin-bottom: 50px;
   text-align: center;
}
.contenidoPrivado h2.titularConMiniatura img { margin-right: 20px; }
.contenidoPrivado h2.titularConMiniatura .edadTitular { margin-left: 5px; }
.contenidoPrivado h2.titularConMiniatura span {
   font-size: 18px;
   font-weight: 600;
   display: block;
   margin-top: -5px;
   color: #a3b4bf;
}
.bloqueAsignarCuestionario { margin-bottom: 40px; }
.contenedorAsignarCuestionario {
   display: table;
   float: left;
   width: 250px;
   height: 150px;
   margin-right: 40px;
   text-align: center;
}
.contenedorAsignarCuestionario .select-css:hover { border-color: #a1c7da; }
.contenedorAsignarCuestionario .enlaceRojo { font-size: 14px; }
.contenedorAsignarCuestionario label {
   font-size: 14px;
   font-weight: 700;
   display: block;
   margin-bottom: 5px;
   text-align: left;
}
.nuevaClaseCentrado {
   font-size: 14px;
   font-weight: bold;
   display: table;
   margin: 0 auto;
   padding-left: 20px;
   text-align: center;
   color: #f36d21;
   background-image: url(../img/privado/ico-mas-naranja.png);
   background-repeat: no-repeat;
   background-position: left top 3px;
}
.interrogante.tiptip.interroganteTabla {
   margin-top: -11px;
   margin-left: 5px;
}
.icoTablaHacerCuestionario {
   display: block;
   width: 34px;
   height: 30px;
   margin: 0 auto;
   background-image: url(../img/privado/ico-tabla-hacer-cuestionario.png);
   background-repeat: no-repeat;
}
.icoTablaHacerCuestionario:hover { background-image: url(../img/privado/ico-tabla-hacer-cuestionario-02.png); }
.desactivarObjeto {
   pointer-events: none;
   opacity: .3;
}
.desactivarObjetoSinOpacidad { pointer-events: none; }
/* CUESTIONARIOS CON COMBIOS BOTONERA */
.titularConFragmento .fragmento {
   display: block;
   margin-top: -3px;
}
.btnsBarraFixedContenido.btnsCuestionariosConCambios {
   margin-top: -59px;
   padding-right: 20px;
}
.barraFixedContenido.conFtagmento { height: 86px; }
.barraFixedContenido.conFtagmento h2 { margin: 23px 0 16px 42px; }
.btnsBarraFixedContenido.btnsCuestionariosConCambios li {
   margin-right: 10px;
   vertical-align: middle;
}
.btnsBarraFixedContenido.btnsCuestionariosConCambios li a { display: table; }
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulConIconoPdf {
   background-image: url('../img/privado/ico-descarga-pdf.png');
   background-position: left 22px center;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulConIconoPdf:hover {
   color: #fff;
   background-color: #42b2fc;
   background-image: url('../img/privado/ico-descarga-pdf-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulFavoritos {
   min-width: 72px;
   min-height: 41px;
   background-image: url('../img/privado/ico-btn-favoritos.png');
   background-position: center;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulFavoritos:hover {
   background-color: #42b2fc;
   background-image: url('../img/privado/ico-btn-favoritos-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulGuardar {
   min-width: 72px;
   min-height: 41px;
   background-image: url('../img/privado/ico-btn-guardar-cuestionario.png');
   background-position: center;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulGuardar:hover {
   background-color: #42b2fc;
   background-image: url('../img/privado/ico-btn-guardar-cuestionario-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulGuardar.activo {
   background-color: #308ecb;
   background-image: url('../img/privado/ico-btn-guardar-cuestionario-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulGuardar.desactivado {
   background-color: #ceebff;
   background-image: url('../img/privado/diario-de-lectura/ico-btn-guardar-cuestionario-03.png');
   border-color: #95d4fe;
   cursor: default;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulBorrar {
   min-width: 72px;
   min-height: 41px;
   border: 1px solid #ff5a5f;
   background-image: url('../img/privado/ico-btn-borrar.png');
   background-position: center;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulBorrar:hover {
   background-color: #ff5a5f;
   background-image: url('../img/privado/ico-btn-borrar-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulBorrar.activo {
   background-color: #c80315;
   background-image: url('../img/privado/ico-btn-borrar-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulBorrar.desactivado {
   background-color: #ceebff;
   background-image: url('../img/privado/diario-de-lectura/ico-btn-borrar-03.png');
   border-color: #cebacf;
   cursor: default;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulAsignar {
   min-width: 72px;
   min-height: 41px;
   background-image: url('../img/privado/ico-btn-asignar.png');
   background-position: center;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulAsignar:hover {
   background-color: #42b2fc;
   background-image: url('../img/privado/ico-btn-asignar-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulNoAsignar {
   min-width: 72px;
   min-height: 41px;
   background-image: url('../img/privado/ico-btn-no-asignar.png');
   background-position: center;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulNoAsignar:hover {
   background-color: #42b2fc;
   background-image: url('../img/privado/ico-btn-no-asignar-02.png');
}
/* BOTONES DIARIO DE LECTURA */
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulEditarDiario {
   min-width: 72px;
   min-height: 41px;
   background-image: url('../img/privado/diario-de-lectura/btn-editar-diario-01.png');
   background-position: center;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulEditarDiario:hover {
   background-color: #42b2fc;
   background-image: url('../img/privado/diario-de-lectura/btn-editar-diario-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulEditarDiario.activo {
   background-color: #308ecb;
   background-image: url('../img/privado/diario-de-lectura/btn-editar-diario-02.png');
   cursor: default;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulEditarDiario.desactivado {
   background-color: #ceebff;
   background-image: url('../img/privado/diario-de-lectura/btn-editar-diario-03.png');
   border-color: #95d4fe;
   cursor: default;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulEnviarDiario {
   min-width: 72px;
   min-height: 41px;
   background-image: url('../img/privado/diario-de-lectura/btn-enviar-diario-01.png');
   background-position: center;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulEnviarDiario:hover {
   background-color: #42b2fc;
   background-image: url('../img/privado/diario-de-lectura/btn-enviar-diario-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulEnviarDiario.activo {
   background-color: #308ecb;
   background-image: url('../img/privado/diario-de-lectura/btn-enviar-diario-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulEnviarDiario.desactivado {
   background-color: #ceebff;
   background-image: url('../img/privado/diario-de-lectura/btn-enviar-diario-03.png');
   border-color: #95d4fe;
   cursor: default;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulEnviarDiario.enviado {
   background-color: #308ecb;
   background-image: url('../img/privado/diario-de-lectura/btn-enviar-diario-04.png');
   border-color: #95d4fe;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulCompartirDiario {
   min-width: 72px;
   min-height: 41px;
   background-image: url('../img/privado/diario-de-lectura/btn-compartir-diario-01.png');
   background-position: center;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulCompartirDiario:hover {
   background-color: #42b2fc;
   background-image: url('../img/privado/diario-de-lectura/btn-compartir-diario-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulCompartirDiario.activo {
   background-color: #308ecb;
   background-image: url('../img/privado/diario-de-lectura/btn-compartir-diario-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnBordeAzulCompartirDiario.desactivado {
   background-color: #ceebff;
   background-image: url('../img/privado/diario-de-lectura/btn-compartir-diario-03.png');
   border-color: #95d4fe;
   cursor: default;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnMeGustaDiario {
   min-width: 72px;
   min-height: 41px;
   background-image: url('../img/privado/diario-de-lectura/btn-me-gusta-01.png');
   background-position: center;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnMeGustaDiario:hover {
   background-color: #42b2fc;
   background-image: url('../img/privado/diario-de-lectura/btn-me-gusta-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnMeGustaDiario.activo {
   background-color: #308ecb;
   background-image: url('../img/privado/diario-de-lectura/btn-me-gusta-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnVolverDiario {
   min-width: 72px;
   min-height: 41px;
   background-image: url('../img/privado/diario-de-lectura/btn-volver-diario-01.png');
   background-position: center;
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnVolverDiario:hover {
   background-color: #42b2fc;
   background-image: url('../img/privado/diario-de-lectura/btn-volver-diario-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulConIcono.btnVolverDiario.activo {
   background-color: #308ecb;
   background-image: url('../img/privado/diario-de-lectura/btn-volver-diario-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulDescargarDiario {
   min-width: 72px;
   min-height: 41px;
   background-image: url('../img/privado/diario-de-lectura/btn-descargar--diario-01.png');
   background-position: center;
}
.btnsCuestionariosConCambios .btnBordeAzulDescargarDiario:hover {
   background-color: #42b2fc;
   background-image: url('../img/privado/diario-de-lectura/btn-descargar--diario-02.png');
}
.btnsCuestionariosConCambios .btnBordeAzulDescargarDiario.activo {
   background-color: #308ecb;
   background-image: url('../img/privado/diario-de-lectura/bbtn-descargar--diario-02.png');
}
.esperandoEvaluacion {
   color: #308ecb;
   font-size: 13px;
   font-style: italic;
   font-weight: 700;
   background-image: url("../img/privado/diario-de-lectura/ico-esperando-evaluacion.png");
   background-repeat: no-repeat;
   max-width: 77px;
   display: block;
   padding-top: 32px;
   line-height: 1.1;
   text-align: center;
   background-position: top center;
}
.diarioMeGusta {
   color: #308ecb;
   font-size: 12px;
   font-weight: 700;
   background-image: url("../img/privado/diario-de-lectura/diario-me-gusta-01.png");
   background-repeat: no-repeat;
   max-width: 77px;
   display: block;
   padding-top: 52px;
   line-height: 1.1;
   text-align: center;
   background-position: top center;
   text-decoration: underline;
   cursor: pointer;
}
.diarioMeGusta:hover {
   background-image: url("../img/privado/diario-de-lectura/diario-me-gusta-02.png");
   color: #7ccbff;
}
.diarioMeGusta.activo {
   background-image: url("../img/privado/diario-de-lectura/diario-me-gusta-03.png");
   color: #308ecb;
}
.liDiarioMostrarEvaluacion { min-width: 100px; }
.btnsBarraFixedContenido.btnsCuestionariosConCambios li a.diarioMostrarEvaluacion {
   display: block;
   position: relative;
   cursor: pointer;
}
.diarioMostrarEvaluacion::after {
   display: block;
   content: '';
   width: 63px;
   height: 58px;
   background-image: url("../img/privado/diario-de-lectura/diario-mostrar-evaluacion-01.png");
   background-repeat: no-repeat;
   position: absolute;
   top: -8px;
   left: 38px;
}
.diarioMostrarEvaluacion:hover::after { background-image: url("../img/privado/diario-de-lectura/diario-mostrar-evaluacion-02.png"); }
.diarioMostrarEvaluacion.activo::after { background-image: url("../img/privado/diario-de-lectura/diario-mostrar-evaluacion-03.png"); }
.liDiarioNoMostrarEvaluacion { min-width: 100px; }
.btnsBarraFixedContenido.btnsCuestionariosConCambios li a.diarioNoMostrarEvaluacion {
   display: block;
   position: relative;
   cursor: pointer;
}
.diarioNoMostrarEvaluacion::after {
   display: block;
   content: '';
   width: 63px;
   height: 58px;
   background-image: url("../img/privado/diario-de-lectura/diario-no-mostrar-evaluacion-01.png");
   background-repeat: no-repeat;
   position: absolute;
   top: -8px;
   left: 38px;
}
.diarioNoMostrarEvaluacion:hover::after { background-image: url("../img/privado/diario-de-lectura/diario-no-mostrar-evaluacion-02.png"); }
.diarioNoMostrarEvaluacion.activo::after { background-image: url("../img/privado/diario-de-lectura/no-diario-mostrar-evaluacion-03.png"); }
.diarioMostrarEvaluacion img,
.diarioNoMostrarEvaluacion img {
   margin-right: 0;
   border: 2px solid #a2dafe;
   border-radius: 50%;
}
.btnsCuestionariosConCambios .enlaceRojo { margin-left: 20px; }
.contenidoBloqueNuevoCuestionario.contenidoBloqueNuevoCuestionarioFloat {
   float: right;
   width: auto;
   padding-top: 0;
}
.contenidoBloqueNuevoCuestionario.contenidoBloqueNuevoCuestionarioFloat ul { margin-top: 0; }
.bloqueNuevoCuestionario.bloqueNuevoCuestionarioSinTipoPregunta .btnsBorrarDesplazar {
   margin-top: 0;
   margin-bottom: -20px;
}
.cuestionarioConCambios {
   clear: both;
   margin-top: 0;
}
.bloqueNuevoCuestionario.bloqueNuevoCuestionarioSinTipoPregunta {
   float: left;
   width: calc(100% - 270px);
}
.contenidoBloqueNuevoCuestionario.contenidoBloqueNuevoCuestionarioFloat label { display: block; }
.contenidoBloqueNuevoCuestionario.contenidoBloqueNuevoCuestionarioFloat .unaLinea .select-css.selectLogin { margin-left: 0; }
.contenedorBtnAnadirMas.contenedorBtnAnadirMasSinTipoPregunta { width: calc(100% - 229px); }
.contenidoBarraFixedContenido.barraCuestionariosPorHacer { margin-top: 110px; }
/* FICHA LIBRO CUESTIONARIOS */
.fichaLibroGeneral aside .btnsFichaLibro.btnHacerCuestionario.btnsNuevoCuestionarioConversacion { display: none; }
ul.btnsFichaLibro.btnsFichaLibro.btnsNuevoCuestionarioConversacion li a { max-width: 100%; }
ul.btnsFichaLibro.btnsNuevoCuestionarioConversacion li a.btnPrincipal {
   color: #f36d21;
   border: solid 1px #f36d21;
   background-image: url(../img/privado/ico-mas-naranja.png);
}
ul.btnsFichaLibro.btnsNuevoCuestionarioConversacion li a.btnPrincipal:hover,
ul.btnsFichaLibro.btnsNuevoCuestionarioConversacion li a.btnPrincipal:focus {
   color: #fff;
   background-color: #f36d21;
   background-image: url(../img/privado/ico-mas-blanco.png);
}
ul.btnsFichaLibro.btnsNuevoCuestionarioConversacion li a.btnConversacionLiteraria {
   margin-left: 20px;
   padding: 15px 20px 15px 70px;
   color: #42b2fc;
   border: 1px solid #42b2fc;
   border-radius: 24px;
   background-color: #fff;
   background-image: url(../img/privado/ico-btn-conversacion-literaria.png);
   background-position: left center, center, center;
}
ul.btnsFichaLibro.btnsNuevoCuestionarioConversacion li a.btnConversacionLiteraria:hover,
ul.btnsFichaLibro.btnsNuevoCuestionarioConversacion li a.btnConversacionLiteraria:focus {
   color: #fff;
   background-color: #42b2fc;
   background-image: url(../img/privado/ico-btn-conversacion-literaria-02.png);
}
#modalTipoCuestionario { text-align: center; }
#modalTipoCuestionario .btnPrincipal {
   margin-top: 20px;
   margin-bottom: 25px;
}
.btnEcharVistazo {
   padding: 15px 25px 15px 40px;
   padding-left: 50px;
   text-decoration: none;
   color: #42b2fc;
   border: solid 1px #42b2fc;
   border-radius: 21px;
   background-color: #fff;
   background-image: url(../img/privado/ico-echar-un-vistazo.png);
   background-repeat: no-repeat;
   background-position: left 10px center;
}
.btnEcharVistazo:hover {
   color: #fff;
   background-color: #42b2fc;
   background-image: url(../img/privado/ico-echar-un-vistazo-02.png);
   background-position: left 10px center;
}
/* CARRUSEL INDEX */
.contenedorLeotecaEnElAula {
   max-width: 1036px;
   margin: 120px auto 0 auto;
   text-align: center;
}
.leotecaEnElAula { max-width: 1006px; }
.leotecaEnElAula img {
   margin: 0 auto;
   border: solid 3px #e3eef9;
   border-radius: 10px;
   box-shadow: 0 0 5px 0 rgba(24, 70, 76, .09);
}
.leotecaEnElAula p {
   font-size: 17px;
   font-weight: 500;
}
.leotecaEnElAula.slick-slider { margin: 0 15px; }
.leotecaEnElAula.slick-slider .slick-dots { margin: 10px auto 10px auto; }
.puntosGrandes .slick-dots li {
   width: 24px;
   height: 24px;
   margin: 0 12px;
}
.puntosGrandes .slick-dots li button {
   width: 24px;
   height: 24px;
}
.leotecaEnElAulaDesktop { display: none !important; }
.leotecaEnElAulaMovil { display: block !important; }
/* MENU MOVIL */
.menuMovil {
   position: absolute;
   top: 21px;
   right: 20px;
}
.menuPrincipal ul li.iconoCerrarMenuMovil {
   position: absolute;
   top: 5px;
   right: 15px;
   display: block;
}
/* SMARTICK LECTURA */
.menuPrivadoSmartick a { background-image: url(../img/privado/ico-menu-lateral-smartick-lectura.png); }
.menuPrivadoSmartick a:hover,
.menuPrivadoSmartick a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-smartick-lectura.png); }
.fondoPrivadoSmarickLectura {
   min-height: calc(100vh - 68px);
   background-image: url(../img/privado/smartick-lectura-02.png);
   background-repeat: no-repeat;
   background-position-x: calc(50% + 52px);
   background-position-y: top;
   background-color: #52a990;
}
.smartickLectura {
   text-align: center;
   font-size: 14px;
   padding-top: 100px;
   font-weight: 600;
}
.smartickLectura h2 {
   font-size: 20px;
   font-weight: 800;
   text-align: center;
   color: #42b2fc;
}
.listaSmartickLectura {
   list-style: inherit;
   list-style-position: inside;
   margin-bottom: 37px;
}
.smartickLectura h3 {
   color: #fff;
   font-weight: 800;
   font-size: 19px;
   margin-top: 53px;
   margin-bottom: 60px;
}
.contenidoConSombraSmartickLectura {
   border: solid 2px #e5f4ff;
   border-radius: 24px;
   background-color: #fff;
   box-shadow: 0 3px 24px 0 rgba(0, 0, 0, .15);
   margin: 50px auto 0 auto;
   padding: 20px 30px 30px 30px;
   display: inline-block;
}
.contenidoConSombraSmartickLectura p {
   font-size: 13px;
   color: #42b2fc;
}
.smartickLecturaSaberMas { font-size: 13px; }
.smartickLecturaSaberMas a { color: #fba62d; }
.btnSolapados { margin: 42px 0 32px 0; }
.btnSolapados li { display: inline-block; }
.btnSolapados li.solapado { margin-right: -20px; }
.btnSolapados button {
   color: #42b2fc;
   background-color: #ffffff;
   font-size: 15px;
   font-weight: 600;
   border: 1px solid #42b2fc;
   border-radius: 20px;
   text-decoration: none;
   padding: 3px 30px;
}
.btnCopiarEnlace,
.btnCopiarCodigo {
   background: url("../img/privado/ico-copiar-enlace.png") no-repeat;
   width: 15px;
   height: 15px;
   display: inline-block;
   vertical-align: text-bottom;
   margin-left: 10px;
   cursor: pointer;
}
.btnSolapados button.actual,
.btnSolapados button:hover {
   background-color: #42b2fc;
   color: #fff;
   position: relative;
}
.recomendadoSmartick {
   font-size: 13px;
   color: #808080;
}
.recomendadoSmartick a {
   text-decoration: none;
   color: #808080;
}
.recomendadoSmartick a:hover { color: #42b2fc; }
#codigoSmartick { display: none; }
/* DIARIO DE LECTURA */
.diarioDeLectura textarea { resize: none; }
.fondoDiarioDeLectura01 {
   background-image: url(../img/privado/diario-de-lectura/fondo-diario-de-lectura-01.png);
   background-position: bottom right;
   min-height: 1356px;
}
.fondoDiarioDeLectura02 {
   background-image: url(../img/privado/diario-de-lectura/fondo-diario-de-lectura-02.png);
   background-position: top right;
   /*min-height: calc(100vh - 58px);*/
   min-height: 1073px;
}
.diarioDeLectura .barraFixedContenido { min-height: 85px; }
.diarioDeLectura .barraFixedContenido h2 {
   font-size: 20px;
   margin-left: 15px;
   float: left;
   margin-top: 30px;
}
.diarioDeLectura .barraFixedContenido.barraCompleta h2 {
   font-size: 14px;
   margin-top: 17px;
}
.diarioDeLectura .barraFixedContenido.barraCompleta .subtitularDiario { font-size: 13px; }
.icoInformacion {
   width: 27px;
   height: 27px;
   display: inline-block;
   background-image: url("../img/privado/diario-de-lectura/ico-informacion-01.png");
   background-repeat: no-repeat;
   vertical-align: top;
   margin-right: 5px;
}
.titularDiario { display: inline; }
.icoInformacion:hover { background-image: url("../img/privado/diario-de-lectura/ico-informacion-02.png"); }
.subtitularDiario {
   font-weight: 500;
   font-size: 16px;
   display: block;
   margin-top: -5px;
}
.subtitularDiario img {
   margin-right: 6px;
   vertical-align: text-top;
}
.diarioDeLectura .barraFixedContenido h2.conSubtitlar {
   margin-top: 22px;
   margin-right: 5px;
   margin-bottom: 0;
}
.paginacionDiarioLectura {
   display: inline-block;
   margin: 18px 5px 0 5px;
}
.paginacionDiarioLectura li {
   display: inline-block;
   font-weight: 700;
   vertical-align: middle;
}
.margenIzquierdaBtn { margin-left: 15px; }
.numeroDePagina {
   min-height: 59px;
   line-height: 3.7;
}
.btnPagAtras {
   width: 22px;
   height: 40px;
   background-image: url("../img/privado/diario-de-lectura/nav-izq-01.png");
   background-repeat: no-repeat;
   display: inline-block;
   margin-right: 0;
}
.btnPagAtras:hover { background-image: url("../img/privado/diario-de-lectura/nav-izq-02.png"); }
.btnPagSiguiente {
   width: 22px;
   height: 40px;
   background-image: url("../img/privado/diario-de-lectura/nav-dcha-01.png");
   background-repeat: no-repeat;
   display: inline-block;
   margin-left: 0;
}
.btnPagSiguiente:hover { background-image: url("../img/privado/diario-de-lectura/nav-dcha-02.png"); }
.btnIndice {
   background-image: url("../img/privado/diario-de-lectura/btn-indice-01.png");
   display: inline-block;
   width: 57px;
   height: 53px;
   margin-right: 5px;
}
.btnIndice:hover {
   background-image: url("../img/privado/diario-de-lectura/btn-indice-02.png");
   display: inline-block;
}
.btnRecibidos {
   background-image: url("../img/privado/diario-de-lectura/btn-mensaje-01.png");
   display: inline-block;
   width: 57px;
   height: 53px;
   margin-right: 10px;
}
.btnRecibidos:hover {
   background-image: url("../img/privado/diario-de-lectura/btn-mensaje-02.png");
   display: inline-block;
}
.diarioDeLectura .btnsBarraFixedContenido.btnsCuestionariosConCambios li { margin-right: 3px; }
.diarioDeLectura .btnsBarraFixedContenido.btnsCuestionariosConCambios .enlaceRojo { margin-left: 5px; }
.diarioDeLectura .btnsBarraFixedContenido.btnsCuestionariosConCambios {
   margin-top: 0;
   margin-left: 0;
   margin-bottom: 0;
   min-height: 85px;
   display: flex;
   align-items: center;
}
.contenidoBarraLateralDiario {
   float: left;
   margin-top: 86px;
   width: calc(100% - 330px);
}
.diarioDeLectura .contenidoBarraFixedContenido h3 {
   font-size: 30px;
   font-family: 'Kalam', cursive;
}
.portadaDiario {
   float: left;
   max-width: 161px;
   border-radius: 20px;
}
.contenidoDiarioFloat {
   width: calc(100% - 165px);
   float: left;
   padding-left: 20px;
}
.contenidoDiarioFloat p {
   font-weight: 600;
   margin-top: 0;
}
.formularioBuscadorDiario .buscadorPrincipal {
   background: url(../img/privado/diario-de-lectura/ico-lupa-diario.png) 10px center no-repeat #f3fbff;
   background-color: #f3fbff;
   width: 100%;
   border: solid 2px #a1c7da;
   max-width: 489px;
   font-size: 17px;
   font-weight: 600;
   padding: 13px 70px 15px 60px;
}
.formularioBuscadorDiario .buscadorPrincipal::placeholder {
 font-size: 17px;
 font-style: italic;
 opacity: 1;
 color: #7d94a8;
}
.formularioBuscadorDiario .buscadorPrincipal:focus { border: solid 2px #ff520c !important; }
.formularioBuscadorDiario .buscadorPrincipal.rellenado {
   background-color: #fff;
   color: #3e3e3e;
   font-style: normal;
}
.formularioBuscadorDiario .buscadorPrincipal.rellenado::placeholder {
 color: #3e3e3e;
 font-style: normal;
 font-weight: 600;
}
.formularioBuscadorDiario .btnBuscador {
   width: 60px;
   height: 41px;
   line-height: 0.7;
   display: inline-block;
   margin-left: -70px;
}
.textoDesactivadoDiario {
   border: solid 1px #c7e9ff;
   background-color: #fff;
   color: #b0d0e3;
   font-style: italic;
   border-radius: 5px;
   margin-top: 22px !important;
   padding: 14px 22px;
   margin-left: 7px;
}
.textoDesactivadoDiario.rellenado {
   font-style: normal;
   color: #3e3e3e;
}
.diarioDeLectura .contenidoBarraFixedContenido h3.titularDiario {
   display: block;
   clear: both;
   padding-top: 30px;
   margin-bottom: 0;
}
.subTitularDiario {
   font-size: 18px;
   font-weight: 700;
   margin-top: -7px;
}
.barraLateralDiario {
   float: right;
   width: 330px;
   margin-top: 56px;
   background-image: url("../img/privado/diario-de-lectura/fondo-diario-de-lectura-barra-lateral.png");
   background-repeat: no-repeat;
   text-align: center;
   padding-bottom: 20px;
   /*min-height: calc(100vh - 124px);*/
   min-height: 1205px;
}
.barraLateralDiario h4 {
   color: #308ecb;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-barra-lateral-diario.png");
   background-repeat: no-repeat;
   padding: 24px 10px;
   font-weight: 800;
   margin-top: 40px;
}
.registroRitmoLectura li { display: inline-block; }
.registroRitmoLectura li:first-child { margin-right: 10px; }
.registroRitmoLectura li:last-child { margin-left: 10px; }
.registroRitmoLectura li span {
   color: #fff;
   font-weight: 600;
   margin-bottom: 10px;
   display: block;
}
.noFiccion {
   display: block;
   width: 89px;
   height: 89px;
   background-image: url("../img/privado/diario-de-lectura/registro-lectura-no-ficcion-01.png");
   background-repeat: no-repeat;
}
.noFiccion:hover { background-image: url("../img/privado/diario-de-lectura/registro-lectura-no-ficcion-02.png"); }
.noFiccion.activo { background-image: url("../img/privado/diario-de-lectura/registro-lectura-no-ficcion-03.png"); }
.noFiccion.noSeleccionado { background-image: url("../img/privado/diario-de-lectura/registro-lectura-no-ficcion-04.png"); }
.noFiccion.noSeleccionado:hover { background-image: url("../img/privado/diario-de-lectura/registro-lectura-no-ficcion-05.png"); }
.ficcion {
   display: block;
   width: 89px;
   height: 89px;
   background-image: url("../img/privado/diario-de-lectura/registro-lectura-ficcion-01.png");
   background-repeat: no-repeat;
}
.ficcion:hover { background-image: url("../img/privado/diario-de-lectura/registro-lectura-ficcion-02.png"); }
.ficcion.activo { background-image: url("../img/privado/diario-de-lectura/registro-lectura-ficcion-03.png"); }
.ficcion.noSeleccionado { background-image: url("../img/privado/diario-de-lectura/registro-lectura-ficcion-04.png"); }
.ficcion.noSeleccionado:hover { background-image: url("../img/privado/diario-de-lectura/registro-lectura-ficcion-05.png"); }
.lento {
   display: block;
   width: 89px;
   height: 89px;
   background-image: url("../img/privado/diario-de-lectura/registro-lectura-lento-01.png");
   background-repeat: no-repeat;
}
.lento:hover { background-image: url("../img/privado/diario-de-lectura/registro-lectura-lento-02.png"); }
.lento.activo { background-image: url("../img/privado/diario-de-lectura/registro-lectura-lento-03.png"); }
.lento.noSeleccionado { background-image: url("../img/privado/diario-de-lectura/registro-lectura-lento-04.png"); }
.lento.noSeleccionado:hover { background-image: url("../img/privado/diario-de-lectura/registro-lectura-lento-05.png"); }
.rapido {
   display: block;
   width: 89px;
   height: 89px;
   background-image: url("../img/privado/diario-de-lectura/registro-lectura-rapido-01.png");
   background-repeat: no-repeat;
}
.rapido:hover { background-image: url("../img/privado/diario-de-lectura/registro-lectura-rapido-02.png"); }
.rapido.activo { background-image: url("../img/privado/diario-de-lectura/registro-lectura-rapido-03.png"); }
.rapido.noSeleccionado { background-image: url("../img/privado/diario-de-lectura/registro-lectura-rapido-04.png"); }
.rapido.noSeleccionado:hover { background-image: url("../img/privado/diario-de-lectura/registro-lectura-rapido-05.png"); }
.barraLateralDiario h5 {
   font-size: 24px;
   font-weight: 700;
   font-family: 'Kalam', cursive;
   color: #fff;
   margin-top: 20px;
   margin-bottom: 17px;
}
.notaVotacion {
   font-size: 53px;
   font-weight: 800;
   color: #fff;
   margin-top: -34px;
   margin-bottom: 0;
}
.votacionDiario {
   margin-top: 0;
   margin-bottom: 30px;
}
.votacionDiario li { display: inline-block; }
.votacionDiario li a {
   width: 30px;
   height: 27px;
   display: block;
   background-image: url("../img/privado/diario-de-lectura/estrella-diario-completa.png");
   background-repeat: no-repeat;
   cursor: default;
}
.votacionDiario li.mediaEstrella a { background-image: url("../img/privado/diario-de-lectura/estrella-diario-media.png"); }
/* TEXTAREA */
.barraLateralDiario textarea {
   width: 200px;
   height: 134px;
   padding: 10px 15px;
   margin-bottom: 0;
   margin-top: -10px;
}
.barraLateralDiario textarea.loHeLeidoEn { height: 105px; }
.textAreaDiario {
   font-weight: 500;
   width: 100%;
   margin-bottom: 15px;
   padding: 15px 20px;
   color: #3e3e3e;
   border: 2px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
   font-size: 17px;
}
.textAreaDiario::placeholder {
 font-style: italic;
 color: #7d94a8;
 opacity: 1;
}
.textAreaDiario:focus {
   border: 2px solid #ffbb0f !important;
   background-color: #fff;
   color: #3e3e3e;
}
.textAreaDiario.desactivado {
   background-color: #fff;
   border: 1px solid #c7e9ff;
}
.textAreaDiario.desactivadoCompletado {
   color: #3e3e3e3;
   background-color: #fff;
}
textarea#respuestaDiario { min-height: 254px; }
textarea#respuestaEsteLibroEs {
   min-height: 134px;
   max-height: 134px;
   height: 134px;
}
textarea#respuestaLoHeLeidoEn {
   min-height: 105px;
   max-height: 105px;
   height: 105px;
}
/* INDICE */
.indice {
   position: fixed;
   background-color: #fff;
   border: 1px solid #2b89c6;
   border-left: none;
   border-radius: 0 20px 20px 0;
   margin-top: 100px;
   margin-left: -20px;
   max-width: 280px;
   max-height: calc(100vh - 238px);
   min-width: 280px;
   overflow: hidden;
   z-index: 10;
}
.indice ul {
   margin-top: 0;
   margin-bottom: 0;
   position: relative;
}
.indice ul li {
   font-weight: 700;
   border-bottom: 1px solid #aecedf;
   padding: 18px 20px;
}
.indice ul li a {
   color: #3e3e3e;
   text-decoration: none;
}
.indice ul li.titular {
   border-bottom-color: #2b89c6;
   padding: 15px 20px;
}
.indice ul li h3 {
   font-size: 16px;
   text-align: center;
   margin: 0;
   padding: 0 15px 0 20px;
}
.indice ul li span {
   color: #42b2fc;
   display: block;
   padding: 4px 0 4px;
}
.indice ul li.espera span {
   background-image: url("../img/privado/diario-de-lectura/ico-pendiente.png");
   background-repeat: no-repeat;
   background-position: right;
}
.indice ul li.evaluado span {
   color: #7ac43d;
   background-image: url("../img/privado/diario-de-lectura/ico-evaluado.png");
   background-repeat: no-repeat;
   background-position: right;
}
.indice ul li.porEvaluar span {
   color: #ff0008;
   background-image: url("../img/privado/diario-de-lectura/ico-diario--por-evaluar.png");
   background-repeat: no-repeat;
   background-position: right;
}
.indice ul li.bloqueado { color: #afd0e1 }
.indice ul li.bloqueado span { color: #afd0e1 }
.indice ul li.fondoLiAzul { background-color: #e0f4ff; }
.indice ul li.indicePagArriba {
   padding: 15px 20px;
   border: 1px solid #2b89c6;
   position: fixed;
   width: 280px;
   background-color: #fff;
   border-radius: 0 20px 0 0;
   margin-top: -1px;
   border-left: none;
}
.indice ul li.indicePagAbajo {
   padding: 15px 20px;
   position: fixed;
   width: 280px;
   background-color: #fff;
   border: 1px solid #2b89c6;
   border-radius: 0 0 20px 0;
   margin-top: -1px;
   border-left: none;
   bottom: 16px;
}
.indicePagArriba a {
   background-image: url("../img/privado/diario-de-lectura/indice-pag-arriba.png");
   background-repeat: no-repeat;
   background-position: center;
   width: 100%;
   height: 22px;
   display: block;
}
.indicePagArriba a:hover { background-image: url("../img/privado/diario-de-lectura/indice-pag-arriba-02.png"); }
.indicePagAbajo a {
   background-image: url("../img/privado/diario-de-lectura/indice-pag-abajo.png");
   background-repeat: no-repeat;
   background-position: center;
   width: 100%;
   height: 22px;
   display: block;
}
.indicePagAbajo a:hover { background-image: url("../img/privado/diario-de-lectura/indice-pag-abajo-02.png"); }
.modalInterior {
   position: absolute;
   background-color: rgba(0, 0, 0, 0.3);
   height: 100%;
   width: calc(100% + 40px);
   margin-left: -20px;
   margin-top: 84px;
   z-index: 3;
}
.modalInterior.modalInteriorSinOverlay { background-color: transparent; }
.mensajeContenidoModalInterior {
   position: fixed;
   bottom: 10px;
   margin-left: 10px;
   max-width: 1071px;
   width: calc(100% - 110px);
}
.contenidoModalInterior {
   border: solid 2px #fba62d;
   background-color: #ffd69c;
   font-size: 17px;
   border-radius: 40px;
   padding: 9px 24px;
   display: inline-block;
   width: calc(100% - 66px);
}
.contenidoModalInterior::after {
   display: block;
   content: '';
   width: 30px;
   height: 15px;
   background-image: url("../img/privado/diario-de-lectura/pico-bocadillo-profe.png");
   background-repeat: no-repeat;
   position: absolute;
   right: 54px;
   bottom: 0;
}
.contenidoModalInterior img { float: left; }
.mensajeTutor {
   width: calc(100% - 106px);
   display: inline-block;
   padding-left: 25px;
}
.contenidoModalInterior h3 { font-size: 17px; }
.usuarioModal {
   border: 2px solid #a2dafe;
   border-radius: 50%;
   position: absolute;
   bottom: 0;
}
.modalInterior.modalClaro {
   background-color: rgba(255, 255, 255, 0.7);
   min-height: 989px;
}
/* MODAL COMPARTIR CUESTIONARIO */
#enviarEntradaDiario { padding: 15px 50px 35px 50px; }
#enviarEntradaDiario .enlaceAzul { margin-top: 28px; }
.conBuscador .formularioBuscador {
   position: relative;
   display: block;
}
.conBuscador .buscadorPrincipal {
   font-size: 18px;
   margin-top: 10px;
   padding: 17px 79px 18px 59px;
   background-color: #fff;
   background-size: 39px;
}
.conBuscador .btnBuscador {
   position: absolute;
   top: 4px;
   right: 10px;
}
.conBuscador li { margin-left: 50px; }
.modalToolTip ul li {
   margin-bottom: 8px;
   text-align: left;
}
.checkboxSeleccionartodos { margin-left: 10px !important; }
.conBuscador li.checkboxSeleccionartodos label { font-size: 18px; }
/* DIARIO AMIGO */
.badgeDiario {
   background-image: url("../img/privado/diario-de-lectura/badge-curso.png");
   background-repeat: no-repeat;
   width: 155px;
   height: 155px;
   font-family: 'Kalam', cursive;
   font-size: 88px;
   font-weight: 700;
   line-height: 1.9;
   color: #fff;
   float: right;
   position: relative;
   left: 57px;
   top: -67px;
   text-align: center;
   z-index: 2;
}
.ordinal {
   font-size: 50px;
   vertical-align: super;
}
.perteneceA {
   background-image: url("../img/privado/diario-de-lectura/contenedor-nombre.png");
   background-repeat: no-repeat;
   width: 448px;
   height: 337px;
   display: block;
   position: relative;
   float: right;
   right: -132px;
   top: 20px;
}
.diarioDeLectura .contenidoBarraFixedContenido .perteneceA h3 { margin-bottom: 0; }
.perteneceA .textoDesactivadoDiario.rellenado {
   margin-top: 0 !important;
   padding: 17px 22px;
   font-size: 17px;
   margin-left: 0;
   min-height: 60px;
   box-sizing: border-box;
}
.contenidoCentadoVertical {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-51%, -50%);
   width: 100%;
   max-width: 340px;
}
.contenidoBarraFixedContenido.contenidoBarraLateralDiario.contenidoDiarioPerteneceA {
   margin: 204px auto;
   float: none;
   max-width: 641px;
   width: 100%;
}
/* MODAL ME GUSTA */
#modalMegusta p {
   text-align: center;
   font-weight: 600;
   font-size: 18px;
}
#modalMegusta ul {
   font-size: 14px;
   margin-left: 130px;
}
/* MODAL DIARIO COMPLETADO */
#modalDiarioCompleto p {
   font-size: 17px;
   color: #8a8080;
   font-weight: 600;
   padding: 0 52px;
}
#modalDiarioCompleto .imgDiarioFinalizado {
   display: block;
   margin: 0 auto 30px auto;
}
/* DIARIO DE LECTURA MENSAJES */
.diarioDeLectura .icoAsunto { margin-top: 6px; }
/* MODAL ELIGE LA ENTRADA DEL DIARIO */
#modalEligeLaEntrada .radioButtonsGenerales.eligeDestinatarioMisAmigos {
   display: block;
   text-align: center;
   margin-top: 40px;
}
.eligeDestinatarioMisAmigos ul.radioDosColumnas {
   columns: 2;
   padding-left: 0;
   column-gap: 80px;
}
#modalEligeLaEntrada .enlaceAzul { margin-top: 20px; }
ul.radioDosColumnas input.disabled { color: red; }
ul.radioDosColumnas label > input[type='radio']:disabled + ::before {
   border-color: #d8ecf6;
   cursor: default;
}
ul.radioDosColumnas .disabledRadio {
   color: #d8ecf6;
   cursor: default;
}
/* MODAL RESULTADOS DE BUSQUEDA */
#modalResultadosBusqueda {
   width: 100%;
   max-width: 1270px;
   background-color: #edf6ff;
   padding: 10px 20px 94px 20px;
   top: 0;
}
#modalResultadosBusqueda .fluid.dosColumnasAsideA.resultadosBuscadorFiltros {
   position: relative;
   min-width: 289px;
   min-height: auto;
   padding-top: 0;
   width: 100%;
   display: none;
}
.resultadosInstruccionesBusquedaTablet { display: block; }
#modalResultadosBusqueda .contenedorResultadosBuscadorFiltros {
   border: solid 3px #c8e3fd;
   background-color: #d8eafa;
   border-radius: 30px;
   padding: 10px 15px 10px 15px;
}
#modalResultadosBusqueda .contenedorResultadosBuscadorFiltros::after {
   width: 20px;
   height: 34px;
   content: '';
   display: block;
   background-image: url("../img/privado/diario-de-lectura/pico-bocadillo-resultados-buscador-modal.png");
   background-repeat: no-repeat;
   position: absolute;
   right: 0;
}
.leoDePie {
   margin-top: 4px;
   position: relative;
   z-index: 3;
}
#modalResultadosBusqueda .contenedorResultadosBuscadorFiltros { display: block; }
#modalResultadosBusqueda .fluid.dosColumnasAsideA.resultadosBuscadorFiltros p {
   font-size: 17px;
   font-weight: 600;
   margin-bottom: 5px;
   margin-top: 5px;
}
.btnIrAMiBliblioteca {
   border-radius: 24px;
   background-color: #42b2fc;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   background-image: url("../img/privado/diario-de-lectura/btn-ir-a-mi-biblioteca.png");
   background-repeat: no-repeat;
   padding: 15px 20px 15px 50px;
   background-position: left 17px center;
   text-decoration: none;
   margin: 15px auto;
   display: table;
}
.btnIrAMiBliblioteca:hover {
   background-color: #65c2ff;
   color: #fff;
}
#modalResultadosBusqueda .contenidoResultadosBusqueda { margin-top: 20px; }
#modalResultadosBusqueda .btnPrincipal.btnRecomendaciones {
   font-size: 15px;
   margin-top: -7px;
   padding: 8px 25px;
}
#modalResultadosBusqueda .fluid.dosColumnasAsideB.resultadosBuscador {
   width: 100%;
   margin-left: 0;
}
#modalResultadosBusqueda .scrollVertical {
   height: 260px;
   padding-right: 20px;
   padding-top: 20px;
   margin-top: -20px;
   padding-left: 27px;
}
.capaFixedModalResultadosBusqueda {
   box-shadow: 0px -1px 13px 0 rgba(0, 0, 0, 0.24);
   display: inline-block;
   width: 100%;
   padding: 10px 40px 30px 40px;
   position: absolute;
   bottom: 0;
   left: 0;
   background-color: #fff;
   border-radius: 0 0 8px 8px;
   z-index: 2;
}
#modalResultadosBusqueda .enlaceAzul {
   float: right;
   margin-top: -36px;
}
.formularioBuscador.formularioBuscadorDiario { padding-left: 9px; }
.radioButtonSeleccionarLibro {
   position: absolute;
   top: -20px;
   left: -27px;
   z-index: 2;
   margin: 0;
}
.radioButtonSeleccionarLibro label > input[type="radio"] + ::before {
   border-color: #42b2fc;
   width: 33px;
   height: 33px;
   border-width: 6px;
   outline: 3px solid #fff;
   background-color: #fff;
}
.radioButtonSeleccionarLibro label > input[type="radio"] + ::before { margin-right: 0; }
.radioButtonSeleccionarLibro label > input[type="radio"]:checked + ::before {
   background: radial-gradient(#42b2fc 0%, #42b2fc 40%, transparent 50%, transparent);
   background-color: #fff;
}
.btnPrincipal.btnNaranjaDesactivado {
   background: #fbcfbc;
   cursor: default;
}
/* DIARIO LECTURA PROFESORES */
.icoTablaRecibidos {
   display: block;
   width: 35px;
   height: 34px;
   margin: 0 auto;
   background-image: url("../img/privado/diario-de-lectura/ico-recibidos-01.png");
   background-repeat: no-repeat;
}
.icoTablaRecibidos:hover { background-image: url("../img/privado/diario-de-lectura/ico-recibidos-02.png"); }
.icoTablaRecibidosCantidad {
   background-color: #ff0008;
   border-radius: 50%;
   font-size: 16px;
   color: #fff;
   padding: 5px;
   width: 30px;
   height: 30px;
   display: block;
   position: absolute;
   margin-left: 74px;
   margin-top: -46px;
   line-height: 1.1;
}
.icoTablaRecibidos:hover + .icoTablaRecibidosCantidad { background-color: #f36d21; }
.barraDeProgreso {
   background-color: #f3fbff;
   display: inline-block;
   width: 110px;
   height: 7px;
   border-radius: 3px;
   border: 1px solid #a7cbdc;
}
.barraDeProgreso > div {
   background-color: #7ac43d;
   display: block;
   height: 6px;
   border-radius: 3px;
}
.porcentajeCompletado span {
   font-size: 13px;
   color: #3e3e3e;
   font-weight: 700;
   margin-left: 5px;
}
.icoInformacion.icoInformacionListados { vertical-align: -2px; }
.diarioVerNombreClase .select-css.selectLogin.selectPrivado {
   max-width: 245px;
   font-size: 17px;
   display: inline-block;
}
.diarioVerNombreClase .btnPrincipal.btnEntrarLogin {
   display: inline-block;
   font-size: 15px;
   padding: 13px 20px;
   margin-left: 10px;
}
.btnRecibidosCantidad {
   background-color: #ff0008;
   font-size: 12px;
   border-radius: 50%;
   display: inline-block;
   color: #fff;
   font-weight: 700;
   padding: 4px;
   position: absolute;
   margin-left: -22px;
   margin-top: -8px;
   width: 25px;
   height: 25px;
   text-align: center;
   line-height: 1.1;
}
.diarioDeLectura .contenidoPrivado { min-height: calc(100vh - 155px); }
.fondoEscrituraCreativa {
   background-image: url("../img/privado/diario-de-lectura/fondo-diario-de-lectura-escritura-creativa.png");
   background-position: top 40px left 100px;
}
.escrituraCreativa {  width: calc(100% - -30px);
}
.escrituraCreativa h3 {
   text-align: center;
   margin-bottom: 0;
   margin-bottom: -10px;
}
.subtitularEscrituraCreativa { text-align: center; }
.contenidoEscrituraCreativa {
   border: solid 1px #c7e9ff;
   background-color: #fff;
   border-radius: 6px;
   max-width: 800px;
   margin: 24px auto 70px auto;
   min-height: 469px;
   padding: 10px 35px;
}
.contenidoEscrituraCreativa p { line-height: 1.9; }
.edicionEscrituraCreativa {
   border: solid 2px #fba62d;
   background-color: #ffd69c;
   padding-bottom: 8px;
}
.pegatinaMensaje {
   float: left;
   text-align: center;
   max-width: 210px;
   padding: 0 20px;
}
.pegatinaMensaje img {
   display: block;
   margin: 15px auto;
}
.pegatinaMensaje .enlaceSeleccionaPegatina {
   color: #ff520c;
   font-size: 14px;
   float: left;
   font-weight: 700;
}
.camposEscrituraCreativa {
   max-width: calc(100% - 220px);
   display: inline-block;
   width: 100%;
   padding-left: 20px;
}
.camposEscrituraCreativa .textAreaDiario {
   height: 117px;
   min-height: 117px !important;
   border-width: 2px;
}
.camposEscrituraCreativa input {
   margin-top: 15px;
   margin-bottom: 10px;
   max-width: 510px;
   border-width: 2px;
}
.camposEscrituraCreativa input::placeholder {
 font-style: italic;
}
.fondoEscrituraCreativa.margenEdicionEscrituraCreativa { background-position: top 260px left 100px; }
.inputRellenado {
   background-color: #fff;
   padding: 13px 25px;
   border: 2px solid #a1c7da;
   border-radius: 5px;
   min-height: 53px;
   box-sizing: border-box;
}
.textareaRellenado {
   background-color: #fff;
   padding: 13px 25px;
   border: 2px solid #a1c7da;
   border-radius: 5px;
   min-height: 53px;
   box-sizing: border-box;
}
.camposEscrituraCreativa .inputRellenado {
   max-width: 510px;
   font-weight: 700;
   margin-top: 15px;
   margin-bottom: 9px;
}
.camposEscrituraCreativa .textareaRellenado {
   height: 117px;
   min-height: 117px !important;
   margin-top: 8px;
}
/* MODAL ELEGIR PEGATINA */
#modalElegirPegatina { min-width: 718px; }
#modalElegirPegatina ul {
   columns: 4;
   width: 100%;
}
#modalElegirPegatina .scrollVertical { padding-right: 20px; }
#modalElegirPegatina .seleccionPegatina li {
   margin-bottom: 8px;
   text-align: center;
   position: relative
}
#modalElegirPegatina .btnPrincipal.btnEntrarLogin {
   margin-top: 40px;
   margin-bottom: 20px;
}
.seleccionPegatina li.seleccionado::after {
   display: block;
   content: '';
   width: 42px;
   height: 42px;
   background-image: url("../img/privado/diario-de-lectura/ico-seleccionado-pegatina.png");
   position: absolute;
   right: 0;
   bottom: 0;
   background-repeat: no-repeat;
}
/* MODAL CAMBIO DE FECHA */
#modalCambiarFechas03 .icoCambioDeFechaDiario {
   float: left;
   margin-right: 20px;
}
#modalCambiarFechas03 .datosLibro { max-width: 100%; }
#modalCambiarFechas03 .datosLibroTitular {
   max-width: 400px;
   margin: 0 auto;
   text-align: left;
}
#modalCambiarFechas03 .contenidoCentrado { text-align: center; }
#modalCambiarFechas03 .cambioDeFecha {
   text-align: center;
   display: inline-block;
   margin: 0 auto;
   width: 344px;
}
#modalCambiarFechas03 .cambioDeFecha label { text-align: center; }
#modalCambiarFechas03 .cambiarFechaClase {
   text-align: center;
   display: block;
}
#modalCambiarFechas03 hr { background-color: #e3ecf4; }
.esteDiarioPerteneceA input {
   min-height: 60px;
   margin-bottom: 17px;
   border-width: 2px;
}
.esteDiarioPerteneceA input::placeholder {
 font-style: italic;
}
.detalleCalendario.detalleDiarioDeLectura .tipoDetalle { margin-left: 15px; }
.detalleCalendario.detalleDiarioDeLectura .botonesFichaCalendario li a {
   min-width: 159px;
   display: block;
   text-align: center;
}
/* FIN MODAL CAMBIO DE FECHA */
/* FONDOS PAGINAS DIARIO */
.fondoDiarioPag01 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-01.png");
   min-height: 1261px;
}
.fondoDiarioPag02 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-02.png");
   min-height: 1261px;
}
.fondoDiarioPag03 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-03.png");
   min-height: 1261px;
   overflow: hidden;
}
.fondoDiarioPag04 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-04.png");
   min-height: 2522px;
   overflow: hidden;
   background-color: #42d2fc;
}
.fondoDiarioPag05 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-05.png");
   min-height: 2522px;
   overflow: hidden;
}
.fondoDiarioPag06 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-06.png");
   min-height: 2522px;
   overflow: hidden;
}
.fondoDiarioPag07 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-07.png");
   min-height: 1261px;
   overflow: hidden;
}
.fondoDiarioPag08 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-08.png");
   min-height: 2522px;
   overflow: hidden;
}
.diarioPag01 .textoPag01 h3 {
   color: #fff;
   text-align: left;
   padding-left: 40px;
   margin-top: 20px;
}
.diarioPag01 .textoPag01 p {
   color: #fff;
   font-size: 18px;
   padding-left: 40px;
   margin-top: 10px;
}
.textoPag02 { text-align: center; }
.diarioPag01 .textoPag02 h3 { text-align: center; }
.textoPag03 {
   text-align: left;
   color: #3e3e3e;
   max-width: 618px;
   display: block;
   margin: 0 auto;
}
.diarioPag01 .textoPag03 h3 {
   text-align: center;
   color: #3e3e3e;
   margin-bottom: 13px;
   padding-left: 30px;
}
.diarioPag01 .textoPag03 h3 span {
   display: block;
   color: #ed4f02;
}
.diarioPag01 .textoPag03 p {
   color: #3e3e3e;
   font-weight: 700;
   padding-left: 80px;
}
.formularioPag01 {
   border-radius: 20px;
   border: solid 3px #42b2fc;
   position: relative;
   background-color: #fff;
   margin-top: 50px;
}
.contenidoBarraFixedContenido.contenidoBarraLateralDiario.escrituraCreativa.diarioPag01 {
   float: none;
   display: table;
   max-width: 785px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 100px;
}
.titularConClip {
   color: #308ecb;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-con-clip.png");
   background-repeat: no-repeat;
   font-weight: 800;
   margin: 0;
   position: absolute;
   padding: 0 0 0 14px;
   min-height: 94px;
   min-width: 325px;
   line-height: 5.7;
   text-align: center;
   transform: translate(-50%, -50%);
   left: 50%;
   right: 50%;
   top: 15px;
}
.avatarPag {
   position: absolute;
   top: -50px;
   left: 20px;
}
.contenidoPag01 {
   margin-top: 111px;
   font-size: 20px;
   padding: 0 34px;
}
.contenidoPag01 input {
   display: inline-block;
   width: auto;
   border-width: 2px;
   max-width: 235px;
   font-size: 17px;
   margin-left: 5px;
   margin-right: 5px;
   margin-bottom: 5px;
   padding: 15px 10px;
}
.contenidoPag01 input.medio {
   max-width: 311px;
   width: 311px;
}
.contenidoPag01 input.grande {
   max-width: 615px;
   width: 615px;
}
.contenidoPag01 input::placeholder {
 font-style: italic;
}
.diarioDeLectura .inputsGenerales input:focus { border-width: 2px !important; }
.diarioDeLectura .inputsGenerales textarea:focus { border-width: 2px !important; }
/* PAG 02*/
.diarioRetos { margin: 1em 20px; }
.diarioRetos li {
   border-radius: 15px;
   box-shadow: 0px 4px 11px 0 rgba(119, 171, 207, 0.23);
   border: solid 1px #b9e3ff;
   background-color: #fff;
   position: relative;
   margin-bottom: 20px;
   min-height: 81px;
   display: flex;
   align-items: center;
   padding: 5px 0 5px 20px;
}
.diarioRetos label {
   font-size: 18px;
   font-weight: bold;
   color: #42b2fc;
   display: inline-block;
   max-width: calc(100% - 160px);
   padding-left: 40px;
   position: relative;
}
.diarioRetos img {
   position: absolute;
   right: 0;
   top: -17px;
}
.diarioRetos input[type="checkbox"] + label::before {
   font: 26px/1em Raleway;
   width: 25px;
   height: 25px;
   border: 1px solid #6e6f68;
   border-radius: 2px;
   margin: auto;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
}
/* PAG 03 */
.titularFondoCuadernoNaranja {
   color: #3e3e3e;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-naranja.png");
   background-repeat: no-repeat;
   font-weight: 800;
   margin: 0 auto;
   padding: 0;
   min-height: 75px;
   min-width: 333px;
   line-height: 4;
   text-align: center;
   display: table;
}
.buscadorPag02 { margin-top: 15px; }
.buscadorPag02 .formularioBuscadorDiario .buscadorPrincipal { max-width: 100%; }
.buscadorPag02 .textoDesactivadoDiario { margin-top: 16px !important; }
.buscadorPag02 .portadaDiario { margin-top: -38px; }
.buscadorPag02 .formularioBuscador.formularioBuscadorDiario { padding-left: 7px; }
#modalPag03 { max-width: 600px; }
#modalPag03 .imgModalPag03 {
   display: table;
   margin: 0 auto;
}
#modalPag03 p {
   line-height: 1.9;
   padding: 0 30px;
}
.conActividadEnGrupo { position: relative; }
.conActividadEnGrupo::after {
   display: block;
   width: 251px;
   height: 208px;
   content: '';
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-pag-03.png");
   background-repeat: no-repeat;
   position: absolute;
   right: -180px;
   top: -51px;
}
/* PAG 04 */
.diarioPag01 .textoPag03.textoPag04 h3 span {
   display: inline-block;
   color: #42d2fc;
}
.titularFondoCuadernoAzul {
   color: #fff;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-azul.png");
   background-repeat: no-repeat;
   font-weight: 800;
   margin: 0 auto;
   padding: 0;
   min-height: 75px;
   min-width: 352px;
   line-height: 4;
   text-align: center;
   display: table;
}
.textoPag04 {
   max-width: 664px;
   padding-left: 50px;
}
.conActividadEnGrupo.conActividadEnGrupo04::after {
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-pag-04.png");
   right: -191px;
   top: -21px;
}
.vuestraLibreria {
   width: 783px;
   height: 561px;
   background-image: url("../img/privado/diario-de-lectura/img-vuestra-libreria.png");
   display: block;
   margin: 0 auto;
   padding-top: 50px;
}
.contenidoBarraFixedContenido.contenidoBarraLateralDiario.escrituraCreativa.diarioPag01.diarioPag04 { margin-bottom: 30px; }
.titularVuestraLibreria {
   font-weight: 600;
   background-color: #51828b;
   color: #fff;
   border-radius: 4px;
   padding: 11px 24px;
   margin: -77px auto 0 auto;
   display: block;
   max-width: 361px;
}
.inputsGenerales input.inputNombreLibreria {
   font-size: 24px;
   max-width: 555px;
   margin: 4px auto 0 auto;
   text-align: center;
}
.inputsGenerales input.inputNombreLibreria::placeholder {
 font-style: italic;
}
.diarioPag01.diarioPag04 p { padding-left: 0; }
.fondoDiarioPag04 input {
   border-width: 2px;
   color: #7d94a8;
   font-weight: 600;
}
.fondoDiarioPag04 input::placeholder {
 font-style: italic;
}
.fondoDiarioPag04 textarea {
   font-size: 17px;
   border-width: 2px;
   color: #7d94a8;
}
.subTitularVuestraLibreria {
   color: #fff;
   font-size: 17px;
   text-align: center;
   font-weight: 600;
   padding: 9px 25px 11px 25px;
   border-radius: 4px;
   display: table;
   margin-bottom: 5px;
}
.subTitularVuestraLibreria.marron { background-color: #8e5e37; }
.subTitularVuestraLibreria.azul { background-color: #24bce4; }
.subTitularVuestraLibreria.amarillo {
   background-color: #ffe726;
   color: #51828b;
}
.pag04ComoSeria {
   max-width: 467px;
   margin-top: 296px;
   float: right;
   margin-right: 23px;
}
.pag04ComoSeria textarea {
   height: 150px;
   min-height: 150px;
}
.pag04LibroMasVendido {
   max-width: 687px;
   background-image: url("../img/privado/diario-de-lectura/img-vuestra-libreria-alien-01.png");
   background-repeat: no-repeat;
   padding-left: 220px;
   display: inline-block;
   padding-top: 80px;
   margin-top: -88px;
   position: relative;
}
.pag04LibroMasVendido::after {
   display: block;
   width: 220px;
   height: 256px;
   content: '';
   background-image: url("../img/privado/diario-de-lectura/img-vuestra-libreria-osito.png");
   background-repeat: no-repeat;
   float: right;
   position: absolute;
   top: 80px;
   right: -220px;
}
.subTitularVuestraLibreria.azul.permitirAnimales {
   float: right;
   margin-top: 18px;
}
.pag04Actividades {
   max-width: 812px;
   background-image: url("../img/privado/diario-de-lectura/img-vuestra-libreria-cartel.png");
   background-repeat: no-repeat;
   padding-left: 345px;
   padding-top: 20px;
   margin-top: 8px;
   padding-bottom: 62px;
}
.pag04Actividades textarea {
   min-height: 150px;
   height: 150px;
}
.pag04Frase {
   max-width: 793px;
   background-image: url("../img/privado/diario-de-lectura/img-vuestra-libreria-alien-02.png");
   background-position: right top;
   background-repeat: no-repeat;
   padding-right: 146px;
   margin: 0 auto;
}
.pag04Frase .subTitularVuestraLibreria {
   width: 100%;
   margin-bottom: 10px;
}
.pag04Frase input { margin-bottom: 25px; }
.pag04Frase textarea {
   min-height: 160px;
   height: 160px;
}
/* PAG 05 */
.diarioPag05 .textoPag05 span { color: #ed4726; }
.diarioPag05 .textoPag05 p {
   font-weight: 700;
   max-width: 470px;
   padding-left: 0;
   margin: 34px 0 27px 0;
}
.conImgDerecha { position: relative; }
.conImgDerecha::after {
   display: block;
   background-image: url("../img/privado/diario-de-lectura/icono-pag-05.png");
   width: 126px;
   height: 130px;
   content: '';
   position: absolute;
   top: -20px;
   right: 0;
}
.titularFondoCuadernoNaranja02 {
   color: #fff;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-naranja-02.png");
   background-repeat: no-repeat;
   font-weight: 800;
   margin: 0 auto;
   padding: 0;
   min-height: 75px;
   min-width: 352px;
   line-height: 4;
   text-align: center;
   display: table;
}
.conActividadEnGrupo.conActividadEnGrupo05::after {
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-pag-05.png");
   right: -68px;
   top: -43px;
}
.subtitularPag05 {
   background-image: url("../img/privado/diario-de-lectura/fondo-subtitular-pag-05.png");
   background-repeat: no-repeat;
   color: #fff;
   font-size: 25px;
   font-family: 'Kalam', cursive;
   display: table;
   padding: 24px 64px;
   margin: 0 auto;
}
.contenidoBarraFixedContenido.contenidoBarraLateralDiario.escrituraCreativa.diarioPag01.diarioPag05 { margin-bottom: 28px; }
.pag05Parrafo01 {
   width: 648px;
   min-height: 219px;
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-05-parrafo-01.png");
   display: table;
   margin: -21px auto 0 auto;
}
.pag05Parrafo01 p {
   font-family: 'Satisfy', cursive;
   font-size: 30px;
   padding: 25px 60px;
   line-height: 1.1;
   letter-spacing: 0.1px;
   margin: 0;
   text-align: justify;
   color: #3e3e3e;
}
.pag05Parrafo02 {
   width: 652px;
   min-height: 443px;
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-05-parrafo-02.png");
   display: table;
   margin: 0 auto;
}
.pag05Parrafo02 p {
   font-family: 'Noto Serif', serif;
   font-size: 20px;
   font-weight: bold;
   padding: 25px 60px;
   line-height: 1.6;
   letter-spacing: 0.1px;
   margin: 0;
   text-align: justify;
   color: #4881a0;
}
.pag05Parrafo03 {
   width: 648px;
   min-height: 111px;
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-05-parrafo-03.png");
   display: table;
   margin: 0 auto;
}
.pag05Parrafo03 p {
   font-family: 'Pirata One', cursive;
   font-size: 28px;
   padding: 33px 60px;
   line-height: 1.6;
   letter-spacing: 0.1px;
   margin: 0;
   text-align: center;
   color: #3e3e3e;
}
.pag05Parrafo04 {
   width: 650px;
   min-height: 319px;
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-05-parrafo-04.png");
   display: table;
   margin: 0 auto;
}
.pag05Parrafo04 p {
   font-family: 'Architects Daughter', cursive;
   font-size: 24px;
   padding: 20px 60px;
   line-height: 1.4;
   letter-spacing: 0.1px;
   margin: 0;
   text-align: justify;
   color: #f46240;
}
.pag05Parrafo05 {
   width: 648px;
   min-height: 115px;
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-05-parrafo-05.png");
   display: table;
   margin: 0 auto;
}
.pag05Parrafo05 p {
   font-family: 'Noto Serif', serif;
   font-size: 20px;
   padding: 18px 57px;
   line-height: 1.4;
   letter-spacing: 0.1px;
   margin: 0;
   text-align: justify;
   color: #4881a0;
}
.pag05Parrafo06 {
   width: 648px;
   min-height: 180px;
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-05-parrafo-06.png");
   display: table;
   margin: 0 auto;
   position: relative;
}
.pag05Parrafo06 p {
   font-family: 'Roboto Slab', serif;
   font-size: 20px;
   padding: 37px 68px;
   line-height: 1.6;
   letter-spacing: 0.1px;
   margin: 0;
   text-align: justify;
   color: #0b5278;
}
.pag05VerLibro {
   width: 80px;
   height: 80px;
   border: solid 4px #fff;
   background-image: url("../img/privado/diario-de-lectura/pag-05-ico-mostrar.png"), linear-gradient(to top, #f67f3b, #f36121);
   background-repeat: no-repeat;
   background-position: center;
   display: inline-block;
   border-radius: 50%;
   vertical-align: bottom;
   margin-left: -60px;
   position: relative;
}
.pag05VerLibro:hover { background-image: url("../img/privado/diario-de-lectura/pag-05-ico-mostrar.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), linear-gradient(to top, #f67f3b, #f36121); }
.subtitularPag05.conEnlaceVer {
   background-position: center;
   font-family: 'Raleway', sans-serif;
   font-size: 18px;
   font-weight: 700;
   color: #fff;
   display: inline-block;
}
.pag04VerLibroContenedor {
   display: table;
   float: right;
   margin-right: 150px;
   margin-top: -30px;
}
/* PAG 06 */
.diarioPag06 .textoPag06 h3 {
   text-align: center;
   padding-left: 0;
   padding-right: 0;
   color: #3e3e3e;
}
.diarioPag06 .textoPag06 span { color: #e93e02; }
.diarioPag06 .textoPag06 p {
   font-weight: 700;
   max-width: 529px;
   padding-left: 0;
   margin: 24px 0 -10px 0;
   color: #3e3e3e;
}
.textoPag06 .conImgDerecha::after {
   display: block;
   background-image: url("../img/privado/diario-de-lectura/icono-pag-06.png");
   width: 126px;
   height: 130px;
   content: '';
   position: absolute;
   right: -140px;
   top: -159px;
}
.conActividadEnGrupo06 { position: relative; }
.conActividadEnGrupo06::after {
   display: block;
   width: 251px;
   height: 208px;
   content: '';
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-pag-06.png");
   background-repeat: no-repeat;
   position: absolute;
   right: -190px;
   top: -81px;
}
.titularFondoCuadernoNaranjaPag06 {
   color: #3e3e3e;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-naranja-03.png");
   background-repeat: no-repeat;
   font-weight: 800;
   padding: 0;
   min-height: 88px;
   min-width: 333px;
   line-height: 4;
   text-align: center;
   display: table;
   margin: 10px auto 0 auto;
}
.diarioDeLectura .asidePrivado { z-index: 1; }
.subtitularPag06 {
   background-image: url("../img/privado/diario-de-lectura/fondo-subtitular-pag-06.png");
   background-repeat: no-repeat;
   color: #fff;
   font-size: 25px;
   font-family: 'Kalam', cursive;
   display: table;
   padding: 20px 34px;
   margin: 50px auto 0 auto;
   position: relative;
   z-index: 2;
}
.contenidoBarraFixedContenido.contenidoBarraLateralDiario.escrituraCreativa.diarioPag01.diarioPag06 {
   margin-bottom: 15px;
   max-width: 615px;
}
.papelRoido {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-06-papel-roido.png");
   background-repeat: no-repeat;
   width: 764px;
   height: 1649px;
   padding-top: 120px;
   padding-left: 90px;
   margin: -136px auto 0 auto;
   position: relative
}
.papelRoido::before {
   background-image: url("../img/privado/diario-de-lectura/img-pag06-ogro.png");
   background-repeat: no-repeat;
   width: 185px;
   height: 540px;
   content: '';
   display: block;
   left: -166px;
   position: absolute;
   top: 110px;
}
.papelRoido p {
   font-size: 20px;
   font-weight: 600;
   line-height: 42.7px;
}
.papelRoido .select-css.selectLogin.selectPrivado {
   display: inline-block;
   max-width: 181px;
   font-size: 17px;
   font-weight: 700;
   font-style: italic;
   margin-left: 7px;
}
.pag04VerLibroContenedor.pag06VerLibroContenedor {
   margin-right: 190px;
   margin-top: -15px;
}
.subtitularPag06.conEnlaceVer {
   background-position: center;
   font-family: 'Raleway', sans-serif;
   font-size: 18px;
   font-weight: 700;
   color: #fff;
   display: inline-block;
   background-image: url("../img/privado/diario-de-lectura/fondo-subtitular-pag-06b.png");
   background-repeat: no-repeat;
   padding: 24px 64px;
   margin: 0 auto;
   z-index: 0;
}
.diarioPag01 .textoPag07 h3 {
   color: #3e3e3e;
   padding-left: 0;
   padding-left: 70px;
}
.diarioPag01 .textoPag07 h3 span {
   display: block;
   color: #8efdf6;
   text-align: center;
}
.diarioPag01 .textoPag07 p {
   color: #3e3e3e;
   font-weight: 700;
   max-width: 648px;
   padding-left: 118px;
}
.conActividadEnGrupo.conActividadEnGrupo07 { max-width: 540px; }
.conActividadEnGrupo.conActividadEnGrupo07::after {
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-pag-07.png");
   right: -246px;
   top: -41px;
}
.titularFondoCuadernoAzul02 {
   color: #3e3e3e;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-azul-02.png");
   background-repeat: no-repeat;
   font-weight: 800;
   margin: 0 auto;
   padding: 0;
   min-height: 75px;
   min-width: 325px;
   line-height: 4;
   text-align: center;
   display: table;
}
.conActividadEnGrupo.conActividadEnGrupo07 p {
   padding-left: 0;
   max-width: 500px;
}
.contenidoBarraFixedContenido.contenidoBarraLateralDiario.escrituraCreativa.diarioPag01.diarioPag07 { margin-bottom: 0; }
.pag07EsGenial {
   max-width: 690px;
   margin: 0 auto;
   padding-left: 50px;
}
.pag07EsGenial li {
   position: relative;
   height: 93px;
   margin-bottom: 8px;
}
.pag07EsGenial li:before {
   background-repeat: no-repeat;
   width: 112px;
   height: 104px;
   display: block;
   content: '';
   position: absolute;
   left: -120px;
}
.pag07EsGenial li.esGenial01:before { background-image: url("../img/privado/diario-de-lectura/pag-07-01.png"); }
.pag07EsGenial li.esGenial02:before {
   background-image: url("../img/privado/diario-de-lectura/pag-07-02.png");
   left: -145px;
}
.pag07EsGenial li.esGenial03:before {
   background-image: url("../img/privado/diario-de-lectura/pag-07-03.png");
   left: -130px;
}
.pag07EsGenial li.esGenial04:before {
   background-image: url("../img/privado/diario-de-lectura/pag-07-04.png");
   left: -120px;
}
.pag07EsGenial li.esGenial05:before {
   background-image: url("../img/privado/diario-de-lectura/pag-07-05.png");
   left: -120px;
}
.pag07EsGenial li.esGenial06:before {
   background-image: url("../img/privado/diario-de-lectura/pag-07-06.png");
   left: -130px;
}
.pag07EsGenial li span {
   background-repeat: no-repeat;
   height: 93px;
   display: inline-block;
   width: 100%;
   padding-top: 15px;
   background-position: right;
}
.esGenial01 span {
   background-image: url("../img/privado/diario-de-lectura/pag-07-papel-motivo-01.png");
   max-width: 648px;
   padding-right: 50px;
   padding-left: 30px;
   margin-left: 20px;
}
.esGenial02 span {
   background-image: url("../img/privado/diario-de-lectura/pag-07-papel-motivo-02.png");
   max-width: 668px;
   padding-right: 40px;
   padding-left: 53px;
   margin-left: -10px;
}
.esGenial03 span {
   background-image: url("../img/privado/diario-de-lectura/pag-07-papel-motivo-01.png");
   max-width: 656px;
   padding-right: 50px;
   padding-left: 30px;
   margin-left: 8px;
}
.esGenial04 span {
   background-image: url("../img/privado/diario-de-lectura/pag-07-papel-motivo-02.png");
   max-width: 653px;
   padding-right: 55px;
   padding-left: 17px;
   margin-left: 20px;
}
.esGenial05 span {
   background-image: url("../img/privado/diario-de-lectura/pag-07-papel-motivo-01.png");
   max-width: 656px;
   padding-right: 36px;
   padding-left: 30px;
   margin-left: 7px;
}
.esGenial06 span {
   background-image: url("../img/privado/diario-de-lectura/pag-07-papel-motivo-02.png");
   max-width: 668px;
   padding-right: 60px;
   padding-left: 16px;
   margin-left: 16px;
}
.pag07EsGenial input {
   border-width: 2px;
   padding: 18px 25px
}
.pag07EsGenial input::placeholder {
 font-style: italic;
 color: #7d94a8;
 font-weight: 600;
}
/* PAG 08 */
.diarioPag01 .textoPag08 h3 {
   color: #fff;
   margin-bottom: 20px;
   padding-left: 50px;
}
.diarioPag01 .textoPag08 h3 span {
   display: inline-block;
   color: #ffbb2c;
   text-align: center;
}
.diarioPag01 .textoPag08 p {
   color: #fff;
   font-weight: 500;
   max-width: 640px;
   padding-left: 0;
}
.conActividadEnGrupo.conActividadEnGrupo08 p { padding-right: 220px; }
.diarioPag01 .textoPag08 p.margenParrafoPag08 { padding-left: 50px; }
.conActividadEnGrupo.conActividadEnGrupo08::after {
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-pag-08.png");
   right: -61px;
   top: -31px;
}
.titularFondoCuadernoRosa {
   color: #fff;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-rosa.png");
   background-repeat: no-repeat;
   font-weight: 800;
   margin: 0 auto;
   padding: 0;
   min-height: 75px;
   min-width: 325px;
   line-height: 4;
   text-align: center;
   display: table;
}
.contenidoBarraFixedContenido.contenidoBarraLateralDiario.escrituraCreativa.diarioPag01.diarioPag08 { margin-bottom: 0; }
.pag08Flecha {
   margin: 10px auto 0 auto;
   display: table;
}
.pag08Sinopsis {
   display: flex;
   align-items: center;
   margin-bottom: 33px;
}
.contenedorImgPag08 {
   display: inline-block;
   min-width: 305px;
   text-align: center;
   position: relative;
}
.pag08Sinopsis .contenedorImgPag08 img {
   border-radius: 20px;
   border: solid 4px #fff;
}
.contenedorTextAreaPag08 {
   display: inline-block;
   width: calc(100% - 200px);
   min-height: 317px;
   height: 317px;
   padding-top: 17px;
   max-width: 615px;
}
.contenedorTextAreaPag08 textarea {
   min-height: 317px;
   height: 317px;
   max-height: 317px;
}
.pag08Sinopsis {
   align-items: center;
   display: flex;
   width: 100%;
}
.contenedorImgPag08 .pag05VerLibro {
   position: absolute;
   bottom: -30px;
   margin-left: -70px;
}
/* PÁGINA 09 */
.fondoDiarioPag09 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-09.png");
   min-height: 1261px;
   overflow: hidden;
}
.contenidoBarraFixedContenido.contenidoBarraLateralDiario.escrituraCreativa.diarioPag01.diarioPag09 {
   margin-bottom: 0;
   max-width: 900px;
}
.titularFondoCuadernoAzulClaro {
   color: #308ecb;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-azul-claro.png");
   background-repeat: no-repeat;
   padding: 24px 45px;
   font-weight: 800;
   margin-top: 40px;
   text-align: center;
   display: table;
   background-position: center;
   min-width: 240px;
}
.contenidoPag09 {
   width: calc(100% - 375px);
   display: inline-block;
   margin-right: 20px;
   vertical-align: top;
}
.contenidoPag09 h3 {
   text-align: left;
   margin-top: 20px;
}
.contenidoPag09 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: 18px;
}
.contenidoPag09 textarea::placeholder {
 color: #7d94a8;
}
.contenidoPag09 textarea { min-height: 364px; }
.contenidoPag09-02 { display: inline-block; }
.contenidoPag09-02 .titularFondoCuadernoAzulClaro { margin-top: 10px; }
.contenidoResultadosBusqueda.diarioRelacionado {
   max-width: 600px;
   margin: 20px auto 0 auto;
}
.titularInspiracion {
   font-family: 'Kalam', cursive;
   font-size: 30px;
   text-align: center;
   display: table;
   background-repeat: no-repeat;
   background-position: right;
   margin: 0 auto;
   padding-top: 20px;
}
/* PÁGINA 10 */
.contenidoBarraFixedContenido.contenidoBarraLateralDiario.escrituraCreativa.diarioPag01.diarioPag10 { margin-bottom: 40px; }
.fondoDiarioPag10 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-10.png");
   min-height: 2252px;
   overflow: hidden;
}
.formularioPag01.formularioPag10 { margin-top: 0; }
.formularioPag10 .contenidoPag01 {
   line-height: 2.2;
   margin-top: 40px;
}
.formularioPag10 .contenidoPag01 input { max-width: 225px; }
.formularioPag10 .contenidoPag01 textarea#respuestaDiario { min-height: 135px; }
.fondoDiarioPag10 .titularFondoCuadernoAzulClaro {
   float: right;
   margin-top: 13px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-azul-claro-02.png");
   margin-right: 80px;
}
.textoPag01 { display: inline-block; }
.diarioFin {
   font-size: 30px;
   text-align: right;
   font-family: 'Kalam', cursive;
   line-height: 0.4;
   margin-top: -15px;
   margin-bottom: 12px;
}
/* PÁGINA 11 */
.contenidoBarraFixedContenido.contenidoBarraLateralDiario.escrituraCreativa.diarioPag01.diarioPag11 {
   margin-bottom: 20px;
   max-width: 1000%;
}
.fondoDiarioPag11 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-11.png");
   min-height: 1261px;
   overflow: hidden;
   background-position: top left 80px;
   background-color: #b9e3ff;
}
.fondoDiarioPag11 .diarioPag01 .textoPag01 h3 {
   color: #3e3e3e;
   display: inline-block;
   vertical-align: top;
   padding-left: 100px;
}
.fondoDiarioPag11 .diarioPag01 .textoPag01 p {
   color: #3e3e3e;
   font-weight: 600;
   display: inline-block;
   font-size: 17px;
   padding-left: 10px;
}
.fondoDiarioPag11 .titularFondoCuadernoAzulClaro {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-azul-claro-02.png");
   display: inline-block;
   margin-right: 10px;
   margin-top: -17px;
}
.fondoDiarioPag11 .textAreaDiario {
   display: inline-block;
   max-width: 575px;
   height: 364px;
   min-height: 364px;
   width: calc(100% - 370px);
}
.fondoDiarioPag11 .textAreaDiario::placeholder {
 color: #7d94a8;
}
/* PÁGINA 12 */
.contenidoBarraFixedContenido.contenidoBarraLateralDiario.escrituraCreativa.diarioPag01.diarioPag12 {
   margin-bottom: 20px;
   max-width: 1000%;
}
.fondoDiarioPag12 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-12.png");
   min-height: 1261px;
   overflow: hidden;
   background-position: top left 80px;
}
.fondoDiarioPag12 .diarioPag01 .textoPag01 h3 {
   color: #3e3e3e;
   display: inline-block;
   vertical-align: top;
   padding-left: 70px;
}
.fondoDiarioPag12 .diarioPag01 .textoPag01 p {
   color: #3e3e3e;
   font-weight: 600;
   display: inline-block;
   font-size: 17px;
   padding-left: 60px;
}
.fondoDiarioPag12 .titularFondoCuadernoAzulClaro {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-azul-claro-02.png");
   display: inline-block;
   margin-right: 10px;
   margin-top: -17px;
}
.fondoDiarioPag12 .textAreaDiario {
   display: inline-block;
   max-width: 575px;
   height: 364px;
   min-height: 364px;
   width: calc(100% - 370px);
}
/* PÁGINA 13 */
.fondoDiarioPag13 {
   background-image: url("../img/privado/diario-de-lectura/fondo-pag-13.png");
   min-height: 1261px;
   overflow: hidden;
   background-position: top 20px right;
   background-color: #308ecb;
}
.diarioRetos.hechoSentir {
   display: inline-block;
   width: 100%;
   max-width: 100%;
   margin-left: 0;
   margin-right: 0;
   min-width: 240px;
}
.diarioRetos.hechoSentir li {
   padding: 5px 0 5px 20px;
   min-height: 61px;
}
.diarioRetos.hechoSentir img { top: -13px; }
.contenedorHechoSentir {
   max-width: 600px;
   width: 100%;
   margin-right: 0;
   float: none;
}
.contenedorHechoSentir .subTitularDiario {
   margin-top: 20px;
   text-align: center;
}
.asideContenedorHechoSentir {
   display: inline-block;
   max-width: 100%;
   margin-top: 0;
}
.asideContenedorHechoSentir .textAreaDiario {
   max-width: 100%;
   max-height: 234px;
   height: 234px;
   min-height: 234px;
}
.asideContenedorHechoSentir .subTitularDiario.subTitularDiarioBlanco {
   color: #fff;
   margin-top: 40px;
}
.asideContenedorHechoSentir .subTitularDiario {
   text-align: center;
   color: #fff;
}
.diarioRetos.hechoSentir li.sentirOtra { background-color: #f3fbff; }
.sentirOtra label {
   max-width: 100%;
   color: #7d94a8;
   font-weight: 600;
}
.barraLateralDiario.barraAnchoCompleto { min-height: 1261px; }
.diarioRetos.hechoSentir li.marcado { background-color: #fba62d; }
.diarioRetos.hechoSentir li.marcado label { color: #fff; }
.diarioRetos.hechoSentir li.marcado input[type="checkbox"] + label::before {
   background: transparent;
   border-color: #fff;
}
.diarioRetos.hechoSentir li.marcado input[type="checkbox"]:checked + label::before { color: #fff; }
.asideContenedorHechoSentir .textareaRellenado {
   margin-top: 0;
   min-height: 234px;
   line-height: 1.8;
   margin-bottom: 15px;
   display: inline-block;
}
.inputEnCheckbox {
   font-size: 18px;
   font-weight: 600;
   color: #42b2fc;
   border: solid 1px #f3fbff !important;
   padding: 10px 0;
   background-color: #f3fbff;
}
.inputEnCheckbox::placeholder {
 color: #7d94a8;
 opacity: 1;
 font-style: italic;
 border: none;
}
.inputEnCheckbox:focus { border: solid 1px #f3fbff !important; }
.diarioRetos.hechoSentir input[type="checkbox"] + label::before { margin-top: -2px; }
.diarioRetos.hechoSentir li.conInput input[type="checkbox"] + label::before { margin-top: 7px; }
/* MODAL SALIR DIARIO */
#modalSalirDiario h2 { color: #000; }
#modalSalirDiario p {
   font-size: 18px;
   font-weight: 600;
   text-align: center;
}
#modalSalirDiario span {
   color: #070707;
   font-weight: 700;
}
#modalSalirDiario .btnPrincipal.btnEntrarLogin {
   margin-top: 50px;
   margin-bottom: 30px;
}
#modalSalirDiario .enlaceAzul { margin-bottom: 20px; }
/* PÁGINA 15 */
.fondoDiarioDeLectura15 {
   background-image: url(../img/privado/diario-de-lectura/fondo-pag-15.png);
   background-position: top right;
   min-height: 1261px;
}
.fondoDiarioDeLectura15 .subTitularDiario {
   display: block;
   margin-top: 40px;
   width: 100%;
   float: left;
}
/* PÁGINA 16 */
.fondoDiarioDeLectura16 {
   background-image: url(../img/privado/diario-de-lectura/fondo-pag-16.png);
   background-position: top right;
   min-height: 1261px;
}
.titularDiario.inputsGenerales input {
   padding: 14px 18px;
   max-width: 348px;
   display: inline-block;
   margin-bottom: 20px;
   font-size: 17px;
   border-width: 2px;
}
.titularDiario.inputsGenerales input::placeholder {
 font-style: italic;
 color: #7d94a8;
 opacity: 1;
}
/* PÁGINA 17 */
.fondoDiarioDeLectura17 {
   background-image: url(../img/privado/diario-de-lectura/fondo-pag-17.png);
   background-position: top right;
   min-height: 1261px;
}
.fondoDiarioDeLectura17 .subTitularDiario {
   display: block;
   margin-top: 47px;
   width: 100%;
   float: left;
   margin-bottom: 10px;
}
.fondoDiarioDeLectura17 .subTitularDiario.sorpendido { margin-top: 0; }
.fondoDiarioDeLectura17 textarea { height: 124px; }
/* DIARIO DE LECTURA CUARTO */
/* PORTADA 4º */
.fondoDiarioDeLectura04-portada {
   background-image: url(../img/privado/diario-de-lectura/fondo-04-pag-portada.png);
   background-position: top right;
   background-repeat: repeat;
}
.fondoDiarioDeLectura04-portada .badgeDiario {
   background-image: url("../img/privado/diario-de-lectura/badge-curso-04.png");
   color: #3e3e3e;
}
.fondoDiarioDeLectura04-portada .perteneceA { background-image: url("../img/privado/diario-de-lectura/contenedor-nombre-04.png"); }
/* 4º PÁGINA 01 */
.fondoDiarioDeLectura04-01 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-01.png");
   min-height: 1261px;
   background-position: bottom left 100px;
}
.fondoDiarioDeLectura04-01 .avatarPag {
   right: 20px;
   left: auto;
   top: -90px;
}
.fondoDiarioDeLectura04-01 .diarioPag01 .textoPag01 h3 { padding-left: 0; }
.fondoDiarioDeLectura04-01 .diarioPag01 .textoPag01 p { padding-left: 0; }
.fondoDiarioDeLectura04-01 .titularConClip {
   color: #fff;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-con-clip-azul-04.png");
   left: -50px;
   right: auto;
   transform: none;
   top: 5px;
   line-height: 3.4;
   min-width: 353px;
}
.fondoDiarioDeLectura04-01 .formularioPag01 {
   border-color: #2b8ac7;
   margin-top: 0;
}
.fondoDiarioDeLectura04-01 .contenidoPag01 { margin-top: 85px; }
.fondoDiarioDeLectura04-01 .contenidoPag01 input {
   margin-left: 0;
   padding: 15px 5px;
}
.fondoDiarioDeLectura04-01 .contenidoPag01 input::placeholder {
 color: #7d94a8;
 opacity: 1;
}
.fondoDiarioDeLectura04-01 .contenidoPag01 textarea {
   min-height: 74px;
   height: 74px;
   border-width: 2px;
   padding: 15px 5px;
   margin-bottom: 5px;
}
.fondoDiarioDeLectura04-01 .contenidoPag01 p { line-height: 2.2; }
#inputLibroLeido {
   max-width: 340px;
   width: 100%;
}
#inputPersonajeSer {
   max-width: 340px;
   width: 100%;
}
#inputLibrosLeer {
   max-width: 355px;
   width: 100%;
}
#inputLibrosCuesta {
   max-width: 347px;
   width: 100%;
}
#inputLibrosViajaria {
   max-width: 515px;
   width: 100%;
}
#inputLibrosCuantos {
   max-width: 145px;
   width: 100%;
}
/* 4º PÁGINA 02 */
.fondoDiarioDeLectura04-02 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-02.png");
   min-height: 1261px;
   background-position: bottom left 100px;
}
.fondoDiarioDeLectura04-02 .diarioPag01 .textoPag02 h3 { color: #3e3e3e; }
.fondoDiarioDeLectura04-02 .diarioPag01 .textoPag01 p { color: #3e3e3e; }
/* 4º PÁGINA 03 */
.fondoDiarioDeLectura04-03 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-03.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: top right;
}
.textoPag01.texto04Pag03 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura04-03 .texto04Pag03 h3 { color: #fff; }
.fondoDiarioDeLectura04-03 .texto04Pag03 h3 span {
   color: #99ecf5;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura04-03 .texto04Pag03 p {
   color: #3e3e3e;
   font-size: 18px;
   font-weight: 700;
   text-align: center;
   margin-left: -100px;
   margin-top: 34px;
}
.fondoDiarioDeLectura04-03 .texto04Pag03 .conActividadEnGrupo04-03::after {
   right: -134px;
   top: -31px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-04-pag-03.png");
}
.titularFondoCuaderno04-03 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-04-03.png");
   color: #fff;
   margin-top: -30px;
   display: inline-block;
}
.chifladurasFondo {
   background-image: url(../img/privado/diario-de-lectura/papel-cuaderno-04-03.png);
   background-repeat: no-repeat;
   min-height: 1643px;
   max-width: 936px;
   background-position: left bottom;
}
.chifladuras {
   width: calc(100% - 180px);
   padding-bottom: 60px;
   margin-top: 50px;
   text-align: center;
}
.chifladuras ul.chifladurasPreguntas {
   padding-left: 127px;
   padding-right: 50px;
   padding-bottom: 0;
   margin-top: 0;
   background-color: #f6e0ff;
   margin-left: 10px;
}
.chifladuras ul.chifladurasPreguntas > li {
   font-size: 18px;
   margin-bottom: 26px;
   position: relative;
   text-align: left;
   line-height: 1.6;
}
.numeroTest {
   position: absolute;
   left: -110px;
   top: 0;
   bottom: 0;
   margin: auto 0;
   width: 93px;
   height: 92px;
   display: block;
   cursor: default;
}
.numeroTest.pag05VerLibro { cursor: pointer; }
.radioButtonSeleccionarLibro.radioButtonVerdaderoFalso {
   position: absolute;
   right: -215px;
   display: table;
   left: auto;
   top: 0;
   bottom: 0;
   margin: auto 0;
   width: 135px;
   height: 49px;
}
.radioButtonSeleccionarLibro.radioButtonVerdaderoFalso li { display: inline-block; }
.radioButtonSeleccionarLibro.radioButtonVerdaderoFalso li:first-child { margin-right: 40px; }
.radioButtonSeleccionarLibro.radioButtonVerdaderoFalso label > input[type="radio"]:checked + ::before {
   background: radial-gradient(#3e3e3e 0%, #3e3e3e 40%, transparent 50%, transparent);
   background-color: #fff;
}
.radioButtonSeleccionarLibro.radioButtonVerdaderoFalso label > input[type="radio"] + ::before { border-color: #3e3e3e; }
.titularVerdaderoFalso {
   position: absolute;
   top: -90px;
   min-width: 274px;
   right: -72px;
}
.titularVerdaderoFalso img { float: left; }
.radioButtonSeleccionarLibro.radioButtonVerdaderoFalso.error li label > input[type="radio"]:checked + ::before {
   background: radial-gradient(#e60a0a 0%, #e60a0a 40%, transparent 50%, transparent);
   background-color: #ff8888;
}
.radioButtonSeleccionarLibro.radioButtonVerdaderoFalso.verdadero li label > input[type="radio"]:checked + ::before {
   background: radial-gradient(#7ac43d 0%, #7ac43d 40%, transparent 50%, transparent);
   background-color: #bdf98c;
}
.titularNumeroAciertos {
   color: #fff;
   background-image: url("../img/privado/diario-de-lectura/titlular-aciertos.png");
   width: 381px;
   height: 81px;
   display: inline-block;
   font-size: 18px;
   text-align: left;
   line-height: 1.9;
   font-weight: 700;
   position: absolute;
   right: -32px;
   bottom: -20px;
   padding-left: 90px;
   background-repeat: no-repeat;
}
.titularNumeroAciertos span {
   color: #86fff8;
   font-size: 36px;
}
/* MODAL SABER QUE TAL */
#modalSaberQueTal h2 { color: #000; }
#modalSaberQueTal p {
   color: #8a8080;
   padding: 0 42px;
   line-height: 1.8;
}
#modalSaberQueTal img {
   display: table;
   margin: 0 auto;
}
#modalSaberQueTal .btnPrincipal.btnEntrarLogin { margin-top: 30px; }
/* 4º PÁGINA 04 */
.fondoDiarioDeLectura04-04 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-04.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: top left 100px;
}
.textoPag01.texto04Pag04 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura04-04 .texto04Pag04 h3 { color: #fff; }
.fondoDiarioDeLectura04-04 .texto04Pag04 h3 span {
   color: #e2ff84;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura04-04 .texto04Pag04 p {
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   margin-left: -100px;
   margin-top: 34px;
   max-width: 682px;
}
.conActividadEnGrupo04-04::after {
   right: 70px;
   top: -51px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-04-pag-04.png");
}
.titularFondoCuaderno04-04 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-04-04.png");
   color: #fff;
   display: table;
   min-width: 355px;
   margin: 10px auto 0 auto;
}
.subTitularVuestraLibreria.verde { background-color: #658741; }
.diarioAbuelita {
   max-width: 874px;
   margin: 93px auto 0 auto;
   width: calc(100% + 278px);
}
.diarioAbuelita::after {
   display: block;
   background-image: url("../img/privado/diario-de-lectura/img-abuela.png");
   width: 278px;
   height: 377px;
   background-repeat: no-repeat;
   content: '';
   float: right;
}
.diarioAbuelita textarea {
   max-width: 596px;
   height: 170px;
   min-height: 170px;
   margin-top: 6px;
   border-width: 2px;
   max-height: 170px;
}
.diarioBuscaLibro {
   max-width: 870px;
   margin: 150px auto 0 1px;
   width: 100%;
}
.diarioBuscaLibro::before {
   display: block;
   background-image: url("../img/privado/diario-de-lectura/img-libro-ilustrado.png");
   width: 423px;
   height: 418px;
   background-repeat: no-repeat;
   content: '';
   float: left;
   clear: both;
   position: absolute;
}
.diarioBuscaLibro textarea {
   max-width: 498px;
   height: 170px;
   min-height: 170px;
   max-height: 170px;
   margin-top: 6px;
   border-width: 2px;
   z-index: 2;
   position: relative;
   float: right;
   clear: both;
}
.subTitularVuestraLibreria.naranja04pag04 {
   background-color: #ff881e;
   margin-top: 33px;
   z-index: 2;
   position: relative;
   float: right;
   clear: both;
}
.diarioCliente {
   max-width: 874px;
   width: 100%;
   display: table;
   margin: 610px auto 0 auto;
}
.diarioCliente::after {
   display: block;
   background-image: url("../img/privado/diario-de-lectura/img-cliente.png");
   width: 148px;
   height: 387px;
   background-repeat: no-repeat;
   content: '';
   float: right;
   margin-top: -190px;
}
.diarioCliente textarea {
   max-width: 526px;
   height: 170px;
   min-height: 170px;
   max-height: 170px;
   margin-top: 6px;
   border-width: 2px;
}
.diarioReir {
   max-width: 750px;
   margin: 90px auto 0 90px;
   width: 100%;
}
.diarioReir::before {
   display: block;
   background-image: url("../img/privado/diario-de-lectura/img-riendo.png");
   width: 222px;
   height: 371px;
   background-repeat: no-repeat;
   content: '';
   float: left;
   clear: both;
   position: absolute;
   margin-top: -40px;
}
.diarioReir textarea {
   max-width: 498px;
   height: 170px;
   min-height: 170px;
   max-height: 170px;
   margin-top: 6px;
   border-width: 2px;
   z-index: 2;
   position: relative;
   float: right;
   clear: both;
}
/* 4º PÁGINA 05 */
.fondoDiarioDeLectura04-05 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-05.png");
   min-height: 2499px;
   overflow: hidden;
   background-position: top left 100px;
}
.textoPag01.texto04Pag05 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura04-05 .texto04Pag05 h3 { color: #fff; }
.fondoDiarioDeLectura04-05 .texto04Pag05 h3 span {
   color: #ffbb2c;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura04-05 .texto04Pag05 p {
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   max-width: 636px;
   margin: 14px auto 0 auto;
}
.conActividadEnGrupo04-05::after {
   right: 0px;
   top: 29px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-04-pag-05.png");
}
.titularFondoCuaderno04-05 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-04-05.png");
   color: #fff;
   display: table;
   min-width: 355px;
   margin: 10px auto 0 auto;
}
.subtitularPag05 {
   background-image: url("../img/privado/diario-de-lectura/fondo-subtitular-04-pag-05.png");
   background-repeat: no-repeat;
   color: #fff;
   font-size: 25px;
   font-family: 'Kalam', cursive;
   display: table;
   padding: 24px 64px;
   margin: 0 auto;
}
.pag04-05Parrafo01 {
   width: 648px;
   min-height: 219px;
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-05-parrafo-01.png");
   display: table;
   margin: -21px auto 0 auto;
}
.pag04-05Parrafo01 p {
   font-family: 'Satisfy', cursive;
   font-size: 30px;
   padding: 25px 60px;
   line-height: 1.1;
   letter-spacing: 0.1px;
   margin: 0;
   text-align: justify;
   color: #3e3e3e;
}
.pag04-05Parrafo02 {
   width: 652px;
   min-height: 173px;
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-05-parrafo-02.png");
   display: table;
   margin: 10px auto 0 auto;
}
.pag04-05Parrafo02 p {
   font-family: 'Noto Serif', serif;
   font-size: 20px;
   font-weight: bold;
   padding: 25px 60px;
   line-height: 1.6;
   letter-spacing: 0.1px;
   margin: 0;
   text-align: justify;
   color: #4881a0;
}
.pag04-05Parrafo03 {
   width: 650px;
   min-height: 449px;
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-05-parrafo-03.png");
   display: table;
   margin: 0 auto;
   position: relative;
}
.pag04-05Parrafo03 p {
   font-family: 'Roboto Slab', serif;
   font-size: 20px;
   padding: 37px 68px;
   line-height: 1.5;
   letter-spacing: 0.1px;
   margin: 0;
   text-align: justify;
   color: #0b5278;
}
.pag04-05Parrafo04 {
   width: 648px;
   min-height: 175px;
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-05-parrafo-04.png");
   display: table;
   margin: 0 auto 40px auto;
}
.pag04-05Parrafo04 p {
   font-family: 'Pirata One', cursive;
   font-size: 28px;
   padding: 33px 70px;
   line-height: 1.2;
   letter-spacing: 0.1px;
   margin: 0;
   color: #3e3e3e;
   text-align: left;
}
.subtitularPag05.subtitular04Pag05 { background-image: url("../img/privado/diario-de-lectura/fondo-subtitular-04-pag-05-largo.png"); }
.diarioRetos.leidoEnVozAlta {
   display: block;
   width: 100%;
   margin: 110px auto 0 auto;
   max-width: 633px;
   text-align: center;
}
.diarioRetos.leidoEnVozAlta li {
   width: 100%;
   padding-left: 90px;
}
.diarioRetos.leidoEnVozAlta img { right: 70px; }
/* 4º PÁGINA 06 */
.fondoDiarioDeLectura04-06 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-06.png");
   min-height: 1261px;
   overflow: hidden;
   background-position: top right;
}
.textoPag01.texto04Pag06 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura04-06 .texto04Pag06 h3 { color: #3e3e3e; }
.fondoDiarioDeLectura04-06 .texto04Pag06 h3 span {
   color: #e6486b;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura04-06 .texto04Pag06 p {
   color: #3e3e3e;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   max-width: 636px;
   margin: 14px auto 0 auto;
}
.conActividadEnGrupo04-06::after {
   right: -250px;
   top: -21px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-04-pag-06.png");
}
.titularFondoCuaderno04-06 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-04-06.png");
   color: #3e3e3e;
   display: table;
   min-width: 395px;
   margin: 10px auto 0 auto;
}
.fondoDiarioDeLectura04-06 .texto04Pag06 p.conActividadEnGrupo.conActividadEnGrupo04-06 {
   max-width: 520px;
   margin-left: 0;
}
.diarioMeGustaria {
   max-width: 596px;
   display: table;
   margin: 0 auto;
   padding-top: 10px;
}
.diarioMeGustaria .subTitularVuestraLibreria {
   background-color: #e6486b;
   width: 100%;
   margin-bottom: 13px;
}
.diarioMeGustaria .textAreaDiario {
   height: 280px;
   min-height: 280px;
   max-height: 280px;
}
/* 4º PÁGINA 07 */
.fondoDiarioDeLectura04-07 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-07.png");
   min-height: 2519px;
   overflow: hidden;
   background-position: top 10px right;
}
.textoPag01.texto04Pag07 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura04-07 .texto04Pag07 h3 { color: #3e3e3e; }
.fondoDiarioDeLectura04-07 .texto04Pag07 h3 span {
   color: #ff881e;
   margin-bottom: 0;
   display: block;
}
.fondoDiarioDeLectura04-07 .texto04Pag07 p {
   color: #3e3e3e;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   max-width: 670px;
   margin: 14px auto 0 auto;
}
.conActividadEnGrupo04-07::after {
   right: -240px;
   top: -41px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-04-pag-07.png");
}
.titularFondoCuaderno04-07 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-04-07.png");
   color: #3e3e3e;
   display: table;
   min-width: 327px;
   margin: 20px auto 0 auto;
}
.fondoDiarioDeLectura04-07 .texto04Pag07 p.conActividadEnGrupo.conActividadEnGrupo04-07 {
   max-width: 520px;
   margin-left: 0;
}
.pag07EsGenial.quienEsQuien li {
   font-size: 17px;
   font-weight: 600;
   line-height: 2;
   height: 194px;
   margin-bottom: 31px;
   position: relative;
}
.pag07EsGenial.quienEsQuien li span {
   background-position: left;
   max-width: 648px;
   padding-right: 40px;
   padding-left: 30px;
   margin-left: 20px;
   height: 217px;
   padding-top: 35px;
}
.pag07EsGenial.quienEsQuien { max-width: 725px; }
.pag07EsGenial.quienEsQuien select {
   font-size: 17px;
   min-width: 271px;
   display: table;
   width: auto;
   font-style: italic;
   margin-top: 10px;
}
.pag07EsGenial.quienEsQuien li::before {
   background-repeat: no-repeat;
   width: 112px;
   height: 104px;
   display: block;
   content: '';
   position: absolute;
   left: -120px;
   top: 0;
   bottom: 0;
   margin: auto 0;
}
.pag07EsGenial.quienEsQuien li:first-child span { background-image: url("../img/privado/diario-de-lectura/pag-07-papel-04-motivo-01.png"); }
.pag07EsGenial.quienEsQuien li:first-child::before { background-image: url("../img/privado/diario-de-lectura/punto-pag-07-04-01.png"); }
.pag07EsGenial.quienEsQuien li:nth-child(2) span { background-image: url("../img/privado/diario-de-lectura/pag-07-papel-04-motivo-02.png"); }
.pag07EsGenial.quienEsQuien li:nth-child(2)::before { background-image: url("../img/privado/diario-de-lectura/punto-pag-07-04-02.png"); }
.pag07EsGenial.quienEsQuien li:nth-child(3) span { background-image: url("../img/privado/diario-de-lectura/pag-07-papel-04-motivo-01.png"); }
.pag07EsGenial.quienEsQuien li:nth-child(3)::before { background-image: url("../img/privado/diario-de-lectura/punto-pag-07-04-03.png"); }
.pag07EsGenial.quienEsQuien li:nth-child(4) span { background-image: url("../img/privado/diario-de-lectura/pag-07-papel-04-motivo-02.png"); }
.pag07EsGenial.quienEsQuien li:nth-child(4)::before { background-image: url("../img/privado/diario-de-lectura/punto-pag-07-04-04.png"); }
.pag07EsGenial.quienEsQuien li:nth-child(5) span {
   background-image: url("../img/privado/diario-de-lectura/pag-07-papel-04-motivo-01.png");
   padding-top: 40px;
}
.pag07EsGenial.quienEsQuien li:nth-child(5)::before { background-image: url("../img/privado/diario-de-lectura/punto-pag-07-04-05.png"); }
.pag07EsGenial.quienEsQuien li:nth-child(6) span {
   background-image: url("../img/privado/diario-de-lectura/pag-07-papel-04-motivo-02.png");
   padding-top: 40px;
}
.pag07EsGenial.quienEsQuien li:nth-child(6)::before { background-image: url("../img/privado/diario-de-lectura/punto-pag-07-04-06.png"); }
.pag07EsGenial.quienEsQuien li:nth-child(7) span {
   background-image: url("../img/privado/diario-de-lectura/pag-07-papel-04-motivo-01.png");
   padding-top: 25px;
}
.pag07EsGenial.quienEsQuien li:nth-child(7)::before { background-image: url("../img/privado/diario-de-lectura/punto-pag-07-04-07.png"); }
.pag07EsGenial.quienEsQuien li:nth-child(8) span { background-image: url("../img/privado/diario-de-lectura/pag-07-papel-04-motivo-02.png"); }
.pag07EsGenial.quienEsQuien li:nth-child(8)::before { background-image: url("../img/privado/diario-de-lectura/punto-pag-07-04-08.png"); }
.enlaceVerLibro {
   width: 80px;
   height: 80px;
   border: solid 4px #fff;
   background-image: url("../img/privado/diario-de-lectura/pag-05-ico-mostrar.png"), linear-gradient(to top, #f67f3b, #f36121);
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 50%;
   position: absolute;
   bottom: -29px;
   right: 36px;
}
.enlaceVerLibro:hover { background-image: url("../img/privado/diario-de-lectura/pag-05-ico-mostrar.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), linear-gradient(to top, #f67f3b, #f36121); }
.pag07EsGenial.quienEsQuien li p {
   font-size: 17px;
   font-weight: 600;
   padding: 5px 10px;
   min-height: 47px;
   box-sizing: border-box;
   max-width: 271px;
   border-radius: 5px;
   margin-top: 10px;
   margin-bottom: 12px;
}
.quienEsQuienCorrecto {
   background-color: #bdf98c;
   border: 1px solid #63b024;
}
.quienEsQuienIncorrecto {
   background-color: #ffa9b7;
   border: 1px solid #c80315;
}
.titularNumeroAciertos04-07 {
   color: #fff;
   background-image: url("../img/privado/diario-de-lectura/titlular-aciertos-04-07.png");
   width: 381px;
   height: 81px;
   display: inline-block;
   font-size: 18px;
   text-align: left;
   line-height: 1.9;
   font-weight: 700;
   position: absolute;
   right: -32px;
   bottom: -127px;
   padding-left: 90px;
   background-repeat: no-repeat;
}
.titularNumeroAciertos04-07 span {
   color: #86fff8;
   font-size: 36px;
}
/* 4º PÁGINA 08 */
.fondoDiarioDeLectura04-08 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-08.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: top right;
   background-color: #42b2fc;
}
.textoPag01.texto04Pag08 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura04-08 .texto04Pag08 h3 {
   color: #fff;
   margin-bottom: 10px;
}
.fondoDiarioDeLectura04-08 .texto04Pag08 h3 span {
   color: #74ee0f;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura04-08 .texto04Pag08 p {
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   max-width: 636px;
   margin: 14px auto 0 auto;
}
.conActividadEnGrupo04-08::after {
   right: -250px;
   top: 53px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-04-pag-08.png");
}
.titularFondoCuaderno04-08 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-04-08.png");
   color: #fff;
   display: table;
   min-width: 410px;
   margin: 10px auto 0 auto;
}
.fondoDiarioDeLectura04-08 .texto04Pag08 p.conActividadEnGrupo.conActividadEnGrupo04-08 {
   max-width: 490px;
   margin-left: 0;
   padding-left: 20px;
}
.flechaDiario04-08 {
   display: table;
   margin: 12px auto 0 auto;
}
.escrituraCreativa h3.titular04pag08 {
   color: #fff;
   margin-top: 10px;
   margin-bottom: 0px;
}
.diarioEntrevista {
   max-width: 766px;
   margin: 0 auto;
}
.diarioEntrevista .inputNombreEntrevistado {
   font-size: 17px;
   max-width: 100%;
   margin: 4px auto 0 auto;
   text-align: left;
   border-width: 2px;
}
.diarioEntrevista .inputNombreEntrevistado::placeholder {
 opacity: 1;
 font-style: italic;
 color: #7d94a8;
}
.subTitularEntrevista {
   font-size: 17px;
   font-weight: 600;
   padding: 15px 18px 17px 18px;
   border-radius: 4px;
   display: table;
   color: #3e3e3e;
   text-align: center;
   width: 100%;
   margin-top: 20px;
   margin-bottom: 10px;
}
.subTitularEntrevista.verde { background-color: #bdff86; }
.subTitularEntrevista.azul { background-color: #96d5ff; }
.diarioEntrevista textarea {
   border-width: 2px;
   height: 190px;
   min-height: 190px;
   max-height: 190px;
   margin-bottom: 0;
}
/* 4º PÁGINA 09 */
.fondoDiarioDeLectura04-09 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-09.png");
   min-height: 1261px;
   overflow: hidden;
   background-color: #afe2ff;
   background-position: top 18px left 100px;
}
.contenidoPag04-09 {
   width: 100%;
   display: table;
   max-width: 858px;
   margin: 0 auto;
}
.contenidoPag04-09 h3 {
   color: #fff;
   text-align: left;
   width: calc(100% - 335px);
   margin-top: 12px;
   float: left;
}
.contenidoPag04-09 h4 {
   display: inline-table;
   margin-top: 20px;
   margin-bottom: 0;
}
.contenidoPag04-09 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: 10px;
   max-width: 870px;
}
.contenidoPag04-09 textarea {
   max-width: 755px;
   height: 324px;
   min-height: 324px;
   float: right;
}
/* 4º PÁGINA 10 */
.fondoDiarioDeLectura04-10 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-10.png");
   min-height: 1261px;
   overflow: hidden;
   background-color: #2c8bc9;
   background-position: top 18px left 100px;
}
.contenidoPag04-10 {
   width: 100%;
   display: table;
   max-width: 858px;
   margin: 0 auto;
}
.contenidoPag04-10 h3 {
   color: #3e3e3e;
   text-align: left;
   width: calc(100% - 335px);
   margin-top: 33px;
   float: left;
}
.contenidoPag04-10 h4 {
   float: right;
   margin-top: 20px;
   margin-bottom: 0;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-azul-claro-02.png");
}
.contenidoPag04-10 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: 10px;
   max-width: 510px;
   display: inline-block;
}
.contenidoPag04-10 textarea {
   max-width: 685px;
   height: 334px;
   min-height: 334px;
}
/* 4º PÁGINA 11 */
.fondoDiarioDeLectura04-11 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-11.png");
   min-height: 1261px;
   overflow: hidden;
   background-color: #b9e3ff;
   background-position: top 18px left 100px;
}
.contenidoPag04-11 {
   width: 100%;
   display: table;
   max-width: 858px;
   margin: 0 auto;
}
.contenidoPag04-11 h3 {
   color: #3e3e3e;
   text-align: left;
   width: calc(100% - 530px);
   margin-top: 33px;
   display: inline-block;
   margin-left: -15px;
}
.contenidoPag04-11 h4 {
   margin-top: 20px;
   margin-bottom: 0;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-azul-claro-02.png");
   margin-left: -90px;
}
.contenidoPag04-11 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: -130px;
   max-width: 625px;
   float: left;
   margin-left: 260px;
}
.contenidoPag04-11 textarea {
   max-width: 605px;
   height: 334px;
   min-height: 334px;
   float: right;
}
.titularInspiracion.blanco { color: #fff; }
/* 4º PÁGINA 12 */
.fondoDiarioDeLectura04-12 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-12.png");
   min-height: 1261px;
   overflow: hidden;
   background-color: #42b2fc;
   background-position: top 18px right;
}
.contenidoPag04-12 {
   width: 100%;
   display: table;
   max-width: 858px;
   margin: 0 auto;
}
.contenidoPag04-12 h3 {
   color: #fff;
   text-align: left;
   width: 100%;
   float: left;
   padding-left: 60px;
   margin-top: 50px;
}
.contenidoPag04-12 h4 {
   float: right;
   margin-top: 20px;
   margin-bottom: 0;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-azul-claro-02.png");
}
.contenidoPag04-12 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: 10px;
   max-width: 510px;
   display: inline-block;
   color: #fff;
   padding-left: 60px;
}
.contenidoPag04-12 textarea {
   max-width: 685px;
   height: 1124px;
   ;
   min-height: 1124px;
   font-size: 17px;
   margin-top: 34px;
}
.diarioDosColumnasFila {
   max-width: 860px;
   display: table;
   margin: 86px auto 0 auto;
   float: none;
}
.diarioDosColumnasA {
   float: left;
   width: 48%;
}
.diarioDosColumnasB {
   float: left;
   width: 52%;
   position: relative;
   padding-left: 14px;
}
.textoPag04-12 {
   background-image: url("../img/privado/diario-de-lectura/papel-04-12.png");
   background-repeat: no-repeat;
   width: 426px;
   height: 215px;
   margin-top: 5px;
}
.textoPag04-12 p {
   color: #3e3e3e;
   display: flex;
   align-items: center;
   height: 215px;
   text-align: left;
   max-width: 340px;
   margin: 0 auto;
   padding-left: 0;
   font-weight: 700;
}
.textoPag04-12Col2 {
   background-image: url("../img/privado/diario-de-lectura/bocadillo-con-flecha-pag-04-12.png");
   background-repeat: no-repeat;
   width: 298px;
   height: 267px;
   padding: 20px 32px;
   margin: 0 auto;
}
.textoPag04-12Col2 p {
   font-size: 18px;
   font-weight: 700;
   color: #fff;
   margin: 0;
}
.expresionesPiratas p {
   font-size: 20px;
   font-weight: 500;
   line-height: 1.7;
}
.textoPag04-12Col2::after {
   background-image: url("../img/privado/diario-de-lectura/pirata.png");
   background-repeat: no-repeat;
   content: '';
   display: block;
   width: 337px;
   height: 510px;
   position: absolute;
   top: 70px;
   right: -163px;
}
.expresionesPiratas {
   background-image: url("../img/privado/diario-de-lectura/papel-04-12-02.png");
   background-repeat: no-repeat;
   min-height: 1558px;
   padding-left: 54px;
   padding-right: 86px;
}
.expresionesPiratas h4 {
   font-size: 30px;
   font-family: 'Kalam', cursive;
   text-align: center;
   margin-bottom: 30px;
}
.expresionesPiratas p {
   font-size: 20px;
   font-weight: 500;
}
.col02Pag04-07.diarioDosColumnasB .titularFondoCuadernoAzulClaro {
   margin-bottom: 5px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-azul-claro-02.png");
}
/* 4º PÁGINA 14 */
.fondoDiarioDeLectura04-14 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-14.png");
   background-position: top right;
   min-height: 1261px;
   background-color: #dbf1ff;
}
.fondoDiarioDeLectura04-14 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea {
   min-height: 354px;
   height: 354px !important;
   max-height: 354px;
}
.fondoDiarioDeLectura04-14 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea.textAreaQuienElegirias {
   min-height: 124px;
   height: 124px;
}
.fondoDiarioDeLectura04-14 .subTitularDiario { margin-top: 20px; }
/* 4º PÁGINA 15 */
.fondoDiarioDeLectura04-15 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-15.png");
   background-position: top right;
   min-height: 1261px;
   background-color: #fff;
}
.fondoDiarioDeLectura04-15 .subTitularDiario {
   display: inline-block;
   margin-top: 20px;
}
.fondoDiarioDeLectura04-15 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea {
   min-height: 274px !important;
   height: 274px;
   max-height: 274px;
}
/* 4º PÁGINA 16 */
.fondoDiarioDeLectura04-16 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-16.png");
   background-position: top right;
   min-height: 1261px;
   background-color: #dbf1ff;
}
.fondoDiarioDeLectura04-16 .subTitularDiario {
   margin-top: 20px;
   float: left;
   clear: both;
}
.fondoDiarioDeLectura04-16 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea {
   min-height: 304px;
   height: 304px;
   max-height: 304px;
}
.fondoDiarioDeLectura04-16 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea.textAreaQuienElegirias {
   min-height: 124px;
   height: 124px;
   max-height: 124px;
}
/* 4º PÁGINA 17 */
.fondoDiarioDeLectura04-17 {
   background-image: url("../img/privado/diario-de-lectura/fondo-04-pag-17.png");
   background-position: top right;
   min-height: 1261px;
   background-color: #b9e3ff;
}
.fondoDiarioDeLectura04-17 .subTitularDiario {
   margin-top: 20px;
   float: left;
   clear: both;
}
.fondoDiarioDeLectura04-17 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea {
   min-height: 304px !important;
   height: 304px;
   max-height: 304px;
}
/* CLASES PARA MODAL EDICION DIARIO */
.contenidoBarraFixedContenido.contenidoBarraLateralDiario.contenidoDiarioPerteneceA.conModalEditar { margin-top: calc(204px + 222px); }
/* FIN CLASES PARA MODAL EDICION DIARIO */
/* DIARIO 5º */
/* 5º PORTADA */
.fondoDiarioDeLectura05-portada {
   background-image: url(../img/privado/diario-de-lectura/fondo-05-pag-portada.png);
   background-position: top right;
   background-repeat: repeat;
 min-height: calc(100vh - -87px);
}
.fondoDiarioDeLectura05-portada .badgeDiario {
   background-image: url("../img/privado/diario-de-lectura/badge-curso-05.png");
   color: #3e3e3e;
}
.fondoDiarioDeLectura05-portada .perteneceA { background-image: url("../img/privado/diario-de-lectura/contenedor-nombre-05.png"); }
/* 5º PÁGINA 01 */
.fondoDiarioDeLectura05-01 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-01.png");
   min-height: 1261px;
   background-position: bottom left 100px;
}
.fondoDiarioDeLectura05-01 .avatarPag {
   right: auto;
   left: -110px;
   top: -34px;
}
.fondoDiarioDeLectura05-01 .diarioPag01 .textoPag01 h3 { padding-left: 40px; }
.fondoDiarioDeLectura05-01 .diarioPag01 .textoPag01 p { padding-left: 40px; }
.fondoDiarioDeLectura05-01 .titularConClip {
   color: #308ecb;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-con-clip-azul-05.png");
   left: auto;
   right: -44px;
   transform: none;
   top: 10px;
   line-height: 3.4;
   min-width: 349px;
}
.fondoDiarioDeLectura05-01 .formularioPag01 {
   border-color: #2b8ac7;
   margin-top: 0;
}
.fondoDiarioDeLectura05-01 .contenidoPag01 { margin-top: 45px; }
.fondoDiarioDeLectura05-01 .contenidoPag01 input {
   margin-left: 0;
   padding: 15px 10px;
}
.fondoDiarioDeLectura05-01 .contenidoPag01 input::placeholder {
 color: #7d94a8;
 opacity: 1;
}
.fondoDiarioDeLectura05-01 .contenidoPag01 textarea {
   min-height: 84px;
   max-height: 84px;
   height: 84px;
   border-width: 2px;
   padding: 15px 10px;
   margin-bottom: 5px;
   max-width: 701px;
   margin-right: 5px;
}
.fondoDiarioDeLectura05-01 .contenidoPag01 p { line-height: 2.2; }
/* 5º PÁGINA 02 */
.fondoDiarioDeLectura05-02 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-02.png");
   min-height: 1261px;
   background-position: bottom left 100px;
}
.fondoDiarioDeLectura05-02 .diarioPag01 .textoPag02 h3 { color: #3e3e3e; }
.fondoDiarioDeLectura05-02 .diarioPag01 .textoPag01 p { color: #3e3e3e; }
/* 5º PÁGINA 03 */
.fondoDiarioDeLectura05-03 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-03.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: top right;
}
.textoPag01.texto05Pag03 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura05-03 .texto05Pag03 h3 { color: #fff; }
.fondoDiarioDeLectura05-03 .texto05Pag03 h3 span {
   color: #ffd2c7;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura05-03 .texto05Pag03 p {
   color: #3e3e3e;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   margin-left: 0;
   margin-top: 24px;
   max-width: 682px;
   padding-left: 0;
}
.conActividadEnGrupo05-03::after {
   right: -240px;
   top: -51px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-05-pag-03.png");
}
.titularFondoCuaderno05-03 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-05-03.png");
   color: #fff;
   display: table;
   min-width: 534px;
   margin: 20px auto 0 140px;
}
.subTitularVuestraLibreria.verde {
   background-color: #00a59b;
   text-align: center;
}
.subTitularVuestraLibreria.naranja {
   background-color: #ff7b58;
   text-align: left;
}
.formadGrupos {
   max-width: 690px;
   margin: 0 auto;
}
.formadGrupos .subTitularVuestraLibreria.verde {
   margin-top: 67px;
   margin-left: 0;
   padding: 9px 45px 11px 45px;
   margin-bottom: 20px;
}
.formadGrupos .subTitularVuestraLibreria.naranja {
   width: 100%;
   margin-bottom: 10px;
}
.formadGrupos .inputMaquina::placeholder {
 opacity: 1;
 font-style: italic;
 color: #7d94a8;
}
.formadGrupos .inputMaquina {
   font-size: 17px;
   max-width: 100%;
   margin: 4px auto 0 auto;
   text-align: left;
   border-width: 2px;
}
.preguntasMaquina {
   max-width: 623px;
   margin: 585px auto 0 271px;
}
.preguntasMaquina .subTitularVuestraLibreria.verde {
   padding: 9px 35px 11px 35px;
   margin-bottom: 10px;
   text-align: left;
}
.preguntasMaquina .textAreaDiario {
   border-width: 2px;
   height: 275px;
   min-height: 275px;
   max-height: 275px;
   line-height: 2;
}
.preguntasMaquina .textAreaDiario::placeholder {
}
.piensaMaquina {
   max-width: 782px;
   margin: 28px auto 0 auto;
}
.piensaMaquina .subTitularVuestraLibreria.verde {
   text-align: left;
   margin-top: 20px;
}
.piensaMaquina .subTitularVuestraLibreria.naranja {
   text-align: left;
   padding-left: 40px;
   width: 100%;
   max-width: 582px;
   margin-bottom: 10px;
}
.piensaMaquina .textAreaDiario {
   max-width: 582px;
   margin-bottom: 10px;
   height: 216px;
   min-height: 216px;
   max-height: 216px;
}
/* 5º PÁGINA 04 */
.fondoDiarioDeLectura05-04 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-04.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: top left 100px;
}
.textoPag01.texto05Pag04 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura05-04 .texto05Pag04 h3 { color: #fff; }
.fondoDiarioDeLectura05-04 .texto05Pag04 h3 span {
   color: #42d2fc;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura05-04 .texto05Pag04 p {
   color: #3e3e3e;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   margin-top: 40px;
   max-width: 737px;
}
.conActividadEnGrupo05-04::after {
   right: -267px;
   top: -47px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-05-pag-04.png");
}
.titularFondoCuaderno05-04 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-05-04.png");
   color: #fff;
   display: table;
   min-width: 355px;
   margin: 30px auto 0 auto;
}
.subTitular05Pag04 {
   line-height: 1.8;
   font-size: 18px;
   margin-bottom: 5px;
   display: block;
}
.bloque05pag04izq {
   max-width: 555px;
   margin-left: 315px;
   margin-top: 65px;
}
.bloque05pag04izq::before {
   background-image: url("../img/privado/diario-de-lectura/casa-con-libro.png");
   background-repeat: no-repeat;
   width: 331px;
   height: 189px;
   content: '';
   float: left;
   clear: both;
   position: absolute;
   display: block;
   left: -25px;
   margin-top: 55px;
}
.bloque05pag04izq .inputSinopsis {
   border-width: 2px;
   max-width: 510px;
   margin-bottom: 25px;
   font-size: 17px;
}
.bloque05pag04izq .inputSinopsis::placeholder {
 opacity: 1;
 font-style: italic;
 color: #7d94a8;
}
.bloque05pag04izq textarea {
   height: 170px;
   border-width: 2px;
   font-size: 17px;
}
.bloque05pag04izq textarea::placeholder {
 line-height: 1.8;
}
.bloque05pag04der {
   max-width: 606px;
   margin-top: 35px;
   position: relative;
   margin-left: 130px;
}
.bloque05pag04der::after {
   background-image: url("../img/privado/diario-de-lectura/magia.png");
   background-repeat: no-repeat;
   width: 426px;
   height: 603px;
   content: '';
   float: left;
   clear: both;
   position: absolute;
   display: block;
   top: -20px;
   right: -290px;
}
.bloque05pag04der .inputSinopsis {
   border-width: 2px;
   max-width: 510px;
   margin-bottom: 25px;
   font-size: 17px;
}
.bloque05pag04der .inputSinopsis::placeholder {
 opacity: 1;
 font-style: italic;
 color: #7d94a8;
}
.bloque05pag04der textarea {
   height: 170px;
   border-width: 2px;
   font-size: 17px;
   position: relative;
   z-index: 2;
}
.bloque05pag04der textarea::placeholder {
 line-height: 1.8;
}
.bloque05pag04izq.tarta {
   position: relative;
   z-index: 2;
   margin-top: 40px;
   max-width: 565px;
}
.bloque05pag04izq.tarta::before {
   background-image: url("../img/privado/diario-de-lectura/tarta.png");
   background-repeat: no-repeat;
   width: 268px;
   height: 311px;
   left: -305px;
   margin-top: -9px;
}
.bloque05pag04der.telefonoMovil { max-width: 653px; }
.bloque05pag04der.telefonoMovil::after {
   background-image: url("../img/privado/diario-de-lectura/telefono-movil.png");
   background-repeat: no-repeat;
   width: 227px;
   height: 292px;
   top: 20px;
   right: -248px;
}
.bloque05pag04izq.loteria::before { display: none; }
/* 5º PÁGINA 05 */
.fondoDiarioDeLectura05-05 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-05.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: top left 100px;
}
.diario05Pag05 { width: 100%; }
.textoPag01.texto05Pag05 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura05-05 .texto05Pag05 h3 { color: #fff; }
.fondoDiarioDeLectura05-05 .texto05Pag05 h3 span {
   color: #41e6dc;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura05-05 .texto05Pag05 p {
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   max-width: 670px;
   margin: 14px auto 0 auto;
}
.conActividadEnGrupo05-05::after {
   right: -250px;
   top: -42px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-05-pag-05.png");
}
.titularFondoCuaderno05-05 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-05-05.png");
   color: #fff;
   display: table;
   min-width: 355px;
   margin: 53px auto 18px auto;
}
.subtitular05Pag05 {
   background-image: url("../img/privado/diario-de-lectura/fondo-subtitular-05-pag-05.png");
   background-repeat: no-repeat;
   color: #3e3e3e;
   font-size: 25px;
   font-family: 'Kalam', cursive;
   display: table;
   padding: 24px 10px;
   margin: 0 auto 20px auto;
   min-width: 395px;
   text-align: center;
}
.pag05-05Parrafo01 {
   width: 645px;
   min-height: 554px;
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-05-parrafo-01.png");
   display: table;
   margin: 0 auto 75px auto;
   position: relative;
   box-shadow: 0 15px 0 0 rgba(0, 0, 0, 0.10);
   background-repeat: repeat-y;
}
.pag05-05Parrafo01 p {
   font-family: 'Roboto Slab', serif;
   font-size: 20px;
   padding: 37px 74px;
   line-height: 1.5;
   letter-spacing: 0.1px;
   margin: 0;
   text-align: justify;
   color: #0b5278;
}
.pag04VerLibroContenedor.pag05VerLibroContenedor05 .subtitularPag05.subtitular04Pag05.conEnlaceVer {
   background-image: url("../img/privado/diario-de-lectura/fondo-subtitular-05-pag-05-largo.png");
   color: #3e3e3e;
}
.pag05-05Parrafo02 {
   width: 863px;
   min-height: 389px;
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-05-parrafo-02.png");
   display: table;
   margin: 170px auto 40px auto;
   padding: 30px 60px 0 33px;
}
.pag05-05Parrafo02 ul {
   font-size: 18px;
   font-weight: 500;
}
.pag05-05Parrafo02 ul li {
   position: relative;
   margin-bottom: 40px;
   padding-left: 100px;
}
.pag05-05Parrafo02 ul li::before {
   background-repeat: no-repeat;
   width: 80px;
   height: 75px;
   display: block;
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto 0;
   left: 10px;
}
.pag05-05Parrafo02 ul li:nth-child(1)::before { background-image: url("../img/privado/diario-de-lectura/punto-pag-05-05-01.png"); }
.pag05-05Parrafo02 ul li:nth-child(2)::before { background-image: url("../img/privado/diario-de-lectura/punto-pag-05-05-02.png"); }
.pag05-05Parrafo02 ul li:nth-child(3)::before { background-image: url("../img/privado/diario-de-lectura/punto-pag-05-05-03.png"); }
.textAreaDiario.textarea05pag05 {
   max-width: 653px;
   height: 700px;
   margin: 0 auto;
   display: block;
   line-height: 1.8;
}
/* 5º PÁGINA 06 */
.fondoDiarioDeLectura05-06 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-06.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: top right;
}
.diario05Pag06 { width: 100%; }
.textoPag01.texto05Pag06 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura05-06 .texto05Pag06 h3 { color: #fff; }
.fondoDiarioDeLectura05-06 .texto05Pag06 h3 span {
   color: #42b2fc;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura05-06 .texto05Pag06 p {
   color: #3e3e3e;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   max-width: 670px;
   margin: 14px auto 0 auto;
   padding-left: 30px;
}
.conActividadEnGrupo05-06::after {
   right: -290px;
   top: -42px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-05-pag-06.png");
}
.titularFondoCuaderno05-06 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-05-06.png");
   color: #3e3e3e;
   display: table;
   min-width: 384px;
   margin: 33px auto 48px auto;
}
.cuandoYoSea {
   background-image: url("../img/privado/diario-de-lectura/papel-05-pag-06.png");
   background-repeat: no-repeat;
   max-width: 605px;
   height: 1171px;
   display: table;
   width: 100%;
   margin: 0 auto;
}
.cuandoYoSea h4 {
   font-size: 22px;
   text-align: center;
   margin-top: 50px;
   margin-bottom: 20px;
}
.cuandoYoSea input {
   max-width: 217px;
   display: inline-block;
   margin-left: 5px;
   margin-bottom: 9px;
   border-width: 2px;
   font-size: 17px;
   padding: 15px;
}
.cuandoYoSea input::placeholder {
 opacity: 1;
 font-style: italic;
 color: #7d94a8;
}
.cuandoYoSea p {
   font-size: 18px;
   font-weight: 500;
   display: table;
   margin: 0 auto;
}
.pag04VerLibroContenedor.pag05VerLibroContenedor06 .subtitularPag05.subtitular04Pag05.conEnlaceVer {
   background-image: url("../img/privado/diario-de-lectura/fondo-subtitular-05-pag-06.png");
   color: #3e3e3e;
   width: 378px;
   text-align: center;
   margin-right: -50px;
   margin-top: 47px;
}
.pag05-06Parrafo01 {
   width: 650px;
   min-height: 681px;
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-06-parrafo-01.png");
   display: table;
   margin: 130px auto 75px auto;
   position: relative;
   background-repeat: repeat-y;
}
.pag05-06Parrafo01 p {
   font-size: 18px;
   padding: 0;
   letter-spacing: 0.1px;
   margin: 0 auto;
   text-align: center;
   color: #3e3e3e;
   line-height: 1.8;
}
.pag05-06Parrafo01 h4 {
   font-size: 22px;
   text-align: center;
   margin-bottom: 20px;
   margin-top: 50px;
}
/* 5º PÁGINA 07 */
.fondoDiarioDeLectura05-07 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-07.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: top right;
}
.diario05Pag07 { width: 100%; }
.textoPag01.texto05Pag07 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura05-07 .texto05Pag07 h3 {
   color: #3e3e3e;
   max-width: 633px;
   margin: 20px auto 0px auto;
}
.fondoDiarioDeLectura05-07 .texto05Pag07 h3 span {
   color: #e2ff84;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura05-07 .texto05Pag07 p {
   color: #3e3e3e;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   max-width: 670px;
   margin: 14px auto 0 auto;
   padding-left: 30px;
}
.conActividadEnGrupo05-07::after {
   right: -260px;
   top: -20px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-05-pag-07.png");
}
.titularFondoCuaderno05-07 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-05-07.png");
   color: #3e3e3e;
   display: table;
   min-width: 410px;
   margin: 33px auto 0 auto;
}
.diarioDosColumnas {
   max-width: 920px;
   margin: 0 auto;
   display: table;
}
.columna { float: left; }
.cIzq { width: 50%; }
.cDer {
   width: 50%;
   padding-top: 60px;
}
.diarioDosColumnas:after {
   content: "";
   display: table;
   clear: both;
}
.contenidoResultadosBusqueda.diarioLaVueltaAlMundo { margin: 0 auto; }
.contenidoResultadosBusqueda.diarioLaVueltaAlMundo .tresColumnasIgualesA {
   width: 100%;
   margin-bottom: 50px;
}
.contenidoResultadosBusqueda.diarioLaVueltaAlMundo .tresColumnasIgualesB {
   width: 100%;
   margin-left: 0;
}
.contenidoResultadosBusqueda.diarioLaVueltaAlMundo article {
   max-width: 190px;
   float: left;
}
.contenidoResultadosBusqueda.diarioLaVueltaAlMundo p {
   margin-bottom: 20px;
   margin-top: 0;
}
.contedorDiarioPregunta {
   width: calc(100% - 240px);
   float: left;
   margin-left: 20px;
   margin-top: 75px;
}
.contedorDiarioPregunta img { margin-bottom: 20px; }
.contenidoResultadosBusqueda.diarioLaVueltaAlMundo .contenedorImagen { height: 170px; }
.diarioDosColumnas input {
   max-width: 217px;
   margin-left: 5px;
   margin-bottom: 9px;
   border-width: 2px;
   font-size: 17px;
   padding: 15px;
}
.diarioDosColumnas input::placeholder {
 opacity: 1;
 font-style: italic;
 color: #7d94a8;
}
.parrafoInputPais {
   max-width: 217px;
   margin-left: 5px;
   margin-bottom: 9px !important;
   font-size: 17px;
   padding: 13px 15px;
   font-weight: 500;
   display: block;
   width: 100%;
   color: #3e3e3e;
   border: 2px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
   min-height: 54px;
   box-sizing: border-box;
}
.parrafoInputPais.correctoPais {
   border: 2px solid #63b024;
   background-color: #bdf98c;
   color: #3e3e3e;
}
.parrafoInputPais.incorrectoPais {
   border: 2px solid #c80315;
   background-color: #ffa9b7;
   color: #3e3e3e;
}
.titularNumeroAciertos.titularNumeroAciertos05-07 {
   background-image: url("../img/privado/diario-de-lectura/titlular-aciertos05-07.png");
   width: 498px;
   padding-left: 0;
   text-align: center;
   bottom: -132px;
}
.titularNumeroAciertos.titularNumeroAciertos05-07 span { color: #e2ff84; }
/* 5º PÁGINA 08 */
.fondoDiarioDeLectura05-08 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-08.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: top center;
}
.diario05Pag08 { width: 100%; }
.textoPag01.texto05Pag08 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura05-08 .texto05Pag08 h3 {
   color: #fff;
   max-width: 633px;
   margin: 20px auto 0px auto;
}
.fondoDiarioDeLectura05-08 .texto05Pag08 h3 span {
   color: #ff006e;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura05-08 .texto05Pag08 p {
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   max-width: 655px;
   margin: 14px auto 20px auto;
}
.conActividadEnGrupo05-08::after {
   right: -210px;
   top: 0px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-05-pag-08.png");
}
.titularFondoCuaderno05-08 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-05-08.png");
   color: #fff;
   display: table;
   min-width: 341px;
   margin: 33px auto 0 auto;
}
.pasapalabra {
   margin: 630px auto 0 auto;
   max-width: 980px;
}
.pasapalabra ul { padding-left: 20px; }
.pasapalabra ul li {
   position: relative;
   margin-bottom: 50px;
   align-items: center;
   display: flex;
}
.pasapalabra ul li input {
   max-width: 184px;
   margin-left: 5px;
   margin-bottom: 0;
   border-width: 2px;
   font-size: 17px;
   padding: 15px;
   display: inline-block;
   margin-right: 19px;
}
.pasapalabra ul li input::placeholder {
 opacity: 1;
 font-style: italic;
 color: #7d94a8;
}
.pasapalabra ul li span {
   border-radius: 3px;
   background-color: #ffcdd5;
   padding: 15px 12px 15px 38px;
   display: inline-block;
   width: calc(100% - 216px);
   font-size: 17px;
   font-weight: 500;
}
.pasapalabra ul li:nth-child(even) span {
   background-color: #ffeabd;
   margin-left: 5px;
   padding-left: 100px;
}
.pasapalabra ul li:nth-child(even) input {
   margin-left: 19px;
   margin-right: 0;
}
.pasapalabra ul li img {
   position: absolute;
   right: -10px;
   top: -19px;
}
.pasapalabra ul li:first-child img { top: -40px; }
.pasapalabra ul li:nth-child(2) img { top: -40px; }
.pasapalabra ul li:nth-child(even) img {
   right: auto;
   left: -30px;
}
.pasapalabra ul li:last-child img { top: -10px; }
.parrafoInputPasapalabra {
   max-width: 184px;
   margin: 0;
   margin-left: 5px;
   margin-right: 19px;
   font-size: 17px;
   padding: 13px 15px;
   font-weight: 500;
   display: block;
   width: 100%;
   color: #3e3e3e;
   border: 2px solid #a1c7da;
   border-radius: 5px;
   background-color: #f3fbff;
   min-height: 54px;
   box-sizing: border-box;
}
.parrafoInputPasapalabra.correctoPasapalabra {
   border: 2px solid #63b024;
   background-color: #bdf98c;
   color: #3e3e3e;
}
.parrafoInputPasapalabra.incorrectoPasapalabra {
   border: 2px solid #c80315;
   background-color: #ffa9b7;
   color: #3e3e3e;
}
.pasapalabra ul li:nth-child(even) .parrafoInputPasapalabra {
   margin-left: 19px;
   margin-right: 0;
}
.titularNumeroAciertos.titularNumeroAciertos05-08 {
   background-image: url("../img/privado/diario-de-lectura/titlular-aciertos05-07.png");
   width: 498px;
   padding-left: 0;
   text-align: center;
   bottom: -102px;
}
.titularNumeroAciertos.titularNumeroAciertos05-08 span { color: #ffb8c9; }
/* 5º PÁGINA 09 */
.fondoDiarioDeLectura05-09 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-09.png");
   min-height: 1261px;
   overflow: hidden;
   background-color: #afe2ff;
   background-position: top left 100px;
}
.contenidoPag05-09 {
   width: 100%;
   display: table;
   max-width: 898px;
   margin: 0 auto;
}
.contenidoPag05-09 h3 {
   color: #fff;
   text-align: left;
   margin-top: 22px;
   display: inline-block;
}
.contenidoPag05-09 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: 20px;
   max-width: 636px;
}
.contenidoPag05-09 textarea {
   max-width: 755px;
   height: 324px;
   min-height: 324px;
   float: left;
}
.titularFondoCuaderno05-09 {
   color: #308ecb;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-05-09.png");
   background-repeat: no-repeat;
   padding: 24px 45px;
   font-weight: 800;
   text-align: center;
   background-position: center;
   min-width: 297px;
   float: right;
   margin-top: 20px;
   margin-bottom: 0;
   margin-right: -90px;
}
/* 5º PÁGINA 10 */
.fondoDiarioDeLectura05-10 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-10.png");
   min-height: 1261px;
   overflow: hidden;
   background-color: #afe2ff;
   background-position: top left 100px;
}
.contenidoPag05-10 {
   width: 100%;
   display: table;
   max-width: 898px;
   margin: 0 auto;
}
.contenidoPag05-10 h3 {
   color: #3e3e3e;
   text-align: left;
   margin-top: 22px;
   display: inline-block;
}
.contenidoPag05-10 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: -92px;
   max-width: 589px;
   float: right;
   width: calc(100% - 305px);
}
.contenidoPag05-10 textarea {
   max-width: 589px;
   height: 365px;
   min-height: 365px;
   float: right;
   width: calc(100% - 305px);
   margin-top: 0;
}
.titularFondoCuaderno05-10 {
   color: #308ecb;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-05-10.png");
   background-repeat: no-repeat;
   padding: 24px 0;
   font-weight: 800;
   text-align: center;
   background-position: center;
   min-width: 305px;
   margin-top: 8px;
   margin-left: -13px;
   display: table;
}
.fondoDiarioDeLectura05-10 .titularInspiracion {
   margin-top: 50px;
   display: inline-block;
   text-align: center;
   width: 100%;
}
/* 5º PÁGINA 11 */
.fondoDiarioDeLectura05-11 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-11.png");
   min-height: 1261px;
   overflow: hidden;
   background-color: #afe2ff;
   background-position: top left 100px;
}
.contenidoPag05-11 {
   width: 100%;
   display: table;
   max-width: 898px;
   margin: 0 auto;
}
.contenidoPag05-11 h3 {
   color: #3e3e3e;
   text-align: left;
   margin-top: 22px;
   display: inline-block;
}
.contenidoPag05-11 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: -142px;
   max-width: 605px;
   float: right;
   width: calc(100% - 305px);
}
.contenidoPag05-11 textarea {
   max-width: 605px;
   height: 405px;
   min-height: 405px;
   float: right;
   width: calc(100% - 305px);
   margin-top: -63px;
}
/* 5º PÁGINA 12 */
.fondoDiarioDeLectura05-12 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-12.png");
   min-height: 1261px;
   overflow: hidden;
   background-color: #afe2ff;
   background-position: top left 100px;
}
.contenidoPag05-12 {
   width: 100%;
   display: table;
   max-width: 898px;
   margin: 0 auto;
}
.contenidoPag05-12 h3 {
   color: #fff;
   text-align: left;
   margin-top: 22px;
   display: inline-block;
}
.contenidoPag05-12 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: -110px;
   max-width: 570px;
   float: right;
   width: calc(100% - 305px);
}
.contenidoPag05-12 textarea {
   max-width: 630px;
   height: 369px;
   min-height: 369px;
   float: right;
   width: calc(100% - 305px);
   margin-top: -13px;
}
.titularFondoCuaderno05-12 {
   color: #308ecb;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-05-09.png");
   background-repeat: no-repeat;
   padding: 24px 0;
   font-weight: 800;
   text-align: center;
   background-position: center;
   min-width: 305px;
   margin-top: 8px;
   margin-left: -13px;
   display: table;
}
/* 5º PÁGINA 14 */
.fondoDiarioDeLectura05-14 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-14.png");
   background-position: top right;
   min-height: 1261px;
   background-color: #dbf1ff;
}
.contenidoPag05-14 h3 { color: #fff; }
.contenidoPag05-14 .contenidoDiarioFloat p { color: #fff; }
.fondoDiarioDeLectura05-14 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea {
   min-height: 274px;
   height: 274px !important;
   max-height: 274px;
}
.fondoDiarioDeLectura05-14 .subTitularDiario { margin-top: 20px; }
.contenidoPag05-14 .contenidoDiarioFloat p.textoDesactivadoDiario { color: #b0d0e3; }
/* 5º PÁGINA 15 */
.fondoDiarioDeLectura05-15 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-15.png");
   background-position: top right;
   min-height: 1261px;
   background-color: #dbf1ff;
}
.contenidoPag05-15 h3 { color: #fff; }
.contenidoPag05-15 .contenidoDiarioFloat p { color: #fff; }
.fondoDiarioDeLectura05-15 .subTitularDiario {
   margin-top: 20px;
   float: left;
   clear: both;
}
.fondoDiarioDeLectura05-15 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea {
   min-height: 213px;
   height: 213px;
   max-height: 213px;
}
.fondoDiarioDeLectura05-15 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea.textAreaQuienElegirias {
   min-height: 114px;
   height: 114px;
   max-height: 114px;
}
.contenidoPag05-15 .contenidoDiarioFloat p.textoDesactivadoDiario { color: #b0d0e3; }
/* 5º PÁGINA 16 */
.fondoDiarioDeLectura05-16 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-16.png");
   background-position: top right;
   min-height: 1261px;
   background-color: #dbf1ff;
}
.contenidoPag05-16 h3 { color: #fff; }
.contenidoPag05-16 .contenidoDiarioFloat p { color: #fff; }
.fondoDiarioDeLectura05-16 .subTitularDiario {
   margin-top: 20px;
   float: left;
   clear: both;
}
.fondoDiarioDeLectura05-16 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea {
   min-height: 220px;
   height: 220px;
   max-height: 220px;
}
.fondoDiarioDeLectura05-16 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea.textAreaQuienElegirias {
   min-height: 108px;
   height: 108px;
   max-height: 108px;
}
.contenidoPag05-16 .contenidoDiarioFloat p.textoDesactivadoDiario { color: #b0d0e3; }
/* 5º PÁGINA 17 */
.fondoDiarioDeLectura05-17 {
   background-image: url("../img/privado/diario-de-lectura/fondo-05-pag-17.png");
   background-position: top right;
   min-height: 1261px;
   background-color: #dbf1ff;
}
.contenidoPag05-17 h3 { color: #fff; }
.contenidoPag05-17 .contenidoDiarioFloat p { color: #fff; }
.fondoDiarioDeLectura05-17 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea {
   min-height: 258px;
   height: 258px !important;
   max-height: 258px;
}
.fondoDiarioDeLectura05-17 .subTitularDiario { margin-top: 20px; }
.contenidoPag05-17 .contenidoDiarioFloat p.textoDesactivadoDiario { color: #b0d0e3; }
/* DIARIO 6º */
/* 6º PORTADA */
.fondoDiarioDeLectura06-portada {
   background-image: url(../img/privado/diario-de-lectura/fondo-06-pag-portada.png);
   background-position: top right;
   background-repeat: repeat;
 min-height: calc(100vh - -87px);
}
.fondoDiarioDeLectura06-portada .badgeDiario {
   background-image: url("../img/privado/diario-de-lectura/badge-curso-06.png");
   color: #3e3e3e;
}
.fondoDiarioDeLectura06-portada .perteneceA { background-image: url("../img/privado/diario-de-lectura/contenedor-nombre-06.png"); }
/* 6º PÁGINA 01 */
.fondoDiarioDeLectura06-01 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-01.png");
   min-height: 2522px;
   background-position: bottom left 100px;
}
.fondoDiarioDeLectura06-01 .avatarPag {
   right: auto;
   left: 20px;
   top: 5px;
}
.fondoDiarioDeLectura06-01 .diarioPag01 .textoPag01 h3 {
   padding-left: 0;
   text-align: center;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura06-01 .diarioPag01 .textoPag01 p {
   padding-left: 0;
   margin-bottom: 35px;
}
.fondoDiarioDeLectura06-01 .titularConClip {
   color: #fff;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-con-clip-azul-06.png");
   left: auto;
   right: -24px;
   transform: none;
   top: 10px;
   line-height: 5.6;
   min-width: 333px;
   padding-left: 0;
}
.fondoDiarioDeLectura06-01 .formularioPag01 {
   border-color: #2b8ac7;
   margin-top: 0;
   padding-bottom: 50px;
}
.fondoDiarioDeLectura06-01 .contenidoPag01 {
   margin-top: 45px;
   padding-top: 90px;
}
.fondoDiarioDeLectura06-01 .contenidoPag01 input {
   margin-left: 0;
   padding: 15px 10px;
}
.fondoDiarioDeLectura06-01 .contenidoPag01 input::placeholder {
 color: #7d94a8;
 opacity: 1;
}
.fondoDiarioDeLectura06-01 .contenidoPag01 textarea {
   min-height: 84px;
   max-height: 84px;
   height: 84px;
   border-width: 2px;
   padding: 15px 10px;
   margin-bottom: 5px;
   max-width: 696px;
   margin-right: 5px;
}
.fondoDiarioDeLectura06-01 .contenidoPag01 p { line-height: 2.2; }
.fondoDiarioDeLectura06-01 .contenidoPag01 p span {
   font-family: 'Kalam', cursive;
   font-size: 30px;
   font-weight: 700;
}
input.inputLibroLeido154 {
   max-width: 174px;
   width: 100%;
}
input.inputLibroLeido208 {
   max-width: 224px;
   width: 100%;
}
input.inputLibroLeido254 {
   max-width: 274px;
   width: 100%;
}
input.inputLibroLeido295 {
   max-width: 295px;
   width: 100%;
}
input.inputLibroLeido319 {
   max-width: 337px;
   width: 100%;
}
input.inputLibroLeido340 {
   max-width: 339px;
   width: 100%;
}
input.inputLibroLeido359 {
   max-width: 379px;
   width: 100%;
}
input.inputLibroLeido398 {
   max-width: 398px;
   width: 100%;
   padding-left: 5px !important;
   padding-right: 5px !important;
}
input.inputLibroLeido403 {
   max-width: 398px;
   width: 100%;
}
input.inputLibroLeido467 {
   max-width: 465px;
   width: 100%;
   padding-left: 5px !important;
   padding-right: 5px !important;
}
input.inputLibroLeido549 {
   max-width: 543px;
   width: 100%;
}
input.inputLibroLeido572 {
   max-width: 573px;
   width: 100%;
}
input.inputLibroLeido100por100 {
   width: 100%;
   max-width: 100%;
}
/* 6º PÁGINA 02 */
.fondoDiarioDeLectura06-02 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-02.png");
   min-height: 1261px;
   background-position: bottom left 100px;
}
.fondoDiarioDeLectura06-02 .diarioPag01 .textoPag02 h3 { color: #fff; }
.fondoDiarioDeLectura06-02 .diarioPag01 .textoPag01 p { color: #fff; }
.fondoDiarioDeLectura06-02 .diarioRetos li { padding: 10px 0 10px 20px; }
/* 6º PÁGINA 03 */
.fondoDiarioDeLectura06-03 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-03.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: top right;
   background-color: #7a51bb;
}
.textoPag01.texto06Pag03 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura06-03 .texto06Pag03 h3 {
   color: #3e3e3e;
   text-align: left;
   padding-left: 15px;
}
.fondoDiarioDeLectura06-03 .texto06Pag03 h3 span {
   color: #adb616;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura06-03 .texto06Pag03 p {
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   margin-top: 40px;
   max-width: 737px;
   padding-left: 10px;
}
.conActividadEnGrupo06-03::after {
   right: -327px;
   top: -37px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-06-pag-03.png");
   z-index: 1;
}
.titularFondoCuaderno06-03 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-06-03.png");
   color: #fff;
   display: table;
   min-width: 334px;
   margin: 0 auto;
}
.palabrejas {
   background-image: url("../img/privado/diario-de-lectura/pag-03-papel-06-motivo-01.png");
   max-width: 683px;
   min-height: 189px;
   background-repeat: no-repeat;
   position: relative;
   margin-top: 10px;
   margin-left: 58px;
   margin-bottom: 19px;
}
.palabrejas textarea {
   max-width: 636px;
   height: 120px;
   margin-top: 50px;
   margin-left: 21px;
}
.subtitular06pag03 {
   font-size: 20px;
   font-weight: 800;
   color: #f8ff84;
   background-image: url("../img/privado/diario-de-lectura/fondo-subtitular-06-pag-03-01.png");
   min-width: 190px;
   padding: 15px 10px 15px 35px;
   background-repeat: no-repeat;
   box-sizing: border-box;
   margin-top: 0;
   line-height: 1.3;
   position: absolute;
   top: -14px;
   left: 30px;
}
.palabrejas.palabrejasVariacion { background-image: url("../img/privado/diario-de-lectura/pag-03-papel-06-motivo-02.png"); }
.palabrejas.palabrejasVariacion .subtitular06pag03 {
   background-image: url("../img/privado/diario-de-lectura/fondo-subtitular-06-pag-03-02.png");
   color: #7a51bb;
}
/* 6º PÁGINA 04 */
.fondoDiarioDeLectura06-04 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-04.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: top right;
   background-color: #f8a258;
}
.textoPag01.texto06Pag04 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura06-04 .texto06Pag04 h3 {
   color: #fff;
   padding-left: 15px;
   text-align: center;
}
.fondoDiarioDeLectura06-04 .texto06Pag04 h3 span {
   color: #ffc594;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura06-04 .texto06Pag04 p {
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   margin-top: 30px;
   max-width: 553px;
   padding-left: 0;
   margin-left: 0;
}
.conActividadEnGrupo06-04::after {
   right: -267px;
   top: -45px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-06-pag-04.png");
   z-index: 1;
}
.titularFondoCuaderno06-04 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-06-04.png");
   color: #fff;
   display: table;
   min-width: 355px;
   margin-right: 130px;
   float: right;
   margin-top: -20px;
   margin-bottom: 60px;
}
.diarioPistas {
   max-width: 869px;
   margin: 0 auto;
   float: none;
}
.diarioPistas li {
   border-radius: 10px;
   border: 7px solid #96571f;
   background-color: #ffe6d0;
   background-image: url("../img/privado/diario-de-lectura/fondo-pistas.png");
   background-position: left 26px bottom 0;
   background-repeat: no-repeat;
   margin-bottom: 70px;
   min-height: 217px;
   padding-right: 20px;
}
.diarioPistas li::before {
   width: 253px;
   height: 44px;
   display: block;
   content: '';
   margin-top: -51px;
   margin-left: 70px;
   position: absolute;
}
.diarioPistas li:first-child::before { background-image: url("../img/privado/diario-de-lectura/diario-titular-pista01.png"); }
.diarioPistas li:nth-child(2)::before { background-image: url("../img/privado/diario-de-lectura/diario-titular-pista02.png"); }
.diarioPistas li:nth-child(3)::before { background-image: url("../img/privado/diario-de-lectura/diario-titular-pista03.png"); }
.diarioPistas li:nth-child(4)::before { background-image: url("../img/privado/diario-de-lectura/diario-titular-pista04.png"); }
.diarioPistas li:nth-child(5)::before { background-image: url("../img/privado/diario-de-lectura/diario-titular-pista05.png"); }
.diarioPistas li:nth-child(6)::before { background-image: url("../img/privado/diario-de-lectura/diario-titular-pista06.png"); }
.diarioPistas li:nth-child(7)::before { background-image: url("../img/privado/diario-de-lectura/diario-titular-pista07.png"); }
.iconoPista {
   margin-top: -70px;
   display: block;
   margin-left: 12px;
   z-index: 2;
   position: absolute;
   background-image: url("../img/privado/diario-de-lectura/ico-pista.png");
   background-repeat: no-repeat;
   width: 110px;
   height: 113px;
   content: '';
   cursor: default;
}
.pistaResuelta .iconoPista {
   background-image: url("../img/privado/diario-de-lectura/ico-pista-02.png");
   cursor: pointer;
}
.pistaResuelta .iconoPista:hover { background-image: url("../img/privado/diario-de-lectura/ico-pista-03.png"); }
.portadaPista {
   float: left;
   margin-left: 15px;
   margin-right: 15px;
   margin-top: 52px;
   border-radius: 5px;
   border: 3px solid #96571f;
   opacity: 0;
   cursor: default;
}
.pistaResuelta .portadaPista {
   opacity: 1;
   cursor: pointer;
}
.contenidoPista {
   display: table;
   max-width: 700px;
   margin-bottom: 15px;
}
.contenidoPista p {
   font-weight: 600;
   color: #7d420f;
   line-height: 1.8;
   margin-top: 15px;
   margin-bottom: 10px;
}
.contenidoPista input {
   max-width: 596px;
   border-width: 2px;
   font-size: 17px;
   padding: 15px;
}
.contenidoPista input::placeholder {
 opacity: 1;
 font-style: italic;
 color: #7d94a8;
}
/* 6º PÁGINA 04 */
.fondoDiarioDeLectura06-05 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-05.png");
   min-height: 1261px;
   overflow: hidden;
   background-position: top right;
   background-color: #ffd700;
}
.textoPag01.texto06Pag05 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura06-05 .texto06Pag05 h3 {
   color: #fff;
   padding-left: 15px;
   text-align: center;
}
.fondoDiarioDeLectura06-05 .texto06Pag05 h3 span {
   color: #f36d21;
   margin-bottom: 20px;
}
.conActividadEnGrupo06-05::after {
   right: -257px;
   top: -2px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-06-pag-05.png");
   z-index: 1;
}
.titularFondoCuaderno06-05 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-06-05.png");
   color: #fff;
   display: table;
   min-width: 355px;
   margin: 18px auto 5px auto;
}
.subtitular06Pag05 {
   background-image: url("../img/privado/diario-de-lectura/fondo-subtitular-06-pag-05.png");
   background-repeat: no-repeat;
   color: #fff;
   font-size: 25px;
   font-family: 'Kalam', cursive;
   display: table;
   padding: 24px 0px;
   margin: -8px auto 0 auto;
   width: 100%;
   text-align: center;
   max-width: 411px;
}
.subtitularPag05.subtitular06Pag05.conEnlaceVer {
   background-image: url("../img/privado/diario-de-lectura/fondo-subtitular-06-pag-05-largo.png");
   text-align: left;
   padding-left: 40px;
   background-position: left;
   width: calc(100% - 30px);
   padding-right: 50px;
   box-sizing: border-box;
}
.contenido06pag05DosCol {
   max-width: 970px;
   margin: 0 auto;
}
.col01Pag06-05 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-05-parrafo-01.png");
   background-repeat: repeat-y;
}
.pag05VerLibro.pag05VerLibro06 {
   top: -9px;
   right: -20px;
}
.ico01Feb {
   position: absolute;
   margin-top: -100px;
}
.col01Pag06-05 p {
   font-family: 'Roboto Slab', serif;
   font-size: 20px;
   font-weight: 700;
   padding: 0 52px;
   margin-top: 0;
}
.col01Pag06-05 .pag04VerLibroContenedor {
   width: 100%;
   float: none;
   margin-right: 0;
   margin-top: 0;
}
.col01Pag06-05 .diarioRetos.leidoEnVozAlta {
   margin-top: 20px;
   text-align: left;
   max-width: 400px;
}
.col01Pag06-05 .diarioRetos.leidoEnVozAlta li {
   width: 100%;
   padding-left: 30px;
}
.col01Pag06-05 .diarioRetos label { max-width: 100%; }
.col02Pag06-05.diarioDosColumnasB {
   padding-top: 100px;
   padding-left: 50px;
   max-width: 430px;
}
.col02Pag06-05.diarioDosColumnasB p {
   font-size: 18px;
   font-weight: 700;
   max-width: 321px;
}
.siFuera {
   font-size: 18px;
   font-weight: 700;
}
.siFuera li { margin-bottom: 20px; }
.siFuera img { margin-right: 30px; }
.siFuera span {
   display: inline-block;
   max-width: calc(100% - 102px);
   vertical-align: middle;
}
.camello {
   margin: 0 auto;
   display: table;
}
/* 6º PÁGINA 06 */
.fondoDiarioDeLectura06-06 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-06.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: bottom right;
   background-color: #00ffde;
}
.textoPag01.texto06Pag06 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura06-06 .texto06Pag06 h3 { color: #3e3e3e; }
.fondoDiarioDeLectura06-06 .texto06Pag06 h3 span {
   color: #009aa8;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura06-06 .texto06Pag06 p {
   color: #3e3e3e;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   max-width: 636px;
   margin: 24px auto 0 auto;
}
.conActividadEnGrupo06-06::after {
   right: -300px;
   top: -61px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-06-pag-06.png");
}
.titularFondoCuaderno06-06 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-06-06.png");
   color: #3e3e3e;
   display: table;
   min-width: 327px;
   margin: 20px auto 15px auto;
}
.fondoDiarioDeLectura06-06 .diarioMeGustaria input::placeholder {
 opacity: 1;
 font-style: italic;
 color: #7d94a8;
}
.fondoDiarioDeLectura06-06 .diarioMeGustaria input {
   display: inline-block;
   margin-bottom: 9px;
   border-width: 2px;
   font-size: 17px;
   padding: 15px;
}
.fondoDiarioDeLectura06-06 .diarioMeGustaria textarea {
   height: 532px;
   min-height: 532px;
   border-width: 2px;
}
.diarioPoema01 {
   background-image: url("../img/privado/diario-de-lectura/papel-cuaderno-06-06-01.png");
   background-repeat: no-repeat;
   min-height: 660px;
   max-width: 586px;
   margin: 20px auto 0 auto;
   padding: 54px 84px;
   position: relative;
}
.diarioPoema01 img {
   position: absolute;
   top: 30px;
   left: -70px;
}
.diarioPoema01 p {
   font-size: 18px;
   line-height: 2;
}
.diarioPoema02 {
   background-image: url("../img/privado/diario-de-lectura/papel-cuaderno-06-06-02.png");
   background-repeat: no-repeat;
   min-height: 690px;
   max-width: 679px;
   margin: 20px auto 0 auto;
   padding: 44px 20px 14px 64px;
   position: relative;
}
.diarioPoema02 img {
   position: absolute;
   top: 40px;
   right: -70px;
}
.diarioPoema02 p {
   font-size: 18px;
   line-height: 2;
}
/* 6º PÁGINA 07 */
.fondoDiarioDeLectura06-07 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-07.png");
   min-height: 1261px;
   overflow: hidden;
   background-position: top right;
   background-color: #ffe9ee;
}
.diario06Pag07 { width: 100%; }
.textoPag01.texto06Pag07 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura06-07 .texto06Pag07 h3 {
   color: #3e3e3e;
   max-width: 383px;
   margin: 20px auto 0px auto;
   text-align: left;
}
.fondoDiarioDeLectura06-07 .texto06Pag07 h3 span {
   color: #dd3798;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura06-07 .texto06Pag07 p {
   color: #3e3e3e;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   max-width: 670px;
   margin: 14px auto 10px auto;
   padding-left: 30px;
}
.conActividadEnGrupo06-07::after {
   right: -260px;
   top: -100px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-06-pag-07.png");
}
.titularFondoCuaderno06-07 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-06-07.png");
   color: #fff;
   display: table;
   min-width: 410px;
   margin: 13px auto 0 auto;
}
.telegraficoTitular {
   font-size: 17px;
   font-weight: 600;
   border-radius: 3.3px;
   border: 2px solid #0db580;
   background-color: #07bf85;
   display: table;
   max-width: 596px;
   width: 100%;
   text-align: center;
   color: #fff;
   padding: 9px 10px;
   margin: 10px auto 5px auto;
   box-sizing: border-box;
}
.telegraficoMensaje {
   font-family: 'Special Elite', cursive;
   font-size: 18px;
   font-weight: 600;
   border-radius: 3.3px;
   border: 2px solid #a1c7da;
   background-color: #f3fbff;
   display: table;
   max-width: 596px;
   width: 100%;
   text-align: center;
   color: #3e3e3e;
   padding: 9px 10px;
   margin: 10px auto 5px auto;
   box-sizing: border-box;
}
.telegramas {
   margin: 20px auto 0 auto;
   display: table;
   max-width: 850px;
   box-sizing: border-box;
}
.telegramas textarea {
   width: calc(100% - 306px);
   height: 90px;
}
.telegramas span {
   border-radius: 3.3px;
   border: 2px solid #ed2082;
   background-color: #ff6bac;
   color: #fff;
   width: 296px;
   margin-right: 10px;
   height: 90px;
   font-size: 17px;
   font-weight: 600;
   display: grid;
   align-items: center;
   text-align: center;
   float: left;
}
.telegramas li:nth-child(even) span {
   border: 2px solid #0db580;
   background-color: #26d69e;
}
/* 6º PÁGINA 08 */
.fondoDiarioDeLectura06-08 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-08.png");
   min-height: 2522px;
   overflow: hidden;
   background-position: top right;
   background-color: #3618b8;
}
.textoPag01.texto06Pag08 {
   margin: 0 auto;
   display: table;
}
.fondoDiarioDeLectura06-08 .texto06Pag08 h3 { color: #fff }
.fondoDiarioDeLectura06-08 .texto06Pag08 h3 span {
   color: #ffcc00;
   margin-bottom: 20px;
}
.fondoDiarioDeLectura06-08 .texto06Pag08 p {
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   max-width: 475px;
   margin: 24px auto 0 auto;
}
.conActividadEnGrupo06-08::after {
   right: -260px;
   top: -21px;
   background-image: url("../img/privado/diario-de-lectura/actividad-en-grupo-06-pag-08.png");
}
.titularFondoCuaderno06-08 {
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-06-08.png");
   color: #fff;
   display: table;
   min-width: 411px;
   margin: 10px auto 5px auto;
}
.fondoDiarioDeLectura06-08 h5 {
   font-size: 30px;
   color: #fff;
   font-weight: 700;
   font-family: 'Kalam', cursive;
   text-align: center;
   margin-top: 0;
   margin-bottom: 0;
}
.fondoDiarioDeLectura06-08 input::placeholder {
 opacity: 1;
 font-style: italic;
 color: #7d94a8;
}
.fondoDiarioDeLectura06-08 input {
   border-width: 2px;
   max-width: 766px;
   font-size: 17px;
   margin: 0 auto;
}
.radioButtonSeleccionarLibro.entrevista06-08 {
   position: inherit;
   background-color: #9c85ff;
   border-radius: 0 0 20px 20px;
   max-width: 827px;
   margin: 0 auto;
   padding: 14px 12px 4px 12px;
}
.radioButtonSeleccionarLibro.entrevista06-08 span {
   color: #42b2fc;
   font-size: 18px;
   font-weight: 700;
   display: flex;
   align-items: center;
   height: auto;
}
.radioButtonSeleccionarLibro.entrevista06-08 li {
   background-color: #fff;
   border-radius: 15px;
   display: inline-block;
   width: calc(50% - 13px);
   margin-right: 20px;
   padding: 8px 0px;
   margin-bottom: 10px;
}
.radioButtonSeleccionarLibro.entrevista06-08 li:last-child { margin-right: 0; }
.titularEntrevista06-08 {
   display: block;
   font-size: 17px;
   font-weight: 600;
   text-align: center;
   color: #fff;
   background-color: #5631f5;
   padding: 10px 5px;
   border-radius: 20px 20px 0 0;
   width: 100%;
   max-width: 827px;
   margin: 30px auto 0 auto;

}
.radioButtonSeleccionarLibro.entrevista06-08 label > input[type="radio"] + ::before {
   border-color: #3e3e3e;
   width: 40px;
   height: 40px;
   box-sizing: border-box;
   margin-left: 10px;
   margin-right: 10px;
   min-width: 40px;
   min-height: 40px;
}
.radioButtonSeleccionarLibro.entrevista06-08 label > input[type="radio"]:checked + ::before {
   background: radial-gradient(#3e3e3e 0%, #3e3e3e 40%, transparent 50%, transparent);
   background-color: #fff;
}
.radioButtonSeleccionarLibro.entrevista06-08 label > input[type="radio"]:checked + * { color: #42b2fc; }
.contenedorEntrevista06-08DosCol {
   max-width: 824px;
   display: block;
   margin: 0 auto;
}
.entrevista06-08DosCol {
   float: left;
   margin-right: 10px;
   width: calc(50% - 6px);
}
.entrevista06-08DosCol .radioButtonSeleccionarLibro.entrevista06-08 {
   display: inline-block;
   width: 100%;
}
.entrevista06-08DosCol .radioButtonSeleccionarLibro.entrevista06-08 li {
   display: block;
   width: 100%;
   margin-bottom: 12px;
   padding-right: 10px;
}
.entrevista06-08DosCol.entrevista06-08DosColB { margin-right: 0; }
.fondoSecundario .radioButtonSeleccionarLibro.entrevista06-08 { background-color: #ffe786; }
/* 6º PÁGINA 09 */
.fondoDiarioDeLectura06-09 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-09.png");
   min-height: 1261px;
   overflow: hidden;
   background-color: #fff;
   background-position: top left 100px;
}
.contenidoPag06-09 {
   width: 100%;
   display: table;
   max-width: 898px;
   margin: 0 auto;
}
.contenidoPag06-09 h3 {
   color: #fff;
   text-align: left;
   margin-top: 22px;
   display: inline-block;
}
.contenidoPag06-09 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: -142px;
   max-width: 605px;
   float: right;
   width: calc(100% - 305px);
   color: #fff;
   margin-right: 20px;
}
.contenidoPag06-09 textarea {
   max-width: 605px;
   height: 334px;
   min-height: 334px;
   float: right;
   width: calc(100% - 305px);
   margin-top: -20px;
   margin-right: 20px;
}
.titularFondoCuaderno06-09 {
   color: #308ecb;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-06-09.png");
   background-repeat: no-repeat;
   padding: 24px 0;
   font-weight: 800;
   text-align: center;
   background-position: center;
   min-width: 333px;
   margin-top: 8px;
   margin-left: -63px;
   display: table;
}
/* 6º PÁGINA 10 */
.fondoDiarioDeLectura06-10 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-10.png");
   min-height: 1261px;
   overflow: hidden;
   background-color: #2d8dcb;
   background-position: top left 100px;
}
.contenidoPag06-10 {
   width: 100%;
   display: table;
   max-width: 898px;
   margin: 0 auto;
}
.contenidoPag06-10 h3 {
   color: #fff;
   text-align: left;
   margin-top: 22px;
   display: inline-block;
}
.contenidoPag06-10 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: 4px;
   width: 100%;
   color: #3e3e3e;
   max-width: 828px;
   float: right;
   margin-right: 20px;
}
.contenidoPag06-10 textarea {
   max-width: 755px;
   height: 324px;
   min-height: 334px;
   float: right;
   width: 100%;
   margin-top: 20px;
   margin-right: 20px;
}
.titularFondoCuaderno06-10 {
   color: #308ecb;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-06-10.png");
   background-repeat: no-repeat;
   padding: 24px 0;
   font-weight: 800;
   text-align: center;
   background-position: center;
   min-width: 333px;
   margin-top: 8px;
   margin-left: -63px;
   display: table;
   float: right;
   margin-bottom: 10px;
}
/* 6º PÁGINA 11 */
.fondoDiarioDeLectura06-11 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-11.png");
   min-height: 1261px;
   overflow: hidden;
   background-color: #c9e9ff;
   background-position: top left 100px;
}
.contenidoPag06-11 {
   width: 100%;
   display: table;
   max-width: 898px;
   margin: 0 auto;
}
.contenidoPag06-11 h3 {
   color: #fff;
   text-align: left;
   margin-top: 22px;
   display: inline-block;
}
.contenidoPag06-11 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: 14px;
   width: 100%;
   color: #fff;
   max-width: 497px;
   margin-right: 20px;
}
.contenidoPag06-11 textarea {
   max-width: 585px;
   height: 484px;
   min-height: 484px;
   width: 100%;
   margin-top: 0;
   margin-right: 20px;
}
.titularFondoCuaderno06-11 {
   color: #308ecb;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-06-11.png");
   background-repeat: no-repeat;
   padding: 24px 0;
   font-weight: 800;
   text-align: center;
   background-position: center;
   min-width: 333px;
   margin-top: 38px;
   margin-right: 20px;
   display: table;
   float: right;
   margin-bottom: 10px;
}
/* 6º PÁGINA 12 */
.fondoDiarioDeLectura06-12 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-12.png");
   min-height: 1261px;
   overflow: hidden;
   background-color: #42b2fc;
   background-position: bottom right;
}
.contenidoPag06-12 {
   width: 100%;
   display: table;
   max-width: 898px;
   margin: 0 auto;
}
.contenidoPag06-12 h3 {
   color: #fff;
   text-align: left;
   margin-top: 22px;
   display: inline-block;
}
.contenidoPag06-12 p {
   font-size: 18px;
   font-weight: 600;
   margin-top: 14px;
   width: 100%;
   color: #fff;
   max-width: 554px;
   margin-right: 20px;
}
.contenidoPag06-12 textarea {
   max-width: 670px;
   height: 434px;
   min-height: 434px;
   width: 100%;
   margin-top: 0;
   margin-right: 20px;
}
.titularFondoCuaderno06-12 {
   color: #308ecb;
   font-size: 20px;
   background-image: url("../img/privado/diario-de-lectura/fondo-titular-cuaderno-06-11.png");
   background-repeat: no-repeat;
   padding: 24px 0;
   font-weight: 800;
   text-align: center;
   background-position: center;
   min-width: 333px;
   margin-top: 38px;
   margin-right: -10px;
   display: table;
   float: right;
   margin-bottom: 10px;
}
/* 6º PÁGINA 14 */
.fondoDiarioDeLectura06-14 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-14.png");
   background-position: top right;
   min-height: 1261px;
   background-color: #dbf1ff;
}
.contenidoPag06-14 h3 { color: #3e3e3e; }
.contenidoPag06-14 .contenidoDiarioFloat p { color: #3e3e3e; }
.fondoDiarioDeLectura06-14 .subTitularDiario {
   margin-top: 20px;
   float: left;
   clear: both;
}
.fondoDiarioDeLectura06-14 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea {
   min-height: 394px;
   height: 394px;
   max-height: 394px;
}
.fondoDiarioDeLectura06-14 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea.textAreaQuienElegirias {
   min-height: 114px;
   height: 114px;
   max-height: 114px;
}
.fondoDiarioDeLectura06-14 .contenidoDiarioFloat p.textoDesactivadoDiario { color: #b0d0e3; }
/* 6º PÁGINA 15 */
.fondoDiarioDeLectura06-15 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-15.png");
   background-position: top right;
   min-height: 1261px;
   background-color: #fff;
}
.contenidoPag06-15 h3 { color: #3e3e3e; }
.contenidoPag06-15 .contenidoDiarioFloat p { color: #3e3e3e; }
.fondoDiarioDeLectura06-15 .subTitularDiario {
   margin-top: 20px;
   float: left;
   clear: both;
}
.fondoDiarioDeLectura06-15 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea {
   min-height: 194px;
   height: 194px;
   max-height: 194px;
}
.fondoDiarioDeLectura06-15 .contenidoDiarioFloat p.textoDesactivadoDiario { color: #b0d0e3; }
/* 6º PÁGINA 16 */
.fondoDiarioDeLectura06-16 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-16.png");
   background-position: top right;
   min-height: 1261px;
   background-color: #fff;
}
.contenidoPag06-16 h3 { color: #fff; }
.contenidoPag06-16 .contenidoDiarioFloat p { color: #fff; }
.fondoDiarioDeLectura06-14 .subTitularDiario {
   margin-top: 20px;
   float: left;
   clear: both;
}
.fondoDiarioDeLectura06-16 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea {
   min-height: 304px;
   height: 304px;
   max-height: 304px;
   margin-bottom: 30px;
}
.fondoDiarioDeLectura06-16 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea.textAreaQuienElegirias {
   min-height: 224px;
   height: 224px;
   max-height: 224px;
}
.fondoDiarioDeLectura06-16 .contenidoDiarioFloat p.textoDesactivadoDiario { color: #b0d0e3; }
.diarioDeLectura .contenidoBarraFixedContenido h3.subtitular06pag16 {
   color: #3e3e3e;
   display: table;
   clear: both;
   padding-top: 20px;
   max-width: 500px;
}
/* 6º PÁGINA 17 */
.fondoDiarioDeLectura06-17 {
   background-image: url("../img/privado/diario-de-lectura/fondo-06-pag-17.png");
   background-position: top right;
   min-height: 1261px;
   background-color: #b9e3ff;
}
.contenidoPag06-17 h3 { color: #3e3e3e; }
.contenidoPag06-17 .contenidoDiarioFloat p { color: #3e3e3e; }
.fondoDiarioDeLectura06-17 .subTitularDiario {
   padding-top: 20px;
   margin-top: 5px;
   float: left;
   display: block;
   clear: both;
}
.fondoDiarioDeLectura06-17 .contenidoBarraFixedContenido.contenidoBarraLateralDiario textarea {
   min-height: 384px;
   height: 384px;
   max-height: 384px;
}
.fondoDiarioDeLectura06-17 .contenidoDiarioFloat p.textoDesactivadoDiario { color: #b0d0e3; }

/* TUTORIAL GUIADO */
.modal.modalToolTip.modalPrivado.modalTutorial {
   max-width: 830px;
}

.modalTutorial #paginaTutorial {
   max-width: 630px;
   margin: 0 auto;
}

.modalTutorial #barraProgreso {
   width: 320px;
   background-color: #e0f2ff;
   border-radius: 5px;
   margin: 20px auto 25px;
}
.modalTutorial #progreso {
   height: 10px;
   background-color: #42b2fc;
   border-radius: 5px 0 0 5px;
}

.modalTutorial .contenedorCierre {
   text-align: center;
}

.modalTutorial .imagenPortada {
   padding-left: 27%;
   padding-top: 92px;
   padding-bottom: 42px;
}

.modalTutorial .imagenContenido[data-src] {
   filter: blur(0.2em);
}

.modalTutorial .imagenContenido {
   filter: blur(0em);
   transition: filter 1s;
}

.modalTutorial .imagenCierre {
   margin-top: 59px;
   margin-bottom: 78px;
}

.modalTutorial .contenedorBotonesTutorial {
   display: flex;
   justify-content: space-between;
   margin-top: 12px;
}
.modalTutorial .btnTutorial {
   border-radius: 24px;
   background-repeat: no-repeat;
   background-position: center center;
}
.modalTutorial .btnTutorialAnterior {
   padding: 22px 50px;
   border: solid 2px #f36d21;
   background-color: #ffffff;
   background-image: url(../img/privado/tutoriales/prev.png);
}

.modalTutorial .btnTutorialAnterior:hover {
   background-color: #f36d21;
   background-image: url(../img/privado/tutoriales/prev-hover.png);
}

.modalTutorial .btnTutorialSiguiente {
   padding: 24px 52px;
   background-image: url(../img/privado/tutoriales/next.png), linear-gradient(to top, #f67f3b, #f36121);
}

.modalTutorial .btnTutorialSiguiente:hover {
   background-image: url(../img/privado/tutoriales/next.png), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), linear-gradient(to top, #f67f3b, #f36121);
}

.modalTutorial .contenedorTextoTutorial {
   display: flex;
   align-items: center;
   min-height: 123px;
}

.modalTutorial .cabeceraTutorial {
   font-size: 24px;
   font-weight: bold;
   color: #000000;
   margin-bottom: 22px;
}

.modalTutorial .textoTutorial {
   text-align: left;
   line-height: 1.76;
}

.modal.modalTutorial .btnPrincipal { font-size: 15px; }

.modalTutorial .enlaceAzul {
   padding: 0px;
}

.modalTutorial .enlaceCancelar {
   margin-top: 28px;
}

.modalTutorial .enlaceCerrar {
   margin-top: 37px;
   margin-bottom: 33px;
}

.modalTutorial .enlaceOmitir {
   float: right;
}

@media only screen and (min-width: 664px) {
h2 { font-size: 32px; }
.gridContainer {
   float: none;
   clear: none;
   width: 100%;
   margin-left: auto;
   padding-right: 20px;
   padding-left: 20px;
}
.tresColumnasA {
   clear: none;
   width: 48.7179%;
   margin-left: 2.5641%;
}
.tresColumnasB {
   clear: none;
   width: 48.7179%;
   margin-left: 2.5641%;
}
.tresColumnasIgualesA {
   clear: none;
   width: 48.7179%;
   margin-left: 2.5641%;
}
.tresColumnasIgualesB {
   clear: none;
   width: 48.7179%;
   margin-left: 2.5641%;
}
.dosColumnasA { width: 47.1525%; }
.dosColumnasB {
   clear: none;
   width: 49.1525%;
   margin-left: 1.6949%;
}
.dosColumnasAsideA { width: 100%; }
.dosColumnasAsideB {
   clear: both;
   width: 100%;
   margin-left: 0;
}
.fichaLibroGeneral .dosColumnasAsideA { width: 32.2033%; }
.fichaLibroGeneral .dosColumnasAsideB {
   clear: none;
   width: 66.1016%;
   margin-left: 1.6949%;
}
.dosColumnasComentariosA { width: 100%; }
.dosColumnasComentariosB {
   clear: both;
   width: 100%;
   margin-left: 0;
}
.cuatroColumnasA {
   clear: none;
   width: 48.7179%;
}
.cuatroColumnasB {
   clear: none;
   width: 48.7179%;
   margin-left: 2.5641%;
}
.hide_tablet { display: none; }
.zeroMargin_tablet { margin-left: 0; }
footer div .logoFooter { display: inherit; }
.copyright { text-align: left; }
 .buscadorPrincipal::placeholder {
 font-size: 20px;
}
 .buscadorPrincipal:-ms-input-placeholder {
 font-size: 20px;
}
 .buscadorPrincipal::-ms-input-placeholder {
 font-size: 20px;
}
.leotecaSmartick .dosColumnasA p,
.leotecaSmartick .dosColumnasB p { min-height: 13em; }
footer ul {
   float: left;
   margin-right: 3.9%;
   margin-left: 3.9%;
   padding-left: 0;
   text-align: left;
}
.enlacesGeneralesFooter {
   margin-top: 1em;
   padding-top: 0;
   border-top: none;
}
footer .redesSociales {
   position: absolute;
   top: -3px;
   right: 20px;
}
.contenedorIconosFicha h3 {
   max-width: 220px;
   max-width: 419px;
}
.btnQuienEres li {
   background-image: url(../img/ico-login-quien-flecha.png);
   background-position: right 43px center;
}
.btnQuienEres li a {
   font-size: 19px;
   padding: 39px 10px 39px 127px;
   background-position: left 20px center;
}
.btnQuienEres li.btnLoginNino a { background-image: url(../img/ico-login-quien-nino.png); }
.btnQuienEres li.btnLoginPadre a { background-image: url(../img/ico-login-quien-padre.png); }
.btnQuienEres li.btnLoginProfesor a { background-image: url(../img/ico-login-quien-profesor.png); }
.btnLoginRegistro li a {
   font-size: 23px;
   max-width: 380px;
   padding: 20px 5px 19px 85px;
}
.btnLoginGoogle a { background-image: url(../img/ico-login-google.png); }
.btnLoginFacebook a {
   background-image: url(../img/ico-login-facebook.png);
   background-position: 16px center;
}
.btnLoginRegistro .btnLoginEmail a {
   font-size: 23px;
   padding: 21px 5px 20px 86px;
   background-image: url(../img/ico-login-email.png);
   background-position: 16px center;
   background-position: left 18px center;
}
.headerLogin { padding-bottom: 40px; }
.leoLlevandoLibrosMovil { display: none; }
.leoEscribiendoMovil { display: none; }
.leoLlevandoLibros {
   min-height: 700px;
   background-image: url(../img/leo-llevando-libros.png);
}
.leoEscribiendo {
   min-height: 700px;
   background-image: url(../img/leo-escribiendo.png);
}
.login {
   background-color: #42b2fc;
   background-image: url(../img/nubes-cabecera-login.png);
   background-repeat: no-repeat;
   background-position: center bottom 0;
}
.login h2 {
   font-size: 24px;
   width: 100%;
}
.headerLogin .logoPrincipalMovil { display: none; }
.headerLogin .logoPrincipal {
   display: inline-block;
   margin-top: 15px;
}
.login .btnLoginVolver { display: block; }
.btnLoginVolverMovil { display: none; }
.navegacionLogin button.btnLoginVolver { display: inline-block; }
.navegacionLogin button.btnLoginSiguiente {
   display: inline-block;
   margin: 0 0 0 30px;
}
.btnLoginEmail { max-width: 380px; }
.select-css.selectLogin { padding: 11px 10px; }
.registroLoginFormulario {
   padding: 1px 34px 33px 34px;
   background-color: rgba(43, 137, 198, .6);
}
.loginMensajeGeneral { min-height: 700px; }
.librosVolandoMensaje {
   margin-top: 60px;
   background-image: url(../img/libro-volando-01.png), url(../img/libro-volando-02.png);
}
.imgLeoMensaje { display: block; }
.imgLeoMensajeCola { display: block; }
.LoginMensaje {
   margin-left: 138px;
   padding: 30px 80px 10px 80px;
}
.login .LoginMensaje h2 {
   font-size: 30px;
   margin-bottom: -10px;
}
.login .LoginMensaje p { font-size: 25px; }
.imgLeoMensajeMovil { display: none; }
.logoLogin { display: block; }
.icoCerrarLogin {
   top: 15px;
   right: 16px;
}
.contenidoResultadosBusqueda { max-width: 550px; }
.fichaLibroGeneral .contenedorImgFichaLibro { display: block; }
.fichaLibroGeneral .labelSeleccionadoLeoteca { display: inline; }
.contenedorImgFichaLibro { max-width: 100%; }
.contenidoFichaLibro h2 {
   display: block;
   margin-top: 65px;
}
.contenedorListadoLibros { max-width: 550px; }
.paginaPrivada .contenedorListadoLibros { max-width: 550px; }
.listadoLibros .contenedorImagen,
.contenidoResultadosBusqueda .contenedorImagen {
   max-width: 294px;
   height: 220px;
}
.novedades h2 span {
   display: inline-block;
   margin-left: 20px;
}
.menuPrincipalPrivado a .usuarioLogueado { display: inline-block; }
.barraVolverPerfilLoguedo {
   display: block;
   margin-bottom: 100px;
}
.fichaLibro .barraVolverPerfilLoguedo .dosColumnasAsideA { width: 39%; }
.fichaLibro .barraVolverPerfilLoguedo .dosColumnasAsideB { width: 59%; }
.queEsLeoteca { padding-bottom: 110px; }
.tabs.tabsFichaLibro.paraEditoriales section {
   margin-bottom: 50px;
   padding: 0 40px 70px 40px;
}
.libroVolandoQue { display: inline; }
.consultaComentaComparte {
   display: block;
   margin: 20px auto 0 auto;
}
.consultaComentaComparteMovil { display: none; }
.barraEditar {
   max-width: 100%;
   padding: 0 0 0 13px;
}
.barraEditar ul {
   float: right;
   margin-top: -48px;
}
.barraEditar ul li {
   display: inline-block;
   margin-bottom: 0;
}
.barraEditar ul li.barraEditarMenu {
   position: relative;
   top: auto;
   right: auto;
}
#modalNuevoAlumno ul li.liContacto,
#modalNuevoAlumno02 ul li.liContacto {
   display: inline-block;
   width: calc(50% - 12px);
   max-width: 100%;
}
.tooltipFijo {
   top: 77px;
   right: -45px;
}
.barraEditar ul li .menuPuntosBarraEditar { top: 50px; }
.menuNotificacioneIndicador {
   width: 400px;
   background-position: top 1px center;
}
.contenedorMenuNotificaciones {
   width: 400px;
   margin-left: -180px;
}
.notificacionesAmigo .menuNotificacioneIndicador { width: 440px; }
.contenedorMenuNotificaciones.menuPerfilUsuario { margin-left: 97px; }
.contenedorMenuNotificaciones.menuPerfilUsuario .menuNotificacioneIndicador {
   margin-top: 0;
   background-position: top 1px right 114px;
}
.titularVacaciones { font-size: 49px; }
header h2 { font-size: 36px; }
header h3 { font-size: 26px; }
.leoLupa { display: block; }
.buscador {
   max-width: 891px;
   min-height: 230px;
   margin: 0 auto;
   padding: 0 10px;
   border: solid 8px #e8f5fd;
   border-radius: 20px;
   background-color: #fff;
   box-shadow: 15.4px 18.4px 29px 0 rgba(119, 171, 207, .34);
}
.buscador h3 { display: block; }
.contenedorBuscador .formularioBuscador { display: block; }
.btnPrincipal.btnRegistrateGratis { display: none; }
.buscadorTag li.tituloTag {
   font-size: 12px;
   display: inline-block;
   margin-bottom: 0;
}
.buscadorTag li.tituloTag span { display: none; }
.contenedorBuscador {
   min-height: 270px;
   padding: 0 20px;
   padding-top: 0;
   background-color: transparent;
   background-image: url(../img/nubes-cabecera.png);
   background-repeat: no-repeat;
   background-position: center bottom;
}
.ajusteResponsiveIndex {
   padding-bottom: 0;
   background-image: none;
}
.buscadorTag { margin-top: 25px; }
.buscadorTag li a { min-width: auto; }
.seleccionLeoteca h2 {
   font-size: 32px;
   margin-bottom: 57px;
}
.separadorMovil { display: none; }
.seleccionLeoteca a {
   font-size: 20px;
   display: contents;
   max-width: inherit;
   margin: inherit;
}
.seleccionLeoteca p br { display: inline; }
.seleccionLeoteca img { max-width: inherit; }
.seleccionLeoteca article { margin-bottom: 37px; }
.leotecaSmartick { padding-top: 180px; }
.leotecaSmartick .dosColumnasA p,
.leotecaSmartick .dosColumnasB p { font-size: 20px; }
.leotecaSmartick .dosColumnasA img,
.leotecaSmartick .dosColumnasB img {
   max-width: inherit;
   padding: 34px 0;
}
.recomendaciones h2 {
   margin-top: 32px;
   margin-bottom: 67px;
}
.recomendaciones {
   background-image: url(../img/recomendaciones-libro-01.png), url(../img/onda-recomendaciones.png);
   background-position: top left, bottom -160px center;
}
.btnCancelar { margin-top: 20px; }
.loginContenidoMensaje {
   margin-top: 17px;
   padding: 10px 30px 40px 30px;
}
.contenedorExpand.desplegableEnterateFunciona { display: none; }
.enterateComoFunciona { display: block; }
.paraTitular01 { display: none; }
.paraTitular02 {
   position: initial;
   display: inline;
}
.paraEditoriales > ul li a.tabParaPadres:after {
   width: 35px;
   height: 34px;
   margin-right: 8px;
   padding-right: 5px;
   padding-bottom: 1px;
   background-image: url(../img/ico-para-padres.png);
   background-position: left top 2px;
}
.tabs.tabsFichaLibro.paraEditoriales > ul li a.tabParaPadres[aria-selected]:after { background-image: url(../img/ico-para-padres-02.png); }
.paraEditoriales > ul li a.tabParaProfesores:after {
   width: 35px;
   height: 34px;
   margin-right: 8px;
   padding-right: 5px;
   background-image: url(../img/ico-para-profesores.png);
   background-position: left top;
}
.tabs.tabsFichaLibro.paraEditoriales > ul li a.tabParaProfesores[aria-selected]:after { background-image: url(../img/ico-para-profesores-02.png); }
.paraEditoriales > ul li a.tabParaEditoriales:after {
   width: 35px;
   height: 34px;
   margin-right: 8px;
   padding-right: 13px;
   background-image: url(../img/ico-para-editoriales.png);
   background-position: left 5px top;
}
.tabs.tabsFichaLibro.paraEditoriales > ul li a.tabParaEditoriales[aria-selected]:after { background-image: url(../img/ico-para-editoriales-02.png); }
.tabs.tabsFichaLibro.paraEditoriales > ul li a { min-height: auto; }
.tabs.tabsFichaLibro.paraEditoriales > ul li a[aria-selected] { border-bottom: 2px solid #f36d21; }
.tabs.tabsFichaLibro.paraEditoriales > ul li {
   margin-right: 25px;
   margin-left: 14px;
}
.registroLoginFormulario input[type='text'],
.registroLoginFormulario input[type='email'],
.registroLoginFormulario input[type='password'] { padding: 12px 20px; }
.contenidoRecomendaciones h3 { font-size: 14px; }
.contenidoRecomendaciones p { font-size: 14px; }
.iconoLibro { font-size: 14px; }
.cabeceraFija .header.headerPrivado { min-height: auto; }
.leoAvatar { max-width: 100%; }
.partners img { max-height: 75px; }
.contenidoRecomendaciones .btnPrincipal.btnRecomendaciones { display: block; }
.listadoLibros article {
   display: block;
   margin-bottom: 0;
   border-radius: 20px;
   background-color: #fff;
   box-shadow: 0 4px 11px 0 rgba(192, 189, 148, .5);
}
.contenidoResultadosBusqueda article {
   display: block;
   margin-bottom: 60px;
   border-radius: 20px;
   background-color: #fff;
   box-shadow: 0 4px 11px 0 rgba(192, 189, 148, .5);
}
.contenedorListadoLibros .ih-item.square.effect13,
.contenidoResultadosBusqueda .ih-item.square.effect13 {
   display: block;
   border-radius: 20px 20px 0 0;
}
.contenedorListadoLibros .contenidoRecomendaciones,
.contenidoResultadosBusqueda .contenidoRecomendaciones {
   display: block;
   max-width: none;
   padding: 0 14px 22px 14px;
}
.listadoLibros .contenedorImagen .iconoLeoFicha,
.contenidoResultadosBusqueda .iconoLeoFicha { display: block; }
.contenedorListadoLibros .ribbon,
.contenidoResultadosBusqueda .ribbon { display: block; }
.contenedorListadoLibros .contenidoRecomendaciones h3,
.contenidoResultadosBusqueda h3 {
   min-height: 3em;
   margin-top: 1em;
}
.contenedorListadoLibros .iconoLibro,
.contenidoResultadosBusqueda .iconoLibro {
   position: relative;
   bottom: auto;
}
.contenedorListadoLibros .cuatroColumnasA,
.contenedorListadoLibros .cuatroColumnasB { margin-bottom: 60px; }
.separadorMovilBuscador { display: none; }
.contenedorListadoLibros .contenidoRecomendaciones p,
.contenidoResultadosBusqueda p { margin-bottom: 30px; }
.resultadosBuscador h2 { font-size: 24px; }
.iconoCerrarFiltros { padding: 16px 20px; }
.barraFiltrosResponsive .btnBordeAzul { margin: 13px 20px 10px 20px; }
.labelSeleccionadoLeoteca { margin-left: -4px; }
#modalNuevoAlumno textarea { height: 65px; }
.iconoLeoFichaTitular { display: none; }
.ribbonResponsive { display: none; }
.tabs.tabsFichaLibro.paraEditoriales > ul li a[aria-selected]:before {
   height: 19px;
   margin: 47px auto 0 auto;
   cursor: default;
   background-image: url(../img/flecha-up-pestanas.png);
}
.sliderFichaLibroResponsive.slick-dotted.slick-slider { display: none; }
.fichaLibroGeneral aside .btnsFichaLibro {
   display: none;
   margin: 40px auto 50px auto;
}
.btnsFichaLibro { display: block; }
.fichaLibroSubtitular { display: block; }
.fichaLibroGeneral aside .btnsFichaLibro.btnHacerCuestionario { display: table; }
.fichaLibroGeneral aside .votaEsteLibroLogueado { display: block; }
.valoraciones {
   margin: 40px 0;
   text-align: left;
}
.fichaLibroLogueado .contenidoFichaLibro {
   padding-top: 10px;
   border-bottom: none;
}
.tabs.tabsFichaLibro > ul li { min-width: 120px; }
.tabs.tabsFichaLibro > ul { display: block; }
.tabsFichaLibro p { font-size: 19px; }
.tabs.tabsFichaLibro > ul li a { font-size: 18px; }
.fichaLibroLogueado .gridContainer.clearfix.interior { margin-top: 138px; }
ul.btnsFichaLibro.btnHacerCuestionario { display: none; }
.infoComentarios aside { display: block; }
.contenedorSobreLibro,
.infoComentarios article .contenedorComentariosDestacados {
   padding: 10px 26px;
   border: solid 1px #d8e9f7;
   border-radius: 20px;
   box-shadow: 0 4px 11px 0 rgba(119, 171, 207, .2);
}
.comentariosDestacados .menuOrden { display: table; }
.escritoComentario { padding: 5px 34px 42px 34px; }
.tabs.tabsFichaLibro ol.estadisticas li a { font-size: 19px; }
.tabs.tabsFichaLibro ul.estadisticas li,
.tabs.tabsFichaLibro ol.estadisticas li {
   padding-left: 55px;
   background-size: auto;
}
.modal.modalToolTip {
   padding: 15px 30px 35px 30px;
   border-radius: 8px;
}
.fichaLibroPublica .fluid.dosColumnasAsideA { display: block; }
.infoComentarios {
   margin-top: 40px;
   padding-bottom: 80px;
   background-image: url(../img/onda-ficha-libro.png);
}
.listadoLibros.masDe h2 {
   margin-top: 0;
   margin-bottom: 60px;
}
.modal .btnPrincipal { font-size: 18px; }
.menuAnadirBiblioteca li { min-width: 106px; }
.menuAnadirBiblioteca li a {
   font-size: 14px;
   min-width: 85px;
   max-width: auto;
   padding: 93px 0 3px 0;
   background-size: auto;
}
.votaEsteLibroLogueado.votaEsteLibroLogueadoResponsive { display: none; }
.comentariosDestacados .valoraciones li.fechaValoracion { margin-right: 40px; }
.comentariosDestacados .valoraciones {
   float: right;
   margin-top: 15px;
   text-align: center;
}
.fichaLibro .enlaceGris.enlaceVolverResponsiveFlecha { display: none; }
.sobreLibro li { margin-bottom: 30px; }
.leoLeyendoPilaLibros { width: 350px; }
.queEsLeotecaSmartick p { font-size: 19px; }
.queEsLeotecaSmartick { padding-top: 40px; }
.aprendenMovil li { margin: 0 10px; }
.aprendenMovil li:after { height: 100px; }
.aprendenMovil img { max-width: 168px; }
.contenidoAprendenMovil { max-width: 580px; }
.paraTitular02 { padding-left: 42px !important; }
.tabParaPadres {
   position: absolute !important;
   min-width: 103px;
   height: 32px;
}
.tabParaProfesores {
   position: absolute !important;
   min-width: 133px;
   height: 31px;
}
.tabParaEditoriales {
   position: absolute !important;
   min-width: 133px;
   height: 33px;
}
.tabParaEditoriales + .paraTitular01 { padding-left: 44px !important; }
.tabParaEditoriales + .paraTitular02 { padding-left: 44px !important; }
.btnsFichaLibroResponsive {
   display: table !important;
   margin: 20px auto 0 auto;
}
.vincularInicioSesion {
   margin: 50px auto 0 auto;
   padding: 0 42px 48px 42px;
   border-radius: 40px;
}
.formularioVicularInicioSesion { padding: 0 40px 40px 40px; }
.contenidoVincularInicioSesion {
   margin-top: 26px;
   padding-top: 20px;
   border-radius: 20px;
   background-color: #f3f9ff;
}
.vincularCuentas h1 {
   font-size: 30px;
   margin-top: 30px;
}
.titularVincularIniciaSesion {
   font-size: 24px;
   margin-bottom: 35px;
}
.vincularInicioSesion .logoSmartickLeoteca {
   width: auto;
   margin: -50px auto 0 auto;
}
.formularioVicularInicioSesion .enlaceAzul { margin-top: 25px; }
.enlaceAzul.enlaceOlvidastesContrasena {
   margin-top: -10px;
   margin-bottom: 40px;
}
.vincularInicioSesion::before {
   bottom: -300px;
   left: -350px;
   width: 417px;
   height: 472px;
   background-size: 100%;
}
.fondoNubesVincular {
   display: block;
   min-height: 580px;
   margin-top: -220px;
   background-color: #e1f3ff;
   background-image: url('../img/nubes-azul-vincular.png');
   background-repeat: no-repeat;
   background-position: center top;
}
.vincularDosColumnas img { height: auto; }
.vincularEmailUsuario { font-size: 16px; }
.contenedorTextoVincular {
   max-width: 661px;
   margin: -330px auto 0 auto;
}
.contenedorTextoVincular h2 {
   font-size: 24px;
   color: #3e3e3e;
}
.contenedorTextoVincular ul li {
   font-size: 20px;
   color: #3e3e3e;
}
.contenedorTextoVincular ul li:before {
   position: absolute;
   width: 32px;
   height: 28px;
   margin-left: -40px;
   content: '';
   background-image: url('../img/ico-check-vincular.png');
}
.vincularCuentasHijos .vincularInicioSesion { margin: 40px auto 0 auto; }
.vincularDosColumnas {
   max-width: 100%;
   margin-top: 54px;
}
.vincularCuentasHijos .vincularDosColumnas ul { margin-top: 50px; }
.vincularCuentasHijos .btnPrincipal { margin-top: 40px; }
.vincularCuentasHijos .enlaceAzul {
   margin-top: 30px;
   margin-bottom: 0;
}
.vincularCuentasOk .vincularInicioSesion::before {
   bottom: -250px;
   left: -160px;
   width: 417px;
   height: 472px;
   background-image: url('../img/leo-senalando.png');
   background-size: auto;
}
.vincularCuentas.vincularCuentasOk { padding: 0; }
.logoLeotecaSmartickVinculado {
   display: table;
   margin: 70px auto;
}
.bloqueUsuarioLogueado img { margin-right: 15px; }
.comentariosDestacados .escritoComentario p { font-size: 18px; }
.enlaceCorrectorNumeroErrores {
   right: 20px;
   bottom: 20px;
}
.enlaceCorrectorBuscandoErrores {
   right: 20px;
   bottom: 20px;
}
.enlaceCorrectorRevisionErroresOK {
   right: 20px;
   bottom: 20px;
}
.modalCorrectorSugerencias {
   right: 11px;
   left: auto;
   transform: none;
}
.anadirAlumno {
   display: inline;
   margin-top: 0;
}
.fichaLibroGeneral aside .btnsFichaLibro.btnHacerCuestionario.btnsNuevoCuestionarioConversacion { display: block; }
ul.btnsFichaLibro.btnsNuevoCuestionarioConversacion li a.btnConversacionLiteraria { background-position: left 9px center, center, center; }
ul.btnsFichaLibro.btnsNuevoCuestionarioConversacion li a.btnConversacionLiteraria {
   margin-left: 0;
   padding: 15px 0 15px 50px;
   background-position: left center, center, center;
}
.leotecaEnElAula p { font-size: 20px; }
.cabeceraCentrada .menuPrincipal,
.cabeceraFija.cabeceraSinBuscador .menuPrincipal {
   position: inherit;
   display: block;
   margin-top: 12px;
   padding: 0;
   box-shadow: none;
}
.menuPrincipal ul li {
   display: inline-block;
   margin-right: 25px;
   margin-left: 25px;
}
.cabeceraIndex .buscadorHeader { margin-top: 0; }
.menuMovil { display: none; }
.btnRegistrateMovil { right: 20px; }
.logoPrincipalMovil {
   max-width: 140px;
   margin: 9px 0 0 14px;
}
.btnRegistrateMovil {
   top: 17px;
   right: 20px;
   padding: 13px 27px 12px 27px;
}
.menuPrincipal ul li a { font-size: 16px; }
.menuPrincipal ul li.iconoCerrarMenuMovil { display: none; }
}

@media only screen and (min-width: 1025px) {
.gridContainer {
   float: none;
   clear: none;
   width: 100%;
   max-width: 1280px;
   margin: auto;
   padding-right: 20px;
   padding-left: 20px;
}
.tresColumnasA {
   width: 28.203%;
   margin-left: 0;
}
.tresColumnasB {
   clear: none;
   width: 28.203%;
   margin-left: 7.695%;
}
.tresColumnasIgualesA {
   width: 31.2033%;
   margin-left: 0;
}
.tresColumnasIgualesB {
   clear: none;
   width: 31.2033%;
   margin-left: 3.1949%;
}
.dosColumnasA { width: 46.1525%; }
.dosColumnasB {
   clear: none;
   width: 47.1525%;
   margin-left: 4.6949%;
}
.dosColumnasAsideA { width: 23.7288%; }
.dosColumnasAsideB {
   clear: none;
   width: 74.5762%;
   margin-left: 1.6949%;
}
.fichaLibroGeneral .dosColumnasAsideA { width: 23.7288%; }
.fichaLibroGeneral .dosColumnasAsideB {
   clear: none;
   width: 74.5762%;
   margin-left: 1.6949%;
}
.dosColumnasComentariosA { width: 34.2033%; }
.dosColumnasComentariosB {
   clear: none;
   width: 64.1016%;
   margin-left: 1.6949%;
}
.cuatroColumnasA { width: 23.7288%; }
.cuatroColumnasB {
   clear: none;
   width: 23.7288%;
   margin-left: 1.6949%;
}
.zeroMargin_desktop { margin-left: 0; }
.hide_desktop { display: none; }
.header > div {
   padding-right: 20px;
   padding-left: 20px;
}
.logoPrincipal {
   display: inline-block;
   max-width: 186px;
   margin-top: 11px;
}
.logoPrincipalMovil { display: none; }
.btnRegistrateMovil { display: none; }
.menuPrincipal {
   float: right;
   margin-top: 40px;
   text-align: left;
   background-color: transparent;
}
.menuPrincipal ul li {
   margin-right: 0;
   margin-left: 40px;
}
.menuPrincipal ul li.esconderMovil { display: inline-block; }
.menuPrincipal ul li a {
   font-size: 18px;
   color: #fff;
}
header h2 {
   font-size: 54px;
   padding-top: 150px;
}
.buscadorHeader { padding: 12px 12px 14px 12px; }
.header.shrink { /*padding-bottom: 0;*/ box-shadow: 0 4px 4px 0 rgba(32, 85, 113, .4); }
.header.shrink .logoPrincipal { max-width: 186px; /*margin-top: 11px;*/ }
.header.shrink .buscadorHeader {
   position: relative;
   display: block;
   margin-top: 15px;
}
.leoLupa { margin: 30px auto -41px auto; }
.buscadorTag li {
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0;
}
.buscadorTag li a { padding: 4px 8px; }
.buscadorTag li a:hover { padding: 0 6px; }
.leotecaSmartick .dosColumnasA { padding: 25px 28px 72px 28px; }
.leotecaSmartick .dosColumnasB { padding: 25px 28px 72px 28px; }
.leotecaSmartick .dosColumnasA p,
.leotecaSmartick .dosColumnasB p { min-height: 9em; }
h2 { font-size: 38px; }
.partnersPermanantes li {
   display: inline-block;
   margin: 20px 15px;
}
footer { margin-top: 115px; }
.enlacesFooter {
   float: right;
   width: calc(100% - 200px);
   max-width: 100%;
   margin-top: -96px;
}
footer div .logoFooter { display: inline-block; }
.copyright {
   display: table;
   text-align: left;
}
footer .redesSociales {
   position: relative;
   top: 0;
   right: 0;
   float: right;
   margin-top: 1em;
   margin-right: 0;
   margin-left: 0;
}
.resultadosBuscadorFiltros { padding-top: 62px; }
.contenidoResultadosBusqueda .contenedorImagen { height: 220px; }
.contenedorIconosFicha h3 { max-width: 220px; }
.gridContainer.clearfix.interior { margin-top: 80px; }
.fichaLibro .dosColumnasAsideA { padding-top: 62px; }
/************* CLASES IHOVER ***************/
.ih-item.square.effect13 .info {
   visibility: visible;
   -webkit-transition: all .65s ease-in-out;
   -moz-transition: all .65s ease-in-out;
   transition: all .65s ease-in-out;
   pointer-events: none;
   opacity: 1;
   background: #333;
   background: rgba(0, 0, 0, .6);
}
.ih-item.square .info {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   max-height: none;
   text-align: center;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
.ih-item.square.effect13.bottom_to_top .info {
   -webkit-transform: translateY(100%);
   -moz-transform: translateY(100%);
   -ms-transform: translateY(100%);
   -o-transform: translateY(100%);
   transform: translateY(100%);
}
.ih-item.square.effect13 .info p { margin-top: 42px; }
.ih-item > a { cursor: pointer; }
.cabeceraFija .buscadorHeader {
   margin-top: 15px;
   padding: 10px 9px 10px 13px;
   background-color: #fff;
}
.cabeceraFija .menuPrincipal {
   position: inherit;
   width: auto;
   margin-top: 35px;
}
.anadirFiltrosMovil { display: none; }
.nubeTagAzul li { margin-bottom: 10px; }
.nubeTagAzul li a {
   padding: 4px 30px 4px 12px;
   border-radius: 12px;
   background: url(../img/ico-cerrar-x-blanco.png) 95% center no-repeat #85b0ca;
}
.nubeTagAzul li a:hover { background: url(../img/ico-cerrar-x-blanco.png) 95% center no-repeat #42b2fc; }
.nubeTagAzul.nubeTagAnidada li:first-child a { padding: 4px 30px 4px 12px; }
.nubeTagAzul.nubeTagAnidada li a { padding: 4px 30px 4px 32px; }
.leoLlevandoLibros { background-position: left calc(46% + 390px) bottom; }
.leoEscribiendo { background-position: left calc(46% + 390px) bottom 0; }
.contenidoFichaLibro { padding-top: 90px; }
.fichaLibro .enlaceGris { margin-bottom: 50px; }
.contenidoFichaLibro h2 { margin-top: 1em; }
.btnsFichaLibro li { margin-bottom: 0; }
.contenidoResultadosBusqueda {
   max-width: 100%;
   margin: 40px auto 0 auto;
}
.contenidoResultadosBusqueda article { margin-bottom: 0; }
.contenedorListadoLibros { max-width: 100%; }
.paginaPrivada .contenedorListadoLibros { max-width: 100%; }
.infoComentarios {
   margin-top: 40px;
   padding-bottom: 170px;
}
.novedades h2 {
   margin-top: 30px;
   text-align: left;
}
.cabeceraFija .headerPrivado .buscadorHeader {
   width: calc(100% - 600px);
   min-width: 430px;
   margin: 10px 0 10px 65px;
}
.cabeceraFija .headerPrivado .logoPrincipalMovil { display: none; }
.fichaLibroLogueado .gridContainer.clearfix.interior { margin-top: 70px; }
.fichaLibro .barraVolverPerfilLoguedo .dosColumnasAsideA {
   width: 23.7288%;
   margin-bottom: 0;
   padding-top: 16px;
}
.fichaLibro .barraVolverPerfilLoguedo .dosColumnasAsideB {
   width: 66.1016%;
   margin-left: 1.6949%;
   padding-left: 15px;
}
.queEsLeoteca { padding-bottom: 150px; }
.queEsLeotecaIntro {
   width: 51%;
   padding-right: 20px;
}
.consultaComentaComparte { margin: 20px 0 0 0; }
.grupoImg { display: block; }
.grupoImgMovil { display: none; }
.queEsLeoteca h2 {
   font-size: 60px;
   margin-bottom: 1em;
}
.queEsLeoteca h3 {
   font-size: 38px;
   text-align: left;
}
.tabs.tabsFichaLibro.paraEditoriales section { padding: 15px 90px 70px 90px; }
.tabs.tabsFichaLibro.paraEditoriales > ul li {
   display: inline-block;
   margin-left: 25px;
   padding-bottom: 50px;
}
.tabs.tabsFichaLibro.paraEditoriales > ul {
   margin: 0 auto;
   margin-top: 0;
}
.parrafoHover { opacity: 0; }
.enlaceNaranja:hover + .parrafoHover { opacity: 1; }
.buzon { background-image: url(../img/buzon.png); }
.login.contacto { margin-top: 96px; }
.asidePrivado {
   position: fixed;
   max-width: 200px;
   background-image: linear-gradient(to top, #2b89c6, #369fe4);
}
.contenidoPrivado {
   width: calc(100% - 270px);
   margin-left: 240px;
}
.gridContainer.clearfix.contenedorPrivado { margin-top: 68px; }
.menuLateralPrivado li { padding-left: 6px; }
.menuLateralPrivado li a {
   padding: 15px 5px 15px 50px;
   border-radius: 8px 0 0 8px;
   background-position: left 13px center;
}
.menuLateralPrivado li.menuPrivadoPrestamo a,
.menuLateralPrivado li.menuPrivadoPrestamo a.activoMenuPrivado { background-position: left 3px center; }
.menuLateralPrivado li a span {
   font-size: 13px;
   display: inline;
   padding-top: 0;
   text-align: left;
}
.menuLateralPrivado li.menuPrivadoPrestamo a.css_prestamo_libros {
   background-size: 30px, 7px;
   background-position: left 7px center, right 10px center;
}
.menuLateralPrivado li a.activoMenuPrivado {
   padding: 15px 5px 15px 50px;
   background-position: left 13px center;
}
.menuLateralPrivado li a.activoMenuPrivado span { display: inline; }
.menuLateralPrivado li ul { margin-left: 10px; }
.menuLateralPrivado li ul li a {
   font-size: 13px;
   padding: 15px 5px 15px 50px;
   text-align: left;
   border-radius: 0 0 0 8px;
   background-color: #58afe7;
   background-position: left 13px center;
}
.avisoLegaMenuLateral { bottom: 10vh; }
.avisoLegaMenuLateral li { display: block; }
.avisoLegaMenuLateral li a { text-transform: none; }
.avisoLegaMenuLateral li a span { display: inline; }
#modalNuevoAlumno ul li.liLocalidad,
#modalNuevoAlumno02 ul li.liLocalidad {
   display: inline-block;
   width: calc(50% - 12px);
   max-width: 100%;
   margin-left: 8px;
}
.notificacionesAmigo.contenedorMenuNotificaciones { margin-top: 10px; }
.menuLateralPrivado li ul li a.activoMenuPrivado { padding: 15px 5px 15px 50px; }
.menuLateralPrivado li ul li.menuPrivadoCuestionarios a:hover,
.menuLateralPrivado li ul li.menuPrivadoCuestionarios a.activoMenuPrivado { background-image: url(../img/privado/ico-menu-lateral-cuestionarios-02.png), url(../img/privado/ico-menu-cuestionarios-flecha-02.png); }
.menuLateralPrivado li ul li.menuPrivadoCuestionarios a {
   padding: 15px 5px 15px 45px;
   background-image: url(../img/privado/ico-menu-lateral-cuestionarios.png), url(../img/privado/ico-menu-cuestionarios-flecha.png);
   background-position: left 13px center, right 10px center;
}
.menuLateralPrivado li ul li.menuPrivadoPrestamo a:hover,
.menuLateralPrivado li ul li.menuPrivadoPrestamo a.activoMenuPrivado { background-image: url(../img/privado/icono-prestamos-azul.png), url(../img/privado/ico-menu-cuestionarios-flecha-02.png); }
.menuLateralPrivado li ul li.menuPrivadoPrestamo a {
   padding: 15px 5px 15px 50px;
   background-image: url(../img/privado/icono-prestamos-blanco.png), url(../img/privado/ico-menu-cuestionarios-flecha.png);
   background-position: left 13px center, right 10px center;
}
.barraFixedContenido {
   top: 68px;
   width: calc(100% - 199px);
   margin-left: -40px;
}
.clearfix.fondoPrivadoNubes.fondoMiPlabeta { margin-left: 200px; }
header h3 { font-size: 30px; }
.recomendaciones .verTodo {
   float: right;
   margin-top: 38px;
   margin-right: 37px;
}
.recomendaciones .slick-dotted.slick-slider { margin-bottom: 30px; }
.recomendaciones {
   padding-bottom: 360px;
   background-position: top left, bottom center;
}
.buscadorHeader .buscadorPrincipal {
   font-size: 20px;
   padding: 16px 10px 18px 70px;
   background-size: auto;
}
.cabeceraFija .header { min-height: auto; }
.cabeceraFija .btnBuscador {
   height: 50px;
   margin-left: -76px;
}
.buscadorHeader { display: none; }
.cabeceraIndex .buscadorHeader {
   margin-top: 20px;
   background-color: #fff;
}
.cabeceraCentrada .menuPrincipal,
.cabeceraFija.cabeceraSinBuscador .menuPrincipal {
   position: inherit;
   width: auto;
   margin-top: 35px;
}
.cabeceraIndex .header {
   min-height: 115px;
   box-shadow: none;
}
.btnBuscador { display: inline-block; }
header.cabeceraIndex h2 {
   font-size: 54px;
   padding-top: 150px;
}
.cabeceraFija.cabeceraSinBuscador .menuPrincipal { margin-top: 29px; }
.cabeceraSinBuscador .header {
   min-height: 112px;
   box-shadow: none;
}
div.contactoIntro h2 { font-size: 54px; }
div.contactoIntro p span { font-size: 24px; }
div.contactoIntro p { margin-bottom: 30px; }
.registroLoginFormulario .labelcheckboxLoginAcepto { padding: 0; }
.registroLoginFormulario .labelcheckboxLoginAcepto { font-size: 12px; }
.contactoMandanosUnEmail a { font-size: 24px; }
.modal .enlaceAzul { padding: 0; }
.paginaBusqueda .interior { background-image: none; }
.resultadosBuscador {
   font-weight: 600;
   padding: 40px 25px;
   background-image: linear-gradient(to top, #fff, #fff, #e8f4ff);
}
.enlaceGris { padding: 0; }
.contenedorIconosFicha { margin-bottom: 30px; }
.enlaceNaranjaNormal { padding: 0; }
.paginaBusqueda .enlaceNaranjaNormal { margin-top: 10px; }
.formFiltroResultadosBusqueda { background-color: #f6fbff; }
.paginaBusqueda .radioButtonsGenerales { background-color: inherit; }
.paginaBusqueda .radioButtonsGenerales.fondoAzul { background-color: #f6fbff; }
.resultadosBuscador h2.noHayResultados {
   font-size: 24px;
   text-align: left;
}
.resultadosBuscador .noHayResultadosTexto {
   font-size: 18px;
   text-align: left;
}
.novedades .enlaceGris { margin-top: 40px; }
.queEsLeoteca p { font-size: 19px; }
.adultosQuePintamos h2 { font-size: 38px; }
.adultosQuePintamos {
   padding-top: 170px;
   padding-bottom: 70px;
}
.paraTitular01 {
   display: inline;
   padding-left: 40px !important;
}
.paraTitular02 {
   display: inline;
   padding-left: 0 !important;
   text-transform: inherit;
}
.tabParaPadres {
   position: absolute !important;
   min-width: 222px;
   height: 32px;
}
.tabParaProfesores {
   position: absolute !important;
   min-width: 253px;
   height: 31px;
}
.tabParaEditoriales {
   position: absolute !important;
   min-width: 253px;
   height: 33px;
}
.tabParaEditoriales + .paraTitular01 { padding-left: 44px !important; }
.tabParaEditoriales + .paraTitular02 { padding-left: 0 !important; }
.header { position: fixed; }
.adultosQuePintamos p { font-size: 19px; }
.enlaceGris.enlaceVolverResponsive {
   position: relative;
   display: inline;
   width: auto;
   height: auto;
   margin-top: 0;
   padding: 0;
   background-image: none;
}
.enlaceGris.enlaceVolverResponsive span { display: inline; }
.enlaceGris.enlaceVolverResponsiveFlecha { display: none; }
.resultadosBuscadorFiltros h2 { display: inherit; }
.borrarTodo { display: block; }
.nubeTagAzul.nubeTagAnidada li:first-child a:hover { background: url(../img/ico-cerrar-x-blanco.png) 95% center no-repeat #42b2fc; }
.nubeTagAzul.nubeTagAnidada li a:hover { background: url(../img/ico-cerrar-x-blanco.png) 95% center no-repeat #79caff; }
.contenedorResultadosBuscadorFiltros { margin-top: 0; }
.barraFiltrosResponsive { display: none; }
.resultadosBuscadorFiltros .btnBordeAzul { display: block; }
v .ribbonEdad00 { background-image: url(../img/ribbon-00.png); }
.ribbonEdad00:hover { background-image: url(../img/ribbon-00-hover.png); }
.ribbonEdad03 { background-image: url(../img/ribbon-03.png); }
.ribbonEdad03:hover { background-image: url(../img/ribbon-03-hover.png); }
.ribbonEdad06 { background-image: url(../img/ribbon-06.png); }
.ribbonEdad06:hover { background-image: url(../img/ribbon-06-hover.png); }
.ribbonEdad08 { background-image: url(../img/ribbon-08.png); }
.ribbonEdad08:hover { background-image: url(../img/ribbon-08-hover.png); }
.ribbonEdad10 { background-image: url(../img/ribbon-10.png); }
.ribbonEdad10:hover { background-image: url(../img/ribbon-10-hover.png); }
.ribbonEdad12 { background-image: url(../img/ribbon-12.png); }
.ribbonEdad12:hover { background-image: url(../img/ribbon-12-hover.png); }
.ribbonEdad14 { background-image: url(../img/ribbon-14.png); }
.ribbonEdad14:hover { background-image: url(../img/ribbon-14-hover.png); }
.ribbon em { display: none; }
.ribbon:hover em { display: block; }
.cabeceraPublica { min-height: 115px; }
.tabs.tabsFichaLibro.paraEditoriales > ul li a[aria-selected]:before { margin: 57px auto 0 auto; }
.queEsLeotecaSmartick h2 { font-size: 32px; }
.barraVolverPerfilLoguedo { margin-bottom: 0; }
.tabs.tabsFichaLibro > ul li { min-width: 150px; }
.nubeTagAnidada li { margin-left: -20px; }
.nubeTagAnidada { margin-left: 20px; }
.nubeTagAzul.nubeTagAnidada li:first-child a:hover { background: url(../img/ico-cerrar-x-blanco.png) 91% center no-repeat #42b2fc; }
.asidePrivadoDesactivadoMovil { display: block; }
.contenedorAprenden { display: block; }
.contenedorAprendenMovil { display: none; }
.escritoComentario p .correctorMorado { position: relative; }
.escritoComentario p .correctorRojo { position: relative; }
.escritoComentario p .correctorAmarillo { position: relative; }
.modalCorrector {
   top: auto;
   right: -5px;
   bottom: 40px;
   left: auto;
   transform: none;
}
.leotecaEnElAulaDesktop { display: block !important; }
.leotecaEnElAulaMovil { display: none !important; }
.leotecaEnElAula p { font-size: 22px; }
.fondoPrivadoSmarickLectura {
   background-image: url(../img/privado/smartick-lectura.png);
   background-position-x: calc(50% + 106px);
}
.indice {
   max-height: calc(100vh - 212px);
   margin-left: -40px;
}
.modalInterior {
   width: calc(100% + 70px);
   margin-left: -40px;
   margin-top: 85px;
}
.mensajeContenidoModalInterior { width: calc(100% - 210px); }
.fondoEscrituraCreativa { background-position: top 40px left 200px; }
.fondoEscrituraCreativa.margenEdicionEscrituraCreativa { background-position: top 260px left 200px; }
.edicionEscrituraCreativa { margin-left: 0; }
.diarioPag05 .textoPag05 p { margin: 34px auto 27px auto; }
.diarioPag06 .textoPag06 p { margin: 24px 10px -10px 10px; }
.contenidoResultadosBusqueda.diarioRelacionado { max-width: 860px; }
.fondoDiarioPag11 { background-position: top left 200px; }
.fondoDiarioPag12 { background-position: top left 200px; }
#modalResultadosBusqueda .fluid.dosColumnasAsideA.resultadosBuscadorFiltros {
   width: 19.7288%;
   display: block;
}
.resultadosInstruccionesBusquedaTablet { display: none; }
#modalResultadosBusqueda .fluid.dosColumnasAsideB.resultadosBuscador { width: calc(100% - 290px); }
#modalResultadosBusqueda .scrollVertical { height: 672px; }
.fondoDiarioDeLectura04-01 { background-position: bottom left 200px; }
.fondoDiarioDeLectura04-02 { background-position: bottom left 200px; }
.fondoDiarioDeLectura04-04 { background-position: top left 200px; }
.fondoDiarioDeLectura04-05 { background-position: top left 200px; }
.fondoDiarioDeLectura04-06 { background-position: top right; }
.fondoDiarioDeLectura04-09 { background-position: top 18px left 200px; }
.fondoDiarioDeLectura04-10 { background-position: top 18px left 200px; }
.fondoDiarioDeLectura04-11 { background-position: top 18px left 200px; }
.fondoDiarioDeLectura05-01 { background-position: bottom left 200px; }
.fondoDiarioDeLectura05-02 { background-position: bottom left 200px; }
.fondoDiarioDeLectura05-03 { background-position: top right; }
.fondoDiarioDeLectura05-04 { background-position: top left 200px; }
.fondoDiarioDeLectura05-05 { background-position: top left 200px; }
.fondoDiarioDeLectura05-06 { background-position: top right; }
.fondoDiarioDeLectura05-08 { background-position: top right; }
.fondoDiarioDeLectura05-09 { background-position: top left 200px; }
.fondoDiarioDeLectura05-10 { background-position: top left 200px; }
.fondoDiarioDeLectura05-11 { background-position: top left 200px; }
.fondoDiarioDeLectura05-12 { background-position: top left 200px; }
.fondoDiarioDeLectura06-01 { background-position: bottom left 200px; }
.fondoDiarioDeLectura06-02 { background-position: bottom left 200px; }
.fondoDiarioDeLectura06-09 { background-position: top left 200px; }
.fondoDiarioDeLectura06-10 { background-position: top left 200px; }
.fondoDiarioDeLectura06-11 { background-position: top left 200px; }
.diario .fondoDiarioDeLectura05-03 .texto05Pag03 p { padding-left: 100px; }
.formadGrupos .subTitularVuestraLibreria.verde { margin-left: -83px; }
.fondoDiarioDeLectura06-04 .texto06Pag04 p { margin-left: -120px; }
.titularFondoCuaderno06-04 { margin-bottom: 25px; }
.radioButtonSeleccionarLibro.entrevista06-08 span { height: 55px; }
}

@media only screen and (max-width: 500px) {
.menuUniverso { margin: 40px 10px 50px 10px; }
.menuUniverso li {
   display: block;
   max-width: 240px;
   margin: 0 auto 20px auto;
}
}

@media only screen and (min-width: 670px) {
.buscadorCuestionario li {
   display: inline-block;
   width: calc(49.5% - 10px);
   margin-right: 5px;
   margin-bottom: 0;
   margin-left: 5px;
}
.buscadorCuestionario li.liCreadoLeoteca { padding-top: 20px; }
.buscadorCuestionario li.liBotonBuscarCuestionario { margin-top: 20px; }
.btnBuscador.btnBuscadorCuestionario {
   margin-right: 4px;
   margin-left: 10px;
}
}

@media only screen and (max-width: 700px) {
.librosImprescindibles h2 { margin-bottom: 20px; }
.btnVolverFlecha {
   display: inline-block;
   float: none;
   margin-bottom: 50px;
}
.modalTutorial .imagenPortada {
   text-align: right;
   padding-left: 0px;
}
}

@media only screen and (max-width: 820px) {
.habitantes article {
   max-width: 400px;
   margin: 0 auto 60px auto;
   padding: 0 10px 4px 10px;
}
.contenedorImagenHabitantes {
   float: none;
   margin: -22px auto 0 auto;
}
.contenidoHabitantes {
   float: none;
   width: 100%;
   margin-top: 60px;
   margin-left: 0;
   text-align: left;
}
.temperaturaHabitantes {
   top: 200px;
   right: 0;
   left: 0;
   max-width: 180px;
   margin: -8px auto 0 auto;
}
.habitantes h3 { text-align: center; }
.volverPlaneta {
   display: table;
   float: none;
   margin-left: 18px;
}
.titularMiPlaneta {
   margin-right: 18px;
   margin-left: 18px;
}
.subTitularMiPlaneta {
   margin-right: 18px;
   margin-left: 18px;
}
.clearfix.fondoPrivadoNubes.fondoMiPlabeta {
   padding-right: 10px;
   padding-left: 10px;
}
}

@media only screen and (max-width: 900px) {
.menuUniverso li:first-child { display: none; }
.menuUniverso { text-align: left; }
}

@media only screen and (min-width: 1120px) {
.diarioDeLectura .barraFixedContenido.barraCompleta h2 {
   font-size: 22px;
   margin-top: 17px;
}
.diarioDeLectura .barraFixedContenido.barraCompleta .subtitularDiario { font-size: 20px; }
}

@media only screen and (min-width: 1160px) {
.btnsFichaLibro .imgAnadirBiblioteca { display: inline-block; }
.fondoDiarioPag11 .diarioPag01 .textoPag01 h3 { padding-left: 220px; }
}

@media only screen and (min-width: 1170px) {
.buscadorCuestionario li {
   display: inline-block;
   width: auto;
   margin-right: 0;
   margin-left: 0;
}
.buscadorCuestionario { border: solid 1px #b0d0e3; }
.inputBuscadorCuestionario {
   width: auto;
   min-height: 53px;
   border: 0;
   border-right: 1px solid #b0d0e3;
   border-radius: 0;
}
.inputBuscadorCuestionario:focus {
   border: 0 !important;
   border-right: 1px solid #b0d0e3 !important;
}
.dd-container { width: 260px !important; }
.dd-select {
   border: 0 !important;
   border-right: 1px solid #b0d0e3 !important;
   border-radius: 0 !important;
}
.buscadorCuestionario li.liCreadoLeoteca {
   width: auto;
   padding-top: 0;
   padding-left: 10px;
}
.buscadorCuestionario li.liBotonBuscarCuestionario {
   display: inlineblock;
   float: right;
   width: auto;
   margin-top: 0;
}
.contenedorHechoSentir {
   max-width: 315px;
   width: calc(100% - 335px);
   margin-right: 30px;
   float: left;
}
.diarioRetos.hechoSentir {
   display: inline-block;
   max-width: 315px;
}
.asideContenedorHechoSentir {
   max-width: 305px;
   margin-top: 29px;
}
.asideContenedorHechoSentir .textAreaDiario { max-width: 324px; }
.asideContenedorHechoSentir .subTitularDiario { color: #3e3e3e; }
}

@media only screen and (max-width: 1160px) {
.btnsBarraFixedContenido.btnsCuestionariosConCambios {
   float: none;
   margin-top: 0;
   margin-left: 40px;
}
.btnsBarraFixedContenido.btnsCuestionariosConCambios li { margin-bottom: 10px; }
.contenidoBarraFixedContenido.barraCuestionariosPorHacer { margin-top: 190px; }
.diarioDeLectura .btnsBarraFixedContenido.btnsCuestionariosConCambios { float: right; }
.diarioDeLectura .btnsBarraFixedContenido.btnsCuestionariosConCambios li { margin-bottom: 0; }
}

@media only screen and (max-width: 1205px) {
.titularDiario { display: none; }
.completo .titularDiario { display: inline; }
}

@media only screen and (max-width: 1300px) {
.contenedorTablaConCalendario {
   float: none;
   max-width: 100%;
}
.barraLateralCalendario {
   float: none;
   max-width: 370px;
   margin-left: 0;
   padding: 29px 5px;
   background-image: linear-gradient(to top, #f4faff, #f4faff, #fff);
   box-shadow: none;
}
/* BUSCADOR CREAR NUEVO */
.buscadorCuestionario.buscadorCuestionarioCrearNuevo { border: 0; }
.buscadorCuestionario.buscadorCuestionarioCrearNuevo li {
   display: block;
   width: 330px;
   margin-top: 0;
   margin-bottom: 20px;
   padding-top: 0;
}
.buscadorCuestionario.buscadorCuestionarioCrearNuevo li.liBorrarFiltros {
   position: inherit;
   margin-top: 0;
}
.buscadorCuestionario.buscadorCuestionarioCrearNuevo li.liBotonBuscarCuestionario {
   position: inherit;
   float: none;
   margin-top: 0;
}
.buscadorCuestionario.buscadorCuestionarioCrearNuevo .inputBuscadorCuestionario {
   width: 330px;
   border: 1px solid #b0d0e3;
   border-radius: 5px;
}
.buscadorCuestionario.buscadorCuestionarioCrearNuevo .dd-container { width: 330px !important; }
.buscadorSelectConCheckbox {
   border: 1px solid #b0d0e3;
   border-radius: 5px;
}
.buscadorSelectConCheckbox .multi-select-button::after { right: -138px; }
.buscadorCuestionario.buscadorCuestionarioCrearNuevo .btnBuscador.btnBuscadorCuestionario { margin-left: 0; }
.buscadorCuestionario.buscadorCuestionarioCrearNuevo .dd-select {
   border: 1px solid #b0d0e3 !important;
   border-radius: 5px !important;
}
.selectOrdenarPor.selectOrdernarPorConBuscador { margin-top: 50px; }
}

@media only screen and (min-width: 1330px) {
.asidePrivado:after {
   position: absolute;
   top: 570px;
   display: block;
   width: 177px;
   height: 257px;
   margin-left: -138px;
   content: ' ';
   background-image: url(../img/leo-mensaje.png);
}
}

@media only screen and (min-width: 2561px) {
.fondoLeoAvatar { background: none; }
.recomendaciones {
   margin-bottom: 100px;
   padding-bottom: 180px;
   background-image: url(../img/recomendaciones-libro-01.png);
}
.login { margin-bottom: 200px; }
}

@media only screen and (max-width: 1024px) {
.contenedorResultadosBuscadorFiltros {
   display: none;
   margin-top: 20px;
}
.contenedorResultadosBuscadorFiltros.filtro-visible { display: block; }
}
.agregarTematicaSeleccionado { display: none; }
.agregarTematicaSeleccionado.option-visible { display: block; }
.select-css.selectOculto { display: none; }
.agregarTematica.oculto { display: none; }
.icoMasAzul:first-of-type { display: none; }
.esconderJquery,
.barraEditar ul li .menuPuntosBarraEditar.esconderJquery,
.tablaPrivado .menuPuntosTabla.esconderJquery { display: none; }
/******************** DEGRADADO SCROLL PASTILLAS ***********************/
.contenedorScrollHorizontal:before {
   position: absolute;
   z-index: 9;
   right: 0;
   display: block;
   width: 100px;
   height: 140px;
   content: ' ';
   pointer-events: none;
   opacity: 1;
   background-image: url(../img/privado/degradado-patillas-clase.png);
   background-repeat: no-repeat;
   background-position: right;
}
.contenedorScrollHorizontal:after {
   position: absolute;
   z-index: 9;
   top: 0;
   left: 0;
   display: block;
   width: 100px;
   height: 140px;
   content: ' ';
   pointer-events: none;
   opacity: 1;
   background-image: url(../img/privado/degradado-patillas-clase-02.png);
   background-repeat: no-repeat;
   background-position: right;
}
.sinDifuminadoIzq:after { opacity: 0; }
.sinDifuminadoDer:before { opacity: 0; }
/******************** DEGRADADO SCROLL PASTILLAS ***********************/
/* SCROLLBAR CHROME & EDGE */
.scrollVertical::-webkit-scrollbar, .navScrollHorizontal::-webkit-scrollbar {
 width: 8px;
}
.scrollVertical::-webkit-scrollbar-button, .navScrollHorizontal::-webkit-scrollbar-button {
 width: 8px;
 height: 5px;
}
.scrollVertical::-webkit-scrollbar-track, .navScrollHorizontal::-webkit-scrollbar-track {
 background: #e8edf1;
 box-shadow: 0px 0px 3px #dfdfdf inset;
 border-radius: 10px;
}
.scrollVertical::-webkit-scrollbar-thumb, .navScrollHorizontal::-webkit-scrollbar-thumb {
 background: #98b3c5;
 border-radius: 10px;
}
.scrollVertical::-webkit-scrollbar-thumb:hover, .navScrollHorizontal::-webkit-scrollbar-thumb:hover {
 background: #7d7d7d;
}
/* SCROLLBARS FIREFOX */
.scrollVertical,
.navScrollHorizontal {
   scrollbar-color: #98b3c5 #e8edf1;
   scrollbar-width: thin;
}
/***************** VISUALIZADOR ***************/
body#thebody { background-color: #42b2fc; }
body #pageInfo {
   font-family: 'Raleway', sans-serif;
   font-size: 16px;
   font-weight: 500;
   width: 375px;
   height: 117px;
   margin-top: -50px;
   /*opacity: 1 !important;*/
   color: #8a8080;
   border: 2px solid #cdd7e4;
   border-radius: 18px;
   background-color: #fff;
   box-shadow: 3px 5.2px 5px 0 rgba(0, 0, 0, .4);
}
body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default {
   width: 39px;
   height: 41px;
   margin-top: -9px;
   border: 1px solid #626a80;
   background-color: #b0bbca;
   box-shadow: 1px 1.7px 1px 0 rgba(0, 0, 0, .2);
}
body #zoomslider {
   height: 13px;
   margin-top: 23px;
}
body .ui-widget-content {
   color: #383838;
   border: none;
}
body #exitwX { left: 20px; }
body #pageInfo table { width: 100%; }
body #pageInfo table tbody tr { display: inline-block; }
body #pageInfo table tbody tr td:nth-child(2) {
   display: table-cell;
   max-width: 150px;
}
body #pageInfo table tbody tr td:nth-child(4) {
   position: absolute;
   top: -1px;
   right: 20px;
   width: 27px;
   height: 27px;
}