/* ESTE ES EL CÓDIGO DE LA HOJA DE ESTILOS QUE DEFINE LOS FORMATOS DE LA PÁGINA*/

body{ /*Define Dpropiedades generales. Pero no se imponen a las particulares */
	text-align: left; /*alineación hor del texto*/ 
	font-family: Tahoma, Arial, Geneva, sans-serif; /*tipo de fuente*/
	color: red; /*color de fuente*/
}  <img>http://static.iris.net.co/semana/upload/images/2015/5/11/427179_163226_1.jpg<img>
/* LOS BLOQUES NOMBRADOS CON "ID" EN EL HTML SE NOMBRAN CON # Y DETALLAN ASÍ: */  
#cabecera{ /*Define propiedades de la cabecera*/
	width: 100%; /*ancho*/
	height: 100px; /*alto*/
	text-align: center; /*alineación hor del texto*/
	color: pink; /*color de fuente*/
	margin: 0px; /*margen externo*/
	padding-top: 2px; /*margen interno*/
	background-color:#0000ff; /*color de fondo*/
	float: top; /*ubicación relativa del bloque*/
}

#navegacion{ /*Define propiedades de la barra izquierda*/
	width:20%; 
	height: 4000px;
	float: right; /*ubicación relativa del bloque*/
	text-align: center;
	font-style: italic; /*hace que todo el texto quede en cursiva*/
	margin: 0px;/*margen externo*/
	background-color:#FFC0CB; /*color de fondo*/
	}

#contenido{ /*Define propiedades de la sección principal*/
	width: 80%;
	height: 4000px;
	text-align: center; 
	margin-bottom: 0px; 
	background-color:#6B2373;
	float: left;/*ubicación relativa del bloque*/
}

#pie{/*Define propiedades del pie de la página*/
    position: relative;
    margin-top: 0px;
    height: 100px; 
    background: #286af0;
    text-align: center;
    /*color: #fff;*/
	float: bottom;/*ubicación relativa del bloque*/
	clear: both;/*ubicación relativa del bloque*/
}