/* Reseteamos todos los margins y paddings del documento */
* {margin:0; padding:0;} 

/* Marcamos estilos globales del documento para no repetirnos */
.body{font-family:Arial, Helvetica, sans-serif;font-size: 11px;color:#FFF;}

/* Hack: todos los div podran contenter floats */
div:after {content:".";display:block;height:0;clear:both;visibility:hidden;} 
div{display:inline-block;} 
div{display:block;} 


#content {
    display:block;
    background: transparent url(../img/fondo.gif?nc) no-repeat 0px 0px;
    margin:0px;
    padding:0px;
    width:220px;
    height:300px;
}

#cabecera {}

#cabecera p.programacion {
   margin:6px 0 0px 16px;
   float:left;
   font-weight:bold;
   width:130px;
   height:26px;
   overflow:hidden;
}

#cabecera p.programacion span{
   display:block;
   color:#bcff0c;    
}

#cabecera p.hora{
   margin:9px 0 0 10px;
   float:left;
   font-size: 18px;
   font-weight:bold;
   height: 18px;
}

ul#menumodif{
    margin:0px;
    position:relative;
    display:block;
    height:20px; /* Ponemos la altura porque asi aunque su interior sea float se queda al tamaño que queremos */
}

ul#menumodif li{
    display:block;list-style:none outside; /* hack para transformar un li en block en todos los navegadores*/
    float:left;
    margin:0px 0 0 0;
    border:none;
    padding:3px;
}
ul#menumodif li.modifica{
    background: transparent url(../img/bullet_modifica.gif) no-repeat 0 2px;
    padding:0 0 0 15px;
    margin:5px 0 0 16px;
}
html:first-child ul#menumodif li.modifica {margin-top:-5px;}
ul#menumodif li.modifica a{
    color:white;
    text-decoration:none;
}

ul#menu{
    margin:0px;
    position:relative;
    display:block;
    height:20px; /* Ponemos la altura porque asi aunque su interior sea float se queda al tamaño que queremos */
}

ul#menu li{
    display:block;list-style:none outside; /* hack para transformar un li en block en todos los navegadores*/
    float:left;
    margin:0px 0 0 0;
    border:none;
    padding:3px;
}

ul#menu li.vacia{
    margin:0 0 0 4px;
}
    
ul#menu li.ahora{
    background: transparent url(../img/fondo_on.gif) repeat-x 0 2px;
    margin:3px 0 0 5px;
}
html:first-child ul#menu li.ahora {margin-top:-8px;}

ul#menu li.ahora a{
    font-weight:bold;
    color:#ede016;
    text-decoration:none;
}


ul#menu li.destacados{
    background: transparent url(../img/fondo_off.gif) repeat-x 0 2px;
    margin:3px 0 0 5px;
}
html:first-child ul#menu li.destacados {margin-top:-8px;}
ul#menu li.destacados a{
    font-weight:bold;
    color:white;
    text-decoration:none;
}

#scroll{
    margin:5px 0 0 0;
    float:right;
    width:15px;
    height:130px;
    

visibility: hidden;
    background: transparent url(../img/fondo_scroll.gif) repeat-y 0 0;
}

#scrollbtn{
    position:relative; left:0px; top:0px;
}

#contingut{}

#llistat{ overflow: hidden; float:left; height:132px;}
/*ESTILOS PARA AHORA*/

ul#pastillas{ 
    clear:both;
    height:auto; 
    margin:3px 0 0 8px;
    position:relative; left:0px; top:0px;
}

   
ul#pastillas ul {border:none;}
   
/* Hack: Los "ul#pastillas ul" podran contenter floats */
ul#pastillas ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;} 
ul#pastillas ul{display:inline-block;} 
ul#pastillas ul{display:block;} 
* htmlul#pastillas ul{height:1px;}
   
ul#pastillas ul li{
    display:block;list-style:none outside; /* hack para transformar un li en block en todos los navegadores*/
    float:left;
    background: transparent url(../img/fondo_pastilla.gif) repeat-x 0 0;
    margin:1px 5px;
    width:180px;
    padding:3px;
    
}
html:first-child ul#pastillas ul li {margin-top:-8px;}
ul#pastillas ul li img{
    display:block;
    float:left;
    margin:2px 0 0 1px;
    background: #eee;
}
    
ul#pastillas ul li p.hora{
    display:block;
    float:left;
    padding:0 0 0 5px;
    font-weight:bold;
    font-size:12px;
}
ul#pastillas ul li span.titulo{
    display:block;
    padding:0 0 0 0px;
    font-weight:normal;
    font-size:11px;
    overflow:hidden; height:14px;
    width:120px; 
}
    
ul#pastillas ul li span.titulo a{
    font-weight:normal;
    font-size:11px;
    color:#FFF;
    text-decoration:none;
}
    
/*ESTILOS PARA LOS DESTACADOS*/   
ul#destacados{ 
    clear:both;
    height:auto; 
    margin:5px 0 0 8px;
    overflow: hidden; position:relative; left:0px; top:0px;
    display: none;    
}
   
ul#destacados ul {border:none;}
   
/* Hack: Los "ul#pastillas ul" podran contenter floats */
ul#destacados ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;} 
ul#destacados ul{display:inline-block;} 
ul#destacados ul{display:block;} 
* htmlul#destacados ul{height:1px;}
   
ul#destacados ul li{
    display:block;list-style:none outside; /* hack para transformar un li en block en todos los navegadores*/
    float:left;
    background: transparent url(../img/fondo_destacado.gif) repeat-x 0 0;
    margin:1px 5px;
    width:180px;
    padding:3px;
}

ul#destacados ul li img {
    display:block;
    float:left;
    height:52px;
}

ul#destacados ul li p.titulo_destacado{
    display:block;
    float:left;
    width:115px;
    padding:0 0 0 5px;
    font-weight:bold;
    font-size:11px;
    width:120px;
    height:14px;
    overflow:hidden;
}
    
ul#destacados ul li p.titulo_destacado a{
    color: white;
    text-decoration:none;
}
    
ul#destacados ul li p.hora_canal{
    display:block;
    float:left;
    width:115px;
    padding:0 0 0 5px;
    font-weight:normal;
    font-size:11px;
    color:#bcff0c;
    height:15px;
    overflow:hidden;
}
    
ul#destacados ul li p.hora_canal a{
    color:#bcff0c;
    text-decoration:none;
}

ul#destacados ul li p.texto_destacado{
    display:block;
    width:115px;
    float:left;
    padding:0 0 0 5px;
    font-weight:normal;
    font-size:10px;
    height:20px;
    overflow:hidden;
    line-height:10px;
}
   
p.ver_otros{
    clear:both;
    background: transparent url(../img/ico_ver.gif) no-repeat  0 -1px;
    padding:0 0 0 20px;
    margin:10px 0 2px 16px;    
}
html:first-child p.ver_otros {margin-top:-13px;}


p.ver_otros a{
    font-size:10px;
    color:white;
    text-decoration:none;
}

p.ver_otros a:visited{
    font-size:10px;
    color:white;
    text-decoration:none;
}
    
p.footer{
    text-align:left;
    padding:1px 0 0 16px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    font-weight:bold;
}


/*ESTILOS PARA LOS DESTACADOS*/   
#configuracion{ 
    background: transparent url(../img/fondo.gif) no-repeat 0px 0px;
    text-align:left;
    display: none;   
    margin:0px;
	padding:37px 0 0 0;
    /*padding:10px 10px 10px 10px;*/
   	width:220px;
    height:300px;
}
html:first-child #configuracion{padding:48px 0 0 0;}

#configuracion p{ 
    margin:0px;
	padding:11px 15px 0px 15px;
	line-height:11px;
	font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight: normal;
    color:#fff;
}
html:first-child #configuracion p{padding:0px 15px 0px 15px;}


#desplegable{
    margin:10px 0 0 15px; 
}
#desplegable input{
float:left;
width:20px;
}
#desplegable select{
margin:0 0 0 15px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
color:#000;
width:150px;
}

#selector{
    margin:10px 0 0 15px; 
}
html:first-child #selector{margin:-15px 0 0 15px;}
#selector input{
float:left;
width:20px;
}
#selector select{
position:absolute;
margin:0 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
color:#000;
width:150px;
}

html:first-child #selector select{ margin:0 0 0 33px; height:90px;}
#selector input.arriba{
clear:both;
width:20px;
margin:30px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
}
#selector input.abajo{
clear:both;
width:20px;
margin:0px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
}

#aceptar{
    margin:10px 0 0 15px; 
}
html:first-child #aceptar{margin:0px 0 0 15px;}
#aceptar input.guardar{
float:left;
margin:0 0 0 35px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
}
#aceptar input.cancelar{
float:left;
margin:0 0 0 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
}