@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);
@font-face {
    font-family: "icomoon";
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot?#iefix') format('eot'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

#header:before,
#header:after,
#caja:before,
#caja:after,
.wrapper:before,
.wrapper:after,
#footer:before,
#footer:after {
    content: "";
    display: table
}

#header:after,
#caja:after,
.wrapper:after,
#footer:after {
    clear: both
}

@media all and (max-width: 480px) {
    #logo,
    article {
        padding-left: 20px;
        padding-right: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
    .wrapper {
        overflow: hidden
    }
    #caja {
        position: relative
    }
    #page-title {
        padding: 0.5em 0.9em;
        font-size: 24px
    }
    .title-destacado {
        font-size: 16px
    }
    .field-directorio-experto-grupo {
        width: 100%
    }
    #block-block-4 {
        display: none
    }
    #block-block-7 {
        margin-bottom: 1em
    }
    .title-destacado {
        line-height: 1.2em;
        padding-top: 1.1em
    }
    #descubridor #quicktabs-container-pestanas article {
        padding-left: 0;
        padding-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
    #descubridor #quicktabs-container-pestanas fieldset {
        padding: 0
    }
    #descubridor #quicktabs-container-pestanas fieldset input[type="text"] {
        width: 68%
    }
    .sidebar-second #content [class*="view-repositorio"] .views-row,
    .sidebar-second #content [class*="view-base-datos"] .views-row,
    .view-filters,
    article.node-bases-de-datos {
        padding-left: 20px;
        padding-right: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
    .sidebar-second #content .view-repositorio-noticias .views-row img,
    .sidebar-second #content .view-repositorio-avisos .views-row img {
        width: 40%
    }
    [id*="main-menu"],
    [id*="clone-menu"],
    [id*="block-menu-menu-menu"] {
        float: none;
        padding: 0
    }
    [id*="main-menu"] li,
    [id*="clone-menu"] li,
    [id*="block-menu-menu-menu"] li {
        float: left;
        width: 50%
    }
    [id*="main-menu"] li a,
    [id*="clone-menu"] li a,
    [id*="block-menu-menu-menu"] li a {
        display: block
    }
    .horario {
        float: left
    }
    #footer {
        padding-left: 20px;
        padding-right: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
    #block-quicktabs-pestanas .item-list {
        margin-top: 0
    }
    #block-quicktabs-pestanas .item-list .quicktabs-tabs {
        clear: both;
        position: absolute;
        top: 38px;
        width: 100%;
        z-index: 10000;
        display: none
    }
    #block-quicktabs-pestanas .item-list .quicktabs-tabs li {
        clear: both;
        border: none;
        display: inherit;
        margin: 0;
        padding: 0
    }
    #block-quicktabs-pestanas .item-list .quicktabs-tabs a,
    #block-quicktabs-pestanas .item-list .quicktabs-tabs ul a {
        background: white;
        border-bottom: 1px solid #232d18;
        color: #88ab0c;
        font-family: "Roboto", serif !important;
        font-weight: 400;
        display: block;
        padding: 0.5em 1em
    }
    #block-quicktabs-pestanas .item-list .quicktabs-tabs a:hover,
    #block-quicktabs-pestanas .item-list .quicktabs-tabs ul a:hover {
        background: white;
        color: #ee8201
    }
    #menu-icon {
        background: white;
        color: #6e775a;
        cursor: pointer;
        font-weight: 400;
        display: block;
        padding: 1em 1em 0.8em;
        width: 100%
    }
    #menu-icon.active {
        color: #ee8201
    }
    #navigation {
        top: 0;
        height: 3em;
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: -100%
    }
    a.menu-off {
        background-color: #a3cc0e;
        background-image: url(/sites/default/files/responsive-nav.png);
        background-position: 20px 10px;
        background-repeat: no-repeat;
        color: white;
        display: block;
        font-size: 17.6px;
        font-weight: 400;
        left: 0 !important;
        margin-top: 1px;
        padding: 1em 1em;
        text-align: right;
        text-decoration: none
    }
    a.menu-off.active-nav {
        background-color: #fe9415;
        background-image: url(/sites/default/files/responsive-nav.png);
        background-position: 15px -40px;
        background-repeat: no-repeat
    }
    [role="menu"] {
        transition: .2s margin-left ease;
        -webkit-transition: .2s margin-left ease;
        -moz-transition: .2s margin-left ease;
        -o-transition: .2s margin-left ease;
        -ms-transition: .2s margin-left ease;
        width: 90%
    }
    .js [role="menu"] {
        margin-left: -100% !important;
        float: left !important;
        position: absolute !important
    }
    .active-nav [role="main"] {
        margin-left: 100% !important
    }
    .active-nav [role="menu"] {
        width: 258px !important;
        margin-left: 0 !important;
        min-height: 740px
    }
}

@media all and (min-width: 480px) and (max-width: 959px) {
    #header {
        padding-left: 40px;
        padding-right: 40px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
    .wrapper {
        overflow: hidden
    }
    #page-title {
        padding: 1em
    }
    .not-front .title-destacado {
        padding-left: 2em
    }
    #block-quicktabs-pestanas fieldset .query {
        margin-top: 1px
    }
    #block-quicktabs-pestanas .item-list {
        padding-top: 3em
    }
    #block-quicktabs-pestanas .item-list ul {
        padding: 0;
        border: 0
    }
    #block-quicktabs-pestanas .item-list li {
        background: rgba(35, 45, 24, 0.8);
        border: 0;
        display: inherit;
        float: left;
        padding: 0.8em 0em;
        width: auto
    }
    #block-quicktabs-pestanas .item-list li a {
        color: white;
        font-family: "Roboto", serif !important;
        font-size: 1.2em !important;
        font-weight: 300 !important
    }
    #block-quicktabs-pestanas .item-list li.active {
        background: #bbea4c
    }
    #block-quicktabs-pestanas .item-list li.active a.active {
        color: #627830;
        font-weight: 400 !important
    }
    #block-quicktabs-pestanas .item-list li a {
        padding: 0.8em 0.5em
    }
    [id*="main-menu"],
    [id*="clone-menu"],
    [id*="block-menu-menu-menu"] {
        float: right;
        padding: 2em 0.5em 0
    }
    [id*="main-menu"] li,
    [id*="clone-menu"] li,
    [id*="block-menu-menu-menu"] li {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
    [id*="main-menu"] li a,
    [id*="clone-menu"] li a,
    [id*="block-menu-menu-menu"] li a {
        border: 1px solid rgba(255, 255, 255, 0.2);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px
    }
    .title-destacado {
        line-height: 2.8em
    }
    .horario {
        float: left
    }
    #menu-icon {
        display: none
    }
    #navigation {
        position: absolute;
        top: 0;
        height: 3em;
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: -100%
    }
    .menu-off {
        background-color: #a3cc0e;
        background-image: url(/sites/default/files/responsive-nav.png);
        background-position: 20px 15px;
        background-repeat: no-repeat;
        left: 0 !important;
        margin-top: 1px;
        padding: 1.48em 1em;
        position: absolute;
        text-indent: -100%;
        width: 2.2em
    }
    a.menu-off.active-nav {
        background-color: #fe9415;
        background-image: url(/sites/default/files/responsive-nav.png);
        background-position: 17px -35px;
        background-repeat: no-repeat
    }
    [role="menu"] {
        transition: .2s margin-left ease;
        -webkit-transition: .2s margin-left ease;
        -moz-transition: .2s margin-left ease;
        -o-transition: .2s margin-left ease;
        -ms-transition: .2s margin-left ease;
        width: 90%
    }
    .js [role="menu"] {
        margin-left: -100% !important;
        float: left !important;
        position: absolute !important
    }
    .active-nav [role="main"] {
        margin-left: 268px !important
    }
    .active-nav [role="menu"] {
        width: 258px !important;
        margin-left: 0 !important;
        min-height: 740px
    }
    .sidebar-first #content {
        float: left;
        width: 66.66667%;
        margin-left: 33.33333%;
        margin-right: -100%
    }
    .sidebar-first .region-sidebar-first {
        float: left;
        width: 33.33333%;
        margin-left: 0%;
        margin-right: -33.33333%
    }
    .sidebar-second #content,
    .front .sidebar-second #content {
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: -100%;
        min-height: 710px
    }
    .sidebar-second #content article,
    .front .sidebar-second #content article {
        padding-left: 40px;
        padding-right: 40px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
    .sidebar-second #content article .block-bibliotecologo,
    .front .sidebar-second #content article .block-bibliotecologo {
        float: left;
        width: 50%
    }
    .sidebar-second #content article .field-directorio-experto-grupo,
    .front .sidebar-second #content article .field-directorio-experto-grupo {
        width: 49%
    }
    .sidebar-second #content [class*="view-repositorio"] .views-row,
    .sidebar-second #content [class*="view-base-datos"] .views-row,
    .sidebar-second #content .view-filters,
    .front .sidebar-second #content [class*="view-repositorio"] .views-row,
    .front .sidebar-second #content [class*="view-base-datos"] .views-row,
    .front .sidebar-second #content .view-filters {
        padding-left: 40px;
        padding-right: 40px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
    .sidebar-second #content .view-repositorio-avisos .views-row,
    .front .sidebar-second #content .view-repositorio-avisos .views-row {
        overflow: hidden
    }
    .sidebar-second .region-sidebar-second,
    .front .sidebar-second .region-sidebar-second {
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 0;
        padding-right: 0;
        clear: left
    }
    .sidebar-second .block,
    .front .sidebar-second .block {
        padding-left: 0;
        padding-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
    .front .region-sidebar-second .block {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
    .front .region-sidebar-second .block:nth-child(3n+1) {
        float: left;
        width: 33.33333%;
        margin-left: 66.66667%;
        margin-right: -100%;
        clear: left
    }
    .front .region-sidebar-second .block:nth-child(3n+2) {
        float: left;
        width: 33.33333%;
        margin-left: 33.33333%;
        margin-right: -66.66667%
    }
    .front .region-sidebar-second .block:nth-child(3n) {
        float: left;
        width: 33.33333%;
        margin-left: 0%;
        margin-right: -33.33333%
    }
    .two-sidebars #content {
        float: left;
        width: 66.66667%;
        margin-left: 33.33333%;
        margin-right: -100%
    }
    .two-sidebars .region-sidebar-first {
        float: left;
        width: 33.33333%;
        margin-left: 0%;
        margin-right: -33.33333%
    }
    .two-sidebars .region-sidebar-second {
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 0;
        padding-right: 0;
        clear: left
    }
    .two-sidebars .region-sidebar-second .block {
        padding-left: 0;
        padding-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
    .footer-block {
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
        width: 50%
    }
}

@media all and (min-width: 960px) {
    #page {
        width: 100%;
        margin-bottom: -58px;
        min-height: 100%
    }
    #caja {
        margin-left: auto;
        margin-right: auto;
        max-width: 960px
    }
    #header {
        height: 80px
    }
    #page-title {
        padding: 1em
    }
    #block-quicktabs-pestanas,
    .region-destacado,
    #block-block-4 {
        max-width: 960px;
        margin: 0 auto
    }
    #block-quicktabs-pestanas .item-list {
        padding-top: 3em
    }
    #block-quicktabs-pestanas .item-list ul {
        padding: 0;
        border: 0
    }
    #block-quicktabs-pestanas .item-list li {
        background: rgba(35, 45, 24, 0.8);
        border: 0;
        display: inherit;
        float: left;
        padding: 0.8em 0em;
        width: auto
    }
    #block-quicktabs-pestanas .item-list li a {
        color: white;
        font-family: "Roboto", serif !important;
        font-size: 1.2em !important;
        font-weight: 300 !important
    }
    #block-quicktabs-pestanas .item-list li.active {
        background: #bbea4c
    }
    #block-quicktabs-pestanas .item-list li.active a.active {
        color: #627830;
        font-weight: 400 !important
    }
    #block-quicktabs-pestanas .item-list li a {
        padding: 0.8em 1em
    }
    [id*="main-menu"],
    [id*="clone-menu"],
    [id*="block-menu-menu-menu"] {
        float: right;
        padding: 2em 0.5em 0
    }
    [id*="main-menu"] li,
    [id*="clone-menu"] li,
    [id*="block-menu-menu-menu"] li {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
    [id*="main-menu"] li a,
    [id*="clone-menu"] li a,
    [id*="block-menu-menu-menu"] li a {
        border: 1px solid rgba(255, 255, 255, 0.2);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px
    }
    .front .region-descubridor {
        height: 500px
    }
    .title-destacado {
        line-height: 2.8em
    }
    .menu-off,
    #menu-icon {
        display: none
    }
    .sidebar-first #content {
        float: left;
        width: 71.42857%;
        margin-left: 28.57143%;
        margin-right: -100%
    }
    .sidebar-first .region-sidebar-first {
        float: left;
        width: 28.57143%;
        margin-left: 0%;
        margin-right: -28.57143%
    }
    .sidebar-second #content {
        float: left;
        width: 71.42857%;
        margin-left: 0%;
        margin-right: -71.42857%;
        min-height: 740px
    }
    .sidebar-second #content article {
        padding-left: 40px;
        padding-right: 40px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
    .sidebar-second #content article .block-bibliotecologo {
        float: left;
        width: 50%
    }
    .sidebar-second #content article .field-directorio-experto-grupo {
        width: 49%
    }
    .sidebar-second #content [class*="view-repositorio"] .views-row,
    .sidebar-second #content [class*="view-base-datos"] .views-row,
    .sidebar-second #content .view-filters {
        padding-left: 40px;
        padding-right: 40px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
    .sidebar-second .region-sidebar-second {
        float: left;
        width: 28.57143%;
        margin-left: 71.42857%;
        margin-right: -100%
    }
    .sidebar-second .region-sidebar-second .block {
        margin-left: 1em
    }
    .sidebar-second .region-sidebar-second #block-block-7,
    .sidebar-second .region-sidebar-second #block-menu-menu-lateral-home>.menu>li {
        margin-bottom: 1em
    }
    .two-sidebars #content {
        float: left;
        width: 42.85714%;
        margin-left: 28.57143%;
        margin-right: -71.42857%
    }
    .two-sidebars .region-sidebar-first {
        float: left;
        width: 28.57143%;
        margin-left: 0%;
        margin-right: -28.57143%
    }
    .two-sidebars .region-sidebar-second {
        float: left;
        width: 28.57143%;
        margin-left: 71.42857%;
        margin-right: -100%
    }
    html,
    body {
        height: 100%
    }
    #caja {
        clear: both;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin-bottom: -25px
    }
    #caja #sticky_footer {
        height: 25px
    }
    #footer {
        clear: both;
        position: relative;
        height: 25px
    }
    .footer-block.compartir {
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
        width: 55%
    }
    .footer-block.direccion {
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
        width: 45%
    }
}