@import url("abstract_styles.css");



body {

	text-align: center;

	font-family: Verdana,Arial, sans-serif;

	font-size: 0.7em;

	background-color: #FFFFFF;

	padding: 0;

	margin: 0;

}



img {

	vertical-align: middle;

	border: 0px;

}



a {

	text-decoration: none;

	outline: none;

}



a:hover {

	text-decoration: underline

}

form {
	margin: 0px;
	padding: 0px;
}


/*===============================================================================================*/

/* ===================================== ESTRUCTURA PAGINA ===================================== */

/*===============================================================================================*/



#contenedor {

	margin: auto;

	width: 980px;

	text-align: left;

	background: #FFFFFF url(cssimg/fondoContenedor.jpg) left top no-repeat;

}



#cabecera {

	width: 100%;

}



#cuerpo {

	width: 100%;

}



#menuIzq {

	width: 99px;

	float: left;

	background-color: transparent;

}



#centro {

	width: 881px;

	float: right;

	background: transparent url(cssimg/fondoCentro.jpg) left top no-repeat;

}



#pie {

	width: 100%;

	text-align: right;

	background-color: #FFFFFF;

}





/*======================================================================================*/

/* ===================================== CABECERA ===================================== */

/*======================================================================================*/



.logoCabecera {

	margin-left: 35px;

}



.zonaLogo {

	float: left;

	width: 175px;

	text-align: right;

}



.publicidad {

	float: left;

	text-align: center;

	margin: 24px 0px 0px 38px;

}





/*============================================================================================*/

/* ===================================== MENU IZQUIERDO ===================================== */

/*============================================================================================*/



ul.listaMenuIzq {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none outside none;

}



li.elementoListaMenuIzq {

	width: 100%;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	text-align: center;

}



li.elementoListaMenuIzq div {

	text-align: center;

}



.logoElementoTipo1 {
	margin-top: 62px;
}


.logoElementoTipo2 {
	margin-top: 22px;

}



.logoElementoTipo3 {

	margin-top: 39px;

}





/*====================================================================================*/

/* ===================================== CUERPO ===================================== */

/*====================================================================================*/



.columnaIzq {

	width: 452px;

	float: left;

}



.reproductor {

	width: 377px;

	text-align: center;

	margin: 17px 0px 0px 17px;

}



.radios {

	margin-top: 11px;

	width: 83%;

	float: left;

	background: /*#E6E6E6*/ url(cssimg/fondoListaRadios.gif) left bottom repeat-x;

}

.tvDirecto{
	float: left;
	margin-top: 11px;
}

.tituloDirecto {

	float: left;

	width: 80px;

	text-align: center;

	/*background: transparent url(cssimg/fondoListaTituloRadios.gif) 6px 26px no-repeat;*/

	padding: 10px 0px 14px 0px;

	margin: 0px 0px 0px 0px;

	line-height: 16px;

	color: #00622F;

}



.tituloDirecto h2 {

	font-size: 1.1em;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



h2.colorTextoUno {

	color: #FFFFFF;

}



ul.listaRadios {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	list-style: none outside none;

	float: left;

}



li.elementoListaRadios {

	float: left;

	margin: 0px 0px 0px 0px;

	padding: 0px 6px 0px 0px;

}



li.elementoListaRadiosUltimo {

	float: left;

	margin: 0px 0px 0px 0px;

	padding: 3px 0px 0px 0px;

}



.columnaDrc {

	width: 423px;

	float: right;

	position: relative;

}



.buscador {

	position: absolute;

	background: transparent url(cssimg/fondoBuscador.gif) left top no-repeat;

	width: 423px;

	font-size: 1.2em;

	font-weight: bold;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	top: -31px;

	right: 14px;

	_right: 13px;

}



.tituloBuscador {

	padding: 15px 0px 13px 62px;

	float: left;

}



.tituloBuscador h2 {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	font-size: 1.1em;

	color: #006C32;

}



.formularioBuscador {

	float: right;

	padding: 12px 10px 0px 0px;

}



.labelBuscador {

	float: left;

	padding: 5px 0px 0px 0px;

	color: #006C32;

}



.inputBuscador {

	width: 83px;

	border: 1px solid #B9B9B9;

	float: left;

	margin: 3px 0px 5px 0px;

	padding: 1px 0px 1px 0px;

	background: transparent url(cssimg/fondoInputBuscador.gif) left top no-repeat;

}



.botonBuscar {

	border: 0px;

	margin: 3px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	float: left;

}





/*============================================================================================*/

/* ===================================== PESTAÑAS =========================================== */

/*============================================================================================*/



ul#navlist {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

   list-style-type: none;

	width: 100%;

}



ul#navlist li {

	float: left;

	font-family: verdana, arial, sans-serif;

	font-size: 1.1em;

	font-weight: bold;

	margin: 0px 0px 0px 0px;

	padding: 5px 0px 4px 0px;

	background-color: #eef4f1;

	text-align: center;

	padding: 0;

}



#navlist a, #navlist a:link {

	margin: 0px 0px 0px 0px;

	color: #7C7C7C;

	text-decoration: none;

	display: block;

	background: url(cssimg/fondoPestania.gif) 0px -23px no-repeat;
	
	line-height: 2em;
	padding: 0 5px;

}



#navlist a.activo {

	background: url(cssimg/fondoPestania.gif) 0px 1px no-repeat;

	color: #016C34;

}


/*
li.solapaTematica a, li.solapaTematica a:link {

	width: 84px;

	line-height: 2em;

}



li.solapaBA a, li.solapaBA a:link {

	width: 142px;

	line-height: 2em;

}



li.solapaInformacion a, li.solapaInformacion a:link {

	width: 94px;

	line-height: 2em;

}
*/




/*============================================================================================*/

/* ===================================== ZONA SCROLL ======================================== */

/*============================================================================================*/



.contenedorZonaScroll {

	width: 409px;

	height: 345px;

	padding: 22px 0px 0px 0px;

}



.logoSeccion {

	background-position: top left;

	background-repeat: no-repeat;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	padding: 4px 0px 4px 10px;

	width: 364px;

}



.zonaScroll {

	margin: 0px 0px 0px 0px;

	overflow: auto;

	width: 401px;

	padding: 0px 0px 0px 0px;

	height: 317px;

	scrollbar-face-color: #797979;

	scrollbar-shadow-color: #B4B4B4;

	scrollbar-highlight-color: #DEEBF5;

	scrollbar-3dlight-color: #797979;

	scrollbar-darkshadow-color: #797979;

	scrollbar-track-color: #F5F5F5;

	scrollbar-arrow-color: #FFFFFF;
	
	background: transparent url(cssimg/fondoListaScroll2.gif) 0 38px no-repeat;

}



ul.listaProgramas{

	width: 357px;

	background: #FFFFFF url(cssimg/fondoListaScroll.gif) top left repeat-x;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

	width: 100%;

}



li.elemListaProgramas {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 6px 0px;

	width: 370px;

	list-style: none outside none;

}



.infoPrograma {

	float: left;

	width: 270px;

	padding: 0px 0px 0px 18px;

}



.infoPrograma p {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;	

	font-size: 0.9em;

	text-align: justify;

	word-spacing: -0px;

}



h3.h3TituloProgramaCarta {

	margin: 0px 0px 0px 0px;

	padding: 0;

	font-size: 1em;

	color: #34825A;

	width: 100%;

}



h3.h3TituloProgramaCarta a {

	color: #34825A;	

}



.enlacePrograma {

	float: right;

	width: 70px;

}



.imgLista {

	width: 64px;

	height: 48px;

}





/*============================================================================================*/

/* ===================================== ESPECIALES ========================================= */

/*============================================================================================*/



.zonaEspeciales {

	padding: 4px 0px 3px 3px;

	width: 406px;

}



.enlaceZonaEspeciales {
	margin-left: 4px;
}

.enlaceZonaEspecialesUno {
	margin-left: 111px;
}

.imagenZonaEspeciales{
	width: 122px;
}

.radioCartaUno{
	float: right;
	margin-right: 35px;
}

/*============================================================================================*/
/* ===================================== BUSQUEDA AVANZADA ================================== */
/*============================================================================================*/

.logoBusquedaAvanzada{
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 4px 0px 4px 10px;
	width: 364px;
	background-image: url(cssimg/buscador.jpg);
	height: 30px;
}

.formularioBusquedaAvanzada{
	padding: 30px 10px 0px 0px;
	background: #FFFFFF url(cssimg/fondoListaScroll.gif) top left repeat-x;
	height: 249px;
}

.labelBuscadorAvanzado {
	float: left;
	padding: 5px 0px 0px 20px;
	color: #006C32;
	width: 30%;
}

.inputBuscadorAvanzado {
	width: 170px;
	border: 1px solid #B9B9B9;
	float: left;
	margin: 3px 0px 5px 0px;
	padding: 1px 0px 1px 0px;
	background: transparent url(cssimg/fondoInputBuscadorAvanzado.gif) left top no-repeat;
}

.selectBuscadorAvanzado {
	width: 170px;
	border: 1px solid #B9B9B9;
	float: left;
	margin: 3px 0px 5px 0px;
	padding: 1px 0px 1px 0px;
	background: transparent url(cssimg/fondoInputBuscadorAvanzado.gif) left top no-repeat;
}

.botonBuscadorAvanzado{
	border: 1px solid #B9B9B9;
	margin: 3px 0px 0px 130px;
	padding: 0px 10px 0px 10px;
	float: left;
}

/*============================================================================================*/
/* ===================================== PAGINA CONTENIDO ================================== */
/*============================================================================================*/

.zonaContenido{
	padding: 10px 10px 0px 0px;
	background: #FFFFFF url(cssimg/fondoListaScroll.gif) top left repeat-x;
	height: 249px;
	padding: 10px 0px 0px 15px;
}

.colorVerde{
	color: #006C32;
}

.logoInformacion{
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 4px 0px 4px 10px;
	width: 364px;
	background-image: url(cssimg/informacion.jpg);
	height: 30px;
}

/*============================================================================================*/
/* ===================================== RESULTADOS ================================== */
/*============================================================================================*/

.logoResultados{
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 4px 0px 4px 10px;
	width: 364px;
	background-image: url(cssimg/resultados.jpg);
	height: 30px;
}


/*============================================================================================*/
/* ===================================== TEMÁTICA ================================== */
/*============================================================================================*/

.logoTematica{
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 4px 0px 4px 10px;
	width: 364px;
	height: 30px;
}
