body {
background-image:  url(fondo.jpg);
background-color: #605a5a;
color: #ffffff;
}

/*
Enlaces generales del texto
*/

A:active {
 color: #ccccff;
 font-family: "verdana";
 text-decoration: none;
}
A:visited {
 color: #ffffff;
 font-family: "verdana";
 text-decoration: none;
 background: #a3a3ff;
}
A:hover {
 Color: #ffffff;
 font-family: "verdana";
 text-decoration: none;
 background: #a3a3ff;
}
A:link {
 color: #ccccff;
 font-family: "verdana";
 text-decoration: none;
}

/*
Texto
*/

h1 { 
font-size: 16pt; 
font-weight: bold; 
font-style: normal; 
font-family: "verdana"; 
text-decoration: none; 
text-align: center; 
color: #ccccff; 
background: #606060;
}
 
h2 { 
font-size: 14pt; 
font-weight: bold; 
font-style: normal; 
font-family: "verdana"; 
text-decoration: none; 
text-align: center; 
color: #ccccff;
background: #808080;
}

h3 { 
font-size: 12pt; 
font-weight: bold; 
font-style: normal; 
font-family: "verdana"; 
text-align: center; 
color: #ccccff;
}

h4 { 
font-size: 12pt; 
font-style: normal; 
font-weight: normal; 
text-align: left; 
font-family: verdana;
color: #ffffff;
}

h5 { 
font-size: 11pt; 
font-weight: normal; 
font-style: normal; 
font-family: "arial"; 
text-align: justify; 
color: #ffffff;
}

h6 { 
font-size: 9pt; 
font-weight: normal; 
font-style: normal; 
font-family: "arial"; 
text-align: center; 
color: #ffffff;
}

/*
Códigos de ejemplo y figuras
*/

pre.figura { 
font-size: 11pt; 
font-weight: normal; 
font-style: normal; 
font-family: "verdana";  
color: #ccffcc;
border-top: 2px solid #ccffcc; 
border-bottom: 2px solid #ccffcc;
}

pre.fuerafigura { 
font-size: 11pt; 
font-weight: normal; 
font-style: normal; 
font-family: "verdana";  
color: #ccffcc;
}

font.codigo {
color: #ccffcc; 
font-family: verdana;
}

/*
Para que no salga violeta debajo de las imágenes de enlace entre
páginas en el internet explorer, en el firefox no da resultado.
*/

.imagenesenlace a:hover { 
 Color: #ffffff;
 font-family: "verdana";
 text-decoration: none;
}

/*
Tabla imágenes de enlace entre páginas.
*/

table.navegar { 
  width: 20%; 
  border: 0px;
}

/*
Tabla de comentarios.
*/

table.comentario {
  width: 75%; 
  border: 1px solid #ccffcc; 
  padding: 1em 1em 1em 1em; 
  background: #808080; 
  font-size: 8pt; 
  font-weight: normal; 
  font-style: normal; 
  font-family: "verdana"; 
  text-align: justify; 
  color: #ffffff;
}

/*
Formato para las tablas. En la página también está el código para
conseguir este formato porque en el firefox este código css no
funciona (en internet explorer, sí). Si se cambia el formato aquí
sólo será visible el cambio en el internet explorer.
*/

table.tablageneral { 
  width: 80%; 
  border: 1px solid #ccffcc; 
  vertical-align: top; 
  background: #9a9a9a;
}

table.tablageneral td.1 { 
  width: 20%; 
  border: 1px solid #ccffcc;  
  vertical-align: top; 
  background: #bebed1;
}

table.tablageneral td.2 { 
  width: 80%; 
  border: 1px solid #ccffcc; 
  vertical-align: top; 
  background: #9a9a9a;
}

/*
Menú
*/

.menu { 
width: 100%; 
}

h2.menu { 
font-size: 12pt; 
font-weight: bold; 
font-style: normal; 
font-family: "verdana"; 
text-decoration: none; 
text-align: center; 
color: #ccccff;
background: #808080;
}

h4.menu { 
width: 100%; 
font-size: 10pt; 
font-style: normal; 
font-weight: normal; 
text-align: left; 
font-family: verdana;
color: #ffffff;
}

h4.menu a { 
width: 100%; 
background: #; 
display: block; 
padding: 0.2em 0;
}

h4.menu a:active { 
color: #ffffff; 
text-decoration: none;
}

h4.menu a:visited { 
color: #808080; 
text-decoration: none;
background: #b3b3ff;
}

h4.menu a:hover { 
Color: #333333; 
text-decoration: none; 
background: #ccccff;
border-top: 1px solid #0000ff; 
border-bottom: 1px solid #0000ff; 
}

h4.menu a:link { 
color: #808080; 
text-decoration: none;
}