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

/*@START RESETEO DEL CSS ESTABLECIDO POR EL NAVEGADOR*/

    /*Borramos para casi todos los tags conocidos por el hombre cualquier margen, espacio, interlineado extraño, bordeados, etc… empezaremos desde cero*/
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    }

    /*Quitamos cualquier efecto predefinido sobre enlaces cuando tienen el foco y nos olvidamos de los enlaces subrayados*/
    :focus { outline: 0;} /*Actualización: Como bien me recuerdan, aclarar que este cambio de estilo debe hacerse siempre que vayamos a remarcarlo de otra manera, pues de no hacerlo tenedremos problemas de accesibilidad a nuestra página */
    a, a:link, a:visited, a:hover, a:active{text-decoration:none}

    /*Para tablas y sus casillas de salida las dejamos con celdas separadas, que los textos se alinean a la izquierda y eliminamos la negrita para campos tipo <td>*/
    table { border-collapse: separate;border-spacing: 0;}
    th, td {text-align: left; font-weight: normal;}

    /*Eliminamos el border en imgenes o iframe aunque formen parte de un enlace*/
    img, iframe {border: none; text-decoration:none;}

    /*De salida nada de símbolos raros para nuestros listados*/
    ol, ul {list-style: none;}

    /*Para variables tíicas de formulario usaremos la tipografía que definamos expresamente y al tamaño que definamos*/
    input, textarea, select, button {font-size: 100%;font-family: inherit;}
    select {margin: inherit;}

    /*Convertimos el <hr> en una linea simple*/
    hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}

/*@END RESETEO DEL CSS ESTABLECIDO POR EL NAVEGADOR*/

body {
	position: relative;
	width: 100%;
	height: auto;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	left: 0;
	margin-left: 0;
	background: url(../img/fondo_body.jpg) top repeat-x;
	background-color: #e5e5e5;
	}

/*Wrap es un Div Contenedor, contiene el resto de la estructura*/
div#wrap {
	position: relative;
	width: 100%;
	height: auto;
	}
	
/***@START CABECERA***/
#cabecera {
	position: relative;
	width: 1024px;
	height: 120px;
	background: transparent;
	left: 50%;
	margin-left: -512px;
	}
	
		#logotipo {
			position: relative;
			top: 25px;
			margin-left: 45px;
			}

		#buscador {
			position: absolute;
			width: 270px;
			height: 28px;
			top: 0px;
			margin-top: 0px;
			margin-right: 0px;
			background: url(../img/contenedor_buscador.png) top no-repeat;
			border: none;
			float: right;
			right: 30px;
			}
			
			.formulario_buscar {
				margin-top: 1px;
				margin-left: 36px;
				}
				
			.formulario_buscar img {
				position: absolute;
				margin-right: 0px;
				margin-left: -20px;
				margin-top: 5px;
				}
			
			input.input_b {
				position: relative;
				background: transparent;
				border: none;
				font-weight: bold;
				font-size: 11px;
				color: #666;
				margin-right: 10px;
				margin-top: 3px;
				}
				
			input.input_b:hover {
				color: #48a77d;
				}
				
			/*@START SUSTITUIR EL YA EXISTENTE*/
			input.input_t {
				position: relative;
				background: url(../img/caja_buscador.jpg) top repeat-x;
				width: 122px;
				height: 12px;
				border: 1px solid #d8d7d5;
				color: #666;
				margin-right: 10px;
				margin-top: 0px;
				vertical-align: middle;
				padding-top: 0px;
				padding-left: 6px;
				margin-left: -4px;
			}
			/*@END SUSTITUIR EL YA EXISTENTE*/
			
			#animacion_cabecera {
				position: absolute;
				width: 412px;
				height: 120px;
				top: 0px;
				left: 310px;
				}
			
/***@END CABECERA***/
/***@START CABECERA***/

/*DIV de contenido para el index para videos 16:9*/
#contenido {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 500px;
	max-height: 720px;
	background: url(../img/trama_fondo.jpg) repeat-x top;
	padding-bottom: 30px;
	}
	
/*DIV de contenido para el index para videos 4:3*/
#contenido_video_4_3  {
	position: relative;
	width: 100%;
	height: 600px;
	background: url(../img/trama_fondo.jpg) repeat-x top;
	padding-bottom: 30px;
	}
	
/*DIV de contenido para resultados de búsqueda por el buscador y para búsquedas por etiquetas.*/
#contenido_resultados {
	position: relative;
	width: 100%;
	height: 540px;
	background: url(../img/trama_fondo_resultados.jpg) repeat-x top;
	background-color: #49a57b;
	padding-bottom: 30px;
	display: block;
	}

/*DIV de contenido para canales para videos 16:9*/
#contenidoCanales {
	position: relative;
	width: 100%;
	height: 570px;
	background: url(../img/trama_fondo_canales.jpg) repeat-x top;
	padding-bottom: 30px;
	}
	
/*DIV de contenido para canales para videos 4:3*/
#contenidoCanales_video_4_3 {
	position: relative;
	width: 100%;
	height: 640px;
	background: url(../img/trama_fondo_canales.jpg) repeat-x top;
	padding-bottom: 30px;
	}

/*DIV de contenido para formatos para videos 16:9*/
#contenidoFormatos {
	position: relative;
	width: 100%;
	height: 570px;
	background: url(../img/trama_fondo_formatos.jpg) repeat-x top;
	padding-bottom: 30px;
	}

/*DIV de contenido para formatos para videos 4:3*/
#contenidoFormatos_video_4_3  {
	position: relative;
	width: 100%;
	height: 640px;
	background: url(../img/trama_fondo_formatos.jpg) repeat-x top;
	padding-bottom: 30px;
	}
	
/**@START CAMBIOS 22.02.10**/
#contenedor_completo {
	position: relative;
	width: 1024px;
	height: auto;
	left: 50%;
	margin-left: -512px;
}

#footer {
	position: relative;
	width: 1024px;
	height: 150px;
	left: 50%;
	margin-left: -512px;
	overflow: hidden;
	}

#footerResultados {
	position: absolute;
	width: 650px;
	height: 150px;
	left: 0;
	top: 540px;
	overflow: hidden;
	}

#footerResultados p {
	color: #666;
	}
	
#footerResultados p a {
	color: #666;
	}	
/**@END CAMBIOS 22.02.10**/
#logotipos_patrocinadoresResultados {
	position: relative;
	width: 650px;
	height: 150px;
	margin-top: 20px;
	margin-left: 0px;
	text-align: center;
	}



#footer p {
	color: #666;
	}
	
#footer p a {
	color: #666;
	}	
		
#logotipos_patrocinadores {
	position: relative;
	width: 960px;
	height: 150px;
	margin-top: 20px;
	margin-left: 0px;
	text-align: center;
	}
	
#logotipos_patrocinadores p img {
	position: absolute;
	float: right;
	}
	
#logotipos_patrocinadores img {
	margin-right: 20px;
	padding-bottom: 10px;
	}
	
#logotipos_patrocinadoresResultados img {
    margin-right: 20px;
    padding-bottom: 10px;
    }   
#logotipos_patrocinadoresResultados p img {
    position: absolute;
    float: right;
    }


/***@START MENU***/
/*Aqu&iacute; solo se encuentra el contenedor del menu, para ver el resto hay que utilizar los archivos main.css y secundario.css*/
#menu {
	position: relative;
	width: 160px;
	height: auto;
	float: left;
	margin-top: 67px;
 	border: 2px #2c2c2c solid;
	margin-left: 20px;
	}
	
/***@END MENU***/

/***@START VISOR ECONOMIASOCIAL.tv***/
#contenedor_visor {
	position: relative;
	width: 606px;
	height: auto;
	float: left;
	margin-top: 50px;
	}
	
#marco_visor_superior {
	position: relative;
	width: 606px;
	height: 19px;
	background: transparent;
	}
	
	#marco_visor_superior img {
		top: 0;
		left: 0;
		}
	
#marco_visor_inferior {
	/*position: relative;*/
	width: 606px;
	height: auto;
	background: transparent;
	margin-bottom: 20px;
	}
	
	#marco_visor_inferior img {
		top: 0;
		left: 0;
		margin-right: 0px;
		padding-right: 0px;
		}

	#visor {
		position: relative;
		width: 606px;
		height: auto;
		display: inline;
		float: left;
		background: url(../img/fondo_marcoVisor.jpg) repeat-y left;
		margin-right: 0px;
		padding-right: 0px;
		}
		
	#video_visor {
		position: relative;
		width:550px;
		height: auto;
		margin-bottom: 0px;
		padding-bottom: 0px;
		margin-left: 27px;
		margin-right: 0px;
		padding-right: 0px;
		}
		
		#info_adicional {
			position: relative;
			width:550px;
			height: auto;
			background: url(../img/fondo_infoAdicional.png) top repeat-x;
			margin-left: 25px;
			margin-top: -4px;
			border-top: none;
			border-left: 2px #1b1b1b solid;
			border-bottom: 2px #1b1b1b solid;
			border-right:  2px #1b1b1b solid;
			}
			
		#info_adicional p {
			padding: 10px;
			padding-top: 0px;
			color: #FFF;
			font-size: 10px;
			padding-right: 5px;
			}
			
		#info_adicional p a {
			color: #FFF;
			}
			
		#info_adicional p a:hover {
			color: #f55e3c;
			}
		
			.botones_visor {
				position: relative;
				width: auto;
				height: 25px;
				padding-top: 5px;
				}
				
				.botones_visor p {
					padding: 5px;
					color: #FFF;
					display: inline;
					}
		
		.enviar {
			position: relative;
			width: auto;
			height: 25px;
			float: left;
			margin-right: 5px;
			margin-top: 3px;
			}
			
		.compartir {
			position: relative;
			width: auto;
			height: 25px;
			float: left;
			margin-right: 5px;
			margin-top: 3px;
			}
			
		.descargar {
			position: relative;
			width: auto;
			height: 25px;
			float: left;
			margin-right: 5px;
			margin-top: 3px;
			}
			
		.link {
			position: relative;
			width: auto;
			height: 25px;
			float: left;
			margin-right: 0px;
			margin-top: 1px;
			}
			
			.link input {
				border: #000 solid 1px;;
				}
				
		.logotipo_secundario {
			position: relative;
			width: auto;
			height: 25px;
			float: right;
			margin-right: 15px;
			margin-top: 4px;
			margin-left: 0px;
			}
		
		.enviar img {
			position: relative;
			width: 21px;
			height: 13px;
			vertical-align: text-bottom;
			}
			
		.compartir img {
			position: relative;
			width: 15px;
			height: 14px;
			vertical-align: text-bottom;
			}
			
		.descargar img {
			position: relative;
			width: 14px;
			height: 14px;
			vertical-align: text-bottom;
			}
		
		h3{
			padding-top: 5px;
			margin-left: 10px;
			padding-bottom: 5px;
			color: #FFF;
			font-size: 10px;
			font-weight:bold;
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif
			}


/***@START VISOR ECONOMIASOCIAL.tv***/

/***@START DESTACADOS***/

#contenedor_destacados {
	position: relative;
	width: 212px;
	height: 310px;
	float: left;
	margin-top: 67px;
 	border: 2px #2c2c2c solid;
	background: #107065;
	margin-left: -2px;
	padding-left: 0px;
	}
	
#contenedor_destacados_2 {
	position: relative;
	width: 212px;
	height: 310px;
	float: left;
	margin-top: 67px;
 	border: 2px #2c2c2c solid;
	background: #27719d;
	margin-left: -2px;
	padding-left: 0px;
	}
	
	.contenedor_videoDestacado {
		position: relative;
		width: 210px;
		height: 74px;
		float: left;
		margin-left: 2px;
		background: transparent;
		margin-bottom: 0px;
		margin-top: 3px;
		overflow: hidden;
		}
		
	.contenedor_videoDestacado:hover {
		background: #00615c;
		}
		
	#contenedor_destacados_2 .contenedor_videoDestacado:hover {
		background: #194a67;
		}
		
		.video {
			position: relative;
			float: left;
			width: 97px;
			height: auto;
			border: 1px #2c2c2c solid;
			}
			
		.video img {
			position: relative;
			z-index: 0;}
			
		.video a img {
			position: absolute;
			width: 97px;
			height: 72px;
			z-index: 1;
			}
			
		.video a img:hover {
			position: absolute;
			width: 97px;
			height: 72px;
			z-index: 1;
			background: url(../img/boton_play_hover.png) top no-repeat;
			}
			
		.texto_video {
			position: relative;
			float: right;
			width: 100px;
			height: 70px;
			margin-left: 5px;
			padding-top: 5px;
			padding-right: 5px;
			}
			
		.texto_video p {
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size: 10px;
			line-height: 11px;
			color: #FFF;
			}
			
/***@END DESTACADOS***/

/****@START PAGINACIÓN****/			
			
		#paginacion_destacados {
			position: absolute;
			width: 212px;
			height: 20px;
			top: 330px;
			text-align: center;
			line-height: 10px;
			left: 0px;
			}
		
		#contenedor_paginacion {
			position: relative;
			width: 212px;
			height: 15px;
			font-size: 10px;
			line-height: 10px;
			}
			
			span.paginas {
				color: #333;
				font-size:12px;
				}
				
			span.paginas a {
				color: #333;
				margin-left: 8px;
				font-size:12px;
				}
			span.paginas a.seleccionada {
				color: #F90;
				}
			
			span.paginas a:hover {
				color: #f55e3c;
				margin-left: 8px;
				font-size:12px;
				}
			
			span.avance {
			position: relative;
			width: 10px;
			height: 10px;
			margin-left: 8px;
				}
				
				span.avance img {
					vertical-align: top;}
			
			span.retroceso {
			position: relative;
			width: 10px;
			height: 10px;
				}
				
				span.retroceso img {
					vertical-align: top;}
				
/****@END PAGINACIÓN****/			

/***@START RESULTADOS DE BUSQUEDA***/
/**@START CAMBIOS 22.02.10**/
#resultados{
	position: relative;
	width: 650px;
	height: auto;
	margin-left: 5px;
	margin-top: 67px;
	padding-bottom: 30px;
	float: left;
	}

	.contenedor_videoResultado {
		position: relative;
		width: 650px;
		height: 112px;
		margin-left: 0px;
		background: #bdbdbd;
		margin-bottom: 2px;
		margin-right: 5px;
		margin-top: 0px;
		overflow: hidden;
		color: #000;
		z-index: 5;
		padding-bottom: 0;
		border: #999 1px solid;
		}
		
	.contenedor_videoResultado:hover {
		background: #197aa9;
		color: #FFF;
		}
	
		.videoResultado {
			position: relative;
			float: left;
			width: 140px;
			height: auto;
			border: 1px #2c2c2c solid;
			margin-top: 5px;
			margin-left: 5px;
			margin-bottom: 5px;
			}
			
		.videoResultado img {
			position: relative;
			z-index: 0;}
			
		.videoResultado a img {
			position: absolute;
			width: 140px;
			height: 100px;
			z-index: 1;
			}
			
		.videoResultado a img:hover {
			position: absolute;
			width: 140px;
			height: 100px;
			z-index: 1;
			background: url(../img/boton_play_hover_resultados.png) top no-repeat;
			}
			
		.texto_videoResultado {
			position: relative;
			float: right;
			width: 455px;
			height: auto;
			margin-left: 10px;
			padding-top: 5px;
			padding-right: 10px;
			padding-bottom: 10px;
			}
			
		.texto_videoSinResultado {
			position: relative;
			width: 600px;
			height: auto;
			margin-left: 30px;
			padding-top: 20px;
			padding-right: 10px;
			padding-bottom: 10px;
			}
			
		.texto_videoResultado p {
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size: 12px;
			line-height: 13px;
			margin-bottom: 7px;
			}
			
			div#tituloCanal {
				position: absolute;
				width: 604px;
				height: 28px;
				padding-top: 11px;
				padding-bottom: 0px;
				margin-top: 23px;
				z-index: 7;
				padding-left: 0px;
				text-align: center;
				background: url(../img/fondo_pastilla_canal.png) top no-repeat;
				left: 184px;
				}
				
			div#tituloCanal_resultados {
				position: absolute;
				width: 650px;
				height: 28px;
				padding-top: 11px;
				padding-bottom: 0px;
				margin-top: 39px;
				z-index: 7;
				padding-left: 0px;
				text-align: center;
				background: url(../img/fondo_pastilla_canalResultados.png) top no-repeat;
				left: 190px;
				}
				
		#paginacion_resultados {
			position: relative;
			width: 652px;
			height: 20px;
			margin-top: 2px;
			text-align: center;
			line-height: 10px;
			background: #666;
			margin-bottom: 30px;
			}
			
		#paginacion_resultados #contenedor_paginacion {
			position: relative;
			width: 652px;
			height: 15px;
			padding-top: 5px;
			text-align: center;
			line-height: 10px;
			background: #666;
			}
			
		#paginacion_resultados #contenedor_paginacion span a {
			color: #fff;
			}
		#paginacion_resultados #contenedor_paginacion span a.seleccionada {
			color: #F90;
			 }
			
		#paginacion_resultados #contenedor_paginacion span a:hover {
			color: #f55e3c;
			}
			
		#paginacion_resultados #contenedor_paginacion span {
			color: #fff;
			}
		
			
			h2 {
				display: inline;
				font-size: 13px;
				font-family: Verdana, Geneva, sans-serif;
				font-weight: bold;
				color: #fff;
				font-style: italic;
				line-height: 18px;
				}
				
			h5 {
				display: inline;
				font-size: 20px;
				line-height: 19px;
				font-family: Verdana, Geneva, sans-serif;
				font-weight: bold;
				color: #51ad7e;
				font-style: italic;
				}
				
				
			h4 { 
				padding-top: 0px;
				margin-left: 0px;
				padding-bottom: 3px;
				font-size: 12px;
				font-family: Verdana, Geneva, sans-serif;
				font-style: italic;
				line-height: 12px;
				font-weight: bold;
				}
			/**@END CAMBIOS 22.02.10**/
	
/***@END RESULTADOS DE BUSQUEDA***/
			/*@START AÑADIR AL CÓDIGO 26052010*/
			div.contenedorRss {
				position: absolute;
				background: url(../img/contenedor_suscripcion.png) top no-repeat;
				width: 181px;
				height: 18px;
				top: 32px;
				right: 75px;
				}
				
			div.contenedorRss a {
				position: absolute;
				top: 0;
				right: 28px;
				color:#333;
				}
				
				
			div.contenedorRss a:hover {
				position: absolute;
				top: 0;
				right: 28px;
				color:#f55e3c;
				}
				
			div.contenedorRss img {
				position: absolute;
				top: 3px;
				left: 28px;
				}
			/*@END AÑADIR AL CÓDIGO*/