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

body { margin:0; padding:0; background:url(../img/background_body.jpg) repeat-x; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; color:#332000;}

p, label, input, textarea, table { font-size:0.8em; text-align:justify; font-family:tahoma, Arial, Helvetica, sans-serif;}
	div.elementoListado p { font-size:0.7em;}
	.LetraCapital:first-letter { font-size:1.21em; font-weight:bold;}
	.centrarTexto { text-align:center;}
	.alinearderecha { text-align:right;}
	.alinearizquierda { text-align:left;}
	.pPequenio { font-size:0.7em;}
	#menuDerecha ul, #menuDerecha p { margin:5px; padding-left:5px; font-size:0.6em;}
	#bannersHome p { margin:4px; clear:both;font-size:0.7em;}

h1 { margin:4px 4px 4px 8px; padding:0 0 2px 0; background:url(../img/fondo-subrayado-h1-pequeno.gif) left bottom no-repeat; font-size:2.125em; font-weight:bold;}
h2 { margin:0 0 0 10px; padding:0 0 5px 10px; font-size:1.21em; color:#4D3100;}
h3 { margin:3px 0 0 0; padding:0 0 0 15px; background:url(../img/bullet-h3-pequeno.gif) top left no-repeat; font-size:0.9em;}
h4 {margin:0; padding-left:40px; font-size:0.7em; font-weight:normal;}

	.hPequeno { font-size:1.21em;}
	.hGrande { margin:4px; padding:0 0 2px 0; font-size:2.125em; background:url(../img/fondo-subrayado-h1-pequeno.gif) left bottom no-repeat; font-style:normal;}
	.h2HomeNaranja { margin-left:2px; padding:0 0 5px 5px; background:url(../img/fondo-subrayado-h2-home-naranja.gif) bottom left no-repeat; font-size:1.21em;}
	.h2HomeVerde { margin-left:2px; padding:0 0 5px 5px; background:url(../img/fondo-subrayado-h2-home-verde.gif) bottom left no-repeat; font-size:1.21em;}
	.h2HomeBlanco { margin-left:2px; padding:0 0 5px 5px; color:#fff;}
	.h2ListadoDerecha { margin:0; padding:0;}
	#menuDerecha h3 { margin:5px; font-size:0.7em; text-decoration:underline;}
	.h3Listados { margin-left:25px; font-weight:normal;}

fieldset { padding:5px; border:solid 1px #de8d00;}
legend { color:#004288;}
.botonEnviar{	width:100px; height:35px;	background:url(../img/boton-enviar-formulario.jpg) no-repeat;;	border:none;}

kbd { padding:0 0 3px 0; width:auto; border:2px outset; text-align:left; font-size:1.21em;}
hr { margin:0; padding:0; color:#332000;}

.tablaPublicaciones, .tablaBalances { width:100%;}
.captionPublicaciones { background-color:#555; color:#fff; text-align:left; padding-left:10px;}

.thId { width:5%;}
.thTitulo { width:50%;}
.thAutor { width:30%;}
.thFecha { width:15%;}
.trListado { font-size:0.85em;}
.trListadoAmarillo {background-color:#ffec5e; color:#004288; font-size:0.85em;}
.tablaPublicaciones td, th { text-align:center;}

.tablaBalances caption { background-color:#555; color:#fff; text-align:center; padding:10px; font-weight:bold;}
.trBalancesAmarillo {background-color:#ffec5e; color:#004288; font-size:1em;}
.trTotalBalances {background-color:#ffec5e; color:#320000; font-weight:bold;}
.tablaBalances tr { height:25px; text-align:right;}
.tablaBalances td { border:1px solid #ccc;}

.tablaCreditosImagenes { width:725px; border:1px solid #999; font-size:0.7em;}
table.tablaCreditosImagenes td { border-bottom:1px solid #999;}
.trGris { background-color:#ccc; height:2em;}
.thImagenes { width:15%;}
.thAutorImagenes { width:35%; text-align:left;}
.thTituloImagenes { width:50%;}

.tablaOrganismos, .organismosNacionales { width:100%; border:1px solid #999; font-size:0.7em;}
table.tablaOrganismos td, table.organismosNacionales td { text-align:left; padding:0 5px 0 5px; border-right:1px solid #999; border-bottom:1px solid #999;}
table.tablaOrganismos ul { font-size:0.9em;}
.thNombre { width:45%;}
.thContacto { width:55%;}


a { color:#004288; font-weight:bold;}
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:underline;}

a.h2 { color:#4D3100; font-weight:bold;}
a:link.h2, a:visited.h2 { text-decoration:none;}
a:hover.h2 { color:#de8d00; text-decoration:none;}

img {	border:0;	padding:0; margin:0; vertical-align:middle;}
	.imgIzda { margin:5px; margin-right:10px; float:left; vertical-align:top;}
	.imgDcha { margin:5px; margin-left:10px; float:right; vertical-align:top;}
	.imgBorde { border:solid 1px #999;}

ol {margin:0; padding:0; list-style:inside; font-size:0.8em;}
ul { margin:0; padding:0; list-style:disc inside; font-size:0.8em;}
	.ulMenu { margin:0; padding:0; list-style:none; list-style-position:outside; font-size:1em;}
	.subMenuOculto { display:none; margin:0; padding:0; list-style:none; list-style-position:outside; font-size:1em;}
	.ulEstrella { padding-left:10px; padding-top:2px; list-style:url(../img/bullet-estrella.gif) inside;}
	.ulEstrellaPekeno { padding-left:10px; padding-top:2px; list-style:url(../img/bullet-estrella.gif) inside; }
	#menuNoticias li { font-size:1.2em; border-bottom:1px solid #999;}
	div.cajaNoticias li, div.noticiasComunidad li { border-bottom:1px dotted #999;}	
	.noticiasComunidad li { font-size:0.9em;}
	.liFondoInferior { margin:0; padding:0; height:30px; background:url(../img/borde-inferior-menu-principal.gif) top left no-repeat;}

.cursorHelp { cursor:help;}
.ocultoCorreo { color:#004288; direction:rtl; font-weight:bold; text-decoration:none; unicode-bidi:bidi-override;}

/*---------------------------------- ESQUELETO DIV ------------------------------------------------------------------------------*/

#pagina { margin:5px auto 0 auto; width:980px; height:auto; background:#fff url(../img/fondo-pagina-inferior-hierba-con-menu-azul.gif) bottom no-repeat; border:#de8d00 solid 5px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*--------------- CABECERA --------------------------*/
#cabecera { clear:both; margin:0; padding:0; width:100%; height:120px; background:url(../img/fondo-azul-nubes-cabecera.jpg) top left repeat-x;}
#cabeceraNubes { clear:both; margin:0; padding:0; width:100%; height:120px;}
	#logoFenercom { float:left; width:200px; height:120px;}
	#logoAgency { float:left; width:155px; height:120px;}
	#bannerSuperior { float:left; width:625px; height:120px; text-align:right;}
	
	#logosConjuntos {float:left; margin:0; padding:0; width:370px; height:120px;}
	#bannerSuperiorRecortado {float:left; width:600px; height:120px;}	
	
/*-------------------------------------------------------------------------------------------------------------------------------*/	

/*--------------- CENTRAL -------------------------------------------------------------------------------------------------------*/
#central { clear:both; margin:0; width:100%;}
	#enlacesaccesibles {	position:relative;	float:left;	border: none;	font-size: 0.1em; display:none;}
	#izquierda { float:left; margin:0; padding:0 5px 10px 5px; width:190px; height:100%;}
		#menu { clear:both; padding-top:30px; height:100%; height:370px; background:url(../img/borde-superior-menu-principal.gif) top no-repeat;}
		html>body #menu { min-height:370px; height: auto;}
		#bannerIzquierda { clear:both; margin:10px 0; margin-right:0; height:150px;}
	#derecha { float:left; margin:0; padding:0; width:780px; background:url(../img/fondo-borde-contenedor-derecha.gif) top left no-repeat;}
		#superior { clear:both; width:100%; height:30px; }
			#migas { float:left; margin-left:20px; padding-top:16px; padding-left:5px; width:615px; height:14px; font-size:0.625em; color:#332000; border-bottom:solid 1px #de8d00;}
			#buscador { float:left; padding:0; width:290px; height:30px;}
		#contenido { clear:both; padding:0 20px 0 20px; width:740px; height:100%; margin-bottom:20px;}
		html>body #contenido { min-height:470px; height:auto;}
			#contenidoHome { clear:both; margin-bottom:20px; padding:10px 20px 0 20px; width:740px; height:100%; border-bottom:solid 1px #de8d00;}

				/************************************ estilos estadisticas banner izquierda agosto 2010 *********************************************/
				
				#estadisticas { position:relative; height:370px; background:#de8d00 url(../img/estadisticas/fondo-pinceladas-banner.gif) -40px 80px no-repeat;}
					#cabecera-estadisticas { padding:5px;}
						#cabecera-estadisticas h1 { padding: 5px 0 0 0; font-size:1.1em; text-align:center; font-variant:small-caps; background-image:none;}
						#cabecera-estadisticas h2 { padding:0; font-size:1.7em; text-align:center; color:#fff;}					
					#pie-estadisticas p { margin:0 5px 5px 20px; clear:both; padding:5px 10px 10px 10px; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; text-align:right;}
						.pFondeadoNegro { background:url(../img/fondo-trans-p-banner-izquierda.png) repeat; color:#332000;}
					#pie-estadisticas a, #pie-estadisticas a:link, #pie-estadisticas a:visited { margin-bottom:20px; color:#fff; text-decoration:none; float:right;}
					#pie-estadisticas a:hover { color:#004288; text-decoration:none;}
				
				/************************************ FIN estilos estadisticas banner izquierda agosto 2010 *****************************************/	
				
				/************************************ estilos suscripcion banner izquierda febrero 2011 *********************************************/
				
				#suscripcionNoticias { margin:10px 0 0 0; padding:50px 20px 5px 15px; height:225px; width:155px; background:url(../img/fondo-suscripcion-banner.jpg) top left no-repeat;}
				#suscripcionNoticias h2 { margin:0; padding-top:3px; background:url(../img/fondo-trans-p-banner-izquierda.png) repeat; width:75%; border:1px solid #332000;}
				#suscripcionNoticias p { font-family:'trebuchet ms', Arial, Helvetica, sans-serif; font-size:0.7em;}
				
				
				/************************************ FIN estilos suscripcion banner izquierda febrero 2011 *****************************************/					

				/************************************ Anadido para cambio imagen home en junio 2010 *********************************************/			
				
				#publicacionesHome, #formacionHome, #novedadesHome { margin:10px 0; clear:both;}
					
					/* Publicaciones y Novedades *******************************************************************************************/
					#pubUltima { float:left; padding:0 10px; width:240px;}
					#pubRecientes { float:left; padding:0 10px; width:500px;}
						#pubUltima h2, #pubRecientes h2 { padding-top:5px;background:#004288 url(../img/fondo-h2-publicaciones-nueva-home.jpg) repeat-x; color:#fff;}
						/*#pubRecientes h2 { padding-top:5px; background:#004288 url(../img/fondo-h2-publicaciones-nueva-home.jpg) top left repeat; color:#fff;}*/
						#pubUltima h3, #noticiasHome h3 { background:none; margin:5px 0; font-style:italic;}
						#publicacionesHome ul, #novedadesHome ul { padding-left:15px;}						
						#pubUltima p { margin:5px 0; padding:0 10px; font-size:0.7em; text-align:left;}
						#pubRecientes li { margin:0; padding:5px; font-size:0.9em;}
						.fondoRecientes { margin:10px 10px 5px 10px; padding:5px 10px; font-style:italic; border-top:solid 1px #de8d00;}
					
					/* Formacion *******************************************************************************************/				
					#formacionHome { padding:0 10px; background:url(../img/fondo-formacionHome-logo-fenercom.gif) bottom right no-repeat;}
						#formacionHome h2 { background:#00482E url(../img/fondo-h2-formacion-nueva-home.jpg) top left repeat-x;; padding-top:2px; color:#fff;}
						#formacionHome ul { padding-left:15px;}
						#formacionHome li { margin:0; padding:4px; font-size:0.9em;}
						
					/* Novedades *******************************************************************************************/	
						#noticiasHome { float:left; padding:0 10px; width:370px;}
							#noticiasHome h2, #comunidadHome h2 { background:#6F090E url(../img/fondo-h2-novedades-nueva-home.jpg) repeat-x;; padding-top:2px; color:#fff;}
							#noticiasHome p { margin:5px 0; padding:0 10px 0 20px; font-size:0.7em;}
						#comunidadHome { float:left; padding:0 10px; width:370px;}
							/*#comunidadHome h2 { background:#6F090E url(../img/fondo-h2-secciones-nueva-home.jpg) top left repeat-x;; padding-top:2px; color:#fff;}*/
				
				
				/********************************************** FIN anadido para cambio imagen home en junio 2010 **********************************************/			
			
			#bannersHome { margin:10px 0 0 20px; clear:both; width:95%; height:320px;}
				.cajaNoticias { font-size:0.8em; height:245px; overflow: auto;}
			.contenedorTercios { margin:0; padding:0; overflow:hidden;}
			.tercio { float:left; margin:0 5px 0 5px; margin-bottom:-500px; padding:10px; padding-bottom:500px; width:210px; background-color:#fff;}			
			.dosTercios { float:left; margin:0 5px 0 5px; margin-bottom:-500px; padding:10px; padding-bottom:500px; width:450px; background-color:#fff;}
			.tercioHome { margin:0 5px 0 5px; padding:5px 15px 0 15px; float:left; width:200px; height:295px; background:#fff url(../img/fondo-banners-home.jpg) no-repeat;}
			.tercioVerde { margin:0 5px 0 5px; padding:5px 15px 0 15px; float:left; width:200px; height:295px; background:#fff url(../img/fondo-banners-home-verde.jpg) no-repeat;}
			
			.unMedio { float:left; margin:0 5px 0 5px; padding:10px;width:320px; background-color:#fff;}
			
			#contenedorListado {float:left; width:507px;}
				.elementoListado { float:left; margin-bottom:5px; width:505px; border:solid 1px #de8d00;}
					.textoListado { float:left; padding:5px 10px 5px 10px; width:345px; border-right:solid 1px #de8d00;}
					.imgListado { float:left; padding:5px 9px 5px 9px; width:120px;}
					div.imgListado p { text-align:center;}
			
			#menuDerecha { float:left; margin:0 0 30px 15px; padding:0; width:200px;}
				.itemMenuDerecha { clear:both; margin:0; padding:3px 0 3px 0; background:url(../img/fondo-itemderecha-listado.jpg) top left no-repeat; border-bottom:solid 1px #999;}
			
			#menuEdicion { clear:both; margin:0; width:720px;}
				.itemMenuEdicion { float:left; margin:0 20px 0 20px;}
			
			#divFormulario { clear:both;}
			#numeroRegistros { clear:both; margin:0; padding:0; font-size:0.85em;}
			#mapagoogle {	width:96%;	height:450px; border:1px solid #de8d00;}
			
			.contenedorItems {float:left; width:505px; margin:5px auto 5px auto;}
			.contenedorItemsAncho {float:left; width:650px; margin:5px 10px 5px 10px; padding:10px; border:1px solid #999;}
			.itemNormal {float:left; margin:0 5px 0 0; padding:5px; font-size:0.7em;}
			div.itemNormal ul { font-size:1em;}
			#captcha { height:150px; width:350px; border:0;}
			#errorRecaptcha { text-align:center; font-weight:bold; color:#DF0000;}
			
			.pClearBoth { clear:both;}
			
			/*****************************************  efectos de imagen de la home con jQuery *******************************************/
			#imagenHome { clear:both;}
				.imagenCentral {position:relative; z-index:0; padding:0 5px; width:730px;}
				.textoImagenHome { margin-left:490px; padding:10px; width:225px; height:230px; background:url(../img/fondo-texto-imagen-central.gif) repeat; color:#fff; position:absolute; z-index:1;}
				html>body .textoImagenHome { background:url(../img/fondo-texto-imagen-central.png) repeat;}
				
		/******************************************** Botonera jQuery cycle de la home **************************************************/
			#nav { width:100%; height:50px;}
			#anteriorCiclo { margin:0 auto; padding: 12px 0 0 55px; float:left; height:38px; background:url(../img/botones-jquery-cycle.jpg) left -101px no-repeat; display:block; font-weight:bold;}
				#anteriorCiclo:hover { background:url(../img/botones-jquery-cycle.jpg) left -151px no-repeat;}	
			#siguienteCiclo { margin:0 auto; padding: 12px 55px 0 0; float:right; height:38px; background:url(../img/botones-jquery-cycle.jpg) right 0 no-repeat; display:block; font-weight:bold;}
				#siguienteCiclo:hover { background:url(../img/botones-jquery-cycle.jpg) right -51px no-repeat;}
			/******************************************  FIN jQuery  ***********************************************************************/
			
			
/*---------------------------------- EFECTO JQUERY SLIDER DE QUE HEMOS APRENDIDO AULA ENERGIA -------------------------------------------------------*/

	/* Estilos del Slideshow. */
	#slideshow { position:relative; margin:0 5px; padding:20px; height:600px; width:670px;}
		#slidesContainer { position:relative; height:557px; width:670px; overflow:auto; /* permite el scrollbar */ background-color:#e0e8ee;}
			.slide { height:490px; height:400px; /* reduce 20 pixeles #slidesContainer para evitar el scroll horizontal */ color:#333;}
	
	/* estilos de la botonera anterior-siguiente del Slideshow. */
	.control { position:absolute; top:580px; display:block; width:80px; height:80px; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;}
	#leftControl { left:20px;}
	#rightControl { right:20px;}
	
	.columnaAncha { float:left; width:375px;}
	.columnaEstrecha { float:left; width:275px;}
		.columnaEstrechaIzquierda { padding-left:20px;}
		.columnaEstrechaDerecha { padding-right:20px;}
		.recuadroColor { margin:5px auto; padding:10px 20px 10px 10px; width:225px;}
		.recuadroColorGrande { margin:30px 10px 10px 365px; width:245px;}
	
	.slide h2 { margin-top:10px; font-family: 'Carter One', serif;}
	.slide .recuadroColor h2 { margin-top:10px; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; text-align:right; font-size:0.8em; color:#fff; border-bottom:1px solid #fff;}
	.slide .recuadroColorGrande h2 { margin-left:0; padding-left:0;}
	.slide h2.interroga { height:75px;}
	
	.slide p { font-size:0.7em;}
	.slide .recuadroColor p { text-align:left;}
	.slide p.manuscrita { font-family: 'bradley Hand ITC', serif; font-size:0.9em; font-weight:bold;}
	.blanco { color:#fff;}
	.azul { color:#268aca;}
	.azulMarino { color:#218dcd;} .fondoAzulMarino { background-color:#218dcd;}
	.morado { color:#b53492;} .fondoMorado { background-color:#b53492;}
	.naranja { color:#F69223;} .fondoNaranja { background-color:#F69223;}
	.verde { color:#129447;} .fondoVerde { background-color:#129447;}
	.lila { color:#8782bd;} .fondoLila { background-color:#8782bd;}
	.rojo { color:#ef404e;} .fondoRojo { background-color:#ef404e;}
	.marron { color:#9a8c6d;} .fondoMarron { background-color:#9a8c6d;}
	
	.recuadroMorado { height:250px; background:url(../img/aula/mundoanimal2011/recuadro-color-morado.jpg) no-repeat; color:#fff;}
	.recuadroNaranja { height:250px; background:url(../img/aula/mundoanimal2011/recuadro-color-naranja.jpg) no-repeat; color:#fff;}
	.recuadroVerde { height:250px; background:url(../img/aula/mundoanimal2011/recuadro-color-verde.jpg) no-repeat; color:#fff;}
	.recuadroLila { height:250px; background:url(../img/aula/mundoanimal2011/recuadro-color-lila.jpg) no-repeat; color:#fff;}
	.recuadroAzulMarino { height:250px; background:url(../img/aula/mundoanimal2011/recuadro-color-azulmarino.jpg) no-repeat; color:#fff;}
	.recuadroRojo { height:250px; background:url(../img/aula/mundoanimal2011/recuadro-color-rojo.jpg) no-repeat; color:#fff;}
	.recuadroMarron { height:250px; background:url(../img/aula/mundoanimal2011/recuadro-color-marron.jpg) no-repeat; color:#fff;}
	
/****************************************************** FIN EFECTO JQUERY SLIDER DE QUE HEMOS APRENDIDO AULA ENERGIA *****************************/   

/*--------------- INFERIOR --------------------------*/
#inferior { clear:both; margin:0; padding-top:32px; width:980px; height:48px; font-family:Arial, Helvetica, sans-serif;}
	#pie { margin:0; padding:0 20px 3px 20px; width:940px; height:45px;}
		#logosW3C {  float:left; margin:0; padding:5px; width:325px; height:25px;}
			.itemPiePagina { float:left; padding: 0px 2px 0px 2px; height:25px;}		
		#textosPie { margin:0 5px 0 0; padding:0; float:left; width:580px; background-color:#004288; color:#fff;}
			#menuInferior { margin:0 5px 0 5px; padding-top:4px; clear:both; height:20px; border-bottom:solid 1px #fff; text-align:center; color:#fff; font-size:0.95em;}
			#direccion { margin:0 20px 0 20px; padding:0; clear:both; height:15px; text-align:center; font-size:0.625em; color:#fff;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/			
			
			
/*----------------------------------------------- ESTILOS CSS ------------------------------------------------------------------------------------------*/			
.fondoMenuInferior { background:url(../img/borde-inferior-menu-principal.gif) no-repeat;}
html>body .fondoMenuInferior { height:30px;}

/*----- Vínculos Menú principal -----------------------*/			
#menu li a { padding:7px 10px 0 25px; height:23px; font-size:0.8em; color:#fff; font-weight:bold; text-decoration:none; }
#menu li a:link, #menu li a:visited { display:block; color:#fff; background:#332000 url(../img/fondo-elementos-menu-reposo-hover-active.gif);}
#menu li a:hover { color:#332000; background:#ffec5e url(../img/fondo-elementos-menu-reposo-hover-active.gif) 0 -30px;}
#menu li a:active { color:#ffec5e; background:#332000 url(../img/fondo-elementos-menu-reposo-hover-active.gif) 0 -60px;}
#menu li a:focus { color:#ffec5e; background:#332000 url(../img/fondo-elementos-menu-reposo-hover-active.gif) 0 -60px;}

/*----- Vínculos Submenues del Menúprincipal -----------------------*/
#menu li ul a { padding:4px 10px 0 35px; height:18px; font-size:0.69em; color:#fff; font-weight:bold; text-decoration:none;}
#menu li ul a:link, #menu li ul a:visited { display:block; background:#ffec5e url(../img/fondo-elementos-submenu-reposo-hover.gif); color:#332000; }
#menu li ul a:hover, #menu li ul a:active { color:#332000; background:#fff url(../img/fondo-elementos-submenu-reposo-hover.gif) 0 -22px;}

/*----- Vínculos Menú inferior del pie de página y del texto de la Imgen del jQuery -----------------------*/
#menuInferior a { color:#fff; font-size:0.8em; font-weight:bold; text-decoration:none; }
div.textoImagenHome a { color:#fff; font-weight:bold; text-decoration:none; }

#menuInferior a:link, #menuInferior a:visited, div.textoImagenHome a:link, div.textoImagenHome a:visited { color:#fff;}
#menuInferior a:hover, div.textoImagenHome a:hover { color:#ffec5e;}


/*----- Otros estilos de Vínculos  -----------------------*/
table.organismosNacionales td:hover { background-color:#ffec5e;}

/******************************* SpryAccordion ******************************/

.Accordion { overflow:hidden;}
.AccordionPanel {	margin:0; padding:0;}
.AccordionPanelTab { margin:0; padding:2px 2px 0 20px; height:20px;	cursor:pointer;	background:#b6f5b3 url(../img/fondo-elementos-menu-noticias-reposo-hover-active.jpg); color:#332000; font-size:0.8em; font-weight:bold;}
.AccordionPanelContent { overflow:auto;	margin:0;	padding:0;; height:200px; font-size:0.9em;}
.AccordionPanelOpen .AccordionPanelTab {background:#c0f09b url(../img/fondo-elementos-menu-noticias-reposo-hover-active.jpg) 0 -22px;}
.AccordionPanelTabHover { color:#fff;}
.AccordionPanelOpen .AccordionPanelTabHover {	color:#fff;}
.AccordionFocused .AccordionPanelTab{	background:#b6f5b3 url(../img/fondo-elementos-menu-noticias-reposo-hover-active.jpg);}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {	background:#c0f09b url(../img/fondo-elementos-menu-noticias-reposo-hover-active.jpg) 0 -22px;}

/******************************* FIN CSS SpryAccordion ******************************/

/******************************* SpryTabbedPanels ******************************/

.TabbedPanels {	margin:0; padding:0; float:left; clear:none; width:100%;/*IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}
.TabbedPanelsTabGroup {	margin:0; padding:0;}
.TabbedPanelsTab { position: relative; top:1px;	float: left; padding: 4px 7px;	margin: 10px 1px 0 0; font: bold 0.9em sans-serif;	background-color: #004288; color:#fff;	list-style: none;	border: solid 1px #999;	border-left: solid 1px #ccc; cursor: pointer;}
.TabbedPanelsTabHover {	background-color: #ffec5e; color: #004288;}
.TabbedPanelsTabSelected {	background-color: #fff; color:#004288; border:1px solid #004288;	border-bottom: 1px solid #fff;}
.TabbedPanelsTab a {	color:#004288;	text-decoration: none;}
.TabbedPanelsContentGroup {	clear: both; overflow:hidden; height:100%; border: solid 1px #004288;}
.TabbedPanelsContent { padding:0;}
.TabbedPanelsContentPadding { padding:5px;}
.TabbedPanelsContentVisible {}
.VTabbedPanels .TabbedPanelsTabGroup { position:relative; float:left; width:10em;	height:20em; background-color:#fff; border:solid 1px #004288;}
.VTabbedPanels .TabbedPanelsTab {	float:none;	margin:0;	border-top:none; border-left:none; border-right:none;}
.VTabbedPanels .TabbedPanelsTabSelected {	background-color:#eee; border-bottom:solid 1px #999;}
.VTabbedPanels .TabbedPanelsContentGroup { clear:none; float:left; padding:0;	width:30em;	height:20em;}

/******************************* FIN CSS SpryTabbedPanels ******************************/