
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body{
  background:  var(--color-fondo);
  min-height: 100vh;
}


body, h1,h2,h3,h4,h5,a,p,div.section{
    font-family: var(--fuente-principal);
    overflow: hidden;
    height:

}


.menu_principal{
  background-color: transparent !important;
}

.menu_principal{
  background-color: transparent !important;
}


.header {

   background-size: cover;
  background-repeat: no-repeat;
background-position:  center;
  min-height: 100vh;
    overflow: hidden;
}

.titulo_fotter{
  font-size: 16px;
}


.icono_ubicacion{
  font-size: 35px;
  color: var(--color-secundario);
}

.contenido{
  text-align: center;
  position: absolute;
  bottom: 0;
    max-height: 40vh;
    background: var(--color-primario);
    background: linear-gradient(180deg, rgba(0,0,0,0.00) 10%,  var(--color-primario) 100%);
    width: 100%;
}


.header::before{
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  background: rgba(0,0,0,0.4);
  width: 100%;
  height:  200px;
  background: rgb(0,0,0);
background: linear-gradient(0, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.6) 100%);
text-align: center;
}

.logo_principal{
  position: relative;
      padding: 0 30px;
      text-align: center;
      margin: 0 auto;
      max-width: 250px;
      z-index: 1;
      display: block;
}



.hide{
  display: none;
}

.botoneera {

    margin: 10px auto;
text-align: center;
height:55px;
}

.sub-title{
  color: var(--color-textos );
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 20px #171616;
}

.botoneera >a {
  color: var(--color-textos);
  background: var(--color-secundario);

  position: relative;
  bottom: 50px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  height: 90px;
  -webkit-appearance: none;
}

.botoneera >a:hover{
  color: #ffffff;
  background: #888;

}

.botoneera > a>span   {
 font-size: 20px;
}

.botoneera > a > i {
 font-size: 35px;
}

footer{
  color: var(--color-textos);

}

footer  a{
  color: var(--color-textos) !important;
  font-weight: bold;
  text-decoration: none;

}



.contenedor_principal{
  position: relative;
  padding: 0;
    max-width: 1000px;
}
