.contenedor-nav{
	position:fixed;
	top:0;
	width: 100%;
	background-color: black;
	z-index: 2;
}

.page-header {
	padding: 5px;
	background-image:url(../img/bgNav.png);
	background-position: 0px -150px;
	vertical-align: middle;
	text-align: center;
	
}
.logo-nav{
	width: 200px;
	margin-left:10px;
}
.logo-40{
	width: 60px;
	margin: auto;
}

/* Nav Menu */
div.nav-menu {
	background-image:url(../img/bgSubNav.png);
	background-position: 0px -100px;
	padding: 0 20px;
}

div.nav-menu ul {
	margin: 0;
	padding: 0;
}

div.nav-menu ul li {
	list-style: none;
	float: left;
}

div.nav-menu ul li a:link,
div.nav-menu ul li a:visited {
	display: block;
	font-size: 90%;
	padding: 13px 25px 10px 0;
	color: #f0f0f0;
	text-decoration: none;
	font-family:gill sans;
}

div.nav-menu ul li a:hover{
	
	color:gray;
	transition:.5s;

}





.menu-trigger {
	display: none;
}

.btn-nav{
	width: 30px;
}



@media screen and (max-width: 480px) {
	
	.menu-trigger {
		display: block;
		background-color: #3b3b3b;/*ROJO*/
		padding: 10px;
		text-align: right;
		cursor: pointer;
		border-bottom: 1px solid gray;
	}
	
	div.nav-menu {
		display: none;
	}
	
	div.nav-expanded {
		display: block;
	}
	
	div.nav-menu ul li {
		float: none;
		border-bottom: 1px solid white;
		
	}
	
	div.nav-menu ul li:last-child {
		border-bottom: none;
	}
	
}



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