body {
	margin: 0; 
	padding: 0; 
	font-family: 'Roboto', sans-serif;
	background: url(images/fondo.jpg) no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	color: #eee;

	}

img {max-width:100%;}	

a {color: #008DC1;}
a:hover {color: #ccc;}
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: 0px auto 0px;}
.logo_enca {max-width: 400px; margin: 30px auto;}

.menu {
	text-align: center; 
	margin-top: 20px; 
	width: 100%; 
	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;}

.menu li a, .copyright a {color: #EEE;}
.menu li a:hover, .copyright a:hover {color: #FFF;}

.contenido_noticias {margin: 30px auto; max-width: 70%;}

.noti {
	background: #FFF;
	color: #333;
	width: 30%;
	float: left;
	padding: 0 0 3%;
	margin: 0 1.5%;
	border-radius: 0px 0px 0px 10px;
	
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;	

}

.noti:hover {
	-webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.5);
	
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;	
}

.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;	
}

.noti:hover .img_wrap p,
.noti:hover .simbolo_mas {background: #333333;}
.noti:hover .enlace_articulo a {color:#333333;}
.noti:hover .enlace_articulo {border-top: 1px #333333 solid;}

.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: 25px; 
	padding: 10px 10px 5px; 
	z-index: 9; 
	color: #FFF;
	font-size: 28px;
	width: 95%;
	text-align: center;
}	
	
.img_wrap:hover h1 {color: #FF0055; /*text-shadow: 0 0 8px #333;*/}	

.img_wrap h3 {
	color: #FFF;    
	position: absolute;
    bottom: 2px;
    padding: 10px 5px 0;
    z-index: 9;
    font-size: 20px;
	font-weight: lighter;
    width: 95%;
    text-align: center;}

.img_wrap p {
	position:absolute;
	top: 0; 
	right: 0;
	padding: 5px 10px; 
	margin:0;
	z-index: 9; 
	font-size: 20px;
	background: #008dc1/*rgba(193,0,25,1)*/;
	color: #FFF;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	}	

.ganadores_categorias {
	height: 0;
	width: 100%;
    overflow: hidden;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.ganadores_categorias h2,
.ganadores_categorias h4 {	
	padding: 0 10px;
}

.mas_ganadores {}
.mas_ganadores:hover {}

.mas_ganadores:hover .ganadores_categorias {
	height: auto;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.simbolo_mas {
	padding: 5px 0px; 
	background: #008dc1 /*#FF0055*/; 
	color: #FFF;
	text-align: center;
	
	cursor: pointer;

	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;

	border-radius: 50%;
	margin: 0 auto;
	width: 30px;
}

.mas_ganadores:hover .simbolo_mas {
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background: #777777; 
}
	
.ganadores_categorias h2 {line-height: 1em; margin: 10px 0; font-size: 20px; color: #008DC1;}
.ganadores_categorias h4 {line-height: 1em; margin: 5px 0; font-size: .85em; font-weight: lighter;}

.enlace_articulo {padding: 10px; border-top: 1px #008DC1 solid; text-align: center;}

.enlace_articulo a {border-bottom: 0px #008DC1 solid; }
.enlace_articulo a:hover {
	border: #333333 1px solid; 
	padding: 2px 5px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;}

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

.bx-viewport {border-radius: 15px;}

@media(max-width:1024px) {
	.contenido {width: 90%;}
	.noti {width: 45%;margin: 0 2.5%;}
}

@media(max-width:768px) {
	.contenido {width: 95%;}
}

@media(max-width:520px) {
	body {padding: 0 15px;}
	.logo_enca {max-width: 100%;}
	.logo_wrapp {margin: 40px auto 60px;}
	.contenido {width: 100%;}

	.ec-link-img {width: 30%;}

	.img_wrap h1 {font-size: 25px; line-height:.9em;}
	
	.noti {width: 95%; float:none; border-radius: 0; margin: 0 auto 30px;}
	.contenido_noticias {max-width: 100%;}
}



/* ------------------------------- */
/* ------------------------------- */
/* 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: #333 url(../images/fb_w.png) no-repeat center; background-size: 20%;}
.redes_pie_seccion a.fbook:hover {background: /*--*/ #008DC1 url(../images/fb_w.png) no-repeat center; background-size: 20%;}

.redes_pie_seccion a.twitt {background: #333 url(../images/tw_w.png) no-repeat center; background-size: 40%;}
.redes_pie_seccion a.twitt:hover {background: /*--*/ #008DC1 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;margin: 50px auto 30px;}
.redes-tw {display: inline-block; padding-top: 1.6px; margin-left:0px; width: auto;}


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