@font-face {
    font-family: BentonSans;
    src: url(../fonts/BentonSans-Book.otf);
    font-style: normal;
}

@font-face {
    font-family: BentonSans;
    src: url(../fonts/BentonSans-Bold.otf);
    font-weight: bold;
}


*{
  font-family: 'BentonSans';
  font-size: 12px;
  color: #333333;
}

body{
  margin: 0px;
}

header{
  border-top:0.125rem solid #212121;
  border-bottom:0.1875rem solid #f6f6f6;
  position:relative;
  height:38px;
  margin-bottom:11px;
  margin-top: -12px;
}

h3{

    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    line-height: 120%;
    border-top: 1px solid #212121;
    display: inline-block;
    float: left;
    clear: left;
    display: block;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-bottom: 0.4375rem;
    color: #222;
}


hr {
  border:none;
  color:#666;
  background-color:#ddd;
  height:1px;
  //margin: 0px;
}

a{
  text-decoration: none;
}


div.contenedor{
    //width: 474px;
    width: 100%;
    margin-top: -8px;
    //padding: 10px;
}

@media (max-width: 1024px) {
  div.contenedor{
    width: 100%;
    //max-width: 390px;
  }
}

@media (max-width: 768px) {
  div.contenedor{
    width: 100%;
    //max-width: 280px;
  }
}

div.medio{
  width:4%;
  float: left;
}

#contenedorGeneral{
  display: flex;

}
#contenedorWidget{
  width:48%;
  float: left;

}
#contenedorWidgetNoche{
  width:48%;
  float: left;

}

@media (max-width: 768px) {
  div.medio{
    display: none;
  }

  #contenedorWidgetNoche{
    display: none;
  }

  #contenedorWidget{
    width:100%;
  }


}

div.cabecera{
  position:relative;
  width: 100%;
  height: 25px;
  color: black;
}

div.cabecera-interior{
  position:absolute;
  margin-top: 8px;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: black;
  font-weight: bold;
}


div.contenedor_programas{
  width: 100%;
  background-color: #FFF;
}

div.programa{
  width: 100%;
  height:35px;
}

img.detalle_programa{
  width:25px;
  height:25px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

div.contenedor_imagen{
  display: inline-block;
  vertical-align: middle;
  padding-top: 5px;
}


span.programa_hora{
  margin-right: 5px;
  font-weight: bold;
  float: right;
  clear: right;
}
span.programa_titulo{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70%;
  display: inline-block;
}