@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto:300|Roboto:700|Roboto:900');
body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
html {
  height: -webkit-fill-available;
}
*{
	padding:0;
	margin:0;
	box-sizing:border-box;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}
h1,h2,h3,h4,p,a,li{
	font-family:Roboto;	
}
h4{
	font-size: 14px;
    color: #666;
    font-weight: 100;
}
h6{
	width:80%;
	display:table;
	position:relative;
	font-size:26px !important;
	color:#999;
	line-height:38px !important;
	margin:40px 10%;
	float:left;
	padding:25px;
	border-left:1px solid #666;
	font-family:roboto;	
}
h6:before{
	content:open-quote;
	float:left;
	font-size:50px;
	font-weight:700;
	padding-right:20px;
	color:#666;
	font-family:century;
}
h6:after{
	content:close-quote;
	font-size:50px;
	font-weight:700;
	padding-right:20px;
	float:right;
	border-right:1px solid #666;
	color:#666;
	font-family:century;
	display:table-cell;
	position:absolute;
	bottom:0;
	right:-16px;
}
.firma-h6{
	margin:40px 10% 0 10%;
}
.firma-p{
	text-align:right;
	font-size:14px !important;
	padding-right:45px !important;
	clear:both;	
}
ul{
	overflow:hidden;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
p{
	color:#000;
}
h2 a{
	color:#111;
}
.hide{
	display:none;
}
.info-programa p:nth-child(3) {
    font-size:13px;
	color:#9d9d9d;
}
.fecha-compartir .fa,.fecha-compartir .fas,.menu-bloques .fa,.menu-bloques .fas{
	font-weight:700 !important;
    font-size:20px;
    color:#c3c3c3;
}
iframe{
	border:0;
}
.img iframe{
    width:100%;
    height:-webkit-fill-available;
}
.img .partido-vivo iframe{
	position:absolute;
    bottom:0;
    height:fit-content;
}
#cuerpo-nota .nota-embebida{
	height:180px;
	border-top:1px solid #345DA5;
	border-bottom:1px solid #345DA5;
	padding:10px			
}
#cuerpo-nota .nota-embebida .nota{
	height:120px;
	padding:0;			
}	
#cuerpo-nota .nota-embebida .nota .img{
	height:120px;
	width:40%;
	background-size:cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	position: relative;		
}	
#cuerpo-nota .nota-embebida .nota .txt{
	padding:0 0 0 20px;
	width:60%;	
}	
#cuerpo-nota .nota-embebida p{
	margin:0;
}	
#cuerpo-nota .nota-embebida .iconos-multimedia {
    top: unset;
    bottom: 10px;
}
#cuerpo-nota img{
	width:100%;
}
#cuerpo-nota a{
    color:#345DA5;	
}
#cuerpo-nota a:visited{
    color:#345DA5;	
}
.nota>.img,.audio .img{
	background:url("../img/fondo-generico.jpg") center;
}
.nota-ampliada{
	margin-top:20px;	
}
#slider-opinion{
	border-bottom:10px solid #663300;
	margin-bottom:30px;
}
#botonera>.btn{
	background-color:transparent;
}
#menu{
	float:left;
	overflow:hidden;
	background:#fff;
	border-right:1px solid #ddd;
}
#menu span img{
    cursor:pointer;
    filter:invert(1);
	margin:21.5px 16px;
	width:23px;
	height:15px;
}
#mySidenav li h2{
	background:#005da9;
    padding:10px;
    color:white;	
}
#mySidenav .redes {
	width:135px;
	margin:auto;
}
#mySidenav .redes p{
	color:rgb(41 41 41);
    padding-bottom:10px;
	text-align:center;
}
#mySidenav .redes a{
	color:rgb(41 41 41);
    font-size:30px;
    padding:7px;
}	
.etiqueta-roja p{
	color:#fff !important;
	text-transform:uppercase;
}
#vivo .owl-theme .owl-nav {
    background:transparent;
    padding:0 20px;
}

/*------------------SLIDER------------------*/
.slider .item .img{
    border-radius:50%;
    border:1px solid #c3c3c3;
    width:120px;
    height:120px;
	margin:auto;
}
.slider .item .img img{
    border-radius:50%;
}
.slider .txt{
	padding:20px 0;
    width:100%;
    background:#fff;	
	text-align:center;
}
.slider .txt div p{
	font-size:16px;
}
.slider .txt div:nth-child(1) p{
	font-weight:100;
	color:#666;
}
.slider .txt div:nth-child(3) p{
	color:#CC0033;
}
/*------------------SLIDER------------------*/

/*------------------LO MÁS VISTO------------------*/
#lo-mas-visto{
	overflow:hidden;
	margin:20px 0;
	position:relative;
}
#lo-mas-visto .titulo-seccion{
	background:#005CA8;
}
#lo-mas-visto .titulo-seccion p{
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
}
#lo-mas-visto i{
	padding:12px 8px 12px 12px;
	background-color:#005CA8;
	color:#fff;
	font-size:20px;
	display:none;
}
#lo-mas-visto .titulo p{
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	font-size:20px;
	padding: 12px;	
}
#lo-mas-visto .linea-horizontal{
	display:none;
}
#lo-mas-visto .notas{
	padding:20px;
	margin:0;
	background:#005CA8;
}
#lo-mas-visto .nota{
    width:18.4%;
    height:210px;
}
#lo-mas-visto .nota .img{
	height:54%;
}
#lo-mas-visto .nota .txt a{
	color:#fff;
}
#lo-mas-visto .bajada,#lo-mas-visto .etiquetas-nota,#lo-mas-visto .iconos-multimedia,#lo-mas-visto .icono-compartir{
	display:none;
}
.tag p{
	font-size:16px;
	font-weight:100;
	color:#005ca8;
}
/*------------------LO MÁS VISTO------------------*/

/*------------------SEPARADORES------------------*/
.separador .notas{
	border-bottom:10px solid;
}
.separador{
	margin:40px 0;	
}
.separador-general{
	border-bottom:0 !important;
    padding-bottom: 10px;
    margin: 20px 0;
}
.separador-general .tag p{
	color:whitesmoke !important;
}
.separador-general h2,.separador-general h1,.separador-general h1 a,.separador-general h2 a{
	color:#fff !important;
}
.separador-general .titulo{
	border-bottom:0 !important;
}
.separador-general .bajada p{
	color:whitesmoke !important;	
}
.separador-negro{
		background:#000;
}
.separador-azul{
		background:#005CA8;
}
.separador-verde{
		background:#006600;
}
.separador-violeta{
		background:#7a128c;
}
.titulo-seccion{
	float:left;
	padding:5px 0;
	width:172px;
	text-align:center;
}
.titulo-seccion p{
	font-size:20px;
	text-transform:uppercase;
	font-weight:700;
	color:#fff;
}
.linea-horizontal{
	float:right;
	width:calc(100% - 198px);
	height:10px;
	margin:13px 0px;
}
#slider-programas .linea-horizontal{
	width:calc(100% - 75px);
	background:#c3c3c3;
	float:left;
}
.separador .overflowhidden .menu {
	float:left;
}
.separador .overflowhidden .menu p{
	padding:8px;
}
.separador .overflowhidden .menu p a{
	margin-left:20px;
	color:#000;
}
.separador-programas .tag p{
	color:#cc0033;
}
.separador-programas>.notas>.overflowhidden>.nota:nth-child(1) .titulo h2 a{
	color:#CC0033;
}
.separador-programas .titulo-seccion{
	background:#CC0033;
}
.separador-programas .linea-horizontal{
	background:#cc003354;
}
.separador-programas .notas{
	border-color:#CC0033;
}
.separador-deportes .titulo-seccion{
	background:#006600;
}
.separador-deportes .linea-horizontal{
	background:#00660040;
}
.separador-deportes .notas{
	border-color:#006600;
}
.separador-espectaculos .titulo-seccion{
	background:#7a128c;
}
.separador-espectaculos .linea-horizontal{
	background:#7a128c45;
}
.separador-espectaculos .notas{
	border-color:#7a128c;
}
.separador-opinion .notas{
    border-bottom:0;
    padding:0;
}
#slider-opinion .notas{
	border-top:0 !important;
	border-bottom:0 !important;
}
#slider-opinion .titulo-seccion{
    background:#663300;	
}
#slider-opinion .linea-horizontal{
	background:#66330040;
}
#marcas-y-productos .titulo-seccion{
    background:#009688;
    width:260px;
}
#marcas-y-productos .linea-horizontal{
	background:#0096885c;
    width:calc(100% - 275px);
}
/*------------------SEPARADORES------------------*/

/*------------------SECCION ESPECTACULOS------------------*/
.separador-espectaculos .tag p{
	color:#7a128c;
}
.separador-espectaculos>.notas>.nota:nth-child(1) .titulo h2 a{
	color:#7a128c;
}
/*------------------SECCION ESPECTACULOS------------------*/

/*------------------SECCION DEPORTES------------------*/
.separador-deportes .tag p{
	color:#006600;
}
.separador-deportes>.notas>.nota:nth-child(1) .titulo h2 a{
	color:#006600;
}
/*------------------SECCION DEPORTES------------------*/

/*------------------ENCUESTA------------------*/
#encuesta{
	width:100%;
	height:330px;
    padding:20px 20px;
	margin-bottom:30px;
	background-color:#fff;
	border:1px solid #ddd;
}
#encuesta li{
    margin:5px;	
}
#encuesta-wrap{
	width:300px;
	height:330px;
	margin:0 auto 40px auto;
}
#encuesta-wrap #frame-encuesta{
	height:330px;
}
#encuesta li a{
	display:block;
	padding:5px;
	background-color:#465da4;
	color:#fff;
}
#encuesta .titulo p,#encuesta .overflowhidden a{
	color:#345DA4;
	font-size:18px;
	font-weight:700;
}
#encuesta .txt-encuesta{
	padding:15px 0;
	min-height:200px;
}
#encuesta .txt-encuesta form{
	padding:0;
	height:101px;
}
#encuesta .txt-encuesta input{
	margin:0 10px 5px 5px;
    width:5%;	
}
#encuesta .overflowhidden{
	/*padding:5px 0;*/
}
#encuesta .overflowhidden .floatleft{
	width:50%;
}
#encuesta .overflowhidden .floatright{
	width:50%;
	text-align:right;
}
#encuesta .overflowhidden .floatright p{
	text-transform:uppercase;
}
#encuesta .txt-encuesta .resultado .porcentaje{
	background-color:#345DA4;
	height:16px;
	min-width:20%;
}
#encuesta .txt-encuesta .resultado .porcentaje p{
	font-size:14px;
	text-align:right;
	color:#fff;
}
#encuesta .boton{
    background:#345DA4;
    padding:10px;
    color:white !important;
}
/*------------------ENCUESTA------------------*/

/*------------------BANNERS------------------*/
.fullbanner,.middle-rectangle-banner,.middle-skyscraper-banner,.middle-full-banner,#wide-skyscraper{
	background:repeating-linear-gradient(-45deg,#fafafa,#fafafa 5px,#fff,#fff 7px);
    grid-template-rows:fit-content(100%);
}
/*.middle-rectangle-banner:before,.middle-skyscraper-banner:before,.middle-full-banner:before,#wide-skyscraper:before{
	content:"Publicidad";
	float:right;
	font-size:14px;
	color:#ccc;
	padding-right:4px;
	font-family:roboto;
}*/
.fullbanner{
	margin:40px auto;
	width:fit-content;
	height:fit-content;
}
.banner-acceso{
	margin:30px auto;
	width:100%;
	height:fit-content;
}
#intertitialAd1{
	-webkit-transition:none !important;
    -moz-transition:none !important;
    transition:none !important;
}
/*------------------BANNERS------------------*/


/*------------------ELEMENTOS------------------*/
img{
	display:block;
}
.overflowhidden{
	overflow:hidden;
}
.floatleft{
	float:left;	
}
.floatright{
	float:right;	
}
.solapa{
	display:inline-block;
	padding:5px 10px;	
}
.solapa p{
	color:#fff;
    text-transform:uppercase;
    font-weight:700;
	font-size:20px;
}
#pagina-interna .menu-bloques{
	margin-bottom:40px;
}
#pagina-interna .menu-bloques .solapa{
	background:#005da9;
}
#pagina-interna .menu-bloques .solapa h2{
	color:#fff;
}
.tags-nota p a{
    color:#345DA5;
}
.tag p a{
    color:#333;	
}
.contenedor-boton-input{
	margin:10px auto 30px auto;
	width:30% !important;
}
.boton-input p{
	color:#fff;
}
.transparente{
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.notas{
	position:relative;
}
.notas-relacionadas .icono-compartir{
	background:none;
}
.nota-ampliada .icono-compartir{
	padding-top:10px !important;
}
.nota-ampliada .autor-nota-firma{
	color:#6b6b6b;
	font-size:14px;;
}
.icono-compartir{
	background:#fff;
}

/*------------------ICONOS MULTIMEDIA------------------*/
.iconos-multimedia i{
	font-size:1.4em;
	margin:14px 18px;
}
.iconos-multimedia{
	position:absolute;
	top:10px;
	left:10px;
}
.iconos-multimedia a:hover{
	opacity:1;
}
.iconos-multimedia div:last-child{
	margin:0;
}
.icono-audio,.icono-video{
	position:relative;
	float:left;
	margin-right:.4em;
    border-radius:100%;
    background:#ffbd42;
    width:50px;
    height:50px;
	box-shadow:0px 10px 20px 0px rgba(0,0,0,.6);
	webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,.6);
	-moz-box-shadow:0px 10px 20px 0px rgba(0,0,0,.6);	
}
.cantidad-multimedia{
	position:absolute;
    top:-7px;
    right:0;
    background-color:#0858a8;
	display:block;
	padding:3px 7px;
    border-radius:100%;
	width:24px;
	height:24px;
}
.cantidad-multimedia p{
	font-weight:700;
	color:#fff;
}
.icono-audio img,.icono-video img{
    width:66% !important;
    margin:9px;
    filter:invert(1);
}
/*------------------ICONOS MULTIMEDIA------------------*/

.table{
	display:table;
}
.table-cell{
	display:table-cell;
	vertical-align:middle;
}
#buscar>.btn{
	background-color:#3359a4;
}
.enlace-absoluto{
	position:absolute;
    width:100%;
    height:100%;
	z-index:1;
    transition:background-color .4s;
    background-color:transparent;
	top:0;
	left:0;
}
.enlace-absoluto:hover{
    background-color:rgba(255,255,255,.4);
}
#aviso-legal{
	margin-bottom:5%;
}
#aviso-legal h3{
	color:#444;
	line-height:36px;
	font-size:28px;
	margin:5% 0 2% 0;
}
#aviso-legal p{
	color:#444;
	line-height:36px;
	font-size:28px;
	margin:1% 0;
}
.boton-reproductor a{
	display:block;
}
/*------------------ELEMENTOS------------------*/

/*------------------ESTÁS ESCUCHANDO------------------*/
#proximo-programa{
	margin-bottom:40px;
	overflow:hidden;
}
#proximo-programa>div{
	width:50%;
	position:relative;
	border-bottom:1px solid #ddd;
}
#proximo-programa .programa{
	padding:14px;
	width:275px;
	float:left;
}
#proximo-programa p:nth-child(1){
	font-size:18px;
	font-style:italic;
	margin-bottom:10px;
}
#proximo-programa .programa p:nth-child(2){
	font-size:24px;
	height:58px;
	font-weight:700;
	color:#005ca8;
	line-height:26px;
	margin-bottom:10px;
}
#proximo-programa .programa p:nth-child(3){
	font-size:14px;
}
#proximo-programa .programa p:nth-child(4){
	font-size:14px;
}
#proximo-programa .img{
	position:absolute;
	right:0;
	bottom:0;
	width:25%;
}
#proximo-programa img{
	width:100%;
    display:block;
}
#proximo-programa>div{
    width:100%;
}
/*------------------ESTÁS ESCUCHANDO------------------*/

/*------------------MICROSITE------------------*/
#microsite{
	margin-top:0;
}
#microsite img{
	width:100%;
}
#microsite .titulo{
	background-color:#000;
	padding:4px 0;
	text-align:center;
}
#microsite .titulo p{
	color:#fff;
	text-transform:uppercase;
	font-size:26px;
	font-weight:300;
	display:block;
}
#microsite .titulo p a{
    color:#fff !important;
    text-transform:uppercase;
    font-size:26px;
    font-weight:300;
    display:block;
}
#microsite nav{
	background-color:#333;
}
#microsite nav ul{
    display:-webkit-flex;
    justify-content:center;
}
#microsite nav li{
	display:inline-block;
}
#microsite nav li a{
	display:block;
	padding:8px;
	color:#fff;
	font-size:16px;
	font-weight:300;
	text-transform:uppercase;
}
/*------------------MICROSITE------------------*/

/*------------------AUDIOS------------------*/
#mas-audios .fa-volume-up,#mas-audios .fa-play-circle{
	position:absolute;
	color:#fff;
	font-size:40px;
	text-shadow:2px 2px #111;
	opacity:.9;
}
/*------------------AUDIOS------------------*/

/*------------------VIDEO EN VIVO------------------*/
#envivo{
    overflow:hidden;
    border-top:10px solid #c22221;
    margin-bottom:30px;
}
#envivo a{
	color:#c22221;
}
#envivo .top{
	width:95%;
}
#envivo .top .title{
	font-size:1rem;
	line-height:1.1;
	text-transform:uppercase;
}
#envivo p{
	margin-top:2rem;
	margin-bottom:0;
	color:#c22221;
	font-size:1.2rem;
	line-height:1.2;
}
#envivo h3{
	color:#c22221;
	margin:0;
	font-size:2.5rem;
}	
#envivo .codigo-emb iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	padding:0;
	border:0;
}
#envivo .text{
	float:left;
	padding-left:30px;
	width:50%;
}
#envivo .codigo-emb{
	float:left;
	width:50%;
    position:relative;
    padding-bottom:28.25%;
    height:0;	
	overflow:hidden;	
}	
#envivo .codigo-emb img{
	width:100%;
	padding:20px 0 0 0;
	border:0;
}
/*------------------VIDEO EN VIVO------------------*/

/*------------------FOOTER------------------*/
footer{
	background-color:#0858a8;
	margin-top:10px;
}
footer>.overflowhidden{
	padding:2em 1em;
}
footer p,footer a,footer h3{
	color:#fff;
}
footer img{
	width:100%;
}
#titulos-footer{
	background:#084684;
	overflow:hidden;
	-webkit-box-shadow:inset 0px -4px 10px 0px rgba(7,56,105,.8);
	-moz-box-shadow:inset 0px -4px 10px 0px rgba(7,56,105,.8);
	box-shadow:inset 0px -4px 10px 0px rgba(7,56,105,.8);
}
#titulos-footer h3{
	text-transform:uppercase;
}
#titulos-footer a{
	color:#ddd;
}
footer hr{
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:5px solid;
	margin-bottom:10px;
}
#mas-buscados-footer{
	background:#111;	
}
#mas-buscados-footer li a{
	display:inline-block;	
}
#mas-buscados-footer li a{
	padding:4px 6px;
	margin:4px;
	color:#ddd;
	background:#333;
	border-radius:20px;
}
#voces-de-la-radio{
	overflow:hidden;
	background:#000;
	padding:30px 50px;
}
#voces-de-la-radio .logo-footer{
	width:100%;
	margin-bottom:20px;
}
#voces-de-la-radio img{
    width:auto;
	height:40px;
}
#voces-de-la-radio ul{
	padding:10px 0;
}
#voces-de-la-radio li{
    display:block;
}
#voces-de-la-radio hr{
    border-color:#fff;
	opacity:.1;
}
/*------------------FOOTER------------------*/
.owl-carousel-imagenes-nota-ampliada{
	touch-action: manipulation; 
}