/*Header*/

.image-banner {
    width: auto;
}

.div-banner {
    background: #d9a900;
}

header {
    background-color: #005ba0;
    height: 60px;
}

header .navbar-brand {
    margin-top: -8px;
    background-image: none !important;
    color: white !important;
    font-size: 18px;
}

.navbar-brand {
    font-size: initial;
}

header .nav>li>a:hover,
header .nav>li>a:focus {
    color: #fff;
    background-color: #0b109f;
}

.nav>li>a:hover,
.nav>li>a:focus {
    outline: none;
}

.banner .navbar-right {
    margin-top: 0px;
}

header .dropdown-menu .active a,
header .dropdown-menu .active a:hover {
    background-color: #005ba0;
}

.navbar-right a {
    color: white;
    font-size: 18px;
}


/*Boton Registro*/
#Registro .boton {
    border: 1px solid #2e518b; /*anchura, estilo y color borde*/
    padding: 10px; /*espacio alrededor texto*/
    background-color: #2e518b; /*color botón*/
    color: #ffffff; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
    border-radius: 50px; /*bordes redondos*/
}

#Registro .boton:hover {
    border: 1px solid #2e518b; /*anchura, estilo y color borde*/
    padding: 10px; /*espacio alrededor texto*/
    background-color: #ffffff; /*color botón*/
    color: #2e518b; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
    border-radius: 50px; /*bordes redondos*/
}

#Registro{
    position: absolute;
    left: 1200px;
    top: -220px;
    z-index: 1;
}
/*MENU DESPLEGABLE*/

.dropdown {
    display: inline-block;
    position: relative;
}
.dropdown-content {
    display: none;
    position: absolute;
    width: 100%;
    overflow: auto;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content a {
    display: block;
    color: #000000;
    padding: 5px;
    text-decoration: none;
}
.dropdown-content a:hover {
    color: #FFFFFF;
    background-color: #00A4BD;
}
/*
header a, header .nav a, header .btn-link {
    color: black;
    font-size: 18px;
}
*/

.searchbox .btn-link {
    color: black;
}

/* VIDEO */
#Video{
    position: relative;
    left: 150px;
    margin: auto;
    margin-top: 50px;
}

#textoVideo .boton {
    border: 1px solid #2e518b; /*anchura, estilo y color borde*/
    padding: 10px; /*espacio alrededor texto*/
    background-color: #2e518b; /*color botón*/
    color: #ffffff; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
    border-radius: 50px; /*bordes redondos*/
    position: relative;
    left: 280px;
}

#textoVideo .boton:hover {
    border: 1px solid #2e518b; /*anchura, estilo y color borde*/
    padding: 10px; /*espacio alrededor texto*/
    background-color: #ffffff; /*color botón*/
    color: #2e518b; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
    border-radius: 50px; /*bordes redondos*/
    position: relative;
    left: 280px;
}

#textoVideo p{
    position: relative;
    left: 125px;
    font-size: 18.5px;
    margin: 10px;
}

#SemanaUnison{
    background-color: #bfc5d6;
    height: 550px;
    position: relative;
    top: 15px;
    width: 130%;
    padding-left: 1px;
    right: 150px;
}

#SemanaUnison #div1{
    width: 880px;
    height: 159px;
    position: relative;
    left: 270px;
}

#SemanaUnison #div1 .titulo{
    font-size: 60px;
    line-height: 1.25em;
    text-align: center;
    font-family:open sans,sans-serif;
}

#SemanaUnison #div2{
    width: 780px;
    height: 33px;
    position: relative;
    left: 580px;
}

#SemanaUnison #div2.Fecha{
    position: relative;
    margin: 0px 0px 24px calc((100% - 980px) * 0.5);
    left: 105px;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
} 

#SemanaUnison #div2 .Fecha p{
    line-height: 1.67em;
    text-align: center;
    font-size: 20px;
}

#ContenidoS_U{
    width: 374px;
    height: 315px;
    position: relative;
    margin: -5px;
    left: 786px;
    z-index: 1;
    background: #bfc5d6;
}

#ContenidoS_U p{
    font-size:15px; 
    line-height:1.4em; 
    text-align:justify;
    letter-spacing:0.03em;
}

#CarruselContenedor{
    width: 50%;
    position: absolute;
    top: 1385px;
    right: 510px;
    background-color: #bfc5d6;
}

#ContenedorVisita{
    background-color: #0054a5;
    width: 1425px;
    height: 260px;
    position: relative;
    right: 130px;
}

#ContenedorVisita .Visita{
    font-size:40px; 
    line-height:1.1em; 
    text-align:center;
    font-family:'didot-w01-italic',serif;
    color: white;
}

#ContenedorVisita .CienciaU{
    font-family: 'avenir-lt-w01_35-light1475496',sans-serif;
    font-size:60px; 
    line-height:1.1em; 
    text-align:center;
    color: white;
}

#ContenedorVisita .Click{
    font-size:28px; 
    line-height:1.3em; 
    text-align:center;
    text-decoration:underline;
    font-family:'avenir-lt-w01_35-light1475496',sans-serif;
    color: white;
}

#ContenedorVisita .Click a{
    color: white;
}

#Ponentes .TextoPonentes {
    margin: auto;
    padding: var(--svg-calculated-padding,0);
    width: 80%;
}

#Ponentes .TextoPonentes h1{
    font-size: 65px;
    text-align: center;
    color: #FFFFFF;
    background-color: #fc0404;
    font-weight: bold;
    width: 100%;
    height: 100px;
}

#Ponentes .container-fluid .row .col-md-4{
    width: 24.333%;
}

#Ponentes .container-fluid .row .col-md-4 .Nombre{
    font-size:20px;
    line-height:normal; 
    text-align:center;
    font-family:'playfair display',serif;
}

#Ponentes .container-fluid .row .col-md-4 .Texto{
    font-size:14px;
    line-height:normal; 
    text-align:center;
    font-family:'avenir-lt-w01_35-light1475496','avenir-lt-w05_35-light',sans-serif;
}

#Fila3{
    position: relative;
    left: 125px;
}


/*Footer */

.footer_unison {
    background-color: #005ba0;
    width: auto;
    color: white;
}

.footer_unison a {
    color: white;
}

.footer_unison .redes {
    padding: 30px;
}

.footer_unison .datos {
    padding: 30px;
}

.footer_unison .aviso_privacidad {
    padding-top: 30px;
}

.caja_dir {
    background-image: url(/vufind/themes/bootstrap3/images/ico_ubicacion.png);
    background-position: left;
    background-repeat: no-repeat;
    /*height: 38px;*/
    padding-left: 40px;
    font-family: 'Conv_ZapfHumanist', Sans-Serif;
    font-weight: normal;
    color: white;
    line-height: 20px;
    font-size: 18px;
    margin-bottom: 10px;
}

.caja_tel {
    background-image: url(/vufind/themes/bootstrap3/images/ico_telefono.png);
    background-position: left;
    background-repeat: no-repeat;
    /*height: 38px;*/
    padding-left: 40px;
    font-family: 'Conv_ZapfHumanist', Sans-Serif;
    font-weight: normal;
    color: white;
    font-size: 18px;
    margin-bottom: 10px;
}

.caja_mun {
    background-image: url(/vufind/themes/bootstrap3/images/mundo_unsn.png);
    background-position: left;
    background-repeat: no-repeat;
    /*height: 38px;*/
    padding-left: 40px;
    font-family: 'Conv_ZapfHumanist', Sans-Serif;
    font-weight: normal;
    color: white;
    font-size: 18px;
    margin-bottom: 10px;
}

.caja_infoblig {
    padding-left: 40px;
    font-family: 'Conv_ZapfHumanist', Sans-Serif;
    font-weight: normal;
    color: white;
    font-size: 18px;
    margin-bottom: 10px;
}

.caja_infoblig a {
    text-decoration: none;
}

.caja_infoblig a:hover {
    text-decoration: underline;
}


/*Search*/

#searchForm {
    text-align: center;
    padding: 2rem;
    background-color: rgba(66, 66, 66, 0.6);
    border-radius: 10px;
    margin-bottom: 20px;
}

#searchForm_lookfor {
    width: 100%;
}

.searchHomeContent .btn-link,
.searchHomeContent .nav-tabs a {
    color: black;
    text-shadow: none;
    /*font-weight: bold;*/
}

.searchHomeContent .find_btn {
    font-size: 17px;
    padding: 0px 12px;
    font-size: 17px;
}

#searchForm_lookfor,
#searchForm_type {
    margin-bottom: 0;
    border: 1px solid #bbbdbf;
    font-size: 17px;
}

#searchForm .form-control {
    padding: 0px 12px;
}

.breadcrumbs {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    height: 0;
}

header .btn-primary {
    color: white;
    background-color: #005ba0;
}

header .btn-primary:hover {
    color: #005ba0;
    background-color: white;
    border-color: #005ba0;
}

.searchHomeContent::after {
    background-color: transparent;
    content: none;
}

.form-control:focus {
    padding-bottom: 3px;
    border-bottom: 3px solid #005ba0;
    box-shadow: none;
}


/*Contenido*/

.searchHomeContent {
    background-color: white;
    background-image: url(../../bootstrap3/images/2Banner_Collage.jpg);
    box-shadow: none;
    animation: cambio infinite;
    animation-duration: 20s;
}

.search-home-facets {
    display: none;
}

.center_logos {
    display: flex;
    align-items: center;
}


/*.logo_revistas{
    width: 100px;
}*/

.logos {
    padding: 5px;
    text-align: center;
}

.searchForm .btn-link {
    line-height: 20px;
    font-size: 17px;
    color: #fff !important;
    background-color: #1976d2;
}

.searchForm .btn-primary {
    color: white;
    background-color: #1976d2;
}

.result .media {
    border-bottom: 2px solid #767676;
}

.result .record-number {
    font-size: 1.25rem;
    color: #eee;
    background-color: #8e8e8e;
    padding-top: 1rem;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.result {
    border: none;
}

.record-nav {
    float: right;
    background-color: rgba(255, 255, 255, .5);
    margin-top: 1.25rem;
    width: 24%;
}

@keyframes cambio {
    0% {
        background-image: url(../../bootstrap3/images/2Banner_Collage.jpg);
    }
    50% {
        background-image: url(../../bootstrap3/images/Banner_Collage.jpg);
    }
}

@media (min-width: 768px) {
    .searchHomeContent {
        height: 300px;
        padding: 7rem 3rem;
        padding-left: calc(50vw - 50% + 3rem);
        padding-right: calc(50vw - 50% + 3rem);
    }
}

.banner.container.navbar a {
    text-decoration: none;
}

#searchForm button.btn.btn-primary.find_btn:hover,
button.btn.btn-primary.find_btn:visited,
#searchForm a.btn.btn-link:hover {
    background: #0b109fbd;
    border-color: #0b109fbd;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #0b109f;
    border-color: #1565c0;
}

.result-body a.title {
    text-decoration: none;
    font-size: 18px !important;
}

.sidebar h2 {
    text-align: center;
}

.record .media {
    margin-top: 20px;
}

.action-toolbar {
    border: 1px solid #dddddd61;
}

.toolbar-btn {
    color: #1565c0;
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
}

.action-toolbar li {
    display: inline-block;
    width: 100%;
}

.sidebar {
    padding-top: 1rem;
    font-size: 14px;
    background-color: #cd9500;
}

.sidebar h2 {
    color: #fff;
}

.facet .badge {
    background-color: #fff;
    font-size: 12px;
    color: #932725;
}

.facet {
    text-decoration: none;
}

.scaa {
    text-align: center;
}

.scaa h1 {
    padding: 17px 0;
}

.scaa .col-md-4 {
    padding: 12px;
}

.scaa a {
    color: #1565c0;
    text-decoration: none;
    font-size: 17px;
}

@media (min-width:1340px) {
    .div-banner {
        background: #d9a900;
        background-image: url(/vufind/themes/bootstrap3/images/CienciaUNISON2021.jpg);
        height: 250px;
        background-repeat: no-repeat;
    }
    .image-banner {
        display: none;
    }
}

@media (max-width:600px) {
    .center_logos {
        display: block;
        align-items: center;
    }
    img.logo_revistas {
        width: 120px !important;
    }
}

img.logo_repositorio {
    max-width: fit-content;
}

img.logo_libros {
    width: 230px !important;
}

@media (max-width:770px) {
    img.logo_revistas {
        width: 120px !important;
    }
    .template-name-results .breadcrumbs{
    	margin-top: 180px;
    }

    #Registro {
        position: absolute;
        left: 610px;
        top: -93px;
        z-index: 1;
    }

    .banner .navbar-brand {
        width: 100px;
        height: 23px;
    }

    header .navbar-brand {
        margin-top: -10px;
        background-image: none !important;
        color: white !important;
        font-size: 12px;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 1px 10px;
        clear: both;
        font-weight: 244;
        line-height: 1.42857143;
        color: #333;
    }

    .dropdown-menu {
        font-size: 12px;
        text-align: left;
        list-style: none;
    }

    #Video {
        margin: auto;
          margin-top: auto;
        margin-top: auto;
        margin-top: 50px;
        position: relative;
        left: 124px;
    }

    #Video iframe{
        width: 495px;
        height: 400px;
    }

    #textoVideo p {
        font-size: 12.5px;
        margin: 10px;
        position: relative;
        left: 0px;
    }

    #textoVideo .boton:hover {
        border: 1px solid #2e518b;
        padding: 10px;
        background-color: #ffffff;
        color: #2e518b;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Helvetica', sans-serif;
        border-radius: 50px;
        position: relative;
        left: 0px;
    }

    #textoVideo .boton {
        border: 1px solid #2e518b;
        padding: 10px;
        background-color: #2e518b;
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Helvetica', sans-serif;
        border-radius: 50px;
        position: relative;
        left: 0px;
    }

    #textoVideo a{
        font-size: 14.5px;
    }

    #SemanaUnison #div1 .titulo {
        font-size: 26px;
        line-height: 1.25em;
        text-align: center;
        font-family: open sans,sans-serif;
    }

    #SemanaUnison #div1 {
        width: 372px;
        margin: 10px;
        position: relative;
        left: 175px;
        height: 40px;
    }

    #SemanaUnison #div2 {
        width: 304px;
        height: 33px;
        margin: 50px 0 0 45px;
        position: relative;
        left: 184px;
        z-index: 2;
      }

    #SemanaUnison #div2 h2{
        font-size: 20px;
    }

    #ContenidoS_U p {
        font-size: 14px;
        line-height: 1.4em;
        text-align: justify;
        letter-spacing: 0.03em;
    }

    #ContenidoS_U {
        width: 249px;
        height: 315px;
        position: relative;
        left: 444px;
        background: #bfc5d6;
        top: -30px;
        z-index: 0;
        margin: 0;
    }

    #CarruselContenedor {
        width: 54%;
        position: absolute;
        top: 1185px;
        right: 300px;
        background-color: #bfc5d6;
        z-index: 1;
    }

    #SemanaUnison {
        background-color: #bfc5d6;
        height: 435px;
        width: 100%;
        padding-left: 1px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #ContenedorVisita {
        background-color: #0054a5;
        width: 800px;
        height: 230px;
        position: relative;
        right: 29px;
    }

    #ContenedorVisita .Visita {
        font-size: 24px;
        line-height: 1.1em;
        text-align: center;
        font-family: 'didot-w01-italic',serif;
        color: white;
    }

    #ContenedorVisita .CienciaU {
        font-family: 'avenir-lt-w01_35-light1475496',sans-serif;
        font-size: 35px;
        line-height: 1.1em;
        text-align: center;
        color: white;
    }

    #ContenedorVisita .Click {
        font-size: 24px;
        line-height: 1.3em;
        text-align: center;
        text-decoration: underline;
        font-family: 'avenir-lt-w01_35-light1475496',sans-serif;
        color: white;
    }

    #Ponentes .TextoPonentes {
        margin: auto;
        padding: var(--svg-calculated-padding,0);
        width: 100%;
    }

    #Ponentes .TextoPonentes h1 {
        font-size: 27px;
        text-align: center;
        color: #FFFFFF;
        background-color: #fc0404;
        font-weight: bold;
        width: 100%;
        height: 70px;
    }

    #Ponentes .container-fluid .row .col-md-4 {
        width: 95.333%;
    }

    #Fila3 {
        position: relative;
        left: 0px;
    }
}

@media (max-width:400px) {
    img.logo_revistas {
        width: 120px !important;
    }
    .template-name-results .breadcrumbs{
    	margin-top: 180px;
    }

    #Registro{
        position: absolute;
        left: 275px;
        top: -36px;
        z-index: 1;
    }

    .banner .navbar-brand {
        width: 70px;
        height: 23px;
    }

    header .navbar-brand {
        margin-top: -16px;
        background-image: none !important;
        color: white !important;
        font-size: 13px;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 1px 10px;
        clear: both;
        font-weight: 244;
        line-height: 1.42857143;
        color: #333;
    }

    .dropdown-menu {
        font-size: 12px;
        text-align: left;
        list-style: none;
    }

    #Video {
        margin: auto;
          margin-top: auto;
        margin-top: 30px;
        position: relative;
        left: 40px;
    }

    #Video iframe{
        width: 295px;
        height: 200px;
    }

    #textoVideo p {
        font-size: 12.5px;
        margin: 10px;
        position: relative;
        left: -16px;
    }

    #textoVideo .boton:hover {
        border: 1px solid #2e518b;
        padding: 10px;
        background-color: #ffffff;
        color: #2e518b;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Helvetica', sans-serif;
        border-radius: 50px;
        position: relative;
        left: 0px;
    }

    #textoVideo .boton {
        border: 1px solid #2e518b;
        padding: 10px;
        background-color: #2e518b;
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Helvetica', sans-serif;
        border-radius: 50px;
        position: relative;
        left: 0px;
    }

    #textoVideo a{
        font-size: 14.5px;
    }

    #SemanaUnison #div1 .titulo {
        font-size: 20px;
        line-height: 1.25em;
        text-align: center;
        font-family: open sans,sans-serif;
    }

    #SemanaUnison #div1 {
        width: 260px;
        margin: 10px;
        position: relative;
        left: 40px;
        height: 32px;
    }

    #SemanaUnison #div2 {
        width: 260px;
        height: 33px;
        margin: 10px 0 0 45px;
        position: relative;
        left: 40px;
    }

    #SemanaUnison #div2 h2{
        font-size: 14px;
    }

    #ContenidoS_U p {
        font-size: 11px;
        line-height: 1.4em;
        text-align: justify;
        letter-spacing: 0.03em;
    }

    #ContenidoS_U {
        width: 200px;
        height: 200px;
        position: relative;
        left: 90px;
        background: #bfc5d6;
        top: 125px;
        z-index: 0;
        margin: 30px 0px 0px 0px;
    }

    #CarruselContenedor {
        width: 90%;
        position: absolute;
        top: 785px;
        right: 16px;
        background-color: #bfc5d6;
        z-index: 1;
    }

    #SemanaUnison {
        background-color: #bfc5d6;
        height: 475px;
        width: 100%;
        padding-left: 1px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #ContenedorVisita {
        background-color: #0054a5;
        width: 430px;
        height: 230px;
        position: relative;
        right: 29px;
    }

    #ContenedorVisita .Visita {
        font-size: 24px;
        line-height: 1.1em;
        text-align: center;
        font-family: 'didot-w01-italic',serif;
        color: white;
    }

    #ContenedorVisita .CienciaU {
        font-family: 'avenir-lt-w01_35-light1475496',sans-serif;
        font-size: 35px;
        line-height: 1.1em;
        text-align: center;
        color: white;
    }

    #ContenedorVisita .Click {
        font-size: 24px;
        line-height: 1.3em;
        text-align: center;
        text-decoration: underline;
        font-family: 'avenir-lt-w01_35-light1475496',sans-serif;
        color: white;
    }

    #Ponentes .TextoPonentes {
        margin: auto;
        padding: var(--svg-calculated-padding,0);
        width: 100%;
    }

    #Ponentes .TextoPonentes h1 {
        font-size: 27px;
        text-align: center;
        color: #FFFFFF;
        background-color: #fc0404;
        font-weight: bold;
        width: 100%;
        height: 70px;
    }

    #Ponentes .container-fluid .row .col-md-4 {
        width: 95.333%;
    }

    #Fila3 {
        position: relative;
        left: 0px;
    }
}