@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url(menu.css);
@import url(banner.css);
@import url(servicio.css);
@import url(noticias.css);
@import url(redes.css);
@import url(convocatoriacas.css);
@import url(popup.css);
@import url(actualidad.css);
@import url(segciudad.css);
@import url(normas.css);
@import url(listasnormas.css);



* {
	margin: 0;
	padding: 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing: border-box;
}

body {
	background: #ffffff;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FAFAFA', EndColorStr='#D8D8D8');
	background: -moz-linear-gradient(top, #FAFAFA, #e8eee5);
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#e8eee5));
	background: -o-linear-gradient(#FAFAFA, #e8eee5);
	background: linear-gradient(top, #FAFAFA, #e8eee5);
	width: 100%;
	height: 100%;
    
}

.contenedor {
	/*width: 98%;*/
	margin: auto;
}



/***************************************************************************/
/******estilos del footer***************************************************/
footer {
	/*background: -moz-linear-gradient(top, #000000, #DADBDB); /*prefijo para mozilla - para degradar la caja*/
	/*background: -webkit-linear-gradient(top, #000000, #DADBDB);  /*prefijo para Chrome, Safari, Android, iOs - para degradar la caja*/
	/*background: -ms-linear-gradient(top, #000000, #DADBDB);   /*prefijo para IE - para degradar la caja*/
	/*background: -o-linear-gradient(top, #000000, #DADBDB);    /*prefijo para opera - para degradar la caja*/
    margin-top: 10px;
    background: #ffffff;
	padding: 25px;
}


footer .contenedor {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	padding-bottom: 25px;
}

.copy h5 {
	color: #065ab9;
    text-align: left;
}

.copy h6 {
	color: #0d0e0e;
}

.sociales {
	width: 100%;
	text-align: center;
	font-size: 28px;
}

.sociales a {
	color: #6e7a02;
	text-decoration: none;
}
/****************************************************************************/
/******color a los sociales al pasar el mouse*****************************/
.icon-facebook-squared:hover {
	color: #20459B;
}

.icon-twitter-squared:hover {
	color: #63D4F7;
}

.icon-gplus-squared:hover {
	color: #D23703;
}

.icon-location:hover {
	color: #f80606;
}
/****************************************************************/
/**********************RESPONSIVE********************************/
@media (min-width: 768px) {
	.sociales {
		width: auto;
	}

	footer .contenedor {
		justify-content: space-between;
	}
    
}