/* Clearfix */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	*zoom:1;
}

/* Basic Styles */
nav.clearfix {
	display:block;
	width:100%;
	position:fixed;
}
nav.clearfix ul {
	padding:0;
	margin:0 auto;
}
nav.clearfix li {
	display:inline;
	float:left;
}

nav.clearfix a {
display:inline-block;
width:160px;
text-align:center;
text-decoration:none;
line-height:60px;
}

nav.clearfix a:hover, nav a:active {
	background-color:#203860;
}
nav.clearfix a#pull {
	display:none;
}

@media only screen and (max-width : 1024px) {
	nav.clearfix { 
  		height: auto;
  	}
	nav.clearfix ul {
		width:100%;
		display:none;
		height:auto;
	}
	nav.clearfix li {
  		width:100%;
  		float:left;
  		display:block;
  	}
  	nav.clearfix a {
	  	text-align:left;
	  	width:100%;
  	}
	nav.clearfix a#pull {
		display:block;
		width:100%;
		position:relative;
		background-color:#203860;
	}
}

.boton_responsive {
	background-color:#203860;
	border-bottom:#e2d3c3 1px solid; 
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav.clearfix li {
		display:block;
		float:none;
		width:100%;
	}
}

/* Para que se cierre el menú cuando tocamos en cualquier botón */
@media only screen and (max-width: 1024px) {
    nav.clearfix ul {
        display:none;
    }
}

nav.clearfix ul {
    transition:max-height 0.5s ease-in-out;
    overflow:hidden;
    max-height:0;
}

nav.clearfix ul.open {
    max-height:500px; /* Ajustá el valor según el contenido */
}