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


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

body{background:#DCDCDC;}


/* 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');
	
		
		}
		
/*-------------------------------------General------------------------------------------*/
#container{
min-height:100%;
position:relative;
}

section{
	width: 100%;
	height:100%;
	padding-bottom: 100px;
	overflow:auto;
	}
	
div#wrap_portafolio{
width:1180px;
margin:0px auto;
height:100%;
}

div.article{
    height: 100%;
    margin-bottom: -10px;
    width: 100%;	
	}
	
div.article h3{
    color:#E28215;
    font-family: kenyan_coffeebold;
    font-size: 135px;
    font-weight: lighter;
    letter-spacing: -4px;
    line-height: 128px;}



ul.slides{
	
overflow: hidden;
margin: 1em 0px 0px;
width: 100%;}

ul.slides li{
float: left;
width:23.6%;
margin: 0px 1% 3% 0px;
background: none repeat scroll 0% 0% #222;}

ul.slides a{
border: 1em solid #4A4948;}
	
ul.slides a, ul.slides img{
width: 100%;
float: left;
height: auto;
background: none repeat scroll 0% 0% #222;}

/*----------------------------------- PDF -------------------------*/

ul.pdf{
	
overflow: hidden;
margin: 1em 0px 0px;
width: 100%;}

ul.pdf li{
float: left;
width:23.6%;
margin: 0px 1% 3% 0px;
background: none repeat scroll 0% 0% #222;}

ul.pdf a{
border: 1em solid #4A4948;}
	
ul.pdf a, ul.pdf img{
width: 100%;
float: left;
height: auto;
background: none repeat scroll 0% 0% #222;}

img{
	border: 0px none;}
	
/*---------------------------------------------------------------------MediaQuery---------------------------------------------------------------------------*/
@media screen and (min-width:951px) and (max-width:1420px){

section{
	padding-bottom:130px;

	}

div#wrap_portafolio{
width:834px;
}

div.article{
 margin-bottom: 2px;	
	}


div.article h3{
 	font-size: 134px;
    letter-spacing: -4px;
    line-height: 145px;}

ul.slides{
 margin: 0.9em 0 0;
}

ul.slides li{
float: left;
margin: 0 1.6% 3% 0;
width: 21.3%;
background: none repeat scroll 0% 0% #222;}



ul.pdf{
 margin: 0.9em 0 0;
}

ul.pdf li{
float: left;
margin: 0 1.6% 3% 0;
width: 21.3%;
background: none repeat scroll 0% 0% #222;}

}

@media screen and (min-width:601px) and (max-width:950px){
section{
	padding-bottom:130px;

	}

div#wrap_portafolio{
width:555px;
}

div.article{
	margin-bottom:2px	
	}


div.article h3{
	
    font-size: 99px;
    letter-spacing: -2px;
    line-height: 110px;}

ul.slides{
 margin: 0.6em 0 0;
}

ul.slides li{
float: left;
margin:0 1.8% 4% 0;
width: 22.3%;
background: none repeat scroll 0% 0% #222;}	

ul.slides a{
border: 0.8em solid #4A4948}	





ul.pdf{
 margin: 0.6em 0 0;
}

ul.pdf li{
float: left;
margin:0 1.8% 4% 0;
width: 22.3%;
background: none repeat scroll 0% 0% #222;}	

ul.pdf a{
border: 0.8em solid #4A4948}	


}



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


section{
	padding-bottom:130px;

	}

div#wrap_portafolio{
width: 385px;
}

div.article{
	margin-bottom:-10px;	
	}


div.article h3{
    font-family: kenyan_coffeeregular;
    font-size: 68px;
    font-weight: bolder;
    letter-spacing: -1px;
    line-height: 95px;}

ul.slides{
 margin: 0.6em 0 0;
}

ul.slides li{
float: left;
margin: 0 3% 6% 0;
width: 45%;
background: none repeat scroll 0% 0% #222;}	

ul.slides a{
border: 0.8em solid #4A4948}	






ul.pdf{
 margin: 0.6em 0 0;
}

ul.pdf li{
float: left;
margin: 0 3% 6% 0;
width: 45%;
background: none repeat scroll 0% 0% #222;}	

ul.pdf a{
border: 0.8em solid #4A4948}	

}

@media screen and (max-width:449px){
	
section{
	padding-bottom:130px;
	padding-top:30px;

	}

div#wrap_portafolio{
width:250px;
}

div.article{
    margin-bottom: -10px;
    margin-top: -12px;	
	}


div.article h3{
    font-family: kenyan_coffeeregular;
    font-size: 40px;
    font-weight: bolder;
    letter-spacing: 0;
    line-height: 59px;
    text-align: center;
    text-transform: uppercase;}

ul.slides{
 margin: 0.6em auto;
 width: 85%;
}

ul.slides li{
    background: none repeat scroll 0 0 #222222;
    float: left;
    margin: 0 3% 8% 0;
    width: 44%;}	

ul.slides a{
  border: 0.6em solid #4A4948}
  
  
  
  
  
  ul.pdf{
 margin: 0.6em auto;
 width: 85%;
}

ul.pdf li{
    background: none repeat scroll 0 0 #222222;
    float: left;
    margin: 0 3% 8% 0;
    width: 44%;}	

ul.pdf a{
  border: 0.6em solid #4A4948}

	
}