/* Elementos xhtml */

body {
	padding: 0.75em 0.75em 0.75em 0.75em;
	margin: 0 5% 0 5%;
	clear:both;
 	
	font-size: 1em;
	text-align: justify;
	font-family: Helvetica, Verdana, serif;
	
	background-color: #c9c995; 	/* Si hay algún problema con la carga de la imagen se pone este color */
	color: black;	
	/* verde claro:#f0ffc9   verde oscuro: #8c976d;   gris: #f4f5f0 Azul naval #849AA9*/
}
/*
  Definición genérica de h1, que normalmente estarán en el cuerpo principal.
*/
h1 {
	font-size: 1.75em;
	font-weight:bold;
	font-style:normal;
	letter-spacing:0.1em; /* Espacio entre letras */
	color:#663333;
}
/*
  Definición genérica de h2. Hay excepciones para títulos h2 que se encuentran en otras zonas
*/
h2 {
	font-size: 1.25em;
	font-style:normal;
	color:#663333;
} 

h3 {
	font-size: 1em;
	font-weight:bold;
	color:black;
} 
/*
  Para quitar el borde de las imágenes que son enlaces.
*/
a>img{
border-width:0em;
}

/*
 En general los párrafos van indentados.
 Pero más adelante se verá que algunos párrafos de ciertas zonas 
 pueden ser diferentes.
*/
p {
	text-indent:0.5em;
}
/*
 Para introducir comillas españolas antes y después de cada cita. Se utilizan los
 pseudoelementos before y after.
*/
cite:before {
content:"«";
}

cite:after{
content: "»";
}
/* BLOQUES */

div#zonalogo {
/*	width: 50% ;
	float: left;	*/
} 
/*
Los h1 dentro del logo son diferentes, para resaltar más (visualmente) el logo. 
A efectos semánticos los h1 tanto del logo como de la zona principal tienen la misma
importancia.
*/
div#zonalogo h1 {
	font-size: 2em;
	font-style:italic;
	letter-spacing:0.1em; /* Espacio entre letras */
	color:#663333;
} 
/*
/* 
  El párrafo de zonalog no tendrá indentación, las palabras se separarán un poco más entre si.
*/
div#zonalogo p {
	text-align: left;
	text-indent:0em;
	word-spacing:0.25em;
	margin-top:0%;
}

div#zonadescripcion {
/*	width: 50% ;	
	float: right;*/
} 
/* 
  El párrafo de zonadescripción tendrá indentación negativa.
  line-height: una separación entre lineas un poco mayor.
*/
div#zonadescripcion p {
	text-indent: -1em;
	line-height: 1.5em;
}

div#zonacuerpo {
/*	clear: both;*/
} 

/* Zona de enlaces */
div#zonaenlaces { 
/*	width: 20%;
	float: left;
	
	padding: 0em 0.5em 0em 0.5em; 
	text-align: left;
	
	background-image: url(./ficheros/pictures/logos/pergamino.jpg); */
	background-color: #f3f3b7; /* #849AA9;Si hay algún problema con la carga de la imagen se pone este color */
	
/*	border-width:0.5em;
	border-color:#c9c995; 		/* Verde parecido al fondo * /
	border-style:double; 		/* Crea un verde claro de contraste */
	}

/*
  El título de la zona de enlaces no debe ocupar tanto espacio, ni en tamaño ni en separación entre letras, pero semánticamente
  sigue siendo un h2. Usando el selector de descendencia se especifica unicamente los
  h2 que hay en la zona de enlaces.
*/
div#zonaenlaces h2 {
	font-size: 1.25em;
	letter-spacing:normal; /* Espacio entre letras */
}
/*
  La lista de enlaces desciende de zonaenlaces. Esta lista debe de ser con Times New Roman y hay que retocarla un poco para que no se indente tanto los elementos.
  Las siguientes propiedades son para cualquier ul descendiente de zonaenlaces
*/
div#zonaenlaces ul {
	font-family: Times, "Times New Roman", serif;	
	padding-left: 0;
	margin-left: 0;
}
/*
  Hay dos listas ul dentro de zona enlaces. Esta regla se refiere solo a la segunda lista,
  que es el descendiente mas directo de una li.
*/
div#zonaenlaces li>ul {
	margin-top:0.75em;
	margin-bottom:0.75em;
	padding:0.5em;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
/*
   Para los li de cualquiera de las listas. Les quitamos el punto.
*/
div#zonaenlaces li {
	list-style-type:none;	
}
	
/* Texto principal*/	
div#zonaprincipal {
/*	padding: 0em 0.5em 0em 0.5em;
	float: right;
	width: 70%;*/
}
/*
   Los párrafos de la zona principal tendran márgenes superior e inferior inferiores a los de por defecto,
   para evitar una separación excesiva entre sí, a excepción del primer párrafo, que así destacará mas.
*/
div#zonaprincipal p {
	margin-top:0.25em;
	margin-bottom:0.25em;
}
/*
  En la página web el primer párrafo de cualquier h1 es un resumen del contenido siguiente.
  Para evitar ir creando clases se puede poner h1+p.
  Este párrafo destacará con un margen mayor que el anterior.
*/
div#zonaprincipal h1+p {
	color:maroon;
	margin-top:1em;
	margin-bottom:1em;
}
/*
  Las imágenes dentro de un párrafo de la zona principal no se muestran.
*/
div#zonaprincipal p img {
 display:none;
}

/* CLASES ACCESIBLES */
/*
  Para los lectores de voz, o para facilitar saltos de zona que se repiten, cada vez que haya una lista se le añade un texto de fin de lista.
  En el caso de usar un navegador que soporte el CSS no se visualizaran al estar el display a none. 
  En caso contrario sí se pondrán.
*/
*.nocss {
	display:none;
}