/*------------------------------------------------------
Theme Name: Programacion TV cable VTR
Theme URI: http://vtr.com/
Description: Theme desarrollado por Creatika
Version: 2.0
Author: Sebastian Orellana
Author URI:  http://creatika.cl
------------------------------------------------------*/
/*---------------------------  generales  ---------------------------*/
* 	{
margin: 0;
padding: 0;
}
body {
font-family: "arial", sans-serif ;
font-size: 13px;
color: #737A82;
}
a{
outline: none;
text-decoration: none;
color:inherit;
}
.acti	{
background: none;
}
strong   {
color:#000;
}
a:hover {
color:#E11B22;
text-decoration: none;
}
a:visited {
color:#fff;
}
.terms a:visited{
color:#666;
}
li{
list-style-type: none;
}
.clearfix{
clear: both;
height: 0;
}
div.error{
font-size: 11px;
line-height: 13px;
padding: 10px;
}
.error li{
list-style: none;
list-style-image: none;
padding-bottom: 10px;
}
/*----------------------- bloque programacion --------*/
#caja_programacion{
	float: left;
	width:950px;
	display: block;
}
 #caja_programacion a#btnforw{
background:#e11b22 url(../img/forw.jpg) no-repeat center;
display:block;
position:relative;
width:16px;
float:left;
height:42px;
z-index:60;
text-indent:-9999px;
}
#caja_programacion #boxcanales #btnback{
background:#e11b22 url(../img/back.jpg) no-repeat right;
padding:5px 0;
height:32px;
float:right;
width: 16px;
display:block;
text-indent:-9999px;
border-right:1px solid #ADADAD;
}
#caja_programacion #boxcanales{
display:block;
width:50px;
float:left;
margin-right:-1px;
z-index:10;
margin-left:5px;
}
#caja_programacion #boxcanales #canales{
    display:block;
    overflow:hidden;
    width:50px;
    height:204px;
}
#caja_programacion #boxcanales #canales ul{
    overflow:hidden;
}
#caja_programacion #boxcanales #canales .chan{
display:none;
}
#caja_programacion #boxcanales #canales .logo{
height:50px;
border-right:1px solid #ADADAD;
border-bottom:1px solid #ADADAD;
}
#caja_programacion #boxprogramas {
width:850px;
overflow:hidden;
position:relative;
z-index: 1;
display:block;
float: left;
margin-bottom:10px;
height: 204px;
font-size:11px;
}
 #caja_programacion #boxprogramas a{
cursor: default;
}
 #caja_programacion #reloj{
width:850px;
float:left;
height:42px;
overflow:hidden;
display:block;
}
 #caja_programacion #reloj #horas{
width:5760px;
background:#797979;
height:21px;
color:#fff;
}
 #caja_programacion #reloj #horas li{
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
border-top:1px solid #FFF;
color:#fff;
font-size:14px;
text-align:center;
padding:0;
display:block;
float:left;
font-weight:bold;
width:240px;
height:21px;
margin:-1px -1px -1px 0;
}
 #caja_programacion #reloj #horario{
width:5760px;
background:#A7A7A7;
height:21px;
color:#fff;
}
 #caja_programacion #reloj #horario li{
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
border-top:1px solid #FFF;
color:#fff;
margin:-1px -1px -1px 0;
font-size:10px;
height:21px;
text-align:center;
padding:0;
display:block;
float:left;
width:60px;
}
 #caja_programacion  ul.program {
display:block;
width:5760px;
height:50px;
overflow:hidden;
border-bottom:1px solid #ADADAD;
clear:both;
background:#EBEBEB;
}
 #caja_programacion  .program li{
float:left;
margin:0 -1px 0 0;
border-left:1px solid #ADADAD;
position:absolute;
height:50px;
}
 #caja_programacion  .program li strong{
padding:5px 0 0 5px ;
display:block;
line-height:100%;
}
 #caja_programacion  .program li span{
padding:0 0 0 5px ;
color:#737A82;
}
 #caja_programacion  #btnrights{
background: #ccc;
display: block;
float:left;
position: relative;
z-index: 50;
width: 16px;   
}
 #caja_programacion  #btnrights li{
clear: both;
display: block;  
}
 #caja_programacion  #btnrights #btnup{
background:#e11b22 url(../img/boton_tv_up.jpg) no-repeat center;
height:16px;
display:block;
text-indent:-9999px;
}
 #caja_programacion  #btnrights #btndown{
background:#e11b22 url(../img/boton_tv_dwn.jpg) no-repeat center;
height:16px;
display:block;
margin-top:172px;
text-indent:-9999px;
}
.fcomp {
background:#E1F2F6 none repeat scroll 0 0;
}
 a.color {
background:#666;
font-size:13px;
padding:2px 10px;
cursor: pointer;
color:#FFF;
}
 a.color:hover {
background:#e11b22;
}
/* cf */
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.hidden{
display:none;
visibility: hidden;
}
#numero_fans{
display: inline;
}
/* Hides from IE-mac \*/
* html .cf {
height: 1%;
}
/* End hide from IE-mac */