/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans');
/* Use the imported font on the page: On Google you can also find the CSS instruction for using the font. If you put this in the body element then the font will be used on the whole website. */

h1 {
    font-family: 'Roboto Slab';
    font-size: 1.5em;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 1em;
}


h2 {
    font-family: 'Roboto Slab';
    font-size: 1em;
    line-height: 20px;
    font-weight: bold;
}

h3 {
    font-family: 'Roboto Slab';
    font-size: 1em;
    line-height: 20px;
    font-weight: normal;
}

p {
    font-family: 'Open Sans';
    font-size: 0.8em;
    line-height: 18px;
    font-weight: normal;
}

li {
    font-family: 'Open Sans';
    font-size: 0.8em;
    line-height: 18px;
    font-weight: normal;
}


/* Texto "Publicado" */
.published {
    font-size: 0.7em;
}

/* Etiquetas TAGS */
.tags a.btn {
    font-weight: normal;
    font-size: 0.7em;
    color: #000000;
    background-color: #efefef;
    border-color: #bfbfbf;
    border-width: 1px;
    border-radius: 0px;
    padding: 0.2em;
}

.tags .btn:hover {
background-color: #aaaaaa;
color:#FFFFFF;
}

/**********/

/* Links */
a:not([class]) {
    color:#000000;
    text-decoration: none;
}
/*********/

/* Botón "Enviar correo" */

.btn-primary {
    font-size: 0.85em;
    border-radius: 0px;
    border-color: #034f90;
    background-color: #f4f6f7;
    color: #034f90;
    padding: 0.25em;
}


/* Botón "Lee más" */

.btn-secondary {
    font-size: 0.85em;
    border-radius: 0px;
    border-color: #034f90;
    background-color: #f4f6f7;
    color: #034f90;
    padding: 0.25em;
}

.readmore:hover .btn {
    background-color: #aaaaaa;
    color:#FFFFFF;
}

/**********/

.grid-child {
    position: relative;
    max-width: 1336px;
}


.site-grid>.full-width {
    grid-column: main-start/main-end;
 }

/**************************************************/
/* INICIO DE BANNER *******************************/
/**************************************************/

.container-carousel .carousel {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.container-banner {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}


.container-header .site-description{
    color: black;
    font-family: 'Roboto Slab';
}

/**************************************************/
/**************************************************/


/**************************************************/
/* INICIO DE TOGGLER ******************************/
/**************************************************/

.container-header .navbar-toggler {
    color: #ffffff;
    border: 1px solid #ffffff;
    margin-left: 0.5em;
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

.container-header .navbar-toggler:hover {
    background: #CCCCCC;
}

.container-header .navbar-toggler:focus {
    background: #000000;
    color: #ffffff;
}
/**************************************************/
/**************************************************/


/**************************************************/
/* INICIO DE MAPA GOOGLR **************************/
/**************************************************/

.map-responsive{
    overflow:hidden;
    padding:12.83%;
    position:relative;
    height:0;
    margin-bottom: 9px;
}

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

/**************************************************/
/**************************************************/


/**************************************************/
/* INICIO DE MENU LATERAL *************************/
/**************************************************/

.nav > li > a:hover {
    background: #A9A9A9;
    text-decoration: none;
 }

 .nav > .active > a {
    background: #BBBBBB;
    color: #FFFFFF;
    display: block;
}

 .nav > li > a {
    display:block;
    padding: 2px 15px;
}

/**************************************************/
/**************************************************/


/**************************************************/
/* INICIO DE MENU SUPERIOR ************************/
/**************************************************/

/*----- Background de todo el cabecero */
.container-header {
    background-color: #ffffff;
    background-image: none;
    padding-left: 8px;
    padding-right: 8px;
}

.container-header .mod-menu {
 color: #AC0000;
 font-size: 1em;
 flex: unset;
}

.container-header .navbar-toggler {
 color: #AC0000;
 border: 1px solid #AC0000;
}


/*----- Dentro del cabecero: Menu + Busqueda */

.container-header .container-nav {
    padding-top: 0em;
    padding-bottom: 0em;
}
/*----- Dentro del cabecero: Menu + Busqueda */

/*----- Dentro del cabecero: Solo menu */
.container-header .container-nav .navbar {
    background-color: #FFFFFF;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    width: 100%;
}
/*----- Dentro del cabecero: Solo menu */

/*----- Dentro del menu: Items */
.container-header .container-nav .navbar li {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

.container-header .container-nav .navbar li a {
   padding-left: 0.5em;
   padding-right: 0.5em;
   font-size: 12pt;
   font-weight: 400;
}

.container-header .container-nav .navbar li a:hover {
    background-color: #CCCCCC;
    text-decoration:none;
}

.container-header .container-nav .navbar li.active>a {
    text-decoration:none;
    background-color: #FFBE98;
}
/*----- Dentro del menu: Items */

/*----- Barra menu: Colapso */
@media (min-width: 768px) and (max-width: 767px) {
.navbar-expand-md .navbar-collapse:not(.show) {
display: none;
}
}

@media (max-width: 767px) {
.navbar-expand-md .navbar-toggler {
display: block;
}
}
/*----- Barra menu: Colapso */

/**************************************************/
/**************************************************/


/**************************************************/
/* INICIO DE MENU LATERAL *************************/
/**************************************************/

.container-sidebar-left li a {
   font-size: 11pt;
   font-weight: 400;
}

.container-sidebar-left li.active:after {
   background-color: transparent;
}

.container-sidebar-left li a:hover{
    color: #FFFFFF;
    background-color: #AAAAAA;
    text-decoration:none
}

.container-sidebar-left li.active>a {
    text-decoration:none;
    background-color: #000000;
}

/**************************************************/
/**************************************************/


/**************************************************/
/* INICIO DE FOOTER *******************************/
/**************************************************/

.footer {
    background: #FFBE98;
    background-image: none;
}

.back-to-top-link {
    background: #D3D3D3;
    padding: 0px;
}

.back-to-top-link:hover {
    background: #CCCCCC;
}

.back-to-top-link:focus {
    background: #000000;
    color: #ffffff;
}


.footer .grid-child {
    padding-top: 1em;
    padding-bottom: 1em;
    background-color:#FFBE98;
}


/**************************************************/
/**************************************************/


.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    color: #fff;
    text-align: left;
    background: rgba(0,0,0,0.6);
}

.carousel-caption p {
    font-size: 10pt;
}


/******** Ajustes de menús */

/* .card-body {
    border-width: 1px;
} */




.mod-seguir-rrss {
    border-width: 0px;
    border-color: #CFC486;
    position: absolute;
    right: 32px;
}

.mod-seguir-rrss .card-body {
    margin-top: 16px;
    float: right;
}


.mod-dixit {
    border-width: 1px;
    border-color: #000000;
}

.mod-dixit p {
    margin-bottom: 0px;
}

.imagendefondo {
  background: url(/images/sd_fondo.jpg) no-repeat center fixed;
  background-size: cover;
}

legend {
     font-size: 1em;
 }