a{
	color: transparent;
}
#library *{
	margin: 0px auto;
	padding: 0px;
	border: none;
	outline: none;
}

#library{
	padding: 45px 0px 20px 0px;
	background-color: #EBEBEB;
}

#library h1, #articulos h1, #noticias h1{
	color:#212121;
	font-size: 30px; 
	text-align: center;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
}

#library h1{
	margin-top:10px;
}

#articulos h1{
	margin:60px 0px;
}

#noticias h1{
	margin: 53px 0px 23px 0px;
}

#library p{
	font-size: 16px;
	color: #444;
	padding: 30px 0px;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
}

#library .wrapper{
	display:flex;
	align-items:center;
}
		
#library .wrapper .item{
	display: inline-block;
	margin: 0px -1px;
	width: 100%;
	position: relative;
	background-size: cover !important;
	background-position: center center !important;
}
		
#library .wrapper .mask{
	width: inherit;
	height: 195px;
	overflow:hidden;
	background: #333;
	padding: 15px;
	opacity: 1;
	cursor: pointer;
}

#library .wrapper .item .type{
	height:105px;
	display:flex;
	align-items:center;
	background-color:#D72130;
}

#library .wrapper .item .type .img{
	width:46px !important;
	height:46px !important;
	background-size:cover !important;
	background-repeat: no-repeat !important;
	background-position:center center !important;
	flex-shrink:0;
	margin:15px;
}

#library .wrapper .item .type h3{
	color:white;
	font-size:18px;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	overflow:hidden;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin:0px !important;

}


#library .wrapper h2{
	font-family: 'Roboto Slab', sans-serif;
	font-size: 18px;
	color: #fff;
	text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    line-height: 22px;
    height:132px;
}
#library .wrapper a.link{
	position:relative;	
	width:24%;				
}
#library .wrapper span.more,span.link{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #FFE599;
	position: absolute;
	bottom: 15px;
	right: 15px;
}

#library .wrapper span.more{
	color:#FFE599;
}


#library .wrapper i{
	margin-left: 5px;
}

#library .wrapper-show{
	text-align: center;
	padding: 40px 0px;
}

#library .wrapper-show a.button{
	display: inline-block;
	color: #fff;
	height: auto;
	padding: 12px 30px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	background-color: #D72130;
}

#show-more{
	margin-top:25px;

}

#single-visualization .carousel li{
    width: 219px;
    height: 222px;
}
#single-visualization .carousel .mask{
	width: inherit;
	height: inherit;
	background: rgba(0,0,0,.5);
	position: absolute;
	padding: 0px 20px;

	top: 0px;
	opacity: 0;
	cursor: pointer;
}

#single-visualization .carousel .mask:hover{
	-webkit-animation: fadeInFromNone 0.5s linear 1;
    -moz-animation: fadeInFromNone 0.5s linear 1;
    -o-animation: fadeInFromNone 0.5s linear 1;
    animation: fadeInFromNone 0.5s linear 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#single-visualization .carousel h2{
	font-family: 'Roboto Slab', sans-serif;
	font-size: 18px;
	color: #fff;
	text-align: left;
	padding-top: 40px;
}
#single-visualization .carousel a.link{
	position:relative;					
}
#single-visualization .carousel span.more{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #fff;
	position: absolute;
	bottom: 35px;
	left: 20px;
	border: none;
	background: transparent;
	padding: 0px;
}

#single-visualization .carousel i{
	margin-left: 5px;
}

#single-visualization .wrapper-show{
	text-align: center;
	padding: 60px 0px;
}


/*Artículos*/
#articulos{
	background:#EEEEEE;
}
#articulos .wrapper{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

#articulos .wrapper a{
	width:30%;
}

#articulos .wrapper a h2{
	font-size:22px;
	font-weight: bold;
	margin:5px 0px;
	font-family: 'Roboto Slab', sans-serif;
	height: 73px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#articulos .wrapper a .more{
	color:#D8202D;
	font-weight: bold;
	font-size:14px;
}


#articulos .item .img, #noticias .item .img{
	width:100%;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	background-position:center center !important;
}

#articulos .item .mask{
	color:#333;
	background-color:#e0e0e0;
	padding:15px;
}

#articulos .item .mask .description{
	margin-bottom:15px;
	height: 100px;
	overflow:hidden;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
#articulos .btn.more, #noticias .btn.more{
	background: #D72130;
    text-transform: none;
}

#articulos .btn.more{
	margin: 45px auto 60px auto;	
}

#noticias .btn.more{
	margin: 30px auto 60px auto;	
}

/*Noticias*/
#noticias li{
	list-style: none;
	margin:30px 0px;
}
#noticias{
	background:#E0E0E0;
}

.grid-noticias .p_descripcion{
	width:100% !important;
	color:white;
    margin: 30px 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    height: 124px;
}

.grid-noticias .p_descripcion p{
	font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    font-size: 14px;
}

#noticias .n1, #noticias .n2, .grid-noticias .n1{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

#noticias .n1 .link, .grid-noticias .n1 .link{
	width:32%;
}

#noticias .n2 .ent, .grid-noticias .n2 .ent{
	width:32%;
}

#noticias .n2, .grid-noticias .n2{
	align-items:flex-start;
}

#noticias .st .mask{
	height:129px;
}

#noticias .item .mask, #noticias .st .mask, .grid-noticias .item .mask{
	background:#333;
	padding:15px;
}

#noticias .item .mask h2, #noticias .st .mask h2, .grid-noticias .item .mask h2{
	font-size:20px;
	color:white;
	margin:5px 0px 20px;
	height: 45px;
	overflow:hidden;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#noticias .item .mask .more, #noticias .st .mask .more, .grid-noticias .item .mask .more{
	display: block;
	color:#FFE599;
	margin-top:15px !important;
	font-size:14px;
}

#noticias .st li{
	display: flex;
	justify-content: center;
	align-content:space-between;
	flex-direction:column;
}

#noticias .st li .link{
	width:100%;
}

#noticias .st li .link:first-child{
	margin-bottom:3%;
}

#noticias .st li .link:last-child{
	margin-top:3%;
}

/* Updates biblioteca */

#single-visualization header .mask .etiquetas{
	display:flex;
	align-items:center;
}

#single-visualization header .mask .etiquetas a{
	display:inline-block;
	color:white !important;
	padding:2px 10px !important;
	border:1px #fff solid !important;
	margin:5px !important;
	font-weight:bold;
}

.library-content .types{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	border-bottom:1px #D72130 solid;
	padding-bottom:40px;
	padding-left:0px;
	padding-right:0px;
}

.library-content .type{
	background:#D72130;
	color:white;
	display:flex;
	align-items:center;
	flex-shrink:0;
	width:24%;
	padding:10px 5px 10px 25px;
	font-size:16px;
	font-weight: bold;
	min-height: 86px;
	margin-top:20px !important;
	margin-bottom:20px !important;
	cursor:pointer;
}

.library-content .type .img, .listado-biblioteca .link .img, .single-biblioteca #grid-relacionadas .mask .link .img{
	width:40px;
	height:40px;
	background-repeat: no-repeat !important;
	background-size:cover !important;
	background-position: center center !important;
	margin-right:10px;
	flex-shrink:0;
}

.listado-biblioteca{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	padding-top:40px !important;
	padding-left:0px !important;
	padding-right:0px !important;
}

#grid-listado{
	justify-content:space-between;
}

.listado-biblioteca a{
	width:24%;
}

.listado-biblioteca .item{
	margin-top:20px !important;
	margin-bottom:20px !important;
}

.listado-biblioteca .item .mask{
	width: inherit;
	height: 260px;
	overflow:hidden;
	background: #333;
	padding: 0px 20px;
	opacity: 1;
	cursor: pointer;
	position:relative;
}

.listado-biblioteca .item h2{
	font-family: 'Roboto Slab', sans-serif;
	font-size: 18px;
	color: #fff;
	text-align: left;
	padding-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.listado-biblioteca .item .link, .single-biblioteca #grid-relacionadas .mask .link{
	right:0px;
	width:100%;
	display: flex;
	align-items:flex-end;
	justify-content:space-between;
	padding:0px 20px !important;
	color: #FFE599 !important;
}


.single-biblioteca #grid-relacionadas .mask .link{
	padding:0px !important;
}

/* Single biblioteca*/

.container_{
	padding:40px 10% !important;
}


.single-biblioteca .body-content{
	background:none !important;
}

.single-biblioteca .publicaciones{
	border-top:1px #AD343E solid;
	margin-top:40px !important;
}

.single-biblioteca .publicaciones h3{
	font-size:18px;
	font-weight: bold;
}

.single-biblioteca .publicaciones .publicacion{
	border:1px gray solid;
	padding:15px;
	margin:20px auto !important;
	display:flex;
	align-items:center;
	width:80%;
}

.single-biblioteca .publicaciones .publicacion .img{
	margin-right:20px !important;
}

.single-biblioteca .publicaciones .publicacion h3{
	border-bottom:1px gray solid;
	padding-bottom:15px;
	margin-bottom:15px !important;
	font-size:18px;
	font-weight: bold;
}

.single-biblioteca .publicaciones .publicacion a.download{
	margin:0px !important;
	display: flex !important;
    align-items: center;
    width: 138px;
}

.single-biblioteca{
	padding-bottom:0px !important;
}

.single-biblioteca .relacionadas .container_{
	padding-top:30px !important;
	padding-bottom:0px !important;
}

/* tablet */
@media all and (max-width: 1024px) {
	#articulos .wrapper, #noticias .n2, #noticias .n1, #library .wrapper{
		flex-wrap:wrap;
		justify-content:center;
	}
	#articulos .wrapper a, #noticias .n2 .link, #noticias .n1 .link, #library .wrapper .link{
		width:48%;
		flex-shrink:0;
	}

	#articulos .wrapper .item, #noticias .n2 .link .item, #noticias .n1 .link .item{
		margin:20px;
	}

	#noticias .n2 .st.ent{
		width:90%;
	}

	#library .wrapper .item{
		max-width: 100%;
		margin:20px 0px;
	}
	#library .wrapper a.link{
		text-align: center;
	}

	.library-content .types{
		justify-content:center;
	}

	.library-content .type, .listado-biblioteca a{
		width:31%;
		margin:1%;
	}

	.listado-biblioteca a .item{
		margin:20px 0px !important;
	}

}
@media screen and (max-width: 600px){
	/*#library .wrapper .item{
		width: 210px;
	}*/
	#articulos .item .img, #noticias .item .img{
		max-height:220px;
	}

	#articulos h1{
		margin:40px 0px 15px 0px;
	}
	#articulos .wrapper .item, #noticias .n2 .link .item, #noticias .n1 .link .item{
		margin:15px 0px;
	}
	#library .wrapper .mask{
		opacity: 1;
	}
	#library .wrapper{
		margin: 0px;
		/*height: 300px;*/
		margin-top: -50px !important;
	}
	html{
		overflow-x:hidden; 
	}
	#single-visualization .carousel .mask{
		opacity: 1;
	}

	.library-content .type, .listado-biblioteca a{
		width:85%;
		margin:0px auto;
	}

	#library h1, #articulos h1, #noticias h1{
		font-size:22px;
	}

	#articulos .wrapper a, #noticias .n2 .link, #noticias .n1 .link, #library .wrapper .link{
		width:100% !important;
	}

	#noticias .item .mask h2, #noticias .st .mask h2, .grid-noticias .item .mask h2{
		font-size:17px;
		height:auto;
		max-height:37px;
		margin:0px;
	}

	#noticias .n2 .st.ent{
		width:100%;
	}
	#articulos .wrapper a h2{
		margin-top:0px;
		margin-bottom: 13px;
		font-size:18px;
	}
	#articulos .item .mask .description{
		height:auto;
		max-height:100px;
	}
	#articulos .btn.more{
		margin:12px 0px 40px 0px;
	}
	#noticias h1{
		margin:40px 0px 15px 0px;
	}
	#noticias .btn.more{
		margin:10px 0px 40px 0px;
	}
	#library{
		padding-top:40px;
	}
	#library h1{
		margin-top:0px;
	}
	#library .wrapper h2{
		max-height:132px;
		height:auto;
	}
	#library .wrapper .mask{
		height:auto;
		max-height:195px;
		padding-bottom: 45px;
	}
	#library .wrapper-show{
		padding:0px 0px 20px 0px;
	}
	#library #show-more{
		margin-top:20px;
	}
	#noticias .st.ent li{
		margin:0px !important;
		height:auto !important;
	}
	#noticias .st li .link{
		margin:15px 0px;
	}
	.library-content .types{
		padding-bottom:20px !important;
	}
	.listado-biblioteca{
		padding-top:20px !important;
	}
	.container_{
		padding:5px 0px !important;
	}
	.listado-biblioteca .item .mask{
		max-height:260px;
		height:auto;
		padding-bottom:70px;
	}

}


/*Animaciones*/
@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}