body {
  background-color: #f5f5f5;
}

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

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

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

.navbar-nav li a.active {
  background-color: #0f6caf;
  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: 300px;
  height: 122px;
}

@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: 260px;
    height: 106px;
  }

  .padding-general-cabezera-contenido {
    padding-top: 155px;
  }
}