header{
	position:absolute;
    top:0;
    z-index:1;
    width:100%;
	padding:20px;
}
header .logo{
	width:60%;
}
header .logo img{
	height:60px;
}
header .overflowhidden{
	text-align:center;
}
header .overflowhidden div:first-child{
	width:100%;
	display:none;
}
header .overflowhidden div:nth-child(2){
	position:fixed;
	top:30px;
	right:20px;
	text-shadow:1px 1px #333;
}
header .overflowhidden div:nth-child(2) span{
	display:table-cell;
    vertical-align:middle;
}
header .overflowhidden div:nth-child(2) i{
	color:#fff;
	font-size:20px;
}
header .overflowhidden div:first-child img{
	height:40px;
}
h1{
	line-height:35px;
}
.icon{
    width:3em;
    height:1.8em;
    margin-right:6px;
}
.contenedor-general{
	max-width:100%;
	padding:40px 0;
}
#logo-top{
	background:#333;
}
#btn-search{
    position:absolute;
    top:30px;
    right:0px;
    z-index:3;
    font-size:1.5em;
	display:block !important;
}
.txt h2{
	font-size:16px;	
}
#slider-canales .txt h2 {
    font-size:18px;
}
#slider-canales #mas-audios .audio .txt .texto-txt {
    padding:45px 20px;
    vertical-align:top;
}
.iconos-redes{
	width:70%;
	margin:auto;
}
.iconos-redes a{
	float:left;
	width:33%;
	font-size:30px;
}
#mensaje-presentacion h1{
	font-size:26px;
	width:80%;
	line-height:34px;
}

/*------------------BLOQUE PRESENTACIÓN------------------*/
#bloque-presentacion .logo-hashtag .overflowhidden{
	width:100%;
}
#bloque-presentacion #mensaje-presentacion img{
	width:50%;
	margin:auto;
}
#bloque-presentacion .logo-hashtag .overflowhidden div:last-child p{
	color:#fff;
	font-size:22px;
	font-weight:600;
}
#bloque-presentacion .txt{
	width:90%;
	padding:10px;
	left:5%;
	bottom:100px;
	text-align:center;
	animation-duration:2s;
}
/*------------------BLOQUE PRESENTACIÓN------------------*/

/*------------------BLOQUE FINAL------------------*/
#bloque-final img{
	width:75%;
} 
#bloque-final #mensaje-presentacion{
	padding:40px 0;
}
#bloque-final .logo-hashtag{
	top:calc(40vh + 330px);
}
#bloque-final .txt{
	width:90%;
	padding:10px;
	left:5%;
	bottom:100px;
	text-align:center;
	animation-duration:2s;
}
#bloque-final h2{
	width:90%;
    margin-bottom:20px;	
}
#bloque-final .logo-hashtag .overflowhidden{
	width:90%;
}
#bloque-final .logo-hashtag .overflowhidden div{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	width:42%;
}
#bloque-final .logo-hashtag .overflowhidden div:first-child{
	border-right:2px solid #fff;
}
#bloque-final .logo-hashtag .overflowhidden div:last-child p{
	font-size:22px;
}
/*------------------BLOQUE FINAL------------------*/

@keyframes bloque-presentacion{
	from{top:10px;opacity:0;filter:blur(2px);}
	to{top:40px;opacity:1;filter:blur(0);}
}
@keyframes logo-hashtag{
	from{opacity:0;filter:blur(2px);}	
	to{opacity:1;filter:blur(0);}
}
@keyframes flecha-abajo{
	from{bottom:45px;opacity:0;filter:blur(2px);}	
	to{bottom:35px;opacity:1;filter:blur(0);}
}
#bloque-presentacion .txt .titulo-audio h1{
	font-size:28px;
}
#bloque-presentacion .logo-hashtag{
	top:35vh;
}
#mensaje-bloque-2{
	padding:50px 20px;
}
#mensaje-bloque-2 p,#mensaje-bloque-2 h2,#mensaje-bloque-2 strong{
	line-height:28px;
}
.flecha-abajo{
	bottom:35px;
}
iframe{
	width:100%;
}
.play-audio-destacado{
    font-size:60px;
	bottom:50px;
	left:calc(50% - 30px);
	animation-duration:2s;
	z-index:1;
}
@keyframes play-audio-destacado{
	from{left:0;opacity:0;filter:blur(2px)}
	to{left:calc(50% - 30px);opacity:1;filter:blur(0)}
}
.contenedor-boton-input{
	margin:10px auto 45px auto;
	width:85% !important;
	float:none;
	border:1px solid #e8e6e6;
}
.contenedor-boton-input .txt i{
	position:absolute;
	top:-62px;
	left:-15px;
	font-size:54px;
	border-radius:50%;
	background:#fff;
	padding:15px;
	color:#005da9;
}	
.especiales .contenedor-boton-input .txt i{
	top:-65px;
}	
.contenedor-boton-input .boton-input h2{
	font-size:26px;
	text-align:right;
}
.texto div{
	padding:20px 10px;
}
.texto i{
	font-size:84px;
	padding:26px;	
}
.txt{
	display:table;
}
.fa-play-circle{
	float:none !important;
	display:table-cell !important;
	vertical-align:middle;
	font-size:60px !important;
}
.slider .item{
	padding:0;
}
#pagina-interna h3{
    font-size:20px;
	padding:4px 14px 4px 20px;
    text-transform:uppercase;
}
#lista-audios .audio{
	box-shadow:none;
	width:100%;
	padding:0;	
}
#lista-audios .txt{
    margin:0;
    max-height:180px;
}
.owl-carousel{
	z-index:0 !important;
}
.owl-carousel .owl-stage-outer{
    height:340px;
}
.audiojs{
	margin-top:32px;
}
#reproductor-podcast{
	height:300px;
}
#reproductor-podcast i{
	font-size:20px;
}
#menu-suscripcion p{
	font-size:22px;
}
#menu-suscripcion .boton-input{
	color:#666 !important;
	background:#eee;
	border:1px solid #ddd;
	width:200px;
	padding:4px;
	font-size:12px;
	margin:0 10px;
	cursor:pointer;
} 
#menu-suscripcion div:nth-child(2){
	width:470px;
}
#menu-suscripcion span{
	font-size:18px;
}
#menu-suscripcion div{
	font-size:27px;
	padding:10px;
	color:#000;
	text-transform:uppercase;
}
#menu-suscripcion .boton{
	background:#196cb0;
    padding:10px 15px;
    font-family:Oswald;
    transition:all .4s;
    cursor:pointer;
	color:white;
}
#menu-suscripcion .boton a{
	color:white;
}
#menu-suscripcion .boton:hover{
    background:#ddd;
    border:1px solid #ccc;
}
#menu-suscripcion .boton a:hover{
    opacity:1;
}
#mas-audios .audio .txt .texto-txt{
	padding:30px 10px 10px 10px;
}
#mas-audios .audio>.img{
    height:260px;
}
#mas-audios .txt {
    width:100%;
	padding-top:25px;
}
#boton-cerrar{
	top:-181px;
	right:16px;
}
#player24hs{
	width:100%;
}
.social{
	text-align:center;
	background-color:white;
	border-top:1px solid #ddd;
	padding:20px 10px;				
}
.social i{
	font-size:46px;
	color:#006666;
	padding:0 10px;				
}
.social p{
	color:#c3c3c3;
}
h3{
	border-bottom:0 !important;
	text-align:center;
	color:#006666;
	font-size:30px;
}
.boton-canal{
	margin-top:10px;
}
.boton-canal a{
	padding:10px;
}
.table p{
	margin:0 15px;
}
.acceso-canal{
	height:32px;
}
.acceso-canal a{
	font-size:26px;
}
.como-utilizo table p{
    font-size:20px;
}
.autor .img{
	bottom:-9px;
}
.autor .img img{
	height:81px;
}
.nombre-autor{
    padding:10px 20px 10px 100px;
    height:55px;
}
.nombre-autor p{
    font-size:16px;
    font-weight:700;
    color:#fff;
}
.columnas-3{
	width:100%;
}
.columnas-3 .columna{
	margin:60px 0 !important;
	text-align:center;
}
#escuchanos-en-vivo p{
    font-size:22px;
}

#lista-episodios {
    width:100%;
	bottom:430px;
	max-height:125px;	
}
#lista-episodios ol {
    max-height:125px;
}
#lista-episodios ol li a {
    margin:5px 10px;
    width:75%;
}
#lista-episodios ol h3{
    text-align:left;
    font-size:22px;
}
#lista-episodios ol li{
	height:85px;
}
#controles-reproductor {
    width:calc(100% - 240px);
	height:62px;
}
#controles-reproduccion {
    width:120px;
	height:62px;
}
#botonera-podcast {
    width:120px;
	height:62px;
}
#controles-reproduccion div:nth-child(odd) {
    display:table-cell;
}
#audio-reproduccion {
    float:none;
    position:absolute;
    top:-130px;
    right:0px;
    background:#000000;
    width:55%;
    height:131px;
    padding:20px;
	display:block;
	left:auto;
	-webkit-box-shadow:0px -5px 15px 0px rgba(0,0,0,.4);
    -moz-box-shadow:0px -5px 15px 0px rgba(0,0,0,.4);
    box-shadow:0px -5px 15px 0px rgba(0,0,0,.4);
}
#reproductor-podcast .img {
    width:45%;
    float:none;
    position:absolute;
    top:-130px;
	display:block;
	overflow:hidden;
	height:131px;	
	-webkit-box-shadow:0px -5px 15px 0px rgba(0,0,0,.4);
    -moz-box-shadow:0px -5px 15px 0px rgba(0,0,0,.4);
    box-shadow:0px -5px 15px 0px rgba(0,0,0,.4);
}
#lista-episodios {
    border-radius:0;
}

/*--------------------SIDENAV MENU--------------------*/
.sidenav{
    height:120%;
    width:0;
    position:fixed;
    z-index:11;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.9);
    overflow-x:scroll;
	overflow-y:hidden;
    transition:0.5s;
    padding-top:60px;
}
.sidenav li a{
	padding:20px 10px;
}
.sidenav a {
  padding: 20px 10px;
  text-decoration: none;
  font-size: 26px;
  color: #fff;
  display: block;
  transition: 0.3s;
}
.sidenav i {
  font-size:34px;
  color: #fff;
}
.sidenav .closebtn{
    position:absolute;
    top:6px !important;
    right:20px;
	color:#fff;
	font-size:40px !important;
}
@media screen and (max-height:450px){
  .sidenav{padding-top:15px;}
  .sidenav a{font-size:18px;}
}
/*--------------------SIDENAV MENU--------------------*/

.jwplayer {
    margin-top:10px !important;
}

/*------------------FRANJA DATOS------------------*/
#franja-datos{
	padding:20px 0;
}
#franja-datos .overflowhidden{
	margin:auto;
}
#franja-datos .overflowhidden div{
	width:100%;
	text-align:center;
    padding:20px 0;
}
#franja-datos .overflowhidden div p:first-child{
	font-size:50px;
	line-height:58px;
}
#franja-datos .overflowhidden div p:last-child{
	text-transform:lowercase;
	font-size:20px;
}
#franja-datos p{
	color:#0067A2;
	font-weight:700;
}
/*------------------FRANJA DATOS------------------*/

/*------------------FOOTER------------------*/
#titulos-footer{
	padding:20px;
}
#titulos-footer ul li,#titulos-footer h3{
	text-align:left;
}
#titulos-footer ul li{
	display:block;
}
#titulos-footer li a{
	display:block;
	padding:8px 0;
}
#mas-buscados-footer{
	padding:40px;
}
#mas-buscados-footer .overflowhidden{
	text-align:center;
	margin-top:40px;
}
#voces-de-la-radio{
	overflow:hidden;
	background:#000;
	padding:30px 50px;
}
#voces-de-la-radio .logo-footer{
	float:left;
	width:100%;
	margin-bottom:20px;
}
#voces-de-la-radio img{
    width:auto;
	height:40px;
	float:left;
}
#voces-de-la-radio ul{
    margin:0;
	width:100%;
	text-align:left;
}
#mas-buscados-footer li{
	display:inline;
}
footer .logo{
	width:70%;
	margin:20px auto 15px auto;
}
footer .floatleft{
	float:unset;
	text-align:center;
}
footer i{
	font-size:30px;
	margin:5px;
	color:#fff;
}
footer div:nth-child(4) i{
	font-size:46px !important;
	margin-top:6px;
}
footer ul{
	text-align:center;
	margin:20px 20px 40px 20px;
}
footer ul li{
	display:inline;
	color:#fff;
}
footer p{
	text-transform:uppercase;
}
.logo-octopodo-footer{
	padding:10px 0;
	width:40%;
	margin:auto;
}
.logo-octopodo-footer img{
	width:100%;
}
/*------------------FOOTER------------------*/

.desktop{
	display:none;
}