/* ------------------------------------------------ Home ------------------------------------------------*/
body {
    background-attachment:fixed; 
    background-repeat:repeat;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;	
    -o-border-radius: 8px;	
    border-radius: 8px;
    font-family: ITC Avant Garde Gothic Std;
    font-size: 10px;

}

#container{
    border: 2px solid transparent; 
    padding-left:2px;
    padding-bottom:12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;	
    -o-border-radius: 8px;	
    border-radius: 8px;

}
#tblFiltros{ 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
    -o-border-radius: 4px;	
    border-radius: 4px;
    font-weight:bold;
    border-collapse:collapse;
}

#tblFiltros td { 
    text-align:center;
    border-collapse:collapse;
}
#divResult {	

}

input[type="button"],[type="reset"]{
    color:#fafafa;
    border-left: 1px solid #0071BC;
    border-right: 1px solid #1B1464;
    border-top: 1px solid #0071BC;
    border-bottom: 2px solid #1B1464;
    font-family: ITC Avant Garde Gothic Std;
    font-size: 10px;
}
input[type="button"]:active,[type="reset"]:active{
    
    border-left: 1px solid #1B1464;
    border-right: 1px solid #0071BC;
    border-top: 1px solid #1B1464;
    border-bottom: 2px solid #0071BC;
    font-family: ITC Avant Garde Gothic Std;
    font-size: 10px;
}
input[type="text"]{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;	
    -o-border-radius: 3px;	
    border-radius: 3px;
    font-family: ITC Avant Garde Gothic Std;
    font-size: 10px;
}
/**
* Input text  para busqueda por tipo actor y director.
*/
#contentDetail{
    background: #999;
     border: solid 1px #999;
}
select{  font-family: ITC Avant Garde Gothic Std !important; font-size: 10px !important; }

.span_Titulo { text-align: left !important; padding-left:20px; text-transform: uppercase; font-size: 12px; color:#F2F2F2; display:block; background:#0071BC}

select[name="senial"] { text-transform: uppercase;float:right;width:240px; border-top: none; border-bottom: none; border-left: solid 1px #1B1464; border-right: solid 1px #1B1464;}
select[name="genero"] { text-transform: uppercase;float:right;width:150px; border-top: none; border-bottom: none; border-left: solid 1px #1B1464; border-right: solid 1px #1B1464;}
select[name="categoria"] {text-transform: uppercase;float:right;width:150px;border-top: none; border-bottom: none; border-left: solid 1px #1B1464; border-right: solid 1px #1B1464;}

#tr_home_2 td:first-child{ width:450px;background: transparent url("../../img/2354/logo_tuves.png") no-repeat left;}

#tr_home_2 td:first-child .span_Titulo{ width:104%; display:block}
#tr_home_2 td:nth-child(2) .span_Titulo{ width:104%; display:block}

#horaDesde { color: #FF661B;
             -webkit-border-radius: 3px;
             -moz-border-radius: 3px;	
             -o-border-radius: 3px;	
             border-radius: 3px;
             font-family: ITC Avant Garde Gothic Std;
             font-size: 10px;
               border: solid 1px #999;}
#desde { border: solid 1px #999;margin-left:1px; margin-right:1px; color: #FF661B }
#btnSig{
    background:none;
    border:none;
}
#btnAnt{
    background:none;
    border:none;
}
#btnBuscar{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;	
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color:#0071BC;
}
#btnBuscar:active{
}
#btnLimpiar{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;	
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color:#0071BC;
}
#btnDestacados{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;	
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color:#0071BC;
}
#filtros_span_1 a{ color:#333; text-decoration:none; }
#filtros_span_1 { 
    width:82px; 
    height:16px; 
    background: transparent url("../../img/2354/btnOcultar.png") no-repeat center;  

}
#filtros_span_1:active { 
    width:82px; 
    height:16px; 
    background: transparent url("../../img/2354/btnOcultar_active.png") no-repeat center;  

}
#filtros_span_2 a{ color:#333; text-decoration:none }
#filtros_span_2 { 
    width:162px; 
    height:16px; 
    background: transparent url("../../img/2354/btnAvanzada.png") no-repeat center;  

}
#filtros_span_2:active { 
    width:162px; 
    height:16px; 
    background: transparent url("../../img/2354/btnAvanzada_active.png") no-repeat center;  

}

#tblFiltros .tdImgHome { background:#FFF; border:none} 
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ------------------------------------------------ Grilla ------------------------------------------------*/

#tableContainer {
    border-left: 1px dashed #CCC;
    border-bottom: 1px dashed #CCC;
}
#divSenial{
    background:#0071BC;
    border: 1px solid #0071BC;
    border-bottom: 1px solid #0071BC;	
    color:#FFF;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
}
#grillaHeader{
    /*border: 1px solid #963; */
    border-bottom: 2px solid #0071BC;
    font-size: 12px;
}
#grillaHeader .th{
    height: 20px;
    float:left;
    background:#0071BC;
    border-left: dashed 1px #FFF;
    border-right: 1px solid #0071BC;
    border-top: 1px solid #0071BC;
    border-bottom: 2px solid #0071BC;
    color:#FFF;
    text-align: center;
    font-size: 12px;
}

.tr {

}
.tdTexto{ 
	padding-top:10px;
	float:left;
	
}
.td {
    -o-text-overflow: ellipsis;  
    text-overflow:ellipsis;  
    overflow:hidden;  
    color:#444;
    border-right: 1px solid #999;
    border-bottom: 1px solid #ccc;
    background:#EEE;
    text-align:left;
    overflow:hidden;
    border-radius: 2px;
}

.td:hover{ 
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    white-space:normal;
    cursor:pointer; 
    overflow:visible; 
    color: #FFF;
    background:#666;

}
#tableContainer{background:#CCC;}
#divColumnaLogo{
    border-right:dashed 1px #CCC;
    background:#FFF;
}
.BoxSenial{
    text-align:center; 
    background: #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px dashed #CCC;
    border-left: none;
    border-right: 2px dashed  #CCC;
    border-radius: 0px;
}
#divColumnaLogo:hover {cursor:pointer; }
.BoxSenial  img{
}

.BoxSenial span  {color:#FFF; background: #FFF; font-weight: bold;}

.NoVisible{ visibility:hidden;}

#divBtnLR {

}
#divBtnLR input[type=button]{	
    border-right: 2px solid #0071BC !important;
    border-left: 2px solid #0071BC !important;
    border-bottom: 2px solid #0071BC !important;
    border-top: 2px solid #0071BC !important;
    text-align:center;
    background:#0071BC;
}
#divBtnLR input[type=button]:active{	


}

#btnLeft{  

}
#btnRight{  

}

#divScrollV{  
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background:#CCC;
    border:solid 1px #CCC;
    opacity:1.0;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radiust: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-radius: 6px;
}

#divScrollV:hover{  

}
#btnUp{  
    -webkit-border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    background: #0071BC !important;
} 
#btnDown{  
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #0071BC !important;

}

#divScrollBar{  
    background: #0071BC;
    border-left: 1px solid #0071BC;
    border-right: 1px dashed #FFF;
    border-top: 1px solid #0071BC;
    border-bottom: 2px solid #000;
}	
#divScrollBar:hover{ cursor:pointer;}
#divScrollBar:active{
    border-left: 1px solid #0071BC !important;
    border-right: 1px  #000 !important;
    border-top: 1px solid #0071BC !important;
    border-bottom: 2px solid #FFF !important;
}
.botonGrilla {
    border-left: 1px solid #0071BC !important;
    border-right: 1px solid #0071BC !important;
    border-top: 1px solid #FFF !important;
    border-bottom: 2px solid #0071BC !important;
}
.botonGrilla:hover{
    cursor:pointer; 
}

.botonGrilla:active{
    cursor:pointer;
    background:#0071BC;
    border-left: 1px solid #0071BC !important;
    border-right: 1px solid #1B1464 !important;
    border-top: 1px solid #0071BC !important;
    border-bottom: 2px solid #1B1464 !important;

}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ------------------------------------------------ Cronologico / Creditos ------------------------------------------------*/
div.CronotableContainer {
    border: 1px solid #0071BC;

}
CronotableContainer BoxSenial{
    border: 1px solid #0071BC;
}
.crono_th {
    background:#0071BC;
    color:#FFF;
    font-weight: bold;
    text-align: center;
    border-left: 1px dashed #FFF;
    border-right: 1px solid #0071BC;
    border-top: 1px solid #0071BC;
}

tbody.CronoscrollContent {

}
#crono_cerrar:hover{ cursor:pointer}

.trFecha{background:#999; font-weight:bold;text-align: center;}
.trProg{
    background:#F2F2F2;

}
div.trProgCell span{
    padding-left:3px;
}

.trProg:hover{ 
    cursor:pointer; 
    background:#666; 
    color:#FFF;	
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ------------------------------------------------ Destacados ------------------------------------------------*/

#Destacados_Contenedor { 

    border:solid 1px #FAEBD5;
    outline: solid 1px #1B1464;


}
.Destacado{

    border-bottom:solid 1px #1B1464;
    border-right:solid 1px #1B1464;
    border-top:solid 1px #0071BC;
    border-left:solid 1px #0071BC;
    background-color:#FAFAFA;

}
.Destacado img{
    border-bottom:solid 2px #1B1464;
    border-right:solid 2px #1B1464;
    border-top:solid 2px #0071BC;
    border-left:solid 2px #0071BC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}        
.Destacado:hover{ cursor:pointer;}
.Destacado_Sinopsis{
}
.Destacado_Logo{
}
.Destacado_Fecha{
}
.Destacado_Imagen_Programa{

}
.lblDestacadoTitulo{ 

    border-bottom:solid 1px #000; 
    text-align:center; 
    font-weight:bold;
    background-color:#0071BC;
	color:#FFF;
}
#Destacados_Barra{ 
    text-align:left; 
    font-weight:bold;
	color:#FFF;
    background-color:#0071BC;	
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ------------------------------------------------ Detalle ------------------------------------------------*/



#Detalle {

    /*CON ESTOS PARAMETROS SE DEFINE EL COLOR DE FONDO DEL DIV GENERAL*/

}
#Img img{
	border-bottom:solid 2px #1B1464;
    border-right:solid 2px #1B1464;
    border-top:solid 2px #0071BC;
    border-left:solid 2px #0071BC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#Detalle h4 {
    /*CON ESTE PARAMETRO SE DEFINEN LOS TITULOS DE LOS DIV "FICHA TECNICA", "SINOPSIS" Y "CAPITULO"*/
    font-family:Arial, Helvetica, sans-serif; /*TIPO DE LETRA*/
    font-variant:small-caps; /*HACE QUE LA LETRA SEA IMPRENTA MAYUSCULA*/
}

#Fichas div.outer {
    /*CLASE DE LOS DIV "IMAGEN", "BANER DE EMPRESA", "FICHA TECNICA", "SINOPSIS" Y "CAPITULO"*/
    background-color: #CCC; /*COLOR DE FONDO*/

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#Fichas div.inner {
    /*CLASE DE LOS DIV "IMAGEN", "BANER DE EMPRESA", "FICHA TECNICA", "SINOPSIS" Y "CAPITULO"*/


}

#Fichas div.inner a{
    /*CLASE DE LOS DIV "IMAGEN", "BANER DE EMPRESA", "FICHA TECNICA", "SINOPSIS" Y "CAPITULO"*/
    color:#00C;
    text-decoration:underline !important;	
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* SECCION EMISIONES*/

#Emisiones {
    background:#999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));
    background: -moz-linear-gradient(top,  #ccc,  #000);
    background: -o-linear-gradient(top, #ccc, #000); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ccc, #000); /* IE10+ */
    background: linear-gradient(top, #ccc, #000); /* W3C */

    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border:ridge 6px #666;
}
#btnEmisiones {
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-left:ridge 4px #999;
    border-right:ridge 4px #999;
}
#btnEmisiones img{

}
#btnEmisiones:hover {
    background: #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#ccc));
    background: -moz-linear-gradient(top,  #999,  #ccc);
    background: -o-linear-gradient(top, #999, #ccc); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #999, #ccc); /* IE10+ */
    background: linear-gradient(top, #999, #ccc); /* W3C */
}

#TablaEmisiones{

}

#TablaEmisiones table{
    text-align:center;
    color:#FFF;
    font-weight:bold;
}

#TablaEmisiones td{

    border-bottom: solid 2px #CCC;
}
#TablaEmisiones tr:hover{
    background:#666;
    cursor:pointer;
}
#Email input[type=button]{		
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;	
    -o-border-radius: 5px;
    border-radius: 5px;
    font-weight:bold;
}
#Email #btnAgendar {}
#Email #btnCancelarAgenda {}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*SECCION AGENDA*/
#FechaAgenda{

    text-align:center;
    font-weight:bold;
}
#Email { 

    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    border-left:ridge 4px #999;
    border-top:ridge 4px #999;
    background:#999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#666));
    background: -moz-linear-gradient(top,  #ccc,  #666);
    background: -o-linear-gradient(top, #ccc, #666); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ccc, #666); /* IE10+ */
    background: linear-gradient(top, #ccc, #666); /* W3C */
}

#Fichas_tab {  }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* CALENDARIO CALENDARIO CALENDARIO CALENDARIO CALENDARIO CALENDARIO CALENDARIO CALENDARIO CALENDARIO */

.tablacalendario{
    border-bottom:solid 2px #1B1464;
    border-right:solid 2px #1B1464;
    border-top:solid 2px #0071BC;
    border-left:solid 2px #0071BC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tablacalendario td {
    font-family : verdana,arial,helvetica;
    text-align: center;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
}
.tablacalendario td a{
    text-decoration: none;
    color: #fff;
}
.diasemana  {

    color: #ffffff;
    background-color: #000000;
    text-align: center;
}
.tit, .titmesano  {

    color: #000000;
    background-color: #c0c0c0;
    font-weight: bold;
}
.titmesano{
    text-align: center;
}

.diainvalido{ 	background-color: #c0c0c0; }
.sinemision{
    background-color: #c0c0c0;
}

#divCalendarioHome .Dia{
    background-color: #FC6;
}
#divCalendarioHome .Dia:hover{
    background-color: #F93;
}

#divCalendarioHome .domingo {
    font-family : verdana,arial,helvetica;
    background-color: #0071BC;
    color: #fff;
}
#divCalendarioHome .domingo a, .hoy a{
    color: #fff;
}

.domingo {
    font-family : verdana,arial,helvetica;
    background-color: #0071BC;
    color: #fff;
}

.domingo a, .hoy a{
    color: #fff;
}

#divCalendarioHome .hoy{ background-color:#1B1464;color:#FFF}

.emision {
    font-family : verdana,arial,helvetica;
    background-color: #1B1464;
	color:#FFF;
}
.emision:hover {
    font-family : verdana,arial,helvetica;
    background-color: #1B1464;
}

.messiguiente{ background: transparent url("../../img/2354/Calendario_Boton_Derecha.png") no-repeat 2px; }
.mesanterior{ background: transparent url("../../img/2354/Calendario_Boton_Izquierda.png") no-repeat 2px; }