/*borrar*/
#home1_970x90 {width:970px;height:90px;margin:30px auto;background:url('/content/banners/970.gif') center center no-repeat;}
#home2_970x90 {width:970px;height:90px;margin:30px auto;background:url('/content/banners/970.gif') center center no-repeat;}
#home_300x250 {width:300px;height:250px;background:#ccc;color:#fff;}

.play-icon {position:absolute;top:50%;left:50%;color:#fff;transform:translate(-50%,-50%);border-radius:50%;text-align:center;line-height:32px;font-size:32px;background:rgba(0,0,0,0.7);padding:20px 20px 20px 25px;}

main {padding-bottom:0;}

/*Para todas las notas de la home */
article h2 {margin:0 0 10px;font-size:18px;line-height:22px;font-weight:bold;}



.subtitle {
	font-size:28px;
	line-height:32px;
	font-weight:700;
	border-bottom:2px solid #000;
	margin:20px 0 30px;
	padding:8px 0;
	/*display:inline-block;*/
}

.apertura {
	display: grid;
	grid-template-columns: 68% 28%;
	grid-gap: 4%;
	padding:0 0 30px 0;
	/*margin-bottom:30px;*/
}
.apertura .share {display:none;}
.apertura article .pic {width:100%;height:auto;margin:0 0 15px 0;}
.apertura .focal h2 {background:#033966;color:#fff;font-size:45px;line-height:48px;font-weight:bold;text-align:center;padding:25px 15px;margin:0;}
.apertura .focal summary {font-size:20px;line-height:26px;padding:0;}
.apertura .focal a {color:#000;}
.apertura .focal a:hover {color:#0071f1;}
.apertura .focal .pic {}

.apertura .lateral article {margin-bottom:40px;}
.apertura .lateral h2 {font-weight:bold;font-size:23px;line-height:27px;margin:0;padding:0 0 15px;}
.apertura .lateral summary {display:none;}

.apertura .cont {position:relative;}
.apertura .no-pic {height: 199px;width: 353px;}

header.custom_param  {margin:18px auto 20px;}
.largeTitle {
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
	position:relative;
	text-align:center;
	margin-bottom:18px;
}
.largeTitle span {
	background:#fe3f2b;
	color:#fff;
	display:inline-block;
	padding:3px 10px;
	position:relative;
	z-index:2;
}
.largeTitle hr {margin:0;padding:0;height:1px;background:#515151;border:0;position:absolute;top:50%;left:0;width:100%;z-index:1;}


.clima {
	/*font-family: 'Source Sans Pro', sans-serif;*/
	border:1px solid #e0e0e0;
	margin-bottom:30px;
	height:300px;
	padding:15px;
	position: relative;
}
.clima .ciudad {font-size:16px;margin:0 0 15px;}
.clima .clima-actual {
	display: grid;
	grid-template-areas: "col1 col2 col3";
	grid-template-columns: 30% 40% 30%;
	grid-gap: 0;
}
.clima .icono {
	width:100%;
	height:75px;
	background-repeat:no-repeat;
	background-position:5px center;
	background-size:80px auto;
}
.clima .numero {
	padding:15px 0 0 5px;
}
.clima .temp {
	font-size:45px;
	font-weight:lighter;
	padding:10px 0;
	display:inline-block;
}
.clima small {
	vertical-align:super;
	font-size:24px;
}
.clima .desc {padding:16px 0;}
.clima .hum {color:#2db7e5;}
.clima .hum > span {font-size:17px;display:inline-block;margin:0 7px 0 0;}
.clima .tiempo {
	display:block;
	font-weight:400;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#777;
	margin-bottom:3px;
}

.clima .pronostico {
	position:absolute;
	bottom:0;
	left:0;
	display: grid;
	grid-template-areas: "col1 col2 col3 col4";
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 2%;
	height:145px;
	padding:0 4%;
	width:100%;
}
.pronostico .day {background:#eee;padding:10px;text-align:center;}
.pronostico .day span {display:block;}
.pronostico .day span.dayname {font-weight:bold;}
.pronostico .day span.ico {margin:10px 0 6px;}
.pronostico .day span.high,
.pronostico .day span.low {font-size:14px;padding:0 0 5px;}
/*.clima span {font-size:12px;display:inline-block;padding:0 8px 0 0;font-weight:600;}*/


/* Columnas */
/*.columnas {padding-top:35px;}*/
.col-grid {
	display: grid;
	grid-template-areas: "col1 col2 col3 col4";
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 2%;
	margin-bottom:40px;
}

.col-grid article {height:300px;}
.col-grid article .pic {margin-bottom:15px;width:100%;height:auto;max-height:182px;}
.col-grid article .share {display:none;}
.col-grid article .no-pic {height: 175px;width: 100%;margin-bottom: 15px;}
.col-grid .adblock {margin-bottom:50px;}

.ultimas {min-height:350px;}
.ultimas header {font-size:32px;font-weight:lighter;}
.ultimas header svg {float:left;margin:0 10px 0 0;}
.ultimas header span {font-size:17px;font-weight:bold;text-transform:uppercase;display:inline-block;border-bottom:2px solid #000;padding-bottom:3px;}

.ultimas .u-item {padding:10px 0;border-bottom:1px solid #f0f0f0;}
.ultimas .u-item time {background:#ff7200;color:#fff;display:inline-block;padding:0 5px;font-weight:bold;font-size:11px;}
.ultimas .u-item .pic {float:right;}
.ultimas .u-item h4 {margin:5px 0 0;font-size:12px;line-height:15px;}
.ultimas .u-item .no-pic {height: 60px;width: 60px;float: right;}
.ultimas .u-item .no-pic svg {font-size: 30px;}




/* Jovenes */
.jovenes {background:#f5f5f5;padding:50px 0;}
.jovenes .titleBox {font-size:55px;line-height:58px;font-weight:bold;letter-spacing:-1.5px;color:#00a9e6;margin:0 0 20px;text-transform:uppercase;position:relative;}
.jovenes .titleBox span {background:#f5f5f5;display:inline-block;padding-right:65px;z-index:5;position:relative;}
.jovenes .titleBox i {display:inline-block;width:53px;height:52px;text-indent:-10000px;overflow:hidden;background:url('../imgs/backgrounds/iso24.png') center center no-repeat;left:-70px;z-index:5;position:relative;}
.jovenes .titleBox hr {margin:0;padding:0;height:2px;background:#515151;border:0;position:absolute;bottom:10px;left:0;width:100%;z-index:1;}


.jov-grid {
	display: grid;
	grid-template-areas: "col1 col2 col3";
	grid-template-columns: 3fr 2fr 2fr;
	grid-gap: 20px;
}
.jov-grid .category {color:#fff;background:#00a9e6;}
.jov-grid article {background:#fff;}
.jov-grid article a {}
.jov-grid article .pic {width:100%;height:auto;display:inline;}
.jov-grid article h2 {padding:10px 15px;}


.jov-grid article.item-1 {}
.jov-grid article h2 {
	background:#fff;
	padding:20px;
	font-weight:bold;
	font-size:22px;
	line-height:26px;
}
.jov-grid article .no-pic {height: 292px;width: 290px;}
.jov-grid article.item-1 .no-pic {height: 414px;width: 605px;}





.layout1 .sidebar article {background:#fe3f2b;border:1px solid #f0f0f0;box-shadow:0 0 15px rgba(0,0,0,0.15);height:100%;}
.layout1-grid .sidebar article a, .layout1-grid .sidebar article h2 {color:#fff!important;}
.layout1-grid .sidebar h2 {padding:0 15px 15px;margin:0;}
.layout1-grid .sidebar summary {padding:12px 20px 20px;}
.layout1-grid .sidebar summary, .layout1-grid .sidebar p {color:#000;}
.layout1-grid .sidebar .article-info {display:none;}
.layout1-grid .sidebar article .pic {max-height:300px}

.layout1-grid .focal {position:relative;overflow:hidden;}
.layout1-grid .focal article {height:100%;overflow:hidden;}
.layout1-grid .focal a {display:block;height:100%;}
.layout1-grid .focal article .pic {margin:0;display:block;height:100%;width:auto;max-height:425px;}
.layout1-grid .focal h2 {color:#000;font-size:34px;line-height:38px;text-align:center;}
/*.layout1-grid .focal summary {border-top:1px solid rgba(255,255,255,0.5);padding:20px 0;color:#fff;font-size:19px;line-height:21px;font-family: 'Source Serif Pro', serif;}*/
.layout1-grid .focal .mask {
	position:absolute;
	width:80%;
	bottom:-40px;
	left:50%;
	transform:translateX(-50%);
	padding:40px 20px 20px;
	background:#fff;
}

/* Colores cajas layout1 */
.layout1.pos-1 header h3 {color:#fe3f2b;}
.layout1.pos-2 header h3 {color:#3084dd;}
.layout1.pos-3 header h3 {color:#d62664;}

.layout1.pos-1 .category {background:#fe3f2b;}
.layout1.pos-2 .category {background:#3084dd;}
.layout1.pos-3 .category {background:#d62664;}

.layout1.pos-1 .sidebar article {background:#fe3f2b;}
.layout1.pos-2 .sidebar article {background:#3084dd;}
.layout1.pos-3 .sidebar article {background:#d62664;}

.layout1.pos-1 a:hover h2 {color:#fe3f2b;}
.layout1.pos-2 a:hover h2 {color:#3084dd;}
.layout1.pos-3 a:hover h2 {color:#d62664;}

/* fin Colores cajas layout1 */

.blackbox {background:#000;padding:30px 0;}
.blackbox header {
	height:70px;
	padding:0 0 0 400px;
	background:url('../imgs/backgrounds/blackbox.gif') no-repeat;
	margin:0 0 30px 0;
}
.blackbox header h3 {
	border-bottom:2px solid #a9a9a9;
	height:64px;
	text-indent:-10000px;
}
.blackbox .columns {
	display: grid;
	grid-template-columns: 32% 32% 32%;
	grid-gap: 2%;
	/*padding:25px 0;*/
}
.blackbox .columns article > a {display:block;}
.blackbox .columns .pic {width:100%;height:auto;max-height:315px;}
.blackbox .columns h2 {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:52px 15px;
	margin:0;
	color:#fff;
	text-shadow:1px 1px 2px rgba(0,0,0,0.7);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.blackbox .category {
	top:auto;
	bottom:15px;
	left:12px;
}

.play-btn {
	position: absolute;
	top: 40%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 60px;
	height: 60px;
	text-align: center;
	/*border: 1px solid #fff;*/
	background-color: #2B333F;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	transition: all 0.4s;
	padding: 15px 0 0 3px;
	font-size:26px;
	color:#fff;
}

/* Tu contenido */
.tu-contenido {background: #2c2e31;padding: 10px 0 40px;}
.tu-contenido .banner {
	display: grid;
	grid-template-columns:40% 1fr ;
	grid-gap: 0;
	/*height:172px;*/
}
.tu-contenido .banner .title {
    padding: 65px 0 0 35px;
}
.tu-contenido .banner a {
	color:#fff;
	font-weight:bold;
	font-size:25px;
	padding:15px 30px;
	/*border:1px solid #fff;*/
	background:#57c74a;  /* #57c74a; rgba(255,255,255,0.1);*/
	text-transform:uppercase;
	margin:auto;
	/*position:absolute;*/
	/*top:50%;*/
	/*right:10%;*/
	/*transform:translateY(-50%);*/
}
.tu-contenido .banner a:hover {background:#27AAE1;color:#fff;}

.tu-contenido .banner ul {padding:25px 0;}
.tu-contenido .banner ul li {padding:8px 0;list-style: initial;}
.tu-contenido .banner ul li {
	font-size:25px;
	font-weight:bold;
	color:#2c2e31;
	text-transform:uppercase;
	color:#fff;
}
.tu-contenido .banner ul li a:hover {color:#52ABE2;}

.tu-contenido .notas {
	border-top:0;
	background:#f7f7f7;
	display: grid;
	grid-template-columns: 2fr 1fr 340px;
	grid-gap: 0;
}
.follows h3,
.tu-contenido .banner .title,
.tu-contenido .notas .title {
	font-size: 32px;
	line-height: 34px;
	font-weight: bold;
	letter-spacing: -1.5px;
	color: #00a9e6;
	text-transform: uppercase;
	margin:0 0 15px 0
}
.tu-contenido .notas .col1 .title {
	grid-column-start:1;
	grid-column-end: 3;
	padding:15px 20px 0;
	margin:0;
}
.tu-contenido .notas .col1 {padding:35px 15px 15px;}
.tu-contenido .notas .col2 {padding:35px 15px 0;}
.tu-contenido .notas .col3 {padding:30px;}
.tu-contenido .notas .col1 {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: 0;
}
.tu-contenido .notas article {margin:0 15px 30px;}
.tu-contenido .notas article h3 {font-size:20px;line-height:24px;padding:15px 0;height:}
.tu-contenido .notas .pic {width:100%;height:auto;display:block;}

.tu-contenido .notas .col2 ul li {font-size:17px;line-height:26px;padding:0 0 10px 0;}
.tu-contenido .notas .col2 ul li a.line {color:#000!important;}
.tu-contenido .notas .col2 ul li .follow {font-size:12px;padding:5px 8px;line-height:15px;margin:0 0 0 15px;}

.tu-contenido .notas .col3 {background:#fff;}
.tu-contenido .notas .col3 .pic {margin-bottom:15px;}
.tu-contenido .notas .col3 a {display:block;margin:0 0 30px;}

/* Elegir temas */
.seleccionar-contenido {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(65,65,65,0.9);
	z-index:990;
	/*display:none;*/
}
.seleccionar-contenido .follows {
	background:#fff;
	border:8px solid #fff;
	border-radius:8px;
	box-shadow:0 0 25px rgba(0,0,0,0.7);
	padding:17px;
	width:980px;
	max-height:90%;
	overflow:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.follows .guardar {
	color:#000;
	font-weight:bold;
	font-size:19px;
	padding:7px 14px;
	border:1px solid #000;
	text-transform:uppercase;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	margin-bottom:40px;
}
.follows .guardar:hover {background:rgba(255,255,255,0.3);}
.seleccionar-contenido .follows .categorias {padding-top:10px;padding-bottom:30px;}
.alert {background:#000;padding:15px 0;text-align:center;margin:15px;color:#fff;font-weight:bold;}

/* Caja 1 contenido usuario */
/*.local-1 {
	background:#6f6f6f;
	padding:45px 0;

}
.local-1 header {border-bottom:2px solid #fff;margin:0 0 30px 0;}
.local-1 header h3 {
	color:#16c585;
	font-size:55px;
	line-height:58px;
	text-transform:uppercase;
	display:inline-block;
	background:#6f6f6f;
	margin-bottom:-10px;
	padding:0 20px 0 0;
}
.local-1 header h3 a {color:#16c585;}
.local-1 .columns {
	display: grid;
	grid-template-areas: "col1 col2 col3";
	grid-template-columns: 540px 1.5fr 1fr;
	grid-gap: 3%;
}
.local-1 article > a {display:block;}
.local-1 .high {margin-bottom:50px}
.local-1 .high h2 {
	position:absolute;
	bottom:0;
	right:0;
	background:#fff;
	padding:15px;
	font-size:32px;
	line-height:36px;
	margin:0;
	transform:translateY(25%);
	max-width:85%;
	letter-spacing:-1px;
}
.local-1 .high .pic {width:100%;}
.local-1 .low .pic {position:absolute;top:0;right:0;}
.local-1 .low article {padding-right:175px;height:110px;margin-bottom:15px;}
.local-1 .low article h2 {font-size:15px;line-height:19px;color:#fff;}
.local-1 .low article > a:hover h2 {color:#00e18f;}

.local-1 .med article {height:270px;overflow:hidden;}
.local-1 .med article h2 {font-size:18px;line-height:22px;color:#fff;}
.local-1 .med article .pic {width:100%;margin:0 0 15px 0;max-height:200px;}

.local-1 .high article .category,
.local-1 .low article .category,
.local-1 .med article .category {left:auto;right:0;background:#16c585;color:#fff;}
*/
.local-1 article .pic,
.local-2 article .pic {display:block;}



/* Caja contenido siguiendo */

.my-follows {
	background:#2c2e31;
	padding:25px 0;
}
.my-follows header {border-bottom:1px solid #33e2d4;margin:0 0 30px 0;}
.my-follows header h3 {
	color:#33e2d4;
	font-size:32px;
	line-height:38px;
	text-transform:uppercase;
	display:inline-block;
	background:#2c2e31;
	position:relative;
	bottom:-10px;
	padding:0 5px 0 0;
}
.my-follows header a.right {margin:0 0 0 5px;}
.my-follows .columns {
	display: grid;
	grid-template-areas: "col1 col2 col3 col4";
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
}

.my-follows article {background:#fff;/*padding:15px;*/}
.my-follows h2 {
	font-size:19px;
	line-height:21px;
	padding:12px;
	letter-spacing:-1px;
}
.my-follows article .pic {width:100%;height:auto;}
.my-follows article .tema {display:inline-block;font-weight:bold;padding:0 0 15px 15px;color:#234e74;}











@media (max-width:1260px){
	.apertura .no-pic {width: 274px;height: 154px;}
	.jov-grid article .no-pic {width: 225px;height: 227px;}
	.jov-grid article.item-1 .no-pic {width: 470px;height: 322px;}
	.layout1-grid .panel.bottom .no-pic {width: 225px;height: 138px;}
	.layout1-grid .sidebar article .no-pic {width: 243px; height: 195px;}
	.layout1-grid .focal .no-pic {width: 715px;height: 330px;}

	.tu-contenido .texto {
		background-size:350px auto;
	}

	.local-1 .columns {grid-template-columns: 420px 1.5fr 1fr;}
	.local-1 .high h2 {font-size:24px;line-height:28px;}
	.local-1 .low .pic {width:120px;}
	.local-1 .low article {padding-right:130px;height:80px;margin-bottom:20px;}
	.local-1 .low article h2 {font-size:12px;line-height:14px;}
	.local-1 .med article h2 {font-size:17px;line-height:19px;}

	.local-2 .columns {grid-template-columns: 1fr 480px 1fr;}
	.local-2 .high h2 {font-size:24px;line-height:28px;}
	.local-2 .med article {height:270px;}
	.local-2 .med article h2 {font-size:17px;line-height:19px;}
}

@media (max-width:980px){

	.local-1 {padding:25px 0;}
	.local-1 .columns {grid-template-columns: 360px 1.5fr 1fr;}
	.local-1 .high {margin-bottom:0;}
	.local-1 .high h2 {font-size:24px;line-height:28px;}
	.local-1 .low .pic {width:80px;}
	.local-1 .low .category {display:none;}
	.local-1 .low article {padding-right:100px;height:60px;margin-bottom:20px;}
	.local-1 .low article h2 {font-size:12px;line-height:14px;}
	.local-1 .med article {height:200px;}
	.local-1 .med article h2 {font-size:17px;line-height:19px;}
	
	.local-2 .columns {grid-template-columns: 1fr 320px 1fr;}
	.local-2 .high h2 {font-size:20px;line-height:22px;}
	.local-2 .med article {height:240px;}
	.local-2 .med article h2 {font-size:14px;line-height:17px;}
	
	.seleccionar-contenido .follows {
		width:80%;
	}

	.tu-contenido .notas {width:100%}
	.tu-contenido .notas {
		grid-template-columns: 1fr 240px;
		grid-gap: 0;
	}
	.tu-contenido .notas .col2 {display:none;}
	.tu-contenido .notas .title {font-size:26px;}
}


@media (max-width:1260px){
	.apertura .lateral h2,
	.tu-contenido .notas article h3,
	article h2 {font-size:17px;line-height:21px;}
	.clima .icono {
		width:100%;
		height:75px;
		background-repeat:no-repeat;
		background-position:5px center;
		background-size:100% auto;
	}
}
@media (max-width:980px){
	.clima .pronostico {
		grid-template-areas: "col1 col2";
		grid-template-columns: 1fr 1fr;
		grid-gap: 5px;
		
	}
	.clima .pronostico > .day {display:none;}
	.clima .pronostico > .day:first-child {display:block;}
	.clima .pronostico > .day:nth-child(2) {display:block;}

	
	.clima .temp {
		font-size:30px;
		font-weight:lighter;
	}
	
}