		/* Comment here */

		/*
			multi-line
			comment here
            	No emplear position:fixed ya que esta discontinuado y no lo soporta IE
		*/

		body {
			z-index:1;
                	background-color:#EAEAEA;
			background-repeat:no-repeat;
                	/* background-attachment:fixed; */
			background-attachment:fixed;
			/* background-image:url('5532 ret.jpg'); */
			/* background-position:center; */
			color: #555555;
                	text-align: center;
		}
		
		#wrapper { 
	      	z-index:2;
			position:relative;
			background-color:#FFFFFF;
			filter:alpha(opacity=100);	   /* Internet Explorer       */
			-moz-opacity:1;        	         /* Mozilla 1.6 and below   */
  			opacity: 1;               	   /* newer Mozilla and CSS-3 */
			width: 1000px;
			height: 2720px; 
	        	margin: 0 auto;
	    	}
	    
		#BannerWebsite {
			/*
			Incluye posible barra de búsqueda
			*/
			position:absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:3;
            	top: 15px; 
            	left: 0px;
            	width: 1000px;
            	height: 100px;
		}

		#SearchEngineGoogleOurWebTV {
			position:absolute;
			text-align: left;
			/*
			border: 1px solid black;
			*/
			z-index:4;
                  top: 125px; 
                  left: 808px;
                  width: 168px;
                  height: 40px;
		}

		#PanelLogoOurWebTV {
			/*
				Incluye posible barra de búsqueda
			*/
			position:absolute;
			/*
				Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
            	top: 10px; 
            	left: 20px;
            	width: 220px;
            	height: 80px;
           		left: 10px; 
            	/*            
            	Para centrar una imagen            
            	display: block;
            	margin: auto;
            	text-align: center; 
            	*/
		}

		#PanelderechadelLogoOurWebTV {
			/*
			Incluye posible barra de búsqueda
			*/
			position:absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:0;
            	top: 10px; 
            	left: 240px;
            	width: 560px;
            	height: 80px;
		}

		#encabezado1publicitario {
			position:absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 100px;
			left: 30px;
			height: 90px;
			min-width: 728px;
			width: 730px;
			/*
			background-color: #FFCC66;
			*/
	        	text-align: center;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: xx-large;
                	font-weight: bold;
		}
		
		#recommended {
			position:absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 350px;
			/*
			Este encabezado comienza a la izquierda en 200 para que no se monte a los controles SELECT
			*/
			left: 20px;
			height: 48px;
			/*
			Aquí se establece el mismo ancho máximo del contenedor de la tabla de canales
			Para posibilitar centrar el caption en función de esta
			*/
			width: 960px;
			color: black;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
	        	text-align: center;
			padding-left:10px;
			padding-right:10px;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: 10px;
		}

		#encabezado2 {
			position:absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 780px;
			/*
			Este encabezado comienza a la izquierda en 200 para que no se monte a los controles SELECT
			*/
			left: 200px;
			height: 30px;
			/*
			Aquí se establece el mismo ancho máximo del contenedor de la tabla de canales
			Para posibilitar centrar el caption en función de esta
			*/
			width: 600px;
			color: black;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo			
    			background-color: #E8E8EA;
            	*/
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
	        	text-align: center;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: large;
            	/*
                	text-shadow and RGBA are supported by Safari, Firefox, Konqueror, and Opera
            	*/
            	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}

		#barrafondo1000x30 {
			position:absolute;
			z-index:1;
			top: 200px;
			left: 0px;
			height: 30px;
			width: 1000px;
		}

		#fecha {
			position:absolute;
			z-index:3;
			top: 205px;
			left: 20px;
			height: 30px;
			color: white;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo			
    			background-color: #E8E8EA;
            	*/
   	        	font-family: Helvetica, Arial, sans-serif;
            	font-size: 14px;
                	font-weight: bold;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
		}

		#reloj {
			position:absolute;
			z-index:3;
			top: 205px;
			left: 210px;
			height: 30px;
			width: 128px;
			color: white;
   	        	font-family: Helvetica, Arial, sans-serif;
            	font-size: 14px;
                	font-weight: bold;
		}

		#ImgUsersonline {
			position:absolute;
			z-index:3;
			top: 205px;
			left: 815px;
			height: 30px;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #E8E8EA;
            	*/
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: 14px;
                	font-weight: bold;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
		}

		#Usersonline {
			position:absolute;
			z-index:3;
			top: 205px;
			left: 855px;
			height: 30px;
			color: white;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #E8E8EA;
            	*/
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: 14px;
                	font-weight: bold;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
		}

		#bookmark {
			position:absolute;
			z-index:5;
			top: 5px;
			left: 840px;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #E8E8EA;
            	*/
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: small;
                	font-weight: bold;
		}

		#english {
			position:absolute;
			z-index:5;
			top: 10px;
			left: 880px;
			width: 16px;
			height: 11px;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #E8E8EA;
            	*/
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: small;
                	font-weight: bold;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
		}

		#spanish {
			position:absolute;
			z-index:5;
			top: 10px;
			left: 920px;
			width: 16px;
			height: 11px;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #E8E8EA;
            	*/
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: small;
                	font-weight: bold;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
		}

		#featuredchannels {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 230px;
			left: 20px;
			width: 980px;
			height: 120px;
			background-image: url(Logos/featured_channels_white_2.jpg);
            	background-repeat:no-repeat;
		}
		
		#labelfeaturedchannels {
			position:absolute;
			z-index:3;
			top: 6px;
			left: 400px;
			color: black;
			font: bold 14px Helvetica, Arial, sans-serif;
            	/*
                	text-shadow and RGBA are supported by Safari, Firefox, Konqueror, and Opera
            	*/
            	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}

		#labelmusic {
			position:absolute;
			z-index:3;
			top: 95px;
			left: 47px;
			color: black;
			font: bold 10px Helvetica, Arial, sans-serif;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}


		#labelnews {
			position:absolute;
			z-index:3;
			top: 95px;
			left: 150px;
			color: black;
			font: bold 10px Helvetica, Arial, sans-serif;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}

		#labelgeneral {
			position:absolute;
			z-index:3;
			top: 95px;
			left: 247px;
			color: black;
			font: bold 10px Helvetica, Arial, sans-serif;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}

		#labeleducation {
			position:absolute;
			z-index:3;
			top: 95px;
			left: 344px;
			color: black;
			font: bold 10px Helvetica, Arial, sans-serif;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}

		#labelmovies {
			position:absolute;
			z-index:3;
			top: 95px;
			left: 458px;
			color: black;
			font: bold 10px Helvetica, Arial, sans-serif;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}

		#labelkids {
			position:absolute;
			z-index:3;
			top: 95px;
			left: 569px;
			color: black;
			font: bold 10px Helvetica, Arial, sans-serif;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}

		#labelentertainment {
			position:absolute;
			z-index:3;
			top: 95px;
			left: 644px;
			color: black;
			font: bold 10px Helvetica, Arial, sans-serif;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}

		#labelsports {
			position:absolute;
			z-index:3;
			top: 95px;
			left: 769px;
			color: black;
			font: bold 10px Helvetica, Arial, sans-serif;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}

		#labelweather {
			position:absolute;
			z-index:3;
			top: 95px;
			left: 871px;
			color: black;
			font: bold 10px Helvetica, Arial, sans-serif;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}

		#panelcentralinicial {
			position:absolute;
			/*
			Es fundamental que el z-index valga 0 para que se oculte al cargar los canales
			*/
			z-index:1;
			top: 410px;
			/*
			Este encabezado comienza a la izquierda en 200 para que no se monte a los controles SELECT
			*/
			left: 200px;
			height: 360px;
			/*
			Aquí se establece el mismo ancho máximo del contenedor de la tabla de canales
			*/
			width: 600px;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #E8E8EA;
            	*/
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
            	text-align: center;
			color: #3366CC;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#debajopanelcentralinicial {
			position:absolute;
			/*
			Es fundamental que el z-index valga 0 para que se oculte al cargar los canales
			*/
			z-index:0;
			top: 780px;
			/*
			Este encabezado comienza a la izquierda en 200 para que no se monte a los controles SELECT
			*/
			left: 200px;
			height: 360px;
			/*
				Aquí se establece el mismo ancho máximo del contenedor de la tabla de canales
			*/
			width: 600px;
			padding: 10px, 10px, 10px, 10px; 
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
            	*/
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
            	text-align: center;
			/*
			color: white;
			background: #880000;
            	*/
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#underconstruction {
			position:absolute;
			z-index:1;
			top: 260px;
			left: 260px;
			width: 480px;
			height: 360px;
			text-align:center;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: x-large;
                	font-weight: bold;
        	}

		h1 {
            	/*
                	display: inline es necesario para que no inserte un salto de linea
                	#3366CC
            	*/
            	display: inline;
            	text-align: center;
			color: black;
			font: bold 16px Helvetica, Arial, sans-serif;
			/*
			Es importante que un título aparezca en H1 para los buscadores
                	Los encabezados marcados con la etiqueta <h1> se mostrarán usando la fuente "Helvetica".
			Si esta fuente no está instalada en el ordenador de usuario, se usará en su lugar las fuentes arial, o verdana.
			Si ambas fuentes no están disponibles, se usará una fuente de la familia sans-serif para mostrar
			los encabezados.
			*/
            	/*
                	text-shadow and RGBA are supported by Safari, Firefox, Konqueror, and Opera
            	*/
            	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}

		h2 {
			font-size: 12px;
			font-family: helvetica, arial, verdana, sans-serif;
			color: black;
		}
			
		h3 {
            	/*
                	display: inline es necesario para que no inserte un salto de linea
            	*/
            	display: inline;
            	text-align: center;
			color: black;
			font: bold 16px Helvetica, Arial, sans-serif;
			/*
			Defino el h1 igual al h3 para usarlo en la misma línea
			*/
            	/*
                	text-shadow and RGBA are supported by Safari, Firefox, Konqueror, and Opera
           		*/
            	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		}

		a:link {
			color: blue;
		}

		a:visited {
			color: red;
		}
            a:active {
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #FFFF00;
            	*/
		}

		a:hover {
			color: #880000;
		}		

		#tag {
			position:relative;
			top:0px;
			color: #3366CC;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#tagusers {
			position:relative;
			top:0px;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			color: #3366CC;
            	*/
			font: bold 14px Helvetica, Arial, sans-serif;
		}
		
		#titulofriendpages {
			position:relative;
			top:0px;
			color: black;
			font: x-small Helvetica, Arial, sans-serif;
		}

		#othersites {
			position:relative;
			z-index:0;
			top:0px;
			color: black;
			font: x-small Helvetica, Arial, sans-serif;
		}
        
		#Panelpublicitarioderecha {
			position:absolute;
			z-index:1;
			top: 410px;
			left: 820px;
			height: 600px;
			width: 160px;
            	text-align: center;
    	      	font-family: Helvetica, Arial, sans-serif;
		}

		#Panelcerounomz {
			position:absolute;
			z-index:1;
			top: 1270px;
			left: 820px;
			height: 360px;
			width: 160px;
            	text-align: center;
    	      	font-family: Helvetica, Arial, sans-serif;
		}
		
		#Panelpublicitarioderecha2 {
			position:absolute;
			z-index:1;
			top: 1725px;
			left: 820px;
			height: 600px;
			width: 160px;
            	text-align: center;
    	      	font-family: Helvetica, Arial, sans-serif;
		}
		
		#Panelcentralenlaces {
			position:absolute;
			z-index:1;
			top: 1630px;
			left: 200px;
			height: 30px;
			width: 600px;
            	text-align: center;
    	      	font-family: Helvetica, Arial, sans-serif;
		}

		#Paneladdthis {
			position:absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:4;
			top: 1080px;
			/*
			Este encabezado comienza a la izquierda en 200 para que no se monte a los controles SELECT
			*/
			left: 820px;
			width: 160px;
			height: 30px;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #E8E8EA;
            	*/
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
	            text-align: center;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: large;
                	font-weight: bold;
		}

		#panelwebstats {
			position:absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:4;
			top: 1120px;
			/*
			Este encabezado comienza a la izquierda en 200 para que no se monte a los controles SELECT
			*/
			left: 820px;
			width: 160px;
			height: 50px;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #E8E8EA;
            	*/
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
	      	text-align: center;
      	    	font: bold 12px Helvetica, Arial, sans-serif;
		}

		#panelminibannerourwebtv {
			position:absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:4;
			top: 1180px;
			/*
			Este encabezado comienza a la izquierda en 200 para que no se monte a los controles SELECT
			*/
			left: 820px;
			width: 160px;
			height: 70px;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #E8E8EA;
            	*/
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
	        	text-align: center;
	     	    	font: bold 12px Helvetica, Arial, sans-serif;
		}

		#PanelContactoTV {
			position:absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:4;
			top: 1550px;
			/*
			Este encabezado comienza a la izquierda en 200 para que no se monte a los controles SELECT
			*/
			left: 20px;
			width: 160px;
			height: 100px;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #E8E8EA;
            	*/
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
	        	text-align: center;
      	    	font: bold 12px Helvetica, Arial, sans-serif;
		}

		#canal {
			position:relative;
			top:0px;
			color: black;
			text-align: center;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#pais {
			position:relative;
			top:0px;
			color: #555555;
			text-align: center;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#idioma {
			position:relative;
			top:0px;
			color: #555555;
			text-align: center;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#genero {
			position:relative;
			top:0px;
			color: #555555;
			text-align: center;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#sitioweb {
			position:relative;
			top:0px;
			color: #555555;
			text-align: center;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#bandera {
			position:relative;
			top:0px;
			color: #555555;
			text-align: center;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#bitrate {
			position:relative;
			top:0px;
			color: #555555;
			text-align: center;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#sonido {
			position:relative;
			top:0px;
			color: #555555;
			text-align: center;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#flags {
			position:relative;
			top:0px;
			color: #555555;
			text-align: center;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#visits {
			position:relative;
			top:0px;
			color: #555555;
			text-align: center;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#comentarios {
			position:relative;
			top:0px;
			color: #555555;
			text-align: center;
			font: bold 12px Helvetica, Arial, sans-serif;
		}

		#simbolo {
            	position: relative;
            	top: 0px;
            	color: #555555;
            	font: 10px Wingdings;
        	}

		#channelsselected {
			position:absolute;
			top: 140px;
			left: 0px;
			height: 30px;
			width: 99%;
	            text-align: center;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: large;
                	font-weight: bold;
		}

		/* CSS Tabs */
		#navlist {
			/* En este caso el posicionamiento debe ser relativo, ya que con absoluto se dan diferencias entre los navegadores en el 'top' */
			position:relative;
			z-index:3;
			/*
			Los menues se situan por debajo del encabezamientoprincipal y de la publicidad
			*/
		      top: 205px;
			left: -30px;
   	            font-family: Helvetica, Arial, sans-serif;
            	font-size: 14px;
                	font-weight: bold;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #E8E8EA;
            	*/
		}

		#navlist li {
			list-style: none;
		      display: inline;
		}

		#navlist li a {
		      border-bottom: none;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
            	*/
		      text-decoration: none;
			background-image: url(Logos/navi_bg_divider1.png);
			background-repeat: no-repeat;
			background-position: right;
			padding-right: 12px;
			padding-left: 6px;
			text-decoration: none;
		}

		#navlist li a:link {
			color: white;
    			/*
			color: #555555;
            	*/
			font: bold;
		}
		
		#navlist li a:visited {
			color: white;
    			/*
			color: #555555;
	            */
		}

		#navlist li a:hover {
			font: bold;
			color: yellow;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
		      border-color: #555555;
	            */
		}

		#navlist li a#current {
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
		    	background: white;
		      border-bottom: 1px solid white;
            	*/
			color: LawnGreen;
		}

		#li {
			display:inline;
		}

		table,td,th {
			border-width: thick;
            	/*
                	Si se pone border-color se dibuja la tabla al transparentar una imagen de fondo
                	border-style: solid;			    
                	border-color: #E8E8EA;
            	*/
		}

		table {
			width:100%;
			}
			th {
            		/*
                		Si se pone background-color no se puede transparentar a una imagen de fondo
			    	background-color:green;
            		*/
				color:white;
			}

			td {
				width:220px;
				height:100%;
				padding-top:5px;
				padding-bottom:4px;
				padding-left:4px;
				padding-right:4px;
			}

		select { 
			width:160px;
            	/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #EFF2F3;
            	*/
			color: #555555;
	    	      font-family: Helvetica, Arial, sans-serif;
            	font-size: small;
		}

		input { 
			width:160px;
            	/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #EFF2F3;
            	*/
			color: #555555; 
		}

		input[type="button"] {
			width:160px;
			margin-left:1px;
			display:block;
		}

		input[type="submit"] {
			width:160px;
			color: #555555;
			background-color: #EFF2F3;
			margin-left:1px;
			display:block;
		}

		#ComboGenre {
			position:absolute;
			top: 410px;
			left: 20px;
			height: 50px;
			width: 160px;
			color: #555555;
			/*
				Establecer un borde ayuda para el maquetado de la página web
				border: 1px solid black;
			*/
	            text-align: left;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: small;
                	font-weight: bold;
		}

		#ComboIdioma {
			position:absolute;
			top: 460px;
			left: 20px;
			height: 50px;
			width: 160px;
			color: #555555;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
            text-align: left;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: small;
                	font-weight: bold;
		}

		#ComboPais {
			position:absolute;
			top: 510px;
			left: 20px;
			height: 50px;
			width: 160px;
			color: #555555;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
            text-align: left;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: small;
                	font-weight: bold;
		}

		#ComboSortby {
			position:absolute;
			top: 560px;
			left: 20px;
			height: 50px;
			width: 160px;
			color: #555555;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
            text-align: left;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: small;
                	font-weight: bold;
		}

		#BotonFilter {
			position:absolute;
			top: 610px;
			left: 20px;
			height: 50px;
			width: 160px;
			color: #CC0000;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
            	text-align: left;
                	font-family: Helvetica, Arial, sans-serif;
                  font-size: 6px;
                  font-weight: normal;
		}

		#TextSearch {
			position:absolute;
			top: 664px;
			left: 20px;
			height: 30px;
			width: 160px;
			color: #555555;
            text-align: left;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
		}

		#BotonSearchChannel {
			position:absolute;
			top: 694px;
			left: 20px;
			height: 30px;
			width: 160px;
			color: #CC0000;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
		}
		
		#Channelsloaded {
			position:absolute;
			top: 725px;
			left: 20px;
			height: 20px;
			width: 160px;
			color: #555555;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
            text-align: left;
			padding-left:5px;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: x-small;
                	font-weight: bold;
		}

		#SearchCriteriaLoaded {
			position:absolute;
			top: 740px;
			left: 20px;
			height: 0px;
			width: 160px;
			color: #555555;
			/*
				Establecer un borde ayuda para el maquetado de la página web
				border: 1px solid black;
			*/
            text-align: left;
			padding-left:5px;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: x-small;
                	font-weight: bold;
		}

		#panelguestbook {
			position:absolute;
			top: 800px;
			left: 20px;
			width: 160px;
			color: #555555;
    	    		font-family: Helvetica, Arial, sans-serif;
            	font-size: x-small;
            	font-weight: bold;
		}
		
		#Recommendthiswebsite {
			position:absolute;
			top: 880px;
			left: 20px;
			width: 160px;
			height: 40px;
			color: #555555;
    	    		font-family: Helvetica, Arial, sans-serif;
            	font-size: x-small;
            	font-weight: bold;
		}

		#PayPalDonate {
			position:absolute;
			top: 925px;
			left: 20px;
			width: 160px;
			height: 50px;
    	    		text-align: center;
    	    		font-family: Helvetica, Arial, sans-serif;
            	font-size: x-small;
            	font-weight: bold;
		}

		#panelfreeWMP {
			position:absolute;
			top: 1000px;
			left: 20px;
			width: 160px;
			height: 100px;
		}

		#panelfreeRealPlayer {
			position:absolute;
			top: 1110px;
			left: 20px;
			width: 160px;
			height: 40px;
		}

		#Panelizquierdo {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1150px;
			left: 20px;
			height: 100px;
			width: 160px;
                  text-align: center;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: x-small;
                	font-weight: bold;
		}

		#PanelUruguayTotal {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1270px;
			left: 20px;
			height: 60px;
			width: 160px;
            	text-align: center;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: x-small;
                	font-weight: bold;
		}

		#friendpages {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1370px;
			left: 20px;
			height: 120px;
			width: 160px;
	        	text-align: center;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: x-small;
                	font-weight: bold;
		}

		#ContenedorCanales {
			position:absolute;
			z-index:1;
			/*
			La propiedad OVERFLOW es la que determina el posicionamiento de la barra de scroll de los canales
			*/
			overflow:auto;
			top: 820px;
			left: 200px;
			height: 800px;
			/*
			Aquí se establece el ancho máximo del contenedor de la tabla de canales
			*/
			width: 600px;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
		}

		#ChannelsGrid {
			position:relative;
			z-index:1;
			/*
			Es fundamental que el z-index valga 0 para que quede la capa que scrola los canales debajo de las capas fijas.
			No puede valer -1 ya que los links dejan de ser clickeables.
			*/
			top: 0px;
			left: 0px;
			height: 100%;
			width: 100%;
			/*
			Establecer un borde ayuda para el maquetado de la página web
			border: 1px solid black;
			*/
            	text-align: center;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: small;
                	font-weight: normal;
		}

		#captionchannelsby {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1690px;
			left: 200px;
			height: 30px;
			width: 600px;
			padding-top:5px;
			padding-bottom:5px;
			text-align: center;
			color: black;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: 16px;
                	font-weight: bold;
		}

		#captioncolumna1inferior1 {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1720px;
			left: 168px;
			height: 60px;
			width: 90px;
			padding-top:5px;
			padding-bottom:5px;
			padding-left:10px;
			padding-right:10px;
			text-align: center;
			color: black;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: 16px;
                	font-weight: bold;
		}

		#columna1inferior1 {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1770px;
			left: 200px;
			height: 450px;
			width: 90px;
			text-align: left;
			/*
			border: 1px solid black;
			*/
	    		/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #FFEECC;
            	*/
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: xx-small;
		}

		#captioncolumna1inferior2 {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1720px;
			left: 224px;
			height: 60px;
			width: 200px;
			padding-top:5px;
			padding-bottom:5px;
			padding-left:10px;
			padding-right:10px;
			text-align: center;
			color: black;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: 16px;
                	font-weight: bold;
		}

		#columna1inferior2 {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1770px;
			left: 295px;
			height: 450px;
			width: 100px;
			text-align: left;
			/*
			border: 1px solid black;
			*/
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #CEEFFF;
            	*/
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: xx-small;
		}

		#columna1inferior3 {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1770px;
			left: 395px;
			height: 450px;
			width: 100px;
			text-align: left;
			/*
			border: 1px solid black;
			*/
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #CEEFFF;
            	*/
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: xx-small;
		}

		#captioncolumna1inferior456y7 {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1720px;
			left: 266px;
			height: 60px;
			width: 300px;
			padding-top:5px;
			padding-bottom:5px;
			padding-left:10px;
			padding-right:10px;
			text-align: center;
			color: black;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: 16px;
                	font-weight: bold;
		}

		#columna1inferior4 {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1770px;
			left: 500px;
			height: 450px;
			width: 100px;
			text-align: left;
			/*
			border: 1px solid black;
			*/
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #F2D9FF;
	            */
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: xx-small;
		}

		#columna1inferior5 {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1770px;
			left: 600px;
			height: 450px;
			width: 100px;
			text-align: left;
			/*
			border: 1px solid black;
			*/
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #F2D9FF;
            	*/
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: xx-small;
		}

		#columna1inferior6 {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1770px;
			left: 700px;
			height: 450px;
			width: 100px;
			text-align: left;
			/*
			border: 1px solid black;
			*/
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #F2D9FF;
            	*/
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: xx-small;
		}

		#bbcheadlinesTitle {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1725px;
			left: 0px;
			height: 50px;
			width: 200px;
			text-align: center;
			color: black;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: 16px;
                	font-weight: bold;
		}
		
		#bbcheadlines {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 1750px;
			left: 15px;
			height: 400px;
			width: 170px;
		}
		
		#bbcheadlinestop {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:2;
			top: 1771px;
			left: 1px;
			height: 80px;
			width: 160px;
		}

		#bbcheadlinesbottom {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:2;
			top: 2190px;
			left: 90px;
			height: 34px;
			width: 80px;
		}

		#piedepagina {
			position: absolute;
			/*
			Es fundamental que el z-index valga 1 para que quede sobre la capa con la tabla de canales que scrola
			*/
			z-index:1;
			top: 2610px;
			left: 0px;
			height: 110px;
			width: 1000px;
    			/*
                	Si se pone background-color no se puede transparentar a una imagen de fondo
			background-color: #E8E8EA;
            	*/
			background-color: #EAEAEA;
      	      font-family: Helvetica, Arial, sans-serif;
            	font-size: xx-large;
                	font-weight: bold;
		}

		.thumbnail {
			width:120px;
			height:60px;
			border-radius: 5px;
                  border: 3px solid #333333;
		}

		.logoplayer {
			width:32px;
			height:32px;
			font: bold 8px Helvetica, Arial, sans-serif;
		}
		