ul,
li {
    user-select: none
}

ul {
    list-style-type: none;
    margin: 0
}

li {
    display: inline-block;
    padding: 0 2px 6px 0
}

ul li a img {
    border: 1px solid #e6e6e6;
    vertical-align: middle;
    padding: 2px
}

ul li a .activa {
    border-color: #1978a1;
    box-shadow: 0px 0px 6px #1978a1;
    -webkit-box-shadow: 0px 0px 6px #1978a1;
    -moz-box-shadow: 0px 0px 6px #1978a1
}

.margen {
    padding: 0.2em 0.2em 0.2em 0.3em;
    text-align: left;
    line-height: 1.3em
}

.margen a {
    text-decoration: none;
    color: #000000
}

.margen a:hover {
    color: #1978a1
}

.margen span {
    color: #1978a1
}

.margen2 {
    padding: 0em 0.2em 0.3em 0.3em
}

.btnaz {
    font-weight: bold;
    font-size: 0.9em;
    color: #1978a1;
    border: 1px #1978a1 solid;
    cursor: pointer;
    margin: 0.1em 0.4em 0.1em 0em;
    border-radius: 5px;
    text-decoration: none;
    padding: 0.3em 0.6em;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    display: inline-block;
    position: relative;
    user-select: none
}

.btnaz:hover {
    background-color: #1978a1;
    color: #fff
}

.ocio .btnaz {
    margin-bottom: 0.1em;
    padding-left: 0.45em;
    padding-right: 0.45em
}

.borde2 {
    border: 1px solid #1978a1;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #1978a1;
    -webkit-box-shadow: 0px 0px 2px #1978a1;
    -moz-box-shadow: 0px 0px 2px #1978a1;
    margin-right: 0.4em;
    position: relative;
    top: 0.1em
}

.selec {
    background-color: #ce5420;
    color: #fff
}

.menu {
    padding-top: 0.4em;
    padding-bottom: 0.1em
}

@media(min-width:400px) {
    .menu {
        padding-top: 0.6em;
        padding-bottom: 0.3em
    }
}

footer {
    padding-bottom: 150px
}

footer p {
    text-align: center;
    margin: 6px 0px;
    font-size: 0.9em
}

footer p a {
    text-decoration: underline
}

.public {
    background-color: #f6f6f6;
    padding: 0px;
    text-align: center;
    overflow: hidden
}

@media(min-width:400px) {
    .public {
        margin-bottom: 0.4em
    }
}

.rango {
    padding-left: 0.3em;
    font-size: 0.8em
}

#programacion {
    padding: 0px;
    border: 0
}

#programacion aside {
    padding: 5px 0px;
    border: 0;
    text-align: center
}

.parrilla {
    border-spacing: 0;
    width: 100%
}

.parrilla .tr1 {
    background-color: #ebf5fc
}

.parrilla .tr2 {
    background-color: #daecf9
}

.parrilla td {
    vertical-align: top;
    padding: 0.3em 0.3em;
    border-bottom: 2px solid #fff
}

.parrilla td:first-child {
    width: 53px;
    text-align: center;
    border-right: 2px solid #fff
}

.parrilla td:first-child p {
    font-weight: bold
}

.parrilla td:first-child span {
    background-color: #1978a1;
    color: #fff
}

.parrilla td .empieza {
    margin-top: 0.4em
}

.parrilla td p {
    line-height: 1.2em;
    margin: 0.3em 0
}

.parrilla td .empieza span {
    color: #ffffff;
    font-size: 0.9em;
    background-color: #1978a1;
    border: 2px solid #ffffff;
    border-radius: 4px;
    padding: 0em 0.2em
}

.trailer {
    font-size: 0.8em;
    color: #ce5420;
    background-color: #fff;
    padding: 0.1em 0.1em;
    margin: 0.3em auto
}

.pelicula {
    background-color: #fff;
    margin: 0.2em 0
}

.borde3 {
    border: 1px solid #e6e6e6
}

.serie {
    color: #9603af;
    font-weight: bold;
    font-size: 0.9em;
    font-family: arial
}

.entrevistas {
    color: #127119;
    font-weight: bold;
    font-size: 0.9em;
    font-family: arial
}

.concurso {
    color: #ad7307;
    font-weight: bold;
    font-size: 0.9em;
    font-family: arial
}

.reality {
    color: #ef1684;
    font-weight: bold;
    font-size: 0.9em;
    font-family: arial
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5)
}

.modal-content {
    background-color: #000000AA;
    margin: 15% auto;
    padding: 10px;
    border: 1px solid#000;
    width: 340px
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer
}

.close:hover {
    color: black
}

.menu-toggle-btn {
    align-items: center;
    justify-content: center;
    height: 38px;
    box-sizing: border-box;
    vertical-align: middle;
    background-color: white;
    border: 1px solid#E6E6E6;
    cursor: pointer
}

.menu-2 {
    margin-top: 4px;
    margin-bottom: 4px
}

.btn-categoria {
    font-weight: bold;
    text-align: center;
    font-size: 0.9em;
    text-decoration: none !important;
    padding: 9px 5px 10px 5px;
    display: block
}

#btnTdt a,
#btnStreaming a,
#btnAutonomica a {
    color: #37474f !important
}

#btnTdt:hover,
#btnStreaming:hover,
#btnAutonomica:hover {
    background-color: #37474f;
    border-color: #37474f
}

#btnTdt:hover a,
#btnStreaming:hover a,
#btnAutonomica:hover a {
    color: white !important
}

.btn-peliculas {
    color: #1978a1 !important
}

.li-peliculas:hover {
    background-color: #1978a1;
    border-color: #1978a1
}

.li-peliculas:hover .btn-peliculas {
    color: white !important
}

.btn-deportes {
    color: #2e7d32 !important
}

.li-deportes:hover {
    background-color: #2e7d32;
    border-color: #2e7d32
}

.li-deportes:hover .btn-deportes {
    color: white !important
}

.btn-series {
    color: #9603af !important
}

.li-series:hover {
    background-color: #9603af;
    border-color: #9603af
}

.li-series:hover .btn-series {
    color: white !important
}