/* --- utilidades varias  --- */
.cf:before, .cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;clear: both;}
.circle{border-radius: 50%}
article, figure{position: relative}
.label{border-radius: 0}
.cleft{float: left; width: 100%}

.nav > li > a:focus{background-color:rgba(0,0,0,0.2) }

/* tipografia */
/*body{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;}*/
h1, h2, h3{margin-top:0}
.volanta{font-size:12px; text-transform: uppercase; margin:0; letter-spacing:normal}
.img-100{width: 100%; height: auto; display: block}


.mb30{margin-bottom: 30px}
.mb20{margin-bottom: 20px}
.mb0{margin-bottom: 0!important}

iframe{border: 0;}

/* HOME =====================================
============================================= */

/* fila especial */
.region{width: 100%}
.region.concolor{padding-top: 30px; padding-bottom: 10px; margin-bottom: 30px}

.region.concolor .titulo-region,
.region.concolor .titulo-region h2 {color: #fff;}


.region.concolor .titulo-region::before{background: linear-gradient(to left, rgb(255, 255, 255) 0%,rgba(255, 255, 255, 0) 100%);}
.region.concolor .titulo-region::after {background: linear-gradient(to right, rgb(255, 255, 255) 0%,rgba(255, 255, 255, 0) 100%);}



/*.fila.especial{padding-top:20px}*/

article figure{margin-bottom: 5px}
article.borde-nota .article-content{padding: 15px; padding-top: 10px}


/* compartir animada */

.share-article{ position: absolute; padding: 10px; top: 5px; right: 0px;  background-color: rgba(0,0,0,0.60); text-align: center; opacity: 0; z-index: 5 }
.share-article a{margin-left: 7.5px}
.share-article a:first-child{margin-left: 0px}

.share-article .ico{display: flex; align-items: center; justify-content: center; background-color:#FFF;  text-align: center;  font-size: 20px; width: 35px; height: 35px;   border-radius: 2px; color: rgba(255,255,255,1.00)}

.share-article .ico.fb{background-color: #3b5998;}
.share-article .ico.tw{background-color: #6cdfea}
.share-article .ico.wap{background-color: #25d366}

.share-article .ico.fb:hover{background-color: #294888; }
.share-article .ico.tw:hover{background-color: #3EC2CF}
.share-article .ico.wap:hover{background-color: #1CA14E}


/*accion de share */

figure:hover > .share-article{display: flex; opacity:1;-webkit-transform: scale(1) translateX(-5px);-moz-transform:scale(1) translateX(-5px);-o-transform:scale(1) translateX(-5px);
transform:scale(1) translateX(-5px);-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s; z-index: 99}

/* titulo region */
.titulo-region{text-align:center; position:relative; margin-bottom:20px; /*10-09-18 quito margin top 20*/  z-index:10}
.especial .titulo-region {margin-top: 0}
.titulo-region h2{font-weight:300; text-transform:uppercase; font-size:30px; display:inline-block; background-color:#FFFFFF; margin-bottom:0; z-index:10;
padding-left:20px; padding-right:20px; padding-top: 10px; padding-bottom: 10px}
.titulo-region h2:after{content:""; width:100%; position:absolute; z-index:-1;height:1px; left:0; top:49%; background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 6px 1px; background-repeat: repeat-x;}

.fila.especial .titulo-region h2 {color: #fff}
.fila.especial .titulo-region:before,
.fila.especial .titulo-region:after  {background-color: #fff; opacity: 0.7;}


.article-v2  {background-color: #fff;}
.fila.especial .article-v2  { border:0}
.fila.especial article.t2 .foto {width: 165px;}

 /* Boton subir */
.back-to-top {font-size: 26px; line-height: 1em;position: fixed;bottom: 7.5px;right: 7.5px;padding: 10px;z-index: 999;display: none;color:#fff; background-color: rgba(69,90,100,0.6);border-radius: 3px;
cursor: pointer; cursor: hand;}

/* NOTICIA CATASTROFE */

.article-catastrofe h1{font-weight:700; line-height:1.1em}
.article-catastrofe .volanta{font-size:20px}


/* noticia urgente horizontal */
.article-urgente{display: flex; align-content: center; align-items: stretch; border: solid 1px; line-height: 1em}
.article-urgente p{margin-bottom: 0; display: block; width: 100%; }
.article-urgente p a{display: block}
.article-urgente p a, .article-urgente header{padding: 15px; font-weight: 800; display: flex;align-items: center}

.article-urgente p,
.article-urgente header {flex:1 1 auto}

.article-urgente header{border-right: solid 1px}

/* MODULO SLIDE ============= */

.titulo-bottom{position:absolute; background-color:rgba(0,0,0,0.72);bottom:0; left:0; width:100%; padding:20px;text-shadow: 2px 2px #000;}
.titulo-bottom h2{margin:0}
.titulo-bottom a, .titulo-bottom h2 a{color:#FFFFFF; text-decoration:none}


/* ZONAS ESPECIALES ============= */

/* light */
.especial.light,
.especial.light	.titulo-region h2{background-color:#EDEDED}

/* medium */
.especial.medium,
.especial.medium	.titulo-region h2{background-color:#E6E7E8}
.especial.medium	{border-top:solid 1px #DCDCDC;border-bottom:solid 1px #DCDCDC}

/* dark */
.especial.dark,
.especial.dark	.titulo-region h2{background-color:#231F20; color:#FFFFFF}
.especial.dark	.titulo-region h2:after{background-image: linear-gradient(to right, #fff 10%, rgba(255, 255, 255, 0) 0%);}
.especial.dark	.titulo  a,
.especial.dark	p{color:#FFFFFF}
.especial.dark	figure:before{content:""; position:absolute; display:block; width:50px; height:50px; left:50%; top:50%; margin-left:-25px; margin-top:-25px; background-image:url(../imgs/ico-gral/article-video.svg)}



/* NOTICIAS con bloque gradiente*/

article.gradient .titulo-bottom{
padding-top:10%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}


/* NOTICIAS con recorte ---  */
.article-txtbottom{overflow:hidden; width:100%; height: auto}
.article-txtbottom img{display:block; text-align:center;margin-left: 50%;transform: translateX(-50%);}

/* article scale --------- */

article.scale{overflow:hidden; height:auto}
.scale .article-txtbottom img{margin-left: auto;transform:none; width:100%}


/* BANNERS ==================================== */


.bnn, .bnn img{text-align:center; margin-left:auto; margin-right:auto; align-content:center; display:block;}
.bnn img{max-width:100%}
.modal-backdrop.in{background-color: #fff; opacity: 1}

/* correcciones del modal que muestra banner*/
.modal-dialog{margin-left: auto;margin-right: auto; margin-top: 20px}

#x-blox-asset-ad #x-ad-close-cont{height: 30px; width: 100%}
#x-blox-asset-ad #x-ad-close-cont a{width: 30px; height: 30px; margin-bottom: 10px; display: block;float: right; overflow: hidden; text-align: left;text-indent: -9999px;
	background-color: rgba(255,255,255,1)!important;background-image: url(/u/plantillas/imgs/close-circular-icon.svg);background-repeat: no-repeat;background-position: center; background-size: 100%}

#xAdClose i{display: none}


/* alineo todo contenido de primer y segundo */
.primer_bnn, .segundo_bnn{text-align: center}

/* alineo los elemntos de primer y segundo */
.primer_bnn img,
.primer_bnn ins, 
.segundo_bnn img,
.segundo_bnn ins 
{display: block;text-align: center;margin-left: auto; margin-right: auto}

/* especifico cuanto margen de primer y segundo */
.primer_bnn iframe, .primer_bnn img, .primer_bnn ins {margin-bottom: 20px;}
.segundo_bnn iframe, .segundo_bnn img, .segundo_bnn ins {margin-bottom:20px;}

.interna .segundo_bnn{margin-bottom:0}

/* ==== Row para 5 columnas  ===== */

.row-for-5{display: flex; flex-direction: row; justify-content: space-between; width: 100%}

/* BANNERS LATERALES */
.banners-laterales{position: sticky; top: 10px; width: 100%}
.banners-laterales .container{position: relative;}
.bnn-lat--left{position: absolute;left: -195px; top: 0; }
.bnn-lat--right{position: absolute;right: -195px; top: 0}
 @media only screen and (max-width : 1200px){.banners-laterales{display: none}}
/*-----------------------------------------------------------------------------*/

.row-flex {width: 100%;display: flex;flex-direction: row;}


/*
================================================================== 
LISTADO  ========================================================
================================================================= */

body.listado #nav-desktop{margin-bottom: 0}


.listado .subsecciones {float: right}
.listado .subsecciones li{float: left;}
.listado .subsecciones li a{color: #FFFFFF; padding-left: 10px; padding-right: 10px}
.listado .subsecciones li a:hover{background-color: transparent; border-bottom: solid 3px #b61b29; margin-bottom: -3px}
.listado .region-principal{padding-top: 20px; padding-bottom: 0px; margin-bottom: 30px; }
.listado figure{margin-bottom:0}
.btn.vermasnoticias{background-color: #B5B5B5; color: #FFF; margin-bottom: 20px; height: 34px; width: 100%}

.article-txtbottom{position: relative}
.article-txtbottom .volanta{position: absolute; right: 20px; top: 20px; background-color:#B61B29; color: #FFFFFF; padding: 10px;-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:1px 1px 0px 0px rgba(0, 0, 0, 0.3);box-shadow:1px 1px 0px 0px rgba(0, 0, 0, 0.3); }

/* Listado en Ultimas Noticias y resultados de busqueda*/
.titulo-grupo{ text-transform: uppercase; font-size: 12px; font-weight: 100;}

.titulo-seccion-portada{background-color: red; margin-top: -20px; padding: 1.5rem}
.titulo-seccion-portada h2{margin-bottom: 0}




/* hack para listado en resultados (movil) */

@media screen and (max-width: 768px){
	#main-content > .container 	> .row{display: flex; flex-direction: column }
	.paginador-resultados{font-size: 1em}
}







.article-v2.en-listado .z-foto{height: auto; min-height: auto; }
.article-v2.en-listado .foto{margin-bottom: 0}
.article-v2.en-listado .z-txt{height: auto;}
.article-v2.en-listado .bajada-p{margin-bottom: 0; max-height: 99px}

.row-ppal-listado {  display: flex;}

.row-ppal-listado [class^="col-"] {
    
    display: flex;
    position: relative;
	flex: 1;
	align-items: stretch;
}


@media screen and (max-width:768px){

	.row-ppal-listado{flex-direction: column}
	.row-ppal-listado [class^="col-"] {margin-bottom: 30px}
	.row-ppal-listado .article-v2.t1 .bajada-p{max-height: 100%}
	.article-v2.en-listado .bajada-p{ max-height: 100%; height: auto;}

	
	.article-listado .titulo{font-size: 18px}
	.article-listado .foto{width: 100px}
}

/*
================================================================== 
 INTERNAS ========================================================
================================================================== */

.region-interna-1{/*border-bottom:solid 1px #A7A9AC; */padding-bottom:15px; margin-bottom:15px;}

.inner-share-bar {border-top:dotted 1px #bbbbbb; padding-top:10px;}
.inner-share-bar a{display:block; background-color:#939598; width:40px; height:40px; margin-bottom:10px; border-radius:50%;background-size:20px;  background-position:center center;background-repeat:no-repeat; overflow: hidden; text-indent: -999px;}
.inner-share-bar a:focus{background-color:#343537;}

.inner-share-bar div.ico-fb{display:block; background-color:#939598; width:40px; height:40px; margin-bottom:10px; border-radius:50%;background-size:20px;  background-position:center center;background-repeat:no-repeat; cursor: pointer;}

.inner-share-bar div.ico-fb{background-image:url(../imgs/ico-gral/ico-fb-b.svg); background-size:10px; background-color: #3b5998 }




.inner-share-bar a.ico-fb{background-image:url(../imgs/ico-gral/ico-fb-b.svg); background-size:10px; background-color: #3b5998 }
.inner-share-bar a.ico-tw{background-image:url(../imgs/ico-gral/ico-tw-b.svg); background-color: #1da1f2}
.inner-share-bar a.ico-pin{background-image:url(../imgs/ico-gral/ico-pi-b.svg); background-color: #bd081c}
.inner-share-bar a.ico-wp{background-image:url(../imgs/ico-gral/ico-wp-b.svg); background-color: #25d366}
.inner-share-bar a.ico-tg{background-image:url(../imgs/ico-gral/ico-telegram-b.svg); background-color: #0088cc}

.inner-share-bar a.ico-email{background-image:url(../imgs/ico-gral/ico-mail-envia-b.svg); background-color: #77724f}
.inner-share-bar a.ico-copy{background-image:url(../imgs/ico-gral/ico-copy-b.svg); background-color: #6a7b80}



.interna .zona-titulo{display:block;}
.interna .cuerpo-nota p:first-child{display:block;position:relative}
/*.interna .cuerpo-nota p:first-child::first-letter{float:left;font-size:98px;line-height:80px;margin-left:-5px;padding:0px 8px 0 0}*/
.interna .txt_contenido .cita em{font-style:normal;font-weight:700}
.interna .txt_contenido .cita{font-style:normal;font-weight:700;border-left:solid 4px #000;padding-left:20px;float:left;}
.interna .txt_contenido a{text-decoration:underline}


.interna .txt_contenido iframe,  .interna .cuerpo-nota iframe{ width: 100%;  }

/*
.interna .htmlinline iframe,
.interna .htmlinline iframe{width: auto;}
*/





.interna .txt_contenido iframe[src*="facebook"],
.interna .cuerpo-nota 	iframe[src*="facebook"],
.interna .txt_contenido iframe[src*="twitter"],
.interna .cuerpo-nota 	iframe[src*="twitter"],
.interna .txt_contenido iframe[src*="instagram"],
.interna .cuerpo-nota 	iframe[src*="instagram"]  { width: 100%; display: block; margin: 0 auto; margin-bottom: 15px }


.interna .fecha-y-tags{font-size:11px; line-height:11px; border-top:dotted 1px #bbbbbb; padding-bottom:14px; margin-bottom:12px; margin-top: 14px; }
.interna .fecha-y-tags .fecha{float:left}
.tags-cloud{text-transform: uppercase;}

/* interna fecha y seccion (cabecera antes del cuerpo) */
.interna .fecha-y-seccion{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border-top: dotted 1px #ccc ; border-bottom:dotted 1px #ccc;
margin-top: 15px; margin-bottom: 25px; padding-top: 10px; padding-bottom: 10px}

.interna .fecha-y-seccion .seccion{text-transform: uppercase;display: flex; justify-content: space-between; align-items: center;}
.interna .fecha-y-seccion .seccion a:last-child{font-weight: 700}
.interna .fecha-y-seccion .seccion:before{content: ""; width: 10px; height: 10px;margin-right: 7.5px;  background-color: #ccc; }

.interna .fecha-y-seccion .fecha{font-style: italic;font-size: 12px; margin-top: -2px; margin-left: auto }
.interna .fecha-y-seccion .ico-fle{width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #ccc; margin-left: 7.5px; margin-right: 7.5px}

/* sobre autor -------- */
.interna .fecha-y-seccion .autor{justify-content: center; position: relative; margin-left: 10px}

@media screen and (min-width:768px){
	.interna .fecha-y-seccion .autor{margin-left: 20px; border-left: solid 1px #ccc; padding-left: 20px}
}

.interna .fecha-y-seccion .foto-autor{background-color:#e8e7e7;overflow:hidden;border-radius:50%;position:relative;width:30px;height:30px;margin-right:5px}

.interna .fecha-y-seccion .foto-autor img{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:auto;height:100%;bottom:0}

.interna .fecha-y-seccion .nombre-autor{display:flex;align-items:center}

.nota-link-autor{color:inherit}






/* blockquote ===================================*/

/*minireset*/
.interna .cuerpo-nota blockquote {border-left: 0}
.interna .cuerpo-nota blockquote p:last-child {margin-bottom: 0}

/* estilos del texto */

.interna .cuerpo-nota blockquote {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
	font-size: 1.4em;
	position: relative;
	background-color: #f5f5f5;
	padding: 5rem 6rem;
	margin: 2rem 0 3rem;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.3);
	text-align: center;
	
}

.interna .cuerpo-nota blockquote:before,
.interna .cuerpo-nota blockquote:after {
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px; height:30px; 
	content: "";
	display: block;
	
	opacity: .1;
	

}


.interna .cuerpo-nota blockquote:before {
	background-image: url('/u/plantillas/imgs/quotation-left.svg');
	left: 20px;
	top: 20px;
}

.interna .cuerpo-nota blockquote:after {
	background-image: url('/u/plantillas/imgs/quotation-right.svg');
	right: 20px;
	bottom: 20px;
}




@media (max-width: 750px) {
	.interna .fecha-y-seccion {justify-content: flex-start; align-items: flex-start;}
	.interna .fecha-y-seccion .fecha{ margin-right: auto; margin: 0; font-style: normal; margin-left: auto}
	.interna .fecha-y-seccion .autor{order: 1!important; margin-left: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: dotted 1px #ccc; width: 100%; justify-content: flex-start; }  
	.interna .fecha-y-seccion .seccion{order: 2!important; }
	.interna .fecha-y-seccion .fecha{order: 3!important}
  }
  /* Fin sobre autor -------- */








/* modulo encuesta ----- */
/*
.modulo-encuesta.interna{height: auto; background-color: #fafafa; border: solid 1px #f5f5f5; padding: 30px; border-radius: 3px}
.modulo-encuesta.interna .titulo-modulo{background-color: transparent}
.modulo-encuesta.interna .cont-barras{padding-left: 0; padding-right: 0; padding-bottom: 0}
.contenido-encuesta{width: 100%}
.modulo-encuesta.interna .contenido-encuesta blockquote{font-size: 1.85em}
*/
	/*encuesta formato de barras */
/*	.modulo-encuesta.interna .icono{display: none}
	.modulo-encuesta.interna .cont-barras{display: flex; flex-direction: column; margin-left: -5px; margin-right: -5px}
	.modulo-encuesta.interna  .barra.respuesta{flex: 1 0 auto;text-align: center; margin-left: 5px; margin-right: 5px; padding: 15px; font-weight: 700}
	.modulo-encuesta.interna  .barra.respuesta:hover,
	.modulo-encuesta.interna  .barra.respuesta:focus{background-color: #fff; box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.26);}



	.modulo-encuesta.interna  .barra.resultado .porcentaje{background-color: rgba(0,0,0,0.6);}
	
	.modulo-encuesta.interna .cont-barras.resultados{flex-direction: column}

	.modulo-encuesta.interna  .barra.resultado{width: 100%;  }
	.modulo-encuesta.interna  .barra.resultado 	.nombre-opcion{color: #fff}

	@media (max-width: 750px) {

		.modulo-encuesta.interna{padding: 15px}
		.modulo-encuesta.interna .contenido-encuesta blockquote{font-size: 1.5em}
		.modulo-encuesta.interna .cont-barras{flex-direction: column}
		.modulo-encuesta.interna .barra{font-size: 1em}
	}

*/



/* foto interna, dentro del cuerpo de la nota, en el contenido */
.interna .fotointerior,
.interna figure.image  { position: relative; margin-bottom: 0.8em}
.interna .fotointerior img,
.interna figure.image,
.interna figure.image  img {width: 100%; height: auto}
.interna  .epigrafe, 
.interna .instcodigo,
.interna figure.image figcaption {font-size:12px; line-height:12px; color:#FFFFFF; display:block; width:100%; background-color:rgba(0,0,0,0.70); font-weight:100; position:absolute; left:0; bottom:0; right:0; padding:10px; text-align: left }
.interna .cuerpo-nota img{width: 100%; height: auto}

.marker {
    background-color: #e4fa2e;
    padding-bottom: 2px;
    margin-bottom: -2px;
    border-radius: 2px
}
iframe.instagram-media{width: 100%!important; max-width:100%!important;}

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

.interna aside.relacionadas {
    display: block;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
	padding:2rem 0;
	margin:3rem 0;
}



.interna aside.relacionadas .relacionadas-titulo-gral {font-size: .8em; color: #000; font-weight: 400; margin-top: 0; margin-bottom: 1.5rem; text-transform: uppercase}
.interna aside.relacionadas ul{margin-bottom: 0; padding-bottom: 0; }
.interna aside.relacionadas li {margin-bottom: 2rem;line-height: 1.05em;}
.interna aside.relacionadas li:last-child {margin-bottom: 0;}
.interna aside.relacionadas li a{background-color: transparent;  text-decoration: none; display: flex; align-items: center;}
.interna aside.relacionadas li *{font-weight: 700}


.interna aside.relacionadas ul{padding-left: 0; list-style: none;}
.interna aside.relacionadas .item-tit{width: 100%;}


.interna aside.relacionadas.con-foto a{display: flex; justify-content: space-between; color: #000 }
.interna aside.relacionadas.con-foto .item-foto{padding-top: 0.1em; flex: 1 25%; ; }
.interna aside.relacionadas.con-foto .item-foto img{width: 100%}
.interna aside.relacionadas.con-foto .item-tit {
    flex: 1 75%;
    background-color: #f7f7f7;
	align-self: stretch;
	padding: 15px;
	display: flex; 
	align-items: center;
	font-size: 16px;
}



@media screen and (max-width:768px){

	
	.interna aside.relacionadas.con-foto .item-foto {position: relative;overflow: hidden}
	.interna aside.relacionadas.con-foto .item-foto:after {
		content: "";
		display: block;
		padding-bottom: 100%;
		background-color: #333;
	  }
	

	.interna aside.relacionadas.con-foto .item-foto {position: relative;min-width: 20%; flex: 1 auto}

	.interna aside.relacionadas.con-foto .item-foto img {position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 100%; width: auto;}
	.interna aside.relacionadas.con-foto .item-tit{font-size: 14px}
}







.mas-leidas article {position:relative;padding: 15px; border-bottom:solid 1px #E6E7E8; clear: both;}
.mas-leidas article a{color:inherit}
.mas-leidas article .antetitulo{font-size:11px; font-weight:400; text-transform:uppercase; margin-bottom:2px}
.mas-leidas article h4{font-size:14px; margin-top:0; margin-bottom:25px;}
.mas-leidas article .date{margin:0; font-size:11px; position:absolute; left:10px; bottom:-1px; vertical-align:bottom}

.mas-leidas h3.titulo-modulo {margin-bottom: 15px}
.mas-leidas h3.titulo-modulo .left{margin-right: auto; display: inline-block;}

.mas-leidas article:last-child{border-bottom:0; }

.read-more-line{ height:1px; background-color:#000000; position:relative;}
.read-more-line a{display:block; position:absolute; left:50%; margin-left:-10px; top:-10px; background-color:inherit;}
.ico-arrow-down{background-image:url(../imgs/ico-gral/arrow-down.svg); background-repeat:no-repeat; background-position:center; background-size:10px; display:inline-block; border-radius:50%;width:20px; height:20px}

/* cambio el icono segun clickee */
[aria-expanded="true"].ico-arrow-down,
[aria-expanded="true"] .ico-arrow-down{background-image:url(../imgs/ico-gral/arrow-up.svg); }



/* INTERNA > tira de imagenes (galeria) */

.grupo-miniaturas{display: flex;  flex-wrap: wrap; margin-bottom: 30px; margin-left: -7px; margin-right: -7px } 
.grupo-miniaturas .item{flex:1 1 20%; max-width: 20%; padding: 7.5px } 
.grupo-miniaturas a{
	position: relative;
	display: block;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
	background-color: #000;
	overflow: hidden;
	width: 100%;
	height: auto;}

.grupo-miniaturas img{position: absolute;left: 50%; top: 50%;   transform: translate(-50%, -50%); width: cacl(100% + 2px); height:auto;}


.grupo-miniaturas .epigrafe{display: none}


@media screen and (max-width:768px){.grupo-miniaturas .item{flex: 1 1 50%; max-width: 50%;}}



/* PhotoSwipe y foto principal en interna :::::: */

.main-content-foto{position:relative;margin-bottom:20px}
.main-content-foto a.over-link{position:absolute;width:100%;height:100%;display:block}
.PhotoSwipe-hidden{position:fixed;top:0;visibility:hidden}
.pswp__caption__center{display:flex;justify-content:center}
.pswp__caption__center strong{margin-right:6px}
.nfotos{position:absolute;right:15px;top:15px;background-image:url(/u/plantillas/imgs/ico-maximize.svg);background-repeat:no-repeat;background-position:center 10px;background-size:20px;min-width:50px;min-height:40px;background-color:rgba(0,0,0,0.5);color:#fff;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;opacity:.7}
.nfotos span{border-top:solid 1px #000;display:block;width:100%;font-size:10px;text-align:center;padding-top:5px;padding-bottom:5px;margin-top:40px}
a.over-link:hover .nfotos{opacity:1}

/* OCULTO OTRAS FOTOS DEJO LA PRIMERA*/
.main-gallery figure{display: none}
.main-gallery figure:first-child{display: block}
/*----------------------------------*/

/* INTERNA > ZONA 2 */
.open-comments{margin-top:0; font-size:22px; line-height:22px; cursor:pointer; cursor: hand }
.open-comments .cantidad{font-weight:400}


/* INTERNA > ZONA 2 */
.modulo{clear:both}
.region-interna-3{background-color:#F4F4F4; padding-top:30px; padding-bottom:30px}

.modulo.tambien .titulo{font-size:18px}

.modulo.ranking article{margin-bottom: 15px;padding-bottom: 15px;}
.modulo.ranking h4{font-size:14px; line-height:18px; margin:0}
.modulo.ranking a{color:inherit}

.modulo.ranking .nro{background-color:#939598; border-radius:50%; width:30px; height:30px; line-height:30px; display:block; text-align:center; font-weight:700; color:#FFFFFF; margin-left:auto; margin-right:auto  }




/* MODULOS  ==== */

/*Genericos */
.titulo-modulo-home{text-align: center; font-size: 1.5em; display: block;
	padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 0
}




.titulo-modulo{font-size: 1.1em; position: relative; padding-top: 1.5rem; padding-bottom: 1.5rem; text-transform: uppercase}
.titulo-modulo::after{
		content:""; display: block;
		position: absolute; left: 0; top: 0;
	 	width: 2rem; height: 3px; background-color: var(--brand-color); background-color: #ccc; }


.titulo-modulo h3{margin-right: auto;margin-bottom: 0; font-size: 1.2em}
.titulo-modulo .ampliar{font-size: 11px; line-height: 11px; background-color: #eee;padding: 5px;}


.header-modulo {margin-bottom: 15px; display: block; }
.header-modulo h3{margin: 0; padding-top: 6px; padding-bottom: 6px; float: left}
.header-modulo .btn.vermas{float: right}
.header-modulo .btn.vermas:hover, .header-modulo .btn.vermas a:hover{text-decoration: none; color: #fff; opacity: 1}
.header-modulo .btn.vermas a{color: #FFFFFF}
.header-modulo .btn.vermas i{margin-right: 5px}

.paginador-resultados{width: 100%; float: left; text-align: center}
.paginador-resultados ul{display: inline-block; text-align: center}
.paginador-resultados .ion-chevron-right{margin-left: 5px;}
.paginador-resultados .ion-chevron-left{margin-right: 5px;}
.paginador-resultados .disabled{color:rgba(78,78,78,1.00)}



/* SOBRE BANNERS ======= */
 #publicidad-top{text-align: center; line-height:0px;}
 #publicidad-top iframe{position: relative!important}
 
 #publicidad-top img,
 #publicidad-top iframe{margin-top: 15px;margin-bottom: 15px;}
 
 #publicidad-top >  ins{height: auto!important;}

 
 .add-div{clear: both; margin-bottom: 15px; text-align: center;}
.bnn {clear: both; justify-content: center}


/* ====================================================
   						NUEVO PLANTEO
   ==================================================== */

/* Colores generales */

body.home,
body.listado.portada{background-color: #EEEEEE}

/*.listado			.region-principal{background-color: #eceaea;}*/
.listado.portada	.region-principal{background-color: #eaeaea;}
.listado.portada	.region-principal article{background-color: #fff;}
.clear-col{clear: both}

/* titulo de la seccion en el listado portada */
.listado.portada .titulo-seccion {
    
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	border-top: solid 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    margin-bottom: 0;
    width: 100%;
}


.listado.portada .titulo-seccion h2 {
    padding-left: 0;
    font-size: 20;
    font-weight: 700;
}

/* titulo de la seccion */
.listado.portada .titulo-region:before,
.listado.portada .titulo-region:after {
    display: none;
}




@media screen and (max-width:768px){
	.listado.portada .titulo-seccion .container{width: 100%}
}



/* colores generales para los iconos de redes */
.a-ico-fb{background-color: #3B5998}
.a-ico-tw{background-color: #00ACED}
.a-ico-pin{background-color: #C92228}
.a-ico-wapp{background-color: #25D366}


/* header minihack */
.usuario.logeado .txt{padding-right: 7px; padding-top: 2px; display: inline-block;  }


/* share tool 2 (debajo de los articles en home, u otro lugar) */
.share-tool{ cursor: pointer; cursor: hand; position: relative;     height: 20px; min-width: 30px;}
.share-tool a:hover{text-decoration: none}
.share-tool .icono-compartir{border-radius: 50%; background-color: rgba(0,0,0,0.33); color: #FFFFFF; width: 18px; height: 18px; text-align: center; 
position: absolute; right: 0; top: 50%; margin-top: -10px}
.share-tool:hover .icono-compartir{background-color: rgba(0,0,0,0.60);}
.icono-compartir {background-image: url(/u/plantillas/imgs/ico-gral/ico-share-1.svg); background-repeat: no-repeat; background-position: center}
.share-tool .icono-compartir span{line-height: 20px; }

/*desplegable .... */
.share-tool .despliega-redes{background-color:#E8E8E8;float:left;position:absolute;right:0;top:-5px;padding:5px;border-radius:2px;opacity:0; align-items: flex-start; height: 30px; display: none}
.share-tool .despliega-redes:after{content:"";position:absolute;right:-7px;top:8px;display:block;width:0;height:0;border:0 solid transparent;border-bottom-width:7px;border-top-width:7px;border-left:7px solid #e8e8e8}
.share-tool .despliega-redes a{color:#E8E8E8;display:inline-flex;float:left;margin-right:5px;font-size:12px;padding:5px;border-radius:2px}
.share-tool .despliega-redes a:last-child{margin-right:0}
.share-tool:hover > .despliega-redes{display:flex;opacity:1;-webkit-transform:scale(1) translateX(-30px);-moz-transform:scale(1) translateX(-30px);-o-transform:scale(1) translateX(-30px);transform:scale(1) translateX(-30px);-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;z-index:99; align-items: center;}



/* formateo bajada */

.article-v2 .bajada {
    background-color: rgba(0, 0, 0, 0.85);
    color: #FFFFFF;
    padding: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 10;
}

.article-v2 .bajada.v2 {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .article-v2:hover .bajada {
        opacity: 1;
        transition: opacity 0.2s 0.2s ease-in;
    }
}




/* gradiente vertical */

.v-gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.sinfoto .v-gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.35+0,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.v-gradient a:hover{color: rgba(255,255,255,1.00)}
.v-gradient .titulo{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);}

.btn.leer-mas{text-transform: uppercase; background-color: rgba(193,193,193,1.00); letter-spacing: 1px; }


/* articulos con color de fondo */

article.concolor a,

article.concolor .article-footer small {color: #fff}

article.concolor p {color: rgba(255, 255, 255, 0.808)}


article.concolor a:hover{color: #fff!important}
article.concolor 	  .volanta,
.article-v2.concolor  .volanta,
article.concolor 	  .bajada-p {color: rgba(255,255,255,0.70)}


article.concolor .article-footer small.marcado:before{background-color: #fff}

.article-v2 figure{margin-bottom: 0}
.article-v2 picture{height: 100%;background-color: #BCBCBC}





/* separador scroll interna */
.row-scroll{margin-top:0;padding-top:20px;padding-bottom:20px;border-top:dotted 1px #000}
.loader-group small{margin-bottom:5px;display:inline-block}
.loader-bar{height:4px;width:100%;position:relative;overflow:hidden;background-color:#E0E0E0;margin-bottom:30px}
.loader-bar:before{display:block;position:absolute;content:"";left:-200px;width:200px;height:4px;background-color:#9E9E9E;animation:loading 2s linear infinite}
@keyframes loading {
from{left:-200px;width:30%}
50%{width:30%}
70%{width:70%}
80%{left:50%}
95%{left:120%}
to{left:100%}
}

.boton-mas-noticias{  margin-bottom: 30px}

/* Noticia Urgente  */
.urgente{background-color: #F5F5F5; border: solid 1px #E0E0E0}
.urgente h2 a, .urgente h2 a:hover, .urgente .volanta { text-decoration: none}


/* STIKEANDO (?) Elemnentos */

	/* fixed compartir interna */
	.col-sticky {   position: -webkit-sticky; position: sticky;  top: 44px; background-color: rgba(255,255,255,1); z-index: 200}

	/* sticked ultimo banner */
	.row-equal-flex{display: flex; flex-wrap: wrap;}
	.row-equal-flex .sidebar, .row-equal-flex .sticky_column{height: 100%}
	.row-equal-flex .sticky_column .bnn:last-child{ position: sticky; top: 79px; margin-bottom: 15px}

	@media only screen and (max-width: 768px){
		.row-equal-flex{display: block}
	
	
	}

/*mini hack*/
/*existen banners contenidos por ".notafinal" que provocan errores de flotabilidad. el viejo y conocido clear both*/
.notafinal {clear: both; float: left; width: 100%}


/* registro */
.mensaje-registro {margin-bottom: 30px}

/*==========  Mobile First Method  ==========*/

	/* Desde 320 (mobiles) ... */ 
    @media only screen and (min-width : 320px)
	
	{		
		#main-content{padding-top: 20px}
		.fila.especial{padding-top: 20px;}

		/* controlando en movil los paddings de las columnas */
		.row{margin-left:-7.5px; margin-right:-7.5px}
		[class*="col-"] { padding-left: 7.5px; padding-right:7.5px;}
		/* --------------------------------------------------*/ 

		/* Caja y bnn cumplen condiciones similares */
		.caja{width: 100%; float: left;  margin-bottom:15px;}
		
		/* Margen para ads */
		.bnn img, .bnn iframe, .bnn > ins { margin-bottom: 20px; }
		
		/* Todos los divs nombrados con el  id... */
		/*.bnn .adsbygoogle, .bnn [id^="div-gpt"]{}*/
		

		.article-catastrofe {margin-top:-20px; margin-left:-30px; margin-right:-30px}
		.article-catastrofe h1{font-size:32px}
		.titulo-region h2{font-size:24px}
		


		/* los articles horizontales que se listan */
		.article-listado{border-bottom: solid 1px #ccc; display: flex}
		.article-listado .foto {margin-bottom: 20px}
		.article-listado p.resumen {margin-bottom: 20px}


		/* ==== Row para 5 columnas en movil  ===== */
		.row-for-5{flex-direction: column; }


		/* MENU MOVIL ======= */

			.main-nav-movil{min-height:0;}
			.main-nav-movil .divider{display: none}

			.main-nav-movil nav{padding-left: 15px; padding-right: 15px;text-transform: uppercase}
			.main-nav-movil ul.ul-main{margin:0}		

			.main-nav-movil .open >a,
			.main-nav-movil.nav .open>a:hover,
			.main-nav-movil	.nav .open>a:focus{border-bottom:0}

			.secondary-nav{padding-top: 10px}
			.secondary-nav ul{margin:0;}
			.secondary-nav ul li a{border-bottom:0;padding-top:7px;padding-bottom:7px}

			.ico-movil-drop{width: 50px; height: 40px;position: absolute; right: 0; top:0; z-index: 99; display: flex;align-items: center; justify-content: center;  }
			.ico-movil-drop .caret{transform: scale(1.4);}
	
			.main-nav-movil .ul-main  li:last-child {border-bottom: none;}
			
			/* alineacion del iconito de lupa */
			.header-nav-m	.row-2 .btn{display: flex; justify-content: center;align-items: center; }
			.header-nav-m	.row-2 .btn i {color: #000}

		/* INTERNAS ======================================================== */  
		.interna .titular{font-weight:700; font-size:32px; letter-spacing:-1px; line-height:1em; margin-bottom:4px; }
		.interna .bajada{font-weight:400; font-size:20px; line-height:1.2em; margin-bottom:10px; display:block}
		.interna .cuerpo-nota{font-size:18px; line-height:27px;color:#414042; margin-bottom: 15px}
		.interna .cuerpo-nota p{margin-bottom: 0.6em}
		.interna .cuerpo-nota .cita{width:100%; margin-bottom:15px; margin-top:10px}
		.modulo.mas-leidas h4{font-size:18px}

		.tags-cloud{margin-bottom:20px!important}
		.tags-cloud .tag,.tags-cloud header{font-size:14px;font-weight:100;padding:5px 10px; margin-bottom: 10px; background-color:#F4F4F4;border-left:solid 2px #B61B29;color:rgba(0,0,0,1.00);margin-right:10px;display:inline-block;line-height:1em}

		.tags-cloud .tag:focus{background-color:#B61B29;-ms-transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9)}
		.tags-cloud header,.tags-cloud .tag-group{float:left;display:block}
		.tags-cloud header{border-left:0;font-weight:700;position:relative;margin-right:20px;background-color:#B61B29;color:#FFF}
		.tags-cloud header:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-left-color:#B61B29;border-width:5px;margin-top:-5px}
		


		/* herramienta compartir en movil */
		.share-movil {position: relative;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 10px}
		.share-movil .share-article{opacity: 1; position: relative; width: 100%; clear: both; padding: 0; background-color: transparent; left: 0; top: 0; display: flex;}
		.share-movil .share-article a{float: left; margin-right: 5px}
		.share-movil .share-article .ico{width: 20px; height: 20px; line-height: 20px; font-size: 12px}
	
		/* corrijo comportamiento iconos share bar */
		.inner-share-bar{display: flex; flex-wrap: wrap; justify-content: center;align-items: center; }
		.inner-share-bar .item{padding-right: 7.5px; padding-left: 7.5px}

		.inner-share-bar.fixed{position: fixed; bottom: 0; left: 0; justify-content: flex-start; background-color: rgba(0,0,0,0.8); width: 100%; z-index: 99; border-top: 0}


			/* **************************************************
			*****************************************************	
			***	NUEVO PLANTEO (en < 320) ************************
			*****************************************************
			***************************************************** */
			 
			/* articulos en home, declaro comportamientos basicos */

			.z-txt{padding: 15px; height: 100%; display: flex; flex-direction: column; }
			.z-txt hgroup, .z-foto{position: relative; }
			.z-txt hgroup{height: auto;}
			.article-footer {					
				display: flex;
				justify-content: space-between;
				width: 100%;
				position: relative;
				z-index: 10;
				align-items: center;
				margin-top: auto;
			}

			.article-footer small{display: block; font-size: 11px; line-height: 11px;}
			.article-footer small.marcado:before{content: ""; width: 8px; height: 8px; display: inline-block; background-color: gray; margin-right: 5px }
		
			.article-footer.pull-bottom{position: absolute;bottom: 0}

			/* agrando en movil el share tool 
			.share-tool	{-ms-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);}*/

		
			/* color blanco para estos */
			article.t4 .z-txt *,
			article.t4 .article-footer *,
			article.t5  *,
			article.t5 .article-footer *  {color: #FFF}		
				
			/* catastrofe */
			article.catastrofe.sinfoto{background-color: #5f5e5e;}
			article.catastrofe .titulo{margin-bottom: 0px;}
			article.catastrofe .share-tool{position: absolute; z-index: 99; right: 20px; top: 20px}
			.t5-bajada{display: none}


			
			/* =========================================== */

			/* tipo 2 // basico de foto */
			article.t2 {display: flex;}
							
			article.t2  {display: flex; justify-content: space-between; height: auto;width: 100%;}
			article.t2 a{display: block;}

			article.t2 .t2-izq{  flex:1 1 30%;}
			article.t2 .t2-der{ flex: 1 2 70%}
			
			article.t2 .article-footer{display: none}




			
			/* truncando */
			article.t2 .volanta, article.t2 .titulo{overflow: hidden;}
			article.t2 .volanta {height: 14px}
			
		
			/*  ubico el texto absoluto */
			article.t4 .z-txt, article.t5 .z-txt {position: absolute; bottom: 0; left: 0; right: 0; min-height: 120px}

			/* correccion de posicionamiento de titulos en nota t4 (envio todo a bottom) 07-06-18 */
			article.t4 .article-footer{margin-top: 0}
			article.t4 .z-txt{justify-content: flex-end}
			article.t4 .z-txt.v-gradient{height: auto;}


			/* arreglo movil t5 texto abajo */

			
			/* Pero los catastrofes sin foto que no sean absolutos*/
			article.t5.sinfoto .z-txt{position: relative;}			
			article.t5 .z-txt{height: auto;text-align: center}

		
			/* Noticias Tipo 6 (t-full) ......... */

			/*convierto en blanco */
			
			article.t-full .z-txt *{color: rgba(255,255,255,1.00)}
			article.t-full .z-txt {height: auto; margin-top: auto; margin-bottom: auto;}
			
			article.t-full{height: 300px; position: relative;background-color: rgba(0,0,0,1.00)}
		
			
			article.t-full .foto-t-full{ position: absolute; z-index: 0; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden  }
			article.t-full .foto-t-full img{left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: auto}

			/*centrto verticalmente el contenido del article */
			article.t-full {display: flex; align-items: center; justify-content: center;}
			article.t-full .z-txt{z-index: 1; width: 100%;}
			article.t-full img{-ms-interpolation-mode: bicubic;filter: grayscale(1) ;background-color: rgba(0,0,0,1.00);opacity: 0.3;}		
			article.t-full .btn.leer-mas{max-width: 155px}		


			/*columnas */
			.p50 article.t-full{height: 290px;}
			.p66 article.t-full,  .p25 article.t-full, .p33 article.t-full  { height: 360px}
			
			/* comportamiento de las fotos */

			.p33 article.t-full .foto-t-full  img,
			.p25 article.t-full .foto-t-full  img   {height: 100%; width: auto;}


			@media screen and (max-width:768px){

				.p50 article.t-full,
				.p66 article.t-full,
				.p25 article.t-full,
				.p33 article.t-full { min-height: 300px;}

				article.t-full .z-txt{height: auto;}
				 
				 article.t-full .foto-t-full img{height: 100%; width: auto;}
				 article.t-full .volanta {margin-bottom: 1rem}
				 article.t-full .titulo  {margin-bottom: 1.5rem}

			}

			/*Nueva noticia URGENTE .-.-.-.-.-.-.-. */

			.urgente{ padding: 15px; display: flex }
			.urgente .item.foto{ width: 25% }
			.urgente .item.texto{ padding-left: 15px; width: 75%; display: flex; align-items: center }
			.urgente .item.texto .bajada{display: none}
			.urgente strong *{font-weight: 800!important; width: 100%; }
			.urgente strong{font-size: 1.2em; line-height: 1.2em; margin-bottom: 0.2em}
			.urgente .ahora{color: #B71C1C}


			/*Nuevo listado*/
			.listado  article.t2 .foto{display: block;}

			/* Home altos de noticias para movil. Evitar la carga desordenada de los elementos */
			.t1 .z-foto{min-height: auto; }
			
			.t4 .z-foto,  .t5 .z-foto {min-height: 205px;}
			
			/*Cuando catastrofe no tiene foto que el alto sea auto*/
			.t5.sinfoto .z-foto{min-height: auto}

			/* Quito bajada en T3 */
			article.t3 .bajada-p{display: none}


			/* .row especial que da fondo y expande a los costados  */
			.fondofila{
			background-color:rgba(212,212,212,1.00);
			margin-left: -15px; margin-right: -15px; margin-bottom: 30px;
			padding-left: 5px; padding-right: 5px}
			.fila.especial	[class^="col-"] .caja,
			.fondofila 		[class^="col-"] .caja{padding-bottom: 0}
			.fondofila .titulo-region{margin-top: 15px; margin-bottom: 15px}

			/* 28-11 : Agrego catastrofe con relacionadas */

			article.t5.con-relacionadas .titulo{font-size: 25px}
			.rel-t5{background-color: rgba(0,0,0,0.6); margin-top: 10px;z-index: 99; border-radius: 2px }
			.rel-t5 ul{list-style: none;padding: 0; margin: 0; display: flex;flex-direction: column; justify-content: space-between; height: 100%;}			
			.rel-t5 ul li{border-bottom: solid 1px rgba(255, 255, 255, 0.3); flex: 1 1 33.33%; height: 33.33%; display: flex; align-items: center;}
			.rel-t5 ul li:last-child {border-bottom:0 }
			.rel-t5 ul li a{width: 100%; display: flex;  padding: 10px; }
			
			.rel-t5 ul li a .foto{display: none}			
			.rel-t5 ul li a strong{font-weight: 800; font-size: 14px; line-height: 16px; width: 100%; display: block; margin-bottom: 3px}
			.rel-t5 ul li a .fecha{font-size: 11px; line-height:11px; width: 100%;  display: flex; align-items: center;}
			.rel-t5 ul li a .fecha .deco{ width: 6px; height: 6px;display: block;background-color: #ed1b34; margin-left: 6px; margin-right: 6px; margin-top: 2px }
		}


    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		
			/* comportamiento T2 basico de foto */
			article.t2 {display: -webkit-flex;  display: flex;}
			article.t2 .foto {-webkit-flex: none;flex: none;width: 165px;}
			article.t2 .contenido{-webkit-flex: initial;flex: initial;position: relative}
		
			/* Tira de miniaturas  en INTERNA */
			.grupo-miniaturas .item{width: 33%;}

		}
	

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px)
		{
		
			/* Layout general ---------------------------- */		
			.caja{border-bottom:none; }
			
			/* caja con alto fijo */
			.caja.alto-fijo{overflow:hidden}
			.interna .cuerpo-nota .cita{float:left;width:50%;margin:18px 18px 18px 0px}
			.modulo.mas-leidas h4{font-size:28px} 
			.back-to-top{right: 0px; bottom: 0px;background-color: rgba(69,90,100,1);}
			
			
			/* NUEVO PLANTEO EN TABLET */
			/* ----------------------- */
			
			.caja{margin-bottom:7.5px; padding-bottom: 7.5px }
			
			/* Devuelvo bajada en T3 */
			article.t3 .bajada-p{display: block}
			
			/* comportamiento T1 */
			article.t1{display: flex; flex-direction: column;  }

			/* comportamiento T2 basico de foto */
			article.t2 .foto, article.t2 .t2-izq {display: none; }			
			article.t2 img{display: block; height: auto}
			article.t2 .t2-der{max-width: 100%; width: 100% }
			article.t2 .article-footer{display: flex}
	
			
			/* comportamiento especial de T2 en tablet. Cuidado, locura total!! */
			article.t2 .t2-izq{display: none}
			article.t2 .t2-der{ flex: 1 2 100%}
			
			
			/* ALTOS EPSECIALES EN TABLET :::::::::::::::::::::::::::::::::::  */
			
			.p33  article.t1 {height: 280px}
			.p33  article.t2 {height: 132px} 		 
			.p33  article.t4{height: 280px; background-color: #000000}
			.p33  article.t4 .z-foto{width: 100%; height: 100%;overflow: hidden; position: relative}


			/* ==== Row para 5 columnas en movil  ===== */

					.row-for-5{flex-direction: row;flex-wrap: wrap;}			
					.row-for-5 .col-of-5{flex:1 1 33%; max-width: 33%}

					.row-for-5 .col-of-5:nth-child(1){flex:1 1 75%; max-width: 75%;}
					.row-for-5 .col-of-5:nth-child(2){flex:1 1 25%; max-width: 25%;}


					/*alto fijo de las notas*/
					.p20 .t1{height: 280px}

					/* primer nota */
					.p20:nth-child(1) .z-foto{ min-height: 180px }

					/* segunda nota */
					.p20:nth-child(2) .z-txt{ height: 100% }
					.p20:nth-child(2) .z-foto{display: none}

					.p20 .t1 .z-foto{min-height: 105px;max-height: 128px; width: 100%; overflow: hidden;}
					.p20 .t1 .z-foto picture img{width: 100%}
					.p20 .t1 .bajada{font-size: 12px}
		
			/* ---------------------------------------- */


			/* sin ubicacion */

			.no-pr{padding-right: 0!important}
			.mas-leidas article .date{ left:20px;}

			.t5-bajada{display: block}

			/* Tira de miniaturas  en INTERNA */


			.grupo-miniaturas figure{width: 25%; display: block}

			/*Nueva noticia URGENTE .-.-.-.-.-.-.-. */
			.urgente .item.foto{width: 10%}
			.urgente .item.texto{width: 90%  }
			.urgente strong { font-size: 1.6em;}		

			.interna .fecha-y-seccion .fecha{font-size: 14px }	
			.interna .fecha-y-seccion{flex-direction: row;}
			.interna .fecha-y-seccion .seccion{margin-bottom: 0}

			/* .row especial que da fondo y expande a los costados  */
			.fondofila{margin-left: -15px; margin-right: -15px; margin-bottom: 15px;padding-left: 5px; padding-right: 5px}
			.fila.especial	[class^="col-"] .caja,
			.fondofila		[class^="col-"] .caja{padding-bottom: 15px}	
			.fondofila .titulo-region{margin-top: 15px; margin-bottom: 15px}
			
			
			article.t2 .titulo {max-height:55px; margin-bottom: 0; }
		}
				

	/* Desde 1024 para arriba entonces... */
    @media only screen and (min-width : 992px){		




		/* arreglo de menu (flecha de submenu) */
		
		.ico-movil-drop .caret{display: none}		
		li.dropdown{position: relative}
		li.dropdown > a::after{content:"";
			width: 0;
			height: 0;
			margin-left: 10px;
			vertical-align: middle;
			border-top: 4px dashed;
			border-top: 4px solid\9;
			border-right: 4px solid transparent;
			border-left: 4px solid transparent;
		}
		

		.navbar{margin-bottom: 0; min-height: auto;  margin-top: -1px; margin-bottom: -1px}
		

		.nav.ul-main,
		.navbar-nav > li,
		.nav.ul-main a {display: flex; flex-wrap: wrap;  line-height: 1em; align-items: center;}
		
		.ico-movil-drop{ position: relative; width: auto;}


			#nav-desktop li.dropdown > a::after {display: none}


			.row{margin-left:-10px; margin-right:-10px}
			[class*="col-"]{padding-left:10px; padding-right:10px; }
			.caja{padding-bottom: 10px; margin-bottom: 10px;}	

			.bnn img, .bnn iframe, .bnn > ins{ margin-bottom: 20px; }

			.article-bandera .col-xs-9 {padding-left: 0!important; padding-right: 0!important}

			/* internas */			
			.interna .cuerpo-nota .cita{font-style:normal;font-weight:700;border-left:solid 4px #000;padding-left:20px;float:left;width:75%;margin:18px 18px 18px -63px}	
		    .interna .cuerpo-nota{font-size:18px; line-height:27px;color:#414042; margin-bottom: 30px}					
			.interna .zona-titulo .volanta{font-size:16px; font-weight: 800}
			.interna .titular{font-size:48px;}
			.interna .bajada{font-size:22px; margin-bottom:20px}
			.modulo.mas-leidas h4{font-size:18px}		
		

			#main-footer{position: relative;z-index: 10}
			.inner-share-bar.fixed .item{ margin-right: 15px }

			.col-sticky {   position: -webkit-sticky; position: sticky;  top: 79px}


			/* NUEVO PLANTEO (en < 768) ************************* 
			*****************************************************  */
			

			/* ==== Row para 5 columnas en movil  ===== */
			.row-for-5 {justify-content: flex-start; }
			.row-for-5 .col-of-5,
			.row-for-5 .col-of-5:nth-child(1),
			.row-for-5 .col-of-5:nth-child(2) {flex:1 1 20%; max-width: 20%}
			/* ======================================  */


			.z-txt { width: 100%; position: relative; height: 130px; }
			
			.article-v2 .bajada-p{ overflow: hidden; max-height: 120px}

			.article-footer small{padding-top: 0}
			
			/* Altos de Notas */
			
			.p33 article.t1,
			.p25 article.t1,
			.p33 article.t3,
			.p33 article.t4 {height: 360px}
			
			.p25-2	article.t1,	
			.p50	article.t1   {height: 450px}
			
			/* Noticias Tipo 1 alto 360  ...................... */

			/* tipo 1 en 25% */
			.p25 article.t1 .z-foto{height: 195px}
			/*.p25 article.t1 .z-txt{height: 165px}*/
			
			/* HAGO AL 100% para que footer siempre abajo */
			.p25 article.t1 .z-txt{height:auto; flex:0 100% }
			
			/* tipo 1 en 33% */
			/*.p33 article.t1 .z-txt{height: 165px}*/

			/* HAGO AL 100% para que footer siempre abajo */
			.p33 article.t1 .z-txt{height: auto; flex:0 100%}
			
			/* en interna ----- */
			
			.jscroll-inner article.t1 .z-foto{height: 195px}
			.jscroll-inner article.t1 .z-txt{height: 140px}
			
			
			/* Noticias Tipo 2 ...................... */
			
			article.t2 .foto,
			article.t2 .t2-izq {display: block; }

			.p25 	article.t2,
			.p33  	article.t2			  {height: 165px}
						
			.p25-2 	article.t2 {height: 210px}			
			
			.p50 	article.t2 	 {height: 130px} /* <- alto especial */
			.t2-der .z-txt{height: 100%;  flex:0 100%}
			
			article.t2 .t2-izq{ flex:1 1 35%;display: block;}
			
			/*article.t2 .foto{width: 165px; height: auto; display: block;}*/

	

			.listado .col-xs-12 article.t2 .foto{width: 170px;}
			
			
			/* comportamiento T2 segun columna*/
			.p50 	article.t2 .foto{overflow: hidden; height: 130px; display: block;}
			
			
			/* Noticias Tipo 3 ...................... */
						
			article.t3 .z-txt{float: left; height: 360px; width: 375px; position: relative;		}
			article.t3  picture{width: 360px; height: 360px; float: right}
			
			
			
			/* Noticias Tipo 4 ( y mix tipo 5 catastrofes)  ...................... */			

			article.t4 			{height: 360px;}
			article.t4 .z-foto 	{height: 360px; width: 100%; position: absolute;z-index: 0}
			article.t4 .z-txt, article.t5 .z-txt	{display: flex; flex-direction: column}
			
			article.t4 .article-footer, article.t5 .article-footer {position: relative; bottom: 0; display: block; padding-left: 0;padding-right: 0; display: flex;}

			article.doblealto.t4 			{height: 750px;}
			article.doblealto.t4 .z-foto 	{height: 750px; position: absolute;z-index: 0}			

			.p25-2 article.t4 			{height: 450px;}
			.p25-2 article.t4 .z-foto 	{height: 450px; position: absolute;z-index: 0}
		

			.p50 article.t4 			{height: 450px;}
			.p50 article.t4 .z-foto 	{height: 450px; position: absolute;z-index: 0}
							

			article.t4 .z-txt, article.t5 .z-txt	{position: absolute; bottom: 0; left: 0; right: 0;height: auto; }

			article.t4 .icono-compartir, article.t5 .icono-compartir {background-color: #000000}
			article.t4 .bajada, article.t5 .bajada 					 {background-color: rgba(0,0,0,0.50)}

			
			
			/* Noticias Tipo 5 (catastrofe) ......... */			
			
			article.t5 .z-txt{padding: 30px 60px; height: auto; max-height: 100%; text-align: center;}
			article.t5 .titulo {margin-bottom: 0.2em}
			
			article.t5 small{font-size: 16px}
			article.t5 .tag{display: inline-block; margin-right: 15px; font-size: 12px}

			article.t5	.icono-compartir {-webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.65);-moz-box-shadow:2px 2px 1px 0px rgba(0, 0, 0, 0.65);box-shadow:2px 2px 1px 0px rgba(0, 0, 0, 0.65);}
			article.t5 a:hover{text-decoration: none}
			article.t5 .t5-bajada{font-size: 1.2em; margin: 0;}
			
			
			/* Noticias T Full ......... */			

			
			.p100 article.t-full .z-txt{width: 70%; text-align: center; align-items: center}
			article.t-full .z-txt{ padding-left: 30px; margin-right: auto; margin-left: auto}
			

			/* trunco el picture */
			.article-v2 picture{width: 100%; display: block}

			/* corrijo bordecito que aveces aparece */

			.p25 .img-responsive{width: 100%}
			
			/* Truncando textos...  */					
			
			.article-v2 .volanta,
			.p33   article.t2 .titulo,
			.p25-2 article.t1 .titulo{overflow: hidden;}

			.article-v2  .volanta {height: 15px}
			.article-v2.catastrofe .volanta{height: auto}
			
			.p33  article.t2 .titulo {height: 91px; max-height: none}
			.p25-2 article.t1 .titulo {height: 67px; max-height: none}


			/* noticia urgente */
			.urgente .item.texto{ padding-left: 15px; width: 85%; display: flex; align-items: inherit; flex-direction: column; justify-content: space-between;}
			.urgente .item.texto strong{margin-top: auto}
			.urgente .item.texto .bajada{display: block; margin-bottom: auto}

			/* reestablezco el temaño al original en 1024 */
			.share-tool	{-ms-transform: scale(1, 1);-webkit-transform: scale(1, 1); transform: scale(1, 1);}
			.inner-share-bar .item{padding: 0}

			/* Home altos de noticias para movil. Evitar la carga desordenada de los elementos */
			.t1 .z-foto{min-height: 196px;}
			.t4 .z-foto,  .t5 .z-foto {min-height: 360px;}


			/*seteo de notas en columa P20 */

			.p20 article.t1,
			.p20 article.t4,
			.p20 article.t4 .z-foto    {height: 300px; max-height: 300px;min-height: 300px }


			.p20 .t1 .z-foto{min-height: 152px;max-height: 152px; overflow: hidden;}
			.p20 .t1 .z-txt{height: auto; flex: 0 100%}
			
			/*.p20 .t1 .bajada,
			.p20 .t1 .bajada-p{font-size: 12px}*/

			.p20 .t1 .titulo,
			.p20 .t4 .titulo{font-size: 1.3em; line-height: 1.1em}
		
			.p20:nth-child(2) .z-foto{display: block;}
			.p20:nth-child(2) .t4 .z-txt{height: auto}

			/* tipo 4 (todo foto) */
			.p20 article.t4 .bajada p {display: none}
			.p20 article.t4 .z-foto{height: 300px; width: 100%; overflow: hidden;}
			.p20 article.t4 .z-foto picture img{width: 330px; max-width: 330px;  height: 300px;}

			
			/*el corte polemico*/
			.p20 .t1 .titulo{ overflow: hidden; height: 83px}


			
			.p66 article.t5 .titulo  {overflow: hidden; font-size: 3em; line-height: 1.2em; max-height: 210px}

			


			/* 28-11 : Agrego catastrofe con relacionadas */

			article.t5.con-relacionadas   .z-txt {display: flex;flex-direction: row; padding: 20px; text-align: left;}
			article.t5.con-relacionadas .titulo{font-size: 40px; }

			.rel-t5{margin-top: 0px;}

			article.t5.con-relacionadas .item.link{flex: 1 1 65%; padding-right: 30px; display: flex;flex-direction: column;justify-content: center;}
			article.t5.con-relacionadas .item.rel-t5{flex: 1 1 35%; }
			

			.rel-t5 ul li a {padding:10px}
			.rel-t5 ul li a:hover {background-color: rgba(0,0,0,0.2);}
			.rel-t5 ul li a .foto{display: block; padding-right: 10px}
			.rel-t5 ul li a .txt{font-size: 14px; line-height: 16px; display: flex; flex-direction: column; justify-content: space-between;}
			.rel-t5 ul li a strong{font-weight: 600; margin-bottom: 0}



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


			
			.interna aside.relacionadas.con-foto .item-foto{width: 25%;}
			.inner-share-bar{border-bottom: 0; border-top-style: solid; border-top-width: 1px}


			/* .row especial que da fondo y expande a los costados  */
			.fondofila{ margin-bottom: 30px; margin-left: -30px!important; margin-right: -30px!important; padding-left: 15px; padding-right: 15px; border-width:1px; border-style:solid;
				border-color:rgba(0,0,0,0.1)}
			.fondofila .titulo-region{margin-top: 30px}
			.fondofila .caja{padding-bottom: 15px;    margin-bottom: 15px;}

			/*mini hack*/
			/*existen banners contenidos por ".notafinal" que provocan errores de flotabilidad. el viejo y conocido clear both*/
			.notafinal {clear: both; float: none; width: 100%}


			.bnn-main-top .centrado.bnn iframe{margin-bottom: 20px; margin-top: 20px}



	}

	/* Desde 1200 para arriba entonces... */	
    @media only screen and (min-width : 1200px){

    	
		.row{margin-left:-15px; margin-right:-15px}
		.fila.especial{padding-top: 30px;}		
		
		
		/* UTILIDAD PARA ALTOS IGUALES EN COLUMNAS ---- */
		.row.is-flex{display:flex;flex-wrap:wrap}
		.row.is-flex > [class*='col-']{display:flex;flex-direction:column}
		.row.is-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
		.row.is-flex > [class*='col-']{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
		-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
		/* ------------------------------------------- */		

		.grid-l .container {width: 1232px; padding-left:30px;padding-right:30px;}
		.grid-l	.row{margin-left:-15px; margin-right:-15px}
		.grid-l .container-wide .container{padding-top:30px}
		.grid-l	[class*="col-"]{padding-left:15px; padding-right:15px}
		
		.caja{padding-bottom: 15px; margin-bottom: 15px;}
		
		.bnn img, .bnn iframe, .bnn > ins {margin-bottom: 30px;}

		.article-bandera .col-md-9{padding-left:0}	
		
		[class*="col-"]{padding-left:15px; padding-right:15px; }	


		/* slide de noticias */
		.slide-noticias, .article-slide{height:520px; }
				
		
		/* bandera */
		
		/* muestro la foto que oculte para bandera */
		article.t2 .t2-izq{display: block}	
			
		.article-bandera-group .caja{margin-bottom: 11px; padding-bottom: 12px; margin-left: -5px}		
		.article-txtbottom img {display: block;text-align: center; margin-left: 50%;transform: translateX(-50%);}
		
		/* banner vertical */
		.caja.bnn.vertical{ height:100%; background-color: rgb(241, 242, 242);}		
		.caja.bnn.vertical a{ display:block;position: relative;top: 50%;transform: translateY(-50%);}

		}
		

		/* HACKS y sin ubicaciones *.*.*.*.*.*.*. */

		.htmlinline{ text-align:center; padding-top:10px; padding-bottom:10px;}
		
		/* Fix para corregir columnas vacias que contenian banners y se veian de un pixel de alto (en bst min-height:1px) */
		/*.home [class^="col-"]{min-height: 0}*/


		/* Banner Flotante - Estilos heredados de plantilla 1 */

		.todoelcontenido {display: inline-block; position: relative; width: 100%; left: 0%}		
		.banner_corre {width: 100%;left:0; top:0; right: 0; bottom: 0; position: fixed; display: inline-block; height: 100%; text-align: center; background-color: rgba(255,255,255,1); z-index: 99999}
		.banner_corre .elbanner {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
		.banner_corre  #cierra {position: absolute; bottom:-50px; cursor:pointer; left:50%; width: 100px; margin-left: -50px; text-align: center;display: flex; justify-content: space-around; align-items: center; border-radius: 3px}

/*		.publicidad-top > div, .centrado > div  {display: inline-block} interfiere con DFP
	

		/* Banner flotante Full Screen*/

		.bnn-full-screen{background-color: rgba(0,0,0,0.7); z-index: 9999; position: fixed;left: 0;top: 0; right:0; bottom: 0; display: flex;align-items: center; justify-content: center; }
		.bnn-full-screen .contenidobanner{border: solid 5px rgba(0,0,0,0.5); position: relative;  z-index: 9}
			.cerrar-bnn-full {
			position: absolute;
			display: block;
			cursor: pointer;
			cursor: hand;
			color: #fff;
			top: -10px;
			right: -10px;
			font-size: 20px;
			background-color: #000;
			padding: 3px;
			border-radius: 50%;
			width: 30px; height: 30px;
			display: flex; align-items: center; justify-content: center; line-height: 1em
			}



	
/* ========================= */
/* NUEVO FORMATO DE INTERNA */
/* ======================== */

	
	/* DESDE 1200 para arriba... */
	@media only screen and (min-width : 1200px){
		
		.columna-principal{width: 827px;  box-sizing: border-box;}
		.columna-sidebar{width: 330px; /*330 por que 300 + 30 */ box-sizing: border-box; }
		.primer_bnn, .segundo_bnn{ width: 100%;}

		/* CORRECCION BANNER pie en listado  */
		#x-float-bar-wrapper{display: flex; justify-content: center; align-items: center; }
		#x-float-bar a{display: block}
		#x-float-bar-close{margin-right: -10px!important; }

		}



/* add 16-05-18 */

.copyrightnoticia{background-color: #f5f5f5;background-image: linear-gradient(to top right, #F5F5F5 0%, #FCFCFC 100%);border: solid 1px #e2e2e2;	box-shadow:  0px 5px 4px -4px rgba(0,0,0,0.1);padding: 25px 30px; border-radius: 2px; font-size: 0.9em; line-height: 1.5em; margin-bottom: 20px; clear: both}


.video-adaptable {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */	
	width: 100%;
	height: 0;
}
.video-adaptable iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}




/* estilos que controlan nueva bajada (.bajada2) y la nueva disposicion ".t2" en 66% y 100% 19/06/18 */
.p66 .bajada2, 
.p50 .bajada2,
.p33 .bajada2,
.p25 .bajada2,
.p25-2 .bajada2   {display: none}
	
/* .t2 en 66% ======  */
@media only screen and (min-width : 768px){
	.p66 article.t2 .t2-izq {flex: 1 1 auto; max-width: 262px;}
	.p66 .bajada2 {display: block;}
}
/* .t3 en 100% ====== */

	@media only screen and (min-width : 768px){
		.p100 article.t3 { display: flex; justify-content: space-between}
		.p100 article.t3 > .z-txt {order: 1; width: 50%; margin-right: 30px; padding-right: 15px;}
		.p100 article.t3 > .z-txt  .titulo {font-size: 36px; line-height: 1.1em}
		.p100 article.t3 > .z-txt  p {font-size: 18px; line-height: 1.2em}
		.p100 article.t3 > a {order: 2;  width: 50%; }
		.p100 article.t3 figure,
		.p100 article.t3 picture{width: 100%; height: 100%; }
		.p100 article.t3 figure img { height: 100%; width: auto; max-width: 100%; max-height: 100%}
	}


	
#cookies_overlay{background:#fff;box-shadow:rgba(0,0,0,0.25) 0 -2px 10px -2px;padding:25px 0 20px;position:fixed;left:0;right:0;bottom:0;width:100%;width:100%;z-index:9999;text-align:center}
#cookies_overlay .container{display:flex;flex-direction:column;justify-content:center;text-align:center;position:relative;padding:0 6.25%;font-size:14px}
#cookies_overlay a{font-weight:700}
#cookies_overlay small,#cookies_overlay a{font-size:14px;line-height:1.5em}
#cookies_overlay .closeover{border:0;width:25px;height:25px;background-color:transparent;font-size:20px;line-height:20px;cursor:hand;cursor:pointer;position:absolute;right:10px;top:10px;font-size:16px}
#cookies_overlay .closeover:hover{text-decoration:none}



/* ============================
	  ------ 26-07-18 ----- 
      SOLO MOVL // MAXWIDHT 
/* ============================ */

@media only screen and (max-width : 768px) {
	article.t4 .z-txt.v-gradient,
	article.catastrofe .v-gradient{height: auto; min-height:35%; z-index: 1;}
	article.catastrofe .v-gradient{ justify-content: flex-end; z-index: 1}

}


/* Focus para en movil :::::::::::: */


@media screen and (max-width:768px){

	:root{--color-focus: #ecec9733}

	.main-logo > a{display: block}
	
	.article-v2 .z-foto  a:focus .bajada{background-color: var(--color-focus); opacity: 1; outline: 3px solid var(--color-focus)}
	.article-v2 .z-foto  a:focus .bajada p{display: none}
	

	
	.catastrofe .z-foto  a:focus::after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--color-focus)}


	article a:hover{
		text-decoration: none;
		text-decoration-style:none;
		text-decoration-color: transparent;
	}
	
	a:focus  
		{
		background-color: var(--color-focus);
		text-decoration: none!important;
		outline-color: transparent;	
		text-decoration: none;
		border-radius: 1px;
		outline: none;
		outline-offset: 0;
		}

	#main-header .main-logo a:focus{color: transparent; outline: 3px solid var(--color-focus)}

	article .titulo a{display: block}
	article .titulo a:focus,
	article a.item.link:focus,
	article a.item.link:focus,
	.columnistas .titulo-nota:focus,
	.galeria-videos .col-side article a:focus,
	.clasificados-home  a:focus .title {
		background-color: var(--color-focus);
		outline-color: transparent;
		box-shadow: 0px 0px 0px 5px var(--color-focus);
		text-decoration: none;
		border-radius: 1px;
	}

	article.t1 .titulo a:focus{color: #000}
	.mas-leidas-940 a:focus .titulo,
	.modulo.encuesta .barra.respuesta:focus,
	.mas-leidas-940 .item a:focus .titulo{background-color:var(--color-focus)!important}

}


/* iconos video y fotos */


/* T1 ------------- */

article.con-video 		.z-foto::after,
article.t2.con-video 	.foto::after,
article.t3.con-video 	.foto::after {background-image: url(../imgs/ico-gral/article-video.svg);}


article.con-galeria 	.z-foto::after,
article.t2.con-galeria 	.foto::after,
article.t3.con-galeria 	.foto::after {background-image: url(../imgs/ico-gral/article-galeria.svg);}



article[class*="con"] 		.z-foto::after,
article.t2[class*="con"] 	.foto::after,
article.t3[class*="con"] 	.foto::after
{
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 14px;
    top: 14px;
    background-size: cover;
}


/* las t2 -------------  */

article.t2[class*="con"] .foto{position: relative;} 


@media screen and (max-width:768px){
	article.t2[class*="con"] .foto{display: table-cell;}
}


article.t2[class*="con"] .foto::after{
	width: 20px;
    height: 20px;
}


/* las t5 ------------- */
article.t5[class*="con"] 	.z-foto::after{
	width: 20px;
	height: 20px;
	top: 20px;
	right: 50px
}


/* WIDGETS EN INTERNA -------*/

.interna .cuerpo-nota div[class^="widget"] {
    display: flex;
    justify-content: center;
	align-items: center;
	flex-direction: column;	
	margin-top:30px
}

.interna .cuerpo-nota [class^="widget"]::after {
    content: "";
    display: block;
    height: 3px;
	width: 95px;
	background-color: #adadad;
	margin-top: 30px; margin-bottom: 30px;
	margin-left: auto; margin-right: auto
}


.interna .cuerpo-nota .widget-instagram{width: 70%;  margin-left: auto; margin-right: auto; margin-top: 30px;}
.interna_rw_v4 .cuerpo-nota .widget-instagram{width: 90%; }


/*.interna .cuerpo-nota .widget-instagram:nth-of-type(3),
.interna .cuerpo-nota .widget-instagram:nth-of-type(4),
.interna .cuerpo-nota .widget-instagram:nth-of-type(5),
.interna .cuerpo-nota .widget-instagram:nth-of-type(6),
.interna .cuerpo-nota .widget-instagram:nth-of-type(7),
.interna .cuerpo-nota .widget-instagram:nth-of-type(8)  {margin-top: 0;}
*/

/* minihack del widget twitter*/

twitter-widget{ margin-left: auto; margin-right: auto}
.twitter-tweet.twitter-tweet-rendered{margin-bottom: 0!important; margin-top: 0!important}

	@media screen and (max-width:768px){
		.interna .cuerpo-nota .widget-instagram{width: auto}
	}




/* controlando los banners incontrolables del top lista e interna 04-02-19 */

	.titulo-seccion{margin-top: 0!important; }

/* banners con imagen en desktop: */
	.bnn-main-top .bnn img{margin: 20px 0}


/* banners adsense: */
	.bnn-main-top ins.adsbygoogle{margin-bottom: 20px; margin-top: 20px}
	.bnn-main-top ins.adsbygoogle iframe{margin: 0!important}
	@media screen and (max-width:768px){
		.bnn-main-top ins.adsbygoogle{margin-top: 0; margin-bottom: 0}
	}

/* resteo para que cuando no tenga, el titulo se pegue */
	.listado #main-content {padding-top: 0;}

	.interna .add-div, 
	.listado .add-div {margin-top: 15px;}
	@media screen and (max-width:768px){
		.interna .add-div{margin-top: 0; margin-bottom: 20px; margin-top: -10px}
	}

/* minihack de bandera, para asegurarse visibilidad correcta de interlineado titulo en desktop
---29-05-19--*/

.article-bandera .titulo{line-height: 1em!important}





/* #HEADER AUTOR */


.maincontainer_header-autor{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f3f3f3;
    border-bottom: solid 1px #d3d3d3;
}





/* CLASES PARA MICRODATA AUTHOR */





/* --- */






/* control flex */


/* autor */




/* foto */
.header-author .image-author{
	background-color: #e8e7e7;
    overflow: hidden;    
    position: relative;    	
	min-width: 150px;
	min-height: 150px;
	max-width: 150px;
    margin-right: 15px;
	flex: auto;
}


.header-author .image-author img {
    position: absolute;	
	width: auto;
	height: 100%;
	left: 50%;
	top: 50%;
    transform: translateX(-50%) translateY(-50%);
    
	bottom: 0;

	
}

.header-author .data-author {   display: flex;    flex-direction: row;		}

.header-author .author {
    font-weight: 700;
	font-size: 1.8em;
	line-height: 1em
}

.header-author .description {
    font-style: normal;
    color: rgb(18 18 18);
 
}


.header-author .jobTitle {
    margin-bottom: .5em;
    margin-top: .2em;
    font-weight: 500;
    border-bottom: solid 1px #0000001f;
    padding-bottom: 0.5em;
}


.datos-author{display: flex; flex-direction: column;}


/*social*/
.header-author .social-icons {
    float: left;
    display: flex;
    align-items: center;
    margin-top: 2px;
}

.header-author .social-icons a {
    
    margin-right: 5px;
    height: 16px;
    display: flex;
    align-items: center;
}

.header-author .social-icons a:hover {text-decoration: none;}


@media screen and (max-width:768px){
	.header-author .author{font-size: 1.4em;     margin-top: 6px;}
	.header-author{border-bottom-width: 1px; padding-bottom: 10px; position: relative;}
	
	.header-author .data-author{flex-direction: column;}

	
	.header-author .image-author{position: absolute; top: 0; left: 0; width: 50px; height: 50px; min-width: auto; min-height: auto;}

	.header-author .author,
	.header-author .jobTitle{padding-left: 60px;}

}











/* user.... */




.header-tools .ico{display: block; width: 24px; height: 24px; background-color: rgba(0,0,0,0.3); border-radius: 3px;float: right }
.header-tools .ico i{line-height: 22px; }
.header-tools .tooltip-inner {min-width: 130px;}


.user-block-desktop {
    border: solid 1px rgba(255, 255, 255, 0.7);
    margin-left: 15px;
    display: flex;
}

.user-block-desktop .ico {
    background-color: transparent;
	border-radius: 0;
	width: auto; height: auto;
	line-height: 1em;
}

.user-block-desktop .btn {
    margin-left: 0;
    padding: 0 8px;
    margin-right: 0;
    border-radius: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}


.user-block-desktop .btn.salir{border-left: solid 1px rgba(255, 255, 255, 0.7);  }
.user-block-desktop .btn:hover{color:inherit}

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

/* MODULO NOTICIAS INTERIORES*/

.titulo-modulo_v2{font-weight: 600; font-size: 1.2em}
.noticias-interiores__body{display: flex; flex-direction: column; width: 100%; clear: both; }
.noticias-interiores article {display: flex; margin-bottom: 15px;}
.noticias-interiores article:last-child {margin-bottom: 0}
.noticias-interiores .titulo{font-size: 1em;  line-height: 1.4em; margin-right: 10px; padding: 0; margin-bottom: 0; font-weight: 500;}


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


/* Prevent en el lSSlide .... */

.app-prevent {
	overflow: hidden;	
	height: 242px;
	background-image: url('/u/plantillas/imgs/loading-simple.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px;	
}

.app-prevent *{visibility: hidden}

@media screen and (max-width:768px){
    .app-prevent{height: 159px;}
}

/* 23-09-19 barra alerta */

.barra-alert{background-color: red; color: #fff; padding-top: 1.2rem; padding-bottom: 1rem; text-align: center}
.barra-alert .container{display: flex; justify-content: center; position: relative;}
.barra-alert .nota-alerta{display: flex; align-items: center; justify-content: center;  }
.barra-alert .nota-alerta a,
.barra-alert .nota-alerta .volanta {color: #fff}
.barra-alert .nota-alerta .volanta {border: solid 1px; padding: .3rem .4rem; margin-right: 1rem;font-size: .5em; line-height: 1em; opacity: .8; display: inline-flex; align-items: center; justify-content: center; padding-top: .5rem; margin-top: 3px}
.barra-alert .titulo {font-size: 1.5em; display: flex; align-items: center; }
.barra-alert .close {color: #fff; opacity: 1; font-weight: 400; position: absolute; right: 15px; top: 2px; line-height: 1em}

.volanta-movil{display: none}

@media screen and (max-width:768px){
	
	    .barra-alert .nota-alerta{flex-direction: column; align-items: center}
		.barra-alert .titulo {display: flex; flex-wrap: wrap; justify-content: center; line-height: 1.2em; }		
		.barra-alert .close {top: -8px; right: 8px;}
}


/* hack bug tres relacionadas interna, se solapaban */
  
.tres-relacionadas{
    clear: both;
    width: 100%;    
    float: left;
  }

/* hack bug chrome 77 --> https://support.google.com/chrome/thread/15065863?hl=en */

@media screen and (max-width: 768px) {
	.fila{width: 100%; clear: both}
	.home .caja,
	.ne{clear: both; float: left; width: 100%;}
}
	.ne:before, .ne:after {content: " ";display: table;}
	.ne:after {clear: both;}
	.ne {*zoom: 1; clear: both;}



	.row-mas-tapas{margin-top: 20px; margin-bottom: 20px;}


	.barra.resultado .porcentaje{z-index: 10;}



/* agregado el 25/08/2021 para corregir zona de accion en movil */

@media only screen and (max-width: 768px) {
    article.catastrofe .share-tool{  height: 40px; width: 40px; top: 10px; right: 5px; z-index: 99;}
    article.catastrofe .share-tool .icono-compartir{right: 10px;}
    article.catastrofe .share-tool .despliega-redes{right: 10px;top: 4px;}
    
}





/* TOOTLIP COPY */
.tooltipcopy{position:relative;display:inline-block;cursor:pointer;font-size:11px}
.tooltipcopy .tooltiptext{visibility:hidden;width:140px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:calc(100% + 5px);left:50%;margin-left:-70px;opacity:0;transition:opacity .3s}
.tooltipcopy .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent}
.tooltipcopy:hover .tooltiptext{visibility:visible;opacity:1}