html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,button,cite,code,del,dfn,em,img,input,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    outline:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after{
    content:"";
    content:none
}
q:before,q:after{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
button,input[type="submit"]{
    -moz-appearance:none;
    -webkit-appearance:none;
    background:transparent;
    border:0;
    cursor:pointer
}
input[type="checkbox"]{
    -moz-appearance:auto;
    -webkit-appearance:auto;
    background:transparent;
    border:0;
    cursor:pointer
}
input{
    -moz-appearance:none;
    -webkit-appearance:none;
    background:transparent;
    border:0;
    border-radius:0
}
.content{
    padding:12px 24px
}
.post p{
    font-size:16px;
    line-height:1.35em;
    margin-bottom:24px
}
@media (min-width: 500px){
    .post p{
        margin:0 24px 24px
    }
}
.post a{
    text-decoration:underline
}
.post img{
    margin-top:12px
}
.post ul,.post ol{
    line-height:1.35em;
    padding-left:48px
}
.post ol li{
    list-style:decimal
}
.post ul li{
    list-style:disc
}
.post li{
    margin-bottom:12px
}
@media (min-width: 500px){
    .post section{
        margin:0 24px
    }
}
.post section p{
    font-size:16px;
    margin-left:0
}
.post_ref img{
    margin-top:12px
}
.post_ref ul,.post_ref ol{
    line-height:1.35em;
    padding-left:0px
}
.post_ref ol li{
    list-style:decimal
}
.post_ref ul li{
    list-style:disc
}
.post_ref li{
    margin-bottom:12px
}
@media (min-width: 500px){
    .post_ref section{
        margin:0 24px
    }
}
.post_ref section p{
    font-size:16px;
    margin-left:0
}
.article-header{
    border-bottom:1px solid #1A323E;
    margin:24px 0
}
.article-header h1{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    border-bottom:3px solid #1A323E;
    color:#1A323E;
    display:inline-block;
    font-size:24px;
    padding-bottom:6px
}
.secondary-title,.post h2{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#1A323E;
    font-size:20px;
    margin-bottom:12px
}
.book-card__aside{
    padding:24px 12px 0
}
.book-card__cover{
    border:1px solid #e6e6e6;
    max-width:100%
}
.book-card__actions{
    padding-left:24px
}
@media (min-width: 1024px){
    .book-card__actions{
        padding-left:0
    }
}
.stars{
    margin-top:12px;
    text-align:center
}
.stars [id^="stars_"]{
    left:auto;
    margin:0 auto
}
.rating-text{
    font-size:14px;
    margin:6px 0
}
.social-share__title{
    margin:18px 0 12px;
    text-align:center
}
.addthis_sharing_toolbox{
    margin:0 auto;
    width:144px
}
.book-card__meta{
    margin-bottom:24px
}
.book-card__meta table{
    width:100%
}
.book-card__meta td{
    height:24px
}
@media (min-width: 1024px){
    .book-card__meta td{
        font-size:14px
    }
}
.book-card__meta td:first-child{
    padding-right:12px
}
.book-card__author{
    height:36px
}
.book-card__author td{
    font-size:18px
}
@media (min-width: 500px){
    .book-card__section{
        margin:0 !important
    }
}
.book-card__section h2{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#1A323E;
    font-size:20px;
    margin-bottom:12px
}
.book-card__trailer{
    height:0;
    margin-bottom:24px;
    padding-bottom:56.25%;
    padding-top:25px;
    position:relative
}
@media (min-width: 1024px){
    .book-card__trailer{
        height:314px;
        padding:0;
        width:560px
    }
    .book-card__trailer iframe{
        position:static !important;
        width:inherit !important;
        height:inherit !important;
        top:auto !important;
        left:auto !important
    }
}
.book-card__trailer iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.bookshelf:before,.bookshelf:after{
    content:"";
    display:table;
    clear:both
}
@media (min-width: 1024px){
    .book-wrapper{
        border-bottom:4px solid #e6e6e6;
        height:240px;
        margin-bottom:48px;
        padding-bottom:6px
    }
}
.book{
    border:1px solid #e6e6e6;
    display:block;
    margin-bottom:24px
}
@media (min-width: 500px){
    .book{
        margin:12px
    }
}
@media (min-width: 1024px){
    .book{
        -webkit-transition:all 0.3s ease;
        -ms-transition:all 0.3s ease;
        -moz-transition:all 0.3s ease;
        -o-transition:all 0.3s ease;
        transition:all 0.3s ease;
        margin:0 auto;
        width:115px
    }
    .book:hover{
        box-shadow:0px 0px 7px #d9d9d9
    }
}
/*
.book__cover{
    border-right:1px solid #e6e6e6;
    float:left;
    height:140px;
    width:100px
}
*/
@media (min-width: 1024px){
    .book__cover{
        border:0;
        border-bottom:1px solid #e6e6e6;
        height:160px;
        float:none;
        width:100%;
        max-height:none;
        max-width:none
    }
}
.book__description{
    margin-left:100px;
    padding:12px;
    position:relative
}
@media (min-width: 1024px){
    .book__description{
        margin:0;
        padding:12px 3px
    }
}
.book__description:after{
    background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);
    background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #fff));
    background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);
    background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);
    background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);
    background:linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    content:"";
    position:absolute;
    width:36px;
    bottom:0;
    right:0;
    top:0
}
.book__title{
    font-size:18px;
    margin-bottom:6px
}
@media (min-width: 1024px){
    .book__title{
        font-size:16px;
        overflow:hidden;
        text-overflow:clip;
        white-space:nowrap
    }
}
.book__author{
    color:#737373
}
@media (min-width: 1024px){
    .book__author{
        font-size:12px;
        font-weight:400;
        overflow:hidden;
        text-overflow:clip;
        white-space:nowrap
    }
}
.borrowed-books{
    padding:0
}
.borrowed-book{
    border:1px solid #e6e6e6;
    margin-bottom:24px;
    padding:0
}
@media (min-width: 500px){
    .borrowed-book{
        border-width:0 0 4px 0;
        margin-bottom:48px;
        padding-bottom:6px
    }
}
.borrowed-book .borrow-actions li{
    margin-bottom:0
}
.borrowed-book__description{
    padding:12px
}
.borrowed-book__title{
    font-size:18px;
    margin-bottom:12px
} 

.borrowed-book__author{
    margin-bottom:24px
}
.borrowed-book__date-return{
    margin-top:12px
}
.borrowed-book__date-return span{
    color:#bf282d
}
.borrow-actions li{
    list-style:none !important;
    margin-bottom:12px
}
.borrow-actions .button{
    display:block;
    padding:18px;
    text-decoration:none
}


@media (min-width: 500px){
    .borrow-actions .button.button--online{
        padding:0 0 18px
    }
     .borrow-actions .button.button--daisy{
        padding:0 0 18px
    }
     .borrow-actions .button.button--audio{
        padding:0 0 18px
    }
    .borrow-actions .button.button--extra{
         padding:0 0 18px
    }
    .borrow-actions .button.button--epub-zero{
        padding:0 0 18px
    } 
    .borrow-actions .button.button--epub{
        padding:0 0 18px
    }
}
@media (min-width: 1024px){
    .borrow-actions .button.button--online{
        padding-bottom:12px
    }
     .borrow-actions .button.button--daisy{
        padding-bottom:12px
    }
     .borrow-actions .button.button--audio{
        padding-bottom:12px
    }
    .borrow-actions .button.button--extra{
        padding-bottom:12px
    }
    .borrow-actions .button.button--epub-zero{
        padding-bottom:12px
    } 
    .borrow-actions .button.button--epub{
        padding-bottom:12px
    }
}
.borrow-actions .button.button--extra:before{
    font-family: 'Material Design Icons';
}
.borrow-actions .button.button--prorroga:before{
    font-family: 'Material Design Icons';
    content: '\F150';
}
.borrow-actions .button.button--devolver:before{
    font-family: 'Material Design Icons';
    content: '\F157';
}
.borrow-actions .button.button--epub-zero:before{
    content:"\e619"
}
.borrow-actions .button.button--epub:before{
    content:"\e612"
}
.borrow-actions .button.button--online:before{
    content:"\e613"
}
.borrow-actions .button.button--daisy:before{
    content:"\e902"
}
.borrow-actions .button.button--audio:before{
    content:"\e903"
}
.borrow-actions .button:before{
    margin-right:12px
}
@media (min-width: 500px){
    .borrow-actions .button:before{
        background:#fff;
        border-bottom:1px solid #1A323E;
        color:#1A323E;
        display:block;
        font-size:56px;
        margin:0 0 18px;
        padding:12px 0;
        text-align:center
    }
}
@media (min-width: 500px){
    .borrow-actions .button:before{
        margin-bottom:12px
    }
}
.borrow-hint{
    color:#bf282d;
    margin:12px 0 0 !important;
    text-align:center
}
.borrow-hint span{
    display:block;
    margin-top:6px
}
.borrow-history{
    width:100%
}
.borrow-history thead{
    background:#1A323E;
    color:#fff
}
.borrow-history tr{
    border-bottom:1px solid #e6e6e6
}
.borrow-history th{
    font-size:16px
}
.borrow-history th,.borrow-history td{
    padding:6px 9px;
    text-align:left
}
.borrow-history td{
    font-size:14px
}
.breadcrumb{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#737373;
    font-size:12px;
    font-weight:400
}
.breadcrumb li{
    float:left
}
.breadcrumb li:after{
    content:">";
    display:inline;
    margin-right:5px
}
.breadcrumb li:last-child:after{
    content:""
}
.breadcrumb a{
    margin-right:5px;
    text-decoration:underline
}
@media (min-width: 1024px){
    .breadcrumb a:hover{
        color:#404040
    }
}
.button{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-transition:background-color 0.3s ease;
    -ms-transition:background-color 0.3s ease;
    -moz-transition:background-color 0.3s ease;
    -o-transition:background-color 0.3s ease;
    transition:background-color 0.3s ease;
    background:#1A323E !important;
    border:1px solid #1A323E !important;
    color:#fff;
    display:inline-block;
    font-size:18px;
    font-weight:400;
    padding:9px 12px;
    text-align:center;
    text-decoration:none !important
}
@media (min-width: 1024px){
    .button:hover{
        background:#1A323E !important
    }
}
.button--ghost{
    background:transparent !important;
    color:#1A323E
}
@media (min-width: 1024px){
    .button--ghost:hover{
        background:#1A323E !important;
        color:#fff
    }
}
.button--ghost.disabled:hover{
    background:#fff !important;
    color:#1A323E
}
@media (min-width: 1024px){
    .button--center{
        display:block;
        margin:0 auto;
        width:auto
    }
}
.ePub-docs{
    margin:0 auto;
    padding:0 !important;
    width:90%
}
.ePub-docs li{
    border:1px solid #1A323E;
    list-style:none !important
}
.ePub-docs li:before{
    background:#fff;
    color:#1A323E;
    display:block;
    font-size:32px;
    padding:24px 0;
    text-align:center
}
.ePub-docs li.mac:before{
    content:"\e611"
}
.ePub-docs li.ios:before{
    content:"\e610"
}
.ePub-docs li.android:before{
    content:"\e60e"
}
.ePub-docs li.ereader:before{
    content:"\e60f"
}
.ePub-docs .button{
    border-width:1px 0 0 !important;
    display:block;
    text-decoration:none
}
.faq section{
    border:1px solid #e6e6e6;
    margin-bottom:24px
}
@media (min-width: 500px){
    .faq section{
        margin-left:84px
    }
}
.faq section p{
    padding:0 6px 0 36px
}
@media (min-width: 500px){
    .faq section p{
        padding:0 12px 12px;
        margin:0
    }
}
.faq h2{
    background:#f2f2f2;
    color:#404040;
    padding:6px 6px 6px 36px;
    position:relative
}
@media (min-width: 500px){
    .faq h2{
        padding:12px
    }
}
.faq h2:before{
    color:#8c8c8c;
    content:"\e615";
    display:inline-block;
    left:6px;
    position:absolute
}
@media (min-width: 500px){
    .faq h2:before{
        color:#d9d9d9;
        font-size:60px;
        left:-72px;
        top:0
    }
}
@media (min-width: 1024px){
    .search-filters{
        padding:48px 48px 24px 0
    }
}
@media (min-width: 1024px){
    .filter{
        margin-bottom:24px
    }
}
.filter__toggle{
    border-bottom:1px solid #e6e6e6;
    color:#1A323E;
    font-weight:400;
    padding:12px;
    position:relative;
    width:100%
}
.filter__toggle:after{
    content:"\e601";
    position:absolute;
    right:12px;
    top:16px
}
.filter__title{
    color:#1A323E;
    font-weight:400;
    margin-bottom:12px
}
.filter__list{
    border-bottom:1px solid #e6e6e6;
    display:none
}
@media (min-width: 1024px){
    .filter__list{
        border:0;
        display:block;
        font-size:13px
    }
}
.filter__list.filter_index{
    display:block;
    padding:0
}
.filter__list li{
    list-style:none !important
}
.filter__list a{
    display:block;
    padding:12px 12px 12px 27px;
    position:relative;
    text-decoration:none
}
@media (min-width: 1024px){
    .filter__list a{
        margin-bottom:5px;
        padding:0 0 0 15px
    }
    .filter__list a:hover{
        color:#1A323E
    }
    .filter__list a:hover:before{
        color:#1A323E
    }
    .filter__list a.filter--active:hover{
        color:#d9d9d9
    }
    .filter__list a.filter--active:hover:before{
        color:#d9d9d9
    }
    .filter__list a.filter--active:hover:after{
        color:#e06d70
    }
}
.filter__list a:before{
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#d9d9d9;
    content:"\e609";
    font-size:10px;
    left:12px;
    position:absolute;
    top:16px
}
@media (min-width: 1024px){
    .filter__list a:before{
        left:0;
        top:2px
    }
}
.filter__list a.filter--active{
    padding-right:48px
}
@media (min-width: 1024px){
    .filter__list a.filter--active{
        padding-right:24px
    }
}
.filter__list a.filter--active:before{
    color:#1A323E;
    content:"\e60a"
}
.filter__list a.filter--active:after{
    color:#e9979a;
    content:"\e60c";
    position:absolute;
    right:12px;
    top:13px
}
@media (min-width: 1024px){
    .filter__list a.filter--active:after{
        right:0;
        top:1px
    }
}
.filter__list a.filter__more{
    font-weight:400
}
.filter__list a.filter__more:before{
    display:none
}
@media (min-width: 1024px){
    .filter__list a.filter__more{
        margin-top:12px
    }
    .filter__list a.filter__more:hover{
        color:#1A323E
    }
}
.alphabet{
    list-style-type:none;
    margin:0 0 90px 0 !important;
    padding:0;
    cursor:pointer;
    width:100%;
    text-align:center;
}
.alphabet li{
    float:left;
    margin:0;
    padding:2px 0;
    border-right:1px solid #e6e6e6;
    font-size:1em;
    -moz-box-sizing:border-box;
    color:black;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:3.70%;
    min-width:20px;
    max-width:26px
}
.alphabet li:last-child{
    border-right:none;
    width:60px;
    max-width:60px
}
.alphabet li:hover,.alphabet li.on {
    color:#FFF !important;
    background-color:#1A323E
}
.hide-text{
    font-size:0px
}
.hide-soft{
    display:none
}
@media (max-width: 499px){
    .hide-mobile{
        display:none !important;
        height:0;
        overflow:hidden;
        width:0
    }
}
@media (max-width: 1023px){
    .hide-touch{
        display:none !important;
        height:0;
        overflow:hidden;
        width:0
    }
}
@media (min-width: 1024px){
    .hide-desk{
        display:none !important;
        height:0;
        overflow:hidden;
        width:0
    }
}
.main-footer{
    background:#f2f2f2;
    padding-top:24px
}
.footer-nav{
    padding:0 12px
}
@media (min-width: 500px){
    .footer-nav{
        padding:0;
        padding-left:12px
    }
}
@media (min-width: 1024px){
    .footer-nav__section{
        text-align:left
    }
}
.footer-nav__section h2{
    color:#1A323E;
    font-weight:400;
    margin-bottom:12px
}
.footer-nav__section ul{
    margin-bottom:24px
}
.footer-nav__section ul a{
    display:block;
    font-size:14px;
    padding:12px
}
@media (min-width: 500px){
    .footer-nav__section ul a{
        padding:12px 0
    }
}
@media (min-width: 1024px){
    .footer-nav__section ul a{
        color:#737373;
        padding:6px 0
    }
    .footer-nav__section ul a:hover{
        color:#404040
    }
}
.social-buttons{
    font-size:36px;
    margin:24px 0;
    text-align:center
}
@media (min-width: 500px){
    .social-buttons{
        padding-right:12px;
        margin:0
    }
}
@media (min-width: 1024px){
    .social-buttons{
        text-align:right
    }
}
@media (min-width: 500px){
    .social-buttons li{
        float:none
    }
}
@media (min-width: 1024px){
    .social-buttons li{
        float:left
    }
}
.button--facebook{
    color:#3b5998
}
.button--pinterest{
    color:#bd081c
}
.button--twitter{
    color:#55acee
}
.button--google-plus{
    color:#dd4b39
}
.button--youtube{
    color:#cd201f
}
.legal{
    background:#1A323E;
    color:#fff;
    text-align:center;
    padding:12px 0px
}
@media (min-width: 500px){
    .legal{
        font-size:14px;
        padding:12px;
        text-align:left
    }
}
@media (min-width: 1024px){
    .legal{
        padding:12px 0
    }
}
.legal a{
    display:block;
    margin-bottom:12px;
    padding:12px
}
@media (min-width: 500px){
    .legal a{
        display:inline;
        padding:0
    }
}
@media (min-width: 500px){
    .copy{
        text-align:right
    }
}
.claim{
    background:url(../img/claim.png) 0 center no-repeat;
    background-size:534px 64px;
    height:64px;
    margin:24px auto;
    width:267px
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
    .claim{
        background-image:url(../img/claim2x.png)
    }
}
.claim.es{
    background-position:-267px center
}
.scroll-top{
    -webkit-opacity:0.2;
    -ms-opacity:0.2;
    -moz-opacity:0.2;
    -o-opacity:0.2;
    opacity:0.2;
    bottom:24px;
    right:24px;
    color:#404040;
    display:none;
    font-size:48px;
    position:fixed
}
@media (min-width: 1024px){
    .scroll-top{
        -webkit-transition:all 0.3s ease;
        -ms-transition:all 0.3s ease;
        -moz-transition:all 0.3s ease;
        -o-transition:all 0.3s ease;
        transition:all 0.3s ease;
        font-size:42px
    }
    .scroll-top:hover{
        -webkit-opacity:0.5;
        -ms-opacity:0.5;
        -moz-opacity:0.5;
        -o-opacity:0.5;
        opacity:0.5
    }
}
@media (min-width: 500px){
    form .input-wrapper--inline label{
        background:#f2f2f2;
        border:solid #e6e6e6;
        border-width:1px 0 1px 1px;
        box-sizing:border-box;
        height:36px;
        padding:8px
    }
}
form label,form input{
    display:block;
    width:100%
}
form label{
    margin-bottom:12px
}
form input[type="text"],form input[type="password"],form input[type="email"]{
    border:1px solid #e6e6e6;
    box-sizing:border-box;
    height:36px;
    margin-bottom:24px;
    padding-left:6px
}
.container{
    margin:0 auto
}
@media (min-width: 1024px){
    .container{
        max-width:960px
    }
}
@media (min-width: 1200px){
    .container{
        max-width:1200px
    }
}
.row,.book,.container,[class^="col"],[class*=" col"]{
    box-sizing:border-box;
}
.row:before,.book:before,.container:before,[class*=" col"]:before,.row:after,.book:after,.container:after,[class^="col"]:after,[class*=" col"]:after{
    content:"";
    display:table;
    clear:both
}
[class^="col"]:before{
    display:table;
    clear:both
}


.logo__wrapper{
    padding:6px 12px 5px
}
.logo a{
    background:url(../img/logo.png) 0 0 no-repeat;
    background-size:100%;
    display:block;
    height:49px;
    width:188px;
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
    .logo a{
        background: url(../images/logo-mobile2x.png);
        /* height: 45px; */
        background-size: cover;
        background-repeat: no-repeat;
        /* width: 148px; */
    }
}
@media (min-width: 1024px){
    .logo a{
        background-image:url(../images/logo.png);
        height:100px;
        width:92px
    }
}
@media (min-width: 1024px) and (min-resolution: 1.5dppx), (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 1024px) and (min-resolution: 144dpi){
    .logo a{
        background-image:url(../images/logo.png)
    }
}
@media (min-width: 1024px){
    .main-header__aside{
        position:relative;
        text-align:right
    }
}
.euskadi-eus{
    right:0;
    top:6px;
    background:url(http://www.euskadi.eus/AVComun/images/r01-euskadieus_logo.gif) 0 0 no-repeat;
    display:inline-block;
    height:35px;
    position:absolute;
    width:154px
}

@media (min-width: 1024px){
    .my-eLiburutegia{
        display:block;
        margin-top:67px;
        padding:0
    }
}
.my-eLiburutegia.logged-in{
    padding:50px 0 12px
}
@media (min-width: 1024px){
    .my-eLiburutegia.logged-in{
        padding:0
    }
}
.my-eLiburutegia.logged-in .user__links{
    border-top:1px solid #e6e6e6;
    margin-top:12px
}
@media (min-width: 1024px){
    .my-eLiburutegia.logged-in .user__links{
        border:0;
        margin-top:6px
    }
}
.my-eLiburutegia.logged-in .user__links a{
    display:block;
    padding:12px
}
@media (min-width: 1024px){
    .my-eLiburutegia.logged-in .user__links a{
        display:inline;
        padding:0
    }
}
.my-eLiburutegia .button{
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    display:block
}
@media (min-width: 1024px){
    .my-eLiburutegia .button{
        display:inline;
        font-size:16px;
        padding:5px 10px
    }
}
.user__name{
    font-size:18px
}
@media (min-width: 1024px){
    .user__links{
        float:right;
        margin-top:6px
    }
}
@media (min-width: 1024px){
    .user__links li{
        border-right:1px solid #e6e6e6;
        float:left;
        font-size:14px;
        padding:0 6px
    }
}
@media (min-width: 1024px){
    .user__links li:hover{
        color:#1A323E
    }
}
@media (min-width: 1024px){
    .user__links li.logout{
        border:0;
        color:#bf282d;
        padding-right:0
    }
}
.menu-toggle__box,.search-toggle__box{
    /* right:0; 
    top:0;
    position:absolute*/
}
@media (min-width: 1024px){
    .menu-toggle__box,.search-toggle__box{
        display:none
    }
}
.menu-toggle__box.active,.active.search-toggle__box{
    background:#1A323E
}
.menu-toggle,.search-toggle{
    color:#fff;
    font-size:28px;
    height:60px;
    width:60px
}
.action-bar{
    display:none
}
@media (min-width: 1024px){
    .action-bar{
        background:#1A323E;
        display:block
    }
}
.action-bar .search-toggle__box{
    float:right;
    position:static;
    width:36px
}
.language-selector{
    background:#fff;
    box-sizing:border-box;
    color:#1A323E;
    height:62px;
    padding:12px;
    margin-top:-62px
}
@media (min-width: 1024px){
    .language-selector{
        background:none;
        border:0;
        color:#fff;
        height:auto;
        padding:0;
        margin:0
    }
}
.language-selector.logged-in{
    margin-top:-195px
}
@media (min-width: 1024px){
    .language-selector.logged-in{
        margin-top:0
    }
}
.language-selector ul{
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius: 2px;
    border: 0px solid #1A323E;
}
@media (min-width: 1024px){
    .language-selector ul{
        border:0
    }
}
.language-selector li.active{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:#1A323E;
    color:#fff;
    font-weight:700;
    padding:9px 0 11px
}
@media (min-width: 1024px){
    .language-selector li.active{
        background:#1A323E
    }
}
.language-selector li a{
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    display:block;
    padding:9px 0 11px
}
@media (min-width: 1024px){
    .language-selector li a:hover{
        background:#1A323E
    }
}
.main-nav{
    background:#f2f2f2;
    border-top:1px solid #e6e6e6
}
@media (min-width: 1024px){
    .main-nav{
        background:transparent;
        border:0
    }
}
.main-nav li{
    position:relative
}
@media (min-width: 1024px){
    .main-nav__wrapper:hover .main-nav__toggle{
        background:#1A5E8A
    }
	
	.main-nav__wrapper:hover .main-nav__efilms{
        background: #1A5E8A
    }
}
.main-nav__toggle{
    border-bottom:1px solid #e6e6e6;
    font-size:18px;
    padding:12px;
    width:100%
}

.main-nav__efilms{
    border-bottom:1px solid #e6e6e6;
    font-size:18px;
    padding:12px;
    width:100%
}

@media (min-width: 1024px){
    .main-nav__toggle{
        border:0;
        color:#fff;
        height:36px;
        padding:0 12px
    }
    .main-nav__toggle:hover{
        background:#1A323E
    }
	.main-nav__efilms{
        border:0;
        color:#fff;
        height:36px;
        padding:0 12px
    }
    .main-nav__efilms:hover{
        background:#1A323E
    }
}
.main-nav__toggle:after{
    content:"\e601";
    font-family:'eliburutegia';
    position:absolute;
    right:12px;
    top:12px
}
.main-nav__section{
    background:#fff;
    border-bottom:1px solid #e6e6e6;
    display:none
}
@media (min-width: 1024px){
    .main-nav__section{
        background:#f2f2f2;
        border:1px solid #e6e6e6;
        position:absolute;
        width:100%;
        z-index:9999
    }
}
.main-nav__section a{
    display:block;
    padding:11px 12px 12px 24px
}
@media (min-width: 1024px){
    .main-nav__section a:hover{
        background:#737373;
        color:#fff
    }
}
.search-toggle__box{
    right:60px
}
@media (min-width: 1024px){
    .search-toggle__box{
        display:block
    }
}
@media (min-width: 1024px){
    .search-toggle{
        font-size:20px;
        height:36px;
        width:36px
    }
}
.search-form{
    display:none;
    position:absolute;
    z-index:9999
}
.search-form__group{
    background:#f2f2f2;
    border:1px solid #e6e6e6;
    padding:12px
}
.search-form__group input{
    height:43px
}
.search-form__group input[type="search"]{
    background:#fff;
    border:1px solid #e6e6e6;
    padding:0 12px
}
.home .search-toggle{
    display:none
}
.home .content{
    padding:0
}
.home .article-header h1{
    font-size:30px
}
@media (min-width: 500px){
    .home .article-header h1{
        font-size:32px
    }
}
@media (min-width: 500px){
    .search-form--home{
        margin:0 24px
    }
}
@media (min-width: 500px){
    .search-form--home .search-form__group{
        padding:24px 48px
    }
}
.home__featured{
    padding:12px 24px
}
@font-face{
    font-family:'eliburutegia';
    src:url("../fonts/eliburutegia.eot?j4mm13");
    src:url("../fonts/eliburutegia.eot?#iefixj4mm13") format("embedded-opentype"),url("../fonts/eliburutegia.ttf?j4mm13") format("truetype"),url("../fonts/eliburutegia.woff?j4mm13") format("woff"),url("../fonts/eliburutegia.svg?j4mm13#eliburutegia") format("svg");
    font-weight:normal;
    font-style:normal
}
[class^="icon-"],[class*=" icon-"],.icon,.borrow-actions .button:before,.ePub-docs li:before,.faq h2:before,.filter__toggle:after,.filter__list a:before,.filter__list a.filter--active:after,.categories-nav .categories-nav__toggle:after{
    font-family:'eliburutegia';
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-catalogue:before{
    content:"\e600"
}
.icon-dropdown:before{
    content:"\e601"
}
.icon-help:before{
    content:"\e602"
}
.icon-logo:before{
    content:"\e603"
}
.icon-search:before{
    content:"\e604"
}
.icon-menu:before{
    content:"\e605"
}
.icon-facebook:before{
    content:"\e606"
}
.icon-google-plus:before{
    content:"\e607"
}
.icon-pinterest:before{
    content:"\e608"
}
.icon-radio-off:before{
    content:"\e609"
}
.icon-radio-on:before{
    content:"\e60a"
}
.icon-twitter:before{
    content:"\e60b"
}
.icon-cross:before{
    content:"\e60c"
}
.icon-plus:before{
    content:"\e60d"
}
.icon-android:before{
    content:"\e60e"
}
.icon-ereader:before{
    content:"\e60f"
}
.icon-ios:before{
    content:"\e610"
}
.icon-mac:before{
    content:"\e611"
}
.icon-epub:before{
    content:"\e612"
}
.icon-online:before{
    content:"\e613"
}
.icon-youtube:before{
    content:"\e614"
}
.icon-faq:before{
    content:"\e615"
}
.icon-up:before{
    content:"\e616"
}
.icon-info:before{
    content:"\e617"
}
.icon-menu-close:before{
    content:"\e618"
}
.icon-ereader-zero:before{
    content:"\e619"
}
.icon-add:before{
    content:"\e900"
}
.icon-erase:before{
    content:"\e901"
}
.icon-daisy:before{
    content:"\e902"
}
.icon-audio:before{
    content:"\e903"
}
.login-wrapper{
    border:1px solid #1A323E;
    margin:48px 12px;
    padding:0 24px 24px
}
@media (min-width: 500px){
    .login-wrapper{
        margin-left:16.66667%
    }
}
@media (min-width: 1024px){
    .login-wrapper{
        margin-left:25%
    }
}
@media (min-width: 1200px){
    .login-wrapper{
        margin-left:29.16667%
    }
}
.login-wrapper h1{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:#fff;
    color:#1A323E;
    font-size:32px;
    margin-bottom:24px;
    margin-top:-16px;
    text-align:center
}
.password-hint{
    color:#737373;
    font-size:14px;
    line-height:normal;
    margin-bottom:24px
}
.requested-book--section{
    border:1px solid #e6e6e6;
    margin-bottom:36px;
    padding:12px 12px 0;
    position:relative
}
.add-request{
    color:#d9d9d9;
    display:block;
    font-size:36px;
    margin:0 auto 36px
}
@media (min-width: 500px){
    .add-request:hover{
        color:#1A323E
    }
}
.delete-request{
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    background:#fff;
    color:#d9d9d9;
    font-size:26px;
    height:26px;
    position:absolute;
    right:-13px;
    top:-13px;
    width:26px
}
@media (min-width: 500px){
    .delete-request:hover{
        color:#bf282d
    }
}
@media (min-width: 1024px){
    .search__results .article-header h1{
        margin-right:100px
    }
}
.search__count{
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    background:#1A323E;
    color:#fff;
    display:inline;
    float:right;
    font-size:14px;
    margin-top:6px;
    padding:3px 6px
}
@media (min-width: 1024px){
    .pager{
        float:right;
        margin-top:-24px
    }
}
.pager li{
    float:left
}
.pager li.current{
    background:#1A323E;
    border-radius:25px;
    color:#fff;
    font-weight:400;
    margin-top:7px;
    padding:5px 9px
}
.pager li a{
    display:block;
    padding:12px
}
@media (min-width: 1024px){
    .pager li a:hover{
        color:#1A323E
    }
}
.sidebar{
    border-right:1px solid #e6e6e6
}
@media (max-width: 1023px){
    .sidebar{
        min-height:0 !important
    }
}
@media (min-width: 1024px){
    .sidebar{
        padding-bottom:24px
    }
}
.sidebar-nav__header{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#1A323E;
    font-size:22px;
    margin:24px 0 8px 0;
}
.sidebar-nav__links li a{
    display:block;
    padding:12px 12px 12px 0
}
.sidebar-nav__links li a:hover{
    color:#1A323E
}
.sidebar-nav__links .current{
    font-weight:400;
    padding:12px 12px 12px 0
}
.categories-nav .categories-nav__toggle{
    border-bottom:1px solid #e6e6e6;
    margin:0;
    padding:12px;
    position:relative;
    text-align:left;
    width:100%
}
.categories-nav .categories-nav__toggle:after{
    content:"\e601";
    position:absolute;
    right:12px;
    top:13px
}
.categories-nav .sidebar-nav__links{
    display:none
}
@media (min-width: 1024px){
    .categories-nav .sidebar-nav__links{
        display:block !important
    }
}
.categories-nav .sidebar-nav__links li a{
    display:block;
    padding:12px
}
@media (min-width: 1024px){
    .categories-nav .sidebar-nav__links li a{
        padding:12px 12px 12px 0
    }
}
.right{
    text-align:right
}
.left{
    text-align:left
}
.center{
    text-align:center
}
body,button{
    font-family:'Source Sans Pro', sans-serif;
    font-weight:300
}
a{
    color:inherit;
    text-decoration:none
}
 
 
 
 .addthis-animated {
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    animation-duration: .3s;
}
.at4-show {
    display: block!important;
    opacity: 1!important;
}
.addthis-smartlayers, div#at4-follow, div#at4-share, div#at4-thankyou, div#at4-whatsnext {
    padding: 0;
    margin: 0;
}
.at-share-tbx-element, .at-share-tbx-element .at-share-btn {
    font-family: helvetica neue,helvetica,arial,sans-serif;
    padding: 0;
    line-height: 0;
}
.at-share-tbx-element {
    position: relative;
    margin: 0;
    color: #fff;
    font-size: 0;
}
.at4-visually-hidden {
    position: absolute;
    clip: rect(1px,1px,1px,1px);
    padding: 0;
    border: 0;
    overflow: hidden;
}
.at-share-tbx-element .at-icon-wrapper {
    vertical-align: middle;
}
.at-share-tbx-element .at-share-btn {
    cursor: pointer;
    margin: 0 5px 5px 0;
    display: inline-block;
    overflow: hidden;
    border: 0;
    text-decoration: none;
    text-transform: none;
    background-color: transparent;
    color: inherit;
    transition: all .2s ease-in-out;
}
.at-share-tbx-element, .at-share-tbx-element .at-share-btn {
    font-family: helvetica neue,helvetica,arial,sans-serif;
    padding: 0;
    line-height: 0;
}
.at-icon-wrapper {
    display: inline-block;
    overflow: hidden;
}
.at-share-tbx-element .at-icon-wrapper {
    vertical-align: middle;
}
a .at-icon-wrapper {
    cursor: pointer;
}
.at-icon-wrapper {
    display: inline-block;
    overflow: hidden;
}
.at-icon {
    fill: #fff;
    border: 0;
}
 

.icono-grid-list {
    font-size: 1.2em;
}

.icono-grid-list a {
    margin: .2em;
    color: #1A323E;
}

.green {
    color: #1A323E;
}
 