html, body {
height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
  	font-family: "Trebuchet MS";
	background: #015C88 url('../imagenes/fondo_page.jpg') repeat-x 0 0;
}

/* *************************************************************** ESTRUCTURA */

.container {
  width: 1004px;
	background: url('../imagenes/fondo_container.jpg') no-repeat 0 0;
}

.header {
  width: 1004px;
  height: 83px;
}

.canales {
  position: absolute;
  z-index: 1;
	width: 250px;
	margin-top: 100px
}

.video-zone {
  float: left;
  width: 641px;
  padding: 0px 0px 0px 68px;
}

.videos-list-column {
  float: left;
  width: 284px;
  padding: 0px 0px 0px 10px;
  min-height: 375px
  _height: 375px
}


.videos-list-column a {
  color: #FFF;
}


.videos-list-column a:hover {
  text-decoration: none;
}

.footer {
  clear: both;
  background: url('../imagenes/fondo_footer.png') repeat-x 0 0;
  min-height: 220px;
  _height: 220px;
}


.footer a {
  color: #FFF;
}


.footer a:hover {
  text-decoration: none;
}

/* ******************************************************************* HEADER */

.header .logo {
  float: left;
}

.header .modal-windows {
  float: left;
  background: url('../imagenes/fondo_navigation.gif') no-repeat 82px 51px;
  padding: 50px 0px 0px 20px;
}

.header .modal-windows a {
  display: block;
  float: left;
  margin: 0px 40px 0px 0px;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
}

.header .modal-windows a:hover {
  text-decoration: underline;
}

.header .idiomas {
  float: left;
  margin: 50px 70px 0px 0px;
}

.header .idiomas img{
  border: 0px solid;
  margin: 0px 5px 0px 0px;
}

.header .buscador-diferidos {
  float: left;
  background: url('../imagenes/fondo_buscador.png') no-repeat 0 0;
  width: 247px;
  height: 83px;
  padding: 10px 0px 0px 16px;
}

.header .buscador-diferidos p {
  float: left;
  margin: 0px 5px 0px 0px;
  padding: 0px;
}

.header .buscador-diferidos p input.buscar {
  float: left;
  margin: 0px;
  padding: 0px;
}

.header .buscador-diferidos input {
  border: 1px solid #C6C6C6;
  background-color: #EEE;
  color: #000;
  font-size: 12px;
}

.header .buscador-diferidos input.buscar {
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background: url('../imagenes/fondo_buscar.jpg') no-repeat 0 0;
  border: 0px solid;
  width: 52px;
  height: 21px;
}

/* ****************************************************************** CANALES */

.canales .canales-left {
  float: left;
  width: 205px;
}

.canales .canales-right {
  float: left;
  margin-top: 17px;
  margin-left: -6px;
  width: 46px;
}

.canales .canales-right img {
  cursor: pointer;
}

.canales-listado-out {
	width: 205px;
	background: url('../imagenes/canales_fondo.png') no-repeat 0 0px;
	min-height: 250px;
	_height: 250px;
	margin-top: -1px;
	padding: 0px 0px 8px 0px;
}

.canales-bottom {
	margin-top: -1px;
}

.canales-reset {
	width: 200px;
	background: url('../imagenes/canales_fondo.png') no-repeat 0 0px;
	text-align: center;
}

.canales-reset img {
	border: 0px solid;
}

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

.canales-listado ul li .canales-listado-accion a {
  display: block;
}

.canales-listado ul li .canales-listado-accion a.canal-listado-area {
  border: 1px solid #B8B8B8;
  text-align: center;
  text-decoration: none;
  color: #950B13;
  font-size: 16px;
  font-weight: bold;
  width: 165px;
  margin: 4px 0px 0px 8px;
  padding: 5px;
	background: url('../imagenes/fondo_area.jpg') repeat-x left bottom;
}

.canales-listado ul li .canales-listado-accion a.canal-listado-canal {
  border: 1px solid #B8B8B8;
  text-align: center;
  text-decoration: none;
  color: #950B13;
  font-size: 14px;
  width: 165px;
  margin: 4px 0px 0px 8px;
  padding: 5px;
	background: url('../imagenes/fondo_canal.jpg') repeat-x left bottom;
}

.canales-listado ul li .canales-listado-accion a.canal-listado-frame, .canales-listado ul li .canales-listado-accion a.canal-listado-streaming {
  border: 1px solid #B8B8B8;
  text-align: center;
  text-decoration: none;
  color: #950B13;
  font-size: 12px;
  width: 165px;
  margin: 4px 0px 0px 8px;
  padding: 5px;
	background: url('../imagenes/fondo_iframe.jpg') repeat-x left bottom;
}

.canales-listado ul li .canales-listado-accion a.canal-listado-area:hover, .canales-listado ul li .canales-listado-accion a.canal-listado-canal:hover, .canales-listado ul li .canales-listado-accion a.canal-listado-frame:hover, .canales-listado ul li .canales-listado-accion a.canal-listado-streaming:hover {
  border: 1px solid #666;
  color: #000;
}

/* ************************************************************* CAPA LOADING */

.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('../imagenes/fondo_loading.png') 0 0;
  z-index: 10;  
}

.loading #loading-gif {
  width: 1004px;
  text-align: center;
  padding: 300px 0px 0px 0px;
  font-size: 45px;
  color: #FFF; 
}

/* ******************************************************************** VÍDEO */

.playerDiv-top {
  padding: 10px 0px 0px 0px;
}

.video-zone-bottom {
  margin-top: -1px;
}

#playerDiv {
  width: 630px;
  min-height: 343px;
  _height: 343px;
  text-align: center;
  background: url('../imagenes/video_fondo.png') 0 0;
  margin-top: -1px;
  padding: 5px 0px 0px 0px;
}

.video-data {
  background: url('../imagenes/comillas.gif') no-repeat 550px 30px;
}

.video-data .player-embed {
  background: url('../imagenes/icon_embed.png') no-repeat 0 3px;
}

.video-data .player-recomendar {
  background: url('../imagenes/icon_recomendar.png') no-repeat 0 3px;
}

.video-data .player-opinion {
  background: url('../imagenes/icon_opinion.png') no-repeat 0 3px;
}

.video-data .player-embed, .video-data .player-recomendar, .video-data .player-opinion {
  float: left;  
  font-size: 10px;
  padding: 5px 20px 5px 20px;
}

.video-data .player-embed a, .video-data .player-recomendar a, .video-data .player-opinion a {
  text-decoration: none;
  color: #FFF;
}

.video-data .player-embed a:hover, .video-data .player-recomendar a:hover, .video-data .player-opinion a:hover {
  text-decoration: underline;
}

.video-data .player-fecha {
  float: left;  
  font-size: 12px;
  color: #D8DCDE;
  padding: 3px 20px 5px 0px;
}

.video-data .player-visto {
  float: left; 
  font-size: 12px;
  color: #D8DCDE;
  padding: 3px 20px 5px 0px; 
}

.video-data .player-name {
  clear: both;
  font-size: 24px;
  color: #FFF;
}

.video-data .player-description {
  font-size: 13px;
  color: #FFF;
}

.video-data .player-enlaces {
  clear: both;
  background: url('../imagenes/icon_links.png') no-repeat 0 3px;
  font-size: 10px;
  padding: 6px 0px 0px 113px;
  height: 15px;
}

.video-data .player-enlaces .player-enlace-link {
  float: left; 
}

.video-data .player-files {
  clear: both;
  background: url('../imagenes/icon_descargas.png') no-repeat 0 3px;
  font-size: 10px;
  padding: 4px 0px 0px 78px;
  height: 15px;
}

.video-data .player-files .player-files-link {
  float: left; 
}

.video-data .player-files .player-files-link a, .video-data .player-enlaces .player-enlace-link a {
  text-decoration: none;
  color: #FFF;
  margin: 0px 15px 0px 0px;
}

.video-data .player-files .player-files-link a:hover, .video-data .player-enlaces .player-enlace-link a:hover {
  text-decoration: underline;
}

.video-zone-bottom {
  clear: both;
  text-align: center;
  padding: 15px 0px 0px 0px;
}

/* *********************************************************** LISTADO VÍDEOS */

.videos-list-column .videos .canal-actual {
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  color: #D8DCDE;
  padding: 0px 10px 0px 0px;
  height: 30px;
}

.videos-list-column .videos .videos-listado-up {
  min-height: 410px;
  _height: 410px;
}

.videos-listado {
  font-size: 11px;
  color: #FFF;
}

.videos-list-column .videos-listado .videos-orden {
  font-size: 11px;
  color: #FFF;
  height: 20px;
}

.videos-list-column .videos-listado .videos-orden .videos-listar {
  float: right;
  padding: 0px 10px 0px 0px;
  height: 20px;
}

.videos-list-column .videos-listado .videos-orden .videos-listar a {
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
}

.videos-list-column .videos-listado .videos-orden .videos-listar a:hover {
  text-decoration: underline;
}

.videos-list-column .videos-listado .videos-cajas {
  border-bottom: 1px solid #06344B;
  width: 260px;
  line-height: 85%;
}

.videos-list-column .videos-listado .videos-cajas ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.videos-list-column .videos-listado .videos-cajas ul .videos-velocidad {
  float: right;
  width: 50px;
}

.videos-list-column .videos-listado .videos-cajas ul .videos-velocidad img {
  border: 0px solid;
}

.videos-list-column .videos-listado .videos-cajas ul .videos-data {
  float: left;
  padding: 10px 0px 5px 10px;
  width: 180px;
  font-size: 12px;
  color: #D8DCDE;
}

.videos-list-column .videos-listado .videos-cajas ul .videos-data img {
  border: 0px solid;
}

.videos-imagen-up {
  position: absolute;
  margin: 10px 0px 0px 10px;
} 

.videos-imagen-up img {
  border: 0px solid;
} 

.videos-list-column .videos-listado .videos-cajas ul .videos-data .videos-imagen {
  float: left;
} 

.videos-list-column .videos-listado .videos-cajas ul .videos-data .videos-text {
  float: right;
  width: 100px;
} 

.videos-list-column .videos-listado .videos-cajas ul .videos-data .videos-text .videos-name {
  font-weight: bold;
} 

.videos-list-column .videos-listado .videos-cajas ul .videos-others {
  clear: both;
}

.videos-list-column .videos-listado .videos-cajas ul .videos-date {
  font-size: 12px;
  color: #D8DCDE;
  padding: 0px 10px 10px 10px;
}

.videos-list-column .videos-listado .videos-cajas ul .videos-others .videos-playlist-add {
  float: right;
}

.videos-list-column .videos-listado .videos-cajas ul .videos-others .videos-playlist-add img {
  border: 0px solid;
}

.videos-list-column .videos-listado .videos-paginacion {
  padding: 0px 0px 0px 160px;
}

.videos-list-column .videos-listado .videos-paginacion #first {
  display: none;
}

.videos-list-column .videos-listado .videos-paginacion #paginas {
  display: none;
}

.videos-list-column .videos-listado .videos-paginacion #last {
  display: none;
}

.videos-list-column .videos-listado .videos-paginacion #prev {
  float: left;
  width: 50px;
}

.videos-list-column .videos-listado .videos-paginacion #next {
  float: left;
  width: 50px;
}

.videos-list-column .videos-listado .videos-paginacion #prev img, .videos-list-column .videos-listado .videos-paginacion #next img {
  border: 0px solid;
}

/* ****************************************************** BANNERS */

.videos-list-column .banners {
  clear: both;
}

.videos-list-column .banners-link {
  float: left;
}

.videos-list-column .banners-link img {
  border: 1px solid #333;
  margin: 0px 4px 4px 0px;
}

/* ******************************************************************* FOOTER */

.footer .footer_inn {
  width: 1004px;
}

.footer .footer_inn .pestana {
  z-index: 1;
  position: absolute;
  margin-top: -41px;
  margin-left: 400px;
}

.footer .footer_inn .playlist {
  z-index: 2;
  position: absolute;
  float: left;
  width: 680px;
  margin: 10px 20px 0px 0px;
  margin-left: 0px;
}

.playlist-msg {
  position: absolute;
  font-size: 24px;
  color: #FFF;
  z-index: 5000;
  margin-left: 10px;
  margin-top: 10px;
}

.footer .footer_inn .playlist .playlist-orden {
  font-size: 11px;
  color: #FFF;
  height: 20px;
}

.footer .footer_inn .playlist .playlist-orden .playlist-listar {
  float: right;
  padding: 0px 10px 0px 0px;
  height: 20px;
}

.footer .footer_inn .playlist .playlist-orden .playlist-listar a {
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
}

.footer .footer_inn .playlist .playlist-orden .playlist-listar a:hover {
  text-decoration: underline;
}

.footer .footer_inn .playlist .item {
  border: 1px solid #5B0C1A;
  float: left;
  width: 285px;
}

.footer .footer_inn .playlist .item .playlist-velocidad {
  float: left;
  padding: 0px 0px 0px 10px;
  /*width: 50px;*/
}

.footer .footer_inn .playlist .item .playlist-velocidad img {
  border: 0px solid;
}

.footer .footer_inn .playlist .item .playlist-data {
  float: left;
  padding: 10px 0px 5px 10px;
  width: 180px;
  font-size: 11px;
  color: #D8DCDE;
}

.footer .footer_inn .playlist .item .playlist-data img {
  border: 0px solid;
}

.footer .footer_inn .playlist .item .playlist-data .playlist-imagen {
  float: left;
} 

.footer .footer_inn .playlist .item .playlist-data .playlist-text {
  float: right;
  width: 100px;
} 

.footer .footer_inn .playlist .item .playlist-data .playlist-text .playlist-name {
  font-weight: bold;
} 

.footer .footer_inn .playlist .item .playlist-others {
  clear: both;
}

.footer .footer_inn .playlist .item .playlist-date {
  font-size: 12px;
  color: #D8DCDE;
  padding: 0px 10px 10px 10px;
}

.footer .footer_inn .playlist .item .playlist-others .playlist-delete {
  float: right;
  padding: 10px 10px 0px 0px;
}

.footer .footer_inn .playlist .item .playlist-others .playlist-delete img {
  border: 0px solid;
}

.playlist-paginacion {
  float: right;
  padding: 100px 0px 0px 0px; 
}

.playlist-paginacion #first, .playlist-paginacion #paginas, .playlist-paginacion #last {
  display: none;
}

.playlist-paginacion #prev, .playlist-paginacion #next {
  float: left;
  width: 50px;
}

.playlist-paginacion #prev img, .playlist-paginacion #next img {
 border: 0px solid;
}

.footer .footer_inn .copy {
  float: left; 
  width: 300px; 
  margin: 10px 0px 0px 0px;
}

/* ********************************************************* VENTANA FLOTANTE */

#iframeId {
  position: absolute;
  z-index: 3000;
  margin-top: 100px;
  margin-left: 250px;
}

a.iframeId-close {
  display: block;
  background-color: #9D0C15;
  padding: 4px;
  color: #FFF;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}