@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) 
IE6 --->	* html propiedad
IE7 --->	*+html propiedad
Opera 9 y anteriores --->	html:first-child propiedad
*/

/* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin márgenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 100% Arial;}
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border: none; text-decoration: none; color: #52006e;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: underline;}
img {border: none; text-decoration: none;} 
acronym {border: 0;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/* Loading de clueTip */
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/imagenes/comunes/loading.gif);
}


/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/

body { background:#FFFFFF; margin:0; padding:0; font-size:100%;} 

strong { font-family:Arial;}

#pagina{width:987px; margin:auto;}

/**********************************************
				CABECERA
***********************************************/

#cabecera{float:left; width:964px; margin-left:11px; margin-top:15px; display:inline;}
	#cabecera h1{float:left; width:266px; height:82px; }
	#cabecera h1 a{float:left; width:266px; height:82px; background:url(/imagenes/comunes/logo.gif) no-repeat; text-indent:-9999px;}
	#cabecera .menu_superior{float:left; width:682px; height:28px; margin-left:15px; margin-top:1px; display:inline; overflow:hidden;}
		#cabecera .menu_superior .nav_util{float:left; width:313px;}
			#cabecera .menu_superior .nav_util ul.navegacion{float:right; margin-top:6px;}
				#cabecera .menu_superior .nav_util ul.navegacion li{float:left; font-family:Arial; font-weight:bold; font-size:0.7em; color:#37392C; margin-left:5px;}
				#cabecera .menu_superior .nav_util ul.navegacion li a{font-family:Arial; font-weight:bold; font-size:1em; color:#37392C; text-decoration:none;}
				#cabecera .menu_superior .nav_util ul.navegacion li a:hover{font-family:Arial; font-weight:bold; font-size:1em; color:#37392C; text-decoration:underline;}
	
		#cabecera .menu_superior .form_buscador{float:left; width:279px; margin-left:15px; display:inline;}
			#cabecera .menu_superior .form_buscador #buscar{float:left; width:178px; height:21px; border:none; background:url(/imagenes/comunes/buscar_input.gif) no-repeat; padding-left:31px; padding-top:7px;}
			#cabecera .menu_superior .form_buscador .boton{float:left; width:70px; height:28px; border:none; background:url(/imagenes/comunes/buscar_button.gif) no-repeat;}
			
		#cabecera .menu_superior .tamano{float:left; width:60px; height:28px; background:url(/imagenes/comunes/fondo_tamano.gif) no-repeat; margin-left:15px; display:inline;}
			#cabecera .menu_superior .tamano a{float:left; font-family:Arial; font-size:13px; color:#4A3B3B; font-weight:bold; margin-top:5px; margin-left:11px; display:inline;}
			
	#cabecera .menu_principal{float:left; width:683px; height:44px; margin-left:15px; margin-top:9px; display:inline; overflow:hidden;}
		#cabecera .menu_principal ul#menu{float:left; width:683px; height:44px;}
			#cabecera .menu_principal #menu li{float:left;}
				#cabecera .menu_principal #menu li a{float:left; height:44px; text-indent:-9999px; display:block;}
			
				#cabecera .menu_principal #menu li a.conocenos{width:101px; background:url(/imagenes/comunes/menu.gif) 0 0 no-repeat;}
					#cabecera .menu_principal #menu li a:hover.conocenos, #cabecera .menu_principal #menu li a.conocenos-actual{width:101px; background:url(/imagenes/comunes/menu.gif) 0 -44px no-repeat;}
					
				#cabecera .menu_principal #menu li a.ideas{width:55px; background:url(/imagenes/comunes/menu.gif) -101px 0 no-repeat;}
					#cabecera .menu_principal #menu li a:hover.ideas, #cabecera .menu_principal #menu li a.ideas-actual{width:55px; background:url(/imagenes/comunes/menu.gif) -101px -44px no-repeat;}
					
				#cabecera .menu_principal #menu li a.agrupaciones{width:115px; background:url(/imagenes/comunes/menu.gif) -156px 0 no-repeat;}
					#cabecera .menu_principal #menu li a:hover.agrupaciones, #cabecera .menu_principal #menu li a.agrupaciones-actual{width:115px; background:url(/imagenes/comunes/menu.gif) -156px -44px no-repeat;}
					
				#cabecera .menu_principal #menu li a.comunicacion{width:114px; background:url(/imagenes/comunes/menu.gif) -271px 0 no-repeat;}
					#cabecera .menu_principal #menu li a:hover.comunicacion, #cabecera .menu_principal #menu li a.comunicacion-actual{width:114px; background:url(/imagenes/comunes/menu.gif) -271px -44px no-repeat;}
					
				#cabecera .menu_principal #menu li a.participa{width:78px; background:url(/imagenes/comunes/menu.gif) -385px 0 no-repeat;}
					#cabecera .menu_principal #menu li a:hover.participa, #cabecera .menu_principal #menu li a.participa-actual{width:78px; background:url(/imagenes/comunes/menu.gif) -385px -44px no-repeat;}
					
				#cabecera .menu_principal #menu li a.prctv{width:61px; background:url(/imagenes/comunes/menu.gif) -463px 0 no-repeat;}
					#cabecera .menu_principal #menu li a:hover.prctv, #cabecera .menu_principal #menu li a.prctv-actual{width:61px; background:url(/imagenes/comunes/menu.gif) -463px -44px no-repeat;}
					
				#cabecera .menu_principal #menu li a.unete{width:60px; background:url(/imagenes/comunes/menu.gif) -524px 0 no-repeat;}
					#cabecera .menu_principal #menu li a:hover.unete, #cabecera .menu_principal #menu li a.unete-actual{width:60px; background:url(/imagenes/comunes/menu.gif) -524px -44px no-repeat;}
					
				#cabecera .menu_principal #menu li a.juventudes{width:99px; background:url(/imagenes/comunes/menu.gif) -584px 0 no-repeat;}
					#cabecera .menu_principal #menu li a:hover.juventudes, #cabecera .menu_principal #menu li a.juventudes-actual{width:99px; background:url(/imagenes/comunes/menu.gif) -584px -44px no-repeat;}
		
	
/**********************************************
				CONTENIDO
***********************************************/

#contenido{float:left; width:987px; background:url(/imagenes/comunes/contenido.gif) 0 0 no-repeat; margin-top:13px;}

/**********************************************
				Bloque YOUTUBE
***********************************************/
/*listado*/
#reproduccion_actual{float:left; width:289px; height:212px;}
.listado_videos{float:left; width:289px; height:385px; overflow:auto; background-color:#F5F5F5; position:relative;}
	.listado_videos table.videoList{float:left; width:270px;border-collapse:collapse; position:relative;}
		.listado_videos table.videoList td{padding:8px 10px; border-bottom:1px solid #FFFFFF;}
			.listado_videos table.videoList td a.titulo{float:left; width:100%; font-family:Arial; font-size:0.7em; font-weight:bold; color:#615634;}
			.listado_videos table.videoList td p.videoDescription{float:left; width:auto; height:auto; margin:0; font-family:Arial; font-size:0.7em; color:#4A3B3B;}
			
/* Enlace al canal*/
.ver_canal{float:left; width:287px; height:24px; border:1px solid #E2E2E2; margin-bottom:10px;}
	.ver_canal a{float:right; font-family:Arial; font-size:10px; color:#727272; text-decoration:underline; background:url(/imagenes/index/enlace_youtube.gif) center right no-repeat; height:15px; margin-right:6px; padding-right:50px; padding-top:3px; margin-top:3px; display:inline;}
	
					  

/**********************************************
				MIGAS
***********************************************/

#migas{float:left; width:522px; height:30px; margin-left:3px; display:inline; margin-top:12px;}
	#migas .estas_en{float:left; font-family:Arial; font-size:0.625em; color:#8E9715; margin-right:5px;}
	#migas .flecha{float:left; font-family:Arial; font-size:0.625em; color:#4E4E4E; margin-right:5px;}
	#migas a{float:left; font-family:Arial; font-size:0.625em; color:#4E4E4E; margin-right:5px;}
	#migas a.actual{float:left; font-family:Arial; font-size:0.625em; color:#000000; margin-right:5px;}

/**********************************************
				PARTICIPA
***********************************************/

h2.titulo_azul{float:left; width:137px; height:28px; margin-left:19px; display:inline; background:url(/imagenes/comunes/participa.gif) center left no-repeat; padding-left:37px; margin-bottom:7px; overflow:hidden;}
.canales{float:left; width:193px; background:url(/imagenes/comunes/fnd_participa1.gif) top center no-repeat; overflow:hidden;}
.canales .l_canales{float:left; width:193px; background:url(/imagenes/comunes/fnd_participa2.gif) bottom center no-repeat; padding-top:15px; display:inline;}
	.canales .l_canales li{float:left; width:174px; height:28px; margin-left:19px; display:inline; margin-bottom:9px;}
		.canales .l_canales li a{float:left; width:132px; height:21px; padding-left:42px; font-family:Arial; font-size:0.7em; font-weight:bold; color:#929292; padding-top:7px;}
			.canales .l_canales li a.c_facebook{background:url(/imagenes/comunes/facebook.gif) no-repeat;}
			.canales .l_canales li a.c_youtube{background:url(/imagenes/comunes/youtube.gif) no-repeat;}
			.canales .l_canales li a.c_twitter{background:url(/imagenes/comunes/twitter.gif) no-repeat;}
			.canales .l_canales li a.c_flickr{background:url(/imagenes/comunes/flickr.gif) no-repeat;}
			.canales .l_canales li a.c_blogs{background:url(/imagenes/comunes/blog.gif) no-repeat;}
			.canales .l_canales li a.c_regionalistas{background:url(/imagenes/comunes/regionalista.gif) no-repeat;}
			.canales .l_canales li a.c_juventudes{background:url(/imagenes/comunes/juventudes.gif) no-repeat;}
			.canales .l_canales li a.c_afiliate{background:url(/imagenes/comunes/afiliate.gif) no-repeat;}


/**********************************************
				PIE
***********************************************/

#pie{float:left; width:981px; height:62px; margin-left:6px; display:inline; border-top:1px solid #F3F3F3; padding-bottom:20px;}
	#pie .textos{float:left; width:510px; margin-left:5px; display:inline; margin-top:19px;}
		#pie .textos .legales{float:left; width:510px;}
			#pie .textos .legales ul.enlaces{float:left; width:510px;}
				#pie .textos .legales ul.enlaces li{float:left; font-family:Arial; font-size:11px; color:#5B5B5B; margin-right:5px; display:inline;}
					#pie .textos .legales ul.enlaces li a{float:left; font-family:Arial; font-size:1em; color:#5B5B5B; text-decoration:none; margin-right:5px; display:inline;}
					#pie .textos .legales ul.enlaces li a:hover{float:left; font-family:Arial; font-size:1em; color:#5B5B5B; text-decoration:underline; margin-right:5px; display:inline;}
					
		#pie .textos .d_contacto{float:left; width:510px; font-family:Arial; font-size:0.7em; color:#A3A3A3;}
			#pie .textos .d_contacto a{font-family:Arial; font-size:10px; color:#A3A3A3;}
			
	#pie .santander2016{float:left; width:48px; height:48px; display:inline; margin-top:12px; background:url(/imagenes/comunes/santander2016.gif) no-repeat;}
	#pie .validaciones{float:left; width:366px; margin-left:40px; display:inline; margin-top:38px;}
		#pie .validaciones .w3c-css{float:left; width:59px; height:21px; margin-top:1px;}
		#pie .validaciones .w3c-xhtml{float:left; width:60px; height:21px; margin-top:1px; margin-left:3px; display:inline;}
		#pie .validaciones .w3c-aa{float:left; width:59px; height:21px; margin-top:1px; margin-left:4px; display:inline;}
		#pie .validaciones .wai-aa{float:left; width:95px; height:23px; margin-left:6px; display:inline;}
		#pie .validaciones .eurocert-aa{float:left; width:76px; height:23px; margin-left:4px; display:inline;}
			
/************************************************
			CONDICIONES
************************************************/	

p object,p embed,p img{display:block;margin:auto;}