/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

html,
body{margin:0;padding:0;height:100%;min-width:320px;background:#fff;font-family:'GothamRegular';}
@font-face{font-family:'GothamRegular';src:url('../fonts/gotham-book.eot');src:url('../fonts/gotham-book.eot') format('embedded-opentype'),
url('../fonts/gotham-book.woff') format('woff'),
url('../fonts/gotham-book.ttf') format('truetype'),
url('../fonts/gotham-book.svg#GothamRegular') format('svg');}

@font-face{font-family:'Avenir';src:url('../fonts/avenir.woff') format('woff');}

/* Basic Styles */
	.fila_ldi{
		width: 100%;
		min-width: 400px;
		max-width: 1800px;
		display: inline-block;
		padding: 0 6%;
		
	}
	
	.secciones_ldi{
		display: inline-block;
		width: 18%;
		min-width: 200px;
		float: left;
		margin: 0 2%;
		position: relative;
		margin-top: 7%;
		
	}
	
	.secciones_ldi img{
		position: relative;
		display: block;
		margin: auto;
		vertical-align: middle;
		padding-top: 10px;
	}
	
	.secciones_ldi p{
		font-size: .8em;
		font-family: 'Avenir';
		color: #8f8f8f;
	}
	
	.container_imagen{
		height: 110px;	
		
	}
	
	.pie{
		position: relative;
		width: 100%;
		float: left;
		
	}
	
/* Tablets from 950 px */
@media screen and (max-width: 950px) {
	
	
}	
	
/*Styles for screen 750px and lower*/
@media screen and (max-width: 750px) {
		

}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 750px) {

}

/*Smartphone*/
@media only screen and (max-width : 320px) {

	
	}