@charset "utf-8";
/* CSS Document Concejo */
/* footer */
footer{
	float:left; position:relative; width:88%; height: auto; margin: 0px; padding: 8% 6% 8% 6%; background-color: #E6CBA8; /*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;
	
	gap:40px;
	}
.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: 14px;
}
.icon{
	width: 32px; height: 32px; cursor:pointer;
}
.foo-item-img-content p img{
	margin:auto; vertical-align: middle;
}

.foo-sitios{
	float:left; position:relative; width:100%;  /*color: rgb(77,77,77);*/ z-index:200; margin-bottom: 40px;
	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;

}
.sitios-title{
	width: 20%; align-content: center;
}
.sitios-title h4{
	font-size: 16px; font-weight: bold; margin-bottom: 0px;
}
.sitios-title p{
	font-size: 14px;  margin-top: 10px;
}
.sitios-content{
	width:/* 73%; background-color:rgba(0,0,0,0.05);*/ calc(73% - 2px); border:1px solid rgba(0,0,0,0.1); padding: 1%;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	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;
	
	gap: 5px;

}
.sitios-content p{
	width: 20%; margin:0px; font-size: 14px;
}


@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%;
	}
	.foo-sitios{
		display: none;
	}
	.sitios-content p{
		width: 100%; margin:0px; font-size: 14px; 
	}
	.sitios-title{
		width: 100%;
	}
	.sitios-content{
		width: calc(98% - 2px);
	}
}