@media screen and (max-width:1350px) {
  .min {width:25%;}
}
a{
	text-decoration:none;
	color:#0fdfe7;
}
a:hover{
	color:#000;
}
html,body{
	background:#fff;
	font-family:'Barlow', sans-serif;
	font-size:18px;
	cursor:default;
	margin:0;
	padding:0;
	color:#000;
	width: 100%;
	float: left;
}
h1,h2,h3,h4,h5,h6{
	margin: 0.3em 0;
}
h1{
	font-size:4rem;
	text-transform:uppercase;
}
h2{
	font-size:2rem;
	text-transform:uppercase;
}
h3{
	font-size:1.5rem;
}
h6{
	font-size:0.7rem;
}
hr {
	text-align:left;
	height:1px;
	margin:20px 0;
	border:none;
	background-color:#000;
	width:100%;
}
.clearLeft {
	clear:left;
}
.clearWeb{display:none;}
.clearCel{display:block;}
.selected {
	color:#0fdfe7;
}
	.selected a {
		color:#0fdfe7;
	}
header{
	width:100%;
	display:block;
	background-color:#fff;
	float:left;
	height:auto;
	margin-bottom:15px;
}
	header .interior{
		width:1350px;
		margin:0px auto;
		display: block;
		float: auto;
		padding-bottom:15px;
		border-bottom:solid #000 1px;
	}
	.logo_header{
		float:left;
		width:153px; 
		height:98px;
		margin:-23px 10px 20px 10px;
		z-index:2;
	}
#barra_menu {
	width:100%;
	margin:0px auto;
	display:block;
	height:35px;
	background-color:#000;
	float:left;
}
#menu {
	width:calc(100% - 173px);
	margin-top:-35px; 
	height:auto;
	float:left;
}

	#menu .buscador{
		width:calc(100% - 400px);
		max-width:300px;
	}
	#menu a{
		color:#000;
	}
	#menu a:hover{
		color:#0fdfe7;
	}
	#menu .boton{
		position: absolute;
	}
	#menu .boton:hover{
		color:#000;
	}
	#menu form{
		float:left;
		width:100%;
		margin:-10px 10px 0 -10px;
	}
	#menu input{
		background-color:rgba(255,255,255,0.00);
		border: none;
		text-decoration:none;
		padding:10px 10px 10px 45px;
		min-height:16px;
		font-size:1.2rem;
		width:100%;
	}
	#menu input:hover, #menu input:focus {
		background-color:rgba(0,0,0,0.05);
		outline:none;
	}
	.icono_menu {
		display:none;
	}
	nav {
		width:100%;
		margin:0px auto;
		display:block;
		height:35px;
		text-transform:uppercase;
		background-color:#000;
		color:#fff;
		font-size:0.8rem;
		float:left;
	}

		nav ul{
			list-style:none;
			text-align:left; 
			padding:0px;
			margin: 0px;
		}
		nav li{
			margin:3px 0 0 0;
			padding:5px;
			float:left;
			background-color:#000;
		}
		nav a{
			color:#fff !important;
		}
		nav a:hover{
			color:#0fdfe7!important;
		}
		.itemheader{
			margin:25px 10px 10px 10px;
			padding:10px;
			float:left;
			font-size:1.2rem;
		}
.suscripcion_aviso {
	width:100%;
	margin:0px auto;
	display:block;
	text-transform:uppercase;
	background-color:#0fdfe7;
	color:#fff;
	font-size:1.2rem;
	min-height:90px;
	float: left;
}
	.suscripcion_aviso .interior{
		width:calc( 1350px - 40px);
		padding:20px;
		margin:0px auto;
		display:flex;
		align-items: center;
	}
	.suscripcion_aviso a{
		color:#fff;
	}
	.suscripcion_aviso a:hover{
		color:#000;
	}
	.suscripcion_aviso .titulo{
		width:66.666%;
		float: left;
	}
	.suscripcion_aviso .boton{
		width:calc( 33.333% - 80px);
		margin:0 30px;
		padding:10px;
		background-color:#000;
		text-align:center;
		float: left;
	}.suscripcion_aviso .boton:hover{
		background-color:#fff;
	}
.suscripcion {
	margin:20px 10px;
	float:left;
}
	.suscripcion .item{
		width: 100%;
		margin:10px 0;
		float:left;
	}
	.suscripcion .boton{
		text-align:center;
		background:#0fdfe7;
		color:#fff;
		padding:10px;
		width:200px;
		float:left;
		text-transform: uppercase;
	}
	.suscripcion .boton:HOVER{
		background:#000;
	}
	.suscripcion .texto{
		padding: 10px;
		margin-left: 10px;
		float:left;
	}
	.suscripcion li{
		margin: 0px;
	}
#footer {
	width:100%;
	margin:20px auto 0px auto;
	display:block;
	background-color:#000;
	color:#fff;
	float: left;
	padding-bottom:25px;
}
	#footer .interior{
		width:1350px;
		margin:0px auto;
		display: block;
		height: 100%;
		font-weight:300;
	}
	#footer a{
		color:#fff;
	}
	#footer a:hover{
		color:#0fdfe7;
	}
	#footer .logo{
	}
	#footer .logo img{
		padding:20px;
		width:calc( 100% - 40px );
	}
	#footer .item{
		padding:10px;
		float:left;
		font-size:1.2rem;
	}
	#footer ul{
		list-style:none;
		text-align:left; 
		padding:0px;
		margin:35px 0 0 0;
	}
	#footer li{
		margin:5px;
		padding:5px 0;
	}

	#footer .legales{
		line-height:1.7rem;
		margin-top:35px;
	}
#content{
	width:1350px;
	margin:0px auto;
}
.share_box{
	font-size:1rem;
}
	.share_box a{
		color:#000;
	}
.link_index a{
	color:#000;
}
.destacado1{
	width:100%;
	height: auto;
	margin:20px 0;
	display: block;
	float: left;
	position:relative;
	color:#fff;
}
	.destacado1 a{
		color:#fff;
	}
	.destacado1 .foto{
		background: -webkit-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.70));
		background: -o-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.70));
		background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.70));
	}
	.destacado1 .texto{
		width:calc( 100% - 50px );
		padding:400px 25px 25px 25px;
		text-transform:uppercase;
		font-weight:700;
	}
	.destacado1 .seccion{
		font-size:1.5rem;
		font-weight:500;
	}
	.destacado1 .titulo{
		font-size:2.5rem;
		margin:30px 0;
	}
	.destacado1 .copete{
		font-weight:500;
		}
	.destacado1 .autor{
		color:#fff;
		margin-top:-20px;
		margin-bottom:25px;
	}
.video-home{
	width:100%;
	margin:20px 0;
	display: block;
	float: left;
	position:relative;
}
	.video-home .foto{
		position:relative;
		padding-top:56.25%;
	}
	.video-home .texto{
		width:100%;
		padding:20px 0;
		text-transform:uppercase;
	}
	.video-home .seccion{
		font-size:1rem;
		font-weight:500;
		color:#0fdfe7;
	}
	.video-home .titulo{
		font-size:1.8rem;
		margin:10px 0;
		font-weight:700;
	}
	.video-home .copete{
		font-weight:500;
		}
.destacado2{
	width:calc( 50% - 20px );
	margin:20px 10px;
	float:left;
	display:block;
	position:relative;
	height: auto;
}
	.destacado2 .foto{
		width:100%;
		padding-top:50%;
		float:left;
	}
	.destacado2 .texto{
		width:100%;
		float:left;
		margin:20px 0 0 0;
		text-transform:uppercase;
		font-weight:700;
		padding-bottom:20px;
	}
	.destacado2 .seccion{
		font-size:1rem;
		color:#0fdfe7;
		font-weight:500;
	}
	.destacado2 .titulo{
		font-size:1.5rem;
		margin:5px 0;
	}
	.destacado2 .copete{
		font-weight:500;
		}
.destacado3{
	width:calc( 33.333% - 20px );
	margin:20px 10px;
	float:left;
	display:block;
	position:relative;
	height: auto;
}
	.destacado3 .foto{
		width:100%;
		padding-top:50%;
		float:left;
	}
	.destacado3 .texto{
		width:100%;
		float:left;
		padding:20px 0 0 0;
		text-transform:uppercase;
		font-weight:700;
		padding-bottom:20px;
	}
	.destacado3 .seccion{
		font-size:1rem;
		color:#0fdfe7;
		font-weight:500;
	}
	.destacado3 .titulo{
		font-size:1.2rem;
		margin:5px 0;
	}
	.destacado3 .copete{
		font-weight:500;
		}
.autor{
	font-size:1rem;
	font-style: italic;
	font-weight: 500;
	color:#888;
	text-transform: none !important;
}
.columnas{
	width:100%;
	margin:20px 0px;
	padding:10px 0;
	float:left;
	display:block;
	background-color:#000;
	height: auto;
}
	.columnas .title{
		text-transform:uppercase;
		font-weight:500;
		font-size:1.5rem;
		margin:20px 20px 0 20px;
		display: block;
		color:#fff;
	}
	.columnas .mas{
		text-transform:uppercase;
		font-weight:700;
		font-size:1.5rem;
		margin:20px;
		display: block;
		width:calc( 100% - 40px );
		float:left;
		text-align:right;
	}
	.columnas a{
		color:#fff;
	}
	.columnas a:hover{
		color:#0fdfe7;
	}
.columna{
	width:calc( 100% - 40px );
	margin:20px;
	float:left;
	display:block;
	height: auto;
}
	.columna .foto{
		width:100%;
		padding-top:50%;
		float:left;
		margin-top:25px;
	}
	.columna .texto{
		width:100%;
		float:left;
		margin:15px 0 0 0;
		text-transform:uppercase;
		font-weight:500;
	}
	.columna .seccion{
		font-size:1rem;
		color:#888;
	}
	.columna .titulo{
		font-size:1.2rem;
		color:#fff;
		margin:5px 0;
	}
	.columna .copete{
		font-weight:300;
		}
.columna_destacado{
	width:calc( 100% - 40px );
	padding:0 20px 20px 20px;
	float:left;
	display:block;
	background-color:#0fdfe7;
	height: auto;
}
	.columna_destacado a{
		color:#fff;
	}
	.columna_destacado a:hover{
		color:#0fdfe7;
	}
	.columna_destacado .foto{
		width:100%;
		padding-top:50%;
		float:left;
		margin-top:25px;
	}
	.columna_destacado .texto{
		width:100%;
		float:left;
		margin:15px 0 0 0;
		text-transform:uppercase;
		font-weight:500;
	}
	.columna_destacado .seccion{
		font-size:1rem;
		color:#fff;
	}
	.columna_destacado .titulo{
		font-size:1.5rem;
		color:#000;
		margin:5px 0;
		font-weight:700;
	}
	.columna_destacado .autor{
		color:#fff;
	}
	.columna_destacado .copete{
		font-weight:500;
		}
.destacado4_alerta{
	width:100%;
	height: auto;
	margin:20px 0px;
	float:left;
	background-color:#f00022;
	font-size:1.5rem;
	text-transform:uppercase;
	font-weight:700;
	display:block;
}
	.destacado4_alerta .texto{
		padding:30px;
	}
	.destacado4_alerta .seccion{
		color:#000;
		font-weight:500;
		float: left;
	}
	.destacado4_alerta .copete{
	font-weight:500;
	}
	.destacado4_alerta .titulo{
		color:#fff;
	}
.destacado5_alerta{
	width:100%;
	margin:20px 0px;
	float:left;
	min-height:350px;
	background-color:#f00022;
	font-size:1.5rem;
	text-transform:uppercase;
	font-weight:700;
	display:flex;
	align-items: center;
	height: auto;
}
	.destacado5_alerta .foto{
		width:66.666%;
		min-height:350px;
		float:left;
	}
	.destacado5_alerta .texto{
		width:calc( 33.333% - 60px );
		float:left;
		padding:30px;
	}
	.destacado5_alerta .seccion{
		color:#000;
	font-weight:500;
	}
	.destacado5_alerta .copete{
	font-weight:500;
	}
	.destacado5_alerta .titulo{
		color:#fff;
	}
.normal{
	width:100%;
	margin:0;
	float:left;
	display:block;
	border-bottom:#0fdfe7 solid 1px;
	position:relative;
	height: auto;
}
	.normal .foto{
		width:30%;
		padding-top:20%;
		float:left;
		margin:20px 0;
	}
	.normal .texto{
		width:calc( 70% - 20px );
		min-height:100px;
		float:left;
		padding:10px 0 10px 20px;
		margin:10px 0;
		font-weight:500;
	}
	.normal .seccion{
		text-transform:uppercase;
		color:#0fdfe7;
		font-weight:500;
	}
	.normal .titulo{
		font-size:1.5rem;
	}
	.normal .copete{
		font-weight:300;
		}
.seccion_nota{
	width:100%;
	margin:0;
	float:left;
	display:block;
	border-bottom:#0fdfe7 solid 1px;
	position:relative;
	height: auto;
}
	.seccion_nota .foto{
		width:33.333%;
		padding-top:20%;
		float:left;
		margin:20px 0;
	}
	.seccion_nota .texto{
		width:calc( 66.666% - 30px );
		min-height:100px;
		float:left;
		padding:10px 0 10px 20px;
		margin:10px 0;
		font-weight:500;
	}
	.seccion_nota .fecha{
		text-transform:uppercase;
		color:#888;
	}
	.seccion_nota .copete{
		font-weight:500;
	}
	.seccion_nota .titulo{
		font-size:1.5rem;
		font-weight:700;
	}
	.seccion_nota .seccion{
		font-size:1rem;
		text-transform:uppercase;
		color:#0fdfe7;
		font-weight:500;
	}
.paginador{
	width:100%;
	margin:0;
	float:left;
	display:block;
	position:relative;
	text-align:center;
	height: auto;
}
	.paginador a{
		color:#fff;
	}
	.paginador a:hover{
		color:#000;
	}
	.paginador .anterior{
		width:calc( 50% - 10px);
		float:left;
		margin:20px 10px 10px 0;
		padding:10px 0;
		background-color:#0fdfe7;
		border-right:5px solid #fff;
	}
	.paginador .siguiente{
		margin:20px 0;
		padding:10px 0;
		background-color:#0fdfe7;
	}
.nota{
	width:100%;
	margin:20px 0;
	display:block;
	float:left;
	position:relative;
	height: auto;
}
	.nota .foto{
		width:100%;
		float:left;
		margin:10px 0;
	}
	.nota .piedefoto{
		font-size:0.8rem;
		color:#666;
		}
	.nota .seccion{
		font-weight:700;
	}
	.nota .fecha{
		font-weight:300;
	}
	.nota .titulo{
		text-transform:uppercase;
		font-weight:700;
		font-size:2.5rem;
		margin:10px 0;
	}
	.nota .copete{
		font-size:2rem;
		margin:10px 0;
		font-weight:300;
		}
	.nota .bajada{
		margin:20px 0;
		font-weight:300;
		font-size:1.2rem;
		}
	.nota .autor{
		margin:10px 0;
		font-weight:500;
		font-style:italic;
		color:#000;
		}
	.nota .autor a{
		color:#000;
		}
	.nota .cuerpo{
		margin:20px 0;
		font-family: 'Source Sans Pro', sans-serif;
		}
		.nota .cuerpo img{
			max-width:100%!important;
			height:auto!important;
			}
	.nota .documento{
		background-color:#0fdfe7;
		height:150px;
		color:#000;
		text-transform:uppercase;
		display:flex;
		align-items: center;
		text-align: center;
    	justify-content: center;
		}
.autor_ver{
	width:100%;
	margin:20px 0;
	display:block;
	float:left;
	position:relative;
	height: auto;
}
	.autor_ver .foto{
		width:250px;
		height: 250px;
		border-radius:50%;
		float:left;
		margin:10px 0;
		position:relative;
	}
	.autor_ver .foto img{
		width:100%;
		position: absolute;
		border-radius:50%;
		top:0;
		left:0;
	}
	.autor_ver .texto{
		width:calc( 100% - 250px);
		float:left;
		margin:10px 0;
		font-weight:500;
		position:relative;
	}
	.autor_ver .titulo{
		text-transform:uppercase;
		font-weight:700;
		font-size:2.5rem;
		margin:20px;
	}
	.autor_ver .bajada{
		margin:20px;
		font-weight:300;
		font-size:1.2rem;
		}
.columnista_ver{
	width:100%;
	margin:20px 0;
	display:block;
	float:left;
	position:relative;
	font-weight:500;
	font-size:1.5rem;
	text-align:center;
	height: auto;
}
	.columnista_ver .foto{
		width:calc(100% - 80px);
		height: 0;
		padding-top:calc(100% - 80px);
		border-radius:50%;
		margin:40px 40px 10px 40px;
		overflow:hidden;
	}
	.columnista_ver .foto img{
		width:calc(100% - 80px);
		position: absolute;
		border-radius:50%;
		margin:40px 40px 10px 40px;
		top:0;
		left:0;
	}
	.columnista_ver .texto{
		width:calc(100% - 20px);
		height:50px;
		float:left;
		margin:10px 10px 40px 10px;
	}
.relacionados a{
		color:#000;
		}
	.relacionados .titulo_relac{
		text-transform:uppercase;
		font-weight:500;
		font-size:1.5rem;
		margin:20px 0;
		display: block;
		color:#0fdfe7;
		float:left;
		height: auto;
		}
.relacionado{
	width:100%;
	margin:20px 0 0 0;
	float:left;
	display:block;
	border-bottom:solid #000 1px;
	padding:0 0 20px 0;
	height: auto;
}
	.relacionado .foto{
		width:100%;
		padding-top:50%;
		float:left;
	}
	.relacionado .texto{
		width:100%;
		float:left;
		margin:20px 0 0 0;
		text-transform:uppercase;
		font-weight:500;
	}
	.relacionado .seccion{
		font-size:1rem;
		color:#888;
	}
	.relacionado .titulo{
		font-size:1.2rem;
		margin:5px 0;
	}
	.relacionado .copete{
		font-weight:300;
		}
#slide{
	width:100%;
	float:left;
	text-transform:uppercase;
	font-weight:500;
	margin:0 0 30px 0;
	display: block;
	height: auto;
}
	#slide a{
		color:#000;
	}
	#slide .item{
		padding-top:40%;
	}
	#slide .seccion{
		font-size:1rem;
		color:#0fdfe7;
	}
	#slide .titulo{
		font-size:1.8rem;
		margin:10px 0 25px 0;
		font-weight:700;
	}
	#slide .caption{
		background-color:#fff;
		position: absolute;
		bottom:20px;
		left:0px;
		padding:5px 5px 5px 30px;
		text-transform:none;
	}
	#slide .copete{
		font-weight:500;
		}
.anuncio{
	width:100%;
	margin:20px 0;
	padding:0;
	display:block;
	float: left;
	position:relative;
	height: auto;
	text-align:center;
	background-color:#eee;
}
	.anuncio img{
		max-width:100%;
		max-height:700px;
	}
.humor{
	width:100%;
	min-height:150px;
	background-color:#fff;
	margin:20px 0;
	display:block;
	float:left;
}
	.humor .title{
		text-transform:uppercase;
		font-weight:500;
		font-size:1.5rem;
		margin:20px;
		display: block;
		color:#0fdfe7;
	}
	.humor .mas{
		text-transform:uppercase;
		font-weight:700;
		font-size:1.5rem;
		margin:20px;
		display: block;
		width:calc( 100% - 40px );
		float:left;
		text-align:right;
	}
.ver_humor article{
  height:400px;
}
	.ver_humor .imagen{
	  height:300px;
	}
	.ver_humor .titulo{
		font-size:1.2rem;
		margin:15px 20px 0 20px;
		font-weight:700;
	}
	.ver_humor .autor{
		margin:0 20px;
	}
	.ver_humor a{
		color:#000;
	}
.imgOKCK{
	max-width:100% !important;
	height:auto;
}
.imgOK {
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.imgOK img{
	max-width:100% !important;
	text-align:center !important;
}
.interior1{
	width:calc(100% - 20px);
	
}
.interior2{
	width:calc(50% - 20px);
	position:relative;
}
.interior3{
	width:calc(33.333% - 20px);
}
.interior4, .interior4ever{
	width:calc(25% - 20px);
}
.interior5{
	width:20%;
	position:relative;
}
.interior2-3{
	width:calc(66.666% - 20px);
}
.interior3-4{
	width:860px;
}
.interior1, .interior2, .interior3, .interior4, .interior4ever, .interior5, .interior2-3, .interior3-4{
	float:left;
	min-height:1px;
	margin:10px;
	position:relative;
}
.index_editar {
	width:calc( 100% - 20px);
	padding:10px;
	position:relative;
	margin-top:10px;
	background-color:#fdc420;
	float:left;
	height: auto;
}
	.index_editar input,textarea,select {
		background: #fff ;
		border: none;
		text-decoration:none;
		padding:3px;
		margin: 0 3px;
	}
	.index_editar input:focus,textarea:focus,select:focus {
		outline:none;
	}
	.index_editar input[type=checkbox] {
		width:25px;
		height:25px;
		vertical-align:middle;
	}
	.index_editar input[type=radio] {
		width:25px;
		height:25px;
		vertical-align:middle;
	}
	.index_editar a{
		padding:3px;
		color:#000;
	}
	.index_editar a:hover{
		color:#fff;
		
		width:calc( 1350px - 150px);
	}
@media screen and (max-width:1400px) {
  header .interior, .suscripcion_aviso .interior, #footer .interior, #content {width:960px;}
  .destacado1 .texto{padding:200px 25px 25px 25px;}
}
@media screen and (max-width:960px) {
  header .interior, .suscripcion_aviso .interior, #footer .interior, #content {width:calc( 100% - 40px ); padding-left:20px; padding-right:20px;}
  .destacado1 .texto{padding:150px 25px 25px 25px;}
}
@media screen and (max-width:720px) {
  .interior1, .interior2, .interior3, .interior4, .interior4ever, .interior5, .interior2-3, .interior3-4{ width:100%; margin:0;}
  .destacado2, .destacado3, .destacado4_alerta, .destacado5_alerta, .columnas{ width:100%; margin:20px 0;}
  .destacado5_alerta{ display: block;}
  .destacado5_alerta .texto{ width:calc( 100% - 60px );}
  .destacado5_alerta .foto{ width:100%;}
  .destacado1 .texto{padding-top:150px;}
  .destacado1 .titulo{font-size:2rem;}
  nav {height:auto; padding: 20px;}
  .clearCel{display:none;}
  .clearWeb{display:block;}
  header {top:0; position:sticky; position:-webkit-sticky; z-index:10;}
  #barra_menu {height:25px;}
  .logo_header{margin:-18px 10px 20px 10px; float:left;}
  #menu {height:100%; width:100%; padding:0; margin:0px; position:fixed; z-index:11; background-color:rgba(0,0,0,0.7); margin-top:0px; right:-100%; top:0px;}
  nav {height:calc(100% - 180px); width:calc(100% - 120px); padding:10px; overflow-y:auto; background-color:#fff;}
  #menu li{float:none; font-size:1.5rem; background-color:#fff; color:#000;}
  .icono_menu {display: block; background-color:#fff; top:0; position:sticky; position:-webkit-sticky; margin-top:30px; right:30px; font-size:2rem; height:40px; width:40px; text-align:center; z-index:23; float:right; }
  #menu .redes {height:140px; width:calc(100% - 100px); padding:10px 0; overflow:hidden; background-color:#F2F2F2;}
  #menu .buscador{width:calc(100% - 20px); max-width:calc(100% - 20px);}
  #menu .interior{padding-bottom:0px;}
  #menu input {background-color:rgba(0,0,0,0.1);}
  .video-home .titulo, #slide .titulo {font-size:1.5rem;}
  .itemheader{margin:10px 5px; padding:10px; float:left; font-size:1.2rem; }
  #slide .item{padding-top:55%;}
  .normal .titulo{font-size:1.1rem;}
  .normal .foto, .seccion_nota .foto{padding-top:25%;}
  .suscripcion_aviso .titulo{width:100%;}
  .suscripcion_aviso .boton{width:calc( 100% - 60px); margin:20px;}
  .suscripcion_aviso .interior{display:block; text-align:center;}
  .footer_menu{width:calc(40% - 0px); margin:0 0px 50px 10px; float:right;}
  .footer_legales{width:calc(60% - 10%); margin:0 20px 50px 20px 0;}
  #footer .logo{width:60%; margin-bottom:20px; margin-left:-30px;}
  .seccion_nota .titulo{font-size:1.2rem;}
	
}