body {
	margin: 0; 
	padding: 0; 
	font-family: 'Merriweather', serif;
	background: #eeeeee;
	}

img {max-width:100%;}	

a {color: #0067A2;}
a:hover {color: #444;}
a, a:visited, a:hover {text-decoration: none;}

.clearfix {clear: both;}
.contenido {width: 80%; margin: 0 auto;}
.pullleft {float: left;}
.pullright {float: right;}


/* --------------- */
/* --------------- */
/* --- CAMBIOS --- */
/* --------------- */
/* --------------- */


.logo_wrapp {text-align: center; margin: 40px auto 0px;}
.logo_enca {max-width: 400px; margin-top: 30px;}

.menu {
	text-align: center; 
	margin-top: 20px; 
	width: 100%; 
	border-top: 1px solid #0067A2;
	border-bottom: 1px solid #CCC;
	}

.menu ul {padding: 0; margin: 0;}	

.menu li {
	list-style: none; 
	display: inline-block; 
	margin-right: 5px;
	padding: 10px 0;}
	
.menu li:after {content: '|'; display: block; float: right; padding-left: 7px;}
.menu li:last-child:after {display: none;}

.contenido_noticias {margin: 30px auto;}

.noti {width: 30%; float:left; padding:1%;}
.noti:hover .img_wrap > img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;	
}

.img_wrap {
	position: relative; 
	display: block; 
	padding-top: 100%; 
	overflow: hidden;
	}
	
.img_wrap::before {
	position: absolute;
	top:0;
	content: '';
	display: block;
	
	background: rgba(135,72,120,0);
	background: -moz-linear-gradient(top, rgba(135,72,120,0) 0%, rgba(77,41,68,0) 43%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(135,72,120,0)), color-stop(43%, rgba(77,41,68,0)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(135,72,120,0) 0%, rgba(77,41,68,0) 43%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(135,72,120,0) 0%, rgba(77,41,68,0) 43%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(135,72,120,0) 0%, rgba(77,41,68,0) 43%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(135,72,120,0) 0%, rgba(77,41,68,0) 43%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#874878', endColorstr='#000000', GradientType=0 );

	min-height: 100%;
	min-width: 100%;
	z-index: 8;
}	



.img_wrap img {
	position: absolute; 
	top: 0; 
	min-width: 100%;
	height: auto;
	
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 7;

}

	
.img_wrap h1 {
	position:absolute;
	bottom: 20px; 
	padding: 10px 10px 5px; 
	z-index: 9; 
	color: #FFF;
	font-size: 28px;
	width: 95%;
	text-align: center;
}	
	
	
.img_wrap:hover h1 {color: #0067A2; /*#874878;text-shadow: 0 0 8px #333;*/}	

.img_wrap p {
	position:absolute;
	top: 0; 
	right: 0;
	padding: 5px 10px; 
	margin:0;
	z-index: 9; 
	font-size: 20px;
	background: rgba(0,103,162,.65);
	color: #FFF;}	


.pie {}
.link-ec {text-align: center; margin: 40px auto;}
.ec-link-img {width: 120px;}


@media(max-device-width:520px) {
	body {padding: 0 15px;}
	.logo_enca {max-width: 100%;}
	.logo_wrapp {margin: 80px auto 60px;}
	.contenido {width: 100%;}
	.noti {width: 95%; float:none; padding:2.5%;}
	.noti h1 {bottom: 52px;}
	.ec-link-img {width: 30%;}
}



/* ------------------------------- */
/* ------------------------------- */
/* Pie / Compartir Redes Secciones */
/* ------------------------------- */
/* ------------------------------- */

.redes_pie_seccion {margin-top: 20px;}
.redes_pie_seccion a {
	width: 40px; 
	height: 40px;
	border-radius: 50%;
	display: inline-block;
	}

.redes_pie_seccion a.fbook {background: #777 url(../images/fb_w.png) no-repeat center; background-size: 20%;}
.redes_pie_seccion a.fbook:hover {background: /*--*/ #0067A2 url(../images/fb_w.png) no-repeat center; background-size: 20%;}

.redes_pie_seccion a.twitt {background: #777 url(../images/tw_w.png) no-repeat center; background-size: 40%;}
.redes_pie_seccion a.twitt:hover {background: /*--*/ #0067A2 url(../images/tw_w.png) no-repeat center; background-size: 40%;}

.redes_compar {text-align:center; margin: 15px auto;}
.redes-fb {display: inline-block; width: auto;}
.redes-tw {display: inline-block; padding-top: 1.6px; margin-left:0px; width: auto;}


/* ------------------------------- */
/* ------------------------------- */