/*
 *****************************************************************************************************************************
 * HOJA DE ESTILOS PORTADA
 * Universidad Complutense de Madrid
 *
 * Fichero:             ucm_home.css
 * Finalidad:           Visualización portada.
 * Fecha actualizacion: 14/11/2022
 *
 *****************************************************************************************************************************
 */

main#portada em.mas{
	display: none;
}
main#portada div.news-full section#zona_1_1 div#carouselUcm{
	float: none;
	width: 100%;
}
main#portada div.news-full section#zona_1_1 div.carousel .item {
  width: 100%;
  max-height: 500px;
}
main#portada div.news-full section#zona_1_1 div.carousel .item figure{
	width: 100%;
}
main#portada div.news-full section#zona_1_1 div.carousel .item img{
	width: 100%;
}

main#portada div.news-full section#zona_1_1 div#carouselUcm div.carousel-inner article.item div.news1_txt{
	background-color: #1b1b1d;
	color: #fff;
	font-weight: 600;
}
main#portada div.news-full section#zona_1_1 div#carouselUcm div.carousel-inner article.item div.news1_txt h3{
	font-size: 1.5em;
	margin: 0.2em 0;
}
main#portada div.news-full section#zona_1_1 div#carouselUcm div.carousel-inner article.item div.news1_txt h3 a{
  color: #fff;
}
main#portada div.news-full section#zona_1_1 div#carouselUcm ol.carousel-indicators{
  top: inherit;
  bottom: 30px;
}

main#portada section#zona_2_1{
	float: none;
}
main#portada section#zona_1_2{
	display: block;
}
main#portada section#zona_2_2{
	position: relative;
	float: right;
	width: 29%;
	height: 400px;
	padding: 0;
	margin: 0;
}
main#portada section#zona_2_2 article img{
	width: 100%;
}
main#portada section#zona_2_3{
	width: 49%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: minmax(240px, auto);
	grid-gap: 20px;
}
main#portada section#zona_2_3 article{
	position: relative;
	overflow: hidden;
}

main#portada section#zona_2_3 .article:last-child {
  position: inherit;
  bottom: inherit;
  width: auto;
  border-top: 0px;
}
main#portada section#zona_2_3 article article figure {
  overflow: inherit;
  max-height: inherit;
}
main#portada section#zona_2_3 article article{
	max-height: 240px;
}
main#portada section#zona_2_3 article img{
	width: 100%;
}

main#portada div.news-flex{
	display: flex;
	max-height: 420px;	
}
main#portada div.news-flex section#zona_1_3{
	flex:60%;
	order: 2;
	background-color: #B01131;
}
main#portada div.news-flex section div#carouselUcm{
	width: 100%;
}
main#portada div.news-flex section div.carousel .item {
  width: 100%;
  max-height: 420px;
}
main#portada div.news-flex section div.carousel .item figure{
	width: 100%;
}
main#portada div.news-flex section div.carousel .item img{
	width: 100%;
	height: 420px;
	object-fit: cover;
}

main#portada div.news-flex section div#carouselUcm div.carousel-inner article.item div.news1_txt{
	background-color: rgba(176,17,49,0.85);
	color: #fff;
	font-weight: 600;
	padding:1em;
	font-size:0.85em;
	margin:0;
}
main#portada div.news-flex section div#carouselUcm div.carousel-inner article.item div.news1_txt h3{
	font-size: 1.35em;
	margin: 0;
}
main#portada div.news-flex section div#carouselUcm div.carousel-inner article.item div.news1_txt h3 a{
  color: #fff;
}
main#portada div.news-flex section div#carouselUcm ol.carousel-indicators{
  display:none;
  top: inherit;
  bottom: 30px;
}
main#portada div.news-flex #subzona_2_1, main#portada div.news-flex #subzona_2_2{
	flex:20%;
}
main#portada div.news-flex section:nth-child(odd){
	flex-grow: 2;
}
main#portada div.news-flex section:nth-child(even){
	flex-grow: 4;
}

main#portada div.news-flex #subzona_2_1{
	order: 1;
}
main#portada div.news-flex #subzona_2_2{
	order: 3;
}
main#portada div.news-flex section.news2{
	position: relative;
	float: none;
	width: auto;
	margin: 0 20px 0 0;
	padding: 0;
}
main#portada div.news-flex section.news2:last-child{
	padding: 0 0 0 20px;
	margin: 0;
	float: none;
	width: auto;
}
main#portada div.news-flex section.news2:last-child::before{
	display: inherit;
	content: none;
}
main#portada div.news-flex section.news2 > header{
	display: none;
}
main#portada div.news-flex section.news2 article{
	position: relative;
	overflow: hidden;
	height: 200px;
	margin-bottom: 20px;
}
main#portada div.news-flex section.news2 article:last-child {
  border-top: 1px solid #fff;
  margin-bottom: 0px;
}
main#portada div.news-flex section.news2 article header{
	position: absolute;
	bottom: 0px;
	width: 100%;
}
main#portada div.news-flex section.news2 article header h3{
	display:flex;
	flex-direction: row;
	align-items: center;
	padding: 10px;
	font-size: 1em;
	min-height: 50px;
	margin: 0;
	background-color: rgba(176,17,49,0.85);
}
main#portada div.news-flex section.news2 article header h3 a{
  color: #fff;
  text-decoration: none;
  text-align:justify;
}
main#portada div.news-flex section.news2 article header p{
	font-size: 0.95em;
	margin: 0.2em 0 0 0.3em;
	color: #666;
}
main#portada div.news-flex section.news2 article figure{
	overflow: hidden;
}
main#portada div.news-flex section.news2 article figure img{
	width: 100%;
	height: 200px;
	object-fit: cover;
}
main#portada div.news-flex section.news2 article figure img.img_not_sec_vert{
	max-width: inherit;
	height: 200px;
}
main#portada div.news-plus{
	position: relative;
	width: 100%;
	display: flex;
}
main#portada div.news-plus section#eventos{
	position: relative;
	order: 1;
	min-width: 60%;
	margin: 2.2em 0;
}
main#portada div.news-plus section#eventos header h2{
	display: block;
	background-color: #fff;
	color: #B01131;
	padding: 0 0 0.3em 0;
	margin: 0 0 0.6em 0;
	text-transform: initial;
	font-size: 1.4em;
	border-bottom: 1px solid #e5e5e5;
}
main#portada div.news-plus section#eventos header h2 a{
	color: #B01131;	
}
main#portada div.news-plus section#eventos header h2 a:hover{
	color: #B01131;
	text-decoration: none;
}
	
main#portada div.news-plus section#eventos header img{
	position: absolute;
	top: 5px;
	right: 70px;
	height: 23px;
}
main#portada div.news-plus section#eventos ul{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(17%, 1fr));
	grid-gap: 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

main#portada div.news-plus section#eventos ul li div.fecha{
	position:absolute;
	background-color: rgba(176,17,49,0.85);
	padding: 5px !important; /*forzar al de ucm.css*/
	color: #fff;
	padding: 0;
	font-size: 0.9em;
	font-weight:500;
	z-index: 1;
}
main#portada div.news-plus section#eventos ul li div.evento{
	margin: 0;
	padding: 0;
}
main#portada div.news-plus section#eventos ul li div.evento a{
	color: #454545;
	font-size: 0.9em;
}
main#portada div.news-plus section#eventos ul li div.evento a:hover{
	text-decoration: none;
}
main#portada div.news-plus section#eventos ul li div.evento span{
	display: none;
}
main#portada div.news-plus section#eventos ul li div.evento figure{
	overflow: hidden;
	margin-bottom: 0.4em;
}
main#portada div.news-plus section#eventos ul li div.evento figure img{
	margin: 0;
	width: 100%;
	height: 100px;
	object-fit: cover;
}

main#portada div.news-plus section#eventos .ver{
	display:block;
	-webkit-transition: display 2s ;
	-o-transition: display 2s ;
	transition: display 2s ;
}
main#portada div.news-plus section#eventos .oculta{
	display:none;
}
main#portada div.news-plus section#eventos .ev-left{
	    right: 30px;
}
main#portada div.news-plus section#eventos .ev-right{
	    right: 0px;
}
main#portada div.news-plus section#eventos .ev-carousel-cursor-si{
	cursor: pointer;
}
main#portada div.news-plus section#eventos .ev-carousel-cursor-no{
	cursor: not-allowed;
}
main#portada div.news-plus section#eventos .ev-carousel-control{
	position: absolute;
    bottom: 0px;
    color: #B01131;
    font-size: 1.5em;
    top: 0px;
    left: unset;
}
main#portada div.news-plus section#eventos .ev-carousel-control:hover,main#portada div.news-plus section#eventos .ev-carousel-control:focus{
	text-decoration: none;
	color: #454545;
}

main#portada div.news-plus section#news3{
	position: relative;
	order: 2;
	width: auto;
	margin: 1.7em 0 0 2.2em;
	padding: 0 0 2.2em 0;
}
main#portada div.news-plus section#news3 header h2{
	display: block;
	background-color: #fff;
	color: #B01131;
	padding: 0 0 0.3em 0;
	text-transform: initial;
	margin-left: 0;
	font-size: 1.4em;
	border-bottom: 1px solid #e5e5e5;
}
main#portada div.news-plus section#news3 header h2 a{
	color: #B01131;	
}
main#portada div.news-plus section#news3 header h2 a:hover{
	color: #B01131;
	text-decoration: none;
}
main#portada div.news-plus section#news3 ul{
	font-size: 1.1em;
	margin-bottom:0px;
	padding-inline-start: 1em;
}
main#portada div.news-plus section#news3 ul li {
	margin-bottom: 1em;
}
main#portada div.news-plus section#news3 ul li a, main#portada div.news-plus section#news3 ul li a:hover, main#portada div.news-plus section#news3 ul li a:visited, main#portada div.news-plus section#news3 ul li a:link{
  color: #454545;
  text-decoration: none;
  font-size:0.85em;
  line-height: 1em;
}
main#portada div.news-plus section#news3 ul.enlaces-noticias{
	margin: 0 0 0 20px;
	position: absolute;
	top:3px;
	right:0;
}
main#portada div.news-plus section#news3 ul.enlaces-noticias li{
	float: none;
	width: 49%;
	height: inherit;
	display: inline-block;
}
main#portada div.news-plus section#news3 ul.enlaces-noticias li:last-child {
  text-align: right;
  font-family: inherit;
  font-size: inherit;
}
main#portada div.news-plus section#news3 ul.enlaces-noticias li:nth-child(2) {
  top: 0;
}
main#portada div.news-plus section#news3 ul.enlaces-noticias li:first-child img {
  max-width: unset;
  width:auto;
  height: 15px;
}
main#portada div.news-plus section#news3 ul.enlaces-noticias li:last-child a{
	color: #B01131;
}

main#portada section#news4{
  width: 100%;
  margin: 0 auto 40px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
main#portada section#news4 header{
	width: 100%;
	margin-bottom: 0;
}
main#portada section#news4 header h2{
	display: block;
	background-color: #fff;
	color: #B01131;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	text-transform: initial;
	font-size: 1.4em;
	border-bottom: solid 1px #e5e5e5;
}
main#portada section#news4 header h2 a{
	color: #B01131;	
}
main#portada div.news-plus section#news3 header h2 a:hover{
	color: #B01131;
	text-decoration: none;
}
main#portada section header.zo_visible, aside#pie_mapa header.zo_visible{
	display: none;
}
main#portada section#news4 article {
	width: 32.3%;
	position: relative;
}
main#portada section#news4 article figure {
	position: relative;
	max-height: 200px;
	overflow: hidden;
}
main#portada section#news4 article figure img{
  width: 100%;
}
main#portada section#news4 article h3{	
	font-size: 1em;
	position: absolute;
	bottom:0;
	margin:0;
	width:100%;
	background-color: rgba(176,17,49,0.85);
	padding: 10px;
}
main#portada section#news4 article a, main#portada section#news4 article a:hover, main#portada section#news4 article a:visited, main#portada section#news4 article a:link{
  color: #fff;
  text-decoration: none;
}

main#portada section.recursos{
	margin-top: 2em;
	margin-bottom: 0;
}
main#portada section.recursos .directos {
	margin-top: 1em;
	margin-bottom: 0;
	background-color: rgba(176,17,49,0.85);
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: 1em;
}

main#portada section.recursos .directos img{
	max-width: 100%;
	max-height: 80px;
}
main#portada section.recursos .directos ul li{
	display: block;
	text-align: center;
	margin: 0 1em;
}
main#portada section.recursos .directos ul li span{
	display: block;
	margin: 0 0 10px;
}
main#portada section.recursos .directos ul.di_bloque1, main#portada section.recursos .directos ul.di_bloque2{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	list-style: none;
}
main#portada section.recursos .directos ul.di_bloque1{
	flex: 75%;
} 
main#portada section.recursos .directos ul.di_bloque2{
	flex: 25%;
}
main#portada section.recursos .directos ul.di_bloque2 img{
	background-color: #fff;
	border-radius: 12px;
	padding: 2px 12px;
}
main#portada section.recursos .directos a{
	text-align: center;
	color: #fff;
}
main#portada section.recursos .directos ul li a:hover {
    text-decoration: none;
}
main#portada section#news5{
	margin: 40px 0 0 0;
	padding: 0;
}
main#portada section#news5 article{
	position: relative;
}
main#portada section#news5 article figure a, main#portada section#news5 article figure a img{
  width: 100%;
}
main#portada section#news5 article h3 {
  position: absolute;
  bottom: 0;
  background-color: rgba(176,17,49,0.85);
  font-size: 1.5em; 
  width: 100%;
  text-align: left;
  padding: 10px 20px;
  margin: 0;
}
main#portada section#news5 h3 a{
  color: #fff;
  padding: 0.1em 0.3em;
}
main#portada section#news5 h3 a:hover{
  text-decoration: none;
}
main#portada section#news5 h3 a:visited{
  text-decoration: none;
}
main#portada section#avisos_top{
  position: relative;
  width: 60%;
  margin: 80px 0 40px 0;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
}
main#portada section#avisos_top header{
	position: absolute;
    margin-bottom: 0px;
    top: -75px;
}
main#portada section#avisos_top header h2{
	width: 1400px;
	display: inline-block;
	background-color: #fff;
	color: #B01131;
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 0 5px 0;
	font-size: 1.4em;
}
main#portada section#avisos_top header h2 a{
	color: #B01131;	
}
main#portada div.news-plus section#news3 header h2 a:hover{
	color: #B01131;
	text-decoration: none;
}
main#portada section#avisos_top article {
	width: 32%;
	height: 175px;
	position: relative;
}
main#portada section#avisos_top article:nth-child(odd) {
    margin: 0 10px;
}
main#portada section#avisos_top article figure {
	position: relative;
	height: 175px;
	overflow: hidden;
}
main#portada section#avisos_top article figure img{
  width: 100%;
}
main#portada section#avisos_top article h3{
	position: absolute;
    bottom: 0;
	width:100%;
	margin:0;
	padding:10px;
	background-color:rgba(176,17,49,0.85);
	font-size: 1em;
}
main#portada section#avisos_top article a, main#portada section#avisos_top article a:hover, main#portada section#avisos_top article a:visited, main#portada section#avisos_top article a:link{
  color: #fff;
  text-decoration: none;
  display:block;
  position:relative;
}
main#portada section#avisos{
	top: 71px;
	border: 0;
    width: 39%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 71px;
}
main#portada section#avisos header{
	display: none;
}
main#portada section#avisos ul{
	margin-bottom: 0px ;
    position: relative;
    font-size: 1.1em;
    padding-inline-start: 22px;
}
main#portada section#avisos ul li {
    margin-bottom: 1em;
}
main#portada section#avisos ul li a{
	color: #454545;
    font-size: 0.85em;
    line-height: 1em;
    text-decoration:none;
}

aside#pie_mapa {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	padding: 20px;
	max-width: 1400px;
	width: 100%;
	background-color: #fff;
	font-size: 1.1em;
	justify-content: space-between;
	border-top:1px solid #e5e5e5;
}
aside#pie_mapa nav{
	width: 33%;
}
aside#pie_mapa h3 {
	color: #B01131;
	font-size: 1em;
	border-bottom:1px solid #e5e5e5;
}
aside#pie_mapa ul{
	list-style: none;
	margin-bottom: 0 ;
    padding-inline-start: 0px;
}
aside#pie_mapa ul ul {
    padding-inline-start: 20px;
}
aside#pie_mapa span {
	font-weight: bold;
}

aside#pie_mapa nav ul li a{
	color: #454545;
	text-decoration: none;
}
aside#pie_mapa  nav ul li ul li{
	line-height: 18px;
}

aside#pie_mapa  nav ul li ul li a {
	color: #454545;
	font-size: 0.9em;
	line-height: 1.5em;
}
aside#pie_mapa  nav ul.ul-negro a {
	color: #fff;
}

@media only screen and (max-width: 2355px)  {
	main#portada section#eventos ul {
	  grid-template-columns: repeat(auto-fill, minmax(17%, 1fr));
	}
}
@media only screen and (max-width: 1977px)  {
	main#portada section#eventos ul {
	  grid-template-columns: repeat(auto-fill, minmax(17%, 1fr));
	}
}
@media only screen and (max-width: 1664px)  {
	main#portada section#eventos ul {
	  grid-template-columns: repeat(auto-fill, minmax(17%, 1fr));
	}
}

@media (max-width: 1200px) {
	main#portada div.news-flex{
		flex-wrap: wrap;
		max-height: inherit;
	}
	main#portada div.news-flex section#zona_1_3{
		flex:100%;
		order: 1;
		margin-bottom: 1em;
	}
	main#portada div.news-flex #subzona_2_1, main#portada div.news-flex #subzona_2_2{
		flex:50%;
	}
	main#portada div.news-flex #subzona_2_1{
		order: 2;
	}
	main#portada div.news-flex #subzona_2_2{
		order: 3;
	}
	main#portada div.news-flex section.news2 {
		margin: 0;
	}
	
	main#portada div.news-plus {
	  width: 100%;
	  flex-wrap: wrap;
	}
	main#portada div.news-plus section#eventos {
	  flex-grow: unset;
	  margin: 4em 2.5em 2em 2.5em;
	  order: 1;
	}
	main#portada div.news-plus section#news3 {
	  flex-grow: unset;
	  margin-left: 0;
	  order: 2;
	}
	main#portada div.news-plus section#news3 ul{
	  padding: 0px 20px;
	}

	main#portada section.recursos .directos {
	  flex-direction: unset;
	  height: unset;
	  flex-wrap: wrap;
	}
	main#portada section.recursos .directos img{
		max-height: 60px;
	}
	main#portada section.recursos .directos p {
		margin: 0 0 10px;
		font-size: 0.9em;
	}
	main#portada section.recursos .directos ul.di_bloque1 {
	  flex: 100%;
	  justify-content: center;
	  order: 2;
	  padding: 0 0.5em;
	}
	main#portada section.recursos .directos ul.di_bloque2 {
	  flex: 100%;
	  justify-content: center;
	  order: 1;
	  margin: 0;
	  padding: 0;
	}
	
}
@media (max-width: 767px)  {
	.carousel .item figure {
		max-height: 300px;
	}
	main#portada div.news-plus section#news3 header h2,main#portada div.news-plus section#eventos header h2, main#portada section#news4 header h2, main#portada section#news5 header h2,main#portada section#avisos_top header h2{
		padding-left:20px;
	}
	main#portada div.news-flex section div#carouselUcm div.carousel-inner article.item div.news1_txt {
		padding: 10pxx;
		font-size: 0.9em;
		position: absolute;
		min-height:50px;
		display:flex;
		align-items:center;
	}
	main#portada div.news-flex {
    	max-height: unset;
	}
	main#portada div.news-flex section div.carousel .item img {
		height: 300px;
	}
	main#portada div.news-flex section.news2 article figure img {
		height: inherit;
	}
	main#portada div.news-plus section#eventos {
		margin: 45px 5px;
		width:100%;
	}
	main#portada div.news-plus section#eventos header img{
		height:20px;
	}
	main#portada div.news-plus section#eventos ul {
		grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
	}
	main#portada div.news-plus section#eventos ul li {
		display: flex;
		text-align: left;
	}
	main#portada div.news-plus section#eventos ul li.ver {
		display: flex;
	}
	main#portada div.news-plus section#eventos ul li div.fecha {
		flex: 20%;
		border-right: 1px solid #e2e2e2;
	}
	main#portada div.news-plus section#eventos ul li div.evento {
		flex: 80%;
		box-shadow: 0px 5px 5px 0px #cccccc;
	}
	main#portada div.news-plus section#eventos ul li div.evento figure {
		display: inherit;
	}
	main#portada div.news-plus section#eventos ul li div.evento a {
    	color: #454545;
    	font-size: 0.9em;
    	min-height: 60px;
    	display: block;
    	overflow: hidden;
    	padding: 5px 20px;
	}
	main#portada div.news-plus section#eventos .ev-carousel-control {
		bottom: 35%;
	}
	main#portada section#news4 {
		width: 100%;
		justify-content: unset;
	}
	main#portada section#news4 article{
		width: 31%;
		margin: 0.3em auto;
		height: fit-content;
	}
	main#portada section#news4 article figure img{
		max-width: 100%;
		height: 200px;
		object-fit:cover;
	}
	main#portada section#news4 article h3 {
	    min-height: 52px;
		display:flex;
		align-items: center;
		font-size: 1em;
		padding: 10px 4px 10px 8px;
	}
	main#portada section.recursos .directos ul.di_bloque1, main#portada section.recursos .directos ul.di_bloque2 {
		padding: 0 40px;
	}
	main#portada section.recursos .directos ul li {
		display: flex;
	    flex-direction: column;
	    width: 40%;
	}
	main#portada section#news5 article {
		position: relative;
	}
	main#portada section#news5 article figure {
		max-height: 300px;
		overflow: hidden;
		position: relative;
	}
	main#portada section#news5 article figure a img{
    	max-width: 100%;
    	object-position: center;
    	object-fit: cover;
    	height: 300px;
	}
	main#portada section#news5 article h3 {
	    min-height: 52px;
		top:unset;
		bottom: 0;
		font-size: 1em;
		padding: 10px 4px 10px 8px;
	}
	main#portada section#avisos_top {
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		padding: 10px 0 10px 0;
		display: flex;
    justify-content: space-between;
	}
	main#portada section#avisos_top header{
		position: relative;
	    margin-bottom: 0px;
	    top: inherit;
	}
	main#portada section#avisos_top article{
		width: 31%;
		/*margin: 0 0 1em 0.3em;*/
	}
	main#portada section#avisos_top article figure img{
		width: 100%;
		max-width: 100%;
		height:200px;
		object-fit:cover;
	}
	main#portada section#avisos_top article h3 {
		min-height: 52px;
		font-size: 1em;
		padding: 10px 4px 10px 8px;
	}
	main#portada section#avisos_top header{
    	width: 100%;
	}
	main#portada section#avisos_top header h2 {
    	width: 100%;
    	max-width: 760px;
    	margin-top:20px;
	}
	main#portada section#avisos_top header h2 a{
		color: #B01131;	
	}
	main#portada div.news-plus section#news3 header h2 a:hover{
		color: #B01131;
		text-decoration: none;
	}	
	main#portada section#avisos_top article, main#portada section#avisos_top article figure {
		height: fit-content;
	}
	main#portada section#avisos {
		width: 100%;
		margin: 0 auto 1em auto;
		top: auto;
	}
	aside#pie_mapa nav{
		width: 100%;
	}
	footer#pie nav#pie_4 , footer#pie nav#pie_contacto ul{
        flex-direction: column;
	}
}

@media (max-width: 550px) {
	main#portada div.news-flex #subzona_2_1, main#portada div.news-flex #subzona_2_2 {
		flex: 100%;
		margin: 0 1em;
		padding: 0;
		height: auto;
	}
	main#portada div.news-flex section.news2 article {
		height: auto;
		border-bottom: 1px solid #F1EDED;
		margin-bottom: 1em;
		padding-bottom: 1em;
	}
	main#portada div.news-flex section.news2 article figure {
		position: relative;
		float: left;
		width: 35%;
		max-height: 100px;
	}
	main#portada div.news-flex section.news2 article header {
		position: relative;
		float: left;
		width: 65%;
		padding-left: 14px;
		bottom: inherit;
		text-align: left;
		background-color: #fff;
	}
	main#portada div.news-plus section#news3 {
		margin-top: 0;
	}
	main#portada section.recursos .directos ul.di_bloque1, main#portada section.recursos .directos ul.di_bloque2 {
        padding: 0;
    }
}
@media (max-width: 320px) {
	main#portada div.news-flex #subzona_2_1, main#portada div.news-flex #subzona_2_2 {
		flex: 100%;
		height: auto;
	}
	
}
