@charset "utf-8";
/* CSS Document Concejo */
/* footer */
footer{
	float:left; position:relative; width:100%; height: auto; margin: 0px; padding-top: 7%; padding-bottom: 7%; background-color: rgb(10,10,10); color: grey; z-index:200;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	
	-moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
	}
.foo-content{ 
	position:relative; width: 1200px; max-width: 90%; padding-left: 5%; padding-right: 5%; 
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
	-moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
}
.foo-item{ 
	/*border-right: 1px solid rgb(77,77,77);*/ /*padding: 2%;*/ width: calc(31% - 1px);
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: start;
	-ms-justify-content: start;
	justify-content: start;
	
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	
	-moz-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
}
.foo-item:last-of-type{ 
	border-right: none;
}
.foo-item-title{
	font-weight: 1000; font-style: italic;
}
.foo-item-content{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: start;
	-ms-justify-content: start;
	justify-content: start;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
	-moz-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
}
.foo-item-img-content{
	margin-top: 10px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: start;
	-ms-justify-content: start;
	justify-content: start;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
	-moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.foo-item-img-content img{
	margin-right: 10px;
}
.foo-item-txt-content{
	
}
.foo-item p{
	margin-top: 0px; margin-bottom: 5px; width: 100%; font-size: 16px;
}
.icon{
	width: 32px; height: 32px; cursor:pointer;
}

@media all and (max-width: 1000px) {
	.icon{
		width: 24px; height: 24px; cursor:pointer;
	}
	.foo-item{ 
		border-right: none; width: 100%;
	}
	.foo-item:last-of-type{ 
		margin-top: 20px;
	}
}