#principal
   {
	position: absolute;
	background-color: #FFFFFF;
	top: 0px;
	left: 15px;
    /*este ID unico sirve para posicionar toda la pantalla arriba y a la izquierda. 
    Tras el body cada pagina se inicia con un DIV y este primer div es el que tiene este ID unico cerocero*/  
    }

/*TABLAS*/

.tabla1
  {
   background-color: #FFFFFF;
   border:0; 
   width: 760;
   /*esta CLASE esta creada para incluir el encabezado, separada del resto de contenido para que la carga de este sea muy rapida y sirve para dar color de fondo a la tabla 1 de diseño tal que el background del body solo se vera en la pantalla que sobre a la izquierda en aquellos monitores con resolucion superior a 800x600*/
  }
.tabla2
{
background-color: #FFFFFF;
border:0; 
width: 760;
}
.tabla3
  {
	background-color: #FFFFFF;
	margin-left: 7;
	margin-right: 7;
	width: 580;
	border: 1px solid #000065;

   /*esta CLASE sirve para formatear la tabla donde van todos los contenidos de esa pantalla*/
  }

.tabla4
  {
	border: solid #000065 1px;
	width: auto;	

   /*esta CLASE sirve para formatear tablas enmarcadas dentro area de contenidos y con color de border azul-web*/
  }

.tabla5
  {
   border: solid black 1px;
   margin: 1;
   padding:1;
   width: auto;
   /*esta CLASE sirve para enmarcar imagenes*/
  }

.tdmigas
  {
   height: 20px;
   /*esta CLASE sirve para altura al menu de migas*/
  }

.tdmenu 
{
	background-color: #000063;
	
/*Esta clase enmarca el menú de la derecha*/
}
.tdmenu2 
{
	background-color: #DDDDFF;
	
/*Esta clase enmarca el menú de la derecha*/
}
.tdmargenes 
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;

}

/*ENLACES*/

a:link, a:visited, a:hover
   {
	text-decoration: none;
	color: #FFFFFF;
   }     
a.dos:link 
   { 
   text-decoration: underline; 
   color: #000065; 
   }  
a.dos:visited
   { 
   text-decoration: underline; 
   color: #000065; 
   } 
a.dos:hover 
   { 
   text-decoration: none; 
   color: #990033; 
   }

a.imagen:link 
   { 
   text-decoration: none; 
   color: black; 
   border-bottom : 0px;
   
   }  
a.imagen:visited
   { 
   text-decoration: black; 
   color: black; 
   border-bottom : 0px;
   } 
a.imagen:hover 
   { 
   text-decoration: black; 
   color: black; 
   border-bottom : 0px;
   }

a.ver:link, a.ver:visited 
   { 
   border-bottom : 1px dotted white;
   color: white;  
   }  
a.ver:hover 
   { 
   border-bottom : 1px dotted yellow;
   color: yellow; 
   }

/*TEXTO*/        

h1, h2, h3, h4, h5, h6, p, td
    {
	font-family: Arial, Verdana, Tahoma, "Sans Serif";
	color: black;
	font-size : 12;	
    }
/* a continuacion aparecen subclases para dar estilo al texto siendo texto, texto2 y titular 
las que deben utilizarse de forma sistemática. Esta web es una web en Arial, como idea clave*/

.texto 
   {font-family : Arial, Tahoma, "Sans Serif";
    font-size : 12;
    Font-weight: normal;
	text-decoration : none;
	/*la clase texto da estilo al texto corrido general, siendo el tamaño por defecto de toda la web, 
	da tambien estilo al menú de migas, auqnue este al ir en un parrafo (p) no necesita definir dicho estilo*/
	}
	
.texto2 
    {font-family : Arial, Tahoma, "Sans Serif";
    color: black;
    font-size : 10;
    Font-weight: normal;
	text-decoration : none;
	/*la clase texto2 da estilo a comentarios pequeños, pie de página, texto de subapartados... 
	Es el mismo arial pero 2 px mas pequeño que la clase texto*/
	}
/*Necesito un estilo de texto más pequeño*/
.texto3 
    {font-family : Arial, Tahoma, "Sans Serif";
    color: black;
    font-size : 9;
	text-decoration : none;
	/*la clase texto3 da estilo a comentarios mas pequeños, pie de página, texto de subapartados... 
	Es el mismo arial pero 3 px mas pequeño que la clase texto*/
	}
.texto4
   {
	font-family : Arial, Tahoma, "Sans Serif";
	font-size : 12;
	Font-weight: normal;
	text-decoration : none;
	color: #840000;
	/*La clase texto 4 en color rojo oscuro, nos sirve para marcar determinadas palabras en el texto*/
	}
.texto5
   {
	font-family : Arial, Tahoma, "Sans Serif";
	font-size : 11;
	Font-weight: normal;
	text-decoration : none;
	/*La clase texto 5 la utilizaremos cuando deseamos texto algo menor del estandar*/
	}	
	
.textohigh 
   {font-family : Arial, Tahoma, "Sans Serif";
    color: black;
    font-size : 12;
    Font-weight: bold;
	text-decoration : none;
	/*la clase textohigh da estilo a los enlaces de texto que aparecen en la zona central 
	del index de la web, pero no a los enlaces del menu java, cuyos estilos controla arbol.css
	No obstante aunque textohigh es relevante para los index, se puede soslayar y usar texto y texto2 
	para dar estilo a enlaces de paginas interiores*/
	}

.textolow
   {font-family : Arial, Tahoma, "Sans Serif";
    color: #6F6F6F;
    font-size : 12;
    Font-weight: bolder;
	text-decoration : none;
	/*la clase textolow da estilo a los enlaces de texto cuando estos estan desactivados*/
	}
.textoblanco {
	color: #FFFFFF;
	/*Para textos en blanco dado que la web contiene abundante fondo azul oscuro*/
}

.titular
    {font-family : Arial, Tahoma, Verdana, "Sans Serif";
    color: #000065;
    font-size : 18;
	text-decoration : none;
	Font-weight: bold;
	margin-right: 7;
	/*la clase titular con un color marrón da estilo a los titulos de cada página. Es el estilo de titular por defecto*/
	}
	
.titular2
    {font-family : Arial, Tahoma, Verdana, "Sans Serif";
    color: #878793;
    font-size : 18;
	text-decoration : none;
	Font-weight: bold;
	/*la clase titular2  es igual que la titular pero el color del texto está en consonancia con el color de la imagen de portada*/
    }
    
.titular3 
    {font-family : Arila, Tahoma, Verdana, "Sans Serif";
    color: black;
    font-size: 18;
	text-decoration : none;
	Font-weight: bold;
	/*igual que las clases titular titular2 con el color de texto negro*/
	}

.menu {
	color: #000063;
	margin-left: 10px;
	/*Para el menú de "migas" de bajo el logotipo*/
}

/*FORMULARIO*/

input, select, textarea {
	font-size: 10px;
}

/*OTROS SELECTORES*/
li {
	line-height: 18px;
}