@charset "utf-8";
/* CSS Document Concejo */
/* footer */
footer{
	float:left; position:relative; width:90%; height: auto; margin: 0px; padding: 8% 5% 8% 5%; background-color: rgb(200,200,200); /*color: rgb(77,77,77);*/ 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: 100%;  
	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: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
}
.foo-item{ 
	/*border-right: 1px solid rgb(77,77,77);*/ /*padding: 2%;*/ width: 20%; 
	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: bold;
}
.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;
}
.foo-item-img-content p img{
	margin:auto; vertical-align: middle;
}

@media all and (max-width: 1000px) {
	.foo-content{ 

		display: -webkit-flex;
		display: -ms-flex;
		display: flex;

		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

		-webkit-justify-content: flex-start;
		-ms-justify-content: flex-start;
		justify-content: flex-start;

		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		-moz-box-align: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: flex-start;
		
		gap:30px;
	}
	.icon{
		width: 24px; height: 24px; cursor:pointer;
	}
	.foo-item{ 
		width: 100%; height: auto;
	}
	.foo-item:first-of-type{ 
		width: 100%;
	}
}