:root {
  --color-uno: rgba(9, 143, 136, 1);
  --color-dos: rgba(0, 97, 78, 1);
  --color-tres: rgba(193, 227, 225, 1);
}

/* Colores de enlaces */
a {
    color: var(--color-uno);
}

a:focus, a:hover {
    color: var(--color-dos);
}

a[href^="/autor/autor-extranjero"] {
  color: #8d8f09;
}

a[href^="/autor/autor-desconocido"] {
  color: #8f0909;
}

a[href^="/autor/autor-institucional"] {
  color: #575757;
}

/* Menues principales */
.menu-base-theme {
  background-color:#ffffff;
}

.menu-base-theme a span.sub-arrow {
  border-top-color: var(--color-uno);
}

.main-header nav.topnav.navbar-default {
  border-bottom-color: var(--color-uno);
}

.btn, input[type="submit"] {
  background: var(--color-uno);
}

.btn:hover, input[type="submit"]:hover {
  background: var(--color-dos);
}

.region-primary-menu, .menu-base-theme li a {
  color: var(--color-uno);
}

  #mainmenuitem8 a
  {
    background: #84c7c3;
    color:#098f88;
  }
  
#toTop a.scrollUp {
  background: var(--color-uno);
}

#toTop a.scrollUp:hover {
  background: var(--color-dos);
}

.social-media > a {
  background: var(--color-uno);
}

.footer-acerca-de {
  background: var(--color-tres);
  border-top-color: var(--color-uno);
  border-bottom-color: var(--color-uno);
}


  .menu-base-theme ul a:hover,
  .menu-base-theme ul a:focus,
  .menu-base-theme ul a:active,
  .menu-base-theme ul a.is-active,
  .menu-base-theme ul a.highlighted,
  .menu-base-theme li a.is-active
  {
    background: var(--color-uno);
  }
    
  .menu-base-theme a,
  .menu-base-theme a:hover,
  .menu-base-theme a:focus,
  .menu-base-theme a:active,
  .menu-base-theme a.highlighted,
  .menu-base-theme a.has-submenu.highlighted,
  .menu-base-theme a.is-active 
  {
    background: var(--color-uno);
    color:#fff;
  }


.menu-base-theme a, .menu-base-theme a:hover, .menu-base-theme a:focus, .menu-base-theme a:active, .menu-base-theme a.highlighted {
    background: var(--color-uno);
    color: #fff;
}

.titulo-obra-destacada {
  color: var(--color-uno);
}

.titulo-secundario {
  background-color: var(--color-uno);
}

.resaltado3 {
  border-top-color: var(--color-uno);
}

input, button, select, textarea {
    border: 1px solid var(--color-uno);
    
}

.field--name-field-estatusderechos, .field--name-field-derechosobra {
    background: var(--color-tres);
}

/* Boton de tres lineas */
.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--color-uno);
}

.menu-base-theme {
    border-bottom-color: var(--color-uno);
    border-top-color: var(--color-uno);
}

/* Banner y logo */
.bannersvg a svg {
  fill: var(--color-uno);
}

/* Iconos de bloque acerca de */
.icono-acercade a svg {
  width: 44px;
  height: 44px;
  fill: var(--color-uno);
  vertical-align: bottom;
}

.icono-acercade a svg:hover, .bannersvg a svg:hover { 
  fill: var(--color-dos);
  transition: 150ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 150ms;
  -webkit-transition-timing-function: ease-in-out;
}

.icono-acercade {
    padding-right: 8px;
}

.icono-acercade a {
    text-decoration: none;
}

/* Iconos de enlaces de descarga */
.label-descargas {
  fill: var(--color-uno);
}

.label-descargas:hover {
  fill: var(--color-dos);
  transition: 150ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 150ms;
  -webkit-transition-timing-function: ease-in-out;
}

/* Color de fondo de selectores, solo funciona en FF */
select option:checked,
select option:hover {
    box-shadow: 0 0 10px 100px var(--color-uno) inset;
    -webkit-box-shadow: 0 0 10px 100px var(--color-uno) inset;
}

/* Linea pie de página */
hr.style-mint {
  background-image: -webkit-linear-gradient(left, rgba(26,188,156,0), rgba(26,188,156,0.75), rgba(26,188,156,0));
  background-image: -moz-linear-gradient(left, rgba(26,188,156,0), rgba(26,188,156,0.75), rgba(26,188,156,0));
  background-image: -ms-linear-gradient(left, rgba(26,188,156,0), rgba(26,188,156,0.75), rgba(26,188,156,0));
  background-image: -o-linear-gradient(left, rgba(26,188,156,0), rgba(26,188,156,0.75), rgba(26,188,156,0));
}