body {
  background-color: #f5f5f5;
}

/* /-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/
ESTILOS DEL HEADER.
/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */

/* =====================================================================================================
BOTONES HEADER - INICIO - NOSOTROS - SERVICIOS - ETC.
===================================================================================================== */
.padding-general-cabezera-contenido {
  padding-top: 110px;
}

.navbar-nav li a {
  border-radius: 6px;
  /* Cambiar tamaño de las letras de la cabezera, inicio, nosotros etc.. */
  font-size: 21px !important;
}

.navbar-nav li a.active {
  background-color: #2c4570;
  color: #fff !important;
  border-radius: 4px;
}

.navbar-nav li a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 4px;
  transition: 0.9s;
}

.img-header {
  width: 350px;
  height: 62px;
}

.mostrar_pc {
  display: block;
}
.mostrar_tel {
  display: none;
}

@media only screen and (min-width: 992px) {
  /* Cuando la pantalla sea mayor o iguala 992 px se apliacaran los siguientes efectos */

  .separacion-header {
    margin-right: 1rem;
  }
}

@media only screen and (max-width: 415px) {
  /* Cuando la pantalla sea mayor o iguala 992 px se apliacaran los siguientes efectos */

  .img-header {
    width: 170px;
    height: 119px;
  }

  .mostrar_pc {
    display: none;
  }
  .mostrar_tel {
    display: block;
  }
}