h2 {font-size:21px;line-height:23px;margin:0;}
article {position:relative;}
.bomb {
	height:580px;
	background-size:100% auto;
	background-position:center center;
	border-bottom:1px solid #e0e0e0;
	background-repeat:no-repeat;
}
.bomb a {
	color:#212121;
}
.bomb h2 {margin:0 0 15px 0;}
.bomb .container {height:100%;}
.bomb .pic {display:none;}
.bomb article {
	position:absolute;
	bottom:0;
	left:0;
	width:60%;
	background:rgba(240,240,240,0.7);
	color:#212121;
	padding:15px 20px;
}
.bomb header {
	display:inline-block;
	margin:0 0 10px;
}

.article-info {padding:10px 0 0;}
.article-info strong {display:block;padding:3px 0 0 10px;font-size:13px;line-height:20px;color:#212121;float:left;}
.article-info strong i {margin:0 4px 0 0;color:#317D43;}

.article-info .category {float:left;}
.article-info .share a {float:left;}

.share {display:inline;}
/*article .share {position:absolute;top:5px;right:5px;z-index:11;}*/
article .share a {color:#fff;font-size:17px;background:rgba(0,0,0,0.5);margin:0 0 0 3px;/*padding:3px 2px 3px 6px;*/text-align:center;}
article .share a:hover {background:rgba(227,108,11,0.8);}
article .share a.fb:hover {background:#3A629C;}
article .share a.tw:hover {background:#008CF0;}
article .article-image {position:relative;}
main {
	position:relative;
}

/*.skycrapper {
	position:absolute;
	top:10px;
	right:-280px;
}*/




#rails {padding:25px 0;border-bottom:1px solid #e0e0e0;margin-bottom:-1px;}
#rails .left,
#rails .right  {width:20%;}
#rails .left   {border-right:1px solid #e0e0e0;}
#rails .right  {border-left:1px solid #e0e0e0;}
#rails .middle {width:60%;float:left;}
#rails .middle article:last-child {border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;margin-left:-1px;margin-right:-1px;}
#rails .pic {width:100%;margin:0 0 10px 0;}
#rails h2 {margin: 0 0 10px 0;}
#rails .middle h2 {font-size:27px;line-height:29px;}
#rails .share {right:23px;position:static;}
#rails .middle article:first-child .share {right:23px;top:5px;position:absolute;z-index:10;}
#rails a[itemprop='url'] {display:block;}

#rails article {padding:0 18px 15px;border-bottom:1px solid #e0e0e0;margin-bottom:18px;}
#rails article:last-child {border:0;margin-bottom:0;}

/*#rails .left article,
#rails .right article {max-height:280px;}*/

.swiper-button-next,
.swiper-button-prev {
	background-color:rgba(255,255,255,0.9);
	background-image: none;
	font-size:38px;
	line-height: 60px;
	height:64px;
	width:32px;
	margin:0;
	text-align:center;
	transform:translateY(-50%);
}
.swiper-button-next {right:0;border-radius:32px 0 0 32px;padding:0 0 0 15px;}
.swiper-button-prev {left:0;border-radius:0 32px 32px 0;padding:0 0 0 0;} 
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 20px;}
.swiper-pagination-bullet-active {background: #347414;}

/* Apertura */
#articles-c3 {padding:25px 0;border-bottom:1px solid #e0e0e0;margin-bottom:-1px;}
#articles-c3 article {float:left;width:25%;padding:0 18px;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;margin-left:-1px;}
#articles-c3 article.c3-1 {width:50%;}
#articles-c3 article:last-child {border-right:0;}
#articles-c3 article:first-child {border-left:0;}
#articles-c3 article .pic {width:100%;margin:0 0 10px 0;}
#articles-c3 article h2 {font-size:19px;line-height:21px;margin:0 0 15px 0;}
#articles-c3 article summary {}
#articles-c3 div.poll {float:left;width:23%;margin:0 0 0 2%;}


/*.content-box .right article .share {position:absolute;top:15px;right:10px;padding:0;}
.content-box .right article .share a {color:#fff;}*/

.content-box {
	border-top:1px solid #e0e0e0;
	padding:25px 0;
}
.content-box .container > header > h1 {
	background:#4A8230;
	color:#fff;
	position:relative;
	top:-12px;
	display:inline-block;
	padding:7px 15px;
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	font-family:'Lato';
	margin:0 0 0 15px;
}
.content-box .container > header > h1:after {
	display:inline-block;
	position:absolute;
	bottom:0;
	right:0;
	content:'';
	background:#f5f5f5;
	border-top:4px solid #4A8230;
	border-right:4px solid #f5f5f5;
	border-bottom:4px solid #f5f5f5;
	border-left:4px solid #4A8230;
}

.content-box .left  {width:40%;border-right:1px solid #e0e0e0;margin-right:-1px;-webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}
.content-box .right {width:60%;border-left:1px solid #e0e0e0;padding-left:15px;}

.content-box .left article {padding:0 15px;}
.content-box .left article .pic {margin-bottom:15px;}
.content-box article .pic {width:100%;display:block;}
.content-box article h2 {margin-bottom:15px;}
.content-box .right article {}
.content-box .right article > a {display:block;position:relative;}
.content-box .right article h2 {
	font-size:17px;
	color:#fff;
	line-height:20px;
	position:absolute;
	bottom:15px;
	left:0;
	padding:15px;
	width:75%;
	margin:0;
	background-image: url('../imgs/backgrounds/black_translucent.png'); /* Support for older browsers */
	background: rgba(0,0,0,0.6);
}
.content-box .right article summary,
.content-box .right article .article-info strong {display:none;}
.content-box .right article .article-info {position:absolute;top:5px;right:5px;z-index:10;padding:0;}

.content-box .right .item {width:50%;float:left;padding-right:15px;margin:0 0 15px 0;}


.content-ad > div {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

#eplAdDivDisplayTop {text-align: center;padding: 20px 0 0;}
#eplAdDivDisplayBottom {text-align: center;margin: auto;}
#eplAdDivDisplayBottom > * {text-align: center;margin: auto;}

.content-box .right.tags {width:auto;position:relative;top:-10px;border:0;padding-right:15px;}
.content-box .right.tags a {
	display:inline-block;
	padding:3px 8px;
	background:#E37E0B;
	color:#fff;
	margin:0 0 0 5px;
	font-family: 'Copse';
}
.content-box .right.tags a:hover {
	background:#6C8548;
}

.content-authors {
	background:#2a2a2a;
	color:#fff;
	padding:60px 0;
	margin:30px 0 0;
	position:relative;
}
.content-authors header {
	font-size:22px;
	font-weight:bold;
	line-height: 44px;
	background:#3d7618;
	padding:0 10px;
	position:absolute;
	left:50%;
	top:-21px;
	transform:translateX(-50%);
}
.content-authors header .tip {height:0;width:0;position:absolute;top:0;}
.content-authors header .tip:last-child {
	right:-30px;
	border-right: 15px solid transparent;
	border-top: 22px solid #3d7618;
	border-left: 15px solid #3d7618;
	border-bottom: 22px solid #3d7618;
}
.content-authors header .tip:first-child {
	left:-30px;
	border-right: 15px solid #3d7618;
	border-top: 22px solid #3d7618;
	border-left: 15px solid transparent;
	border-bottom: 22px solid #3d7618;
}
.content-authors section {
	width:25%;
	float:left;
	text-align:center;
}
.content-authors section .pic {
	border-radius:50%;
	background:#454545;
	box-shadow:0 0 2px rgba(0,0,0,1);
	width:90px;
	height:90px;
}
.content-authors section h1 {
	font-size:17px;
	line-height: 20px;
	margin:12px 0;
}
.content-authors section h3 {font-size:14px;line-height:17px;font-weight:normal;}
.content-authors section a,
.content-authors section h1 {color:#fff;}
.content-authors section a:hover,
.content-authors section a:hover h1 {color:#1D9D3B;}

.content-authors .person-social {display:inline-block;padding:0 10px 10px 15px;border-bottom:1px solid #686868;}
.content-authors .person-social a {color:#63b32e;font-size:20px;}
.content-authors .person-social a:hover {color:#E37E0B;}
.content-authors article {padding:10px 0;border-bottom:1px solid #333;margin:0 15px;}
.content-authors article:last-child {border:0;}
.content-authors article h3 {margin:0;}


/* Grilla */
.grid-1 {padding:25px 0;}
.grid-1 .column {float:left;width:32%;}
.grid-1 .column:first-child {width:42%;margin-right:-1px;border-right:1px solid #e0e0e0;}
.grid-1 .column:nth-child(2n) {width:22%;border-right:0;border-left:1px solid #e0e0e0;}
.grid-1 aside   {float:right;width:35%;border-left:1px solid #e0e0e0;}
.grid-1 aside .content-ad {margin:20px;}
.grid-1 .column .content-ad {margin:0 15px 25px;}

.grid-1 article {margin:15px;border-bottom:1px solid #e0e0e0;padding-bottom:15px}
.grid-1 .column article:last-child {border:0;}
.grid-1 article .pic {width:100%;margin:0 0 15px 0;}
.grid-1 article h2 {font-size:18px;line-height:20px;margin:0 0 15px 0;}

.frontpage {text-align:center;background:#fff;padding-bottom:20px;}
.frontpage header {
	display:block;
	text-align:left;
	padding:15px 20px;
	margin-bottom:15px;
	font-size:22px;
	line-height:24px;
	font-weight:bold;
	font-family:'Roboto';
}
.frontpage .b-lazy.b-loaded,
.frontpage img {border:1px solid #e0e0e0;margin-bottom:15px;box-shadow:5px 5px 0 rgba(0,0,0,0.1);}
.frontpage a   {display:block;font-size:13px;text-align:right;width:270px;margin:auto;}
.color {color:#63b32e;}

.grid-1 .editorial {padding:25px 20px 0;}

.editorial header {
	font-family: 'Copse';
	font-size:27px;
	line-height:29px;
	font-style:italic;
	margin-bottom:15px;
}
.editorial header i {color:#999;}
.editorial .share {display:none;}
.editorial article {padding:0 35px 20px;margin:0;}
.editorial article .article-info {display:none;}
.editorial article h2 {
	font-size:24px;
	line-height:28px;
	font-family:'Lato';
}


/*Content color*/
.content-color {padding:25px 0 35px;}
.content-color .container {padding:0 15px;}
.content-color header {
	color:#fff;
	font-size:26px;
	line-height:28px;
	font-family:'Copse';
	padding:10px 15px;
	display:inline-block;
	position: relative;
	top:-12px;
}

.content-color .on-top article {margin:0 0 10px;float:right;width:32%;}
.content-color .on-top article.pos-1 {width:66.5%;float:left;margin:0;}
.content-color .on-top article h2 {
	font-size:17px;
	color:#fff;
	line-height:20px;
	position:absolute;
	bottom:15px;
	left:0;
	padding:15px;
	width:75%;
	margin:0;
	z-index:10;
	background-image: url('../imgs/backgrounds/black_translucent.png'); /* Support for older browsers */
	background: rgba(0,0,0,0.6);
}
.content-color .on-top article.pos-1 h2 {
	bottom:30px;
}
.content-color .on-top article summary,
.content-color .on-top article .article-info strong {display:none;}
.content-color .on-top article .article-info {position:absolute;top:5px;right:5px;padding:0;z-index:10;}

.content-color .list {background:#fff;}
.content-color .list article {
	float:left;
	width:33.3%;
	border-right:1px solid #e0e0e0;
	background:#fff;
	padding:15px;
	margin:0;
}
.content-color .list article:last-child {margin:0;float:right;}
.content-color .list article summary {display:none;}
.content-color .list h2 {font-size:18px;line-height:21px;margin:10px 0;}

.content-color article .pic {width:100%;}

/*Mosaico*/
.mosaic {border-top:1px solid #e0e0e0;padding:25px 0;}


/*Suplementos*/
.suple {background: #363279;padding: 25px 0 35px;}

.suple header {
	color: #fff;
	font-size: 26px;
	line-height: 28px;
	font-family: 'Copse';
	padding: 10px 15px;
	display: inline-block;
	position: relative;
	background: #778899;
	top: -12px;
}
.suple article {
	width: 32%;
	margin: 0 2% 0 0;
	padding: 15px;
	background: #fff;
	float: left;
}
.suple article:last-child {margin:0;float:right;}
.suple article img {width: 100%;}
.suple article h2 {
	/*height: 46px;
	overflow: hidden;
	margin: 10px 0;*/
	display: none;
}
.suple .article-info {
	position: absolute;
	left: 15px;
	bottom: 10px;
	background: #fff;
	padding: 10px 10px 0 0px;
}
.suple article span.category {background: #778899;}

/*tapas-del-dia*/

.list-tapas {background: #363279;padding: 25px 0 35px;}

.list-tapas header {
	color: #fff;
	font-size: 26px;
	line-height: 28px;
	font-family: 'Copse';
	padding: 10px 15px;
	display: inline-block;
	position: relative;
	background: #778899;
	top: -12px;
}
.list-tapas article {
	width: 32%;
	margin: 0 2% 0 0;
	padding: 15px;
	background: #fff;
	float: left;
}
.list-tapas article:last-child {margin:0;float:right;}
.list-tapas article img {width: 100%;}
.list-tapas article h2 {
	/*height: 46px;
	overflow: hidden;
	margin: 10px 0;*/
	display: none;
}
.list-tapas .article-info {
	position: absolute;
	left: 15px;
	bottom: 10px;
	background: #fff;
	padding: 10px 10px 0 0px;
}
.list-tapas article span.category {background: #778899;}


.n-play {margin:0 0 20px;}
.n-play .wt {
	background:#fff;
	padding:20px;
}
.n-play header {
	background-image: url(../imgs/logos/n-play.png);
	background-repeat: no-repeat;
	width: 150px;
	min-height: 87px;
	text-indent: -10000px;
	float: left;
	position: relative;
}
.n-play header a {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
}
.n-play article {
	float: left;
	width: 27%;
	background: #fff;
	margin: 0 0 0 2%;
}
.n-play article img {margin-bottom: 10px;}
.n-play article h2 {height: 65px;overflow: hidden;}
.n-play .article-info,
.n-play summary {display: none;}

article .play-btn {
	position: absolute;
	bottom: 25px;
	right: 15px;
	width: 45px;
	height: 45px;
	text-align: center;
	border: 2px solid #fff;
	background-color: #2B333F;
	background-color: rgba(43, 51, 63, 0.7);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	padding: 0 0 0 3px;
}
article .fa-play {
	width: 100%;
	height: 100%;
}
article .fa-play:before {
	display: block;
	color: #fff;
	font-size: 20px;
	line-height: 42px;
}
article:hover .play-btn, article:focus .play-btn {
	background-color: #73859f;
	background-color: rgba(115, 133, 159, 0.5);
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}

.content-color article .play-btn,
.content-box article .play-btn,
.mosaic article .play-btn {bottom: 15px;}

.gallery header a {color: #fff;}
.gallery.content-color .on-top article,
.gallery.content-color .on-top article.pos-3 {margin:0 0 10px;float:left;width:32%;}
.gallery.content-color .on-top article.pos-1 {width:66.5%;float:right;margin:0;}

.gallery article img {
	display: block;
	-webkit-filter: grayscale(100%); 
	filter: grayscale(100%);
	transition: all 0.5s linear;
}
.gallery article:hover img,
.gallery article:hover img {
	-webkit-filter: none !important; 
	filter: none !important;
}

.gallery.content-color .on-top article h2 {
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	padding:15px 20px 10px;
	color:#fff !important;
	margin:0;
	font-size:22px;
	line-height:26px;
	z-index: 2;
	font-weight:400;
	text-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.35);
	background: transparent;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.70) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.70) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.70) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.gallery .swiper-container-horizontal > .swiper-pagination-bullets {
	left: auto;
	right: 20px;
	width: auto;
	z-index: 1;
}

/*.b-lazy {
	background-image:url('../imgs/backgrounds/cube.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 25px auto;
    -webkit-transition: opacity 500ms ease-in-out;
       -moz-transition: opacity 500ms ease-in-out;
         -o-transition: opacity 500ms ease-in-out;
            transition: opacity 500ms ease-in-out;
             max-width: 100%;
               opacity: 0;
            
}
.b-lazy:after {
	content:'';
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	width:25px;
	height:25px;
	background:#000;
	opacity:1;
	z-index:20;
}
.b-lazy.b-loaded {
    opacity: 1;
}*/

/*eplanning*/
#eplAdDivtop      {margin:20px auto 0;width:960px;}
#eplAdDivright02  {width:300px;}
#eplAdDivmiddle01 {width:640px;margin:0 auto 25px;}

/* Skycrapper */

#eplAdDivHiImpactLayer {
	position:absolute;
	top:139px;
	right:20px;
	transition:all 0.2s ease;
	z-index:10;
	display:none;
}

.skycrapper #eplAdDivHiImpactLayer {display:block;}

.promo-verano {padding: 30px 0;}
.promo-verano h3 {
	margin: 0 0 20px;
	text-align: center;
	font-weight: 300;
}
.promo-verano h3 strong {text-transform: uppercase;margin-right: 10px;}
.promo-verano .grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}

@media (max-width:1600px){
	.n-play article {
		width: 25%;
	}
	.mosaic .content-ad,
	
}

@media (max-width:1366px){
	.bomb {
		height:475px;
	}

	#rails .left,
	#rails .right {width:25%;}
	#rails .middle {width:50%;}
	summary {font-size:14px;line-height:16px;}

	h3 {font-size:19px;line-height:21px;}
	h2 {font-size:21px;line-height:23px;}

	.grid-1 aside .content-ad {margin:10px;}
	.grid-1 .editorial {padding:20px 15px 0;}
	.content-color article {margin-bottom:10px;}
	.content-box .left  {width:30%;}
	.content-box .right {width:70%;}

	
	.frontpage img {max-width:80%}

	.n-play article h2 {
		font-size: 20px;
		line-height: 22px;
	}

	/*.skycrapper #eplAdDivtop {margin-left:15px;}*/
}

@media (max-width:1280px){
	.n-play article {
		width: 26%;
		margin: 0 0 0 1.9%;
	}
	
}

@media (max-width:980px){
	.bomb {
		background-size:cover;
	}
	.content-box .left {width:50%;}
	.content-box .right {width:50%;}
	.content-box .right .item {display:none;}
	.content-box .right .item.alt {display:block;}
	.content-box .right .item {width:100%;float:none;}

	.content-grid .grid-1 {width:64%;}
	.content-grid aside   {width:35%;}
	.content-grid aside img {width:80%;}
	

	#rails .left article:last-child,
	#rails .right article:last-child {display:none;}
	#rails .left article:first-child,
	#rails .right article:first-child {border:0;display:block;}
	
	.grid-1 .column:first-child {width:55%;border:0;}
	.grid-1 .column:nth-child(2n) {display:none;}
	.grid-1 aside {width: 45%;}

	.content-color .list {margin-top:15px;}
	.content-color .on-top article {margin:0;float:left;width:49%;}
	.content-color .on-top article.pos-1 {width:100%;float:none;margin:0 0 15px;}
	.content-color .on-top article.pos-3 {float:right;}

	.gallery.content-color .on-top article,
	.gallery.content-color .on-top article.pos-3 {margin:0;float:left;width:49%;}
	.gallery.content-color .on-top article.pos-3 {float:right;}
	.gallery.content-color .on-top article.pos-1 {width:100%;float:none;margin:0 0 15px;}

	
	.n-play header {
		width: 16%;
		background-size: 100%;
	}
	.n-play article h2 {
		font-size: 18px;
		line-height: 21px;
	}
	.content-ad {width:auto;overflow:hidden;}
	#eplAdDivtop {width:100%;overflow:hidden;}
	.skycrapper #eplAdDivHiImpactLayer {display:none;}
}

@media (max-width:768px) {
	#rails .left summary,
	#rails .right summary {display:none;}
}