/* Noticias */
#noticias{
	margin-top: 15px;
}
#noticias a:hover,
#noticias a:focus{
	text-decoration: none;
}
#noticias .img{
	background-image: url("../img/fondo_1.jpg");
	background-size: cover;
	background-position: 50% 50%;
	height: 200px;
	position: relative;
	left: -15px;
	width: calc(100% + 30px);

}
@media (min-width: 768px) {
	#noticias .img{
		width: 100%;
		height: 286px;
		margin: 0px auto; 
		left: 0px;
	}
}
@media (min-width: 1200px) {
	#noticias .img{
		height: 357px;
	}
}
@media (min-width: 2000px) {
	#noticias .img{
		height: 714px;
	}
}
#noticias .titulo{
	font-size: 12.51px;
	line-height: 39.96px;
	color: #262261;
}
@media (min-width: 768px) {
	#noticias .titulo{
		font-size: 18.47px;
		line-height: 50px;
	}
}
@media (min-width: 1200px) {
	#noticias .titulo{
		font-size: 23.07px;
		line-height: 73px;
	}
}
@media (min-width: 2000px) {
	#noticias .titulo{
		font-size: 46.17px;
		line-height: 147px;
	}
}
#noticias .fecha{
	font-size: 7.7px;
	margin-bottom: 18px;
	color: #58595B;
}
@media (min-width: 768px) {
	#noticias .fecha{
		font-size: 11.37px;
		margin-bottom: 18px;
	}
}
@media (min-width: 1200px) {
	#noticias .fecha{
		font-size: 14.2px;
		margin-bottom: 20px;
	}
}
@media (min-width: 2000px) {
	#noticias .fecha{
		font-size: 28.4px;
		margin-bottom: 40px;
	}
}
#noticias .cuerpo{
	font-size: 11px;
	line-height: 13.81px;
	text-align: justify;
	margin-bottom: 33px;
	color: #58595B;
}

@media (min-width: 768px) {
	#noticias .cuerpo{
		font-size: 12px;
		line-height: 15px;
	}	
}
@media (min-width: 1200px) {
	#noticias .cuerpo{
		font-size: 13.31px;
		line-height: 16px;
		margin-bottom: 60px;
	}
}
@media (min-width: 2000px) {
	#noticias .cuerpo{
		font-size: 26.62px;
		line-height: 32px;
		margin-bottom: 120px;
	}
}

/* Publicacion */
#publicacion{
	
	padding-bottom: 40px;
}
#publicacion a:hover,
#publicacion a:focus{
	text-decoration: none;
}
#publicacion .img{
	background-image: url("../img/fondo_1.jpg");
	background-size: cover;
	background-position: 50% 50%;
	height: 200px;
	position: relative;
	left: -15px;
	width: calc(100% + 30px);

}
@media (min-width: 768px) {
	#publicacion .img{		
		height: 415px;
		margin: 0px auto; 
		/*left: -24px;
		width: calc(100% + 48px);*/
	}
}
@media (min-width: 992px) {
	#publicacion .img{
		height: 400px;
	}
}
@media (min-width: 1200px) {
	#publicacion .img{
		height: 575px;
	}
}
@media (min-width: 2000px) {
	#publicacion .img{
		height: 1150px;
	}
}
#publicacion .titulo{
	font-size: 12.51px;
	line-height: 39.96px;
	color: #262261;
	position: relative;
}
@media (min-width: 768px) {
	#publicacion .titulo{
		font-size: 22.82px;
		line-height: 50px;
	}
}
@media (min-width: 992px) {
	#publicacion .titulo{
		font-size: 30.39px;
		line-height: 66px;
	}
}
@media (min-width: 1200px) {
	#publicacion .titulo{
		font-size: 37.97px;
		line-height: 83px;
	}
}
@media (min-width: 2000px) {
	#publicacion .titulo{
		font-size: 76px;
		line-height: 166px;
	}
}
#publicacion .fecha{
	font-size: 7.7px;
	margin-bottom: 18px;
	color: #58595B;
}
@media (min-width: 768px) {
	#publicacion .fecha{
		font-size: 11.37px;
		margin-bottom: 35px;
	}
}
@media (min-width: 992px) {
	#publicacion .fecha{
		font-size: 18.7px;
		margin-bottom: 58px;
	}
}
@media (min-width: 1200px) {
	#publicacion .fecha{
		font-size: 23.37px;
		margin-bottom: 58px;
	}
}
@media (min-width: 2000px) {
	#publicacion .fecha{
		font-size: 46.76px;
		margin-bottom: 116px;
	}
}
#publicacion .cuerpo{
	font-size: 11px;
	line-height: 15.81px;
	text-align: justify;
	margin-bottom: 28px;
	color: #58595B;
}

@media (min-width: 768px) {
	#publicacion .cuerpo{
		font-size: 12px;
		line-height: 15px;
		margin-bottom: 60px;

	}	
}
@media (min-width: 992px) {
	#publicacion .cuerpo{
		/*width: 70%;*/
	}
}

@media (min-width: 1200px) {
	#publicacion .cuerpo{
		font-size: 16.03px;
		line-height: 20px;
		margin-bottom: 60px;
	}
}
@media (min-width: 2000px) {
	#publicacion .cuerpo{
		font-size: 32.07px;
		line-height: 40px;
		margin-bottom: 120px;
	}
}
#publicacion .iconos{
	margin-bottom: 30px;
}

#publicacion .icon{
	background-size: 100%; 
	height: 20px;
	width:  20px;
	display: inline-block;
	background-repeat: no-repeat; 
	margin-left: 8px;
}
@media (min-width: 992px) {
	#publicacion .icon{
		height: 26px;
		width:  26px;
	}
}
@media (min-width: 1200px) {
	#publicacion .icon{
		height: 34.4px;
		width:  33.4px;
	}
}
@media (min-width: 2000px) {
	#publicacion .icon{
		height: 67.4px;
		width:  66.4px;
	}
}

#publicacion .icon-facebook{
	background-image: url(../img/icon-facebook-azul.png); 
}
#publicacion .icon-google{
	background-image: url(../img/icon-google-azul.png); 
}
#publicacion .icon-twitter{
	background-image: url(../img/icon-twitter-azul.png); 
}

#publicacion .boton{
	
	font-size: 8.19px;
	line-height: 9.82px;
	color: white;
	background-color: #262261;
	display: inline-block;
	vertical-align: top;
    padding: 7px 8.8px;
    position: relative;
    top: -1px;
    
}
@media (min-width: 992px) {
	#publicacion .boton{
		font-size: 10.9px;
		margin-left: 20px;
	}
}
@media (min-width: 1200px) {
	#publicacion .boton{
		font-size: 13.62px;
	}
}
@media (min-width: 2000px) {
	#publicacion .boton{
		font-size: 27.26px;
		padding: 14px 17.6px;
	}
}

#publicacion .boton.compartir{
	background-color: #58595b;
	margin-left: 0px;
	margin-bottom: 10px;
	height: 24px;
}
@media (min-width: 768px) {
	#publicacion .boton.compartir{
		margin-left: 10px;	
		height: initial;
		position: relative;
		top: -3px;
	}
}

@media (min-width: 992px) {
	#publicacion .boton.compartir{
		top: 0px;
		height: 30px;
	}
}
@media (min-width: 1200px) {
	#publicacion .boton.compartir{
		top: 0px;
		height: 32px;
	}
}
@media (min-width: 2000px) {
	#publicacion .boton.compartir{
		height: 66px;
		top: 5px;
	}
}

#publicacion .boton .flecha{
	width: 13.8px;
	margin-right: 5px;
}
@media (min-width: 992px) {
	#publicacion .boton .flecha{
		width: 18.4px;
		margin-right: 5px;
	}	
}
@media (min-width: 1200px) {
	#publicacion .boton .flecha{
		width: 23px;
		margin-right: 5px;
	}	
}
@media (min-width: 2000px) {
	#publicacion .boton .flecha{
		width: 46px;
		margin-right: 10px;
	}	
}
#publicacion .fecha .icon:first-child{
	margin-left: 30px;
}
#publicacion .fecha .icon{
	vertical-align: top;
	margin-left: 15px;
}
@media (min-width: 992px) {
	#publicacion .fecha .icon{
		vertical-align: middle;
	}
}
#publicacion .titulo .boton{
	right: 0px;
	position: absolute;
	bottom: 0px;
	top: inherit;
}