Tengo el problema de que la capa "pie" no se colorea. El caso es que antes si que se me coloreaba pero repentinamente desapareció el color gris que le habia puesto y aparece el color de fondo de la pantalla (el color del "body"). El caso es que el codigo esta bien (dejo en negrita el color del "pie"). A ver si alguien encuentra alguna solucion (el codigo html del div "pie" tambien esta correctamente).
* {margin:0px; padding:0px; border:0px; font-family:cambria;}
body {background-color: #0A81BE; text-align: center}
a {font-size: 10pt; text-decoration: none; color: white; display: block; border-bottom: 1px solid grey;}
a:link {color: blue; font-size: 10pt; text-decoration: none;}
a:visited {color: purple;}
a:hover {color: red; text-decoration: none; background-color: silver;}
a:actived {color: red; text-decoration: underline;}
h1 {font-family: cambria; text-align: center;}
h2 {font-family: cambria; font-size: 14pt;}
p {font-family: cambria; text-align: justify; margin:10px 5px 10px 5px;}
#global {width: 800px; margin: 4px auto;}
#cabecera {background-color: #FFFF00; width: 400px; border: 2px solid black; margin-top: 15px}
#subtitulo {font-size: 13pt; font-weight: 10px; text-align: center;}
#navegador {background-color: #838282; border: 2px solid black; margin: 10px 0px 10px 0px; height:30px; width: 500px;}
#menuhorizontal li {float: left; list-style: none; margin: 5px 10px 0px 10px; padding-left: 52px;}
#contenido {background-color: white; border: 2px solid black;}
#parrafos {padding: 5px 10px 5px 10px; text-indent: 15px;}
#pie {background-color: #838282; margin-bottom: 8px; border: 2px solid black;}
#titulolateral {font-size: 12pt; padding: 5px 0px 5px 0px; height: 20px;}
#menuli {font-size: 9pt; text-align: left; list-style: none; margin: 10px 0px 10px 10px;}
.menuizquierdo {width: 200px; height: 330px; background-color: #99FFFF; float: right; margin:5px 10px 5px 5px; padding-right: 5px; border: 1.5px solid black;}
.menuderecho {width:200px; height: 350px; background-color: #99FFFF; float: left; margin: 5px 5px 10px 10px; padding-right: 5px; border: 1.5px solid black;}
* {margin:0px; padding:0px; border:0px; font-family:cambria;}
body {background-color: #0A81BE; text-align: center}
a {font-size: 10pt; text-decoration: none; color: white; display: block; border-bottom: 1px solid grey;}
a:link {color: blue; font-size: 10pt; text-decoration: none;}
a:visited {color: purple;}
a:hover {color: red; text-decoration: none; background-color: silver;}
a:actived {color: red; text-decoration: underline;}
h1 {font-family: cambria; text-align: center;}
h2 {font-family: cambria; font-size: 14pt;}
p {font-family: cambria; text-align: justify; margin:10px 5px 10px 5px;}
#global {width: 800px; margin: 4px auto;}
#cabecera {background-color: #FFFF00; width: 400px; border: 2px solid black; margin-top: 15px}
#subtitulo {font-size: 13pt; font-weight: 10px; text-align: center;}
#navegador {background-color: #838282; border: 2px solid black; margin: 10px 0px 10px 0px; height:30px; width: 500px;}
#menuhorizontal li {float: left; list-style: none; margin: 5px 10px 0px 10px; padding-left: 52px;}
#contenido {background-color: white; border: 2px solid black;}
#parrafos {padding: 5px 10px 5px 10px; text-indent: 15px;}
#pie {background-color: #838282; margin-bottom: 8px; border: 2px solid black;}
#titulolateral {font-size: 12pt; padding: 5px 0px 5px 0px; height: 20px;}
#menuli {font-size: 9pt; text-align: left; list-style: none; margin: 10px 0px 10px 10px;}
.menuizquierdo {width: 200px; height: 330px; background-color: #99FFFF; float: right; margin:5px 10px 5px 5px; padding-right: 5px; border: 1.5px solid black;}
.menuderecho {width:200px; height: 350px; background-color: #99FFFF; float: left; margin: 5px 5px 10px 10px; padding-right: 5px; border: 1.5px solid black;}