/* * Skeleton V2.0.4 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014 */


/* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Grid - Base Styles - Typography - Links - Buttons - Forms - Lists - Code - Tables - Spacing - Utilities - Clearing - Media Queries */


/* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */

.container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.mitad li {
    display: block !important;
}


/* For devices larger than 400px */

@media (min-width: 400px) {
    .container {
        width: 85%;
        padding: 0;
    }
}


/* For devices larger than 768px */

@media (min-width: 768px) {
    .container {
        width: 80%;
    }

    .column,
    .columns {
        margin-left: 4%;
    }

    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }

    .one.column,
    .one.columns {
        width: 4.66666666667%;
    }

    .two.columns {
        width: 13.3333333333%;
    }

    .three.columns {
        width: 22%;
    }

    .four.columns {
        width: 30.6666666667%;
        /*width: 27.667%;*/
        /* width: 25.667%; */
    }

    .four.colums.minimenu a {
        display: inline-block;
    }

    .five.columns {
        width: 39.3333333333%;
    }

    .six.columns {
        width: 48%;
    }

    .seven.columns {
        width: 56.6666666667%;
    }

    .eight.columns {
        width: 65.3333333333%;
    }

    .nine.columns {
        width: 74.0%;
    }

    .ten.columns {
        width: 82.6666666667%;
    }

    .eleven.columns {
        width: 91.3333333333%;
    }

    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }

    .one-third.column {
        width: 30.6666666667%;
    }

    .two-thirds.column {
        width: 65.3333333333%;
    }

    .one-half.column {
        width: 48%;
    }

    .investigaciones {
        width: 28.56%;
        margin-bottom: 3rem;
        text-decoration: none !important;
    }

    .infografias {
        width: 28.56%;
        margin-bottom: 3rem;
        text-decoration: none !important;
    }

    /* Offsets */
    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.66666666667%;
    }

    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17.3333333333%;
    }

    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 26%;
    }

    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34.6666666667%;
    }

    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 43.3333333333%;
    }

    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 52%;
    }

    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 60.6666666667%;
    }

    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 78.0%;
    }

    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 86.6666666667%;
    }

    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 95.3333333333%;
    }

    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34.6666666667%;
    }

    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-one-half.column,
    .offset-by-one-half.columns {
        margin-left: 52%;
    }
}


/* Base Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */


/* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */

html {
    font-size: 62.5%;
}

body {
    font-size: 1.5rem;
    /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 1.6;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #3f3f3f;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
}


/* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald', sans-serif;
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 200;
}

h1 {
    font-size: 4.0rem;
    line-height: 1.2;
    letter-spacing: -.1rem;
}

h2 {
    font-size: 3.6rem;
    line-height: 1.25;
    letter-spacing: -.1rem;
}

h3 {
    font-size: 3.0rem;
    line-height: 1.3;
    letter-spacing: -.1rem;
    color: #993399;
}

h4 {
    font-size: 2.4rem;
    line-height: 1.35;
    letter-spacing: -.08rem;
    color: #3f3f3f;
}

h5 {
    font-size: 1.8rem;
    line-height: 1.4;
    letter-spacing: -.05rem;
}

h6 {
    font-size: 20px;
    /* line-height: 1.6;
     letter-spacing: 0; */
}


/* Larger than phablet */

@media (min-width: 550px) {
    h1 {
        font-size: 5.0rem;
    }

    h2 {
        font-size: 4.2rem;
    }

    h3 {
        font-size: 3.6rem;
    }

    h4 {
        font-size: 3.0rem;
    }

    h5 {
        font-size: 2.4rem;
        color: #737373;
    }

    h6 {
        font-size: 20px;
    }
}

p {
    margin-top: 0;
}

.example-header {
    color: #737373 !important;
}

.example-header:hover {
    color: #993399 !important;
}

.example-header:active {
    color: #993399 !important;
}

/* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */

a {
    color: #993399;
    text-decoration: none;
}

a:hover {
    color: #993399 !important;
    text-decoration: none;
}

a:link {
    color: #3f3f3f;
    text-decoration: none;
}

a:visited {
    color: #3f3f3f;
    text-decoration: none;
}

a h4:hover {
    color: #993399 !important;
}

a:active {
    color: #993399 !important;
}

.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: white !important;
    /*#c6c6c6 !important;*/
}

/* Buttons –––––––––––––––––––––––––––––––––––––––––––––––––– */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #898989;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    /*text-transform: uppercase;
    */
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: #993399;
    border-color: #993399;
    outline: 0;
}

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
    color: #FFF;
    background-color: #993399;
    border-color: #993399;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
    color: #FFF;
    background-color: #1EAEDB;
    border-color: #1EAEDB;
}


/*input:placeholder-shown {
     font-size:1.4rem;
     font-style:italic;
}
 */

.default ::-webkit-input-placeholder {
    font-size: 1.4rem;
    font-style: italic;
}

.default ::-moz-placeholder {
    font-size: 1.4rem;
    font-style: italic;
}

.default :-ms-input-placeholder {
    font-size: 1.4rem;
    font-style: italic;
}

.default input:-moz-placeholder {
    font-size: 1.4rem;
    font-style: italic;
}

.other ::-webkit-input-placeholder {
    font-size: 1.2rem;
    font-style: italic;
    padding-bottom: 0px;
}

.other ::-moz-placeholder {
    font-size: 1.2rem;
    font-style: italic;
    padding-bottom: 0px;
}

.other :-ms-input-placeholder {
    font-size: 1.2rem;
    font-style: italic;
    padding-bottom: 0px;
}

.other input:-moz-placeholder {
    font-size: 1.2rem;
    font-style: italic;
    padding-bottom: 0px;
}

.activo {
    color: #993399 !important;
    border: 1px solid #993399 !important;
    /*pointer-events: none;*/
}

.active {
    color: #993399 !important;
}


/* Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    width: 100%;
    height: 38px;
    padding: 6px 10px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #D1D1D1;
    /* border-radius: 4px;
    */
    box-shadow: none;
    box-sizing: border-box;
}


/* Removes awkward default styles on some inputs for iOS */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 29px;
}

.buscador form .fa {
    position: absolute;
    padding-top: 11px;
    padding-left: 10px;
}

textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #993399;
    outline: 0;
}

label,
legend {
    text-align: left;
    margin-left: .5em;
    font-weight: normal;
}

fieldset {
    padding: 0;
    border-width: 0;
}

input[type="checkbox"],
input[type="radio"] {
    display: inline;
}

label>.label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal;
}


ol {
    list-style: decimal inside;
}

ol,
ul {
    padding-left: 0;
    margin-top: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
    /* margin: 1.5rem 0 1.5rem 3rem;

     font-size: 90%;*/
}

li {
    margin-bottom: 1rem;
}

.tesauro_subtema {
    position: absolute;
    left: 37rem;
    top: 40px;
}


/* Code –––––––––––––––––––––––––––––––––––––––––––––––––– */

code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
}

pre>code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;
}


/* Tables –––––––––––––––––––––––––––––––––––––––––––––––––– */

th,
td {
    padding: 0px;
    text-align: left;
    /*border-bottom: 1px solid #E1E1E1;*/
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}


/* Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */

button,
.button {
    margin-bottom: 1rem;
}

input,
textarea,
select,
fieldset {
    margin-bottom: 1.5rem;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
    margin-bottom: 2.5rem;
}


/* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */

.u-full-width {
    width: 100%;
    box-sizing: border-box;
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
}

.u-pull-right {
    float: right;
}

.u-pull-left {
    float: left;
}


/* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */

hr {
    clear: left;
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;
}


/* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */

.separar {
    clear: both;
    margin-bottom: -123px;
}


/* Self Clearing Goodness */

.container:after,
.row:after,
.u-cf {
    content: "";
    display: table;
    clear: both;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}


/* Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Note: The best way to structure the use of media queries is to create the queries near the relevant code. For example, if you wanted to change the styles for buttons on small devices, paste the mobile query code up in the buttons section and style it there. */


/* Larger than mobile */

@media (min-width: 400px) {}


/* Larger than phablet (also point when grid becomes active) */

@media (min-width: 550px) {}


/* Larger than tablet */

@media (min-width: 750px) {}


/* Larger than desktop */

@media (min-width: 1000px) {}


/* Larger than Desktop HD */

@media (min-width: 1200px) {}


/* Nuevo –––––––––––––––––––––––––––––––––––––––––––––––––– */

header {
    position: relative;
    top: 82px;
}

.logo {
    width: 16%;
    height: auto;
    float: left;
    position: relative;
    bottom: 100px;
}

.logo_footer {
    max-width: 190px;
    height: auto;
    float: left;
    position: relative;
    bottom: 15px;
}

.logo_upv img {
    position: relative;
    width: 28%;
    height: auto;
    float: right;
    bottom: 93px;
    /* right: 0%;
     */
}

.iconos_home {
    background: #eeeeee;
    padding: 10px 0px 45px;
    margin-bottom: 40px;
    float: left;
    width: 100%;
    text-align: center;
}

.icono img {
    max-width: 60%;
}

.uno {
    background: url(../images/icono_1_g.png) no-repeat;
    height: 119px;
}

.dos {
    background: url(../images/icono_2_g.png) no-repeat;
    height: 119px;
}

.tres {
    background: url(../images/icono_3_g.png) no-repeat;
    height: 119px;
}

.cuatro {
    background: url(../images/icono_4_g.png) no-repeat;
    height: 119px;
    position: relative;
    bottom: 15px;
}

.uno:hover {
    background: url(../images/icono_1.png) no-repeat;
}

.uno:hover .texto_icono {
    color: #993399;
    text-decoration: underline;
}

.dos:hover {
    background: url(../images/icono_2.png) no-repeat;
}

.dos:hover .texto_icono {
    color: #993399;
    text-decoration: underline;
}

.tres:hover {
    background: url(../images/icono_3.png) no-repeat;
}

.tres:hover .texto_icono {
    color: #993399;
    text-decoration: underline;
}

.cuatro:hover {
    background: url(../images/icono_4.png) no-repeat;
}

.cuatro:hover .texto_icono {
    color: #993399;
    text-decoration: underline;
}

.cuatro .texto_icono {
    position: relative;
    top: 112px;
    text-align: center;
}

.uno,
.dos,
.tres,
.cuatro {
    position: relative;
}

.texto_icono {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 2rem;
    position: relative;
    padding: 105px 50px 0 50px;
    top: 120px;
    right: 20%;
    line-height: 2rem;
}

.seccion_central {
    height: 300px;
}

.novedades {
    font-size: 1.3rem;
}

.novedades>a {
    margin-bottom: 0rem;
}

.novedades>br {
    content: "A" !important;
    display: block !important;
    margin-bottom: 0.6em !important;
}

.novedades_enlace_home {
    padding-left: 0px;
    font-size: 1.3rem;
    position: relative;
    margin-top: -7px;
    margin-bottom: 23px;
    font-weight: 300;
}

/* Agenda –––––––––––––––––––––––––––––––––––––––––––––––––– */

.agenda {
    color: #9c6b9f;
    font-size: 1.2rem;
    margin-bottom: 0px;
    /*margin-bottom: -5px;*/
    padding-left: 20px;
}

.agenda_enlace_home {
    padding-left: 20px;
    font-size: 1.3rem;
    font-weight: 300;
    position: relative;
    bottom: 27px;
}

#agenda_titulo_home {
    padding-left: 20px;
    font-size: 1.3rem;
    position: relative;
    bottom: 23px;
}

.agenda_espacio {
    padding-left: 20px;
}

.icono_agenda {
    color: #bfbfbf;
    position: relative;
    top: 20px;
}

.fila_agenda {
    margin: -27px auto;
    position: relative;
    bottom: 3px;
}

.fila_agenda>p>p {
    padding-left: 20px;
}

#datepicker {
    float: right;
    position: absolute;
    /*right: 0%;*/
}

.fondo_agenda {
    padding: 14px;
    height: 55px;
    margin-right: 2rem;
    float: left;
    background-image: url(../images/calendar.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.fondo_agenda>p {
    /*margin: 16px auto;*/
    width: 40px !important;
    margin: 21px 0px 0px -4px;
    transform: translateY(-60%) !important;
}

.fondo_agenda>p>span {
    display: block;
    position: relative;
    bottom: 6px;
    color: #993399;
    text-align: center;
}

.info_calendar {
    position: absolute;
    width: 305px;
    top: 300px;
    right: 0%;
    display: none;
}

.columna_agenda {
    margin-bottom: 390px;
    margin-left: 60px;
}

#tweet {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3rem !important;
    font-weight: normal !important;
    color: #993399 !important;
}


/* footer –––––––––––––––––––––––––––––––––––––––––––––––––– */

.footer_ingles {
    position: absolute;
    top: 40px;
    display: block !important;
}

.seccion_iconos_sociales {
    position: relative;
    bottom: 34px;
}

.seccion_iconos_sociales ul [class*="fa fa-"] {
    background-color: #9b9b9b;
    border-radius: 30px;
    color: #F2F2F2;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
}

.seccion_iconos_sociales ul li {
    list-style: none;
    float: right;
    margin-bottom: 3px;
}

.titulillo {
    font-family: 'Oswald', sans-serif;
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 300;
    color: #993399;
    text-align: right;
    position: relative;
    bottom: 50px;
}

.direccion {
    text-align: left;
    position: inherit;
    margin-bottom: 1rem;
}

.siguenos {
    position: relative;
    bottom: 0;
    margin-bottom: 8px;
    z-index: 1;
}

.adress {
    font-size: 1.2rem;
    color: #474747;
    text-align: left;
    margin-bottom: 22px;
}

.sitio {
    line-height: 2.2rem;
}

.copyright {
    text-align: right;
    margin-bottom: 0px;
    display: block;
}

.mails {
    color: #c6c6c6;
    font-size: 1.3rem;
    border-bottom: 1px solid #c6c6c6;
    font-style: italic;
    white-space: nowrap;
    padding-right: 9rem;
    margin-left: 1rem;
}

.other>input[type="text"] {
    height: 20px;
}

.other>span {
    top: 2px;
}

.okey1 {
    font-family: 'Oswald', sans-serif;
    font-weight: lighter;
    text-transform: uppercase;
    color: white;
    background-color: #ab92b8;
    padding: 5px;
    text-align: right;
    position: relative;
    top: 10px;
    right: 2%;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.okey2 {
    font-family: 'Oswald', sans-serif;
    font-weight: lighter;
    text-transform: uppercase;
    color: white;
    background-color: #ab92b8;
    padding: 5px;
    text-align: right;
    position: relative;
    top: 10px;
    right: 2%;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.okey3 {
    font-family: 'Oswald', sans-serif;
    font-weight: lighter;
    text-transform: uppercase;
    color: white;
    background-color: #ab92b8;
    padding: 5px;
    text-align: right;
    position: relative;
    top: 10px;
    right: 2%;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.publicaciones_y_jornadas_txt {
    width: 80% !important;
    border: 0px !important;
    border-bottom: 2px solid #dedede !important;
    margin-bottom: -35rem !important;
    margin-top: -35rem !important;
}

.novedades_bibliograficas_txt {
    width: 80% !important;
    border: 0px !important;
    border-bottom: 2px solid #dedede !important;
    margin-bottom: -35rem !important;
    margin-top: -35rem !important;
}

.ikusberri_prensa_txt {
    width: 80% !important;
    border: 0px !important;
    border-bottom: 2px solid #dedede !important;
    margin-bottom: -35rem !important;
    margin-top: -35rem !important;
}


.tabla_emails_footer td {
    border: 0px !important;
}

.espacio {
    margin-top: 10px;
    z-index: 2;
}

.espacio_top_bottom {
    margin-top: 10px;
    margin-bottom: 10px;
}

.espacio_mitad {
    margin-top: 14px;
    margin-bottom: -10px;
}

#arriba {
    position: relative;
    background-color: #9A9A9A;
    color: white;
    padding: 5px;
    bottom: 48px;
}

#arriba:hover {
    background-color: #ab92b8;
}

.separador {
    text-align: center;
    height: 4px;
    margin-top: 28px;
    position: relative;
    bottom: 28px;
    z-index: 1;
}

.separador:after {
    content: "";
    display: table;
    clear: both;
}

.separador hr {
    border-top: 2px solid #E1E1E1;
}


@media (min-width: 550px) {
    .seccion_central {
        margin-top: 14px;
        margin-bottom: 1rem;
    }
}

@media (max-width: 550px) {
    .sitio {
        padding-top: 62px !important;
        ;
    }

    .logo_footer {
        top: 9px;
        left: 20%;
    }

    .direccion {
        display: none;
    }

    .sigue {
        display: none;
    }

    #datepicker {
        margin-top: 20px;
        right: unset;
    }
}

/*
lo mostrado del evento se coloca debajo del calendario cuando redimensionas
cambio producción   width: 360px;
*/
@media (max-width: 767px) {
    .info_calendar {
        position: inherit;
        float: right;
        width: 360px;
        padding-top: 280px;
    }
}


/*footer2-------------------------------------------*/

.footer {
    background: #f2f2f2;
    display: flex;
    font-size: 1.3rem;
    /* float: right;
     bottom: -37px;
     left: 0px;
    top: 87.5rem;
    margin-top: -45px;*/
}

.seccion_logos_footer {
    display: none;
}


/*.footer_items{
    font-size: 1.3rem;
    margin-top: 12px;

    float: right;
    display: flex;
    padding-left: 19% !important;

}
.footer_items ul {
    display: flex;
    list-style:none;
    float:left;
    margin-bottom: 3px;
}*/

.footer_items {
    margin-top: 12px;
    /* position: relative; */
    float: right;
    max-height: 45px;
}

.footer_items ul {
    list-style: none;
    margin-bottom: 3px;
}

.footer_items ul li {
    float: left;
    padding: 0 10px 0px 10px;
    border-left: 1px solid #C0C7C6;
    color: #808080;
}

.footer_items ul li:first-child {
    border-left: 0px;
}

.footer_items ul li a {
    color: #808080 !important;
}

.footer_items ul li a:hover {
    color: #993399 !important;
}

.footer_items ul.salto {
    display: inline-block;
}



/* Menú dropdown –––––––––––––––––––––––––––––––––––––––––––––––––– */

nav {
    text-align: center;
    position: relative;
    z-index: 9;
    width: 100%;
}

ul.egmenu {
    background: #eeeeee;
    height: 35px;

    position: relative;
    margin: 0 auto;

}


/* ul.egmenu > li {
     float: left;
     position: relative;
     border-left: solid 1px #5a5a5a;
     padding-left: 20px;
     padding-right: 20px;
}
 */

ul.egmenu>li {
    background: #eeeeee;
    position: relative;
    display: inline-block;
    justify-content: center;
    /* flex: 1;
     */
    list-style-type: none;
    padding-left: 1.2vw;
    padding-right: 1.2vw;
}

ul.egmenu>li::after {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    width: 1px;
    background-color: #5a5a5a;
}

ul.egmenu>li:nth-child(2)::after {
    width: 0;
}

ul.egmenu>li:last-child::after {
    /*hides last 'border' */
    display: none;
}

ul.egmenu>li:first-of-type {
    border: 0px;
}

ul.egmenu ul {
    background: #EFEFEE;
    display: none;
    position: absolute;
    left: 0;
    top: 20px;
    margin-top: 13px;
    padding-top: 15px;
    text-align: center;

    width: 100%;
}

ul.egmenu ul.derecha {
    left: auto;
}

ul.egmenu>li>a {
    position: relative;
    top: 2px;
}

ul.egmenu a {
    cursor: pointer;
    display: block;
    padding: 3px 9px;
}

ul.egmenu li {
    list-style: none;
}

ul.egmenu>li>ul>li:hover {
    background-color: #e8e8e8;
}

ul.egmenu>li>ul>li.otromas:hover {
    background-color: transparent;
}

ul.egmenu li:hover ul.mitad {
    display: inline-block;
    width: 50%;
}


/*nuevo estilo menú*/

.menu_primary {
    text-align: center;
    font-size: 0;
}


.menu_primary>li {
    display: inline-block;
    position: relative;
}

.menu_primary a {
    font-size: 1.5rem;
    display: block;
    /*  border-right:1px solid #5a5a5a;*/
    transition-property: background, color;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}


.menu_primary>li:nth-child(2) {
    border-right: 1px solid white !important;
    padding-left: 2.8vw !important;
    padding-right: 2.8vw !important;
    background: #007078;
    height: 100%;

}

.menu_primary>li:first-child {
    border-right: 1px solid white !important;
    padding-left: 2.8vw !important;
    padding-right: 2.8vw !important;
    background: #9D5B93;
    height: 100%;

}

.menu_primary>li:hover ul {
    display: block;
}

.menu_sub {
    border-right: 1px solid white;
    text-align: left !important;
    z-index: 2;

}

.menu_sub li a.subtitulo {
    color: #993399 !important;
    transition: none !important;
    cursor: default;
}

.menu_sub li~a {
    color: #3f3f3f !important;
}

.menu_sub>li {
    display: block;
}

.menu_sub>li:nth-child(2n+2) a {
    border-left: none;
}

.blanquito {
    color: #ffffff !important;
}

.blanquito:hover {
    color: #ffffff !important;
}

#navbar>.drop {
    display: none;
}

.movil {
    display: none !important;
}

#morado {
    color: #993399 !important;
}

@media all and (max-width: 1000px) {
    .menu_primary>li:nth-child(2) {
        padding-left: 0 !important;
    }

    #navbar>.drop {
        display: block;
    }

    #navbar>.drop p {
        display: inline-block;
        font-size: 26px;
        margin-left: 50px;
    }

    #navbar>.drop span {
        float: right;
        margin-right: 30px;
    }

    ul.egmenu {
        height: auto;
        display: none;
    }

    ul.egmenu>li>a {
        font-weight: 800;
    }

    .open {
        display: block !important;
    }

    ul.egmenu>li {
        float: none;
        width: 100%;
        padding: 0px;
        margin: 0;
    }

    ul.egmenu>li>a {
        font-weight: 800;
    }

    ul.egmenu a {
        line-height: 40px;
    }

    ul.egmenu ul {
        position: relative;
        top: 0px;
        margin: 0px;
        padding: 0px;
    }

    ul.egmenu ul li {
        position: relative;
        top: 0px;
        margin: 0px;
        padding: 0px;
    }

    ul.egmenu>li::after {
        display: none;
    }

    ul.egmenu>li>a:hover {
        background-color: #e8e8e8;
    }

    ul.egmenu>li>a.blanquito:hover {
        background-color: transparent;
    }

    ul.egmenu li:hover ul.mitad {
        width: 100%;
    }

    ul.egmenu li ul {
        display: block;
        text-align: center;
    }

    .menu_sub {
        z-index: 0;
    }

    .menu_sub>li {
        width: 100%;

        text-align: center;
    }

    .movil {
        display: block !important;
    }

    .menu_sub.web {
        width: 100%;
    }

    .menu_primary>li:first-child {

        padding-left: 0 !important;
        padding-right: 0 !important;


    }
}


/*noticias –––––––––––––––––––––––––––––––––––––––––––––––––– */

.info_noticia {
    font-size: 14px;
    color: #808080;
    /*line-height: 1;*/
    margin-bottom: 0.5rem !important;
}

.titulo_seccion_slider {
    font-size: 14px;
    color: #808080;
    /*line-height: 1.6;*/
    margin-bottom: 2.3rem;
}

.noticia {
    margin-bottom: 0.5rem;
}

.text>p {
    margin-bottom: 1rem;
    font-size: 1.3rem;
}

.link_consulta {
    margin-bottom: 0 !important;
}

.link_consulta a {
    color: #78237e;
    font-family: Open Sans;
    font-size: 1.5rem;
    font-weight: 600;
    font-style: italic;
}


/*preheader –––––––––––––––––––––––––––––––––––––––––––––––––– */

.espacio-top {
    margin-top: 0px;
    margin-bottom: 10px;
}

.preheader {
    padding-bottom: 1px;
    position: relative;
    top: 12px;
}

.idiomas {
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-top: 10px;
}

.idiomas ul {
    display: flex;
    list-style: none;
}

.idiomas ul li {
    padding-left: 12px;
}

#active {
    text-decoration: underline;
    color: #993399;
}

.idiomas #active {
    text-decoration: underline;
    color: #993399;
    border: 1px solid #939;
    padding: 3px;
}

#active_sin_subrayado {
    text-decoration: none;
    color: #993399;
}

.minimenu {
    text-align: right;
    margin-top: 7px;
}

.minimenu a {
    font-size: 1.4rem;
    padding-left: 14px;
}

.buscador {
    text-align: right;
}

.searchsubmit {
    font-family: 'FontAwesome';
    width: 29px;
    height: 29px;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0;
    background: #dadada;
    border: none;
    color: #5d3250;
    cursor: hand;
    cursor: pointer;
}

.letra_pequena {
    font-size: 1.6rem !important;
}


/*seccion publicaciones –––––––––––––––––––––––––––––––––––––––––––––––––– */

.info_publicaciones {
    font-size: 14px;
    color: #808080;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.num_anteriores img {
    width: 100%;
    height: auto;
    border: 1px solid #808080;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(194, 192, 194, 1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(194, 192, 194, 1);
    box-shadow: 3px 3px 5px 0px rgba(194, 192, 194, 1);
}

.inv_destacadas img {
    border: 1px solid #808080;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(194, 192, 194, 1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(194, 192, 194, 1);
    box-shadow: 3px 3px 5px 0px rgba(194, 192, 194, 1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 0.2s ease;
    padding: 5px 5px 5px 5px;
    width: 100%;
    /*height: 300px;*/
    /*height: 262px;*/
    object-fit: contain;
}

.inv_destacadas img:hover {
    filter: grayscale(0%);
    filter: gray;
    -webkit-filter: grayscale(0%);
    filter: none;
    transition: 0.2s ease;
}

.num_anteriores p,
a {
    text-decoration: none !important;
}

.list {
    list-style-type: disc;
    color: #993399;
}

li p.listado {
    display: inline;
    margin-bottom: 1rem;
    width: 80%;
}

.otro_titulo {
    color: #3f3f3f;
    display: inline;
    margin-bottom: 1rem;
    width: 80%;
}

.enlace_otro {
    margin-left: 15px;
}

.listado_otro {
    list-style: none;
    margin-left: 30px;
}

.listado_otro li {
    margin-bottom: 0px;
}

.paginacion {
    text-align: center;
}

.paginacion ul>li {
    display: inline-block;
    justify-content: center;
    list-style-type: none;
    padding-left: 0.5rem;
}

.numero {
    color: #bfbfbf !important;
    border: 1px solid #bfbfbf;
    padding: 4px 10px 4px 10px;
}

.numero:hover {
    border: 1px solid #993399;
}

.numero_verde:hover {
    border: 1px solid #007078 !important;
}

.one-half.column img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
}

.migas {
    color: #bfbfbf !important;
    font-size: 1.2rem;
    margin-bottom: 1.8rem;
}

.migas>a {
    color: #bfbfbf !important;
}

.migas>a:hover {
    color: #993399 !important;
}

.enlace_morado>a {
    color: #993399 !important;
    font-style: italic;
    font-weight: 600;
}

.enlace_morado>a:hover {
    color: #993399 !important;
    text-decoration: underline !important;
    font-style: italic;
    font-weight: 600;
}


.subrayado_hover>a:hover {
    color: #993399 !important;
    text-decoration: underline !important;
}

.agenda_enlace_home>a:hover {
    color: #993399 !important;
}

#agenda_titulo_home>a:hover {
    color: #993399 !important;
    text-decoration: underline !important;
}

#agenda_enlace_home>a:hover {
    color: #993399 !important;
    text-decoration: underline !important;
}

.titulo_inves p {
    margin-bottom: 0rem
}

.titulo_inves p:nth-last-child(1) {
    color: #808080;
    padding-top: 0px;
}

.titulo_landing {
    color: #737373;
}

.subtitulo_landing {
    color: #7c7c7c;
    padding-bottom: 10px;
}

.pre {
    font-size: 1.3rem;
    margin-bottom: 0;
    position: relative;
    top: 2px;
}


.pos {
    font-size: 1.3rem;
    margin-top: -18px;
    font-style: initial;
}


.titulo_italica {
    font-style: oblique;
    color: #808080;
    margin-bottom: 0;
    position: relative;
    bottom: 6px;
}

.fecha_titulo {
    color: #993399;
    margin-bottom: 0;
    font-size: 1.3rem;
    font-style: normal;
}

.titulo_italica a {
    font-size: 1.3rem;
    color: #808080 !important;
    font-style: initial !important;
}

.titulo_italica a:hover {
    color: #993399 !important;
}

.verde:hover,
.liverde .active,
.verde2, .verde2:hover, .migas>a.verde:hover, a.verde:hover {
    color: #007078 !important;
}

.liverde {
    background: #87B5B0 !important;
}

.calendar {
    display: block;
    text-indent: -9999px;
    width: 100px;
    height: 82px;
    background: url(../images/calendar.svg);
    background-size: 100px 82px;
}

.publicaciones {
    margin-bottom: 5rem;
}

.publicaciones>.one-half.column>img {
    object-fit: cover !important;
    height: 280px !important;
    width: 100%;
}


/* For devices larger than 768px */

@media (min-width: 768px) {
    .seccion_publicaciones {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

/*INFOGRAFIAS*/

.seccion_infografias.row>div>div {
    margin: 0;
}

@media (min-width: 768px) {

    .seccion_infografias {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

@media (max-width: 768px) {

    .seccion_infografias.row>div>div {
        margin: auto;
    }

    .seccion_infografias.row>div {
        margin-left: 0 !important;
    }

}

.content {
    position: relative;
    width: 90%;
    max-width: 355px;
    margin: auto;
}

.content .content-overlay {
    background: rgba(120, 35, 126, 0.8);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.diver .content .content-overlay {
    background: rgba(0, 112, 120, 0.8);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 1px;
    top: -1px;
    bottom: 0px;
    right: 0px;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}


.content:hover .content-overlay {
    opacity: 1;
}

.content-image {
    border: 1px solid #808080;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(194, 192, 194, 1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(194, 192, 194, 1);
    box-shadow: 3px 3px 5px 0px rgba(194, 192, 194, 1);
    width: 100%;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}



.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    padding: 1em;
}

.content-details p {
    color: #fff;
    padding: 1em;
}

.fadeIn-bottom {
    top: 80%;
}



@media (max-width: 768px) {
    .content {
        max-width: 100%;
        margin: auto;
    }

    .seccion_infografias {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .investigaciones {
        margin-bottom: 20px;
        margin-left: -1.5rem !important;

    }
}


/* Sección prensa */

.caja_direccion {
    padding: 12px 12px;
    background: #F9F9F9;
}

.caja_direccion>p,
table {
    font-size: 1.3rem;
}

.caja_direccion>h5>i {
    color: #9b9b9b !important;
}

.caja_direccion>h5 {
    color: #737373;
}

.columna_formulario>form>ul>li {
    list-style: none;
}

.columna_formulario>form>ul>li {
    list-style: none;
}

.caja_filtros {
    padding: 12px 12px;
    background: #F2F2F2;
    height: auto;
}

.columna_formulario>form>ul>li>p {
    text-decoration: none;
    margin-bottom: 0px;
}

ul>li>label {
    font-size: 1.3rem;
}

ul>li>p>label {
    font-size: 1.3rem;
}

ul>li>input {
    margin-bottom: 0.8rem;
}

ul>li>p>input {
    margin-bottom: 0.8rem;
}


/* For devices larger than 768px*/

@media (max-width: 768px) {

    /* .caja_filtros:after {
         content: ".";
         display: block;
         clear: both;
         visibility: hidden;
    } */
    .caja_direccion:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
    }
}


/* Sección Quiénes somos */

.quienes {
    margin-bottom: 2.6rem;
    text-align: center;
}

.quienes img {
    border: 2px solid #cecece;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(194, 192, 194, 1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(194, 192, 194, 1);
    box-shadow: 3px 3px 5px 0px rgba(194, 192, 194, 1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    /* -webkit-transition: all 0.2s ease;
    */
    width: 100%;
    height: auto;
    object-fit: contain;
}

.quienes img:hover {
    filter: grayscale(0%);
    filter: gray;
    -webkit-filter: grayscale(0%);
    filter: none;
    /*transition: 0.2s ease;
    */
    border: 2px solid #993399;
}

.quienes>a>h6 {
    margin-bottom: 0rem;
    margin-bottom: 0rem;
    text-transform: uppercase;
    font-weight: 500;
}

.quienes>a>p {
    font-size: 1.3rem;
    margin-top: 0;
    margin-bottom: 1.3rem;
    color: #474747;
}


.quienessomos {
    /*background-color: 0e76a8 !important;*/
    color: #0e76a8 !important;
}


/* 2dp elevation modified*/

.z-depth-1,
.card-panel,
.card,
.toast,
.btn,
.btn-large,
.btn-small,
.btn-floating,
.dropdown-content,
.collapsible,
.sidenav {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.scale-transition {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
    transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
    transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
    transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}

.scale-transition.scale-out {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s !important;
    transition: -webkit-transform .2s !important;
    transition: transform .2s !important;
    transition: transform .2s, -webkit-transform .2s !important;
}

.scale-transition.scale-in {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.card-panel {
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    padding: 24px;
    margin: 0.5rem 0 1rem 0;
    border-radius: 2px;
    background-color: #fff;
}

.card {
    position: relative;
    margin-bottom: 3rem;
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
}

.card .card-title {
    font-size: 24px;
    font-weight: 300;
}

.card .card-title.activator {
    cursor: pointer;
}

.card.small,
.card.medium,
.card.large {
    position: relative;
}

.card.small .card-image,
.card.medium .card-image,
.card.large .card-image {
    max-height: 60%;
    overflow: hidden;
}

.card.small .card-image+.card-content,
.card.medium .card-image+.card-content,
.card.large .card-image+.card-content {
    max-height: 40%;
}

.card.small .card-content,
.card.medium .card-content,
.card.large .card-content {
    max-height: 100%;
    overflow: hidden;
}

.card.small .card-action,
.card.medium .card-action,
.card.large .card-action {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.card.small {
    height: 300px;
}

.card.medium {
    height: 400px;
}

.card.large {
    height: 500px;
}

.card.horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.card.horizontal.small .card-image,
.card.horizontal.medium .card-image,
.card.horizontal.large .card-image {
    height: 100%;
    max-height: none;
    overflow: visible;
}

.card.horizontal.small .card-image img,
.card.horizontal.medium .card-image img,
.card.horizontal.large .card-image img {
    height: 100%;
}

.card.horizontal .card-image {
    max-width: 50%;
}

.card.horizontal .card-image img {
    border-radius: 2px 0 0 2px;
    max-width: 100%;
    width: auto;
}

.card.horizontal .card-stacked {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.card.horizontal .card-stacked .card-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.card.sticky-action .card-action {
    z-index: 2;
}

.card.sticky-action .card-reveal {
    z-index: 1;
    padding-bottom: 64px;
}

.card .card-image {
    position: relative;
}

.card .card-image img {
    display: block;
    border-radius: 2px 2px 0 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}

.card .card-image .card-title {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100%;
    padding: 24px;
}

.card .card-content {
    padding: 24px;
    border-radius: 0 0 2px 2px;
}

.card .card-content p {
    margin: 0;
    font-size: 1.3rem;
}

.card .card-content .card-title {
    color: #993399;
    display: block;
    line-height: 32px;
    margin-bottom: 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 500;
}

.card .card-content .card-title i {
    line-height: 32px;
}

.card .card-action {
    background-color: inherit;
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    position: relative;
    padding: 16px 24px;
}

.card .card-action:last-child {
    border-radius: 0 0 2px 2px;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
    color: #ffab40;
    margin-right: 24px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
    color: #ffd8a6;
}

.card .card-reveal {
    padding: 24px;
    position: absolute;
    background-color: #fff;
    width: 88%;
    overflow-y: auto;
    left: 0;
    top: 100%;
    height: 100%;
    z-index: 3;
    display: none;
}

.card .card-reveal .card-title {
    color: #993399;
    cursor: pointer;
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 500;
}

.card .card-reveal>p {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

i.right {
    float: right;
    margin-left: 15px;
}

.card-content>h6 {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 1rem;
}

.card-content>p>a {
    font-size: 1.3rem;
    margin-top: 0;
    margin-bottom: 1.3rem;
    color: #474747;
}


/* Caja modal para suscripción*/

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 999;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}


/* Modal Content/Box */

.modal-content {
    background-color: #fefefe;
    margin: 44px 5% 10% 40%;
    padding: 20px;
    border: 1px solid #888;
    width: 25%;
    text-align: center;
}


/* The Close Button */

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    z-index: 99;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/*TESAURO y BÚSQUEDA */

ul.resultados_tesauro li {
    list-style: none;
}

ul.resultados_tesauro li ul {
    padding-top: 10px;
}

ul.resultados_tesauro li ul li {
    padding-left: 15px;
}

#criterio_nom_id {
    height: auto;
}

.form-control {
    height: auto;
}

.subresultados li a span {
    font-weight: 700;
}


/*-----------DETALLE CATÁLOGO-----------------*/

.catalogo {
    margin-bottom: 30px;
    margin-left: 11px;
}

.catalogo>.three.columns>img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.avanzada {
    background: #F2F2F2;
    /* height: 80px; */
    /* padding: 26px 0px 26px 22px; */
    padding: 10px 10px 0px 10px;
    margin-bottom: 12px;
}

.cierre {
    float: left;
    margin-right: 40px;
    color: #9A9A9A;
}


/*Tags*/

.tags {
    list-style: none;
    margin: 8px 0;
    overflow: hidden;
    padding: 0;
}

.tags li {
    float: left;
    margin-bottom: 0;
}

.tag {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    font-size: 1.3rem;
}

.tag::before {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
}

.tag::after {
    background: #fff;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #eee;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}

.tag:hover {
    background-color: #993399;
    color: white !important;
}

.tag:hover::after {
    border-left-color: #993399;
}

#oculta_tags {
    float: left;
    padding: 0 7px 0 0;
}

#oculta_tags i {
    font-size: 2rem;
}

#registro {
    margin-bottom: 1.3rem;
}

.separador_resultados {
    margin: 4rem 0 1.2rem 0;
}

.separador_check {
    margin: 0 0 1.2rem 0;
}


.catalog_results {
    list-style: none;
    text-transform: lowercase;
    margin-left: 2.5rem;
}

.catalog_results li::first-letter {
    text-transform: uppercase;
}

.catalog_results>li {
    margin-bottom: 0rem;
}

.columna_formulario>.catalog_results>li {
    margin-bottom: 1rem;
}

.columna_formulario>.catalog_results {
    margin-left: 0;
}

.fondo_all {
    background-color: #F2F2F2;
    padding: 9px 0px 0px 10px;
    position: relative;
    margin-bottom: 22px
}

.fondo_all>span {
    float: right;
    margin-right: 9px;
}

.fondo_all>span a {
    padding-right: 11px;
}


/*
    .catalog_results li > a:after { content: '>'; }


    .catalog_results > li > a:after {content: '▼'; }


    .catalog_results li > a:only-child:after {content: ''; }

*/

.registros {
    float: right;
    max-width: 80px;
    position: relative;
    bottom: 6px;
}

.registros~p {
    float: right;
    padding-right: 10px;
}

#numero_registro {
    text-align: left;
}

#num_paginas {
    margin: 0x 0 20px 0;
    width: 420px;
}

.autor {
    font-family: 'Oswald', sans-serif;
    margin-bottom: 0;
}

.autor+p {
    margin-bottom: 0.8rem;
}

.iconos_biblio [class*="fa fa-"] {
    background-color: #9b9b9b;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
    position: relative;
    bottom: 1.3rem;
}

.info_resultados .autor {
    display: inline;
}

.info_resultados>ul>li {
    list-style: none;
}

.intervalos {
    float: right;
}

#temaygeoform>a {
    margin-right: 5px;
}


/* SECCIÓN ENLACES + ESTADÍSTICAS*/

.estadisticas>div>.tittle_year {
    color: #993399;
    margin-bottom: 1.3rem;
    border-bottom: solid 1px #993399;
    font-size: 2.4rem;
}


.estadisticas>div>h6 {
    font-family: 'Open Sans', sans-serif;
}

.estadisticas>div>table>tbody>tr>td {
    line-height: 3rem !important;
}

.estadisticas>div>table>tbody>tr>td>a>img {
    margin-left: 8px !important;
}


/* .enlaces > div > h4{
    border-bottom: solid 1px #3f3f3f;
}

.estadisticas > div > h4:not(:first-of-type){
    border-bottom: solid 1px #3f3f3f;
    font-size: 2.4rem;
} */

#backgroundPopup {
    display: none;
    position: fixed;
    _position: absolute;
    /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border: 1px solid #cecece;
    z-index: 9999;

}

#popupContact {

    /*margin-left: 15%;
    position: fixed;
    border-radius: 4px;
    z-index: 999999;

    font-size: 13px;
    color: #FFFFFF;
    text-align: center;
    top: 26%;
    background-color: #e1e1e1;
    padding: 20px;
    line-height: 1.9rem;*/

    border-radius: 4px;
    z-index: 999999;

    font-size: 13px;
    color: #FFFFFF;
    text-align: center;
    background-color: #e1e1e1;
    padding: 20px;
    line-height: 1.9rem;
    left: 50%;
    position: absolute;
    top: 122%;
    transform: translate(-50%, -50%);
}

/* el siguiente bloque comentado es como estaba el popup de navidad de todos los años pero lo tuve que cambiar en el que no esta comentado para el mensaje de coronavirus */
/*#popupContact{
	display:none;
	position:fixed;
	_position:absolute;
 	border-radius:4px;
	width:460px;
	z-index:999999;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
	color: #FFFFFF;
	text-align: center;
	margin-right: 20%;
	margin-left: 10%;
	top: 12%;
	   background-color: #F7F7F7;
 } */

#popupContact a {
    text-decoration: underline;
}

#popupContactClose {
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    right: 6px;
    top: -5px;
    position: absolute;
    font-weight: 700;
    display: block;
    background-repeat: no-repeat;
    padding: 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;




}



/*POPUP CONSENTIMIENTO COOKIES*/


.cookie-consent-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2147483645;
    box-sizing: border-box;
    width: 100%;

    background-color: #eeeeee;
}

.cookie-consent-banner__inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 32px 0;
}

.cookie-consent-banner__copy {
    margin-bottom: 16px;
}


.cookie-consent-banner__header {
    margin-bottom: 8px;

    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}

.cookie-consent-banner__description {
    font-weight: normal;
    color: #838F93;
    font-size: 16px;
    line-height: 24px;
}

.cookie-consent-banner__cta {
    box-sizing: border-box;
    display: inline-block;
    min-width: 164px;
    padding: 11px 13px;

    border-radius: 2px;

    background-color: #993399;

    color: #ffffff !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}

.cookie-consent-banner__cta--secondary {
    padding: 9px 13px;

    border: 2px solid #3A4649;

    background-color: transparent;

    color: #993399 !important;
}

.cookie-consent-banner__cta:hover {
    background-color: #7a2c7a;
    color: #ce52ce !important;
}

.cookie-consent-banner__cta--secondary:hover {
    border-color: #838F93;

    background-color: transparent;

    color: #7a2c7a !important;
}

.cookie-consent-banner__cta:last-child {
    margin-left: 16px;
}



/*MEDIA QUERIES*/

@media (max-width: 1450px) {
    .menu_sub.web {
        width: 12vw;
    }

    ul.egmenu li:hover ul.mitad {
        width: 12vw;
    }
    ul.egmenu ul.derecha {
        left: auto;
        margin-left: 15px;
    }

    .menu_primary>li:first-child .derecha {
        margin-left: 28px;
    }
  
}
@media (max-width: 1155px) {
    .menu_primary>li:first-child {
        padding-left: 1.5vw !important;
        padding-right: 1.5vw !important;
    }

    .menu_primary>li:nth-child(2) {
        padding-left: 1.5vw !important;
        padding-right: 1.5vw !important;
    }

    ul.egmenu>li {
        padding-left: 0.5vw;
        padding-right: 0.5vw;
    }

    .menu_sub.web {
        width: 100%;
    }

    ul.egmenu li:hover ul.mitad {
        width: 100%;
    }

    ul.egmenu ul.derecha {
        left: auto;
        margin-left: 28px;
    }

    .menu_primary>li:first-child .derecha {
        margin-left: 68px;
    }
}

/* Larger than tablet */

@media (max-width: 1000px) {

    .cuatro .texto_icono {
        text-align: center;
        right: 0px;
    }

    .footer_items {
        text-align: center;
        left: 0%;
    }

    .footer_items ul li {
        padding-left: 0px;
        border-left: 0px;
    }

    .footer_items ul {
        display: inline;
        float: none;
        padding-left: 0px
    }

    .footer {
        position: relative;
        height: 150px;
    }

    #up {
        bottom: 142px !important;
    }

    .seccion_iconos_sociales {
        position: relative;
        bottom: 0px;
        width: 200px;
        margin-right: auto;
        margin-left: auto;
    }

    .seccion_iconos_sociales ul [class*="fa fa-"] {
        background-color: transparent;
        color: #9b9b9b;
    }

    footer {
        height: 1800px;
    }

    .seccion_iconos_sociales {
        position: absolute;
        bottom: 20px;
        right: 190px;
    }
}

/* Smaller than tablet */

@media (max-width: 550px) {

    .uno,
    .dos,
    .tres,
    .cuatro {
        left: 32%;
    }

    .texto_icono {
        top: 109px;
        right: 26%;
    }

    .cuatro .texto_icono {
        top: 97px;
        right: 93px !important;
    }

    .footer {

        padding-bottom: 50px;
        font-size: 1.1rem;
        line-height: 1.1rem;
    }


    .seccion_iconos_sociales {
        position: absolute;
        top: 153px;
        right: 100px;
    }

    .seccion_logos_footer {
        display: block;
        position: absolute;
        top: 103px;
        right: 120px;
        opacity: 0.4;
    }

    #up {
        margin-left: 42% !important;
    }

    header .logo_upv {
        display: none;
    }

    header .logo {
        width: 41%;
        height: auto;
        margin-bottom: -32px;
        margin-left: 5px;
        z-index: 9;
    }

    .buscador {
        position: absolute;
        z-index: 3;
        /* background: white; */
        margin-top: 120px;
    }



    #navbar {
        z-index: 3;
        position: absolute;
        top: 71px;
    }

    #navbar>.drop p {
        display: none !important;

    }

    #navbar>.drop span {

        margin-right: 22px;
    }

    .idiomas ul li {
        padding-left: 6px;
        z-index: 99;
    }

    .modal-content {
        margin: 44px 3% 10% 4%;
        width: 80%;
        z-index: 9999;
    }


    ul.egmenu {

        top: 55px;
    }

    .minimenu a {
        padding-left: 5px;
    }

    #popupContact {
        /* display: none; */
        position: fixed;
        _position: absolute;
        border-radius: 4px;
        z-index: 999999;
        width: 78%;
        /* padding-top: 15px; */
        /* padding-bottom: 15px; */
        font-size: 13px;
        color: #FFFFFF;
        text-align: center;
        margin-right: 0;
        margin-left: 0%;
        top: 22%;
        padding: 20px;

    }

}


@media (max-width: 768px) {
    .logo_upv img {
        float: none;
        left: 0;
        padding-bottom: 0px;
    }

    .searchsubmit {
        position: relative;
        top: auto;
        bottom: 52px;
    }

    .minimenu {
        /* text-align: center;
        margin-bottom: 30px;*/
        position: absolute;
        right: 35px;
    }

    form {
        height: auto;
    }

    .logo {
        float: none;
    }

    .siguenos {
        text-align: left;
    }

    .copyright {
        text-align: left;
    }
}


/* Smaller than tablet */

@media (max-width: 750px) {
    .logo_upv img {
        padding-bottom: 20px;
    }

    /*.minimenu {
        display: grid;
    }*/
    .minimenu a {
        font-size: 1.2rem;
    }

    #popupContact {
        display: none !important;
    }
}


/*fin media queries*/

#up {
    position: absolute;
    bottom: 92px;
    margin-left: 49%;
    background-color: #9A9A9A;
    color: white;
    padding: 5px;
}

@media print {
    @page {
        margin: 0;
        padding: 0;
    }

    .oculto-impresion,
    .oculto-impresion * {
        display: none !important;
    }
}