/*MENU PRINCIPAL*/


menu 
{
 	background-color: #1E3057;
	height: 100px;
	position: fixed;
	z-index: 20000;
	top:25px;
	width: 90%;
	left: 5%;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	margin-bottom: 50px;
	
}


menu #logo_site
{
	position: absolute;
	margin-top: -5px;
	width: 260px;
	height: auto;
	z-index: 9001;
	float: left;
}


menu #items_menu
	{
		position: fixed;
		
		width: 100%;
		height: 100%;
		z-index: 9000;
		top:0;
		left: 0;
		text-align: center;
		padding-top: 40px;
	}

menu #items_menu #bg_menu,menu #items_menu #bg_menu2
	{
	visibility:visible;
	border-radius:50%;
	position: absolute;
	top: -180%;
	right: -180%;
	background-image: linear-gradient(to bottom, rgba(39,55,91,1), rgba(103,153,199,0.6));
	z-index: -1;
	width: 180%;
	height: 180%;
	}

menu #items_menu a
	{
		display: block;
		color: #FFF;
		text-decoration: none;
		text-align: center;
		padding: 15px 0px;
		font-size: 1.6em;
	}


menu #btn_menu
{
	position: absolute;
	z-index: 11000;
	right: 25px;
	top: 25px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	visibility: visible;
	cursor: pointer;
}


#btn_menu img
{
	position:absolute;
	z-index: 10000;
	top:-50px;
	left:0px;
}








@media only screen and (min-width : 960px)
{
	
	menu #logo_site
	{
	width: 290px;
	margin-top: -10px;
	}
	
	menu #items_menu
	{
		position: relative;
		background-color: transparent;
		float: right;
		padding-left: 290px;
		padding-top: 0px;
	}

	menu #items_menu a
	{
		display: block;
		font-size: 0.8em;
		float: left;
		width: 16.6%;
		height: 100px;
		line-height: 100px;
		color: #FFF;
		text-decoration: none;
		text-align: center;
		padding: 0;
	}

	menu #items_menu #bg_menu,menu #items_menu #bg_menu2
	{
		visibility: hidden;
	}
	
	menu #btn_menu
	{
		visibility: hidden;
	}

}


@media only screen and (min-width : 1120px)
{
	menu #items_menu a
	{
		font-size: 1em;
	}

}