@charset "utf-8";
/* CSS Document */

#navbar {
  overflow: hidden;
  background-color: #e69a4c;
}

#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: #f8dc22;
  color: black;
}

#navbar a.active {
  background-color: #b37b36;
  color: white;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}

@media screen and (max-width: 600px) {
	
	.header {height: 250px; background: url("../imagenes2024/fondo_encabezado2.fw.webp") no-repeat center top; background-size: cover;width:100%}
	.header span{background:#00000090;border-radius:0vw;float:left;margin-top:1vw;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0vw;height: 100%}
	.estio_h1{font-size:4.5vw;font-weight:bold;text-align:center;width:100%;color:white}
	.content {
  padding: 10px;
}
	.sticky + .content {
  padding-top: 60px;
}
	#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 5px;
  text-decoration: none;
  font-size: 14px;
}
}