/* Colores de nav y precontent */
#precontent {
	background-color: #a81414;
}
#navigation {
	background-color: #787878;
}

/* Centrar los botones del nav */
.menu--main {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Estilo de los botones del nav */
.menu--main>li {
  cursor: pointer;
  position: relative;
  display: inline-block;
  height: 28px;
	border-color: transparent white !important;
}

/* :hover de los botones del nav */
.menu--main>li>a:hover:not(.nav>li>.active-trail) {
	background-color: #787878 !important;
	color: white !important;
}

/* Borde inferior animado para el :hover */
.menu--main>li>a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: white;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease-in-out;
}
.menu--main>li>.active-trail::after {
	background-color: #787878 !important;
}
.menu--main>li>a:hover::after {
  transform: scaleX(1);
}