/* Global */

* {
    word-break: break-word !important;
    font-display: auto !important;
}

body {
    min-height: 600px;
    color: #2b3a42 !important;
    padding-top: 4.6em;
}

.nav_cambiopais {
    top: 5em;
}

.movil-scroll-horizontal {
    list-style: none;
    margin: 0;
    padding: 0;
}

.movil-scroll-horizontal li {
    display: inline-block;
}

.nav-link {
    padding: .5em .8em !important;
}

.nav-link a:hover {
    color: #f06a0d !important;
}

.btn {
    cursor: pointer !important;
}

.btn-outline-gray {
    border-color: #6c757d !important;
}

.gradient {
    background: rgba(3, 43, 138, 1);
    background: -moz-linear-gradient(-45deg, rgba(3, 43, 138, 1) 0%, rgba(3, 27, 78, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(3, 43, 138, 1)), color-stop(100%, rgba(3, 27, 78, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(3, 43, 138, 1) 0%, rgba(3, 27, 78, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(3, 43, 138, 1) 0%, rgba(3, 27, 78, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(3, 43, 138, 1) 0%, rgba(3, 27, 78, 1) 100%);
    background: linear-gradient(135deg, rgba(3, 43, 138, 1) 0%, rgba(3, 27, 78, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#032b8a', endColorstr='#031b4e', GradientType=1);
}

.page-header {
    margin-top: 2em;
}

.page-header p {
    word-wrap: break-word;
}

nav .btn {
    color: #fff !important;
}

.dpl-lh-sm {
    line-height: 1.3em;
}

.sublanding_list {
    list-style: none;
    padding: 0;
}

.sublanding_list li {
    display: inline-block;
    font-size: .85em;
}

.sublanding_list li::after {
    content: "|";
    color: #6c757d;
    padding-right: .65em;

}

.sublanding_list li a {
    display: inline-block;
    padding-right: .65em;
}

.sublanding_list li:last-child::after {
    display: none;
}

#player_flotando {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    background-color: #c7c7c7;
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
}

.bullet-icons .fas, .bullet-icons .far {
    width: 22px;
    display: inline-block;
    text-align: center;
}

.sitio-premium {
    padding-bottom: 5em !important;
}

.btn {
    overflow: hidden;
}

#modal-buscador .modal-footer a {
    color: #fff !important;
}

#mainhero {
    background-image: linear-gradient(180deg, #0a50a2 0, #033089);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff !important;
    padding: 5em 0;
}

.border-5 {
    border: .3em solid #ffffff !important;
}

.round-left {
    -webkit-border-bottom-left-radius: 20em;
    -moz-border-radius-bottomleft: 20em;
    border-bottom-left-radius: 20em;
}

#page_inicio #mainhero {
    min-height: 700px;
}

#page_radio_landing #mainhero {
    background-image: url(../imgs/bg_radio_landing.svg), linear-gradient(180deg, #0a50a2 0, #033089);
}

#page_registro_validar #mainhero, #page_registro_gracias #mainhero {
    background-image: url(../imgs/bg_profile.svg), linear-gradient(180deg, #0a50a2 0, #033089);
}

#mainhero h1 {
    color: #fff !important;
}

h1 span {
    font-weight: 400;
    font-size: .8em;
}

.img-5 {
    height: 4.5em;
    margin-bottom: 1em;
}

/* Portada */

#podcast_listado .card, .inicio_lista .card {
    min-height: 23em;
}

footer {
    font-size: .85em;
}

footer dt {
    font-size: 1em;
    font-weight: normal;
}

footer .fa-2x {
    font-size: 1.5em;
}

/* Dashboard */

#page_login .card {
    min-height: 19em;
}

/* ----------------- */

.well {
    box-shadow: none !important;
}

.navbar-default {
    border-radius: 0;
}

.navbar a {
    font-size: 15px;
}

.navbar .btn {
    cursor: pointer;
}

.aviso_pais {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 1em;
}

#menu-tipodcast a {
    padding: 1em 2em;
    line-height: 1em;
}

#dmca {
    margin-top: 5em;
}

#pushido-root {
    display: none !important;
}

.estrellas_icons {
    font-size: 1em;
    color: #3f5765 !important;
}

.evaluacion {
    margin-bottom: 1em;
}

.evaluacion .estrellas_icons {
    font-size: 1.5em;
}

.evaluacion .label {
    color: #3f5765;
    font-size: 1.2em;
    display: inline-block;
    padding: 0;
    font-weight: bold;
}

.evaluacion .numdest {
    background-color: #3f5765;
    color: #fafafa;
    font-size: 1.2em;
    border-radius: .5em;
    display: inline-block;
    padding: 0 .6em;
    font-weight: bold;
}

.publicidad {
    min-width: 300px;
    max-width: 970px;
    min-height: 90px;
    max-height: 336px;
    margin: 1em auto;
    font-size: .8em;
}

.publicidad center {
    display: block;
    background-color: #e1e1e1;
    min-width: 300px;
    max-width: 970px;
    min-height: 90px;
    max-height: 250px;
}

#cont_share {
    font-size: 1.3em;
}

#cont_share #btns_compartir {
    margin-top: .5em;
}

label.col-form-label {
    padding-top: .8em;
}

/* Ficha de emisoras */

#municipios a.btn, #etiquetas a.btn, #artistas a.btn {
    margin-bottom: .5em;
}

/* Formulario de registro */

#myModal h4.modal-title u {
    color: #3f5765;
    text-decoration: none;
}

#myModal .modal-footer a.btn:hover {
    color: #000;
    text-decoration: underline;
}

.precios .list-group-item {
    text-align: center !important;
}

.precios h3 {
    display: block;
    font-size: 3.5em;
    background-color: #ffa64d;
    padding: .3em 1em;
    border-radius: .5em;
    color: #fff;
    width: 60%;
}

.precios u {
    display: block;
    text-decoration: none;
    border-top: 2px solid;
    padding-top: .2em;
    margin-top: .2em;
    font-size: .3em;
    letter-spacing: 2px;
}

/* Portada */

.cookies {
    /* Politica de Cookies */
    width: 100%;
    font-size: 0.85em;
    color: #333;
    bottom: 0px;
    position: fixed;
    background-color: #FFF;
    opacity: 0.95;
    filter: alpha(opacity=95);
    /* For IE8 and earlier */
    z-index: 999999999;
    padding: 1em;
}

.timeline_lateral {
    position: fixed;
    right: 0;
    top: 0;
    width: 20em;
    height: 100%;
    z-index: 9999;
    -webkit-box-shadow: -5px 0px 10px 0px rgba(50, 50, 50, 0.7);
    -moz-box-shadow: -5px 0px 10px 0px rgba(50, 50, 50, 0.7);
    box-shadow: -5px 0px 10px 0px rgba(50, 50, 50, 0.7);
}

.timeline_lateral #timeline_footer {
    position: absolute;
    bottom: 1em;
    color: #fff;
    width: 18em;
    text-align: center;
}

.timeline_lateral .timeline_container {
    padding: .5em 1em;
}

.timeline_lateral #timeline_header {
    color: #fff;
}

.timeline_lateral #cerrar_timeline {
    cursor: pointer;
    font-size: 1.5em;
    padding-top: .5em;
}

/* Programacion */

.panelbody {
    height: 9em;
}

.panelbody .label {
    color: #000;
}

/* --------------------------------------- */

/* Hack bootstrap */

/* --------------------------------------- */

/* Dropdown */

.scrollable-menu {
    height: auto;
    max-height: 20em;
    overflow-x: hidden;
}

/* Modal */

.modal-header-info {
    color: #fff;
}

/* Menu en columnas */

.dropdown-menu {
    min-width: 200px;
}

.dropdown-menu.columns-2 {
    min-width: 400px;
}

.dropdown-menu.columns-3 {
    min-width: 600px;
}

.dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300;
}

.multi-column-dropdown {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    white-space: normal;
}

.multi-column-dropdown li a:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
}

/* --------------------------------------- */

/* Header */

.portaicon {
    border: 3px solid #fff;
    border-radius: 5em;
}

.iconmenu {
    padding: .50em;
}

#header_destacado {
    padding: 1em;
    font-size: 1em;
}

.header_atencion {
    background-color: #ffa600 !important;
    border-top: 1px solid #f2d6a0 !important;
    -webkit-box-shadow: 0px -1px 0px 0px #976811 !important;
    -moz-box-shadow: 0px -1px 0px 0px #976811 !important;
    box-shadow: 0px -1px 0px 0px #976811 !important;
}

.header_atencion .btn {
    background-color: #fff !important;
    border: 2px solid #fff !important;
    color: #ffa600 !important;
    padding-left: 1em;
    padding-right: 1em;
}

.header_atencion .btn:hover {
    background-color: #fff7e8 !important;
    border: 2px solid #fff7e8 !important;
}

.header_atencion .fa {
    margin-right: .5em;
}

#buscador {
    border-left: 1px dotted rgba(255, 255, 255, 0.3);
}

/* Menu principal */

.hvr-sweep-to-right:before, .hvr-bounce-to-top:before {
    background: rgba(0, 0, 0, 0.3);
}

#iconclub {
    border-left: 1px dotted rgba(255, 255, 255, 0.3);
    border-right: 1px dotted rgba(255, 255, 255, 0.3);
    margin-left: 1em;
}

#temasdestacados {
    margin-top: 1em;
}

#redessociales i {
    font-size: 1em;
}

#redessociales ul {
    margin: 0;
}

#redessociales li {
    display: inline-block;
    margin-right: .5em;
}

#reproductor_wrapper {
    margin-bottom: 1.5em;
}

#reproductor {
    margin: .6em 0;
}

#enlaces {
    margin-bottom: 1em;
}

#radio_especial {
    background: #bfeaeb;
    padding: 1em 1em 2em;
    margin-bottom: 1em;
}

#radio_patrocinada {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe082+0,f2fcde+50,edffff+100 */
    background: #ffe082;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ffe082 0%, #f2fcde 50%, #edffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ffe082 0%, #f2fcde 50%, #edffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ffe082 0%, #f2fcde 50%, #edffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe082', endColorstr='#edffff', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    padding: 1em 0;
}

#radio_patrocinada small {
    font-size: .8em;
}

#proximoprograma {
    margin-bottom: 3em;
    padding-bottom: 1em;
}

#proximoprograma .card {
    min-height: 9em;
}

.tab-content {
    margin-top: 3%;
}

.menu-footer {
    margin-top: 5em;
}

/* ======================== Condiciones Especiales =========================================== */

/* ---------------------------------------- Sin depurar ---------------------------------------------------- */

a {
    color: #283650;
}

.capturar_radio {
    background-color: #53cd23;
    color: #fff;
    display: block;
    text-align: center;
    padding: 7px 0px;
}

.contenedor {
    width: 980px;
    margin: auto;
}

.footer {
    margin-top: 20px;
    padding: 10px 0px;
}

.footer a {
    color: #fff;
}

.centro_web {
    float: left;
    width: 620px;
    padding-top: 20px;
}

.lateral_web {
    float: right;
    width: 340px;
    padding-top: 20px;
}

#footmaster {
    width: 100%;
}

#footmaster #socialfoot {
    width: 5%;
}

#socialicons td {
    padding: 5px 5px 0px 0px;
}

.header {
    height: 45px;
    background-color: #4f8ac4;
    color: #ffffff;
    overflow: hidden;
}

.menu_prin_superior a {
    float: left;
    display: block;
    padding: 16px 25px;
    color: #fff;
    border-right: 1px solid #fff;
}

.menu_prin_superior a:hover {
    background-color: #2d6293;
    text-decoration: none;
}

.topline {
    width: 980px;
    height: 90px;
    overflow: hidden;
    margin: 0px auto;
    padding: 30px 0px;
    background-color: #272727;
}

.botones {
    font-size: 11px;
    font-family: tahoma, arial, helvetica;
    background-color: #272727;
    color: #ffffff;
    border: 0px;
    padding: 4px 15px;
    text-align: center;
    cursor: pointer;
}

.numrank {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

#ranking_radio {
    width: 100%;
}

#ranking_radio td {
    text-align: center;
    background-color: #e1e1e1;
    padding: 5px;
}

.col_uno {
    float: left;
    width: 45%;
}

.col_dos {
    float: right;
    width: 45%;
}

.linktoplay {
    padding: 30px 0px 10px;
}

.opiniones_perfil {
    margin-top: 30px;
}

.descradio {
    padding: 7px 10px;
    background-color: #dbe8f5;
    margin-bottom: 25px;
    text-align: justify;
}

#fblike {
    float: right;
    padding: 10px 10px;
}

.modslat {
    margin: 10px 0px;
}

.libpodcast {
    margin-top: 25px;
}

/* ============================================================ */

/* Sprites */

.sprite {
    background: url('../imgs/sprite.png') no-repeat top left;
}

.sprite.logo_domiplay {
    background-position: 0px 0px;
    width: 205px;
    height: 52px;
}

.sprite.dots_negro {
    background-position: 0px -62px;
    width: 6px;
    height: 15px;
}

.sprite.dots {
    background-position: 0px -87px;
    width: 6px;
    height: 15px;
}

/* Sprites Especiales */

.sprite.logo_domiplay {
    display: block;
}

.sprite.dots {
    display: block;
    padding-left: 10px;
    width: 100%;
    height: auto;
    width: auto;
    margin-bottom: 5px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.entradas {
    font-size: 11px;
    font-family: tahoma, arial, helvetica;
    border: 0px !important;
    padding: 4px;
}

.subheader {
    background-color: #DFDFDF;
    color: #ffffff;
}

.menu {
    float: left;
    width: 690px;
    overflow: hidden;
}

.menu_prin_superior #primero {
    border-left: 0px;
}

.buscador_interno {
    float: right;
    padding-top: 8px;
}

.menudos {
    height: 30px;
    padding: 3px;
}

.menudos table {
    width: 100%;
}

.menudos a {
    background-color: #333;
    color: #fff;
    display: block;
    padding: 8px 0px;
    width: 98%;
    margin: 0px auto;
    text-align: center;
    color: #e1e1e1;
}

.menudos a:hover {
    text-decoration: underline;
}

.menudos li, .menudos ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-right: 5px;
}

.menudos li {
    float: left;
}

.cabtres #publicidad {
    float: left;
    padding-top: 10px;
}

.cabtres .recomendacion {
    float: right;
    width: 205px;
    background-color: #00A2FF;
    color: #fff;
    height: 95px;
    padding: 10px;
}

.cabtres .recomendacion img {
    border: 1px solid #fff;
}

.cabtres .recomendacion a {
    color: #fff;
}

.centralpark {
    width: 967px;
    padding: 10px;
    margin: auto;
    background-color: #fff;
}

.escuchar_btn {
    cursor: pointer;
}

.fanpage {
    float: right;
    padding-top: 2px;
}

.infocred {
    float: left;
    width: 350px;
}

.menu_ciudades {
    float: right;
    width: 540px;
    padding-top: 20px;
}

.menu_ciudades a:hover {
    text-decoration: underline !important;
}

fieldset {
    border: 1px solid #CCC;
    margin-top: 10px;
    margin-right: 10px;
    padding: 0px;
}

legend {
    padding: 0px 5px;
}

form {
    margin: 0px;
    padding: 0px;
}

img {
    border: 0px;
}

.undertop {
    background-color: #404040;
}

.topline h1 {
    float: right;
    width: 468px;
    height: 60px;
    margin-right: 10px;
}

.topline #datos_web {
    float: left;
    color: #FFFFFF;
    padding-left: 10px;
    width: 210px;
    text-align: center;
}

.topline #datos_web a {
    color: #fff;
}

.header #logo {
    float: left;
    padding: 20px 10px;
    text-align: center;
}

.header #logo a {
    text-decoration: none;
    color: #fff;
}

.header #contenido {
    width: 980px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('png/wall_header.png');
    background-position: left top;
    background-repeat: repeat-x;
}

.header #datas {
    font-size: 100%;
    height: 70px;
    width: 250PX;
    float: right;
    padding: 25px;
    padding-top: 5px;
    padding-bottom: 15px;
    background-image: url('../png/header_today.png');
    background-repeat: repeat-x;
    overflow: hidden;
}

.header #datas a {
    text-align: center;
    text-decoration: none;
    color: #000;
    display: block;
    font-weight: bold;
}

.header #datas a:hover {
    text-decoration: underline;
}

.centralpark #left {
    width: 225px;
    overflow: hidden;
    float: left;
}

.centralpark h1 {
    font-size: 160%;
    width: 300px;
    font-weight: bold;
    color: #00518f;
    margin-bottom: 5px;
    margin-top: 10px;
}

.linea {
    padding: 7px;
    background-color: #C6DFF1;
    border-bottom: 1px solid #ffffff;
    overflow: hidden;
}

.linea_red {
    padding: 7px;
    background-color: #F1C6C6;
    border-bottom: 1px solid #ffffff;
    overflow: hidden;
    cursor: pointer;
}

.centralpark a {
    text-decoration: none;
}

.centralpark .number_rank {
    float: left;
    font-size: 250%;
    font-weight: bold;
    width: 35px;
    margin-right: 5px;
    margin-left: 10px;
    padding-top: 5px;
    color: #0078CC;
    overflow: hidden;
}

.linea .data_rank {
    float: left;
    cursor: pointer;
    width: 110px;
}

.linea .data_rank:hover {
    text-decoration: underline;
}

.centralpark #number a {
    color: #0078CC;
}

.centralpark #number_red a {
    color: #CC0000;
}

.centralpark a {
    color: #000000;
}

.centralpark #number_red {
    float: left;
    font-size: 250%;
    font-weight: bold;
    width: 20px;
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 5px;
    color: #CC0000;
}

.centralpark h2 {
    font-weight: bold;
    font-size: 100%;
    margin-top: 5px;
}

.subfooter {
    background-color: #DFDFDF;
    color: #ffffff;
    border-top: 1px solid #ffffff;
}

.subfooter #footer {
    background-color: #e1e1e1;
    color: #000;
    padding: 15px 5px;
    width: 980px;
    margin: auto;
    padding-bottom: 40px;
}

.subfooter #footer a {
    text-decoration: none;
    color: #000;
}

.centralpark #centro {
    width: 728px;
    float: right;
    padding: 5px;
    background-image: url('jpg/wallradiuo.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #eff5d9;
    margin-right: 5px;
    border-top: 10px solid #00518f;
    margin-top: 10px;
}

.centralpark #lista {
    border: 1px solid #e1e1e1;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #f2f3e1;
}

.ciudades #columna1 {
    float: left;
    width: 170px;
    overflow: hidden;
}

.ciudades ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.ciudades li {
    padding: 0px;
    padding-left: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 7px;
    background-image: url('gif/flechita.gif');
    background-repeat: no-repeat;
    background-position: left 5px;
    list-style: none;
}

.ciudades #columna2 {
    float: left;
    margin-bottom: 10px;
    width: 150px;
}

.inicio #columna2 {
    width: auto;
}

.centralpark #gris {
    color: #9b9b9b;
}

.centralpark #publicidad {
    color: #939393;
    font-size: 85%;
    width: 730px;
    padding: 3px;
    margin-top: 5px;
    margin-right: 5px;
    background-color: #ffffff;
}

.undershadow {
    background-image: url('png/under_shadow.png');
    background-repeat: no-repeat;
    width: 730px;
    padding-top: 15px;
    float: right;
}

.lineal {
    background-image: url('gif/lineal.gif');
    background-repeat: repeat-x;
    width: 330px;
    height: 7px;
}

.centralpark #under {
    width: 738px;
    float: right;
    background-color: #e1e1e1;
    margin-right: 5px;
}

.player {
    width: 630px;
    height: 445px;
    background-color: #000000;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.player a {
    text-decoration: none;
}

.player #footer {
    width: 300px;
    height: 35px;
    overflow: hidden;
    padding-top: 15px;
}

.player #superplayer {
    background-image: url('png/wall_negrita.png');
    background-repeat: repeat-x;
    height: 79px;
}

.player h1 {
    padding: 0px;
    margin-left: 10px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 24px;
    color: #ffffff;
}

.player h3 {
    float: left;
    font-size: 100%;
    font-weight: normal;
    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
}

.player #si {
    padding-right: 5px;
    cursor: pointer;
}

.player #no {
    cursor: pointer;
}

.player h2 {
    font-size: 100%;
    margin-left: 10px;
    color: #ffffff;
    font-weight: normal;
}

.player #aviso {
    margin-top: 25px;
    margin-right: 10px;
    width: 165px;
    float: right;
    border-left: 15px solid #6dab00;
    padding-left: 5px;
    color: #a2ff00;
}

.player #aviso a {
    color: #a2ff00;
    text-decoration: none;
}

.player #line {
    overflow: hidden;
    height: 20px;
}

.player #lineal {
    background-image: url('gif/line_gris.gif');
    background-repeat: repeat-x;
    padding: 3px;
    width: 294px;
    float: left;
    border-bottom: 1px solid #000000;
}

.player ul {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-right: 19px;
    float: left;
}

.player #imagen {
    height: 205px;
    width: 300px;
    overflow: hidden;
}

.player #preview {
    float: left;
}

.player #chat {
    float: right;
    width: 330px;
    overflow: hidden;
}

.player #poll {
    background-image: url('png/wall_negrita.png');
    background-repeat: repeat-x;
    height: 23px;
    width: 300px;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.ciudades #campo {
    border: 1px solid #333333;
    color: #333333;
    font-size: 100%;
    padding-bottom: 4px;
    font-family: arial, helvetica;
}

.ciudades #clave {
    margin-top: 10px;
}

.paginacion {
    float: left;
    width: 300px;
    margin-left: 20px;
    padding: 5px;
}

.paginacion ul {
    float: left;
    background-color: #e8ffcb;
    border: 1px solid #54c600;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 5px;
    cursor: pointer;
}

.paginacion #activo {
    float: left;
    background-color: #54c600;
    border: 1px solid #e8ffcb;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 5px;
}

.ayeli {
    clear: both;
}

.recomendaciones {
    padding-bottom: 10px;
}

.recomendaciones ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding: 10px;
}

.recomendaciones li {
    float: left;
    width: 90px;
    height: 65px;
    border: 1px solid #CCC;
    padding: 5px;
    margin-left: 8px;
    margin-right: 7px;
    overflow: hidden;
    cursor: pointer;
}

.recomendaciones li:hover {
    color: #09F;
}

.superior_publicidad_top {
    float: right;
    margin-right: 15px;
}

.publicidad_inferior {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e1e1e1;
}

.login_datos a {
    color: #FFF;
}

.login_img {
    float: left;
    margin-right: 10px;
}

.login_datos {
    float: left;
}

.boton_player_lateral:hover {
    background-color: #DFECF5;
}

.contenedor_central {
    float: right;
    width: 750px;
    overflow: hidden;
}

.ads_destacado {
    margin-top: 8px;
}

.publi_barra {
    width: 728px;
    overflow: hidden;
    margin: 5px auto;
}

.num_ranking {
    float: left;
    margin-right: 5px;
    font-size: 34px;
    font-weight: bold;
    width: 40px;
    text-align: right;
}

.data_ranking {
    float: left;
    padding-top: 5px;
}

.linea_ranking {
    padding: 5px 0px;
}

.body_sms {
    background-color: #e1e1e1;
    padding: 5px 10px;
    text-align: justify;
    margin-bottom: 10px;
}

.datos_programas {
    margin: 0px 20px;
}

.datos_programas h1 {
    font-size: 18px;
}

.datos_programas .data_prog {
    float: left;
    width: 300px;
}

.datos_programas .col_prog {
    float: right;
    width: 336px;
}

.datos_programas .col_prog .compartir {
    margin-bottom: 20px;
}

.datos_programas .progemisora {
    background-color: #EEF9E6;
    border: 1px solid #D3EFBF;
    padding: 10px;
}

.central_especial {
    padding: 0px 20px;
}

.form_centro {
    width: 70%;
    margin-left: 50px;
}

.listciudades {
    float: left;
}

.listciudades li {
    margin-top: 15px;
}

.ranking_city {
    margin-bottom: 10px;
    background-color: #51C000;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.ranking_city a {
    text-decoration: none;
    color: #fff;
}

.ranking_city h2 {
    font-size: 150%;
    letter-spacing: -1px;
    margin: 0px;
}

.rankingm_city {
    background-color: #CE0000;
    margin-top: 10px;
}

.fmam a {
    display: block;
    width: 165px;
    color: #fff;
    font-weight: bold;
    float: left;
    font-size: 11px;
    text-align: center;
    padding: 10px 10px;
    margin-top: 5px;
}

.fmam a.fm {
    background-color: #51C000;
}

.fmam a.am {
    background-color: #004BDA;
}

.enfm .listciudades {
    width: 370px;
}

.enfm #publi_350 {
    float: right;
}

.otras_fm table {
    width: 100%;
    margin-top: 10px;
}

.otras_fm td {
    vertical-align: top;
    width: 50%;
}

.otras_fm li {
    margin-bottom: 5px;
}

.otras_fm a:hover {
    text-decoration: underline;
}

.player_embed {
    margin-bottom: 10px;
    clear: both;
    width: 370px;
    overflow: hidden;
}

.infocity {
    padding: 10px;
    background-color: #fff;
    color: #333;
    margin-bottom: 1px;
}

.infocity h3 {
    color: #51C000;
    font-size: 17px;
}

.infocity p, .infocity h3 {
    margin: 0px;
    padding: 0px;
}

.leftespe {
    width: 195px !important;
}

.fotomain {
    height: 200px;
    margin-top: 1px;
}

#comentarios {
    margin-top: 30px;
}

/* Formato general */

.dos_columnas {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

/* Cuadros de publicidad */

.ads {
    margin-bottom: 5%;
}

/* Ranking */

#ranking .numero {
    font-size: 350%;
    padding: .2em;
    margin: 5% 0;
    text-align: center;
    font-weight: bold;
    display: block;
    background-color: #000;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#ranking .btnum {
    border: 0px !important;
}

#ranking .bgrank1 {
    background-color: #f7a701;
}

#ranking .bgrank2 {
    background-color: #dca904;
}

#ranking .bgrank3 {
    background-color: #c6ab05;
}

#ranking .bgrank4 {
    background-color: #a4ad08;
}

#ranking .bgrank5 {
    background-color: #87af0c;
}

#ranking .bgrank6 {
    background-color: #69b012;
}

#ranking .bgrank7 {
    background-color: #50b01a;
}

#ranking .bgrank8 {
    background-color: #3cb025;
}

#ranking .bgrank9 {
    background-color: #2cad36;
}

#ranking .bgrank10 {
    background-color: #20a84b;
}

#ranking .bgrank11 {
    background-color: #16a165;
}

#ranking .bgrank12 {
    background-color: #109b7d;
}

#ranking .bgrank13 {
    background-color: #0a939a;
}

#ranking .bgrank14 {
    background-color: #078eab;
}

#ranking .bgrank15 {
    background-color: #0287c4;
}

.lista_indotel .col-md-4 a {
    display: inline-block;
    min-height: 7em;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------  STYLE.CSS  ------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------- */

header #logo img {
    width: 100%;
}

header, footer {
    padding: 0 0 3em 0;
    /* max-height:250px; */
}

.iconos-shorts .fas,
.nav .fas, .nav .fab {
    width: 20px !important;
    display: inline-block;
}


/* Formularios */

.g-recaptcha {
    margin-bottom: 3%;
}

@media screen and (max-width: 550px) {
    .hidden-sm {
        display: none !important;
    }

    #audioplayer {
        margin-top: 1em;
    }

    #descargarMP3 {
        margin-bottom: 1em;
    }

    .center-xs {
        text-align: center;
    }

    .center-xs .pull-right {
        float: none !important;
        text-align: center;
    }

    .center-xs .scrollable-menu {
        margin: auto;
    }

    .navegacion_horizontal a {
        margin-bottom: 1em;
    }

    header #logo {
        margin-bottom: 1em;
    }
}

/* Guideline */

.circular {
    width: 130px;
    height: 130px;
    border-radius: 100%;
}

.bg-a {
    background-color: #0dbad2;
}

.bg-b {
    background-color: #48A23F;
}

.bg-c {
    background-color: #FF9E1B;
}

.bg-d {
    background-color: #E1523D;
}

.bg-e {
    background-color: #25282A;
}

.bg-f {
    background: rgba(0, 0, 0, 0.3);
}

#escuchar>div.addthis_inline_share_toolbox {
    margin-top: 1em;
}

/* Pagina de activacion de emisoras */

#page_activar #activar {
    margin-bottom: 2em;
    text-align: center;
}

#page_activar #activar p {
    margin-bottom: 5em;
}

article h2, article h3 {
    margin-top: 1em;
}

article a {
    color: blue;
    text-decoration: underline;
}

#page_escuchar h1 strong {
    display: block;
    font-size: .3em;
}

#scroll-to-top {
    position: fixed;
    bottom: 3.5em;
    right: 1.5em;
    cursor: pointer;
    background-color: #fff;
    padding: .3em;
    border-radius: 100%;
    width: 50px;
    height: 49px;
    overflow: hidden;
    transition: 0.3s;
    text-align: center;
    font-size: 1.35em;
}

#scroll-to-top:hover {
    color: #febb02 !important;
    background-color: #033089;
}

.ocultar-en-desktop {
    display: none;
}

#cse-search-box input.form-control {
    width: 100% !important;
}

/* Botón para reproducción */
.float-play-btn {
    position: absolute;
    width: 100%;
    padding-top: 2.2em;
    text-align: center;
    display: inline-block;
    opacity: .8;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}

.float-play-btn img {
    width: 35%;
    height: 35%;
}

.float-play-btn:hover {
    opacity: 1;
}

.subtitulos-marcados {
    margin-bottom: 2em;
}

.subtitulos-marcados p {
    color: #031b4e;
    margin-bottom: 0;
    font-size: 1.2em;
}

.subtitulos-marcados p::before {
    color: #737373;
    content: "\25CF";
    float: left;
    font-size: .8em;
    margin-right: 0.3rem;
    line-height: 2em;
    vertical-align: bottom;

}

.descripcion-intro {
    margin-bottom: 2em;
}


.input-error {
    border-color: red !important;
}

.error-message {
    color: red !important;
    display: none !important;
}