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

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


/* FUENTES */
@font-face {
	font-family:'haettenschweiler';
	src:url('../fuentes/haettenschweiler/haettenschweiler-webfont.eot')format('embedded-opentype'),
		url('../fuentes/haettenschweiler/haettenschweiler-webfont.svg')format('svg'),
		url('../fuentes/haettenschweiler/haettenschweiler-webfont.ttf')format('truetype'),
		url('../fuentes/haettenschweiler/haettenschweiler-webfont.woff')format('woff');
		
	font-family:'futura';
	src:url('../fuentes/futura/futuralt-book-webfont.eot')format('embedded-opentype'),
		url('../fuentes/futura/futuralt-book-webfont.svg')format('svg'),
		url('../fuentes/futura/futuralt-book-webfont.ttf')format('truetype'),
		url('../fuentes/futura/futuralt-book-webfont.woff')format('woff');
		
		
	font-family:'futurcondensedbold';
	src:url('../fuentes/futura/futuralt-condensedbold-webfont.eot')format('embedded-opentype'),
		url('../fuentes/futura/futuralt-condensedbold-webfont.svg')format('svg'),
		url('../fuentes/futura/futuralt-condensedbold-webfont.ttf')format('truetype'),
		url('../fuentes/futura/futuralt-condensedbold-webfont.woff')format('woff');
		}
		
		
/*h1{ font-family:haettenschweiler; font-size:50px; font-weight:lighter;}

h2{ font-family:futura; font-size:14px; font-weight:lighter;}

h3{ font-family:futurcondensedbold; font-size:14px; font-weight:bolder;}

h4{font-family: 'Fjalla One', sans-serif; font-size:14px; font-weight:bolder;}

h5{font-family: 'Poiret One', cursive;font-size:14px;}*/



/*---------------------------------------------------------------------Menu---------------------------------------------------------------------------*/
body{
	background:#292929;}
	
.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.home{display:block;
background-color:#292929;}

/*---------------------------------------------------------------------HOME---------------------------------------------------------------------------*/

section#diseno{
background:#DCDCDC;
height: 535px;
padding-top: 3.8em;
position: relative;
width: 100%;
z-index: -2;}
	
	
div#wrap_diseno{
width: 1300px;
height: 96%;
margin: 22px auto;
overflow: hidden;
	}
	
div#wrap_diseno h1{ 
font-family: kenyan_coffeebold;
font-size: 506px;
font-weight: lighter;
text-transform: uppercase;
display: inline-block;
padding-left: 2.5%;
color: #C56700;
letter-spacing: -20px;
padding-top: 50px;}

div#wrap_diseno img{
width: 397px;
padding-top: 71px;
margin-left: 9px;}

section#franjaNegra{
	width:100%; height:100%;}
				
div#wrap_franjaNegra{
width: 1250px;
margin: 0px auto;
overflow: hidden;}
			


div#wrap_franjaNegra h1{
    color: #DCDCDC;
    font-family: kenyan_coffeeregular;
    font-size: 226px;
    font-weight: lighter;
    padding-left: 1.5%;
    position: relative;
    text-transform: uppercase;
    top: -33px;
    letter-spacing: -5px;
    padding-top: 3px;
	}
	
div#wrap_franjaNegra ul{ 
			position: relative;
			top: -68px;
			}
	
div#wrap_franjaNegra ul div.punto{ 
background-color: #CCC;
border-radius: 50%;
float: left;
height: 20px;
margin: 18px 6px;
width: 20px;}
	

div#wrap_franjaNegra ul li{ 
color: #E28215;
float: left;
font-family: 'Fjalla One',sans-serif;
font-size: 47px;
padding: 0px 1.5%;
			}	
			


div#wrap_franjaNegra p{
	clear: both;
    color: #464646;
    float: left;
    font-family: futura;
    font-size: 22px;
    font-weight: lighter;
    padding-left: 2%;
    position: relative;
    top: -109px;
	}
	
div.redes{ 
	background-color: #DCDCDC;
    border-radius: 50%;
    float: right;
    height: 50px;
    margin-left: 15px;
    position: relative;
    top: -60px;
    width: 50px;}
			
div.redes:hover{
			background-color:#E28215;}
			
div.be{
		margin-right: 2%;
		}
			
div.redes img{
	padding: 7px;
    width: 38px;}

	
/*---------------------------------------------------------------------MediaQuery---------------------------------------------------------------------------*/
@media screen and (min-width:951px) and (max-width:1420px){

	
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-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.home{display:block;}

/*---------------------------------------------------------------------HOME---------------------------------------------------------------------------*/

section#diseno{
width: 100%;
height: 368px;
position: relative;
z-index: -2;
padding-top: 70px;}

div#wrap_diseno{
width: 900px;
height: 100%;
margin: 0px auto;
	}
	
div#wrap_diseno h1{ 
font-family: kenyan_coffeebold;
font-size: 346px;
font-weight: lighter;
text-transform: uppercase;
display: inline-block;
padding-left:0.5%;
letter-spacing: -15px;}

div#wrap_diseno img{
width: 279px;
padding-top: 71px;}

section#franjaNegra{
	width:100%; height:100%;}
				
div#wrap_franjaNegra{
width: 900px;
overflow: hidden;
margin: 0px auto;}
			


div#wrap_franjaNegra h1{
font-family: kenyan_coffeeregular;
font-size:151px;
font-weight: lighter;
text-transform: uppercase;
padding-left: 1.5%;
position: relative;
top: -30px;
letter-spacing: -1px;
margin-top: 5px;
	}
	
div#wrap_franjaNegra ul{ 
			position: relative;
			top:-49px;}
	
div#wrap_franjaNegra ul div.punto{ 
width: 10px;
height: 10px;
border-radius: 50%;
float: left;
margin: 12px 13px;}
	

div#wrap_franjaNegra ul li{ 
float: left;
font-family: 'Fjalla One',sans-serif;
font-size: 31px;
padding: 0px 1.5%;

			}	
			


div#wrap_franjaNegra p{
font-family: futura;
font-size: 20px;
font-weight: lighter;
clear: both;
position: relative;
top: -84px;
float: left;
padding-left: 2%;
	}
	
div.redes{ 
border-radius: 50%;
float: right;
margin-left: 15px;
position: relative;
top: -39px;
height: 45px;
width: 45px;}
			
			
div.be{
		margin-right:5%
		}
			
div.redes img{
width: 32px;
padding: 7px;}
}


@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.home{display:block;}
	
	
	/*-------------------home franja Naranja-----------------*/
	
section#diseno{
width: 100%;
height: 261px;
z-index: -2;
padding-top: 45px;
}

div#wrap_diseno{
width: 582px;
height:100%;
margin: 0px auto;
	}
	
div#wrap_diseno h1{ 
font-family: kenyan_coffeebold;
font-size: 229px;
font-weight: lighter;
text-transform: uppercase;
display: inline-block;
padding-left:0.8%;
letter-spacing: -10px;}

div#wrap_diseno img{
width: 182px;
padding-top: 77px;
margin-left: 5px;}
				
/*-----------------franja negra------------------*/

				
div#wrap_franjaNegra{
			width:580px;
			margin:0 auto;}
			


div#wrap_franjaNegra h1{
font-family: kenyan_coffeeregular;
font-size: 102px;
font-weight: lighter;
text-transform: uppercase;
padding-left: 1.5%;
position: relative;
top: -28px;
letter-spacing: -1px;
margin-top: 12px;}
			
			
div#wrap_franjaNegra ul{ 
			position: relative;
			top: -40px;}
	
div#wrap_franjaNegra ul div.punto{ 
			width:8px;
			height:8px;
			border-radius:50%;
			float:left;
			margin:8px 10px;}
	

div#wrap_franjaNegra ul li{ 
			float:left;
			font-family: 'Fjalla One', sans-serif; 
			font-size:20px; 
			padding:0 1.5%;
		
			}	
			
div#wrap_franjaNegra p{
	display:none;}
	
div.redes{ 
border-radius: 50%;
width: 50px;
height: 50px;
position: inherit;
display: inline-block;
float: none;
margin: 5%;
			}

div.be{
		float:none;
		}
			
div.redes img{
padding: 10px;
width: 60%;}

div#grupo_redes{
width:227px;
margin: 0px auto;
position: relative;
top: 25px;
	}
				
}

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


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


div#wrap_menu{
					width:400px;
					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.home{display:block;}
	
/*-------------------home franja Naranja-----------------*/
	
section#diseno{
width: 100%;
height: 191px;
z-index: -2;
padding-top: 36px;
}

div#wrap_diseno{
width: 400px;
height: 100%;
margin: 0px auto;
	}
	
div#wrap_diseno h1{ 
font-family: kenyan_coffeebold;
font-size: 153px;
font-weight: lighter;
padding-left: 1%;
letter-spacing: -5px;
}

div#wrap_diseno img{
width: 124px;
padding-top: 23px;
margin-left: 3px;}
				

/*-----------------franja negra------------------*/

				
div#wrap_franjaNegra{
			width:400px;
			margin:0 auto;}

div#wrap_franjaNegra h1{
font-family: kenyan_coffeeregular;
font-size:67px;
font-weight: lighter;
padding-left: 2%;
top: -23px;
letter-spacing: 0px;
margin-top: 10px;}
			

div#wrap_franjaNegra ul{ 
position: relative;
top: -32px;
			}
	
div#wrap_franjaNegra ul div.punto{ 
width: 5px;
height: 5px;
border-radius: 50%;
float: left;
margin: 7px 0px;}
	

div#wrap_franjaNegra ul li{ 
float: left;
font-family: 'Fjalla One',sans-serif;
font-weight: lighter;
font-size: 15px;
padding: 0px 2%;
			}	

div#wrap_franjaNegra p{
	display:none;}
	
div.redes{ 
border-radius: 50%;
width: 50px;
height: 50px;
position: inherit;
display: inline-block;
float: none;
margin: 5%;
			}

div.be{
		float:none;
		}
			
div.redes img{
padding: 10px;
width: 60%;}

div#grupo_redes{
width:227px;
margin: 0px auto;
position: relative;
top: 28px;
	}
	
	}


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

div#menu{
			width:100%;
			height:100%;
			background-color:#E17700;}


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

div#wrap_menu ul li{ 
					margin:0 auto;
					float:none;
					padding:0;
					padding: 5px;
					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:15px;
					}
					
div.menu{display:none;}

	
	.switch{
		margin:7px;
		display:block;
		position:absolute;
		top:0;
		right:0
		}
		
	.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;
		}						
	
/*-------------------home franja Naranja-----------------*/
	
section#diseno{
height: 140px;
padding: 50px 0px 0px;
width: 100%;
   
}

div#wrap_diseno{
width: 250px;
margin: 0px auto;
height: 100%;
	}
	
div#wrap_diseno h1{ 
font-family: kenyan_coffeebold;
font-size: 97px;
font-weight: lighter;
padding-left: 0px;
letter-spacing: -3px;
}

div#wrap_diseno img{
padding-top: 23px;
width: 79px;
margin-left: 1px;}
				

/*-----------------franja negra------------------*/

				
div#wrap_franjaNegra{
			width:250px;
			margin:0 auto;}

div#wrap_franjaNegra h1{
    font-family: kenyan_coffeeregular;
    font-size: 43px;
    font-weight: lighter;
    letter-spacing: 0px;
    position: relative;
    top: -21px;
    padding-left: 1px;
	margin-top: 12px;
}
			

div#wrap_franjaNegra ul{ 
			display:none
			}

	
div.redes{ 
border-radius: 50%;

width: 35px;
height: 35px;
position: inherit;
display: inline-block;
float: none;
margin: 2px;
			}
			
div.redes img{
padding: 7px;
width: 60%;}

div#grupo_redes{
width: 138px;
margin: 0px auto;
position: relative;
top: 38px;
	}
	
div#wrap_franjaNegra p{
	display:none;}
	
	}