/*
 *****************************************************************************************************************************
 * 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;
}

#app_news section#noticias-bloque{
	position: relative;
}
#app_news section#noticias-bloque section#noticias-bloque-noticias{
	position: relative;
}
#app_news section#noticias-bloque section#noticias-bloque-noticias article{
	display: inline-block;
	width: 48%;
	margin: 0 1em 2em 0;
	padding-top: 0.5em;
	border-top: 0.7em solid;
}
#app_news section#noticias-bloque section#noticias-bloque-noticias article figure{
	width: 100%;
	margin-bottom: 1em;
}
#app_news section#noticias-bloque section#noticias-bloque-noticias article figure img{
	width: 100%;
}
#app_news section#noticias-bloque section#noticias-bloque-noticias article h3 {
    color: #000;
    font-size: 1.5em;
    margin: 4em 0 1em 0;
}
#app_news section#noticias-bloque section#noticias-bloque-noticias ul.historico_meses{
	padding: 0 0 0 10px;		
}
#app_news section#noticias-bloque section#noticias-bloque-noticias ul.historico_meses li{
    list-style: none;
   	padding: 25px 50px 25px 50px;
   	border: 1px solid #454545;
   	display: inline-block;
}
#app_news section#noticias-bloque section#noticias-bloque-noticias ul.historico_meses li::before {
	color:#fff;
	content:none;	
}
#app_news h2.noticias-cabecera{
	text-align: right;
    border-bottom: 2px solid #EFEFEF;
    font-size: 2.4em;
    font-weight: bold;
    margin-bottom: 1em;
}

#noticias-paginar{
	display:flex;
	flex-direction:row;
	width:100%;
	justify-content: center;
}
#noticias-paginar ul.paginar{
	display: flex;
   	flex-wrap: wrap;
   	flex-direction: row;
}
#noticias-paginar ul.paginar li{
	width:auto;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 10px 10px 0;
    padding: 5px 10px;
}
#noticias-paginar ul.paginar li.actual{
	color: #fff;
	background-color:#006CD9;
}
#noticias-paginar > ul.paginar > li.prev, #noticias-paginar > ul.paginar > li.next {
	position: relative;
	color: #454545;
	font-size: 16px;
	top: auto;
}

/* 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*/

	h2.cat-1 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #017ACD;
	}
	h2.cat-2 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #078942;
	}
	h2.cat-3 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #B95E06;
	}
	h2.cat-4 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #bd1622;
	}
	h2.cat-5 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #007c7c;
	}
	h2.cat-6 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #9D6E06;
	}
	h2.cat-7 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #941b80;
	}
	h2.cat-8 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #385da7;
	}
	h2.cat-9 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #E62716;
	}
	h2.cat-10 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #647B7C;
	}
	h2.cat-11 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #E81949;
	}
	h2.cat-12 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #642697;
	}
	h2.cat-13 + section.tribuna-bloque-1 section.news_texto .txt_sum {	
		color: #078766;
	}
	h2.cat-14 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #8c5c32;
	}
	h2.cat-15 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #5A822D;
	}
	h2.cat-16 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #4E7D91;
	}
	h2.cat-17 + section.tribuna-bloque-1 section.news_texto .txt_sum {
		color: #BD11DF;
	}
	
	#app_news .news_cabecera{
		text-align: right;
		border-bottom: 2px solid #EFEFEF;
		font-size: 2.4em;
		font-weight: bold;
		margin-bottom: 1em;
	}
	#news_bloque{
		display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    align-items: stretch;
	    justify-content: flex-start;
	    margin: 10px 0 10px 0;
    }
    .news_menu{
    	order: 2;
    	width: 20%;
    	padding: 1em 0em 1em 1em;
    }
    .news_menu .contenedor2{
    	margin-bottom: 2em;
    	padding-bottom: 1em;
    	border-bottom: 4px solid #f5f5f5;
    }
    .news_menu ul{
    	list-style: none;
    	margin: 0;
    	padding: 0;
    }
    .news_menu ul li{
    	margin-bottom: 10px;
	    font-weight: bold;
	    text-transform: uppercase;
	    font-size: 1.125em;
    }
    .news_menu h2{
    	font-size: 1.4em;
    }
    .news_menu .news_mas{
    	margin-top: 1em;
    }
    .news_menu .news_mas h1{
	    font-weight: bold;
	    font-size: 1.5em;
    }
    .news_menu .news_mas h2 {
	    font-size: 1.25em;
	    color: #2d5055;
	  }
    .news_menu .news_mas article {
	    margin-bottom: 2em;
    	flex-direction: column;
    	display: flex;
    }
    .news_menu .news_mas article figure img {
	    width: 100%;
	  }
    .news_menu .news_mas article a:hover{
    	text-decoration: underline;
    }
    
	.news_menu .panel-default{
		border-color: inherit;
		padding:0;
	}
	.news_menu .panel{
		border:0;
		border-radius:0;
		padding:0;
	}
	.news_menu .panel-heading{
		padding:0;
		background-color: #f5f5f5;
		border-color: #f5f5f5;
		border-top-left-radius:  0;
		border-top-right-radius: 0;
		font-weight: bold;
	}
	.news_menu .panel-heading a, .panel-heading a:hover{
		color:#454545;
		font-size:0.9em;
	}
	.news_menu .panel-body{
		font-size:0.8em;
		background-color: inherit;
		padding:0 0 0 5px;
		border: 1px solid #f5f5f5;
	}
	.news_menu .panel-footer{
		padding:0;
	}
	.news_menu .panel-footer a, .panel-footer a:hover{
		font-size:0.8em;
		font-weight: 300;
		padding-left: 5px;
	}
    .news_body{
    	order: 1;
    	width: 80%;
    	padding: 1em;
    }
    .news_body article header h1 {
    	width: 100%;
		font-weight: bold;
		font-size: 2.3em;
		color: rgb(51, 51, 51);
		background-color: #FFFFFF;
		padding-left: 0;
	} 
    .news_body article section.news_texto {
    	font-size: 1.1em;
    	margin: 0.3em 0;
    	text-align: justify;
	}
    .news_body article section.news_texto .noticia-date{
    	font-size: 0.9em;
    	color: #6f717d;
	}
    .news_body article section.news_texto .social{
    	margin: 1em 0 2em 0;
	}
    .news_body article section.news_texto .news_encabezado{
    	margin: 1em 0 2em 0;
    	font-size: 1.2em;
    	border-bottom: 2px solid #efefef;
    	padding-bottom: 1em;
    	text-align: justify;
	}
	.news_body article section.news_texto .news_encabezado ul{
		list-style-image: none;
	}
	  
	.news_body article section.news_imagenes {
		margin-top: 20px;
	}
	.news_body article section.news_imagenes figure{
		position: relative;
		width: 23%;
		padding: 0;
		display: inline-block;
		margin: 1%;
	}
	.news_body article section.news_imagenes figure:nth-child(4n+1){
		margin-left: 0;	
	}
	.news_body article section.news_imagenes figure:nth-child(4n){
		margin-right: 0;	
	}
	
	  
	.news_urls{
		margin: 2em 0;
		padding: 1em;
		border-top: 1px solid #ddd;
	}
	.news_urls h2{
		font-size: 1.6em;
		color:#454545;
	}
	.news_urls ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.news_urls ul li{
		display: block;
	}
	.news_urls ul li a{
		color: #454545;
		font-size: 1.2em;
		margin-left: 0.5em;
	}
	.news_urls ul li a:hover{
		color: #000;
		border-bottom: 1px solid #000;
	}
	.news_tags{
		margin: 2em 0;
		padding: 1em;
		border-top: 1px solid #ddd;
	}
	.news_tags h2{
		font-size: 1.4em;
		color:#454545;
	}
	.news_tags ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.news_tags ul li{
		display: inline-block;
		margin-right: 1em;
	}
	.news_tags ul li a{
		padding: 2px 6px;
		border: 1px solid #ddd;
		color: #8c8c8c;
	}
	.news_tags ul li a:hover{
		border: 1px solid #8c8c8c;
		background-color: #8c8c8c;
		color: #ffffff;
	}
	.news_autor:hover{
		color: #454545;
		border-bottom: 1px solid #8c8c8c;
	}	
/* 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 li {
	    display: flex;
	    flex-direction: column;
	    flex-wrap: wrap;
	    align-items: center;
	    width: 32%;
	    margin: 0 10px 10px 0;
	  }
 	.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;
		  min-width: 150px;
		  left: -40%;
	}
	.hemeroteca-time ul#menu-time li {
		list-style:none;
		text-align:center;
		width: inherit;
		margin: 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);
}

#noticias-paginar > ul.paginar>li.prev:hover, #noticias-paginar > ul.paginar>li.next:hover{
	color:#fff;
}

/* 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 { flex-direction: column; }
		.fila-item{
				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;
		}
	}