html {
  font-size: 14px;
}
h1 {
    font-size: 30px;
    color: #eaecf3;
}
.navbar-bc {
    background-color: #003242;
    
}
.margenes {
    padding: 7px 7px 7px 7px;

}
.fondo {
    background-color: #f1f3f9;
}
.redes {
    padding-left: 10px;

}
.title {
    background-color: #ff6a00;
    } 

.logo {
    padding-right:10px;
} 
.centrar {
    text-align:center;
}

.titulo {
    padding-right: 70px;
}
/*Inicio Hover Redes Sociales*/
.contenedor-imagen {
    width: 40px;
    height: 40px;
    float:right;
}
.contenedor-imagen:hover img {
    opacity:0.7;
}
.contenedor-imagen img {
    width:40px;
    height:40px;
    transition: opacity 0.5s ease-in;
    display:block;
    
    
}
.contenedor-imagen img:hover {
    cursor:pointer;
}
/*Fin hover redes sociales*/
/*Inicio de menu*/
.button_slide {
    color: #FFF;
    border: 1px solid #8f99cf;
    width: 175px;
    border-radius: 30px;
    padding: 8px 6px;
    display: inline-block;
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #8f99cf;
    -webkit-transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    transition: ease-out 0.4s;
}
.slide_diagonal:hover {
    box-shadow: inset 400px 50px 0 0  #ff6a00;
}
#outer {
    width: 364px;
    margin: 20px auto 0 auto;
    text-align: center;
}
/*fin de menu*/
/*Cookies*/
#cookie-banner {
    text-align: center;
    color: #FFF;
    background-color: #8f99cf;
    line-height: 58px;
    font-size: 15px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height:auto;
    z-index: 999999;
    display: block;
    padding-bottom: 57px;
}
#accept-cookies {
    background-color: coral;
    border-radius: 35px; 
    height:none;
    width: auto;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    text-align: center; 
    
}
/*fin codigo cookies*/
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 0px;
}