@charset "utf-8";
/* CSS Document */

* { 
	padding:0; margin:0; 
}
body {
	font-family: "Trebuchet MS", "Lucida Sans", "Lucida Console", "Lucida Sans Unicode", Arial;
	text-align: left;
	background-image: url(/images/fondo-diagonales-gris.gif);
	background-repeat: repeat;
}
h1 {
	font-size: 16px;
	color: #333333;
	text-transform: uppercase;
	padding-bottom: 6px;
	line-height: 1em;
	font-weight: normal;
	padding-top: 24px;
}



a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #003366;
}

a:hover{
	text-decoration: underline;
}

.clear {
 	clear:both;
	}


/* --------------- Containers basicos, basicamente solo bordes y ancho, todo lo demas esta dentro de estos dos containers ---------------- */

#Container-principal {
	width:958px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #CDCDCD;
	border-left-color: #CDCDCD;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDCDCD;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	min-height:0;
	background-color: #FFFFFF;
	}

#Container-secundario {
	width:938px;
	margin:auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #CDCDCD;
	border-left-color: #CDCDCD;
	border-right-style: solid;
	border-left-style: solid;
	overflow: hidden;
	/*background-image: url(/images/flourish.gif);
	background-repeat: no-repeat;
	background-position: left bottom;*/
}

/* --------------- Franja arriba con lo que esta dando y lo que va a dar ---------------- */

#Programa-actual {
	width:940px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
}
#Programa-actual a:link,
#Programa-actual a:visited,
#Programa-actual a:active {
	color:#ACC916;
}
#Programa-actual a:hover {
	color:#A5F400;
}

.Fondo-lineas-diagonales {
	width:320px;
	background-image: url(/images/fondo-lineas-diagonales.gif);
	background-repeat: repeat-x;
	float: left;
	height:26px;
}

.On-the-air {
	width:610px;
	background-color: #181818;
	float: right;
	height:26px;
	text-align: right;
	padding-right: 10px;
	line-height:24px;
}

/* --------------- CONTAINER PARA EL ENCABEZADO ---------------- */

#Header {
	width:940px;
	height:105px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDCDCD;
}

/* --------------- CONTAINER LOGOTIPO ---------------- */

#Container-logo {
	width:140px;
	margin-right: 20px;
	float: left;
}

/* --------------- LOGOTIPO Y ESPACIO ALREDEDOR ---------------- */

#Container-logo img {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 27px;	
	
}

/* --------------- CONTAINER MENU DE NAVEGACION ---------------- */

#Container-menu {
	width:780px;
	height:105px;
	float: right;
}

/* --------------- CONTAINER MENU PRINCIPAL ---------------- */

#Menu-principal {
	width:540px;
	height:31px;
	padding-top: 20px;
	float:left;
}

/* --------- CAJITA DE BUSQUEDA AL LADO DEL MENU ------------*/
#Container-busquedas {
	width:239px;
	height:31px;
	float: left;
}
#Container-busquedas span.search_error {
	color:red;
	font-size:10px;
	text-align:right;
	height:15px;
	float:right;
	width:200px;
	padding:5px 15px 0 0;
	font-weight:bold;
}
#Busquedas {
	text-align:right;
	vertical-align:middle;
	height: 31px;
	width: 160px;
	float: right;
}
#Busqueda-borde {
	background-image: url(/images/busqueda-borde.gif);
	float: left;
	height: 31px;
	width: 8px;
}
#Busqueda-campos {
	float: left;
	height: 25px;
	width: 142px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;
	padding-left: 10px;
	padding-top: 5px;
}
.campo-buscar {
	background-image: url(/images/fondo-campo-busqueda.gif);
	border: 1px solid #E7E7E7;
	width: 100px;
	font-size: 11px;
	color: #666666;
	float: left;
	height: 16px;
	padding-top: 3px;
	padding-left: 3px;
}
.boton-buscar {
	float: left;
}
/* --------------- MENU PRINCIPAL ---------------- */

#Menu-item-HOME a:link,
#Menu-item-HOME a:visited,
#Menu-item-HOME a:active
	{
	width:90px;
	height:31px;
	background-image: url(/images/fondo-menu-home.gif);
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	color: #005991;
	text-decoration: none;
	font-weight: normal;
}

#Menu-item-HOME a:hover
	{
	background-image: url(/images/fondo-menu-home-seleccionado.gif);
}

#Menu-item-EL-CANAL a:link,
#Menu-item-EL-CANAL a:visited,
#Menu-item-EL-CANAL a:active
	{
	width:122px;
	height:31px;
	background-image: url(/images/fondo-menu-el-canal.gif);
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	color: #005591;
	text-decoration: none;
	font-weight: normal;
}

#Menu-item-EL-CANAL a:hover
	{
	background-image: url(/images/fondo-menu-el-canal-seleccionado.gif);
}

#Menu-item-PROGRAMACION a:link,
#Menu-item-PROGRAMACION a:visited,
#Menu-item-PROGRAMACION a:active
	{
	width:180px;
	height:31px;
	background-image: url(/images/fondo-menu-programacion.gif);
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	color: #005991;
	text-decoration: none;
	font-weight: normal;
}

#Menu-item-PROGRAMACION a:hover
	{
	background-image: url(/images/fondo-menu-programacion-seleccionado.gif);
}


#Menu-item-CONTACTOS a:link,
#Menu-item-CONTACTOS a:visited,
#Menu-item-CONTACTOS a:active
	{
	width:148px;
	height:31px;
	background-image: url(/images/fondo-menu-contactos.gif);
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	color: #005991;
	text-decoration: none;
	font-weight: normal;
}

#Menu-item-CONTACTOS a:hover
	{
	background-image: url(/images/fondo-menu-contactos-seleccionado.gif);
}

/* --------------- CONTAINER MENU SECUNDARIO ---------------- */

#Menu-secundario {
	width:778px;
	height:28px;
	background-image: url(/images/fondo-sub-menu.gif);
	background-repeat: repeat-x;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D7D7D7;
	font-size: 14px;
	line-height: 26px;
	color: #525252;
	float:left;
}
#Menu-secundario a:link, 
#Menu-secundario a:active, 
#Menu-secundario a:visited {
	color:#666666;
}

/* --------------- ITEMS MENU SECUNDARIO ---------------- */

#Menu-secundario UL{
	list-style-type: none;
	padding-left: 20px;
}

#Menu-secundario LI{
	display: inline;
	padding-right: 20px;
}
/* --------------- SOMBRA MENU PRINCIPAL ---------------- */

#Sombra-menu-principal {
	width:778px;
	height:17px;
	background-image: url(/images/sombra.gif);
	background-repeat: no-repeat;
	background-position: center -3px;
}

/* --------------- CONTAINER LAYOUT HOME (lo que cambiaria en las paginas interiores seria el fondo que tiene las columnas marcadas en rojo, el resto es lo mismo) ---------------- */

#Container-layout-home {
	width:940px;
	background-image: url(/images/fondo-layout-home.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 18px;
}

/* --------------- CONTENIDO HOME ---------------- */

.Columna-simple-home {
	width:130px;
	padding-right: 25px;
	padding-left: 5px;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding-bottom: 10px;
	line-height: 1.1em;
	float: left;
}

.Columna-simple-home img{
	padding-top: 2px;
	padding-bottom: 2px;
}

.Columna-simple-home-comentarios
	{
	color: #666666;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

.Horario-central {
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	}

.Horario-central2 {
	padding-top: 12px;
	padding-right: 0;
	padding-left: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DFDFDF;
}

.Video-Clips {
	padding-bottom: 12px;
}

.Video-Clips2 {
	padding-top: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DFDFDF;
	}


/* --------------- TEXTO PARA LINKS NORMALES ---------------- */

.Columna-simple-home a:link,
.Columna-simple-home a:visited,
.Columna-simple-home a:active
	{
	font-size: 12px;
	font-weight: normal;
	/*color: #333333;*/
}

.Columna-simple-home a:hover
	{
	font-size: 12px;
	font-weight: normal;
	/*color: #000000;*/
	text-decoration: underline;
}

.Links-con-espacio {
	margin-top: 5px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	padding-bottom: 5px;
	margin-bottom: 8px;
}

/* --------------- CONTAINER-DESTACADOS ---------------- */

#Destacados
	{
	width:620px;
	float: right;
}

#Container-destacados
	{
	width:620px;
	background-image: url(/images/fondo-destacado-principal.jpg);
	background-repeat: repeat-x;
	margin-top: 18px;
	background-color: #333;
	float: left;
}

#Destacado-principal
	{
	width:400px;
	float: left;
	height:224px;
	position:relative;
	z-index:1;
}
#Destacado-principal img {
}

#Destacado-principal .texto-extra {
	margin:-60px 10px 0 155px;
	color:#FFFFFF;
	font-size:14px;
	position:relative;
	top:0;
	left:0;
}
#Destacado-principal-imagen
	{
	width: 123px;
	float: left;
}

#Destacados-container-titulo-y-texto
	{
	width: 251px;
	float: left;
}

#Destacado-principal-titulo
	{
	padding-top: 15px;
}

#Destacado-principal-texto
	{
	font-size: 11px;
	color: #CCCCCC;
	padding-left: 7px;
	padding-right: 10px;
}

#Destacados-secundarios
	{
	width: 208px;
	padding-left: 6px;
	padding-right: 6px;
	float: left;
	padding-top: 8px;
	background-color: #252525;
	padding-bottom: 7px;
	height:239px;
}

.Destacaditos
	{
	font-size: 11px;
	color: #CCCCCC;
	line-height: 12px;
	float: left;
	margin-top: 3px;
	overflow:hidden;
}

/* -------- XTRA STYLES ------------ */
.Destacaditos a:link, 
.Destacaditos a:visited, 
.Destacaditos a:active {
	color: #ACC916;
	font-weight: bold;
}
.Destacaditos a:hover {
	color: #A5F400;
	font-weight: bold;
}

.Destacaditos img {
	vertical-align: top;
	float: left;
	padding: 6px 6px 3px 5px;
	background:url('/images/destacados-chiquitos-bg.gif') top left no-repeat;
}

.Destacaditos p 
	{
	height: 71px;
	float: right;
	width: 130px;
	margin-top: 5px;
}

#Sombra-destacados
	{
	width:620px;
	height:17px;
	background-image: url(/images/sombra.gif);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}
	
/* --------------- CONTAINER NOTICIAS ---------------- */

#Container-noticias {
	width:300px;
	float: left;
	margin-top: 3px;
	color: #333333;
	}

#Grafico-tabla-noticias {
	width:300px;
	background-image: url(/images/noticias-top.gif);
	height: 20px;
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	}
	
/* --------------- NOTICIAS ---------------- */

#Noticias {
	width:275px;
	padding-right: 15px;
	padding-left: 10px;
	background-image: url(/images/noticias-fondo.gif);
	background-repeat: repeat-y;
	font-size: 12px;
	}
	
.Noticias-individuales {
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	padding-top: 10px;
	}
	
#Noticias H1 {
	padding-top: 7px;
	padding-bottom: 0px;
}

#Noticias H2 {
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	line-height: 18px;
}
/*
#Noticias a:link,
#Noticias a:visited,
#Noticias a:active
	{
	color: #333333;
}

#Noticias a:hover
	{
	color: #000000;
	text-decoration: underline;
}
*/

/* --------------- MAS NOTICIAS ---------------- */

#Mas-noticias {
	width:300px
	background-repeat: no-repeat;
	height: 53px;
	background-image: url(/images/mas-noticias.gif);
	background-position: top;
	cursor:pointer;
	}

/* --------------- RESULTADO DE QUINIELA ------------- */
.subtitulos-color-destaque {
	font-weight: bold;
	color: #005991;
}
.tabla-quiniela-top3 {
	width: 100px;
	background-color: #FFFFFF;
	border: 1px solid #DBDBDB;
	margin-top: 2px;
	margin-bottom: 7px;
}
.td-quiniela-top3 {
	padding: 3px;
	color: #333333;
	background-color: #EAEFFF;
}
/* --------------- PROGRAMAS ---------------- */

#Programas {
	width:295px;
	float: right;
	margin-top: 3px;
	margin-right: 2px;
	padding-top: 22px;
	background-image: url(/images/fondo-programas.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 12px;
	padding-left: 5px;
	color: #333333;
	}
/*	
#Programas a:link,
#Programas a:visited,
#Programas a:active
	{
	text-decoration: none;
	color: #333333;
}

#Programas a:hover
	{
	color: #000000;
	text-decoration: underline;	
}
*/
#Programas-columna-izquierda {
	width: 125px;
	padding-right: 10px;
	padding-left: 5px;
	float: left;
	line-height: 1.5em;
	}
	
#Programas-columna-derecha {
	width: 125px;
	padding-right: 10px;
	padding-left: 5px;
	float: left;
	margin-left: 8px;
	}

.parrafo-con-borde-abajo {
	padding-top:15;
	}
	
.Titulos-programas {
	font-size: 18px;
	line-height: 14px;
	padding-top: 5px;
	padding-bottom: 3px;
	}

.Rule-horizontal-con-margen {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #acacac;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 115px;
	
	}
	
/* --------------- FOOTER ---------------- */
#Footer a:link,
#Footer a:active,
#Footer a:visited {
	color:#FFFFFF;
}
#Footer
	{
	width:920px;
	height:65px;
	background-color: #005991;
	padding: 10px;
	text-align: right;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 10px;
	zoom: 1;
}
#Footer p {
	padding:0;
	margin:0;
}
#Below-Footer {
	width:958px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	min-height:0;	
	color:#EEEEEE;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	text-align:center;
}

/* ----- extras ----- */
.fecha-chica {
	font-size:11px;
	color:#333;
}