html,
body {
    
    background: #FFF;
    font-family: 'roboto-regular', sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    color: #778187;
    
}
.cobertura_tvabierta {
    max-width: 1200px;
    margin: 20px auto 0 auto;
    font-size: 17px;
    height: 480px;
    padding: 0 20px;
}




@font-face {
    font-family: 'roboto';
    src: url(../fonts/main/Roboto-Medium.eot);
    src: url(../fonts/main/Roboto-Medium?#iefix) format('embedded-opentype'),
         url(../fonts/main/Roboto-Medium.woff2) format('woff2'),
         url(../fonts/main/Roboto-Medium.woff) format('woff'),
         url(../fonts/main/Roboto-Medium.ttf) format('truetype'),
         url(../fonts/main/Roboto-Medium.svg#akzidgroconbqmeditaregular) format('svg');

}

@font-face {
    font-family: 'roboto-regular';
    src: url(../fonts/main/Roboto-Regular.eot);
    src: url(../fonts/main/Roboto-Regular?#iefix) format('embedded-opentype'),
         url(../fonts/main/Roboto-Regular.woff2) format('woff2'),
         url(../fonts/main/Roboto-Regular.woff) format('woff'),
         url(../fonts/main/Roboto-Regular.ttf) format('truetype'),
         url(../fonts/main/Roboto-Medium.svg#akzidgroconbqmeditaregular) format('svg');

}

img{
    width: 100%;
    height: auto;
}
#logo-dish {
    padding-top: 20px;
}

h1{
    font-weight: 700;
    color: #666666;
    text-align: center;
    margin: 5px;
    font-size: 3.5rem;
}

.aviso{
font-family: 'roboto-regular', sans-serif;
    text-align: center;
    font-size: 1.6rem;
}

.aviso01{
font-family: 'roboto-regular', sans-serif;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
}

a.canales_ta {
    display: block;
    border: 3px solid #7F7F7F;
    margin-bottom: 10px;
}
a.canales_ta:hover {
    border: 3px solid #FF0000;
    margin-bottom: 10px;
}

span.select:focus {
    color: #ebd30b;
    background-color: black !important;
    border: 5px solid #000;
}