@charset "utf-8";
/* CSS Document Concejo */

.sec-util{          /* contacto telefonos */
	position:relative; width:100%; height: auto; margin: 0px; padding-top: 7%; padding-bottom:7%; background-color: rgb(51,51,51);
	border-top: 6px solid rgb(0,0,0); color: rgb(200,200,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;
	}
.sec-util h1{ 
	margin-bottom: 0px; color: rgb(200,200,200);
}
.sec-util p{ 
	margin-top: 0px; margin-bottom: 50px; color: rgb(200,200,200);  
}
.util-content{
	position:relative; 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;
}
.util-item{
	width: 20%; /*padding: 2%;*/ height: auto; border-right: 1px solid rgb(200,200,200); text-align: left;
}
.util-item:last-of-type{
	border-right: none;
}
.util-item p:first-of-type{
	font-size: 18px; font-weight: 300; margin-bottom: 0px; margin-top: 0px;
}
.util-item p:last-of-type{
	font-size: 40px; font-weight: 300; margin-bottom: 0px; margin-top: 0px; text-shadow: rgba(0,0,0,0.5) 1px 0 10px;
}


@media all and (max-width: 1000px) {
	.util-item p:first-of-type{
		font-size: 16px; 
	}
	.util-item p:last-of-type{
		font-size: 32px; 
	}

}