/* ---------------------------- */
/*   Maquetacion de la pagina   */
/* ---------------------------- */

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

#paginaPopUp {
	background-color: #FFFFFF;
	padding-left:0.5em;
}

.noscript{
	padding-right:10em;
	padding-left:1em;
	padding-top:0.5em;
	padding-bottom: 0.5em;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight: bold;
   color: #000000;
	background-color: transparent;
	z-index: 5;
	position: relative;
}


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

#cabecera{
	position: relative;
	z-index: 0;
	margin-top: 0em;
}

	/* Para la imagen de la cabecera */
	#fondoImagenCabecera {
		width: 62.7em;
		height: 8.0128em;
		position: absolute;
		z-index: 1;
	}
	
		img.fondoImagenCab {
			width: 62.7em;
			height: 8.0128em;
		}
	
	/* Sobre la imagen de cabecera ponemos los logos */
	#imagenCabecera{
		width: 62.7em;
		height: 8.0128em;
		background-color: transparent;
		clear: both;	
		position:relative;
		z-index: 2;
	}
	
		img.logoJunta {
			width: 10.3125em;
			height: 5.5625em;
			margin: 0;
			margin-top: 1.5em;
			margin-left: 1.2em;
		}
		
		img.logoRecta {
			width: 20.629em;
			height: 5.6966em;  
			margin-top: 1.7em;
			margin-left: 5.2em;

			float:left;
		}
		
		img.logoCienciaDirecta {
			width: 30.1875em;
			height: 3.625em;  
			margin-top: 2.5em;
			margin-left: 13.5em;
			float:left;
		}

		
		img.logoParque {
			width: 6.6982em;
			height: 4.5698em;
			margin-top: 2.7em;
			margin-left: 11em;
			float:left;
		}
	
	/* Fondo del menu de cabecera */
	#fondoMenuCabecera {
		width: 62.7em;
		height: 1.7528em;
		position: absolute;
		z-index: 1;
		
		background-color:#098cb8;
	}
	
		img.fondoMenuCab {
			width: 62.7em;
			height: 1.875em;
		}
	
	/* menu de cabecera: idiomas y otros */
	#menuCabecera {
		width: 62em;
		height: 1.7528em;
		background-color: transparent;
		clear: both;
		position: relative;
		z-index: 2;
		padding-top: 0.05em;
		text-align: right;
		color: #CCCCCC;		
	}
		
		/* idiomas */
		#idiomasMenu {
			height: 1.7528em;
			width: 20em;
			float:left;
			padding-top: 0.3em;
		}

		/*En la parte privada en lugar de los idiomas aparece esto*/
		#letreroPrivada {
			height: 1.7528em;
			width: 32em;
			float:left;
			padding-top: 0.3em;
			padding-left: 1em;
		}
		
		/* otros */
		#contenidoMenu {
			height: 1.7528em;  
			width: 17em;
			float: right;
		}
			
			/* buscador */
			#buscador {
				height: 1.7528em;
				position: relative;
				float: left;
				z-index:2;
			}
			
			/* RSS */
			#RSS {
				height: 1.7528em;
				position:relative;
				float: left;
				z-index:2;
				margin-right: 0.5em;
				margin-left: 1.3em; 
			}
			
			/*en la parte privada en lugar del RSS aparecera para salir*/
			#salirPrivada {
				height: 1.7528em;
				position:relative;
				float: left;
				z-index:2;
				margin-right: 0.5em;
				margin-left: 2.3em; 
			}
		
/* ------------------------------------------------------------- */
/*                     Para la parte central                     */
/* ------------------------------------------------------------- */

#contenido {
	width: 62.7em;
	background-color: #FFFFFF;
	z-index: 1;
	padding-top: 0.3em;
	min-height: 30em;
}
	
	/* Columna de la izquierda con el menu y la suscripcion al boletin */
	#columnaIzquierda {
		width: 12.52em;
		z-index: 2;
		border-right: 0.05em solid #E2E2E2;
		float:left;
		margin: 0;
	}
	
		
		/* menu de categorias */
		#todoMenuLateral {
			width: 12.52em;
			margin-bottom: 2em;
		}
		
			#fondoMenuLateral {
				width: 12.52em;
				position:absolute;
				z-index: 3;
			}
				
				img.sombraMenuLateral {
					width: 12.52em;
					height: 1.6902em;
				}
		
			#menuLateral {
				width: 12.52em;
				position:relative;
				z-index: 4;
			}

		img.placaRecta {
			width: 11.1875em;
			height: 6em;
			margin: 0;
			padding: 0;
			margin-left: 0.6em;
		}
	
		/* Suscripcion al boletin */
		#suscribeBoletin {
			width: 11.52em;
			margin: 0;
			padding: 0;
			padding-top: 1em;
			margin-top: 0.5em;
			padding-left: 1em;
			height: 8em;
			font-size:100%;
		}
		
		
		/* Encuesta*/
		#encuestaPublico {
			width: 11.52em;
			padding-top: 1em;
			margin-top: 0.5em;
			padding-left: 1em;
			height: auto;
			margin-bottom: 2em;
		}
		
		div.formEncuesta{
			width: 11.2em;
			height: auto;
			margin: 0;
			font-size:100%;
		}
		
		div.tituloEncuesta {
			margin-bottom: 1em;
			font-size: 0.8em;
			font-weight: bold;
		}
		
		div.radioEncuesta{
			width: auto;
			height: auto;
			float:left;
		}
		
		div.TextoencuestaRespuesta{
			width: auto;
			margin-bottom: 1.5em;
			padding-bottom: 0.5em;
			height: auto;  
		}
		
		div.textoRespuesta{
			width: 8.5em;
			float: left;
			padding-left: 0.5em;
			padding-top: 0.1em;
		}
		
		label.letraRespuesta{
			font-size: 0.6em;
			width: 10em;
		}
		
		
		/* Datos de la Encuesta*/
		div.tituloDatosEncuesta{
			font-weight: bold;
			margin-bottom: 2em;
		}
		
		img.graficaEncuesta{
			width:30em;
		}

		
		
	/* contiene una o dos columnas dependiendo de la visualizacion */	
	#columnaPrincipal {
		padding:0em;
		margin: 0em;
		margin-left: 12.55em;
	}
	
		/* unica en principal */
		#principalUnica {
			padding-left: 0.6em;
			padding-right: 0.6em;
			padding-top: 0.3em;
		}
		
		/* parte de la izquierda principal */
		#principalIzquierda {
			width: 31em;
			padding-left: 0.6em;
			padding-right: 0.6em;
			padding-top: 0.3em;
			border-right: 0.05em solid #E2E2E2;
			float: left;
		}
			
			#centroDelMes {
				padding:0em; 
				margin:0em;
				margin-bottom: 0.5em;
			}
			
				.centroMesGris {
					margin:0.5em 0em 0.5em 0em;
					padding: 0.5em;
					background-color: #F7F7F7;
				}
			
			#noticias {
				padding:0em; 
				margin:0em;
			}
				
				.unaNoticia {
					margin-top: 1em;
					margin-bottom: 0em;
               /* el borde lo hemos puesto pq era la unica forma de 
               que salga bien en IE!!!*/
               border: 0.01em solid #ffffff; 
				}
		
		/* parte de la derecha principal */
		#principalDerecha {
			padding-top: 0.3em;
			padding-right: 0.5em;
			padding-left: 0.5em;
			margin-left: 32.5em;
		}
			
			#agenda {
				padding:0em; 
				margin:0em;
			}
			
/* Lo ultimo del contenido */
.noFloto {
	clear:both;
	height: 0.2em; 
}

.noFlotoDerecha {
	clear: right;
}

.noFlotoIzquierda {
	clear: left;
}
		
/* ------------------------------------------------------------- */
/*                  Para el pie de la pagina                     */
/* ------------------------------------------------------------- */

#pie{
	width: 62.7em;
	background-color: #FFFFFF;
	z-index: 1;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	clear:both;
	height: 2em;
	padding-top: 1em;
}

	/* Para meter el menu */
	.menuPie {
		border-top: 0.08em dashed #000000;
		padding-top: 0.5em;
		margin-top: 0em;
	}
	
	.menuPieIconos {
		padding-top: 0.6em;
		margin-top: 0em;
	}


/* ------------------------------------------- */
/*        Página entrada parte privada         */
/* ------------------------------------------- */

/*Para poner la imagen de identificacion de la parte privada al entrar*/
#entradaPrivada{
	margin: 0em;
	padding: 0em;
	padding-bottom: 5em;
	background-image: url(../imagenes/candado.jpg);
	background-repeat: no-repeat;
	background-position: top center; 
}

/*Para situar el formulario de entrada en la pantalla*/
#formularioEntradaPrivada {
	padding-top: 10em;
	padding-left: 24em;
	width: 12.52em;
}