/* ----------------------------------------------------------------------- */
/*                         MAQUETACION                                     */
/* ----------------------------------------------------------------------- */

#irContenido{
  display: none;   
}

/* Engloba a todo */
#pagina{
	width: 50.08em;
	background-color: #FFFFFF;
	margin:auto;
   text-align: left;
}


/* ------------------------------------------------------------- */
/*                  Para la cabecera de la pagina                */
/* ------------------------------------------------------------- */


#cabecera{
	margin-top: 0em;
}
	
	/* Imagen de la parte superior de la cabecera */
	/* ------------------------------------------ */
	#imagenGrandeCabecera {
		margin:0em;
		padding:0em;
		width: 50.08em;
		height: 4.7576em;
		position:relative;
		z-index: 0;
	}
	
		#textoCabecera {
			position: absolute;
			z-index: 1;
			margin-left: 0em;
			width: 50.08em;
			height: 4.7576em;
         /* para que el texto alt de la cabecera se muestre bien 
         y no se monte encima del texto alt del logo del parque */
         text-align: center;
		}
      
      /* para el texto alt*/
      #textoCabecera a{
         color: #000000;
         text-decoration: none;
      }
      
      #textoCabecera a:hover{
         text-decoration: underline; 
      }
      
			/* clase para el texto de la cabecera */
			img.cabeceraTodo {
				width: 50.08em;
				height: 4.7576em;
			}
		
		#logoCabecera {
			position:relative;
			z-index: 2;
			margin-left: 0em;
			width: 7.6998em;
			height: 4.7576em;
		}
      
      #logoCabecera a{
         color: #000000;
      }
      
      #logoCabecera a:hover{
         text-decoration: underline;
      }
      
			/* clase para la imagen del logo del parque de las ciencias */
			img.cabeceraIzquierda {
				width: 7.6998em;
				height: 4.7576em;
			}
			
	/* Para la parte central de la cabcera que contiene una imagen y el buscador */
	/* ------------------------------------------------------------------------- */
	#cajaCentralCabecera {
      margin: 0.5em 0em 0em 0em;
      padding-top:0.7em;
      padding-bottom:0.5em;
      height: 13.5em;
   }		
	
		/* Imagen de la izquierda */
		#imagenCentralCabecera {
			float: left;
			width: 31.1122em; /* = 497 px*/
			height: 13.5em; /* = 216 px */
		}
		
			img.centralCabecera {
				width: 31.1122em;
				height: 13.5em;
			}
			
		/* Buscador */
		#buscadorCentralCabecera {
			float:left;
			margin-left: 0.8em;
		}
		
			/* contiene el titulo */
			#tituloBuscador {
				width: 18.154em;
				background-color: #E8F0F2;
				margin:0em;
				padding-top:0.15em;
				padding-bottom:0.1em;
			}
			
			/* Para contener el fondo y los inputs */
			#buscador {
				width: 18.1em;
				height: 3.2em;
				position: relative;
				z-index: 1;
			}
			
				/* fondo del buscador, caja azul */
				#cajaBuscador {
					position: absolute;
					z-index: 2;
					width: 18.1em;
					height: 2.8796em;
					padding-top:0.2em;
					padding-bottom:0.2em;
					
				}
				
					img.cajaAzulBuscador {
						width: 18.154em;
						height: 2.8796em;
					}
				
				/* sobre el buscador, los input */
				#sobreCajaBuscador {
					clear:both;
					position:relative;
					z-index: 3;
					width: 18.1em;
					height: 2.5em;
					padding-top:0.7em;
				}
			
			/* sombre de la caja del buscador */
			#sombraCajaBuscador {
				width: 18.1em;
				padding-top:0.1em;
			}
			
				img.reflejoBuscador {
					width: 18.154em;
					height: 3.2552em;
				}

	/* Para el menu de la cabecera*/
	#menuCabecera {
		height: 1.6276em;
      margin-top: 0.5em;
	}
	
		#fondoMenuCabecera {
			height: 1.6276em;
			width: 50.08em;
			position: absolute;
			z-index: 1;
         background-color: #21426D; 
		}
		
			img.fondoOscuroMenu {
				height: 1.6276em;
				width: 50.08em;
			}
	
		#sobreMenuCabecera {
			height: 1.6276em;
			width: 50.08em;
			position: relative;
			z-index: 2;
			text-align: center;
		}
		
		
			#menu {
				padding:0em;
				height: 1.6276em;
			}
		
			.boton {
				height: 1.6276em;
				padding-left: 1.5em;
				padding-right: 1.5em;
				z-index: 3;
				float: left;
            background-image: url(/imagenes/menuOscuro.jpg);
            background-position: top;
            background-repeat: repeat-x;
            background-color: #21426D;
			}
			
			.separador {
				height: 1.6276em;
				width: 0.1878em;
				z-index: 3;
				float:left;
			}

/* ------------------------------------------------------------- */
/*                  Para la cabecera de la pagina                */
/* ------------------------------------------------------------- */

#contenido {
	min-height: 13em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}

	/* en la parte superior aparece una sombra */
	#reflejoContenido {
		height: 4.695em;
		width: 50.08em;
	}
	
		img.sombraContenido {
			height: 2.1284em;
			width: 50.08em;
		}

      
/* ------------------------------------------------------------- */
/*    Para el texto de la pagina - solo hay una columna          */
/* ------------------------------------------------------------- */

#interiorPagina{
   border: none;
   margin-top: -3.5em;
   background: transparent;
}

#tituloPagina h1{
   border: none;
   margin: 0em;
   padding: 0em 0em 1em 1em;
   font-size: 0.9em;
   font-weight: bold;
   color: #303030;
}

#tituloPagina img{
   padding-right: 0.3em;
   vertical-align: middle; 
}

#textoPagina{
   border: 0.0625em solid #e1e2e4;
   background-color: #f4f8f9;
   padding: 1em;
   height: 100%;
   overflow: auto;
}

      
/* ------------------------------------------------------------- */
/*                     Para el pie de la pagina                  */
/* ------------------------------------------------------------- */

#pie {
	height: 4.695em;
	width: 50.08em;
}

	/* para la imagen del fondo del pie */
	#fondoPie {
		position: absolute;
		z-index: 1;
		height: 4.695em;
		width: 50.08em;
	}
	
		img.sombraPie {
			height: 2.1284em;
			width: 50.08em;
		}
	
	/* Para escribir en el pie */
	#sobrePie {
		position:relative;
		z-index:2;
		height: 4.695em;
		width: 50.08em;
		text-align: center;
	}
	
   
   #sobrePie .logoJunta{
      float: left;
      margin-left: 2em;
      margin-top: 1em;
      width: 5.25em;   /*84px;*/
      height: 4.32em;  /*69px;*/
   }