
@font-face {
    font-family: 'socicon';
    src: url('fonts/socicon.eot');
    src: url('fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon.woff') format('woff'),
         url('fonts/socicon.woff2') format('woff2'),
         url('fonts/socicon.ttf') format('truetype'),
         url('fonts/socicon.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}

.social{
    font-family: 'socicon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a.social:hover{text-decoration: none;}

.social-twitter:before { content: "a"; }
.social-facebook:before { content: "b"; }
.social-instagram:before { content: "x"; }
.social-linkedin:before { content: "j"; }
.social-youtube:before { content: "r"; }
.social-google-plus:before { content: "c"; }
.social-pinterest:before { content: "d"; }



.icon {
    background-image: url(../../../img/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align:middle;
    margin-right:   5px;  
    text-indent: 100%;white-space: nowrap;overflow: hidden;
}



.icon-casa {
    width: 27px;
    height: 25px;
    background-position: -10px -10px;
}

.icon-descargar {
    width: 16px;
    height: 21px;
    background-position: -57px -10px;
}

.icon-descargar_gr {
    width: 24px;
    height: 30px;
    background-position: -93px -10px;
}

.icon-enlace {
    width: 16px;
    height: 21px;
    background-position: -57px -49px;
}

.icon-enlace_gr {
    width: 24px;
    height: 30px;
    background-position: -93px -49px;
}

/* pre*/
.icon-edad-0 {
    width: 46px;
    height: 60px;
    background-position: -143px -170px;
}

.icon-edad-1, .icon-edad-6m {
    width: 46px;
    height: 60px;
    background-position: -143px -170px;
}
.icon-edad-2 {
    width: 46px;
    height: 60px;
    background-position: -143px -170px;
}
.icon-edad-3 {
    width: 46px;
    height: 60px;
    background-position: -143px -170px;
}

.icon-edad-4 {
    width: 47px;
    height: 61px;
    background-position: -10px -90px;
}

/* 6*/
.icon-edad-5, .icon-edad-6, .icon-edad-7 {
    width: 46px;
    height: 60px;
    background-position: -77px -90px;
}

.icon-edad-8, .icon-edad-9 {
    width: 46px;
    height: 60px;
    background-position: -143px -90px;
}

.icon-edad-10, .icon-edad-11 {
    width: 46px;
    height: 60px;
    background-position: -137px -10px;
}

.icon-edad-12, .icon-edad-13 {
    width: 46px;
    height: 60px;
    background-position: -203px -10px;
}

/*juvenil*/
.icon-edad-14, .icon-edad-15, .icon-edad-16 {
    width: 46px;
    height: 60px;
    background-position: -77px -170px;
}

.icon-edad-fuera {
    width: 46px;
    height: 60px;
    background-position: -209px -90px;
}

.icon-edad-juvenil {
    width: 46px;
    height: 60px;
    background-position: -77px -170px;
}

.icon-edad-pre {
    width: 46px;
    height: 60px;
    background-position: -143px -170px;
}

.icon-like {
    width: 21px;
    height: 19px;
    background-position: -269px -10px;
}

.icon-like2 {
    width: 21px;
    height: 19px;
    background-position: -269px -49px;
}

.icon-like2_gr {
    width: 30px;
    height: 26px;
    background-position: -275px -88px;
}

.icon-like_gr {
    width: 30px;
    height: 26px;
    background-position: -275px -134px;
}

.icon-logo-santillana {
    width: 114px;
    height: 14px;
    background-position: -325px -62px;
}

.icon-logo-santillana-pie {
    width: 84px;
    height: 20px;
    background-position: -325px -96px;
}

.icon-mundo {
    width: 29px;
    height: 29px;
    background-position: -325px -136px;
}

.icon-papel {
    width: 16px;
    height: 21px;
    background-position: -429px -96px;
}

.icon-papel_gr {
    width: 24px;
    height: 30px;
    background-position: -374px -136px;
}

.icon-share {
    width: 30px;
    height: 30px;
    background-position: -418px -137px;
}

.icon-user {
    width: 18px;
    height: 24px;
    background-position: -10px -187px;
}



/* icon-descargar_gr */
#libroDestacado .icon-descargar{
    width: 24px;
    height: 30px;
    background-position: -93px -10px;
}
/* icon-papel_gr */
#libroDestacado .icon-papel{
    width: 24px;
    height: 30px;
    background-position: -374px -136px;
}
/* icon-like_gr */
#libroDestacado .icon-like,#autor .autor .icon-like{
    width: 30px;
    height: 26px;
    background-position: -275px -134px;
}
/* icon-like2_gr */
#libroDestacado .icon-like2,#autor .autor .icon-like2{
    width: 30px;
    height: 26px;
    background-position: -275px -88px;
}

.icon-logo {
    width: 160px;
    height: 70px;
    background:url(../../../img/logo.png) 0 0;
}

.icon-logo-pie {
    width: 123px;
    height: 32px;
    background:url(../../../img/logo-pie.png) 0 0;
}

.loading{background:url(../../../img/load.gif) no-repeat !important;cursor: default;}

body{font-family:'Roboto',Helvetica,Arial,sans-serif;}


html,
body {}

#contenedor {}

html{overflow-y:scroll;}



/* sobrecarga bootstrap */
a{color:#231f20;}
a:hover{color:#231f20;}

.btn{font-family: "Poppins","Roboto",sans-serif;transition:background-color .3s ease-in,border-color .3s ease-in;}
.btn-default{background:#0085CA;text-transform: uppercase;color:#fff;border-radius: 0;border-color:#0085CA;} 
.btn-default:hover,.btn-default:focus{border-color:#003594;background-color:#003594;color: #fff !important;}
.btn-primary,.btn-primary:active,.btn-primary:hover,.btn-primary:focus{background:#003594;border-color:#003594;border-radius:0;font-weight: normal;text-transform: uppercase; }
.btn-primary:active{box-shadow:0 3px 5px rgba(0, 0, 0, 0.125) inset;}
.btn-primary:hover{background-color:rgba(0, 68, 153,.95)}
.form-control{border-radius: 0;}
.btn-xs{padding:1px 15px;font-size:11px;}
.btn-lg{padding: 6px 16px;}
.btn-info{background: #0f1f7a;text-transform: uppercase;border-color:#0f1f7a;}
.btn-info:active,.btn-info:hover{border-color:#0f1f7a;box-shadow:0 3px 5px rgba(0, 0, 0, 0.125) inset;background:#0f1f7a; }
.btn-link,.btn-link:hover{color:#231f20;font-family: "Roboto",sans-serif;} 
.form-control:focus{box-shadow: none;} 
.gigantic{font-size: 200px;font-weight: 300; }
.h1,.h2,.h3,.h4,.h5,.h6{ font-family:'Poppins',Helvetica,Arial,sans-serif;}
.tooltip{font-family:'Poppins',Helvetica,Arial,sans-serif;}
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    padding-right: 0 !important;
}

#bodyModal #main{width:100%;}

.video,.iframe{
    position: relative;
    padding-bottom: 56.25%;
    height: 0; overflow: hidden;
}
.video iframe,
.iframe iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* columna de 5 */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* fin columna de 5 */

@media \0screen {
.img-responsive{ height:auto !important;} 
}
.mfp-bg{z-index: 2042;}
.mfp-wrap{z-index: 2043;}

/* listados */
.list{font-size: 1px;letter-spacing: -1px;word-spacing: -1px;position:relative;}
.list>div,.list>li{float:none;display:inline-block;vertical-align:top; letter-spacing: normal;word-spacing: normal;zoom:1;font-size:14px;}

/* cookies */
.cc-message a{color:#014593;}
/* cabecera */
#cabecera{padding-top: 94px;}

.topBar{
    background: #0085CA;  
    background: -webkit-linear-gradient(to left, #003594, #0085CA);  
    background: linear-gradient(to left, #003594, #0085CA);
    color:#fff;padding:12px 0;position: fixed;top: 0;left:0;right: 0;z-index: 1100;
} 
.topBar .container{position: relative;}
.topBar a,.topBar a:hover{color:#fff;font-size: 16px;line-height: 1;} 
.topBar ul{margin-bottom:   0;} 
.topBar ul a{vertical-align: middle;display: inline-block;}  
.topBar .btn-group > .btn{padding:0;} 
.topBar .btn-group > .btn:focus,.topBar .btn-group > .btn:active{color: #fff;text-decoration: none;} 
.topUser .btn span{vertical-align: middle;}

.topBar .dropdown-menu{border:0;border-radius:0;margin-top:12px;right: 0;background:rgba(0, 68, 153,.95);}
.topBar .btn-group{position: static;}

.topBar .topUser{text-align: right;margin-bottom: 15px;}
.topBar .topUser .btn-group >a,.topBar .topUser >a{font-size: 12px;    font-family:"Poppins","Roboto",sans-serif;text-transform: uppercase; }
.topBar #capaUsuario{padding:3%;}
#usuarioBtns{display: none;}
.topBar #capaUsuario .lead{font-family:"Poppins","Roboto",sans-serif;text-transform:uppercase;border-bottom: 1px solid #fff;}
.topBar #capaUsuario .row > div:first-child{padding-right: 10%;}
.topBar #capaUsuario .row > div:last-child{padding-left: 10%;}
.topBar #capaUsuario label{font-weight: normal;}
.topBar #capaUsuario .checkbox,.topBar #capaUsuario .btn-link,#capaUsuario a{font-size: 12px;}

.topBar #capaUsuario .form-control{border-radius: 0;}

.topBar #capaAutores{padding:0;}
.topBar #letras{background: #dedddc;margin:0;text-align: center;}
.topBar #letras .btn{padding:6px 9px;color:#231f20;text-transform: uppercase;}
.topBar #capaAutores .listAutores{padding: 3%;}
.topBar #capaAutores .listAutores li{width:25%;margin-bottom: 5px;}
#topMenu > li a{    font-family:"Poppins","Roboto",sans-serif;    text-transform: uppercase;}

.breadcrumb{font-size: 12px;}
.breadcrumb{background: none;margin:0;color:#888;padding-left: 0;} 
.breadcrumb > li + li:before{content:">";}

.breadcrumb li:last-child span{font-weight: normal;color:#003594;}
.breadcrumb a{color: #888;}


.logo .icon,
.logo-santillana .icon{margin-right: 0;}
.logoSantillana{margin-top: 54px;}
.sellos{display: inline-block;}
.sellos img{margin:-30px 10px 0 0px;}
/* pie */

/*INTERIOR*/
#navegacion{margin-bottom: 30px;background:#ecedef;}

#navegacion .boxTituloGr{margin-top: 0;font-size: 18px;margin-bottom: 1em;}
#menu{position:relative;width:75%;font-family:"Poppins","Roboto",sans-serif;vertical-align: top;}
#menu ul{padding-left: 0;margin-bottom: 0;}
#menu a{color:#231f20; -webkit-transition:color 3s;transition:color .3s;}
#menu a:hover{text-decoration: none;}
#menu .icon{display: block;margin:0 auto;margin-bottom: 5px;} 
#menu li{vertical-align:middle;list-style-type:none;font-size:16px;text-align: center;width: 14.28%;}



.cole{width:100%;background-position:50% 50%;background-repeat:no-repeat;display:inline-block;font: 0/0 a; font-weight: normal; font-size: 0px; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0;opacity:.65;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; /* IE6-9 */ filter: grayscale(100%); } 
a:hover .cole{opacity:1;-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: gray; /* IE6-9 */ filter: grayscale(0%);}
.cole-buenas-noches{background-image:url(../../../img/logos/buenas-noches.svg);padding-top: 19.60%;}
.cole-torre-de-papel-naranja{background-image:url(../../../img/logos/torre-de-papel-naranja-neg.svg);padding-top:40%;}
.cole-torre-de-papel-azul{background-image:url(../../../img/logos/torre-de-papel-azul-neg.svg);padding-top:40%;}
.cole-torre-de-papel-amarilla{background-image:url(../../../img/logos/torre-de-papel-amarilla-neg.svg);padding-top:40%;}
.cole-torre-de-papel-roja{background-image:url(../../../img/logos/torre-de-papel-roja-neg.svg);padding-top:40%;}
.cole-zona-libre{background-image:url(../../../img/logos/zona-libre.svg);padding-top:40%;}
.cole-cara-y-cruz{background-image:url(../../../img/logos/cara-y-cruz.svg);padding-top:40%;}

.cole-torre-naranja{background-image:url(../../../img/logos/torre-de-papel-naranja-neg.svg);padding-top:40%;}
.cole-torre-azul{background-image:url(../../../img/logos/torre-de-papel-azul-neg.svg);padding-top:40%;}
.cole-torre-amarilla{background-image:url(../../../img/logos/torre-de-papel-amarilla-neg.svg);padding-top:40%;}
.cole-torre-roja{background-image:url(../../../img/logos/torre-de-papel-roja-neg.svg);padding-top:40%;}

a:hover .cole-torre-de-papel-naranja{background-image:url(../../../img/logos/torre-de-papel-naranja.svg);}
a:hover .cole-torre-de-papel-amarilla{background-image:url(../../../img/logos/torre-de-papel-amarilla.svg);}
a:hover .cole-torre-de-papel-azul{background-image:url(../../../img/logos/torre-de-papel-azul.svg);}
a:hover .cole-torre-de-papel-roja{background-image:url(../../../img/logos/torre-de-papel-roja.svg);}

a:hover .cole-torre-naranja{background-image:url(../../../img/logos/torre-de-papel-naranja.svg);}
a:hover .cole-torre-amarilla{background-image:url(../../../img/logos/torre-de-papel-amarilla.svg);}
a:hover .cole-torre-azul{background-image:url(../../../img/logos/torre-de-papel-azul.svg);}
a:hover .cole-torre-roja{background-image:url(../../../img/logos/torre-de-papel-roja.svg);}



#menu .dropdown{text-align: center;margin-top: 15px;}
#menu .btn{position:relative;padding:0 15px 0 0;font-size: 12px;text-transform: uppercase;font-family: "Poppins","Roboto",sans-serif;}
#menu .open .btn:focus,#menu .btn:focus{outline: none;text-decoration: none;color: #000;}
#menu .btn:after{
transition: all 0.3s ease-in;
content:"\e259";
float: right;
font-family: "Glyphicons Halflings";
position: absolute;
right: 0;
bottom:0px;
}
#menu .open .btn:after{
transform:rotate(180deg);
}

#otrasColecciones{border-radius: 0;border: none;}
#otrasColecciones ul{padding:30px 0;}
#buscador{width: 25%;}
#buscador form{height:100%;padding: 30px 15px;background: #0085CA;  
    background: -webkit-linear-gradient(to left, #003594, #0085CA);  
    background: linear-gradient(to left, #003594, #0085CA);}
#buscador p{font-size: 12px;color:#fff;margin:0;font-family: "Poppins","Roboto",sans-serif;text-transform: uppercase;}
#buscador .input-group{margin-bottom: 5px;}
#buscador .input-group .btn {font-size:18px;background: none;color: #fff}
#buscador .form-control {border-radius:0;}
#buscador a,#buscador .boxTituloGr{color:#fff;}

/* home carrusel */
#homeCarrusel,#zonaDCarrusel{max-height: 460px;overflow: hidden;margin:0 auto 0px auto;}
#homeCarrusel img,#zonaDCarrusel img{width: 100%;}

.slick-dots {position: absolute; bottom: 2%; display: block; width: 25%; padding: 0; list-style: none; text-align: right; right: 2%;}
.slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; padding: 0; cursor: pointer; }
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus {outline: none; } 
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {opacity: 1; } .slick-dots li button:before {content:"\002022"; font-size: 30px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {color: #0085CA; }
/* -- */

.inicio #main>.box{margin-bottom:    0;}


/* colores */
#menu >.btn{display: none;}


/* masonry */ 
.masonry{margin:0 -25px;}
.masonry .item{padding: 0 25px;margin-bottom: 50px;}

.libro .itemFoto{margin-bottom: 20px;}
.libro .itemFoto img{max-width:100%;display:block;box-shadow:0 4px 10px rgba(0, 0, 0, .3);}
.libro .lead{font-size: 16px;font-weight: normal;margin-bottom: 5px;line-height: 1.25;font-weight: bold;}
.libro .itemSub{font-size:  16px;}

.libro .coleccion .cole{background-position:0 0;}
.libro .coleccion{width:80px;float: left;margin:0;display: none;}
.libro .coleccion-buenas-noches{display: block;}
.libro .coleccion-torre-de-papel-azul{display: block;}
.libro .coleccion-torre-de-papel-amarilla{display: block;}
.libro .coleccion-torre-de-papel-naranja{display: block;}
.libro .coleccion-torre-de-papel-roja{display: block;}
.libro .coleccion-torre-azul{display: block;}
.libro .coleccion-torre-amarilla{display: block;}
.libro .coleccion-torre-naranja{display: block;}
.libro .coleccion-torre-roja{display: block;}
.libro .coleccion-zona-libre{display: block;}
.libro .coleccion-cruz-y-raya{display: block;}



.libro .sello{float: left;margin:2px 0 0 5px;}
.libro .sello img{width: 112px;}
.listLibros .sello {margin:6px 0 0 5px;}
.listLibros .sello img{width: 75px;}



.itemTools{float: right;position: relative;top: 9px;}

.itemTools a,.itemTools button{display: inline-block;vertical-align: bottom;}
.itemTools button{padding:0;border:none;background-color:transparent;}
.itemPortada .coleccion{width:100px;}
.itemPortada .coleccion-buenas-noches{width:130px;}


.paginador{text-align: center;margin-bottom: 30px;}
.paginador .pagination{margin:0;} 
.pagination .active span{color:#fff;background-color:#0085CA;border-radius:0;border:1px solid #231f20;border-color:#0085CA; }
.pagination .active span:hover{background-color:#0085CA;border-color:#0085CA; }
.paginador .pagination li a{margin-left:5px;border-radius:0;border:1px solid #231f20;color:#231f20;}
.paginador .pagination li span{margin-left:5px;}
.pagination > .active > a:hover,.pagination > .active > a:focus, .pagination > .active > span:focus{
background: none;color:#8ba21c;border-color: #ddd;
}

.pagination .disabled{display: none;}


.boxTxt{line-height: 1.75;} 
#main .boxTxt{font-size: 16px;}
.boxTxt h2{font-weight: bold;color:#8ba21c;margin-bottom: 1em; font-size: 22px;}
.boxTxt ul{padding: 0;list-style: none;}
.boxTxt ul ul{padding-left: 30px;}
.boxTxt li{ 
    margin-bottom: .5em;
    padding-left: 1em;
    position: relative;
}

.boxTxt li:before {
    content: "\002022 ";
    color: #0085CA;
    margin-right: .5em;
    position: absolute;
    left: 0;
}

.boxTxt a{color:#0085CA;}
.boxTxt table{border:1px solid #ddd;width: 100%;max-width: 100%;}
.boxTxt table td{border:1px solid #ddd;padding:8px;}

#main .box,#pagina{margin-bottom: 45px;}
#main .boxTitulo:first-child,#main .box:first-child .boxTituloGr{margin-top:0;}

.homeAutor .boxTitulo, .homeNoticias .boxTitulo{margin-bottom: 30px;}
.homeAutor .autor .lead{font-size: 18px;}
.homeAutor .itemFoto a{width: 100px;display: block;}
.homeAutor .autor .itemEntradilla{font-size: 13px;margin-top: 10px;}
#main .homeNoticias .noticia{margin-bottom: 30px;padding-top: 30px;border-top:1px solid #231f20;}
#main .homeNoticias .list>div:first-child .noticia{padding-top: 0px;border-top:none;}
#main .homeNoticias .noticia .lead{font-size: 16px;}
/*#main .homeNoticias .noticia .itemFoto{padding-top: 36% !important;}*/

.sep{position: relative;padding-top: 45px;}
.sep:before{
    background: #eee;
    content: "";
    left:15px;
    right: 15px;
    height: 1px;
    position: absolute;
    top: 0;
    display: block;
}

/* aside */ 

.banner img{max-width: 100%;display: block;} 
#aside .banner{margin-bottom: 0;}
#aside .baner+.banner{margin-top: 10px;}
#aside .box{margin-bottom: 40px;} 
#aside .well{padding:0;text-align:center;text-transform:uppercase;font-size:16px;border-radius:0;border:none;margin-bottom: 10px;background: #d9ceb2;}
#aside .well a{display: block;padding:20px;}
#aside .well a:hover{text-decoration: none;}
#aside .well+.well{background:#bec4aa;margin-bottom: 40px;}

.social{-ms-transition:background-color .3s;-webkit-transition:background-color .3s;transition:background-color .3s;margin-left:5px;color:#fff;background:#231f20;width: 40px;height: 40px;border-radius: 20px;text-align: center;height: 40px;display: inline-block;font-size:22px;padding:8px 10px;}
.social:first-child{margin-left: 0;}
.social:hover{background:#0085CA;}
a.social-youtube:hover{color:#fff;background: #CD201F;}
a.social-twitter:hover{color:#fff;background: #55ACEE;}
a.social-facebook:hover{color:#fff;background: #3B5998;}
a.social-instagram:hover{color:#fff;background: #125688;}
a.social-google-plus:hover{color:#fff;background: #DC4E41;}
a.social-pinterest:hover{color:#fff;background: #cb2027;}

.boxTitulo{font-family:"Poppins",Roboto,sans-serif;font-weight:bold;line-height:1.42857;font-size: 18px;text-transform: uppercase;margin-bottom: 40px;margin-top: 0;}
.boxTituloGr,#comentarios .boxTitulo,.form .boxTitulo{color:#003594;font-weight:bold;font-family:"Poppins","Roboto",sans-serif;font-size: 30px;margin-bottom: 30px;text-transform: none;background:none;} 
#aside .boxTitulo{margin-bottom: 20px;}

.dark{background:#ecedef;}
.dark .boxTitulo{margin-bottom: 0;padding:20px 20px 0  20px;}
.dark .item{padding:20px 20px 0 20px;} 
.dark .item:last-child{padding: 20px;}
#aside .dark .libro .itemDatos{border: none;}


#aside .libro .lead{font-size: 15px;font-weight: bold;}
#aside .libro .itemFoto{text-align: center;}
#aside .libro .itemFoto img,#aside .viatges img{max-width: 100%;display: block;margin:0 auto;} 
#aside .libro .itemDatos{border-bottom: 1px solid #bcbbbb;} 
#aside .libro .itemSub{font-size: 15px;margin-bottom: 0;} 
#aside .item:last-child .itemDatos{border-bottom:none;} 

#aside .viatges .row{margin:0 -5px;}
#aside .viatges .row>div{padding: 0 5px;}
#aside .viatges .viatgesSello{margin-bottom: 15px;}
#aside .viatges .itemFoto{margin-bottom: 5px;}
#aside .viatges .lead{font-size: 14px;}

#aside .catalogo .lead{font-size: 15px;font-weight: bold;}
#aside .catalogo .itemFoto{text-align: center;padding:0;}
#aside .catalogo .itemFoto img {border: 1px solid #bcbbbb;}
#aside .catalogo .itemDatos{padding:5px 0px 10px 0px;text-align: center;border: none;} 
#aside .catalogo .itemSub{font-size: 15px;margin-bottom: 0;} 

/* libros */
#filtros{margin-bottom: 40px;}
#filtros > p{font-family: "Poppins","Roboto",sans-serif;text-transform: uppercase;}
#filtros .filtro{margin:0 0 15px 0;background:#ecedef;} 
#filtros .filtro p,#filtros .filtro .checkbox{margin:0;padding:5px 10px;}
#filtros .filtro p.h4{color:#000;text-transform: uppercase;font-size: 14px;}
#filtros .filtro .checkbox,#filtros .filtro .h4{border-top: 1px solid #fff;}
#filtros .filtro .checkbox input{margin-top: 3px;}
#filtros .filtro .checkbox{padding-left: 25px;}
#filtros .filtro .btn-more{display:block;position: relative;width: 100%;text-align:left;font-family: Roboto,arial,sans-serif;}
#filtros .filtro .btn-more:after{
    transition: all 0.3s ease-in;
    content: "\e260";
    font-family: "Glyphicons Halflings";
    position: absolute;
    top: 50%;
    bottom: auto;
    right: 15px;
    transform: translateY(-50%);
}

#filtros .filtro .btn-more.collapsed:after{
    transform: translateY(-50%) rotate(180deg);
}

#filtros .filtro .collapsed .openTxt{display: none;}
#filtros .filtro .btn-more.collapsed .collapsedTxt{display: inline-block;}
#filtros .filtro .btn-more .collapsedTxt{display: none;}

.tusFiltros{margin:0px 0 30px 0;}
.tusFiltros p{font-family: "Poppins","Roboto",sans-serif;text-transform: uppercase;}
.tusFiltros a{display: block;border:1px solid #ddd;padding: 6px 12px;-ms-transition:background-color .3s;-webkit-transition:background-color .3s;transition:background-color .3s;}
.tusFiltros a:hover,.tusFiltros a:active,.tusFiltros a:focus{background:#ECEDEF;text-decoration: none;}
.tusFiltros li{margin-bottom: 10px;}
.tusFiltros li.limpiarFiltros{float: right;}

/* libro */ 

#libroDestacado{position: relative;margin-bottom: 50px;}
#libroDestacado .itemAnte{font-size:12px;text-transform: uppercase;margin-bottom: 4px;} 
#libroDestacado .lead{line-height:1.1;margin:0;font-size:24px;font-weight: bold;font-family: "Poppins","Roboto",sans-serif; }
#libroDestacado .itemSub{font-size: 18px;margin-top: 2px;}
#libroDestacado .lead+div{font-size: 20px;color:#888;}
#libroDestacado div+.itemSub{margin-top: 10px;}
#libroDestacado .itemEntradilla{margin-top: 40px;font-size: 16px;}

#libroDestacado .itemFoto{min-height: 250px;}
#libroDestacado .tags{margin-left:15px;margin-right:15px;left:33.3333%;right:0;position: absolute;bottom: 80px;}
#libroDestacado.conSello .tags{bottom: 117px;}
#libroDestacado .edad{border-radius: 24px;}
#libroDestacado .edad a{width: 48px;height: 48px;font-size: 25px;}

#libroDestacado .sello{float: none;margin-top: 20px;text-align: center;clear: both;}

.tags .list{padding:0;margin:0 -5px;}
.tags li{width:25%;padding:5px;font-size: 14px;height: 31px;position: relative; }
.tags a{border-radius:15px;display: block;padding-top:2px;text-align: center;text-overflow:ellipsis;overflow:hidden;  white-space:    nowrap; background: #0085CA;  
    background: -webkit-linear-gradient(to left, #003594, #0085CA);  
    background: linear-gradient(to left, #003594, #0085CA);color:#fff;}

.tags a:hover{text-decoration: none;
    left: 5px;
    position: absolute;
    right: 5px;
    text-decoration: none;
    text-overflow: unset;
    white-space: normal;
    z-index: 100;
}



#libroDestacado .pdi{position: absolute;right: 15px;top: 0;width: 48px;height: 48px;}
#libroDestacado .conPDI{padding-right: 55px;}

#main .nav-tabs{margin-bottom:40px;background: #ECEDEF}
#main .nav-tabs > li{border-top:2px solid #fff;} 
#main .nav-tabs > li >a{outline: none;font-family:"Poppins","Roboto",sans-serif;text-transform:uppercase;font-size:16px;font-weight:bold;border:none;border-radius: 0;} 


#main .nav-tabs > li.active{background:#fff;color:#003594;border-color:#ECEDEF;} 
#main .nav-tabs > li.active a{color:#003594;} 
#main .nav-tabs > li.active a:focus{outline: none;} 
#main .tab-content{min-height: 150px;margin-bottom: 40px;}



.dl-horizontal dt{width:35%;text-align: left;}
.dl-horizontal dd{border-bottom: 1px solid #ddd;padding:0 0 5px 35%;margin:0 0 10px 0;text-align: right;}

#recursos .itemFoto{margin-bottom: 20px;}
#recursos .itemFoto img{max-width: 100%;height: auto;display: block;}
#recursos .lead{text-transform:uppercase;margin-bottom:10px;font-weight: normal;font-size: 16px;font-family: "Poppins","Roboto",sans-serif;}
#recursos .itemEntradilla li{line-height:1;position:relative;padding-left: 20px;margin-bottom: 15px;}
#recursos .itemEntradilla li a::before{position:absolute;left:0;content:"\e026";font-family: "Glyphicons Halflings";font-size: 16px;}
#recursos .itemEntradilla{float: left;margin-right: 5px;}



.comentario img{width: 100px;}
#comentarios .media-heading{text-transform: uppercase;font-family: "Poppins","Roboto",sans-serif;}
#comentarios .boxTxt{font-size: 12px;}
#comentarios .comentario{margin-bottom:20px;padding-top:20px;border-top: 1px solid #eee;}
#comentarios .comentario:first-child{border:none;padding-top: 0;}
#comentarios .boxTitulo{font-size: 16px;font-family: "Poppins","Roboto",sans-serif;text-transform: uppercase;}

#comentarioForm{background:#F2F2F2;margin-top:40px;box-shadow: :1px 1px 0 rgba(0, 0, 0, 0.05);padding:4%;}
#comentarioForm p{margin-bottom: 40px;}
#comentarioForm a{text-decoration: underline;}
#comentarioForm input[type="text"]{width: 50%;}
#comentarioForm fieldset{padding: 0 10%;}

#comentarioForm .checkbox{font-size: 12px;margin-bottom: 40px;}
input[type="checkbox"], input[type="radio"]{margin-top:1px;}


#comentarioFormExtra{clear: both;}  
#comentarioFormExtra .social{background:#fff;color:#5e5f5e;}
#comentarioFormExtra p{margin-bottom: 0;}

.listLibros .libro{margin-bottom: 20px;}
.listLibros .libro .lead{font-size: 16px;}
.listLibros .libro .itemSub{font-size: 16px;}


/* autor */
.autor{margin-bottom: 50px;}
.autor .lead{line-height:1.1;margin:0;font-size:24px;font-weight: bold;font-family:"Poppins","Roboto",sans-serif;}
.autor .itemSub{font-size: 20px;color:#888;}
.autor .itemEntradilla{margin:20px 0;font-size: 16px;}
.autor .redes{font-size: 12px;}
.autor .redes li{font-size: 12px;margin-bottom: 5px;}
.autor .redes .glyphicon{font-size: 15px;}
.autor .social{font-size: 10px;width: 16px;height: 16px;border-radius: 8px;padding: 3px;}

.autorIndex>div{margin-bottom: 20px;}
/* noticias */
#main .noticia{margin-bottom: 60px;}
#main .list .noticia .itemFoto{margin-bottom:20px;height: 0;position: relative;padding-top: 56.25%;overflow: hidden;}
#main .list .noticia .itemFoto img{position: absolute;top: 0;left: 0;}
#main .noticia .itemAnte{font-size:12px;margin:0 0 5px 0;}
#main .noticia .lead{margin-bottom:10px;font-weight: bold;line-height: 1.1;}
#main .noticia .itemSub{font-size: 12px;margin-bottom: 7px;}
#main .noticia .itemTools{position: static;} 

#aside .noticia {border-bottom:1px solid #eee;margin:20px 0 0 0;padding-bottom: 20px;}
#aside .noticia .itemAnte,#aside .noticia .itemSub{font-size:10px;margin-bottom: 0;}
#aside .noticia .lead,#aside .top .lead{margin-bottom:5px;font-size: 14px;font-weight: bold;}
#aside .noticia .itemFoto a{display:block;height: 0;position: relative;overflow: hidden;width: 100px;padding-top: 100%;}
#aside .noticia .itemFoto img{position: absolute;top: 0;left: 0;}
#aside .noticia .itemEntradilla{font-size: 13px;}
#aside .noticia .medio{text-align: right;font-style: italic;font-size: 10px;}

#aside .top .media-left p{border-radius: 50%;width: 40px;height: 40px;font-weight:bold;font-size: 18px;border:1px solid #231f20;padding: 6px;text-align: center;}


#noticiaMain .itemFoto img{margin-bottom: 10px;}
#noticiaMain .itemFotoPie,#noticia .itemFotoCopy{margin-bottom:0;font-size: 12px;}
#noticiaMain .itemFoto{margin-bottom: 20px;}
#noticiaMain .itemDatos{padding-top:20px;position: relative;}
#noticiaMain .itemAnte{margin-bottom: 0;}
#noticiaMain .lead{margin:0;font-size: 28px;}
#noticiaMain .itemEntradilla{font-size: 16px;}

#noticiaMain.noticia .itemTools{position: absolute;right: 0;top: 0;}  

#noticiaMain .boxTxt .listLibros .itemDatos{padding: 0;}
#noticiaMain .boxTxt .listLibros .lead{margin-bottom: 5px;font-size: 16px;}
#noticiaMain .boxTxt .listLibros .lead a{color:#231f20;font-weight:normal;}
#noticiaMain .boxTxt .listLibros .itemSub{font-size: 16px;}
#noticiaMain .boxTxt .listLibros .edad{line-height: 1.5;}
#noticiaMain .boxTxt .listLibros .itemTools{position:relative;top:9px;}

.compartir{display: inline-block;position: relative;}
#compartirCapa{z-index:1000;display:none;text-align:right;position: absolute;width:35px;right:0;top: 35px;}
#compartirCapa .social{margin:0 0 5px 0;display:block;font-size:22px;width:35px;height: 35px;border-radius:18px;padding:6px 7px}
 

#compartirCapa.open{-webkit-transform-style: preserve-3d;display:block;animation-duration:1s;animation-name:fadeInUp;}


/* zona padres */

.hero{}
.hero .itemFoto{width: 50%;float: right;min-height: 500px;overflow: hidden;}
.hero.itemFoto img{width: auto;height: 100%;}
.hero .itemDatos .boxTxt{width: 47%;}  
.hero{margin-bottom: 60px;}
.hero h1{font-size: 30px;font-weight: bold;}
.hero .boxTxt{padding-top:3%;font-size: 18px;}
/* contacto */ 


.form a{text-decoration: underline;}
.form .row{margin:0 -7px 0 -7px;}
.form .row>div{padding:0 7px;}

.form .boxTitulo{text-align: center;}
.form .form-control{-webkit-transition:all 0.8s ease-in-out 0s;
    -ms-transition:all 0.8s ease-in-out 0s;
    -moz-transition:all 0.8s ease-in-out 0s; 
    transition:all 0.8s ease-in-out 0s;background:#fff;
}
.form .input-group-addon{color:#231F20;background:#fff;border-radius: 0;}

.form .form-control:focus{box-shadow:none;border-color:#ccc;}

.form label+.radio{margin-top: 0;}
.form .acciones{margin-top: 30px;}
.form .acciones .btn{width: 100%;}

    .alert{border:0;border-radius:0;margin-top: 20px;}
    .alert-success{background:#9BA657;color:#fff;}
    .alert-danger{background:#D24858;color:#fff;}
    .alert-info{color:#231f20;}
.has-error .form-control{border-color:#D24858;}
.has-error .form-control-feedback{color:#D24858;}
.has-error .help-block{font-size:12px;color:#D24858;}
.has-error .help-block a{color:#D24858;}  

/* error 404 */ /* paginas de gracias */

#e404 .hero{margin-bottom: 0;font-family: "Poppins","Roboto",sans-serif;min-height: 70vh;position: relative;} 
#e404 .hero:after{display:block;content:"";width:50%;position: absolute;right: 0;top: 0;bottom: 0;background: url(../../../img/404.jpg) no-repeat;background-size: cover;} 
#e404 h1{font-family: "Poppins","Roboto",sans-serif;margin: 30px 0;} 


/* login */

.form .link{text-align: center;font-size: 12px;margin-top:30px;}
.form .link a{}

/* registro */
#paso1{margin-bottom: 60px;}
#paso1 .form-group{margin-bottom: 30px;}
#paso1 h1{text-align: center;margin-top: 30px;}
.paso1Form{max-width: 640px;margin:0 auto;float: none;}

#ui-datepicker-div{background: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);}
.ui-datepicker .ui-datepicker-prev::before, .ui-datepicker .ui-datepicker-next::before{font-family:"Glyphicons Halflings";content: "\e091";}
.ui-datepicker .ui-datepicker-next::before{content: "\e092";}
.ui-datepicker .ui-datepicker-next:hover,.ui-datepicker .ui-datepicker-prev:hover{text-decoration: none;}
.ui-datepicker .ui-datepicker-prev{top:2px !important;cursor: pointer;}
.ui-datepicker .ui-datepicker-next{top:2px !important;right: -10px !important;cursor: pointer;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title{margin:0 1em;}

.leyenda{margin-top: 10px;}



/** dashboard */
#dashboard{margin-bottom: 60px;}
.dashIntro{margin-top:60px;text-align:center;margin-bottom: 60px;}
.dashIntro h1{font-family: "Poppins","Roboto", sans-serif;}
.itemUsuario .lead{margin-bottom: 0;}
.itemUsuario .row{margin:0px -5px 40px -5px;}
.itemUsuario .row> div{padding:0 5px;}

.itemUsuario ul a{border-bottom: 1px solid #eee; display: block; font-size: 21px; font-weight: 300; padding: 12px 0 ; text-transform: uppercase;-ms-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}

.itemUsuario ul a:hover{color:#0085CA;text-decoration: none;}

.autorIndex .like{border:none;padding: 0;background-color: transparent;}


/* pie */ 
#pie a{color:#fff;}
#pie{background:#003594;padding:3% 0;color:#fff;}  
#pie p, #pie li{font-size: 10px;}
#pie .list > div{vertical-align: bottom;} 

#pieIzq .icon-logo-santillana-pie{vertical-align: bottom;margin-left: 5px;margin-bottom: 3px;}
#pieIzq p{margin-bottom: 0;font-family: "Poppins","Roboto",sans-serif;}
#pieCentro ul{padding:0;margin:0;font-size: 10px;}
#pieCentro{text-align: center;} 
#pieCentro >ul li{display: inline-block;list-style-type: none;margin-left: 10px;}
#pieCentro .btn{float: none;border-radius: 0;border:0;color:#fff;} 
#pieCentro .btn:hover,#pieCentro .open .btn{background:#0085CA;} 
#pieCentro .btn .caret{margin-left: 5px;} 
#pieCentro .dropdown-menu{border-radius: 0;}
#pieCentro .dropdown-menu li{font-size: 12px;}
#pieCentro .dropdown-menu a{color:#333;}
#pieCentro .selectPais{margin-bottom: 20px;}

#pieDer{text-align:right;}
#pieDer .box{margin-bottom: 20px;}
#pieDer .box+p{margin:0;}
#pieDer .social{padding:7px;  background: #fff none repeat scroll 0 0; border-radius: 15px; color: #231f20; font-size: 18px; height: 30px; width: 30px;}

 /* animaciones */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;

}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}


@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}

@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight{
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}




/* responsive */

@media (min-width: 1660px) {

    #dashboard{min-height: 550px;}
}

@media (max-width: 1200px){
    .topBar #letras .btn{padding: 5px;}
    #aside .boxTitulo{font-size: 15px;}
    .masonry{margin:0 -15px;}
    .masonry .item{padding:0 15px;}
    #ficha-tecnica .dl-horizontal{margin:0;}
    .libro .sello img{width: 80px;}
}

@media (min-width: 1200px) {
    #aside .libro .itemDatos{text-align: center;}
}

@media (min-width: 992px) {
    /*#main{padding-right: 65px;}*/
    #dashboard #main{padding-right: 15px;}
    .sellos img{margin-right: 100px;}
    #profesoresMenu{display: block !important;}
    #libroDestacado .itemDatos{position: static;}

    #ficha-tecnica{margin:0 -15px;overflow: hidden;}
    #ficha-tecnica .dl-horizontal{width: 50%;padding: 0 15px;float: left;}
}

@media (max-width: 991px) {

   #menu{width: 70%;} 
   #buscador{width: 30%;} 


   #cabecera .logos{margin-bottom: 30px;}
   
   .topBar #capaUsuario .row > div:last-child{padding-left: 0;}

   #libroDestacado .tags{position: static;margin:0;} 
   #libroDestacado .itemPortada{float: none;width: 100%;margin-bottom: 20px;}
   #libroDestacado .itemDatos{float: none;width: 100%;clear: both;}
   #libroDestacado .itemEntradilla{margin:20px 0;}
   #libroDestacado .sello{margin-bottom: 20px;}
   #libroDestacado .sello img{width: 112px;}

   #comentarioForm fieldset{padding: 0;}

   #pieDer{text-align: center;margin-top: 20px;} 
   #pieDer .banner img{margin:0 auto;}
   #pie .list > div{margin-top: 30px;}  
   
   #btnProfesores{border-bottom: 1px solid #000;font-size: 16px;}
   #btnProfesores p{display: inline-block;}

   #profesoresMenu li{width: auto !important;display:block !important;}
   #profesoresMenu.familiaMenu a{margin:0;}
   .especialesCategoria{margin-top: 30px;}

}

@media (min-width: 768px) and (max-width: 991px) { 
    .topBar #letras .btn{padding: 5px 1px;}

    #menu .cole-torre-de-papel-roja,#menu .cole-torre-de-papel-azul,#menu .cole-torre-de-papel-amarilla,#menu .cole-torre-de-papel-naranja,#menu .cole-zona-libre,#menu .cole-cara-y-cruz{padding-top: 75%;}

    #main{width: 70%;}
    #aside{width: 30%;}

    .hero .itemFoto img{-ms-transform:translateX(-15%);-webkit-transform:translateX(-15%);transform:translateX(-15%);}
    .familiaIntro img{margin:0 auto;}
    #aside .social{width: 30px;height: 30px;padding: 8px;}
    #aside .social:before{font-size: 15px;}

    .libro .itemSub,.libro .lead{font-size:  15px;}
}

@media (min-width: 768px) {
        #navegacion >.container{display: flex;}
        #menu{padding: 30px 0 15px;}
        #buscador{padding-left: 20px;display: block !important;height: auto !important;}
        #topMenu >li{padding: 0 15px;}
        #topMenu li:last-child{padding-right: 0;}
        .filtrosToggle{display: none;}
        #filtros{display: block !important;visibility: visible !important;}
        #main .homeNoticias .list>div:nth-child(2) .noticia{padding-top: 0px;border-top:none;}
        #otrasColecciones{position: absolute;left: 0;top:33px;right: -20px;background:#fff;padding: 0 15px;}

        #es_CO #menu li,#es_AR #menu li{width: 16.666%;}

        .libro .coleccion .cole-buenas-noches{margin-top: 10px;}
        #main{min-height: 45vh;}
        #main .nav-tabs > li:first-child{border-left:2px solid #eee;} 
        #main .nav-tabs > li:last-child{border-right:2px solid #eee;} 
        #libro,#autor{margin-top:  30px;}
        #noticia{margin-top: 15px;}

        #login{min-height: 70vh;position: relative;}
        #login:after{    display:block;content:"";width:50%;position: absolute;right: 0;top: 0;bottom: 0;background: url(../../../img/404.jpg) no-repeat;background-size: cover;}
        #login .loginTxt{width: 47%;padding-top: 5%;}
        #login .form{max-width: 360px;margin: 0 auto}
}

@media (max-width: 767px) {
#cabecera{padding-top: 64px;}
#usuarioBtns{background:#888;overflow: hidden;margin-bottom: 20px;display: block;} 
#usuarioBtns .btn{width: 50%;float: left;text-align: center;}
#usuarioBtns .active{background:#fff;color: #231F20;}
#capaUsuario .row >div{display: none;}
#capaUsuario .row >div.active{display: block;}
.topBar #capaUsuario .row > div:last-child{padding-left: 15px;}
.topBar .icon-text{    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;} 
#btnBuscar{padding: 5px 15px 0;font-size: 22px;color: #fff;}
#btnBuscar:focus{color:#fff;outline: none;}

#topMenuBtn,#topMenuBtn:focus{background: none;border: none;outline: none;box-shadow: none;padding-right: 0;}
    .burger-icon {position: relative;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  }
    .burger-icon, .burger-icon::before, .burger-icon::after {display: block; width: 28px; height: 3px; background-color: #fff; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s;border-radius: 2px; }
    .burger-icon::before, .burger-icon::after {position: absolute; content: ""; }
    .burger-icon::before {top: -9px; }
    .burger-icon::after {top: 9px; }
    #topMenuBtn.active .burger-icon {background-color: transparent; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; }
    #topMenuBtn.active .burger-icon::before {-webkit-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); }
    #topMenuBtn.active .burger-icon::after {-webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }

.topBar .icon-logo{width:91px;height: 40px;background-size: contain;}
.topBar .topUser{display: inline-block;margin:8px 0px 0 0;}
#topMenu.in{right: 0;}
#topMenu{box-shadow:-5px 0 5px -5px rgba(0, 0, 0, 0.4);-ms-transition:right 0.3s ease 0s;-webkit-transition:right 0.3s ease 0s;transition:right 0.3s ease 0s;right:-75%;z-index:3000;background: #0085CA;  
    background: -webkit-linear-gradient(to left, #003594, #0085CA);  
    background: linear-gradient(to left, #003594, #0085CA);width:75%;position: fixed;top: 64px;bottom: 0;overflow-y:auto; }
#topMenu .btn-group{display: block;}
#topMenu .btn-group a{float: none;text-align: left;}
#topMenu li{padding:0;display: block;float: none;}
#topMenu > li,#topMenu #capaAutores .listAutores li{display: block;float: none;border-bottom: 1px solid rgba(255,255,255,.3);}
#topMenu >li>a,#topMenu .btn-group>a,#topMenu #capaAutores .listAutores a,#topMenu #capaAutores .listAutores span{display: block;padding:12px;}
#topMenu >li>a:hover,#topMenu .btn-group>a:hover{text-decoration: none;}
#topMenu .icon-casa{text-indent: 0;background:none;overflow: visible;width: auto;height: auto;}

#topMenu #capaAutores{background:#d5d5d5;float:none;margin:0;position: static;box-shadow: none;} 
#topMenu #capaAutores #letras{overflow: hidden;} 
#topMenu #capaAutores #letras li{float:left;width: 25%;padding:0;} 
#topMenu #capaAutores #letras a{padding:5px;display: block;text-align: center;}  
#topMenu #capaAutores .listAutores{clear: both;padding: 0;}  
#topMenu #capaAutores .listAutores li{margin-bottom: 0;width: 100%;}  
#topMenu #capaAutores .listAutores li a,#topMenu #capaAutores .listAutores li span{color:#231F20;}  
#topMenu .dropdown-backdrop{display: none;}
#overlay{background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; bottom: 0; cursor: pointer; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 99;}

.breadcrumb{display: none;}


#navegacion >.container{padding: 0;}

#buscador{width: 100%;position: fixed;top: 64px;left:0;z-index: 1100;}

#menu{width: 100%;}
#menu .dropdown{margin-top:0;}
#menu >.btn{display: block;padding: 6px 12px;}
#menu >.btn:after{right: 15px;top: 6px;bottom: auto;}
#menu >.btn.open:after{transform: rotate(180deg);}
#menu .menuCole{display: none;padding:15px 15px 0 15px;}
#menu .menuCole.in{display: block;}
#menu .menuCole li{margin-bottom: 15px;}

#otrasColecciones{padding:0;position: static;display: block;float: none;background: none;box-shadow: none;}
#otrasColecciones ul{padding: 0;}

.masonry .item{width: 100%;} 
#main .list .libro .itemFoto,#main .masonry .libro .itemFoto{width: 30%;float: left;margin-right: 3%;}
#main .list .libro .itemDatos,#main .masonry .libro .itemDatos{display: block;overflow: auto;}
#main .list .libro .itemDatos .itemTools,#main .masonry .libro .itemDatos .itemTools{top: 0;}
#main .list .libro{overflow: hidden;}

.dl-horizontal dt{float: left;}
.dl-horizontal dd{text-align: left;}

.list>div{display: block;}

#main .box{margin-bottom: 30px;}


#pieIzq{text-align: center;}

.boxTituloGr{font-size: 24px;margin-bottom: 30px;}
h1.boxTituloGr{margin-top: 0;}
#comentarioForm fieldset{padding: 0;}

.autor .itemPortada{margin-bottom: 40px;} 

.hero .itemFoto{float: none;width: 100%;min-height: 0;}
.hero .itemFoto img{max-width: 100%;display: block;}
.hero .itemDatos .boxTxt{width: 100%;text-align: center;}

#e404 .hero:after{position: static;height: 55vh;width: 100%;margin-top: 30px;}

.itemUsuario{margin: 20px 0;}
.itemUsuario .itemFoto{margin-bottom: 5px;}
.itemUsuario .row{margin-bottom: 20px;}

.tusFiltros{margin:30px 0;}

#login{margin-top: 30px;min-height: 60vh;}


}


@media (min-width: 481px) {


}

@media (max-width: 480px) {




#menu ul li{width: 33.333%;font-size: 12px;padding: 0 5px;}
#menu ul li.edad-fuera{width: 30%;}

.tags li{width: auto;height: auto;}
.tags li a{padding:0 5px;}
.tags li a:hover{position: static;}
#comentarioFormExtra span{display: block;margin:20px 0 5px  0;}

.filtrosToggle.collapsed {margin-bottom: 30px;}
#filtros>p{display: none;}
#filtros .filtro p, #filtros .filtro .checkbox{padding:12px;}


}

