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

body{ /*Define propiedades generales. Pero no se imponen a las particulares */
	text-align: left; /*alineación hor del texto*/ 
	font-family: Alex Brush, Black Jack, Cursif, Grand Hotel; /*tipo de fuente*/
	color: black; /*color de fuente*/

}
/* 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: black; /*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*/
	background-image: url(bannernotas.png);
    background-repeat: no-repeat
}
#navegacion{ /*Define propiedades de la barra izquierda*/
	width: 15%; 
	height: 900px;
	float: left; /*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:#7777FF; /*color de fondo*/
	}

#contenido{ /*Define propiedades de la sección principal*/
	width: 85%;
	height: 900px;
	text-align: center; 
	margin-bottom: 0px; 
    background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
	float: right;/*ubicación relativa del bloque*/
}