/* 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: Tahoma, Arial, Geneva, sans-serif; /*tipo de fuente*/
	color: black; /*color de fuente*/
border-width: 5px;
border-color:black;
border-style: dashed;
   border-radius: 10px;
}
/* LOS BLOQUES NOMBRADOS CON "ID" EN EL HTML SE NOMBRAN CON # Y DETALLAN ASÍ: */  
#cabecera{ /*Define propiedades de la cabecera*/
	width: 100%; /*ancho*/
	height: 300px; /*alto*/
	text-align: center; /*alineación hor del texto*/
	color: ; /*color de fuente*/
	margin: 0px; /*margen externo*/
	padding-top: 4px; /*margen interno*/
	background-color: yellow; /*color de fondo*/
	float: top; /*ubicación relativa del bloque*/
font-size: x-large;
font-family: monospace;
 text-shadow: 2px 2px 4px black;
background-image: url(http://3.bp.blogspot.com/-31foClsEBgY/Vp6fhJ8WKmI/AAAAAAAAAAM/CfnDDMQTPa4/s1600/climatico.jpg);
}

#navegacion{ /*Define propiedades de la barra izquierda*/
	width: 15%; 
	height: 820px;
	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: #00FFcc; /*color de fondo*/
 text-shadow: 2px 2px 4px black;
	}
 
#contenido{ /*Define propiedades de la sección principal*/
	width: 85%;
	height: 820px;
	text-align: center; 
	margin-bottom: 0px; 
	background: #FF0055;
	float: right;/*ubicación relativa del bloque*/
 text-shadow: 2px 2px 4px black;
}

#pie{/*Define propiedades del pie de la página*/
width: 100%;    
position: relative;
    margin-top: 0px;
    height: 220px; 
    background: #0000ff;
    text-align: center;
    color: #ffffff;
	float: bottom;/*ubicación relativa del bloque*/
	clear: both;/*ubicación relativa del bloque*/
font-size: large;
box-shadow: 6px 6px 6px black inset;
 text-shadow: 2px 2px 4px black;
text-decoration: blink;
}