/*
 *****************************************************************************************************************************
 * HOJA DE ESTILO GENERAL DE LA UNIVERSIDAD COMPLUTENSE DE MADRID
 * OFICINA WEB - AREA DE INFRAESTRUCTURAS WEB
 * Universidad Complutense de Madrid
 *
 * Fichero:             app_news.css ESTILOS WIDGET NEWS
 * Finalidad:           Visualizacion de portada de noticias
 * Fecha actualizacion: 22/01/2020
 *
 *****************************************************************************************************************************
 */
	a {	
		color: inherit;
		text-decoration: none;
		background-color:transparent;
	}
	a:hover{
		color: inherit;
		text-decoration: none;
		background-color:transparent;

	}
	
	.breadcrumb a{
		color: #337ab7;
	}
	
	.filas {
			display: flex;
			display: -webkit-flex;
			-webkit-flex-flow: row wrap;
			justify-content:space-around;
			background: #fff;
			padding:3%;
	}
		
	.fila-item {
			display: flex;
			display: -webkit-flex;
			flex-direction: column;
			-webkit-flex-direction: column;
			margin: 5px 0 15px 0;
			overflow: hidden;
			background-color: #fff;
			flex: 0 0 32.333333%;
    		max-width: 32.333333%;
    		position:relative;
			border-top: solid 1px #f2f2f2;
			-webkit-box-shadow: 5px 5px 19px -5px rgba(51,46,51,0.29);
			-moz-box-shadow: 5px 5px 19px -5px rgba(51,46,51,0.29);
			box-shadow: 5px 5px 19px -5px rgba(51,46,51,0.29);
			padding: 15px;
	}
	.fila-item > p{
			max-height: 60px;
			margin-top: 8px;
			font-size: 1em;
	}
	.fila-item > h2.fila-cabecera{    
		text-align:center;
		background-color: #fff;
		color: #454545;
		padding: 0px 3px 0px 3px;
		margin-bottom:1px;
	}
	.fila-item > figure.categoria-figure {
			-webkit-order: -1; /* salta una posición para ponerse la primera*/
			align-self: center; /* situacion secundaria de cada elemento, la principal es flex-direction: column;*/
			-webkit-align-self: center;
			max-width:100%;
			height: 180px;
			max-height: 180px; /* las imagenes que pongan al menos esta medida de alto*/
			overflow:hidden;
			display:flex; /* para centar verticalmente las img contenidas*/
 			align-items: center;
/*  			padding: 10px 10px 10px 10px; */
/*  			flex-direction: column; */
	}
	.fila-item > figure.categoria-figure > img{
			max-width:100%;
	}
	
	.fila-foto{
		flex:none;
		width: calc((100% - 50px) / 5);/* calculamos del 100% de ancho - 10px x cada separacion que son 5 = 50px  dividido por numero de columnas que queremos por fila */
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		-webkit-align-self: center;
		margin: 10px 10px 10px 0px;
	}
	.fila-foto > figure > img{
			max-width:100%;
	}
		
	.fila-foto > figure  {
			align-self: center; /* situacion secundaria de cada elemento, la principal es flex-direction: column;*/
			-webkit-align-self: center;
			max-width:100%;
			overflow:hidden;
			display:flex; /* para centar verticalmente las img contenidas*/
 			align-items: center;
	}

	.unico{
			flex: 100%; /* que ocupe todo el ancho, similar a width*/
			max-width: 100%;
			position:relative;
			align-items: center;
			display: flex;
			display: -webkit-flex;
			flex-direction: column;
			-webkit-flex-direction: column;
			margin-bottom:5px;

	}
	.cab-unico{
/* 			display: flex; */
/* 			display: -webkit-flex; */
/* 			flex: 80%; */
			position: absolute;
			text-align: center;
			background-color:#fff;
			width:90%;
			bottom:10%;
			background-color: rgba(0,0,0,.5);
			color: #fff;
	}
	.cab-unico > h2.fila-cabecera {    
		text-align:center;
		background-color: transparent;
		color: #fff;
		padding: 4px 3px 4px 3px;
	}
	.filas > .unico > figure.figure-unico{
			align-self: center; /* situacion secundaria de cada elemento, la principal es flex-direction: column;*/
			-webkit-align-self: center;
			max-width:100%;
			height: inherit; /* las imagenes que pongan al menos esta medida de alto*/
			max-height: 500px;
			display:flex; /* para centar verticalmente las img contenidas*/
 			align-items: center;
			overflow: hidden;
	}
	section .unico > figure.categoria-figure{
            height:auto;
			max-height:300px;
	}
	.fila-item > figure.noticia_final {
			align-self: center; /* situacion secundaria de cada elemento, la principal es flex-direction: column;*/
			-webkit-align-self: center;
			max-width:100%;
			height: 300px; /* las imagenes que pongan al menos esta medida de alto*/
			overflow:hidden;
			display:flex; /* para centar verticalmente las img contenidas*/
 			align-items: center;
	}
	
	.cabecera-categoria{
			font-size: 0.7em;
			text-align:center;
			color:#666;
			border-bottom: solid 2px #454545;
			display:inline-block;
		    margin-left:auto;
		    margin-right:auto;
	}
	.cab-unico > .fila-cabecera > .cabecera-categoria{
		color:#fff;
		border-bottom: solid 2px #fff;
	}
	.cabecera-titulo{
			text-align:center;
			color:#454545;
			font-weight:bold;
	}
	.cab-unico > .fila-cabecera > .cabecera-titulo{
		color:#fff;
	}
	.cabecera-descripcion{
			text-align:center;
			color: #707070;
			font-size: 1em !important;
			max-height: 60px;
			overflow: auto;
	}
	.cab-unico >  .cabecera-descripcion{
		color:#fff;
	}
	.cabecera-fecha{
		margin:2px;
		float:right;
		text-align:right;
		font-size: 0.65em;
		color: #787878;
		position:absolute;
    	bottom:5px;
    	right:5px;
	}
	.cab-unico >  .cabecera-fecha{
		color:#fff;
	}
	.cabecera-texto{
			text-align:justified;
			color:#454545;
			font-size:1.1em;
			padding: 10px;
	}
	.cabecera-autor{
			text-align:center;
			color:#000;
			font-size:1.1em;
			margin-top:0px;
	}
	.cabecera-fecha-not{
			text-align:center;
			color:#ccc;
			font-size:1em;
	}
		.cabecera-multimedia{
			display: flex;
			margin: auto;
			flex-wrap:wrap;
			background-color:#e0e0e0;
			
		}
		.flex-container {
		  display: flex;
		  align-items: stretch;
		  background-color: #f1f1f1;
		  padding: 0.4%;
		}
		.flex-container-col-2x {
		  display: flex;
		  flex-grow: 2;
		  align-items: center;
		  flex-direction: column;
		  max-width:64%;
		  padding: 0.3%;
		}
		.flex-container-col-1x {
		  display: flex;
		  flex-grow: 1;
		  align-items: center;
		  flex-direction: column;
		  max-width:36%;
/* 		  padding: 0.3%; */
/* 		  margin-bottom: 5px; */
		}
		.flex-container-row-1x {
		  display: flex;
		  align-items: top;
		  justify-content: flex-start;
		  flex-grow: 1;
		  flex-direction: row;
		  max-width:100%;
/* 		  padding: 5px 3px 5px 3px; */
		}
		.flex-container-col-2x :first-child {
				  margin-bottom: 5px;
		}
		.flex-container-row-1x > figure {
			width:50%;
			max-width: 50%;
			min-width: 50%;
			background-color: #fff;
			height: 100%;
		}
		.flex-container-col-1x > figure {
			max-width:100%;
			background-color: #fff;
		}
		.flex-container-row-1x > figure > img, .flex-container-col-1x > figure > img{
			max-width:100%;
		}
		.portada-visor-contenedor{
			width:100%;
			height:100%;
			padding:3px;
			background:#fff;
			display: flex;
  			flex-direction: column;
  			align-items: center;
		  	justify-content: normal;
		
		}
		.portada-visor-categoria{
			width:100%;
			padding:3px 3px 10px 3px;
			text-align: left;
		
		}
		.portada-visor-titulo{
			width:100%;
			color:#454545;
			font-size: 1.4em;
			padding:5px 0 5px 0;
			text-align:center;
			font-weight:bold;
		
		}
		.portada-visor-descripcion{
			width:100%;
			padding:5px 0 5px 0;
			background:#fff;
		
		}
		.portada-visor-boton{
			width:80%;
			padding:3px;
			background:#fff;
			text-align:center;
			float:left;
		
		}
		.portada-visor-fecha{
			text-align: right;
			width:100%;
			color:#ccc;
			padding: 5px 5px 1px 0;
			font-size:0.7em;
		}
		/* dsposicion categorias en visor noticia */
		ul.fila-view-categoria{
			padding: 0px;
			margin:0px;
			list-style-image: none;
			list-style: none;
			text-align: center;
			flex-basis: 100%;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			align-content: stretch;
		}
		ul.fila-view-categoria li a{
			display: inline;
			padding: 1px 3px 1px 3px;
			margin: 0px 5px 5px 5px;
			font-size: 0.9em;
			border-bottom: none;
		}
		.fila-not-categoria{
			display: flex;
			flex-wrap: wrap;
			align-content: flex-start;
			text-align: left;
			width: 100%;
		}

/* clases de  ESTILOS de categorias*/
	.cat-1{
		color: #017ACD;
	}
	.cat-2{
		color: #078942;
	}
	.cat-3{
		color: #B95E06;
	}
	.cat-4{
		color: #bd1622;
	}
	.cat-5{
		color: #007c7c;
	}
	.cat-6{
		color: #9D6E06;
	}
	.cat-7{
		color: #941b80;
	}
	.cat-8{
		color: #385da7;
	}
	.cat-9{
		color: #E62716;
	}
	.cat-10{
		color: #647B7C;
	}
	.cat-11{
		color: #E81949;
	}
	.cat-12{
		color: #642697;
	}
	.cat-13{	
		color: #078766;
	}
	.cat-14{
		color: #8c5c32;
	}
	.cat-15{
		color: #5A822D;
	}
	.cat-16{
		color: #4E7D91;
	}
	.cat-17{
		color: #BD11DF;
	}
	
	div.contenedor2 ul.items2 li.cat{
		list-style: circle;
		text-align: left;
		margin-left: 20px;
		font-weight: bold;
		font-size: 30px;
	}
	.enlace-cat{
		color: #000000;
		font-size: 15px;
	}
	
/* FIN clases de  ESTILOS de categorias*/

/* clases estilos listado noticias buscador*/
/* 	div.contenedor2 ul.items2 li.news{ */
/* 		list-style: ""; */
/* 		text-align: left; */
/* 		font-weight: bold; */
/* 	} */
/* FIN clases estilos listado noticias buscador*/

/* clases de  ESTILOS noticia-final*/
	.filas-notf {
		display: flex;
		display: -webkit-flex;
		-webkit-flex-flow: row wrap;
		justify-content:space-around;
		background: #fff;
		padding:0;
	}
		
	.fila-item-notf {
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items: center;
		flex: 100%; /* que ocupe todo el ancho, similar a width*/
		margin: 0px 0px 15px 0px;
		overflow: hidden;
		background-color: #fff;
    	max-width: 100%;
    	position:relative;
/* 		border-top: solid 1px #f2f2f2; */
/* 			-webkit-box-shadow: 5px 5px 19px -5px rgba(51,46,51,0.29); */
/* 			-moz-box-shadow: 5px 5px 19px -5px rgba(51,46,51,0.29); */
/* 			box-shadow: 5px 5px 19px -5px rgba(51,46,51,0.29); */
/* 			padding: 15px; */
	}
	.fila-item-notf > p{
			max-height: 60px;
			margin-top: 8px;
			font-size: 1em;
			width: 100%;
	}
	.fila-item-notf > h2.fila-cabecera-notf{    
		text-align:center;
		background-color: #fff;
		color: #454545;
		padding: 0px 3px 0px 3px;
		margin-bottom:1px;
	}
	
		.fila-item-notf > figure.categoria-figure-notf {
			-webkit-order: -1; /* salta una posición para ponerse la primera*/
			align-self: center; /* situacion secundaria de cada elemento, la principal es flex-direction: column;*/
			-webkit-align-self: center;
			max-width:100%;
			height: 180px;
			max-height: 180px; /* las imagenes que pongan al menos esta medida de alto*/
			overflow:hidden;
			display:flex; /* para centar verticalmente las img contenidas*/
 			align-items: center;
/*  			padding: 10px 10px 10px 10px; */
/*  			flex-direction: column; */
	}
	.fila-item-notf > figure.categoria-figure-notf > img{
			max-width:100%;
	}
	
	.fila-foto-notf{
		flex:none;
		width: calc((100% - 50px) / 5);/* calculamos del 100% de ancho - 10px x cada separacion que son 5 = 50px  dividido por numero de columnas que queremos por fila */
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		-webkit-align-self: center;
		margin: 10px 10px 10px 0px;
	}
		
	.fila-foto-notf > figure  {
		align-self: center; /* situacion secundaria de cada elemento, la principal es flex-direction: column;*/
		-webkit-align-self: center;
		max-width:100%;
		height:150px;
		max-height: 150px;
		overflow:hidden;
		display:flex; /* para centar verticalmente las img contenidas*/
 		align-items: center;
	}
	
	.fila-foto-notf > figure > img{
			max-width:100%;
	}

   .fila-item-notf > figure.noticia-final-notf {
			align-self: center; /* situacion secundaria de cada elemento, la principal es flex-direction: column;*/
			-webkit-align-self: center;
			max-width:100%;
			height: 400px;/* las imagenes que pongan al menos esta medida de alto */
			overflow:hidden;
			display:flex; /* para centar verticalmente las img contenidas*/
 			align-items: center;
	}
	.fila-item-notf > div.noticia-final-fotografo{
	        display: flex;
			flex-wrap: wrap;
			flex-direction: row-reverse; 
			text-align: right;
			width: auto;
			background-color: rgba(255, 255, 255, 0.8);
			color:#454545;
			position:relative;
			bottom: 20px;
/* 			opacity: .8; */
			font-size: .9em;
			
	}
	.fila-not-categoria-notf{
			display: flex;
			flex-wrap: wrap;
			align-content: flex-start;
			text-align: left;
			width: 100%;
	}
	.fila-not-categoria-notf > ul.fila-view-categoria li a{
			margin: 0px 5px 5px 0px;
	}
	.cabecera-titulo-notf{
			text-align:center;
			color:#454545;
			font-weight:bold;
	}	
	.cabecera-descripcion-notf{
		text-align:center;
		color: #707070;
		font-size: 0.9em !important;
/* 		max-height: 60px; */
	}
	.cabecera-fecha-notf{
		margin:2px;
		float:right;
		text-align:right;
		font-size: 0.65em;
		color: #787878;
		position:absolute;
    	bottom:5px;
    	right:5px;
	}
	.cabecera-texto-notf{
		text-align: justify;
		color:#454545;
		font-size:1.1em;
		padding: 10px;
		line-height: 1.3em;
		color:#454545;
	}
	.cabecera-autor-notf{
		text-align:center;
		color:#454545;
		font-size:1em;
		margin-top:0px;
	}
	.cabecera-fecha-not-notf{
			text-align:center;
			color:#ccc;
			font-size:1em;
	}
	.cabecera-multimedia-notf{
		display: flex;
		margin: auto;
		flex-wrap:wrap;
		background-color:#e0e0e0;
		align-content: stretch;
		padding-left: 5px;
	}
	.new_urls{
		margin: 2em 0;
		padding: 1em;
		border-top: 1px solid #ddd;
	}
	.new_urls h2{
		font-size: 1.6em;
		color:#454545;
	}
	.new_urls ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.new_urls ul li{
		display: block;
	}
	.new_urls ul li a{
		color: #454545;
		font-size: 1.2em;
		margin-left: 0.5em;
	}
	.new_urls ul li a:hover{
		color: #000;
		border-bottom: 1px solid #000;
	}
	.new_tags{
		margin: 2em 0;
		padding: 1em;
		border-top: 1px solid #ddd;
	}
	.new_tags h2{
		font-size: 1.4em;
		color:#454545;
	}
	.new_tags ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.new_tags ul li{
		display: inline-block;
		margin-right: 1em;
	}
	.new_tags ul li a{
		padding: 2px 6px;
		border: 1px solid #ddd;
		color: #8c8c8c;
	}
	.new_tags ul li a:hover{
		border: 1px solid #8c8c8c;
		background-color: #8c8c8c;
		color: #ffffff;
	}
	.new_autor:hover{
		color: #454545;
		border-bottom: 1px solid #8c8c8c;
	}
	
	h2.cat-1 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #017ACD;
	}
	h2.cat-2 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #078942;
	}
	h2.cat-3 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #B95E06;
	}
	h2.cat-4 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #bd1622;
	}
	h2.cat-5 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #007c7c;
	}
	h2.cat-6 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #9D6E06;
	}
	h2.cat-7 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #941b80;
	}
	h2.cat-8 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #385da7;
	}
	h2.cat-9 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #E62716;
	}
	h2.cat-10 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #647B7C;
	}
	h2.cat-11 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #E81949;
	}
	h2.cat-12 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #642697;
	}
	h2.cat-13 + section.tribuna-bloque-1 section.new_texto .txt_sum {	
		color: #078766;
	}
	h2.cat-14 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #8c5c32;
	}
	h2.cat-15 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #5A822D;
	}
	h2.cat-16 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #4E7D91;
	}
	h2.cat-17 + section.tribuna-bloque-1 section.new_texto .txt_sum {
		color: #BD11DF;
	}
	
/* FIN clases de  ESTILOS noticia-final*/

/* clases de  ESTILOS buscador-noticias-externo*/
	form.form-buscar-noticia{
		text-align: right;
	}
	div.fila-buscar-resultado{
		display: block;
		padding: 5px;
		margin: 5px 0 5px 30px;
/* 		background-color: #f2f2f2; */
		color:#454545;
		font-size: 1.5em;
/* 		border-top: solid 2px #454545; */
		border-bottom: solid 1px #ccc;
	}
	div.fila-buscar-resultado> p > span{
		font-weight: bold;
		width:100%;
	}
	div.fila-buscar-resultado div{
	    position:relative;
		display:block;
		font-size: 0.7em;
		padding: 0 2px 0 2px;
		color: #ccc;
		font-weight: bold;
	}
	div.fila-buscar-resultado div > a{
		position:relative;
		display:block;
		padding: 0 2px 0 2px;
		color: #454545;
		background-color: #ccc;
		float: right;
		border: solid 1px #454545;
		border-radius: 5px;
	}
	div.fila-buscar-resultado div > a:hover{
	  background-color: #fff;
	  border: solid 1px #ccc;
	  color: #ccc;
	}
	ul.fila-buscar-noticias{
		padding:0;
	}
	ul.fila-buscar-noticias > li{
		height: 100px;
		width:100%;
	  	border-bottom: 1px solid #c3c3c3;
	  	display: flex;
	  	padding-bottom: 5px;
	  	margin-bottom:5px;
	  	flex-wrap: wrap;
	}
	ul.fila-buscar-noticias > li > section.fila-buscar-icono{
	 	display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 13px;
		background-color: #45454599;
		flex-basis: 12%;
		max-width: 12%;		
    	clear: both;
    	position: relative;
    	overflow: auto;
    	margin: 0px;
    	max-height: 100px;
        /*degradado*/  	
    	background: rgba(224,224,224,1);
		background: -moz-linear-gradient(-45deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 31%, rgba(219,219,219,1) 45%, rgba(254,254,254,1) 100%);
		background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(224,224,224,1)), color-stop(31%, rgba(224,224,224,1)), color-stop(45%, rgba(219,219,219,1)), color-stop(100%, rgba(254,254,254,1)));
		background: -webkit-linear-gradient(-45deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 31%, rgba(219,219,219,1) 45%, rgba(254,254,254,1) 100%);
		background: -o-linear-gradient(-45deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 31%, rgba(219,219,219,1) 45%, rgba(254,254,254,1) 100%);
		background: -ms-linear-gradient(-45deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 31%, rgba(219,219,219,1) 45%, rgba(254,254,254,1) 100%);
		background: linear-gradient(135deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 31%, rgba(219,219,219,1) 45%, rgba(254,254,254,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#fefefe', GradientType=1 );
	}
	ul.fila-buscar-noticias > li > section.fila-buscar-icono > figure > img{
		max-width: 100px;
		text-align: center;
		margin-bottom:3px;
		border:solid 1px #fff;
		max-height: 65px;
	}
	ul.fila-buscar-noticias > li > section.fila-buscar-cuerpo{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 15px;
		background-color: #fff;
		flex-basis: 75%;		
    	clear: both;
    	position: relative;
    	overflow: auto;
    	margin: 0px;
    	max-height: 100px;	
	}
	ul.fila-buscar-noticias > li > section.fila-buscar-cuerpo > h2{
		width:100%;
		background-color:#fff;
		color: #454545;
		padding:0;
		margin:0;
	}
	ul.fila-buscar-noticias > li > section.fila-buscar-cuerpo > p{
		width:100%;
		background-color:#fff;
		color: #777;
		padding:0;
		margin: 5px 0 2px 0;
	}
	ul.fila-buscar-noticias > li > section.fila-buscar-cuerpo > div{
		width:100%;
		background-color:#fff;
		color: #454545;
		padding:0;
		margin:0;
		font-size:0.8em;
		text-align:right;
	}
	
	ul.fila-buscar-noticias > li > section.fila-buscar-pie{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 5px;
		background-color: #f2f2f2;
		border-left: solid 1px #c3c3c3;
/* 		border-right: solid 1px #c3c3c3; */
		flex-basis: 13%;		
    	clear: both;
    	position: relative;
    	overflow: auto;
    	margin: 0px;
    	max-height: 100px;
		
	}
	
	ul.fila-buscar-noticias > li > section.fila-buscar-pie > div.fila-buscar-fecha{
		font-size:0.8em;
		width:100%;
		text-align:center;
	}
	/* FIN clases de  ESTILOS buscador-noticias-externo*/

/* Estilos redes sociales*/
	.fa-facebook, .fa-twitter, .fa-whatsapp, .fa-envelope-o, .fa-print{
	    background-color: #8c8c8c;
	    border-radius: 30px;
	    color: #ffffff;
	    display: inline-block;
	    height: 30px;
	    line-height: 30px;
	    margin: auto 3px;
	    width: 30px;
	    font-size: 20px;
	    text-align: center;
	}
	
	.fa-facebook:hover, .fa-twitter:hover, .fa-whatsapp:hover, .fa-envelope-o:hover, .fa-print:hover{
		background-color: #454545;
	}

/* FIN estilos redes sociales*/
	/* reescribir swipebox galerias, piden titulo abajo*/
	#swipebox-bottom-bar,
	#swipebox-top-bar {
  		-webkit-transition: none;
          transition: none;
	}
	#swipebox-bottom-bar.visible-bars,#swipebox-top-bar.visible-bars {
	  -webkit-transform: none;
			  transform: none;
	}
	#swipebox-top-bar {
		color: white !important;
		font-size: 15px;
		line-height: 43px;
		font-family: Helvetica, Arial, sans-serif;
		background: #000;
		bottom: 0px !important;
		top:auto;	
	}
	#swipebox-bottom-bar{
		background: none !important;
		bottom: 50px !important;		
	}
	/* fin swipebox*/
/* paginación y por años y meses*/
	#tribuna-paginar{
		display:flex;
		flex-direction:row;
		width:100%;
		justify-content: center;
	}
	#tribuna-paginar ul.paginar{
		flex-wrap: nowrap;
	}
	#tribuna-paginar ul.paginar li{
		width:auto;
	}
 	.tribuna-bloque1-noticias ul.historico_meses{
		height: max-content;
		margin-top: 15px;
		padding: 0 0 0 10px;		
	}
	.tribuna-bloque1-noticias ul.historico_meses li{
	    list-style: none !important;
	    height: max-content;
		height: max-content;
    	padding: 25px 50px 25px 50px;
    	border: 1px solid #454545;
	}
    .tribuna-bloque1-noticias ul.historico_meses li::before {
		color:#fff;
		content:none !important;	
	}
	#tribuna-paginar ul.paginar li{
		padding: 5px 10px;
	}
	#tribuna-paginar ul.paginar li.actual{
		color: #fff;
		background-color:#006CD9;
	}

	.hemeroteca-time{
		display:flex;
		flex-direction:row;
		justify-content:space-around;
		width: 100%;
    	align-items: flex-start;	
	}
	.hemeroteca-time .btn-ano {
	  background-color: #fff;
	  color: #454545;
	  padding: 2px 10px 2px 10px;
	  font-size: 1.3em;
	  border: none;
	  cursor: pointer;
	}
	
	.hemeroteca-time .btn-ano:hover, .hemeroteca-time .btn-ano:focus {
	  background-color: #f2f2f2;
	  border:none;
	  text-decoration:none;
	}
	.hemeroteca-time .btn-ano a{
		color:#454545;
		text-decoration:none;
	}
	.hemeroteca-time .btn-ano span{
		margin: 0 0 3px 5px;
	}
	.hemeroteca-time .desplegable {
	  position: relative;
	  display: inline-block;
	}
	
	.hemeroteca-time .desplegable-content {
		  display: none;
		  flex-direction:column;
		  justify-content: center;
		  margin:0;
		  padding:0;
		  position: absolute;
		  background-color: #fff;
		  overflow: auto;
		  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		  z-index: 1;
		  width: 100%;
		  min-width: 150px;
		  left: -40%;
	}
	.hemeroteca-time ul#menu-time li {
		list-style:none;
		text-align:center;
		width: inherit;
		margin: 0 10px 0 0;
	}
	.hemeroteca-time .desplegable-content a {
	  color: black;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	  min-width: 100%;
	  width: 100%;
	}
	
	.hemeroteca-time .desplegable ul#menu-time > li :hover {text-decoration:none; background:#f2f2f2;}
	
	.desplegable:hover .desplegable-content {display: flex;}
	
	.desplegable:hover .btn-an {background-color: #f2f2f2;}
	
/* fin paginacion */

/* estilos widget */
mySlides {display: none;}
/* Slideshow container */
.slideshow-container {
  max-width:650px;
  height: auto;
  max-height: 400px;
  overflow:hidden;
  position: relative;
  margin: auto;
  background: #ccc;
}

/* Caption text */
.text {
  color: #454545;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
  background: #f2f2f2;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #454545;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  background: #f2f2f2;
  box-shadow: 2px 1px 2px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

div.active {
  background-color: #717171;
}
span.active{
	background-color: #454545;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 2em;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the next button to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev{
  left: 0;  
}
#tribuna-paginar > ul.paginar>li.prev, #tribuna-paginar > ul.paginar>li.next{
	position:relative;
	color:#454545;
	font-size: 16px;
	top: auto;
}
#tribuna-paginar > ul.paginar>li.prev:hover, #tribuna-paginar > ul.paginar>li.next:hover{
	color:#fff;
}
#app_news > #noticiasprincipales > secction.tribuna-bloque1-noticias > div#tribuna-paginar > ul.paginar > .next,
#app_news > #noticiasprincipales > secction.tribuna-bloque1-noticias > div#tribuna-paginar > ul.paginar > .prev{
 	position:relative;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/* fin widget */

@media only screen and (min-width : 321px) and (max-width: 940px) { 
	.tribuna-menu-cat{ width:19%; }
	nav#menu .navbar-collapse ul li { 
	margin-bottom: 10px; 
	font-weight: bold; 
	text-transform: uppercase; 
	font-size: 0.8em; }
}


	@media all and (max-width: 500px) {
		.filas { -webkit-flex-direction: column; }
		.fila-item{
				-webkit-order: 0; 
				width: auto;
				max-width: 100%;
				flex-direction: flex-start;
		}
		.fila-foto{
			  width: calc((100% - 15px) / 3); /* 100% pantalla - margen separacion 5px * 3 = 15px dividido entre 3 columnas por fila */
			  margin: 5px 5px 5px 0px;	
		}		
	}
	
	@media (min-width: 550px) {
		/*El icono de whatsapp sólo se muestra desde el móvil*/
		.whatsapp{
			display:none;
		}
	}