/*
Theme Name: Clipset 2017
Author: @mcontreras
Description: Diseño para Clipset bajo el branding de 20minutos.es
Version: 1.1.3
*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

audio, canvas, video, iframe {
	display: inline-block;
	max-width: 100%;
}

.wp-video {
	margin: 0 0 30px 0;
	width: 100% !important;
	height: auto !important;
}

.wp-video .wp-video-shortcode {margin: 0 auto}

.flex-video {
	width:100%;
	height:0px;
	overflow:hidden;
	margin: 30px 0;
	padding-bottom:56.25%;
}
.flex-video iframe,
.flex-video video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.mejs-controls {
	display: none !important;
	visibility: hidden !important;
}

.mejs-container {background:transparent !important}

.video-destacado,
.embed-youtube {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	padding-top: 25px;
}

.video-destacado iframe,
.embed-youtube iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

input, input:focus, textarea {
	outline: none;
	-webkit-appearance:none;
	border-radius: 3px;
}

[placeholder]:focus::-webkit-input-placeholder {
	transition: opacity 0.5s 0.5s ease;
	opacity: 0;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

strong, b {font-weight: bold}
em, i {font-style: italic}

small {
	font-size: 90%;
	color: #666;
}

/* Mambo */
body {
	background-color: #FFF;
	color: #353535;
}

a {
	color: #ffab00;
	text-decoration: none;
}

.contenido-post a {
	color: #ffab00;
  text-decoration: underline;
}

a:hover {color: #bf8000}

p {margin-bottom: 20px}

hr {
	border: 0;
	border-bottom: 1px solid #DDD;
	margin: 0 0 30px 0;
	display: block;
	clear: both;
}

.hidden,
.movil,
.publimovil {display: none !important}


#div-gpt-ad-1510071384042-1 {text-align: center}
#div-gpt-ad-1510071384042-1 iframe {margin: -10px 0 20px 0}


/* Tablas */

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
    color: #666;
    font-size: .9em;
}

thead th {
	border-bottom: 2px solid #ccc;
	padding-bottom: 0.5em;
    font-weight: bold;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {border-bottom: 1px solid #eaecef}

tr:hover {background-color: rgba(0, 0, 0, 0.04)}

td {padding: 0.4em}

th:first-child, td:first-child {padding-left: 0}

th:last-child, td:last-child {padding-right: 0}


/* Fuentes */
body,
.subtitular {font-family: Helvetica, sans-serif}

h1, h2, h3, h4, h5,
.loop-sidebar li,
.widgets-list-layout-links a {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: bold;
	color: #000;
}

nav {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
}

pre, code, kbd {
	font-family: monospace;
	background-color: rgba(0, 0, 0, 0.05);
	color: #000;
	padding: 2px;
}

.contenido-post {
	font-size: 1.1em;
	line-height: 1.6em;
	font-weight: 300;
}

	.contenido-post h2,
	.contenido-post h3 {
		font-size: 1.6em;
		line-height: 1.5em;
		color: inherit;

	}

	.contenido-post h5 {
        position: relative;
		font-size: 1.8em;
		line-height: 1.3em;
		font-weight: bold;
   		letter-spacing: 0.5px;
        font-style: italic;
        text-transform: uppercase;
		color: #666;
        padding: 10px 0 0 0;
	}

	.contenido-post h5:after {
		background-color: #ffd580;
		content: "";
		height: 5px;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 100%;
		z-index: -1;
}

		.contenido-post h5[style*="text-align: right"],
		.contenido-post h5[style*="text-align: left"] {
			font-size: 1.6em;
		}

/* Imagenes */
article img,
.wp-caption {
	max-width: 740px;
	/*width: 100% !important;*/
	height: auto;
	margin: 0 auto;
	display: block;
}

.aligncenter,
.alignnone {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.twitter-tweet {
	margin: 20px auto;
	display: block;
}

/* Formularios */
input {
	font-family: inherit;
	font-size: .9em;
	color: #666;
	border: 1px solid #DDD;
	border-radius: 3px;
	padding: 8px;
}

input[type=text] {
	background-color: transparent;
}

input[type=submit] {
	cursor: pointer;
	border-color: #E09600;
	background-color: #FFAB00;
	color: #FFF;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2);
}

input[type=submit]:hover {
	background-color: #efa000;
}

input[type=submit]:active {
	background-color: #FFAB00;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
	transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
}

input[type=text],
textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}

input[type=text]:focus,
textarea:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	border-color: rgba(81, 203, 238, 1);
}

/*	Contenedores para skins 20m
	(Laptops, Desktops: 1025px a 1280px)
*/
/*@media (min-width: 1025px) and (max-width: 1280px)*/
@media screen and (min-width:801px) {
	body.home[style] #container,
	body.archive[style] #container {width:970px; overflow:hidden; background-color:#FFF}

	body.home[style] .contenedor-int,
	body.archive[style] .contenedor-int {width:640px}
}

/* Contenedores generales */
#container {
	width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
}

.contenedor-int {
	max-width: 740px;
	width: 100%;
	float: left;
	overflow: hidden;
	background: #ffffff;
}

.contenedor-lateral {
	width: 300px;
	float: right;
}

.contenedor-inf {
	overflow: hidden;
	clear: both;
	margin: 40px 0;
}


/* Colores redes sociales */
.fa-twitter {color: #55ACEE}
.fa-facebook {color: #3b5998}
.fa-envelope {color: #E53935}
.fa-whatsapp {color: #43d854}
.fa-youtube {color: #cd201f}
.fa-instagram {color: #6ac691}
.fa-linkedin-in {color: #0077b5}
.fa-get-pocket {color: #ef4056}
.fa-meneame {
	color: #ff6807;
	background-image: url('img/meneame.png');
	background-repeat: no-repeat;
	background-size: 20%;
	background-position: center center;
	height: 16px;
}

/* Fondos redes sociales */
#menu-social .fa-twitter, .listado-rrss .twitter, .compartir-social .fa-twitter, #menu-secciones-superiores-movil .twitter {background-color: #55ACEE}
#menu-social .fa-facebook, .listado-rrss .facebook, .compartir-social .fa-facebook, #menu-secciones-superiores-movil .facebook {background-color: #3b5998}
#menu-social .fa-youtube, .listado-rrss .youtube, .compartir-social .fa-youtube, #menu-secciones-superiores-movil .youtube {background-color: #cd201f}
#menu-social .fa-instagram, .listado-rrss .instagram, .compartir-social .fa-instagram, #menu-secciones-superiores-movil .instagram {background-color: #6ac691}
#menu-social .fa-telegram, .listado-rrss .telegram, .compartir-social .fa-telegram {background-color: #0088cc}

.listado-rrss .rss {background-color: #f26522}
.listado-rrss .fa-commenting {background-color: #0084ff}
.listado-rrss .fa-linkedin-in {background-color: #0077b5}
.listado-rrss .newsletter {background-color: rgb(255, 202, 0)}

.compartir-social .fa-get-pocket {background-color: #ef4056}
.compartir-social .fa-whatsapp {background-color: #43d854}
.compartir-social .fa-meneame {background-color: #ff6807}
.compartir-social .fa-envelope {background-color: #E53935}
.compartir-social .fa-linkedin-in {background-color: #0077b5}
.compartir-social .fa-telegram {background-color: #0088cc}
.compartir-social .fa:hover {opacity: .8}

/* superior */
header {margin: 0 0 30px 0}

.superior {
	overflow: hidden;
	position: relative;
}

	.superior .logo {
		float: left;
		width: 210px;
	}

	.superior .logo a {
		display: block;
		width: 210px;
		height: 75px;
		background: url("img/logo.png");
		background-size: 210px 75px;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.superior .logo span {display: none}

	.cabecera .clipete {
		float: left;
		width: 92px;
		max-height: 42px;
		margin: 28px 0 0 0;
	}

	/* Busqueda superior */
	.superior .busqueda {
		width: 300px;
		float: right;
		overflow: hidden;
	}

	.busqueda-widget form {
		overflow: hidden;
		float: right;
		width: 250px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		background-color: rgba(255, 255, 255, 0.75);
		margin: 0;
		padding: 0;
	}

	.busqueda-widget h3 {display: none}

	.busqueda-widget input {
		font-family: inherit;
		font-size: .9em;
		color: #666;
		border: none;
		margin: 0;
		border-radius: 0px;
	}

	.busqueda-widget input[type=text] {
		float: left;
		width: 178px;
		padding: 12px 5px;
		background-color: transparent;
	}

	.busqueda-widget input[type=submit] {
		float: right;
		width: 60px;
		padding: 12px 0;
		font-weight: bold;
		text-align: center;
		color: #212121;
		text-shadow: none;
	}

	.busqueda-widget input:focus {
		box-shadow: none;
		border-color: transparent;
	}

	.busqueda-widget .branding-20m {
		float: right;
		margin: 0;
		padding: 0;
	}

	.busqueda-widget .branding-20m a {display: block}

	.busqueda-widget .branding-20m img {
		margin: 0;
		padding: 0;
		width: 42px;
		height: 42px;
	}

	.cabecera input[type="checkbox"], .cabecera label {display: none}

.inferior {
	background: #333;
	color: #fff;
	overflow: hidden;
	position: relative;
}

.aviso-superior {
    margin: -30px 0 30px 0;
    background-color: #FFAB00;
    color: #FFF;
    padding: .9em;
    font-size: 1.05em;
}

.aviso-superior p {margin:0}

.aviso-superior a {color: #FFF}

/* Navegacion */
nav#secciones {
	overflow: hidden;
	float: left;
	width: 65%;
}

nav .menu-secciones-superiores-container li {
	text-align: center;
	list-style-type: none;
	float: left;
	padding: 9px 0;
}

nav .menu-secciones-superiores-container .strong {font-weight: bold}
nav .menu-secciones-superiores-container .ces {background-color: #1aa2d8}
nav .menu-secciones-superiores-container .mwc {background-color: #e31a29}

nav .menu-secciones-superiores-container li ul li {
	width: 100%;
	text-align: left;
}

nav .menu-secciones-superiores-container li:hover {
	cursor: pointer;
	position: relative;
}

nav .menu-secciones-superiores-container li:hover > ul {display: block}

nav .menu-secciones-superiores-container li:hover > a {
	color: #333;
	text-decoration: none;
	background-color: #ffab00;
}

nav > .menu-secciones-superiores-container > li > a {
	cursor: pointer;
	display: block;
	outline: none;
	width: 100%;
	text-decoration: none;
}

nav > .menu-secciones-superiores-container > li {float: left}

nav i {margin-right:4px}

nav a {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	padding: 14px 15px;
}

nav > .menu-secciones-superiores-container li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	z-index: 2000;
}

nav > .menu-secciones-superiores-container li ul li > a {text-decoration: none}

@media screen and (max-width: 770px) {
	/* Navegacion movil */
	.clipete, .superior .busqueda, .inferior {display: none}

	.cabecera {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 999;
		background-color: #222;
		box-shadow: 0 1px 8px rgba(0,0,0,0.25);
	}

	.cabecera [type="checkbox"], .cabecera label {display: inherit}

	.cabecera .superior {min-height: inherit}

	.cabecera .logo {
		margin-left: 20px;
		padding: 10px 0;
		position: inherit;
		float: left;
		width: 93px
	}

	.cabecera .logo a {
		width: 93px;
		height: 30px;
		background: url("img/logo-amarillo.png");
		background-size: cover;
	}

    .aviso-superior {
        position: fixed;
        left:0;
        right: 0;
        bottom: 0;
        z-index: 3;
        font-size: 95%;
        margin: 0;
    }

	.contenedor-int {margin-top: 10px}
}


/* Navegacion movil */
.social-superior-movil {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 50px;
	z-index: 1;
	height: 50px;
}

.social-superior-movil li {
	display: inline;
}

.social-superior-movil a {
	display: block;
	float: left;
	padding: .93em .6em;
}

.social-superior-movil .fab,
.social-superior-movil .fas {
	color: #fff !important;
	background-color: transparent !important;
	font-size: 1.3em;
}

.drop {
	float: right;
	overflow: hidden;
}

.drop label {
	float: right;
	padding: 15px;
}

.drop input {display: none}

.drop label[for="nav-trigger"] {cursor: pointer}

.drop label .fa {
	display: inherit;
	font-size: 21px;
	color: #FFF;
}

.drop .nav-trigger:checked ~ .menu-secciones-superiores-movil-container {display: block !important}

.drop .menu-secciones-superiores-movil-container {
	display: none;
	list-style: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
  z-index: 1;
}

.drop .menu-secciones-superiores-movil-container ul {
	float: none;
	font-size: .9em;
	letter-spacing: 1px;
	background-color: rgb(49, 49, 49);
	box-shadow: 0 5px 8px rgba(0, 0, 0, .5);
}

.drop .menu-secciones-superiores-movil-container li a {
	display: block;
	padding: 14px 20px;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

.drop .menu-secciones-superiores-movil-container li a:hover, .drop .menu-secciones-superiores-movil-container li a:active {background-color: rgba(0,0,0,0.1)}

.menu-social-container {
	float: right;
	position: absolute;
	right: 0;
	width: 300px;
	margin-right: -1px;
}

	.menu-social-container .menu {list-style: none}

	.menu-social-container .menu li {float: left}

	.menu-social-container .menu a {
		display: block;
		text-align: center;
	}

	.menu-social-container .menu .fab {
		color: #fff;
		display: inline-block;
		font-size: 1.25em;
		width: 46px;
		padding: .8rem .9rem;
	}

	.menu-social-container .menu a:hover .fab {opacity: .75}

/* Portada */
.home .cuadro,
.search .cuadro,
.archive .cuadro {
	float: left;
	width: 60%;
	margin-left: 20px;
	box-sizing: border-box;
}

.cuadro-link {
	color: inherit;
	text-decoration: none;
}

.titulo-seccion {
	font-size: 1.9em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 20px 0;
}

.titulo-seccion q,
.titulo-seccion span {
	border-bottom: 4px solid #FFAB00;
}

/* Portada: intro */
.intro article.post,
.home .tag-top {
	padding: 0 0 20px 0;
	position: relative;
}

.intro .cuadro-link:hover, .home .tag-top .cuadro-link:hover {text-decoration: none}

.intro figure,
.home .tag-top figure {
	float: none;
	width: 100% !important;
	min-height: 40px;
}

.intro .cuadro,
.home .tag-top .cuadro {
	width: auto;
	margin: 10px 0 0 0;
}

.home .intro .titulo-post,
.home .tag-top .titulo-post {
	font-size: 3em;
	letter-spacing: -1px;
}

.intro .subtitular, .home .tag-top .subtitular {font-size: 1.25em !important}

/* Post */
article.post {
	margin: 0;
	padding: 20px 10px;
	overflow: hidden;
	border-bottom: 1px solid #E0E0E0;
	box-sizing: border-box;
}

.single article.post {
	margin: 0 0 40px 0;
	padding: 0;
	border-bottom: none;
}

article.post figure {
	position: relative;
	clear: both;
}

figure img {
	width: 100%;
	max-width: 740px;
	height: auto;
	display: block;
}

	.home figure,
	.search figure,
	.archive figure {
		width: 35%;
		max-height: 680px;
		float: left;
	}

	figure figcaption {
		color: #999;
		margin: 4px 0 0 0;
	}

	figcaption a,
	.wp-caption-text a {
		color: inherit;
		text-decoration: underline;
	}

.video-destacado {margin: 0 0 15px 0}

/* Titulos posts*/
.titulo-post {
	margin-bottom: 5px;
	line-height: 1.2em;
}

	.cuadro-link:hover .titulo-post {
		text-decoration: underline;
		color: #FFAB00;
	}

	.single .titulo-post {
		font-size: 2.6em;
		letter-spacing: -1px;
	}

	.home .titulo-post, .archive .titulo-post {font-size: 1.8em}

.subtitular {
	line-height: 1.4em;
	font-weight: 300;
	color: #757575;
}

	.home .subtitular,
	.search .subtitular,
	.archive .subtitular {
		font-size: 1em;
		margin-top: 5px;
	}

	.single .subtitular {font-size: 1.25em}

.subtitular a {
	text-decoration: none;
	color: inherit;
}

.subtitular ul {
	margin: 0 0 0 25px;
	list-style-type:square;
	font-size: 85%;
	line-height: 1.4em;
}

.subtitular p {margin: 0}

.info-post {
	margin: 0 0 5px 0;
	font-size: .8em;
	font-weight: 300;
	color: #888;
}

	.single .info-post {
		float: left;
		margin: 10px 0 20px 0;
	}

.info-post a {
	color: inherit;
	text-decoration: none;
}

	.info-post .twitter {
		margin-left: 5px;
	}

.info-post a:hover {
	color: #212121;
}

.info-post time {
	cursor: help;
}

.info-post .edit a {
	font-weight: bold;
	color: #fff;
	background-color:#F44336;
	border-radius: 3px;
	padding: 0 4px;
}

.contenido-post {
	clear: both;
	margin: 20px auto;
}

	.contenido-post h2,
	.contenido-post h3 {
		margin: 30px 0 20px 0;
		color: #000;
	}

	.contenido-post h5 {
		margin: 30px 0;
        color: #ffab00;
	}

		.contenido-post h5[style*="text-align: right"] {
			width: 250px;
			float: right;
            text-align: left !important;
			margin: 0 0 20px 20px;
		}

		.contenido-post h5[style*="text-align: left"] {
			width: 250px;
			float: left;
			margin: 0 20px 20px 0;
		}

	.contenido-post ul,
	.contenido-post ol {
		margin: 0 0 30px 40px;
	}

		.contenido-post ul {list-style-type: square}

	blockquote {
		position: relative;
		border-left: 5px solid #FFAB00;
		margin: 30px 0;
		padding: 50px 0 0 20px;
		color: #666;
		background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAhCAYAAABAxlKmAAACfklEQVRYha2Y/XHiMBDFf/JcA26BlAAlkAo8pIRQApQAJXAlwKgCKAGXEJcQl6D84RXnyPJJa/vNZDIY8Xi8/dBKMAHOsnOWp7Mcpnw+wb12lquzXML3jJLoEzgAK3nUAm+mol1A5Fa4t73HG1NR+xd/MonWwLUn0qMETsB+hsgVcAlEelyAjX9RZJCdgGdEqMen/Bg1JFJP4kIB1rIGSKSBs1yBXcb31qb650AOxIScnH+lWtRZZymd5U6eUAgcSEGKJ7c4farFnVU42kdWsSkcDbEZOCvtSCsU4JFa0Kt4LWoInBWyu5KoAT76LSYGqfonXVhz0QJ7U3GDYes6aVTSCX03FU3G2hN6oe/RPussO1C1oIauaSc3BGltmtQaCIXffVbr6l6xc2m5z7G0MvBy9aogu5mKj5yFkqtfCu7GVLzF3vDOaqv/rFi7GLcXO7bdxdCmKj+AVuxoCyykXamqNHcWcJYSXdECrORzAxRTyICns3w7y2WMWKCJmMcd+HaWe8hdMD5NpVACn8BdimhszVRsgS+JPNCJnUMIXWQGLgjmcpfA1ZuxhFjoohPb86dGrY/X1DUnDUIcIumwhBEAO2fZJk8KSkw6MWRiW0DWEJKLUOyi3EuLDdNgUe4CVLtRCmGOLim2XNrZ8IcvaURdmIoHywn+JU5GyORxJ5fbd4PjUoSRZ5MvQELuAkDOOHMdOMeON/JMM1LG8DAVt36fPcLkO6vaVP+NzpnpqdZCN+i/xMqMukHvcO3JxiC5uwH+Krn9ybmF8UuOA+lzUwscTaUTIEeoC+mt+EyXWq9op+661nS70kr+N72/x5yrTpkj+vzQRamhS6tB2vwAqzrZKjacFEsAAAAASUVORK5CYII=');
		background-repeat: no-repeat;
		background-position: 20px 5px;
	}

	.wp-embedded-content {
		width: 98.5%;
		height: auto;
		margin: 20px 5px;
		padding: 0;
		border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	}

		.wp-embedded-content p {
			margin: 0;
			font-weight: bold;
		}

	.ladillo {
		margin: 0 0 30px 0;
		padding: 20px;
		color: #444;
		background-color: #ECEFF1;
		border: 1px solid rgba(0, 0, 0, 0.05);
		border-radius: 3px;
	}

		.ladillo h4 {
			font-size: 1.2em;
			font-weight: bold;
			margin: 0 0 10px 0;
			padding: 0 0 10px 0;
			border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		}

.wp-caption-text,
figcaption {
	font-size: .75em;
	line-height: 1.4em;
	font-weight: 300;
	color: #AAA;
	margin: 8px 0 20px 0;
}

.wp-caption-text {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
}

.contenido-post .mixxio {margin: 0 0 20px 0}
.mixxio h3 {margin: 0 0 10px 0; padding: 0}
.mixxio a {color: #FFF}
.mixxio a:hover {text-decoration: none}
.mixxio #email {width: 50% !important}

.compartir-social {
	margin: 10px auto;
	overflow: hidden;
}

.compartir-superior {
	border: none;
	display: block;
	float: right;
	width: 176px;
	margin: 5px 0 0 0;
	padding: 0;
}

	.compartir-social p {
		display: none;
	}

	.compartir-social a {
		text-align: center;
		display: block;
	}

	.compartir-social .fab,
	.compartir-social .fas {
		float: left;
		border-radius: 3px;
		color: #fff;
		margin: 0 4px 0 0;
		padding: 10px;
		width: 12.95%;
	}

	.compartir-superior .fab, .compartir-superior .fas {width: 20px}

.crp_related h3 {
	font-size: 1.5em;
	color: #333;
	margin: 20px 0;
}

.crp_related ul {list-style: none}

.crp_related li {
	overflow: hidden;
	margin: 0 0 15px 0;
}

.crp_related a {
 		color: #ffab00;
    text-decoration: underline;
}

.crp_title {
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.2em;
}

	.crp_related a:hover {color: #bf8000}

.crp_related img, .crp_date {display: none}

.tags {
	margin: 0 0 20px 0;
  overflow: hidden;
}

	.tags a {
		float: left;
    font-family: "Roboto Condensed", sans-serif;
		font-size: .75em;
    text-transform: uppercase;
    text-decoration: none;
		background-color: #eee;
		color: #999;
		margin: 0 5px 0px 0;
		padding: 5px 8px;
		border-radius: 3px;
	}

	.tags a:hover {
		color: #FFF;
		border-color: #FFAB00;
		background-color: #FFAB00;
	}


/* Live */
.liveblog-entry {
	padding: 30px 0 10px 0 !important;
	overflow: hidden;
}

.liveblog-meta {
	width: 25%;
	float: left;
	text-align: center;
}

	.liveblog-author-avatar {
		float: none !important;
		display: block;
		width: 100%;
	}

		.liveblog-author-avatar img {border-radius: 100%}

	.liveblog-author-name {
		float: none;
		display: block;
		width: 100%;
		font-size: .9em !important;
		color: #666;
	}

	.liveblog-meta-time {
		float: none !important;
		margin: 0 !important;
		text-transform: uppercase;
		font-size: 10px !important;
	}

		.liveblog-meta-time a {
			box-shadow: none;
			color: #999 !important;
		}

.liveblog-entry-text {
	width: 70%;
	overflow: hidden;
	float: right;
	margin: 0 !important;
	font-size: .95em;
	line-height: 1.5em;
	color: #555;
}

	.liveblog-entry-text img {
		width: 100%;
		height: auto;
	}

	.liveblog-entry-text blockquote {
		background: none;
		padding: 0 0 0 20px;
		font-size: 90%;
		border-left: 2px solid #FFAB00;
	}

.liveblog-entry-actions {
	clear: both;
	margin: 10px 0 !important;
}

.liveblog-load-more {
	background-color: #FFAB00;
	border: 0px;
	color: #fff;
	font-size: 1em;
	font-weight: 600;
}


/* Comentarios (Innecesario con disqus) */
h3#comments {
	text-transform: uppercase;
	color: #FFAB00;
	border-bottom: 2px solid #FFAB00;
	margin: 0 0 20px 0;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist ul {	list-style-type: none}

.commentlist .comment {
	margin: 0 0 10px 0;
	padding: 20px;
	border: 1px solid #EEE;
	border-radius: 3px;
}

.comment-body {
	font-size: 1em;
	line-height: 1.5em;
	color: #666;
}

.commentlist .comment-author .avatar {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0px 10px 0 0;
}

.comment-author {color: #333}

.comment-author .fn {font-weight: bold}

.commentlist .comment-meta {
	font-size: .65em;
	text-transform: uppercase;
	color: #333;
}

.commentlist .comment-meta a {
	color: #999;
	text-decoration: none;
}

.commentlist .comment-meta a:hover {text-decoration: underline}

.commentlist .comment-reply-link {
	display: inline-block;
	background: #FFC107;
	color: #FFF;
	padding: 8px 10px;
	border-radius: 3px;
	font-size: .8em;
	text-transform: uppercase;
	text-decoration: none;
}

.commentlist .comment-reply-link:hover {background-color: #FFA000}

.commentlist .children {
	margin: 20px 0 0 0;
	padding: 0;
}

#respond {
	border: 1px solid #EEE;
	border-radius: 3px;
}

#respond h3 {
	margin: 0;
	padding: 0;
	background: #EEE;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #555;
	padding: 10px;
	border-radius: 3px;
}

#respond h3 a {
	color: #333;
	text-decoration: none;
}

.comment-notes {
	font-size: .85em;
	color: #999;
}

.comment-form {padding: 20px}

.comment-form p {
	display: block;
	overflow: hidden;
}

.comment-form input[type=text],
.comment-form textarea {
	border: 1px solid #CCC;
	padding: 5px;
	font: normal 14px "Open Sans", sans-serif;
	color: #666;
}

.logged-in-as {
	margin: 0;
	font-size: .9em;
}

.comment-form label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin: 0 0 10px 0;
}

textarea#comment {
	width: 90%;
	height: auto;
}

.akismet_comment_form_privacy_notice {
  margin: 10px 0 0;
	font-size: .9em;
	color: #AAA;
}

.akismet_comment_form_privacy_notice a {
	color: inherit;
	text-decoration: underline;
}


/* Navegacion paginas */
.navegacion {
	margin: 40px 0;
	font-size: 1em;
	text-align: center;
}

.wp-pagenavi {
	margin-top: 30px;
	color: #CCC;
	font-weight: 300;
}

.wp-pagenavi .current,
.wp-pagenavi a,
.wp-pagenavi .nextpostslink {
	display: inline-block;
	font-weight: bold;
	border-radius: 3px;
	padding: 6px 10px;
	margin-right: 4px;
}

.wp-pagenavi .pages {margin-right: 4px}

.wp-pagenavi .current {
	display: inline-block;
	color: #999;
	border: 2px solid #EEE;
	background-color: #EEE;
	border-radius: 3px;
	padding: 6px 10px;
	margin-right: 4px;
}

.wp-pagenavi a {border: 2px solid #FFC107}

.wp-pagenavi a:hover {
	background-color: #FFC107;
	color: #000;
	opacity: 1
}
.wp-pagenavi .nextpostslink {background-color: #FFC107; color: #000}
.wp-pagenavi .extend {margin: 6px 10px}
.wp-pagenavi .last {
	font-weight:300;
	opacity: .5;
	color: #EEE;
	border-color: #EEE;
}

/* 404 */
.error {padding: 20px 0}

.error h2 {
	font-size: 1.6em;
	background-color: #F44336;
	border-bottom: 6px solid #E53935;
	color: #FFF;
	margin: 0 0 20px 0;
	padding: 20px;
}

.error p {
	font-size: 1.2em;
	color: #666;
}

.error a {color: inherit}

/* Publicidad */
.publi-superior-horizontal {
	padding: 20px 0;
	text-align: center;
}

#div-gpt-ad-1510052631538-0,
#div-gpt-ad-1510052273578-6,
#div-gpt-ad-1510071384042-2 {
	display: block;
	margin: 0 auto 20px auto;
}

/* Sidebar */
.widget {
	margin: 0 0 30px 0;
	overflow: hidden;
}

.widget-titulo {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFAB00;
	margin: 0 0 10px 0;
	overflow: hidden;
	position: relative;
}

.widget-titulo .fondo {
	position: relative;
	display: inline-block;
	padding-right: 10px;
	letter-spacing: inherit;
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
	z-index: 0;
	background-color: #fff;
}

.widget-titulo:after {
	content: "";
	border-bottom: 5px solid #FFAB00;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -2px;
	width: 100%;
	z-index: -1;
}

.widget-titulo a {
	color: inherit;
	text-decoration: none;
}

.ultimo-video {margin: 0 0 10px 0}

.ultimo-video .widget-titulo {border-bottom-color: #cd201f}
.ultimo-video .widget-titulo:after {border-bottom: none}

.ultimo-video .icono {float: left}
.ultimo-video a .icono {color: #cd201f}

.ultimo-video .boton {
	background-color: #cd201f;
	color: #fff;
	margin-top: 4px;
	padding: 15px 10px;
	border-radius: 3px;
	display: block;
	font-size: 1em;
	font-weight: bold;
}

	.ultimo-video .boton .fab {
		font-weight: normal;
		color: #fff;
	}

.listado-rrss li {
	list-style-type: none;
	float: left;
	width: 16%;
	text-align: center;
	margin-right: .8%;
}

	.listado-rrss li:last-of-type {margin-right:0}

.listado-rrss a {
	display: block;
	border-radius: 3px;
	text-decoration: none;
	color: #FFF;
	padding: 10px 0px;
}

	.listado-rrss a:hover {opacity: .8}

.listado-rrss .fab, .listado-rrss .fas, .listado-rrss .far {color: #FFF}

.email-suscripcion {
	color: #FFF;
	border: 1px solid #EEE;
	border: none;
	background-image: url('img/pattern.png?v=3');
	background-color: #FFAB00;
	background-size: 150%;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)
}

.email-suscripcion h3 {
	font-size: 1.5em;
	line-height: 1em;
	color: #FFF;
	padding: 15px 20px 0 20px;
}

.email-suscripcion h3 span, .email-suscripcion h3 strong {background-color: transparent !important}

.email-suscripcion h3:after {display: none}

.email-suscripcion p, .email-suscripcion form {
	font-size: .95em;
	line-height: 1.3em !important;
	font-weight: 500;
	padding: 0 20px
}

.email-suscripcion p {line-height: 1.4em}

.email-suscripcion form {padding: 0 20px 20px 20px}

.email-suscripcion form input#email {
	background-color: #FFF;
	border-color: #FFF;
	width: 55%
}

.email-suscripcion form input[type=submit] {
	background-color: transparent;
	border: 1px solid #FFF;
	font-weight: bold;
	text-shadow: none;
	margin: 5px 0 0 0
}

.widget_views ul {list-style-type: none}

	.widget_views li {
		display: block;
		overflow: hidden;
		margin: 0 0 20px 0;
		line-height: 1.1em;
	}

	.widget_views a {
		color: inherit;
		text-decoration: none;
	}

		.widget_views a:hover h4 {color: #FFAB00}

	.widget_views img {
		width: 80px;
		height: 80px;
		float: left;
		margin: 0 20px 0 0;
	}

	.widget_views h4 {
		font-size: 1em;
		font-weight: bold;
		color: #333;
	}

	.widget_views .fecha {
		font-size: 11px;
		font-weight: 300;
		text-transform: uppercase;
		color: #999;
		margin-top: 4px;
	}

.loop-sidebar ol,
.loop-sidebar ul {
	list-style: none;
	margin: 0;
}

	.loop-sidebar li {
		border-bottom: 1px solid #EEE;
		font-size: 1.1em;
		line-height: 1.2em;
		overflow: hidden;
		padding: 0px 0;
	}

	.loop-sidebar a {
		color: #000;
		text-decoration: none;
		display: block;
		overflow: hidden;
		padding: 10px 0;
	}

		.loop-sidebar a:hover {text-decoration: underline}

	.loop-sidebar img {
		float: right;
		width: 70px;
		height: 70px;
		margin: 0 0 0 10px;
	}


/* Lo mas visto */
.widget_top-posts li {
	margin: 0 0 10px 0;
	display: block;
	overflow: hidden;
}

.contenedor-lateral .widget_top-posts img {
	width: 75px !important;
	height: 75px !important;
	max-width: 75px !important;
	float: right !important
}

.widgets-list-layout-links {float: left !important}

.widgets-list-layout-links a {
	color: #000;
	font-weight: bold;
}

.widgets-list-layout-links a:hover {text-decoration:underline}

/* Intervideo footer */
#inter-video {
	background-color: #EEE;
	min-height: 400px;
	clear: both;
	overflow: hidden;
	padding: 60px 0;
	box-shadow: inset 0 0px 5px 0 rgba(0, 0, 0, 0.2);
}

	#inter-video #container h2 {
		font-size: 2.5em;
		font-weight: 600;
    letter-spacing: -2px;
		color: #FFAB00;
		margin-bottom: 20px;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	}

	#inter-video .ultimo-video {
		float: left;
		width: 69%;
		max-width: 730px;
	}

	#inter-video .ultimo-video a {
		display: block;
		color: #000;
	}

	#inter-video .ultimo-video .thumb {position: relative}

	#inter-video .ultimo-video .fa {
		font-size: 200px;
		color: rgba(255,255,255, 0.4);
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 9999;
		margin: -100px 0 0 -86px;
	}

	#inter-video .ultimo-video a:hover .fa {color: rgba(255, 255, 255, 0.6)}

	#inter-video .ultimo-video img {
		width: 100%;
		height: auto;
		z-index: 1;
    text-shadow: 0px 1px 1px #fff;
	}

	#inter-video .ultimo-video h3 {
		font-size: 2em;
		font-weight: 600;
		line-height: 1.1em;
		color: #333;
		margin: 10px 0;
	}

	#inter-video .ultimo-video .subtitular {
		font-size: 1em;
		color: #666;
    text-shadow: 0px 1px 1px #fff;
	}

	#inter-video aside {
		width: 300px;
		float: right;
		max-height: 550px;
	}

	.video-indi {
		margin: 0 0 20px 0;
		overflow: hidden;
	}

	.video-indi a {
		display: block;
		color: #333;
		font-size: .85em;
	}

	.video-indi img {
		float: left;
		width: 120px;
		height: auto;
		margin: 0 10px 0 0;
	}

/* Footer */
.contenedor-inf {
	font-size: .9em;
	font-weight:300;
	text-align: center;
	color: #888;
}

.contenedor-inf a {
	color: inherit;
	text-decoration: none;
}

.contenedor-inf a:hover {text-decoration: underline}

.contenedor-inf span {font-size: 120%}

.menu-enlaces-pie-container {
	border-top: 1px solid #EEE;
	margin: 40px auto 20px auto;
	padding: 20px 0 0;
}

.menu-enlaces-pie-container .fa-rss-square {color: #f26522}

#menu-enlaces-pie {
	list-style-type: none;
	overflow: hidden;
	text-align: center;
}

#menu-enlaces-pie li {
	display: inline;
	margin: 0 10px;
}

/* Seleccion */
.page-template-page-seleccion .contenedor-lateral {display:none}

.page-template-page-seleccion .contenedor-int {
	max-width: 100%;
	margin: 0 0 2em 0;
}

.seleccion-header {
	text-align: center;
	border-bottom: 1px solid #ffab00
}

.box {
  margin-bottom: -30px;
}

.box svg {
	width: 150px;
	height: auto;
	fill: #ffab00;
}

.seleccion-header h1 {
	font-size: 3em;
	font-weight: 900;
	line-height: 1.2em;
	letter-spacing: -2px;
	color: #ffab00;
	margin: 0 0 10px 0;
}

.seleccion-header p {
	font-size: .9em;
	color: #666;
}

.page-template-page-seleccion .contenido-post {
	display: flex;
	flex-wrap: wrap;
	align-items: self-start;
	overflow: hidden;
	width: 100%;
}

.page-template-page-seleccion a {box-shadow: none}

.page-template-page-seleccion .tarjeta {
	flex: 1;
	max-width: 250px;
	min-width: 250px;
	margin: 0 10px 10px 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	overflow: hidden;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	border-radius: 3px;
}

.page-template-page-seleccion .tarjeta:hover {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2)}

.page-template-page-seleccion .tarjeta .thumb {
	padding: 10px;
}

.page-template-page-seleccion .tarjeta .thumb img {
	width: 100%;
	height: auto;
}

.page-template-page-seleccion .tarjeta .detalle {
	padding: 10px;
}

.page-template-page-seleccion .tarjeta h4 {
	font-size: 1em;
	line-height: 1.4em;
	font-weight: 600;
}

.page-template-page-seleccion .tarjeta  .descripcion {
	font-size: .85em;
	color: #666;
}

.page-template-page-seleccion .tarjeta .precio {
	color: #4CAF50;
}

.page-template-page-seleccion .tarjeta .descuento {
	font-size: .8em;
	color: #F44336;
}

.page-template-page-seleccion .tarjeta .precio-original {
	font-size: .7em;
	font-weight: 300;
	text-transform: uppercase;
	color: #2196F3;
}

.page-template-page-seleccion .tarjeta .accion a {
	display: block;
	background-color: #ff9900;
	color: #fff;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 10px;
	border-radius: 3px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.page-template-page-seleccion .disclaimer {
	font-size: .75em;
	color: #999;
}

/* Footer movil */
.footer-movil {margin: 40px 0}

.contenedor-lateral .busqueda-widget h3 {display: inherit}


/* Adaptaciones a tamanos */
@media (max-width: 1200px) {
	#container {
		width: 990px;
	}

	.contenedor-int {
		max-width: 650px;
	}

	article img,
	.wp-caption {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
}

@media (max-width: 1050px) {
	#container {
		width: 900px;
	}

	.contenedor-int {
		width: 64%;
		max-width: 64%;
	}

	div.aligncenter {
		max-width: 100%;
	}
}


@media (max-width: 950px) {
	#container {
		width: 90%;
		padding: 0;
	}

	.contenedor-int,
	.contenedor-lateral {
		width: 100%;
		max-width: 100%;
		float: none;
		padding:  0;
	}

	.contenedor-lateral .widget {
		margin: 30px 0;
	}

	.youtube-frame iframe {
		width: 100%;
		height: 240px;
	}

	.contenedor-lateral .publicidad-lateral-300 {
		text-align: center;
		display: block;
		margin: 0 auto;
	}

	nav a {
		padding: 14px 8px;
	}

	.menu-social-container {
		width: 200px;
	}

	.menu-social-container .menu .fab {
		width: 21px !important;

	}

	.liveblog-meta,
	.liveblog-entry-text {
		float: none;
		width: 100%;
		text-align: inherit;
	}

	.liveblog-meta {margin: 0 0 10px 0}

	.liveblog-entry .liveblog-author-avatar {
		float: left !important;
		width: 30px;
	}

	.liveblog-author-name {
		font-weight: bold;
		line-height: .5em !important;
	}
}

@media (max-width: 770px) {
	/* Contenidos para movil */
	.movil,
	.publimovil {
		display: inherit !important;
	}

	#div-gpt-ad-1510052631538-0, #div-gpt-ad-1510071384042-1 {display: none}

	.publi-superior-horizontal {
		margin-top: 65px;
		padding: 0;
	}

	.video-destacado iframe {
		max-height: 209px;
	}

	.alignleft,
	.alignright {
		float: none;
		display: block;
		margin: 0 auto;
	}

	.intro .cuadro,
	.home .tag-top .cuadro {
		float: none !important;
		width: 100% !important;
	}

	.intro .titulo-post,
	.home .tag-top .titulo-post {
		font-size: 2em;
	}

	.home .cuadro,
	.search .cuadro,
	.archive .cuadro {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.home figure,
	.search figure,
	.archive figure {
		width: 100%;
	}

	.home .cuadro .info-post {
		display: none;
	}

	.single .titulo-post {
		font-size: 1.9em;
		letter-spacing: -1px;
	}

	.single .subtitular {font-size: 1em}

	.single .info-post {
		float: none;
		margin: 10px 0;
	}

	.compartir-superior {
		float: none;
		width: 100%;
		margin: 10px 0;
		padding: 0;
	}

	.contenido-post {
		font-size: 1.05em;
		line-height: 1.6em;
	}

	article img,
	.wp-caption {
		max-width: 100%;
		height: auto;
	}

	.contenido-post h5 {
		font-size: 1.3em !important;
		line-height: 1.4em;
		margin: 25px !important;
		width: inherit !important;
		text-align: left;
	}

	#ba_yt_0 {
		width: 100%;
		max-height: 190px;
	}

	.compartir-social .fab,
	.compartir-social .fas {
		width: 6%;
		margin: 0 4px 0 0;
	}

	.crp_title {
		font-size: 1em;
		line-height: 1.4em;
	}

	.widget {
		margin: 0 auto 30px auto;
		display: block;
	}

	.contenedor-lateral .busqueda-widget form {width: 80%}

	.contenedor-lateral .busqueda-widget input[type=text] {width: 70%}

	.contenedor-lateral .busqueda-widget .branding-20m {
		float: left;
		margin-left: 10px;
	}

	#footer-20m {display: none}

	#inter-video {
		margin-top: 20px;
		padding: 20px 0 !important
	}

	#inter-video .ultimo-video {margin-bottom: 40px}

	body #inter-video .ultimo-video .fa {
		font-size: 100px;
		color: rgba(255, 255, 255, 0.75);
		margin: -55px 0 0 -50px;
	}

	#inter-video .ultimo-video h3 {font-size: 1.8em !important}

	#inter-video .ultimo-video,
	#inter-video aside {
		width: 100%;
		min-width: 100%;
		height: 100%;
		max-height: 100% !important;
	}

	#inter-video aside {overflow: inherit}
}

@media (max-width: 600px) {
	.home .intro figure,
	.home .tag-top figure,
	.search .intro figure,
	.search .tag-top figure,
	.archive .intro figure,
	.archive .tag-top figure {
		max-width: 100%;
		width: 100%;
		float: none;
	}

	.intro .titulo-post,
	.home .tag-top .titulo-post {font-size: 2em !important}

	.intro .subtitular,
	.home .tag-top .subtitular {
		font-size: .9em !important;
		line-height: 1.4em;
	}

	.home .post .titulo-post,
	.archive .post .titulo-post {font-size: 1.5em}

	.home .subtitular,
	.search .subtitular,
	.archive .subtitular {font-size: .85em}

	.info-post {
		margin: 10px 0 0 0 !important;
		font-size: .75em;
	}

	.cuadro-link {text-decoration: none !important}

	.compartir-social .fa-whatsapp {margin: 0}

	.fa-meneame {background-size: 20px}

	.compartir-social p {
		float: none;
		margin: 6px 0 15px 0;
	}
}