/* Página de M. Mercedes Martínez González. Hoja de estilo (index.css) */


/* ULTIMA MODIFICACIÓN: 25 de mayo de 2007 */

/***** Valores para el conjunto de la pgna. (body) *****/
body {
  /* background-color: #FFFFFF; Originalmente, blanco */
  background-color: #FFFFCC;  /* color de fondo: sepia (se aplica a todo lo que no tiene su propio color */
  font-family: arial, serif;  /* por orden de preferencia: arial, serif */
  /* base-size: medium; */          /* tamaño de la base ... */
  font-size: 90%;             /* para la fuente, que sera el 90% */
  padding: 0;                 /* No hay espacio alrededor del texto */
  margin: 0; /* El cuerpo de la página ocupa toda la ventana del navegador */
}




/***** Header ******/
#header {
display: block; /* Visualizar como bloque, con salto de línea respecto a lo siguiente */
font-family: Helvetica, Arial, sans-serif; /* por preferencia: Helvetica, ...*/
font-weight: bold;  /* texto en negrita */
text-align: center; /* texto centrado */ 
color: rgb(39,78,144);  /* color del texto: azul oscuro */
background-color: rgb(140,170,230); /* color de fondo: azul medio */
font-size:200%;     /* tamaño de fuente: doble del tamaño por defecto */
 margin: 0 0 0 0;   /* sin margenes */
padding: 0.75ex 0;  /* espacio vertical entre el texto y el borde del área: 0.75 ex (tamaño de una 'x' minúscula); laterales a nulo */
}

#header a{
  font-size: 50%;
  display: block;
  color: white; 
  margin: -2.5ex 2ex 0 0; 
 float: right;
}



/****** Indice *****/
#index {
float: left; /* Permite alinearlo (a la izquierda), a la misma altura que 
                  su hermano derecho (content en este caso) */
padding: 1em 0 .5em 1em;  /* top right bottom left */
/* font-face: Arial;  */         /* Fuente: arial */
width: 15em;                /* Como Sinorca: coincidente con el margen izdo. del contenido*/
}

/***** Apartados del índice *****/
.itemindex{
   display: block;
   margin-bottom: 2em;  
   font-weight: bold; 
   font-size:110%;
}

/*****  Items de cada apartado del índice *****/
.itemindex ul{
list-style: none;
margin: 0 0 0 0; 
padding: 0;
}

.itemindex li{
   font-size: 92%;  /* Tamaño respecto a la fuente de la pg:92% */
   margin-top: .2em;
   margin-bottom: .5em;
   font-weight: normal;  /* Anular la herencia en este atributo */
   font-variant: normal; /* Anular la herencia en este atributo */
}


/***** Enlaces del índice *****/
.itemindex a{
   text-decoration: none; /* sin subrayado, ni parpadeo, ... */
}

/***** Items sobre los que se encuentra el cursor, pero sin activar *****/ 
.itemindex a:hover {
  color: white;
  background-color: rgb(100,135,220);
  text-decoration: none;
}



/***** Contenido de cada página *****/
#content{
  color: black;
  background-color: white; /* Sobreescribo aquí el color de la página, para 
                           que el de la página sea en realidad el del índice */
  padding: 1.7em 1.3em 1.5em 1em;  /* top right bottom left */
  border-left: 1px solid rgb(153,153,153); 
  line-height: 1.3em; 
  margin: 0 0 0 15em; /* Como Sinorca */
}

/***** Indice del contenido *****/
.content-index{
  font-size: 110%;
  display: block;
  color: white;
  padding: 1ex 1ex 1ex 1.5mm; /* top  right bottom left */
  text-align: center;
  margin: 3em 5em 0 5em;
}


/***** Párrafos en el contenido ******/
#content p{
text-align: justify; 
}


/***** Titulos dentro del contenido  centrados*****/
.titlecontent{
text-align: center;
font-size:110%;
}

/***** Datos personales de la página inicial *****/
.datos-personales{
  display: block;
  margin: 2em;
  padding: 1ex 1ex 1ex 10ex;  
  text-align: left;
}


/***** Imagenes en el contenido; como en adreas01.css *****/
#content img {
padding: 1px;
display:inline;
background: #cccccc;
border: 4px solid #f0f0f0;
}

/***** Para alinear a la izquierda de un párrafo; fuente: adreas01.css *****/
.left {
margin: 0px 20px 5px 0;
float: left;
}

/***** Para alinear a la derecha de un párrafo; fuente: andreas01.css *****/
.right {
margin: 0px 0 5px 10px; 
float: right;
}

/***** Fuente más pequeña que el resto del párrafo *****/
.smallsize {
font-size: 96%;
}

/***** Tablas *****/
table {
/*font-size: smaller; */
font-size:   1em;
padding: 2em;
}


/***** Listas *****/
ul{
display: block;
margin-left: 1em;
text-align: justify;
}


/***** Footer; (primera idea: andreas01.css) *****/
#footer {
clear: both;
margin: 0 auto; 
padding: 10px 0 20px 0;
border-top: 1px solid rgb(153,153,153);
width: 100%;
text-align: center;
color: #808080;
font-size: 0.8em;
}