#navbar-content{
	position:relative;
	background-color: white;
	width: 100%;
	height: 100px;
}

#fondo50{
	position:absolute; 
	margin-left:-50%;  
	z-index:999; 
	width:100%; height:100px;
}

#navbar{
	background: white;
	margin: 0 auto;
	display: block;
	height: 100px;
	width: 960px;
}

#navbar-logo{	
	float: left;
	height: 100px;
	width: 75px;		
}

#navbar-logo img{
	margin: 0 10px;
	margin-top: 12px;
}

#navbar-menu{	
	float: right;	
	
}

#navbar-menu ul{
	display: block;	
	/*width: 610px;*/
}

#navbar-menu ul > li{
	/* margin-top: 40px; */
	display: block;
	float: left;
	height: 100px;
	/* vertical-align: middle; */
	line-height: 100px;
}

#navbar-menu .selected_item{
	display: none;
	border-bottom: solid 8px black;
	margin-top: -15px;
	margin-left: 15px;
	margin-right: 15px;
}

#navbar-submenu-company{
	width: 100%;
	height: 50px;
	background-color: #EBEBEB;
}

#navbar-submenu-company ul{
	display: block;	
	width: 960px;
	margin: 0 auto;
}

#navbar-submenu-company ul > li{
	display: block;
	float: right;
	height: 50px;
	line-height: 50px;
	margin-left: 40px;	
}

.selected_submenu_item{
	border-bottom: solid 5px black;
	width: 80%;
	margin-top: -5px;
	margin-left: 15px;
}

.tresrayas{
	width: 100%;
	display: none;
	float: left;
}

#navbar-menu-mobile{
	display: none;
}



@media (min-width: 769px) and (max-width: 980px){
	#navbar{
		background: white;
		margin: 0 auto;
		display: block;
		height: 100px;
		width: 100%;
	}
	
	#navbar-submenu-company ul{
		display: block;	
		width: 99%;
		margin: 0 auto;
	}
	
}

@media (min-width: 516px) and (max-width: 768px)
{
	#navbar{
		background: white;
		margin: 0 auto;
		display: block;
		height: 100px;
		width: 100%;
	}
	
	#navbar-menu ul{
		display: none;
	}
	
	#navbar-submenu-company ul{
		display: block;	
		width: 97%;
		margin: 0 auto;
	}
	
	.tresrayas{
		width: 100%;
		display: block;
		float: right;
		margin-top: 35px;
	}
	
	#navbar-menu-mobile{
		display: none;
	}
	
	#navbar-menu-mobile ul{
		background-color: white;
		padding-top: 30px;
		width: 100%;
	}
	
	#navbar-menu-mobile li{
		width: 100%;
		height: 45px;
		background: white;
		text-align: center;
	}
	
}

@media (max-width: 516px)
{
	#navbar{
		background: white;
		margin: 0 auto;
		display: block;
		height: 100px;
		width: 100%;
	}
	
	#navbar-menu ul{
		display: none;
	}
	
	.tresrayas{
		width: 100%;
		display: block;
		float: right;
		margin-top: 35px;
	}
	
	#navbar-submenu-company ul{
		display: block;	
		width: 96%;
		margin: 0 auto;
	}
	
	#navbar-menu-mobile{
		display: none;
	}
	
	#navbar-menu-mobile ul{
		width: 100%;
	}
	
	#navbar-menu-mobile li{
		width: 100%;
		min-height: 45px;
        line-height: 45px;
        font-size: 15px;
		background: white;
		text-align: center;
	}
	
}