.bar-mh{
	margin-top: -8px;
}

.header-nav ul {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.header-nav ul li {
  margin-right: 80px;
}

.header-nav ul li a {
  color: white;
  font-weight: 400;
  text-decoration: none;
}


.header-nav ul li a:hover {
  color: #a0a0a0;		
  font-weight: 600;
  border-bottom: 2px solid #ff0000;
}

.innactiveNav{
  font-weight: 600;
  border-bottom: 2px solid #ff0000;
}



	.header-nav{
		position: fixed;
	    top: 0;
	    width: 100%; /* Para que ocupe todo el ancho de la página */
	    background-color: #333; /* Color de fondo del encabezado */
	    color: #fff; /* Color de texto */
	    padding: 0px 0; /* Espacio interno del encabezado */
	    height: 40px;
	    opacity: 0.7;
	    z-index: 99999;
	}
	.button-container {
	    display: flex;
	    justify-content: space-between;
	}

	.color-button {
	    width: 70px;
	    height: 30px;
	    border: none;
	    cursor: pointer;
	    outline: none;
	}

	#button1 {
	    background-color: #ff0000; /* Color de ejemplo 1 */
	}

	#button2 {
	    background-color: #0000ff; /* Color de ejemplo 2 */
	}

	#button1.active,
	#button2.active {
	    border: 2px solid #000;
	}

	.btn_th{
		border-radius: 20px;
		padding: 5px 20px;
		margin-left: 10px;
	}
	.btn_active{
		border: solid;
		border-color: white;
		border-width: 2px;
	}
/*	.btn_inactive{

	}*/

	.btn_theme1{
		background-color: green;

	}
	.btn_theme2{
		background-color: grey;
	}