@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&subset=latin-ext');

/* Fuente del texto de toda la web y color del Pantone de Mapfre */
body, 
input, 
select,
h1,
.header__title, 
.pre-header {
  font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
  color: #737373;
}

/* Ocultamos enlaces del menú específicos de los idiomas no seleccionados*/
html:lang(es) .main-nav__item.enlace-externo.opcion_en,
html:lang(es) .main-nav__item.enlace-externo.opcion_pt {
  display: none;
}

html:lang(i18n) .main-nav__item.enlace-externo.opcion_en,
html:lang(i18n) .main-nav__item.enlace-externo.opcion_pt {
  display: none;
}

html:lang(en) .main-nav__item.enlace-externo.opcion_es,
html:lang(en) .main-nav__item.enlace-externo.opcion_pt {
  display: none;
}

html:lang(pt) .main-nav__item.enlace-externo.opcion_en,
html:lang(pt) .main-nav__item.enlace-externo.opcion_es {
  display: none;
}

/* Ocultamos enlaces de "conócenos" específicos de los idiomas no seleccionados en el mapa web */
html:lang(es) .menu_nosel.enlace-externo.opcion_en,
html:lang(es) .menu_nosel.enlace-externo.opcion_pt {
  display: none;
}

html:lang(i18n) .menu_nosel.enlace-externo.opcion_en,
html:lang(i18n) .menu_nosel.enlace-externo.opcion_pt {
  display: none;
}

html:lang(en) .menu_nosel.enlace-externo.opcion_es,
html:lang(en) .menu_nosel.enlace-externo.opcion_pt {
  display: none;
}

html:lang(pt) .menu_nosel.enlace-externo.opcion_en,
html:lang(pt) .menu_nosel.enlace-externo.opcion_es {
  display: none;
}

/* Establecemos alto de pre-header. 
En dibibib 10, Si no se muestra el link de inicio de sesión los literales de los idiomas se cortan por debajo
*/
.pre-header {
  margin-bottom: 10px;
  background: #D81E05;
  padding: 1em 0;
}

.pre-header__link,
.pre-header__link:hover,
.pre-header__link:visited{
  color: #fafafa;
}

.pre-header__link.rss {
  background: none;
  padding-left: 0;
}

.pre-header__link.rss:before {
  font-family: "Ionicons";
  content: "\f23d";
  margin-right: 0.2em;
}

.pre-header__item:not(:first-child) {
  border-left: 1px solid #FAFAFA;
}

.pre-header__link.user {
  pointer-events: none;
}
.pre-header__link.user:hover,
.pre-header__item.dropdown__text:hover {
  text-decoration: none;
  cursor: text;
}

/* Barra de administración*/
.admin-bar {
  background: #FFF;
  color: #D81E05;
}

.admin-bar .dropdown__link {
  background: #FFF;
  color: #D81E05;
}

.admin-bar .dropdown__link:hover {
  background: #FAFAFA;
  color: #D81E05;
}

a.admin-bar__link {
  color: #D81E05;
}

a.admin-bar__link:hover {
  color: #D81E05;
}

.coleccion input:checked ~ label:hover:before {
  color: #FAFAFA;
}

.admin-bar .control:before, .admin-bar .control:hover:before {
  color: #D81E05;
}
.admin-bar .close:before,
.admin-bar .change:before,
.admin-bar .catalogacion:before {
  color: #FAFAFA;
}

/* Header */
.header__logo img {
  width: 100%;
  height: 100%;
}

.header__logo {
  margin-top: -20px !important;
}

.header__title {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  width: 100%;
  line-height: 44px !important;
  color: #555;
}

.header__title-inner {
  padding: 2px 8px;
}

#header__content {
  height: 60px !important;
}

/* Ajustes en el listado de resultados */
#navegacion_resultados .nav_registros .registro_bib .iconos {
  position: unset;
  top: unset;
  left: unset;
  margin-top: unset;
  display: unset;
  width: unset;
  height: unset;
}

#navegacion_resultados .nav_registros .registro_bib .iconos > img {
  position: relative;
  top: .2em;
}

#navegacion_resultados .datos_registro .iconos .icono {
  display: unset;
}

#navegacion_resultados .seccion,
.resumen_basico .seccion {
  display: unset;
}

.resumen_basico .seccion {
  font-weight: 400;
}

#navegacion_resultados .nav_registros .registro_bib .titulo {
  display: unset;
}

#nav-search-textbox {
  width: 210px;
}

div #linksCliente span {
  display: block;
  margin-bottom: 0.2em;
}

div #linksCliente span.ot-sdk-button button {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  font-size: inherit;
  font-family: inherit;
  font-variant: inherit;
  font-weight: inherit;
  text-transform: inherit;
  line-height: inherit;
}

div #linksCliente span.ot-sdk-button button:hover {
  text-decoration: underline;
}

.main-nav__link {
  text-transform: uppercase;
}

/* Ponemos el color de fondo del menú a blanco y las letras en rojo*/
#navbar, a.main-nav__link, a.main-nav__sublink ,
#nav-search-field, #nav-search-textbox {
  background-color: #FFFFFF;
}

a.main-nav__link {
  color: #D81E05;
}

a.main-nav__sublink {
  color: #D81E05;
}

/* Separamos el menú con una línea */
#header__wrapper {
  box-shadow: 2px 10px 5px -12px rgba(115,115,115,0.25);
  border-bottom: 1px solid rgba(115,115,115,0.1);
  max-width: calc(1280px - 4em);
  margin: 0 auto;
}

#header__wrapper .content--wide,
.header__title {
  padding-left: 0em;
  padding-right: 0em;
}

#navbar {
  font-size: 1em;
}

#nav-search-history .main-nav__dropdown {
  width: 277px;
  margin-top: 38px;
}

.main-nav__item:first-child a {
  padding-left: 1em;
}

.main-nav__dropdown {
  margin-top: 40px;
  border: 1px solid #F3F3F3;
  box-shadow: 0px 10px 5px -12px rgba(0,0,0,0.25);
}

.main-nav__item.hasdropdown > a::after {
  vertical-align: top;
}

a.main-nav__link:hover,
a.main-nav__sublink:hover,
a.main-nav__link:focus {
  background-color: #D81E05;
  color: #FAFAFA;
}

#menu_public .main-nav__sublink:hover,
#menu_public .main-nav__sublink:focus {
  box-shadow: inset 3px 0px 0px 0px #D81E05
}

#navbar li.active > a:hover,
#navbar li.active > a:focus
a.main-nav__sublink:focus {
  background-color: #D81E05;
  color: #FAFAFA;
}

#navbar li.active > a {
  background-color: #D81E05;
  color: #FAFAFA;
}

.looper-nav-wrapper .navigation-bull li.active a {
  background: #D01E0D;
  border-color: #D01E0D;
}
.looper-nav-wrapper .navigation-bull li a:hover {
  background: #D81E05;
  border-color: #D81E05;
}
.looper-nav-wrapper .navigation-bull li a {
  color: #737373;
}

.search__aside .coleccion label, 
.nav_marco .nav_letras .pagina_actual,
.nav_marco .nav_letras .enlace_cambio .boton_texto, 
.nav_paginas .nav_pagina_directo .boton_texto,
.nav_paginas .nav_pagina_directo .pagina_actual,
#registros_bib #navegacion_resultados .nav_registros .autor,
#registros_bib #navegacion_resultados .nav_registros .datos_publicacion,
#registros_bib .sumario_valores dl dt .abierto, 
#registros_bib .sumario_valores dl dt .cerrado,
#registros_bib .sumario_valores ul li a,
#registros_bib .ocurrencias_valor {
  color: #737373;
}

.filtro_tipo_fechas .tipo_fechas .seleccionado,
.filtro_tipo_fechas .tipo_fechas a {
  color: #737373 !important;
}

/* Botones */
button,
input.submit_boton,
#boton_limpiar,
#boton_aceptar,
#boton_volver,
.barra_botones #boton_cancelar,
.barra_botones .boton_texto,
.barra_botones .boton_eliminar .boton_texto,
.coleccion .checkbox label:hover,
.coleccion .checkbox input:checked ~ label:hover {
  background: #D81E05;
  color: #FAFAFA;
  box-shadow: inset 0px 0px 0px 0px;
}

button:hover,
input.submit_boton:hover, 
input.submit_boton_over:hover,
#boton_limpiar:hover,
#boton_aceptar:hover,
#boton_volver:hover,
.barra_botones #boton_cancelar:hover,
.barra_botones .boton_texto:hover {
  background-color: #C20A25;
  box-shadow: inset 0px 0px 0px 0px;
}

.coleccion .checkbox input:checked ~ label {
  background: #FFFFFF;
  color: #737373;
  box-shadow: inset 0px 0px 0px 0px;
}

.coleccion input:checked ~ label:before {
  color: #D81E05;
}

/*Página presentación*/

.home {
  flex-direction: column;
  width: 100%;
}

/* Hack para IE quen nos permite reordenar los elementos usando flexbox*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .home {
    display: block;
  }
}

.seccion_destacadas {
  width: 100%;
  order: 1;
}

.home__main-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.home__sidebar {
  width: 100%;
  max-width: 1220px;
  margin: 0 0 2em 0;
  padding-left: 0;
}

.textIntroduccion {
  margin-bottom: 2em;
}

.CMS--extra-links > p {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 1em 0;
}

.CMS--extra-links > h2 {
  margin-top: 0;
}

.CMS--extra-links img {
  margin-right: 4em;
}

/* Búsqueda */
.form_busqueda .valor input,
.form_busqueda .valor select,
#formulario-busqueda .valor input,
.form_busqueda .caja_ayuda,
td > select,
.busqueda_avanzada .columna_campo input,
.busqueda_avanzada .columna_campo select,
.busqueda_avanzada .columna_valor input,
.busqueda_avanzada .columna_valor select,
.button-desplegable .desplegable,
.busqueda_avanzada div.caja_ayuda {
  background-color: #FAFAFA;
}

/* Iconos */
.resumen_ejemplares a[href="#infoejemplares"]:before {
  font-family: "Ionicons";
  margin-right: 4px;
}

/* Enlaces */
a, a:visited, a:hover,
#registros_bib #formato_resultado_mosaico .nav_registros a,
#registros_bib #navegacion_resultados .nav_registros .titulo a,
#filtros .publicacion .boton_texto, 
.calendar .today,
#contenido #barraanyos ul li a, 
#contenido #barraotrosnumeros ul li a,
#registros_bib .sumario_valores ul li a:hover,
form>.boton_exportar input[type="submit"] {
  color: #D81E05
}

.calendar *,
.calendar a {
  color: #737373
}

#resultado-dpla-europeana:not(#resultados_dpla),
#resultado-dpla-europeana:not(#resultados_europeana) {
  background-color: #FFFFFF;
}

/* Mi biblioteca - mi prefil */
.usuario ul li {
  display: flex;
  justify-content: space-between;
}

.usuario label {
  width: 30%;
}

.usuario span,
#lb_usr_circInterno {
  width: 70%;
}

.usuario .etiqueta {
  width: 60%;
}

.usuario .obligatorio {
  display: flex;
  justify-content: space-between;
}

.usuario .obligatorio label {
  width: 53%;
}

#label_usr_nombre,
#label_usr_password,
#label_usr_password2 {
  color: #D81E05;
}

.usuario .obligatorio .texto {
  border: 1px solid #D81E05;
}

.usuario .barra_botones {
  float: left !important;
  margin-left: 40%;
  width: 40em;
}

/* Pie */
#pie {
  background-color: #D81E05;
  color: #FFF;
  border-top: none;
}

#pie a, #pie a:visited {
  color: #FFF;
}
