/* 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: center; /*alineación hor del texto*/ 
	font-family: Tahoma, Arial, Geneva, sans-serif; /*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: white; /*color de fuente*/
	margin: 0px; /*margen externo*/
	padding-top: 5px; /*margen interno*/
	background-color:#FF7F50; /*color de fondo*/
	float: top; /*ubicación relativa del bloque*/
background: url(futbol2.jpg)  center top;
font-family: Impact, Charcoal, sans-serif;
font-size: 100;
}
#navegacion{ /*Define propiedades de la barra izquierda*/
	width: 15%; 
	height: 825px;
	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:#FF7F50; /*color de fondo*/
	}

#contenido{ /*Define propiedades de la sección principal*/
	width: 85%;
	height: 825px;
	text-align: center; 
	margin-bottom: 2px; 
	background-color:#00ff00;
	float: right;/*ubicación relativa del bloque*/
}

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