/*
*********************************************************************************************
HOJA DE ESTILOS NUEVAS ADQUISICIONES UCM
Biblioteca de la Universidad Complutense de Madrid

Fichero old:                libguides-buc-r.css
Fichero:                other-styles.css
Finalidad:              Visualización normal
Fecha de actualización: 18/05/2020
*********************************************************************************************
*/
/*
    Generales
*/
body,
body.s-lg-guide-body {
    font-family: 'Quattrocento Sans', sans-serif !important;
    font-size: 14px;
    color: #454545;
}

.s-lib-public-side-header h2 {
    font-family: 'Quattrocento Sans', sans-serif !important;
}

ul {
    list-style-image: none;
}

#s-lg-az-results .s-lg-az-result-title {
    font-size: 16px;
}

#s-lg-guide-header-info h1,
.s-lib-header h1 {
    font-size: 2.3em;
}



#barra {
    position: relative;
    margin: 0;
    height: 32px;
    width: 100%;
    background-color: #d9dadb;
    /*fondo claro*/
    background-color: #454545;
    font-family: 'Quattrocento Sans';
    font-size: 0.8em !important;
    color: #fff;
    padding-top: 5px;
}

#barra .ul-menusup {
    list-style: none;
    padding: 0;
    width: 75%;
}

#barra .ul-menusup li {
    float: right;
}

#barra li a {
    color: #fff;
    border: 0;
}

#barra li a:hover {
    text-decoration: underline;
    background-color: #454545;
}

#barra.nav>li>a:focus,
#barra.nav>li>a:hover {
    text-decoration: underline;
    outline: none;
    background-color: #454545;
}

#menubarra {
    border: 0px;
    min-height: 20px;
}

#contenido-menubarra .navbar-nav>li>a {
    padding-top: 2px;
    padding-bottom: 0px;
}

#cabecera-lg {
    position: relative;
}

#logo-lg {
    padding-top: 2px;
}

h1.titulo-web {
    text-align: right;
    margin: 0.2em 0;
}

h1.titulo-web a,
h1.titulo-web a:hover {
    color: #990033;
}

#menubuc.navbar {
    margin-bottom: 2px;
    margin-top: 0;
}

#menubuc.navbar-default {
    background-color: #fff;
    border-color: #fff;
    width: 100%;
}

#menubuc .navbar-collapse.navbar-ex1-collapse.collapse {
    overflow: visible;
}

#menubuc .lead {
    font-size: 1.2em;
    font-weight: normal;
}

#contenidomenubuc.nav>li>a:focus,
#contenidomenubuc.nav>li>a:hover,
#contenidomenubuc.nav>li>a:active {
    background-color: #fff;
    color: #990033;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #990033;
    padding-bottom: 5px
}

#contenidomenubuc.nav>li>a:hover,
.nav>li>a:focus {
    outline: dotted 0px #000;
}

#contenidomenubuc .dropdown-menu>li>a {
    font-size: 18px;
}

#contenidomenubuc li ul li {
    font-size: 0.915em;
}

#contenidomenubuc li ul li:last-child {
    border-top: 1px solid #EFEFEF;
    text-align: right;
}

#contenidomenubuc li ul li:last-child a {
    line-height: 0;
    margin: 0;
    padding: 3px 8px 0 0;
}

#contenidomenubuc li ul li:last-child a i {
    color: #454545;
}

#contenidomenubuc li a,
#contenidomenubuc li ul li a:hover,
#contenidomenubuc li ul li a:focus {
    color: #000;
}

#contenidomenubuc li a:hover,
#contenidomenubuc li a:focus,
#contenidomenubuc li a:active {
    color: #fff;
}

#botonmenu.navbar-toggle {
    border: none;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

/* Skiplink */
#s-lg-public-skiplink {
    padding: 6px;
}

#s-lg-public-skiplink.alert-info {
    background-color: #454545;
    border-color: #ececec;
    color: #fff;
}

#s-lg-public-skiplink {
    padding: 10px;
    position: absolute;
    top: calc(-100%);
    left: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-bottom-right-radius: 8px;
    transition: top 1s ease-out,background 1s linear;
    z-index: 100
}

#s-lg-public-skiplink:focus {
    position: absolute;
    left: 0;
    top: 0;
    outline: 0;
    transition: top .1s ease-in,background .5s linear
}


.s-lib-box-content a {
    text-decoration: none;

}


.s-lg-tabs-side .s-lg-boxnav .list-group-item a {
    text-decoration: none;
    color: #990033;
}

#s-lg-tabs-container .nav-pills>li>a {
    outline: none;
}

.s-lg-tabs-side .s-lg-boxnav .list-group-item a:hover {

    font-weight: 700;
}

#s-lg-tabs-container .nav .dropdown-toggle .caret {
    border-top-color: #aaa;
}

.dropdown-menu>li>a {
    font-size: 14px;
}

.enlaces ul li a {
    color: #000;
}

.s-lg-gtitle a {
    text-decoration: none;
    color: #000;
}


#s-lib-bc .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    margin-top: 15px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 16px;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-color: currentcolor;
    font-weight: normal;
}

/* Botones */
.btn-help-popover {
    color: #454545;
}

.btn-help-popover:hover,
.btn-help-popover:focus,
.btn-help-popover:active {
    color: #000;
}

.btn-primary {
    background-image: none;
    background-color: #990033 !important;
    border-color: #990033;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #ffffff !important;
    color: #990033 !important;
    border-color: #990033;
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
    border-color: #903;
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #903;
    background-image: none;
    border-color: #903;
}

.btn-info {
    background-color: #990033;
    border-color: #990033;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #ffffff !important;
    color: #990033 !important;
    border-color: #990033;
}

.btn:hover,
.btn:focus,
.btn:active {
    outline: 0;
}

.nav .s-lg-index-nav-btn>button {
    color: #990033;
    font-size: 16px;
}

.nav-pills>li.active>button,
.nav-pills>li.active>button:focus,
.nav-pills>li.active>button:hover {
    background-color: #990033;
}

.nav>li>button:hover,
.nav>li>button:focus {
    background-color: #990033;
    color: #fff;
    outline: 0;
}


.toggleMenuButton {
    border-color: #454545;
    font-weight: 700;
    margin: 10px auto 0px auto;
    width: 95%;
    font-size: 1em;
}


h1#s-lg-guide-name {
    color: #990033;
    font-size: 33.6px;
}

div.s-lib-box-container h2.s-lib-box-title {
    font-size: 28px;
    font-weight: normal;
}

h2 {
    color: #990033;
}

.titdoblerayado {
    background: #fafafa none repeat scroll 0 0;
    border-bottom: 2px solid #ececec;
    border-top: 2px solid #ececec;
    color: #454545;
    padding: 2px 0 2px 3px;
}


.list-group-item>a:link {
    color: #990033;
}

#s-lg-box-14939349-container h2.s-lib-box-title {
    display: none;
}

#s-lg-box-14939349-container a.label.label-info {
    color: #fff;
    font-size: 1em !important;
    background-color: #990033;
}

#s-lg-box-14939349 {
    border: none;
    box-shadow: none;
}

.s-lib-box-content .ui-widget {
    font-family: 'Quattrocento Sans', sans-serif;
    font-color: #454545;
}

.ui-tabs .ui-tabs-nav li:before {
    display: none;
}

.ui-widget-header {
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}


.ui-widget-header .ui-state-active {
    border: 1px solid #454545;
    background: #454545;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active>a {
    color: #fff !important;
}

.s-lib-jqtabs>.nav-tabs>li.active>a,
.s-lib-jqtabs>.nav-tabs>li.active>a:focus,
.s-lib-jqtabs>.nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #545454;
    border: 1px solid #545454;
    border-bottom-color: #545454;
}

.s-lib-jqtabs>.nav-tabs>li>a {
    border: 1px solid #ddd;
}

.s-lib-jqtabs>.nav-tabs>li>a:focus,
.s-lib-jqtabs>.nav-tabs>li>a:hover {
    background-color: #545454;
    border-bottom-color: #545454;
    color: #fff;
    outline: none;
}

.s-lib-box-content .ui-tabs-nav li a:hover,
.s-lib-box-content .ui-tabs-nav li a:active,
.s-lib-box-content .ui-tabs-nav li a:focus {
    background: #454545;
    color: #fff;
    outline: 0px;
}

/* Search tabs & results */
#s-srch-tabs .active button {
    border-color: #990033 !important;
}

#s-srch-tabs button.btn {
    border-color: #990033 !important;
    color: #990033 !important;
}

.s-srch-result-title a {
    color: #454545 !important;
    font-weight: 700;
}

/* Blog */
h2.s-lg-blog-header {
    font-size: 2em;
}

h2.s-lg-blog-header>a {
    font-size: 28px;
    color: #990033 !important;
}

/* Scroll */
#s-lib-scroll-top>a {
    color: #990033;
}

.tooltip>.tooltip-inner {
    background-color: #fff;
    color: #454545;
    border: 1px solid #454545;
    font-size: 14px;
    font-weight: 700
}

/* Pie de página */
#s-lib-footer-public {
    padding: 1em 0.2em 1em 0.2em;
    background-color: #FFFFFF !important;
    text-align: center;
}

#s-lib-footer-public a {
    outline: none;
    text-decoration: none;
    color: #454545;
}

#s-lib-footer-public a:hover {
    text-decoration: underline;
}

#s-lib-footer-brand,
#s-lib-footer-rights {
    color: #454545;
}

.s-lg-no-val,
.s-lg-text-greyout,
.s-lib-greyout {
    color: #454545;
}

#s-lg-guide-header-attributes {
    color: #454545;
}

#s-lg-guide-header-attributes li {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.s-lg-guide-label {
    color: #454545;
}

#s-lib-footer-support-link {
    display: none;
}

#pie {
    background: #454545;
    padding: 1em 0.2em 1em 0.2em;
    text-align: center;
    left: 0;
    bottom: 0;
    width: 100%;
    position: inherit;
}

#pie a {
    color: #ffffff;
}

#pie ul {
    padding-left: 0px;
}

#pie_contacto {
    font-family: 'Quattrocento Sans';
    margin-right: 1px;
    margin-left: 1px;
    padding-bottom: 0.4em;
    padding-top: 0.4em;
    background: #454545;
    color: #fff;
    border-top: 1px solid #535353;
    font-size: 0.8em;
    text-align: center;
}

#pie_contacto a {
    color: #fff;
}

nav#pie_1,
nav#pie_3 {
    padding: 1em 1em;
    margin: 0em 6%;
    max-width: 100%;
    min-width: 50%;
}

nav#pie_1 {
    text-align: left;
    margin: 0em 2%;
}

nav#pie_2 {
    text-align: center;
    padding: 0.8em 0.8em;
    margin: 0em 2%;
}

nav#pie_3 {
    text-align: center;
}

nav#pie_1 ul,
nav#pie_2 ul,
nav#pie_3 ul {
    list-style: none;
    color: #fff;
}

nav#pie_1 ul li a,
nav#pie_2 ul li a,
nav#pie_3 ul li a {
    color: #fff;
}

ul.redes {
    margin-top: 0;
    margin-bottom: 0em;
    list-style: none;
    padding: 0;
}

ul.redes li:first-child {
    padding-left: 0em;
}

ul.redes li {
    display: inline-block;
    padding: 0.6em;
}

ul.redes li a img {
    width: 80%;
}

ul.licencia {
    margin-top: 0;
    margin-bottom: 0em;
    list-style: none;
    padding: 0;
}

ul.licencia li {
    display: inline-block;
    padding: 0.6em;
}

/*********Dispositivos móviles********/
@media (min-width: 768px) and (max-width: 780px) {
    #encabezado {
        margin-right: -27px;
    }

    #pie {
        margin-right: -27px;
    }
}

@media (max-width:767px) {
    #barra {
        position: fixed;
        top: 0;
        height: 16px;
        z-index: 9;
        padding: 0px;
    }

    #menubarra {
        position: absolute;
        top: 1.6em;
        right: 10em;
        z-index: 999;
    }

    #menubarra .in,
    #menubarra .collapsing {
        position: absolute;
        right: -4em;
    }

    #menubarra .navbar-toggle {
        margin-top: -5px;
    }

    #contenido-menubarra {
        position: absolute;
        top: 2.7em;
        right: 0;
        width: 20em;
        background: transparent;
    }

    #contenido-menubarra a {
        color: #000;
    }

    #contenido-menubarra a:hover {
        color: rgb(213, 213, 213);
        background: none;
    }

    #collapse-personal {
        position: absolute;
        font-size: 1.3em;
        color: #454545;
        padding: 0.3em 0em;
    }

    .micuenta a {
        background-color: #454545;
    }

    #cabecera-lg {
        top: 16px;
        margin-top: 0;
    }

    h1.titulo-web {
        text-align: center;
        margin: 0;
        font-size: 1em !important;
    }

    #logo-lg {
        position: inherit;
       
    }

    #logo-lg img {
        max-width: 170px;
        margin: 0.2em 0;
        position: relative;
        z-index: 3;
    }

    #titulo-lg {
        position: relative;
        top: 50px;
        z-index: initial;
        text-align: left;
        background-color: #f1eded;
        padding: 0.3em 0.1em 0.3em 0.6em;
        margin: 0;
    }

    #menubuc {
        position: absolute;
        top: 0.9em;
        margin: 0;
    }

    #contenidomenubuc {
        position: relative;
        z-index: 9;
        background-color: #fff;
        padding: 3em 0em 0em 2em;
    }

    #contenidomenubuc li {
        border-bottom: 1px solid #E5E5E5;
    }

    #contenidomenubuc li ul li:last-child {
        border-bottom: 0;
    }

    #contenidomenubuc li a:hover,
    #contenidomenubuc li a:focus,
    #contenidomenubuc li a:active {
        color: #fff;
    }

    #contenidomenubuc.nav>li>a:focus,
    #contenidomenubuc.nav>li>a:hover,
    #contenidomenubuc.nav>li>a:active {
        padding-bottom: 0px;
    }

    #contenidomenubuc.nav-justified>li>a {
        text-align: left;
    }

    #contenidomenubuc.nav>li>a {
        padding: 5px 15px;
    }

    #botonmenu {
        float: right;
        position: inherit;
        top: 22px;
        margin-left: 1.5em;
        font-size: 1.4em;
        padding: 0;
        z-index: 9;
    }

    #menubuc .in,
    #menubuc .collapsing {
        position: fixed;
        width: 100%;
        left: 0;
        z-index: 3;
    }

    #s-lib-bc .breadcrumb {
        margin-top: 70px;
    }

    nav#pie_1 {
        text-align: center;
    }

    #s-lg-blog-content {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 550px) {
    #barra {
        padding: 0 0 0 0.3em;
        font-size: 0.6em;
        height: 12px;
    }

    #cabecera-lg {
        top: 12px;
        margin-top: 0.75em;
    }

    #menubarra {
        top: 24px;
        right: 7em;
    }

    #contenido-menubarra {
        top: 1.4em;
        width: 10em;
        font-size: 1.2em;
    }

    #collapse-personal {
        font-size: 1.2em;
        padding: 0;
        margin: 0;
        border: 0;
        background-color: transparent;
    }

    #logo-lg {
        top: 12px;
    }

    #logo-lg img {
        max-width: 150px;
        margin: 0.1em 0;
    }

    #titulo-lg {
        top: 26px;
    }

    h1.tituloweb {
        padding-left: 0.6em;
    }

    #menubuc {
        top: 12px;
        border: 0;
        min-height: 40px;
    }

    #botonmenu {
        top: 5px;
        margin-left: 1.5em;
        font-size: 1.4em;
    }

    #s-lib-bc .breadcrumb {
        margin-top: 40px;
    }
}

@media (max-width: 320px) {
    #cabecera-lg {
        margin-top: 0;
    }

    #titulo-lg {
        z-index: 3;
        padding: 0.5em 0.1em 0.3em 0.6em;
    }

    #logo-lg img {
        max-width: 100px;
    }

    #menubarra {
        top: 22px;
        right: 4.5em;
    }

    #collapse-personal {
        font-size: 0.9em;
    }

    #menubarra .in,
    #menubarra .collapsing {
        right: -3em;
    }

    #botonmenu {
        top: 5px;
        font-size: 1.1em;
    }
}


/** bootstrap_tab_css.twig **/
#s-lg-tabs-container .nav-tabs > li > a,
#s-lg-tabs-container .nav-tabs > li > button,
#s-lg-tabs-container .nav-pills > li > a,
#s-lg-tabs-container .nav-pills > li > button {
    border: 1px solid black; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
    background-color: #fff;
    color: #454545;
    font-weight: bold;
    padding: 10px 15px;
}

#s-lg-tabs-container .nav-tabs {
    border-bottom: 0;
	margin-bottom: 50px;
}

#s-lg-tabs-container .nav-tabs > li#s-lg-admin-tab-add > a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

#s-lg-tabs-container .nav-tabs > li > a:hover,
#s-lg-tabs-container .nav-tabs > li > button:hover,
#s-lg-tabs-container .nav-pills > li > a:hover,
#s-lg-tabs-container .nav-pills > li > button:hover {
    border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
    background-color: #545454;
    color: #ffffff;
}

#s-lg-tabs-container .nav-tabs > .active > a,
#s-lg-tabs-container .nav-tabs > .active > button,
#s-lg-tabs-container .nav-pills > .active > a,
#s-lg-tabs-container .nav-pills > .active > button {
    color: #ffffff;
    cursor: default;
    background-color: #990033;
    border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
    border-bottom-color: transparent;
    font-weight: bold;
}

#s-lg-tabs-container .nav-tabs > .active > .s-lg-subtab-ul > .active > a,
#s-lg-tabs-container .nav-tabs > .active > .s-lg-subtab-ul > .active > button {
    color: #ffffff;
    cursor: default;
    background-color: #545454;
    border-bottom-color: transparent;
}

#s-lg-tabs-container .nav-tabs > .active > a:hover,
#s-lg-tabs-container .nav-pills > .active > a:hover,
#s-lg-tabs-container .nav-tabs > .active > button:hover,
#s-lg-tabs-container .nav-pills > .active > button:hover {
    color: #ffffff;
    cursor: pointer;
    background-color: #545454;
    border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
    border-bottom-color: transparent;
    font-weight: bold;
}

#s-lg-tabs-container .nav .dropdown-toggle .caret {
    border-top-color: #e1e1e1;
}

#s-lg-tabs-container .nav-tabs button.dropdown-toggle .caret {
    margin-left: 2px;
    margin-top: -3px;
}

#s-lg-tabs-container .nav-tabs > li > a.s-lg-tab-drop {
    border-radius: 0 4px 0 0;
    padding: 4px 6px 4px 3px;
    border-left: 1px solid transparent;
}

#s-lg-tabs-container .nav-tabs > li > button.s-lg-tab-drop {
    border-radius: 0 4px 0 0;
    padding: 4px 6px 0px 3px;
    border-left: 1px solid transparent;
    margin-right: 2px;
}

#s-lg-tabs-container .nav-tabs > li > a.s-lg-tab-drop:hover {
    border-radius: 0 4px 0 0;
    border-left: 1px solid #bbb;
    padding: 4px 6px 4px 3px;
}

#s-lg-tabs-container .nav-tabs > li > button.s-lg-tab-drop:hover {
    border-radius: 0 4px 0 0;
    border-left: 1px solid #bbb;
    padding: 4px 6px 0px 3px;
}

#s-lg-tabs-container .nav-tabs > li > a.s-lg-tab-top-link,
#s-lg-tabs-container .nav-tabs > li > a.s-lg-tab-top-link:hover,
#s-lg-tabs-container .nav-tabs > li > button.s-lg-tab-top-link,
#s-lg-tabs-container .nav-tabs > li > button.s-lg-tab-top-link:hover {
    border-radius: 4px 0 0 0;
    font-weight: bold;
    padding: 4px 5px 4px 10px;
}

.nav-tabs > li > a.s-lg-tab-top-link,
.nav-tabs > li > button.s-lg-tab-top-link {
    margin-right: 0px;
}

#s-lg-tabs-container .nav-pills > li > a.s-lg-tab-drop,
#s-lg-tabs-container .nav-pills > li > button.s-lg-tab-drop {
    border-radius: 0 4px 0 0;
    padding: 4px 8px 4px 8px;
    border-left: 1px solid transparent;
    position: absolute;
    right: 0;
}

#s-lg-tabs-container .nav-pills > li > a.s-lg-tab-drop:hover,
#s-lg-tabs-container .nav-pills > li > button.s-lg-tab-drop:hover {
    border-radius: 0 4px 0 0;
    border-left: 1px solid #bbb;
    padding: 4px 8px 4px 8px;
}

#s-lg-tabs-container .nav-pills > li > a.s-lg-tab-top-link,
#s-lg-tabs-container .nav-pills > li > a.s-lg-tab-top-link:hover,
#s-lg-tabs-container .nav-pills > li > button.s-lg-tab-top-link,
#s-lg-tabs-container .nav-pills > li > button.s-lg-tab-top-link:hover {
    width: 100%;
    float: left;
    border-radius: 4px 0 0 0;
    font-weight: bold;
    padding: 4px 15px 4px 15px;
}

/** !bootstrap_tab_css.twig **/
.s-lib-box {border-color: #cccccc;
    border-width: 0px;
    box-shadow: none;
    border-radius: 0;
    background-color: #fff;
}
.s-lib-box-std .s-lib-box-title {background-color: #ececec; background-image: none;color: #990033;
    border-bottom: 0px solid #cccccc;
}
.s-lib-box .s-lib-box-title {background-color: #ececec; background-image: none;color: #990033;
    border-bottom: 0px solid #cccccc;
    border-radius: 0;
}
.s-lib-box .s-lg-box-footer {
    border-radius: 0;
}




/* NUEVO */
a{
    text-decoration: none;
}


div#s-lg-guide-header-info {
    margin-bottom: 25px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    position: relative;
    padding-left: 40px !important;
    cursor: pointer;
}

div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {

   border-radius: 0px !important;
}


/* Fin estilos para página de estilos */