@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,400;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900&display=swap');

/*
---------------------------PAGINA GENERAL-------------------------------
*/
body {
	padding: 0px;
	topmargin: 0px;
	background-color:#FFF;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
img {
	border: none;
}
a img {
	border: none;
}

a:link {
	text-decoration: none;
	color: #039;
	}

a:visited {
	text-decoration: none;
	color: #039;
	}
	
a:hover {
	color: #0099CC;
	text-decoration: none;
	}
	
.contenedor {
	width:100%
}

table  {
	margin-bottom: 1rem;
}
	
/*
---------------------------DIVS y estilos GENERALES-------------------------------
*/
.centrado {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}

.banner {
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
	clear: left;
	float: none;
	z-index:1;
}

.banner_large {
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
	clear: left;
	float: none;
	z-index:1;
}

.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

.espacio-pub {
	height: 5px;
	clear: left;
	float: none;
	background-image: url(/imagenes/espacio_pub.gif);
	background-repeat: no-repeat;
	background-position: 2%;
}

.espacio-pub iframe {
	max-width:100%;
	
}

.boton {
	padding:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 44px;
	background: #479dff;
	background-image: -webkit-linear-gradient(top, #479dff, #01427e);
	background-image: -moz-linear-gradient(top, #479dff, #01427e);
	background-image: -ms-linear-gradient(top, #479dff, #01427e);
	background-image: -o-linear-gradient(top, #479dff, #01427e);
	background-image: linear-gradient(to bottom, #479dff, #01427e);
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	text-decoration:none;
	margin:8px;
}

.boton:a {
	background: #479dff;
	background-image: -webkit-linear-gradient(top, #479dff, #01427e);
	background-image: -moz-linear-gradient(top, #479dff, #01427e);
	background-image: -ms-linear-gradient(top, #479dff, #01427e);
	background-image: -o-linear-gradient(top, #479dff, #01427e);
	background-image: linear-gradient(to bottom, #479dff, #01427e);
}

.boton:hover {
	background: #666;
	background-image: -webkit-linear-gradient(top, #666, #01427e);
	background-image: -moz-linear-gradient(top, #666, #01427e);
	background-image: -ms-linear-gradient(top, #666, #01427e);
	background-image: -o-linear-gradient(top, #666, #01427e);
	background-image: linear-gradient(to bottom, #666, #01427e);
}

.botonCancel {
	padding:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 44px;
	background: #479dff;
	background-image: -webkit-linear-gradient(top, #479dff, #01427e);
	background-image: -moz-linear-gradient(top, #479dff, #01427e);
	background-image: -ms-linear-gradient(top, #479dff, #01427e);
	background-image: -o-linear-gradient(top, #479dff, #01427e);
	background-image: linear-gradient(to bottom, #479dff, #01427e);
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	text-decoration:none;
	margin:8px;
}

.botonCancel:a {
	background: #479dff;
	background-image: -webkit-linear-gradient(top, #479dff, #01427e);
	background-image: -moz-linear-gradient(top, #479dff, #01427e);
	background-image: -ms-linear-gradient(top, #479dff, #01427e);
	background-image: -o-linear-gradient(top, #479dff, #01427e);
	background-image: linear-gradient(to bottom, #479dff, #01427e);
}

.botonCancel:hover {
	background: #666;
	background-image: -webkit-linear-gradient(top, #666, #01427e);
	background-image: -moz-linear-gradient(top, #666, #01427e);
	background-image: -ms-linear-gradient(top, #666, #01427e);
	background-image: -o-linear-gradient(top, #666, #01427e);
	background-image: linear-gradient(to bottom, #666, #01427e);
}

.btn {
	background: #479dff;
	background-image: -webkit-linear-gradient(top, #479dff, #01427e);
	background-image: -moz-linear-gradient(top, #479dff, #01427e);
	background-image: -ms-linear-gradient(top, #479dff, #01427e);
	background-image: -o-linear-gradient(top, #479dff, #01427e);
	background-image: linear-gradient(to bottom, #479dff, #01427e);
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	text-shadow: 0px 0px 5px #000000;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	padding: 8px 40px 10px 40px;
	border: none;
	text-decoration: none;
}
.btn:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}

.btn_b {
	padding: 8px 40px 10px 40px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	background-color: #06C;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	text-decoration:none;
	cursor: pointer;
}

.btn_b:a {
	padding: 8px 40px 10px 40px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	background-color: #06C;
	cursor: pointer;
}

.btn_b:hover {
	background-color: #039;
	cursor: pointer;
}


.boton_b {
	padding:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 22px;
	background-color: #06C;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	text-decoration:none;
}

.boton_b:a {
	padding:8px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 20px;
	background-color: #06C;
	cursor: pointer;
}

.boton_b:hover {
	background-color: #039;
}

.boton_c {
	padding:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 22px;
	background-color: #F63;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	text-decoration:none;
}

.boton_c:a {
	padding:8px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 20px;
	background-color:#F63;
}

.boton_c:hover {
	background-color: #F30;
}


.boton_d {
	padding:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 22px;
	background-color: #666;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	text-decoration:none;
}

.boton_d:a {
	padding:8px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 20px;
	background-color: #666;
}

.boton_d:hover {
	background-color: #333;
}

.boton_ancho {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    background-color: #FFF;
    border: solid #06C 1px;
    border-radius: 4px;
    color: #06C;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
	width:100%;
}

.boton_ancho:a {
	color: #06C;
}

.boton_ancho:hover {
    color: #000;
}

/*
---------------------------BOTONES ID-------------------------------
*/


#boton {
	padding:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 44px;
	background: #479dff;
	background-image: -webkit-linear-gradient(top, #479dff, #01427e);
	background-image: -moz-linear-gradient(top, #479dff, #01427e);
	background-image: -ms-linear-gradient(top, #479dff, #01427e);
	background-image: -o-linear-gradient(top, #479dff, #01427e);
	background-image: linear-gradient(to bottom, #479dff, #01427e);
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	text-decoration:none;
	margin:8px;
}

#boton:a {
	background: #479dff;
	background-image: -webkit-linear-gradient(top, #479dff, #01427e);
	background-image: -moz-linear-gradient(top, #479dff, #01427e);
	background-image: -ms-linear-gradient(top, #479dff, #01427e);
	background-image: -o-linear-gradient(top, #479dff, #01427e);
	background-image: linear-gradient(to bottom, #479dff, #01427e);
}

#boton:hover {
	background: #666;
	background-image: -webkit-linear-gradient(top, #666, #01427e);
	background-image: -moz-linear-gradient(top, #666, #01427e);
	background-image: -ms-linear-gradient(top, #666, #01427e);
	background-image: -o-linear-gradient(top, #666, #01427e);
	background-image: linear-gradient(to bottom, #666, #01427e);
}

#botonCancel {
	padding:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 44px;
	background: #479dff;
	background-image: -webkit-linear-gradient(top, #479dff, #01427e);
	background-image: -moz-linear-gradient(top, #479dff, #01427e);
	background-image: -ms-linear-gradient(top, #479dff, #01427e);
	background-image: -o-linear-gradient(top, #479dff, #01427e);
	background-image: linear-gradient(to bottom, #479dff, #01427e);
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	text-decoration:none;
	margin:8px;
}

#botonCancel:a {
	background: #479dff;
	background-image: -webkit-linear-gradient(top, #479dff, #01427e);
	background-image: -moz-linear-gradient(top, #479dff, #01427e);
	background-image: -ms-linear-gradient(top, #479dff, #01427e);
	background-image: -o-linear-gradient(top, #479dff, #01427e);
	background-image: linear-gradient(to bottom, #479dff, #01427e);
}

#botonCancel:hover {
	background: #666;
	background-image: -webkit-linear-gradient(top, #666, #01427e);
	background-image: -moz-linear-gradient(top, #666, #01427e);
	background-image: -ms-linear-gradient(top, #666, #01427e);
	background-image: -o-linear-gradient(top, #666, #01427e);
	background-image: linear-gradient(to bottom, #666, #01427e);
}

#btn {
	background: #479dff;
	background-image: -webkit-linear-gradient(top, #479dff, #01427e);
	background-image: -moz-linear-gradient(top, #479dff, #01427e);
	background-image: -ms-linear-gradient(top, #479dff, #01427e);
	background-image: -o-linear-gradient(top, #479dff, #01427e);
	background-image: linear-gradient(to bottom, #479dff, #01427e);
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	text-shadow: 0px 0px 5px #000000;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	padding: 8px 40px 10px 40px;
	border: none;
	text-decoration: none;
}
#btn:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}

#btn_b {
	padding: 8px 40px 10px 40px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	background-color: #06C;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	text-decoration:none;
	cursor: pointer;
}

#btn_b:a {
	padding: 8px 40px 10px 40px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	background-color: #06C;
	cursor: pointer;
}

#btn_b:hover {
	background-color: #039;
	cursor: pointer;
}


#boton_b {
	padding:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 22px;
	background-color: #06C;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	text-decoration:none;
}

#boton_b:a {
	padding:8px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 20px;
	background-color: #06C;
	cursor: pointer;
}

#boton_b:hover {
	background-color: #039;
}

#boton_c {
	padding:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 22px;
	background-color: #F63;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	text-decoration:none;
}

#boton_c:a {
	padding:8px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 20px;
	background-color:#F63;
}

#boton_c:hover {
	background-color: #F30;
}


#boton_d {
	padding:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 22px;
	background-color: #666;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	text-decoration:none;
}

#boton_d:a {
	padding:8px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	height: 20px;
	background-color: #666;
}

#boton_d:hover {
	background-color: #333;
}

#boton_ancho {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    background-color: #FFF;
    border: solid #06C 1px;
    border-radius: 4px;
    color: #06C;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
	width:100%;
}

#boton_ancho:a {
	color: #06C;
}

#boton_ancho:hover {
    color: #000;
}





/*
---------------------------NOTIFICACIONES-------------------------------
*/

.notif_boton {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    background-color: #FFF;
    border: solid #06C 1px;
    border-radius: 4px;
    color: #06C;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
	margin-right:2px;
	margin-left:0px;
}

.notif_boton:a {
	color: #06C;
}

.notif_boton:hover {
    color: #000;
}

.notif_texto {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight:700;
}

.notif_tabla {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:14;
	font-weight:400;
}

.notif_tabla td {
	padding:4px;
	height:28px;
}


/*
---------------------------FIN NOTIF-------------------------------
*/


/*
--------------------------------
#btn {
	background: #479dff;
	width:auto;
	background-image: -webkit-linear-gradient(top, #479dff, #01427e);
	background-image: -moz-linear-gradient(top, #479dff, #01427e);
	background-image: -ms-linear-gradient(top, #479dff, #01427e);
	background-image: -o-linear-gradient(top, #479dff, #01427e);
	background-image: linear-gradient(to bottom, #479dff, #01427e);
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	text-shadow: 0px 0px 5px #000000;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	padding: 8px 40px 10px 40px;
	border: none;
	text-decoration: none;
}
#btn:a {
	color: #ffffff;
}
#btn:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}
-----------------
*/





/*
---------------------------CABEZAL-------------------------------
*/
	/*
	--------------------------- CABEZAL - GOOGLE TRANSLATE -------------------------------
	*/
	.comboGoogleTranslate {
		margin-left: 4px;
		float: left;
		border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
	}

.cabezal {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 13px;
	text-decoration: none;
	background-color: transparent;
	height: 109px;
	width: 100%;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #06C;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #039;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #039;
}

.cabezal_arriba_cont {
	width: 100%;
	background-color: #FFF;
	border-bottom: #039 dotted 1px;
	}

.cabezal_arriba {
	width: 1200px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	}
	
.logo_cabezal {
	width: 260px;
	float: left;
	margin-right: 0px;
	height:auto;
	margin-top:8px;
}
.logo_cabezal img {
	max-width: 100%;
	height:auto;
	display: block;
}

.botones_cabezal {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:14px;
	width: 200px;
	height: auto;
	float: left;
	margin-top: 27px;
	margin-left: 50px;
}

.formulario_cabezal {
	height: 25px;
	float: right;
	margin-top: 19px;
}

.campo_texto_cabezal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #FFF;
	height: 24px;
	width: 206px;
	margin-left:5px;
	background-color: #FFF;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
float:left;
border: 1px solid #06C;
}


.combo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #06C;
	height: 24px;
	width:180px;
	margin-left: 4px;
	font-weight: normal;
	background-color: #FFF;
	border: 1px solid #06C;
	float:left;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}


.lupa_buscador {
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	font-family: 'icomoon';
	font-size: 20px;
}


.cabezal_abajo_cont {
	width: 100%;
	background-color: #EBEEF6;
	}

.cabezal_abajo {
	width: 1200px;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	}
	
.titulo_cabezal {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 24px;
	float: left;
	margin-top:4px;
	margin-left:0px;
}


.usuario_cabezal_contenedor {
	margin-left: 0px;
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 2px;
	padding-top: 0px;
	width:auto;
}

.usuario_cabezal_nombre {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #039;
	float:right;
	text-align:right;
	width:auto;
	margin-top:9px;
	font-weight: 700;
}

.badge1 {
	position:relative;
	display:inline-block;
}

.badge1[data-badge]:after {
	content:attr(data-badge);
    position:absolute;
    top:0px;
	right:-2px;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	font-color:white;
    font-weight:700;
	background:red;
	color:white;
	width:19px;height:19px;
	text-align:center;
	line-height:19px;
	border-radius:50%;
	box-shadow:0 0 1px #333;
}



.usuario_cabezal_alarm{
	font-size: 22px;
	color: #999;
	margin-top:9px;
	float:right;
	margin-right:8px;
}

.usuario_cabezal_alarm a {
	color:#999;
	
	}
	
	.usuario_cabezal_alarm a:hover {
	color: #09C;
	
	}


.usuario_cabezal_foto {
	margin-left: 8px;
	float: right;
	margin-top:2px;
	padding-top: 0px;
		    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 36px;
    width: 36px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: cover;
}

.boton1_cabezal {
	padding: 4px 24px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:400;
	color: #06C;
	height: 30px;
	background-color: #FFF;
	width: auto;
	moz-border-radius: 4px;
	webkit-border-radius: 4px;
	border-radius: 4px;
	text-decoration:none;
	border: solid #06C 1px;
	float:right;
	margin-left:22px;
		margin-top:8px;
}

.boton1_cabezal:a {
	color: #06C;
}

.boton1_cabezal:hover {
	color: #06C;
	background-color: #EBEEF6;
}


.boton2_cabezal {
	padding: 4px 24px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:400;
	color: #FFF;
	height: 30px;
	background-color: #06C;
	width: auto;
	moz-border-radius: 4px;
	webkit-border-radius: 4px;
	border-radius: 4px;
	text-decoration:none;
	border: solid #06C 1px;
	float:right;
	margin-left:22px;
	margin-right:1px;
	margin-top:8px;
}

.boton2_cabezal:a {
	color: #FFF;
	background-color: #06C;
}

.boton2_cabezal:hover {
	color: #FFF;
	background-color: #039;
}



/*
---------------------------CUERPO CENTRAL EN DOS COLUMNAS-------------------------------
*/
.cuerpo {
	width: 1200px;
	margin-left: 0px;
	float: left;
	margin-bottom: 24px;
}
/*
---------------------------Columna izquierda-------------------------------
*/

.cuerpo_izquierda {
	width: 800px;
	text-align: left;
	float: left;
}
/*
---------------------------LISTADOS CONTENIDOS-------------------------------
*/

.articulo_listado {
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 24px;
	text-decoration: none;
	margin-bottom: 24px;
	height: auto;
	padding-top: 0px;
	overflow: hidden;
}
.articulo_listado_foto {
	float: left;
	margin-right: 26px;
	width: 220px;
}

.articulo_listado_foto img {
	width: 100%;
	height:auto;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	}

  .articulo_listado_foto img:hover {
      opacity: 0.5;
      }

.articulo_listado_textos {
	width: auto;
    overflow: hidden;
}
.texto_fecha {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 14px;
	color: #666;
}
.articulo_listado_titulo {
	width: auto;
	text-align: left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size: 22px;
	color: #039;
	line-height: 28px;
	text-decoration: none;
}
.articulo_listado_volanta {
	width: auto;
	text-align: left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 17px;
	color: #06C;
	line-height: 25px;
	text-decoration: none;
}
.articulo_listado_copete {
	width: auto;
	text-align: left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 17px;
	color: #000;
	line-height: 25px;
	text-decoration: none;
	margin-top: 5px;
}
.articulo_listado_relacionados {
	width: auto;
	text-align: left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 14px;
	color: #000;
	line-height: 18px;
	text-decoration: none;
	margin-top: 10px;
}

/*
---------------------------DESTAQUES COLOR-------------------------------
*/

.destaque1 {
	background-color: #F90;
	color:#FFF;
	padding-left:4px;
	padding-right:4px;
	border-radius: 4px;
	font-size:14px;
}


.destaque2 {
	background-color: #693;
	color:#FFF;
	padding-left:4px;
	padding-right:4px;
	border-radius: 4px;
	font-size:14px;
}


.destaque3 {
	background-color: #999;
	color:#FFF;
	padding-left:4px;
	padding-right:4px;
	border-radius: 4px;
	font-size:14px;
}

.destaque4 {
	background-color: #fb404b;
	color:#FFF;
	padding-left:4px;
	padding-right:4px;
	border-radius: 4px;
	font-size:14px;
}

.destaque_roe {
	background-color: #333;
	color: #FF9;
	padding-left:4px;
	padding-right:4px;
	border-radius: 4px;
	font-size:14px;
}

.destaque_roe2 {
	background-color: #F9EA84;
	color: #000;
	padding-left:4px;
	padding-right:4px;
	border-radius: 4px;
	font-size:14px;
}

/*
-----------------------------------------------------*/


/*
---------------------------Columna derecha-------------------------------
*/

.cuerpo_derecha {
	width: 300px;
	float: right;
	margin-left: 10px;
	margin-top: 0px;
}

/*
------------nuevos titulos de seccion
*/
.seccion_col {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size: 22px;
  width: 100%; 
   text-align: center; 
   border-bottom: 3px solid #06C; 
   line-height: 0.07em;
   margin: 50px 0 30px; 
 }
.seccion_col span {
 background: #FFF; 
    padding:0 10px; 
}
/*
----------*/




.eventos_columna_home {
	width: 300px;
	text-align: left;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 20px;
}
.eventos_columna_home_texto {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 17px;
	line-height: 22px;
	color: #666;
	margin-bottom:7px;
	margin-top:7px;
	padding-top:7px;
	border-top:solid 1px #CCCCCC;
}
.eventos_seccion {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 24px;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ver_mas {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size: 15px;
	text-align: right;
	width: 100px;
	float: right;
	padding-right: 5px;
}

.encuesta_contenedor {
	background-color: #FFF;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	border-bottom:solid 2px #06C;
	padding-top: 0px;
	padding-bottom: 5px;
	height: auto;
}

.encuesta_titulo {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size: 18px;
	text-align: left;
	line-height: 24px;
	margin-top: 4px;
	margin-right: 4px;
	margin-left: 4px;
}
.encuesta_texto {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	line-height: 20px;
	margin-top: 6px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 6px;
}
.encuesta_boton {
	text-align: center;
}
.ver_resultados {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size: 14px;
	text-align: center;
	margin-top: 2px;
}
.encuesta_seccion {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 21px;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 6px;
	margin-left: 4px;
}
.conectados_columna_home {
	width: 300px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 20px;
	display: inline-table
}
.conectados_usuarios_contenedor {
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: middle;
	float: left;
	width: 300px;
}

.conectados_columna_home_texto {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 16px;
	line-height: 20px;
	color: #666;
	margin-bottom: 5px;
	height: auto;
	margin-top: 4px;
	float:left;
	width: 250px;
}

.conectados_columna_home_avatar {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 28px;
    width: 28px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
	float:left;
	margin-right:6px;
	margin-bottom:10px;
	position:relative;
}


.conectados_seccion {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 24px;
	color: #333333;
	margin-top: 6px;
	margin-bottom: 10px;
}

.foros_columna_home {
	width: 300px;
	text-align: left;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 20px;
}
.foros_columna_home_texto {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 17px;
	line-height: 22px;
	color: #666;
	margin-bottom:6px;
}
.foros_seccion {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 24px;
	color: #333333;
	margin-top: 6px;
	margin-bottom: 10px;
}


/*
---------------------------CONTENIDOS MAS LEIDOS-------------------------------
*/

.mas_leidos_cont {
	border-bottom: 3px solid #06C;
	margin-bottom: 18px;
	padding-bottom: 10px;
}

.mas_leidos_listado {
	padding-bottom: 0px;
	text-decoration: none;
	margin-bottom: 10px;
	height: auto;
	min-height: 30px;
	padding:0px;
	overflow: hidden;
	margin-top: 10px;
}


.mas_leidos_numero_separa {
	font-weight:400;
	font-size: 26px;
  width: 100%; 
   text-align: left; 
   border-bottom: 1px dotted #06C; 
   line-height: 0.07em;
   margin: 20px 0 20px; 
 }

.mas_leidos_numero_separa span {
	border-radius: 50%;
	background-color: #06C;
	color: #FFFFFF;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	line-height: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 4px;
}


.mas_leidos_numero_separa2 {
	font-weight:400;
	font-size: 26px;
  width: 100%; 
   text-align: left; 
   border-bottom: 1px dotted #404040; 
   line-height: 0.07em;
   margin: 20px 0 20px; 
 }

.mas_leidos_numero_separa2 span {
	border-radius: 50%;
	background-color: #404040;
	color: #FFFFFF;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	line-height: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 4px;
}

.mas_leidos_listado_foto {
	float: right;
	margin-left: 14px; 
	width: 34%;
}

.mas_leidos_listado_foto img {
	width: 100%;
	height:auto;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	}

.mas_leidos_listado_foto img:hover {
      opacity: 0.5;
      }


.mas_leidos_listado_titulo {
	width: auto;
	text-align: left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	padding-left: 6px;
	margin-top: 2px;
}

.mas_leidos_seccion {
	width: auto;
	text-align: left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 16px;
	line-height: 20px;
	margin-top: 4px;
	border-bottom: 3px solid #06C;
	padding-bottom: 8px;
	text-decoration: none;
	margin-bottom: 12px;
	height: auto;
	padding-top: 0px;
	overflow: hidden;
}

.mas_leidos_separa {
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #06C;
	margin-top: 6px;
	margin-bottom: 12px;
	height: 4px;
}


/*
-------------------------------------------------------
*/





/*
---------------------------PIE DE PAGINA-------------------------------
*/

.pie {
	width: 100%;
	height: auto;
	border-top-width: 0px;
	border-top-style: dotted;
	border-top-color: #333;
	border-bottom-color: #333;
	padding-top: 20px;
	margin-bottom: 10px;
	float: none;
	margin-top: 40px;
}
.pie_columna_1 {
	width: 180px;
	text-align: center;
	float: none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 30px;
}

.pie_titulo {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 16px;
	color: #666;
	line-height: 20px;
	text-decoration: none;
}

.pie_cierre_azul {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	height: 40px;
	width: 100%;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #EAEEF6  !important;
	border-bottom: #039 solid 1px;
	border-top: #039 solid 1px;
}
.pie_cierre_azul a:link {
	color: #039;
	text-decoration: none;
}
.pie_cierre_azul a:visited {
	color: #039;
	text-decoration: none;
}
.pie_cierre_azul a:hover {
	color: #09C;
	text-decoration: none;
}

.pie_links {
	height: auto;
	float: left;
	margin-left: auto;
	margin-right:auto;
	margin-top:4px;
}

.iconos_pie_contenedor {
	width:auto;
	margin-top: 6px;
	float: right;
}

.pie_franja_contiene {
margin-left:auto;
margin-right:auto;
width: 990px;
}

.iconos_pie {
	width: auto;
	height: auto;
	float: right;
	margin-right: 18px;
	font-family: 'icomoon';
	font-size:20px;
}





.pie_cierre_vertical {
	padding-top: 10px;
	margin-left: 12px;
	float: left;
}
.pie_cierre {
	height: 80px;
	text-align: center;
	width: 750px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.pie_cierre_logos {
	margin-right: 15px;
	margin-left:15px;
	float: left;
	margin-bottom: 5px;
}
.pie_cierre_textos {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 12px;
	color: #666;
	height: 30px;
	width: auto;
	text-align: center;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}


/*
---------------------------TEXTOS ESTILOS SUELTOS-------------------------------
*/
.texto1 {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 13px;
	color: #666;
}
.texto2 {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666;
	line-height: 20px;
}
.texto2bold {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666;
	font-weight: 600;
	line-height: 20px;
}
.texto_azul_bold {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #006;
	font-weight: 600;
	line-height: 19px;
}
.texto3 {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 20px;
}
.texto3bold {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 20px;
	font-weight: bold;
}


/*
---------------------------FORMULARIOS-------------------------------
*/


.campo_texto_comentarios {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	width: 500px;
	height: 120px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.campo_texto_colega {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	width: 500px;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.campo_texto_linea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
}



@media screen and (max-width:1200px){
	
body {
	padding: 0px;
	topmargin: 0px;
	background-color: #FFFFFF;
	background-image: none;
	margin: 0px;
}


	.centrado {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 0px 0px 0px #999;
	background-color: #FFF;
	margin-bottom: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
.banner {
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
	clear: left;
	float: none;
	z-index:1;
}
.banner img {
	max-width: 100%;
	height:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	padding-bottom: 0px;
	}
	
.banner object {
	max-width: 100%;
	height:60px;
	}
	
	.banner embed {
	max-width: 100%;
	height:60px;
	}
	
	.banner div {
	max-width: 100%;
	height:auto;
	}

	
	
	.banner_large {
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
	clear: left;
	float: none;
	z-index:1;
	padding-left:8px;
	padding-right:8px;
}

.banner_large img {
	max-width: 100%;
	height:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	padding-bottom: 0px;
	}
	
	.banner_large object {
	max-width: 100%;
	height:60px;
	}
	
	.banner_large embed {
	max-width: 100%;
	height:60px;
	}
	
	
	.espacio-pub {
	display: none;
}

/*
---------------------------CABEZAL-------------------------------menor 1200
*/


.cabezal {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 13px;
	text-decoration: none;
	background-color: transparent;
	height: 100px;/*95px;*/
	width: 100%;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #06C;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #039;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #039;
}

.cabezal_arriba_cont {
	width: 100%;
	background-color: #FFF;
	border-bottom: #039 dotted 1px;
	}

.cabezal_arriba {
	width: 100%;
	height:55px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	}
	
.logo_cabezal {
	width: 240px;
	float: left;
	margin-right: 0px;
	height:auto;
	margin-top:8px;
	margin-left:10px;
}
.logo_cabezal img {
	max-width: 100%;
	height:auto;
	display: block;
}


.formulario_cabezal {
	height: 25px;
	float: right;
	margin-top: 17px;
	margin-right:10px;
}

.campo_texto_cabezal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #FFF;
	height: 20px;
	width: 150px;
	margin-left:5px;
	background-color: #FFF;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
float:left;
border: 1px solid #06C;
}


.combo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #06C;
	height: 24px;
	width:170px;
	margin-left: 4px;
	font-weight: normal;
	background-color: #FFF;
	border: 1px solid #06C;
	float:left;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}


.lupa_buscador {
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	font-family: 'icomoon';
	font-size: 20px;
}


.cabezal_abajo_cont {
	width: 100%;
	background-color:#EBEEF6;
	margin-top:0px;
	}

.cabezal_abajo {
	width: 100%;
	height:62px;/*40px;*/
	margin-left:auto;
	margin-right:auto;
	}
	
.titulo_cabezal {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 22px;
	float: left;
	margin-top:4px;
	margin-left:12px;
}


.usuario_cabezal_contenedor {
	margin-left: 0px;
	float: right;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 1px;
	padding-top: 0px;
	width:auto;
}

.usuario_cabezal_nombre {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #039;
	float:right;
	text-align:right;
	width:auto;
	margin-top:8px;
	font-weight: 700;
}



.usuario_cabezal_alarm{
	font-size: 22px;
	color:#999;
	margin-top:9px;
	float:right;
	margin-right:7px;
}

.usuario_cabezal_alarm a {
	color:#999;
	
	}
	
	.usuario_cabezal_alarm a:hover {
	color: #09C;
	
	}


.usuario_cabezal_foto {
	margin-left: 8px;
	float: right;
	margin-top:2px;
	padding-top: 0px;
		    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 34px;
    width: 34px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: cover;
}

.boton1_cabezal {
		margin-top:5px;
}



.boton2_cabezal {
		margin-top:5px;
}




/*
---------------------------CUERPO CENTRAL EN DOS COLUMNAS-----------------------------menor 1200
*/
.cuerpo {
	width: 100%;
	margin-left: 0px;
	float: left;
	padding-left:6px;
	padding-right:6px;
	margin-bottom: 20px;
}
/*
---------------------------Columna izquierda--------------------------------menor 990
*/

.cuerpo_izquierda {
	width: 65%;
	text-align: left;
	float: left;
}

.cuerpo_izquierda img {
	max-width:100%;
	height:auto;
}

/*
---------------------------Columna derecha-------------------------------
*/


.cuerpo_derecha {
	width: 30%;
	float: left;
	margin-left: 28px;
	margin-top: 0px;
}
.eventos_columna_home {
	width: 100%;
}

.eventos_columna_home img {
	max-width:100%;
	height:auto;
	display: block;
}

.encuesta_contenedor {
	width: 100%;
}

.conectados_columna_home {
	width: 100%;
}

.conectados_usuarios_contenedor {
	width: 100%;
}

.conectados_columna_home_texto {
	width: 70%;
}

.conectados_columna_home_avatar {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 34px;
    width: 34px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
	float:left;
	margin-right:6px;
	margin-bottom:10px;
	position:relative;
}


.foros_columna_home {
	width: 100%;
}


/*
---------------------------LISTADOS CONTENIDOS--------------------------------menor 1200
*/

.articulo_listado {
	width: 100%;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 15px;
	text-decoration: none;
	margin-bottom: 10px;
	height: auto;
	padding-top: 0px;
	overflow: hidden;
}
.articulo_listado_foto {
	float: left;
	margin-right: 10px;
	width: 25%;
}
.articulo_listado_foto img {
	max-width: 100%;
	height:auto;
	display: block;
}



/*
---------------------------PIE DE PAGINA-------------------------menor 1200
*/

.pie {
	width: 100%;
	height: auto;
	border-top-width: 0px;
	border-top-style: dotted;
	border-top-color: #333;
	border-bottom-color: #333;
	padding-top: 20px;
	margin-bottom: 10px;
	float: none;
	margin-top: 40px;
}
.pie_columna_1 {
	width: 180px;
	text-align: center;
	float: none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 30px;
}

.pie_titulo {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 16px;
	color: #666;
	line-height: 20px;
	text-decoration: none;
}

.pie_cierre_azul {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	height: 40px;
	width: 100%;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #EAEEF6  !important;
	border-bottom: #039 solid 1px;
	border-top: #039 solid 1px
}
.pie_cierre_azul a:link {
	color: #039;
	text-decoration: none;
}
.pie_cierre_azul a:visited {
	color: #039;
	text-decoration: none;
}
.pie_cierre_azul a:hover {
	color: #09C;
	text-decoration: none;
}

.pie_links {
	height: auto;
	float: left;
	margin-left: auto;
	margin-right:auto;
	margin-top:4px;
}

.iconos_pie_contenedor {
	width:auto;
	margin-top: 6px;
	float: right;
}

.pie_franja_contiene {
margin-left:auto;
margin-right:auto;
width: 100%;
}

.iconos_pie {
	width: auto;
	height: auto;
	float: right;
	margin-right: 18px;
	font-family: 'icomoon';
	font-size:20px;
}

.pie_cierre_vertical {
	padding-top: 10px;
	margin-left: 12px;
	float: left;
}

.pie_cierre_textos {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 12px;
	color: #666;
	height: 30px;
	width: auto;
	text-align: center;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}


}

@media screen and (max-width:860px){/*@media screen and (max-width:860px){*/
	
	
	.cabezal_arriba_cont {
	width: 100%;
	background-color: #FFF;
	border-bottom: #039 dotted 0px;
	}

	
	.cabezal_abajo_cont {
	width: 100%;
	background-color:#FFFFFF;
	margin-top:0px;
	}
	
	.logo_cabezal {
		display:none;
	}
	
	
	}

@media screen and (max-width:660px){/*@media screen and (max-width:650px){*/
	
	body {
		padding: 0px;
		topmargin: 0px;
		background-image: none;
		background-color: #FFFFFF;
		margin: 0px;
		padding-top:45px;
	}
	
	.centrado {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		box-shadow: 0px 0px 0px #999;
		background-color: #FFF;
		margin-bottom: 0px;
		border-right-width: 0px;
		border-left-width: 0px;
	}

	.banner {
		padding-top: 10px;
		text-align: center;
		padding-bottom: 10px;
		clear: left;
		float: none;
		z-index:1;
	}
	.banner img {
		max-width: 100%;
		height:auto;
		margin-top: 10px;
		margin-bottom: 10px;
		display: block;
		text-align: center;
		padding-bottom: 0px;
		}
		
	.espacio-pub {
		display: none;
	}
		
	.combo {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #0059B2;
		height: 24px;
		width:150px;
		margin-left: 4px;
		font-weight: normal;
		background-color: #FFF;
		border: 1px solid #0059B2;
		float: none;
	}
	/*
	---------------------------CABEZAL-------------------------------
	*/
	.cabezal {
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		font-weight:400;
		font-size: 13px;
		text-decoration: none;
		background-color: transparent;
		height: 42px;
		width: 100%;
		text-align: left;
		margin: 0px;
		padding: 0px;
		color: #06C;
		border-top-width: 0px;
		border-top-style: solid;
		border-top-color: #039;
		border-bottom-width: 0px;
		border-bottom-style: solid;
		border-bottom-color: #039;
	}

	.cabezal_arriba_cont {
		display:none;
	}

	.cabezal_arriba {
		display:none;
	}
	
	.logo_cabezal {
		display:none;
	}

	.formulario_cabezal {
		display:none;
	}

	.campo_texto_cabezal {
		display:none;
	}

	.combo {
		display:none;
	}

	.lupa_buscador {
		display:none;
	}

	.cabezal_abajo_cont {
		width: 100%;
		height:42px;
		background-color: #FFF;

	}

	.cabezal_abajo {
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
	}
		
	.titulo_cabezal {
		font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
		font-weight:400;
		font-size: 19px;
		float: left;
		margin-top:11px;
		margin-left:8px;
	}

	.usuario_cabezal_contenedor {
		margin-left: 0px;
		float: right;
		margin-right: 8px;
		margin-bottom: 0px;
		margin-top: 2px;
		padding-top: 0px;
		width:auto;
	}

	.usuario_cabezal_nombre {
		display:none;
	}

	.usuario_cabezal_alarm{
		font-size: 24px;
		color:#999;
		margin-top:10px;
		float:right;
		margin-right:4px;
	}

	.usuario_cabezal_alarm a {
		color: #999;	
	}
	
	#usuario_cabezal_alarm a:hover {
	color: #09C;
	
	}

	.usuario_cabezal_foto {
		margin-left: 8px;
		float: right;
		margin-top:4px;
		padding-top: 0px;
		/* cambia estos dos valores para definir el tamaño de tu círculo */
	    height: 38px;
	    width: 38px;
	    /* los siguientes valores son independientes del tamaño del círculo */
	    background-repeat: no-repeat;
	    background-position: 50%;
	    border-radius: 50%;
	    background-size: cover;
	}

	.boton1_cabezal {
		display:none;
	}

	.boton2_cabezal {
		padding: 2px 14px;
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		font-size: 15px;
		line-height: 20px;
		font-weight:400;
		color: #FFF;
		height: 25px;
		background-color: #06C;
		width: auto;
		moz-border-radius: 4px;
		webkit-border-radius: 4px;
		border-radius: 4px;
		text-decoration:none;
		border: solid #06C 1px;
		float:right;
		margin-left:4px;
		margin-right:6px;
			margin-top:8px;
	}

	.comboGoogleTranslate {
		/*
		margin-top: 10px;
		margin-left: 10px;
		float: left;
		border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		*/
		display: none;
	}
	/*
	---------------------------BANNER SLIDER PARA DESKTOP-------------------------------
	*/
	.bx-wrapper {
		
	}
	/*
	---------------------------CUERPO CENTRAL EN DOS COLUMNAS-------------------------------
	*/
	.cuerpo {
		width: 100%;
		margin-left: 0px;
		float: none;
		padding-left:8px;
		padding-right:8px;
		margin-bottom: 26px;
	}
	/*
	---------------------------Columna izquierda-------------------------------
	*/

	.cuerpo_izquierda {
		width: 100%;
		text-align: left;
		float: none;
		padding-left:0px;
		padding-right:0px;
	}
	/*
	---------------------------LISTADOS CONTENIDOS-------------------------------
	*/
	.articulo_listado_titulo {
		width: auto;
		text-align: left;
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		font-weight:700;
		font-size: 22px;
		color: #039;
		line-height: 26px;
		text-decoration: none;
	}
	.articulo_listado_volanta {
		width: auto;
		text-align: left;
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		font-weight:400;
		font-size: 17px;
		color: #06C;
		line-height: 22px;
		text-decoration: none;
	}
	.articulo_listado_copete {
		display:none;
	}
	.articulo_listado_relacionados {
		display:none;
	}
	

	
	/*
	---------------------------Columna derecha-------------------------------
	*/
	
	.cuerpo_derecha {
		width: 100%;
		float: right;
		margin-left: 10px;
		margin-top: 40px;
	}

	.cuerpo_derecha img {
		width: 100%;
		height:auto;
		display: block;
	}

	.eventos_columna_home {

	}
	.eventos_columna_home_texto {
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		font-weight:400;
		font-size: 20px;
		line-height: 24px;
		color: #666;
		margin-bottom:7px;
		margin-top:7px;
		padding-top:7px;
		border-top:solid 1px #CCCCCC;
	}

	.encuesta_contenedor {
		background-color: #EBEEF6;
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-style: dotted;
		border-bottom-style: dotted;
		border-top-color: #06C;
		border-bottom-color: #06C;
		padding-top: 8px;
		padding-bottom: 8px;
		height: auto;
	}

	.encuesta_titulo {
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		font-weight:600;
		font-size: 20px;
		text-align: left;
		line-height: 24px;
		margin-top: 6px;
		margin-right: 6px;
		margin-left: 6px;
	}
	.encuesta_texto {
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		font-size: 18px;
		text-align: left;
		line-height: 18px;
		margin-top: 8px;
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom: 8px;
	}
	.encuesta_boton {
		text-align: center;
	}
	#ver_resultados {
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		font-weight:600;
		font-size: 16px;
		text-align: center;
		margin-top: 6px;
	}


	.foros_columna_home {
		display:none;
	}
	
	/*
------------mas leidos
*/	
	.mas_leidos_listado_titulo {
	width: auto;
	text-align: left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size: 20px;
	line-height: 26px;
	text-decoration: none;
	padding-left: 6px;
	margin-top: 2px;
	margin-bottom: 16px;
}

	
	
	/*
------------nuevos titulos de seccion
*/
.seccion_col {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size: 26px;
  width: 100%; 
   text-align: center; 
   border-bottom: 3px solid #06C; 
   line-height: 0.07em;
   margin: 50px 0 20px; 
 }

/*
----------*/
	
	
	
	
	/*
	--------------------------------------------------------
	*/
	.texto_fecha {
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		font-weight:400;
		font-size: 16px;
		color: #666;
	}
	/*
	---------------------------PIE DE PAGINA-------------------------------
	*/
	.pie_cierre_azul {
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		font-weight:400;
		font-size: 16px;
		color: #FFF;
		text-decoration: none;
		height: 76px;
		width: 100%;
		padding-top:4px;
		padding-bottom:4px;
		background-color: #EAEEF6  !important;
		border-bottom: #039 solid 1px;
		border-top: #039 solid 1px;
		text-align:center;
	}
	.pie_cierre_azul a:link {
		color: #039;
		text-decoration: none;
	}
	.pie_cierre_azul a:visited {
		color: #039;
		text-decoration: none;
	}
	.pie_cierre_azul a:hover {
		color: #09C;
		text-decoration: none;
	}

	.pie_links {
		height: auto;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top:4px;
	}

	.iconos_pie_contenedor {
		width:200px;
		margin-top: 14px;
		margin-left: auto;
		margin-right: auto;
		float: none;	
	}

	.pie_franja_contiene {
		margin-left:auto;
		margin-right: auto;
		width:auto;
	}

	.iconos_pie {
		width: auto;
		height: auto;
		float: left;
		margin-right: 20px;
		font-family: 'icomoon';
		font-size:20px;
	}

	.pie_cierre_vertical {
		padding-top: 10px;
		margin-left: 12px;
		float: left;
	}
	.pie_cierre {
		display:none;
		height: 290px;
		text-align: center;
		width: 86%;
		margin-top: 10px;
		margin-right: auto;
		margin-left: auto;
	}
	.pie_cierre_logos {
		margin-right: 10%;
		float: left;
		margin-bottom: 20px;
	}
	.pie_cierre_textos {
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		font-weight:400;
		font-size: 12px;
		color: #666;
		height: 30px;
		width: auto;
		text-align: center;
		padding: 0px;
		margin-top: 5px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 30px;
	}
	/*
	---------------------------FORMULARIOS-------------------------------
	*/
	.campo_texto_comentarios {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #000000;
		background-color: #FFFFFF;
		border: 1px solid #CCC;
		width: 500px;
		height: 120px;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.campo_texto_colega {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #000000;
		background-color: #FFFFFF;
		border: 1px solid #CCC;
		width: 500px;
		height: 50px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.campo_texto_linea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #000000;
		background-color: #FFFFFF;
		border: 1px solid #CCC;
		width: 500px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

}