/* ******************************* ABRE ESTILOS CXENSE PC ****************************** */
.contenido-personal {box-sizing:border-box; width:100%; margin:10px auto; text-align:left;}
.contenido-personal .personal-titulo-modulo {
	font-family:roboto_condensedbold, roboto_condensedregular, Arial;
	background-color:#066;
	color:#fff;
	text-align:left;
	padding:5px 0 5px 5px;
	margin-bottom:10px;
}
.contenido-personal .personal-titulo-noticia {
	box-sizing:border-box;
	font-family:roboto_condensedregular, Arial;
	font-weight:normal;
	font-size:16px;
	line-height:20px;
	text-align:left;
	color:#000;
}
.contenido-personal .personal-titulo-noticia a {
	font:inherit;
	color:inherit;
	text-decoration:none;
}
.contenido-personal .fechaEnModulo {display:block; font:normal 12px/12px roboto_condensedregular, Arial; position:relative;}
.contenido-personal .fechaEnModulo.fechaDown {top:4px; color:#066;}
.contenido-personal .personal-noticia {box-sizing:border-box; border:1px solid #ccc; overflow:hidden; padding:5px; margin-bottom:8px;}
.contenido-personal .personal-noticia:hover {opacity:0.6;}
.contenido-personal .personal-noticia .personal-marco {display:block; overflow:hidden;}
.contenido-personal .personal-noticia figure {margin:0;}
.contenido-personal .personal-noticia .personal-marco .personal-foto img {width:100%; height:auto;}

.contenido-personal .suscriptor_azul, .contenido-personal .suscriptor_naranja {
	background-image:url('/elementosWeb/mediaweb/images1024/premium/sprite_suscriptor_nuevo.png');
	background-repeat:no-repeat;
	display:inline-block;
	width:20px;
	height:19px;
	margin-bottom:-2px;
}
.contenido-personal .suscriptor_azul {background-position:0 -306px;}
.contenido-personal .suscriptor_naranja {background-position:0 -280px;}

/* --contenido para ti - columna */
.contenido-personal.col {max-width:318px;}
.contenido-personal.col .personal-titulo-modulo {font-size:22px; line-height:24px;}
.contenido-personal.col .personal-titulo-noticia {width:185px; float:left; margin:0 0 0 15px;}
.contenido-personal.col .personal-noticia {}
.contenido-personal.col .personal-noticia .personal-marco {width:105px; height:75px; float:left;}
.contenido-personal.col .personal-noticia .personal-marco .personal-foto img {}

/* --contenido para ti - noticia */
.contenido-personal.not {max-width:690px; margin-left:0;}
.contenido-personal.not .personal-titulo-modulo {font-size:24px; line-height:29px;}
.contenido-personal.not .personal-titulo-noticia {width:auto; float:none; margin:9px 7px 0 6px;}
.contenido-personal.not .personal-noticia {position:relative; float:left; margin:10px 0 10px 15px; height:272px; width:220px;}
.contenido-personal.not .personal-noticia:nth-of-type(3n+1) {margin-left:0;}
.contenido-personal.not .personal-noticia .personal-marco {width:100%; height:auto; max-height:155px; position:relative;}
.contenido-personal.not .personal-noticia .personal-marco .personal-foto img {min-height:155px;}
/* ****************************** CIERRA ESTILOS CXENSE PC ***************************** */


/* ***************************** ABRE ESTILOS CXENSE MÓVIL ***************************** */
/* responsive */
@media screen and (max-width:480px) {
	.contenido-personal.col, .contenido-personal.not {width:auto; max-width:none; margin:10px 1%;}
	.contenido-personal.col .personal-titulo-modulo, .contenido-personal.not .personal-titulo-modulo {font-size:22px; line-height:24px;}
	.contenido-personal.col .personal-titulo-noticia, .contenido-personal.not .personal-titulo-noticia {width:54%; float:left; margin:0;}
	.contenido-personal.col .personal-noticia, .contenido-personal.not .personal-noticia, .contenido-personal.not .personal-noticia:nth-of-type(3n+1) {
		float:none;
		margin:0 0 8px 0;
		width:100%;
		height:auto;
	}
	.contenido-personal .fechaEnModulo.fechaDown {top:0; margin-top:4px;}
	.contenido-personal.col .personal-noticia .personal-marco, .contenido-personal.not .personal-noticia .personal-marco {
		width:40%;
		height:auto;
		max-height:95px;
		float:left;
		margin-right:15px;
	}
	.contenido-personal.col .personal-noticia .personal-marco .personal-foto img, .contenido-personal.not .personal-noticia .personal-marco .personal-foto img {
		width:100%;
		max-width:100%;
		height:auto;
		min-width:125px;
		min-height:95px;
	}
}
/* **************************** CIERRA ESTILOS CXENSE MÓVIL **************************** */