@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.cuerpo {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
}
.franja-sup {
	width: calc(100% - 24px);
	margin-right: 12px;
	margin-left: 12px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	height: 67px;
	color: #FFFFFF;
	margin-bottom: 30px;
	line-height: 67px;
	font-size: 18px;
}
.encabezado a {
	color: #6F6F6E;
	text-decoration: none;
	display: inline-block;
	margin-left: 27px;
	vertical-align: top;
	margin-top: 35px;
	font-size: 15px;
}
.encabezado a:hover {
	color: #604696;
}
.destacado, .destacado-prov {
	margin-right: 20px;
	margin-left: 20px;
}
.separador-vert {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6F6F6E;
	height: 70px;
	display: inline-block;
	margin-left: 36px;
	margin-bottom: 5px;
}
.encabezado-100 {
	width: 100%;
	border-top-width: 35px;
	border-top-style: solid;
	border-top-color: #604696;
}
.pie-100 {
	width: 100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #604696;
	margin-top: 35px;
	background-color: #7d7c80;
}
.encabezado {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 65px;
}
.pie {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	height: 90px;
	text-align: center;
	color: #fff;
	line-height: 90px;
}
.detalle-franja {
	height: 58px;
	width: 63px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	float: left;
	margin-right: 10px;
	padding-top: 9px;
}
.columna {
	background-color: #ECECEC;
	width: 230px;
	padding-bottom: 25px;
}
.novedades-central {
	width: 600px;
	margin-right: 20px;
	margin-left: 20px;
	background-color: #ECECEC;
}
.central {
	width: 850px;
	margin-right: 20px;
	background-color: #ECECEC;
	padding-bottom: 25px;
}
.color-convenios {
	background-color:#F3997A;
}
.color-novedades {
	background-color:#9EB3DD;
}
.color-proveduria {
	background-color:#B8D269;
}
.color-autoridades {
	background-color:#a9dcf8;
}
.color-beneficios {
	background-color:#fabf74;
}
.color-salud {
	background-color:#9cd1bf;
}
.color-deporte {
	background-color:#f1d86d;
}
.color-contacto {
	background-color:#ab9ecd;
}
.color-detalle-convenios {
	background-color:#E30513;
}
.color-detalle-novedades {
	background-color:#1D70B7;
}
.color-detalle-proveduria {
	background-color:#95C11E;
}
.color-detalle-autoridades {
	background-color:#5bc5f1;
}
.color-detalle-beneficios {
	background-color:#f39200;
}
.color-detalle-salud {
	background-color:#2db194;
}
.color-detalle-deporte {
	background-color:#e9c905;
}
.color-detalle-contacto {
	background-color:#604696;
}
body {
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
}
.destacado img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.separador-horiz {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 20px;
	margin-left: 20px;
}
.separador-horiz-notas {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 30px;
	margin-bottom: 30px;
}
.destacado-prov img {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
}
.seccion {
	margin-right: 20px;
	margin-left: 20px;
	font-size: 15px;
	margin-bottom: 35px;
}
.detalle {
	font-size:12px;
	font-weight:bold;
}
.destacado .titulo {
	font-size:15px;
}
.destacado-prov .producto {
	font-size:14px;
}
.destacado-prov {
	font-size:10px;
	color: #575756;
}
.novedad {
	margin-right: 45px;
	margin-left: 45px;
	font-size: 14px;
	color: #575756;
}
.novedad img {
	width:100%;
}
.novedad .titulo, .caja .titulo {
	font-size: 22px;
	margin-top: 35px;
	margin-bottom: 30px;
	display: block;
	float: none;
	/*color: #604696;*/
	color: #09090A;
	font-weight: bold;
}
.novedad a {
	/*float: right;*/
	color: #604696;
	text-decoration: none;
	margin-top: 35px;
}
.novedad a.link{
	float: inherit;
	color: #604696;
	text-decoration: none;
	margin-top: 35px;
}
.cargo {
	font-size:14px;
}
.nombre {
	font-size:13px;
	font-weight:bold;
}
.titulo-ppal {
	/*color:#604696;*/
	color=#28262E;
	/* [disabled]margin-left:75px; */
	margin-bottom:15px;
	margin-top:55px;
	display:block;
	font-size: 22px;
}
.caja {
	margin-left: 75px;
	margin-right: 75px;
	font-size: 14px;
}
img.flotando-izq {
	float:left;
	margin-right: 20px;
}
img.centrado {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
div.caja a, .link-nota {
	text-decoration:none;
	color:#604696;
}
.bloque {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}
a.buscador {
	border: 1px solid #939393;
	border-radius: 8px;
	padding: 8px;
	color: #000 !important;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
.formulario {
	width: 480px;
	border: solid 1px #bababa;
	padding: 15px;
}
#contact_form {
	width: 510px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 40px;
}
input:not([type="radio"]), textarea {
    width: calc(100% - 10px);
	background-color: #d8d0ec;
	border: none;
	padding: 5px;
}
textarea {
	height: 200px;
	margin-bottom: 30px;
}
.captcha{
	float: left;
	width: 238px;
	height: 52px;
}
#postback, #cancelar {
	width: 100px;
	margin-top: 35px;
	height: 30px;
	background-color: #604696;
	color: #fff;
	border-radius: 5px;
}
#postback {
	margin-left: 276px;
}
.boton {
	width: 90px;
	display: block;
	margin-top: 10px;
	color: #fff;
	background-color: #604696;
	border-radius: 6px;
}
.link-nota {
	text-decoration:none;
	color:#66F;
	float:none !important;
}
.miniatura {
	width:100px;
	float: left;
	margin-right: 20px;
}
.titulo-ppal-listado {
	color:#604696;
	margin-bottom:15px;
	display:block;
	font-size: 16px;
}
.lista {
	overflow:hidden;
	margin-bottom:10px;
}
.volver {
	display: block;
	float: right;
	margin-top: 50px;
	font-weight: bold;
	border: 1px solid;
	padding: 4px;
	border-radius: 4px;
}

.resaltado {
	color: #E36C0A
}

.fab-wa {
	text-decoration: none;
	position: fixed;
	bottom: 50px;
	left: 50px;
	width: 75px;
	height: 75px;
	background: #128c7e;
	border-radius: 50%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	z-index: 100;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}

.fab-wa i {
	color: #fff;
	font-size: 3rem;
}

@media screen and (max-width: 700px) {
	.fab-wa {
		bottom: 30px;
		left: 30px;
		width: 50px;
		height: 50px;
	}

	.fab-wa i {
		font-size: 2.3rem;
	}
}