.header-titulo{
  width: 1000px; 
  height: auto; 
  margin: 0px auto;
  text-align: right;
  font-size: 28pt;
  font-family: arial;
  color:#ee5100;
  margin-bottom: 20px;
}

.listado-programas {
  width: 1000px; 
  height: auto; 
  margin: 0px auto;
  padding-left: 0px;
  margin-bottom: 20px;
  background:#ffae00;
}

ul.datos-programa li {
  width: 99%;
  list-style:none;
  line-height:auto;
  border-top:solid #e9e9e9 1px;
  border-left:solid #e9e9e9 1px;
  border-right:solid #e9e9e9 1px;
  padding:7px 0px 7px 8px;
  font-size:12px;
  margin:0; 

}
.bg-play-programas {
  background: url(../img/icon_play.png) no-repeat center top;
  background-position: right;
}
ul.datos-programa li:hover {
  background-color: #ee5100;
  }
  ul.datos-programa li a {
  text-decoration:none;
  list-style:none;
  width:100%;
  display:block;
  }
  ul.datos-programa li a:hover {
  text-decoration:none;
  }

ul.descriptivo-programa li {
  width: auto;
  height: auto;
  list-style:none;
  padding:0px;
  font-size:12px;
  margin:0;
    margin-top: 0px;
  padding-top: 0px;
  display: inline;
  border-top:solid #e9e9e9 0px;
  border-left:solid #e9e9e9 0px;
  border-right:solid #e9e9e9 0px;
  border-bottom:solid #e9e9e9 0px;
  }
  .ficha-programa-hora {
    display: inline-block;
    width: 60px;
    height: auto;
    font-size: 13px;
    font-weight: bold;
    padding: 0;
    padding-top: 9px;
    padding-left: 10px;
    margin: 0px;
    vertical-align: top;

        }
        .ficha-programa-hora-txt {
        font-family: arial;
        font-size: 15px;
        font-weight: bold;
        color: #000;
        }

  .ficha-programa-foto {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
    padding-left: 40px;
    padding-right: 20px;
    line-height:1px;
        }
        .img-horizontal {
        width: 100px;
        height: auto;
        border: 0;
        }
        .img-cuadrada {
        width: 90px;
        height: 90px;
        border: 0;
        }

  .ficha-programa-titulo {
    display: inline-block;
    height: auto;
    padding: 0;
    padding-top: 9px;
    vertical-align: top;
        }
        .ficha-programa-titulo-txt {
        font-family: arial;
        font-size: 15pt;
        font-weight: bold;
        color: #fff;
        }
        .ficha-programa-titulo-descriptivo {
        font-family: arial;
        font-size: 13px;
        color: #444455;
        }




















@media screen and (max-width:768px) {

}


@media only screen and (max-width: 768px) {

.header-titulo{
  width: 95%; 
  height: auto; 
  margin: 0px auto;
  text-align: right;
  font-size: 28pt;
  font-family: arial;
  color:#ee5100;
  margin-bottom: 20px;
}

.listado-programas {
  width: 97%; 
  height: auto; 
  margin: 0px auto;
  padding-left: 0px;
  margin-bottom: 20px;
  background:#ffae00;
}

ul.datos-programa li {
  width: 100%;
  list-style:none;
  line-height:auto;
  border-top:solid #e9e9e9 1px;
  border-left:solid #e9e9e9 1px;
  border-right:solid #e9e9e9 1px;
  padding:0px 0px 0px 0px;
  font-size:12px;
  margin:0; 

}
.bg-play-programas {
  background: url(../img/uxu.png) no-repeat center top;
  background-position: right;
}
ul.datos-programa li:hover {
  background-color: #ee5100;
  }
  ul.datos-programa li a {
  text-decoration:none;
  list-style:none;
  width:100%;
  display:block;
  }
  ul.datos-programa li a:hover {
  text-decoration:none;
  }

ul.descriptivo-programa li {
  width: auto;
  height: auto;
  list-style:none;
  padding:0px;
  font-size:12px;
  margin:0;
  margin-top: 5px;
  padding-top: 15px;
  display: inline;
  border-top:solid #e9e9e9 0px;
  border-left:solid #e9e9e9 0px;
  border-right:solid #e9e9e9 0px;
  border-bottom:solid #e9e9e9 0px;
  }
  .ficha-programa-hora {
    display: inline-block;
    width: 60px;
    height: auto;
    font-size: 13px;
    font-weight: bold;
    padding: 0;
    padding-top: 9px;
    padding-left: 10px;
    margin: 0px;
    vertical-align: top;

        }
        .ficha-programa-hora-txt {
        font-family: arial;
        font-size: 15px;
        font-weight: bold;
        color: #000;
        }

  .ficha-programa-foto {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
    padding-left: 20px;
    padding-right: 0px;
    line-height:1px;
        }
        .img-horizontal {
        width: 78px;
        height: auto;
        border: 0;
        }
        .img-cuadrada {
        width: 90px;
        height: 90px;
        border: 0;
        }

  .ficha-programa-titulo {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
    padding-top: 9px;
    vertical-align: top;
        }
        .ficha-programa-titulo-txt {
        font-family: arial;
        font-size: 13pt;
        font-weight: bold;
        color: #fff;
        }
        .ficha-programa-titulo-descriptivo {
        font-family: arial;
        font-size: 13px;
        color: #444455;
        }


 
	}