/*@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/
@import url(https://fonts.googleapis.com/css?family=Titillium+Web);

body {
    font-family: 'Open Sans', sans-serif;


    /*  font-family: 'Titillium Web', sans-serif;     */
}

.jumbotron {
    color: #fff;
    background-color: #ab3e5b;
}

.jumbotron a {
    background-color: #ab3e5b;
    color: #fff;
}

.jumbotron p {
    background-color: #ab3e5b;
    color: #fff;
}

.jumbotron h1 {
    background-color: #ab3e5b;
    color: #fff;
}

.jumbotron h2 {
    background-color: #ab3e5b;
    color: #fff;
}


/* Cambio el color de fondo de los captions del Carousel para que se vean bien siempre */
.carousel-caption {

    background-color: rgba(128, 128, 128, 0.7);
    color: #fff;
}

.carousel-caption h3 {
    background-color: rgba(128, 128, 128, 0.7);
    color: #fff;
    font-weight: bold;
}

.carousel-caption h4 {
    background-color: rgba(128, 128, 128, 0.7);
    color: #fff;
    font-weight: bold;
}

.carousel-caption a {
    background-color: rgba(128, 128, 128, 0.7);
    color: #fff;
    font-weight: bold;
}

.carousel-caption p {
    background-color: rgba(128, 128, 128, 0.7);
    color: #fff;
    font-weight: bold;
}


/* Definicion de colores para la barra de navegacion */
/*.navbar-default .navbar-nav > li > a {*/
/*    color: #727272;*/
/*}*/

.navbar-default {
    background-color: #00533E;
    border-color: #427562;
    border-radius: 0;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #FFF;
}

.navbar-default .navbar-nav>li>a {
    color: #FFF;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background-color: #CDDAD5;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #FFF;
    background-color: #CDDAD5;
}

.navbar-default .navbar-text {
    color: #FFF;
}

.navbar-default .navbar-toggle {
    border-color: #427562;
}

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

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}


/* Definicion de responsiveCal para Google Calendar embebido */

.responsiveCal {
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
    height: 0;
}

.responsiveCal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Definicion de map-resposive para Google Maps embebido */

.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}


#nota a {
    color: white;
    background-color: inherit;
}

#footer-unedbizkaia {
    background-color: rgb(0, 83, 62);
    /* UNED */
    color: white;
}

#footer-unedbizkaia a {
    color: white;
    background-color: inherit;
}

#footer2-unedbizkaia {
    background-color: rgb(66, 117, 98);
    /* UNED medium */
    color: white;
}

#footer2-unedbizkaia a {
    color: white;
    background-color: inherit;
}

#footer-estructura {
    background-color: rgb(205, 218, 213);
    /* UNED white */
    color: black;
}

#footer-estructura ul {
    list-style-type: none
}

#footer-estructura a {
    color: black;
    background-color: inherit;
}


#breadcrumb-unedbizkaia {
    background-color: rgb(205, 218, 213);
    background-image: none;
}

#breadcrumb-unedbizkaia a {
    color: rgb(0, 83, 62);
}

#breadcrumb-unedbizkaia li {
    color: rgb(66, 117, 98);
}

#breadcrumb-unedbizkaia li+li::before {
    color: black;
    content: "> ";
    padding: 0 5px;
}


/* Cambios para panel-default desactivados. Definidos estos
colores para panel-primary, panel-info y panel-default en
bootstrap-custom-XXXXXXXX_X.css
.panel-default > .panel-heading-uned {
    background-image: none;
    background-color: rgb(0,83,62);
    color: white;
}

.panel-default > .panel-heading-unedmedium {
    background-image: none;
    background-color: rgb(66,117,98);
    color: white;
}

.panel-default > .panel-heading-unedlight {
    background-image: none;
    background-color: rgb(134,166,153);
    color: white;
}

.panel-default > .panel-heading-unedwhite {
    background-image: none;
    background-color: rgb(205,218,213);
    color: rgb(0,83,62);
} */


/* Mis cambios 20211123 */

/* Unos pequeños cambios estéticos a los enlaces en footer-estructura */
#footer-estructura a:hover,
#footer-estructura a:focus {
    text-decoration: none;
    font-weight: bold;
    color: black;
    background-color: inherit;
}

/* Unos pequeños cambios estéticos a los enlaces en footer-unedbizkaia */
#footer-unedbizkaia a:hover,
#footer-unedbizkaia a:focus {
    text-decoration: none;
    font-weight: bold;
    background-color: inherit;
}

/* Unos pequeños cambios estéticos a los enlaces en footer2-unedbizkaia */
#footer2-unedbizkaia a:hover,
#footer2-unedbizkaia a:focus {
    text-decoration: underline;
    font-weight: normal;
    background-color: inherit;
}

/* Unos pequeños cambios estéticos a los thumbnails en index_e* y en otras zonas
como novedades de biblioteca... */
.thumbnail:hover,
.thumbnail:focus {
    background-color: rgb(205, 218, 213);
    /* unedlight */
}


/* Elimino el borde del carousel con un nuevo panel en vez del panel-primary 
que estábamos usando en index_e*.
Así se elimina el efecto de doble borde en algunas imágenes */
.panel>.panel-no-border {
    border: 0;
    box-shadow: none;
}

/* Defino una nueva "row" para los enlaces en imágenes de los index_e* */
.row>.row-unedbizkaia-thumbnails {
    margin-right: 0px;
    margin-left: 0px;
}

/* Separación correcta entre panels en panel-group con "collapse"*/
.panel-group>.panel {
    margin-bottom: 20px;
    border-radius: 3px;
}

/* Separación correcta entre panel-bodies en panel-group con "collapse"*/
.panel-group .panel-body>.panel {
    margin-bottom: 20px;
    border-radius: 3px;
}

/* Corrección de aspecto para panel-title */
.panel-group>.panel>.panel-heading>.panel-title {
    margin-top: 10px;
    margin-bottom: 10px;
}

.panel-group>.panel>.panel-heading>.panel-title>a {
    text-decoration: none;
}

.panel-group>.panel>.panel-heading>.panel-title>a:visited {
    text-decoration: none;
}

.panel-group>.panel>.panel-heading>.panel-title>a:hover,
.panel-group>.panel>.panel-heading>.panel-title>a:focus {
    text-decoration: underline;
}