@charset "UTF-8";
/* CSS Document */
/*---------------------------------------------------------------------general---------------------------------------------------------------------------*/

*{ margin:0; padding:0;}
a{text-decoration:none;}
li{list-style:none;}






/*---------------------------------------------------------------------Menu---------------------------------------------------------------------------*/

	
.switch, .close{
	display:none;}

div#menu{
	width:100%;
	height:80px;
	background-color:#292929;}
	
div#wrap_menu{
	width: 1300px;
	height:100%;
	margin:0 auto;}
	
div#wrap_menu ul li{ 
					float: left;
    				padding-left: 4.7%;
    				padding-right: 3.7%;
    				padding-top:29px;
					-moz-box-sizing:border-box;
					-webkit-box-sizing:border-box;}
					
div#wrap_menu ul li:last-child{padding-right:0;}

div#wrap_menu ul li a{color:#ECECEC;
					font-family:Fjalla One;
					font-size:42px;
					
					padding-top:2%;
					text-transform:uppercase;}
					
div#wrap_menu ul li a:hover {
					color:#e17700;}
					
div.menu{ 	width: 75px;
			height: 75px;
			background-color:#292929;
			-webkit-transform:rotate(45deg);
			-moz-transform:rotate(45deg);
			-o-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
			position:relative;
			bottom:44px;
			z-index:-1;
			margin:0 auto;
			display:none;
			 }
			 
div.perfil{display:block;}


/*---------------------------------------------------------------------MediaQuery---------------------------------------------------------------------------*/
@media screen and (min-width:951px) and (max-width:1420px){
div#menu{
	width:100%;
	height:60px;
}
	
div#wrap_menu{
	width:900px;
	height:100%;
	margin:0 auto;}
	
div#wrap_menu ul li{ 
					float:left;
					padding-top:2%;
					padding-right: 3.5%;
					padding-left: 3.5%;
					-moz-box-sizing:border-box;
					-webkit-box-sizing:border-box;}
					
div#wrap_menu ul li:last-child{padding-right:0;}

div#wrap_menu ul li a{
					font-family:Fjalla One;
					font-size:30px;
					
					padding-top:2%;
					text-transform:uppercase;}
					
					
div.menu{ 	width: 65px;
			height: 65px;
			
			-webkit-transform:rotate(45deg);
			-moz-transform:rotate(45deg);
			-o-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
			position:relative;
			bottom:35px;
			z-index:-1;
			margin:0 auto;
			display:none;
			 }
			 
div.perfil{display:block;}

}


@media screen and (min-width:601px) and (max-width:950px){
	/*----------menu------------*/
	div#menu{
	width:100%;
	height:50px;
	}
	
	div#wrap_menu{
	width:580px;
	height:50px;
	margin:0 auto;}
	
		div#wrap_menu ul{margin:0 auto;}
	
	div#wrap_menu ul li{ 
					margin:0 auto;
					float:left;
					padding-top:15px;
					padding-right: 2.3%;
					padding-left: 2.3%;
					-moz-box-sizing:border-box;
					-webkit-box-sizing:border-box;}
					
div#wrap_menu ul li:last-child{padding-right:0;}

div#wrap_menu ul li a{
					font-family:Fjalla One;
					font-size:25px;
					padding-top:15px;
					text-transform:uppercase;}
					
div.menu{ 	width: 40px;
			height: 40px;
			
			position:relative;
			bottom:20px;
			z-index:-1;
			margin:0 auto;
			display:none;
	}

div.perfil{display:block;}
	
	

				
}

@media screen and (min-width:450px) and (max-width:600px){


div#menu{
			width:100%;
			height:40px;
			}


div#wrap_menu{
					width:405px;
					height:30px;
					margin:0 auto;}
	
div#wrap_menu ul{margin:0 auto;}

div#wrap_menu ul li{ 
					margin:0 auto;
					float:left;
					padding-top:15px;
					padding-right: 2%;
					padding-left: 2%;
					-moz-box-sizing:border-box;
					-webkit-box-sizing:border-box;}
					
div#wrap_menu ul li:last-child{padding-right:0;}

div#wrap_menu ul li a{
					font-size:18px;
					padding-top:15px;
					}
					
div.menu{ 	width: 35px;
			height: 35px;
			
			position:relative;
			bottom:19px;
			z-index:-1;
			margin:0 auto;
			display:none;}
						
div.perfil{display:block;}
	
	}


@media screen and (max-width:449px){

div#menu{
			width:100%;
			height:100%;
			}


div#wrap_menu{
					width:100%;
					height:100%;
					margin:0 auto;}
	
div#wrap_menu ul{margin:0 auto;display:none;}

div#wrap_menu ul li{ 
					margin:0 auto;
					float:none;
					padding:0;
					padding: 6px;
					text-align:center;
					border-bottom: 1px solid #e17700; 
					}
					
div#wrap_menu ul li:last-child{padding-right:0;}

div#wrap_menu ul li a{
					font-size:18px;
					padding-top:0px;
					}
					
div.menu{display:none;}

	
	.switch{
	 display: block;
    margin: 0;
    padding: 6px;
    text-align: right
		}
		
	.close{
		margin:7px;
		display:none;
		position:absolute;
		top:0;
		right:0
		}
	
	
		#menu:target ul{
		display:block;
		}
	#menu:target .switch{
		display:none;
		}
	#menu:target .close{
		display:block;
		position:absolute;
		top:0;
		right:0;
		}						
	

	}