/* 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:grey; /*color de fuente*/
}

h1{
	margin: 0;
	padding: 8px 0;
}

img{
	margin: 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: 100px; /*alto*/
	text-align: center; /*alineación hor del texto*/
	color: black; /*color de fuente*/
	padding-top: 2px; /*margen interno*/
	background-color:#7d6c69; /*color de fondo*/
	/*float: top; /ubicación relativa del bloque*/
}

#contenedor{
	white-space: nowrap;
	background-color: #0e0807;
	width: 100%;
	min-height: 200px;
}

#navegacion{ /*Define propiedades de la barra izquierda*/
	width: 15%; 
	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:#0e0807; /*color de fondo*/
	padding: 20px;
	display: inline-block;
	white-space: normal;
}

#contenido{ /*Define propiedades de la sección principal*/
	width: 75%;
	text-align: left; 
	margin-bottom: 0px; 
	background-color:#0e0807;
	/*float: right;ubicación relativa del bloque*/
	display: inline-block;
	white-space: normal;
}

#pie{ /*Define propiedades de la cabecera*/
	width: 100%; /*ancho*/
	height: 100px; /*alto*/
	text-align: center; /*alineación hor del texto*/
	color: black; /*color de fuente*/
	padding-top: 10px; /*margen interno*/
	background-color:#7d6c69; /*color de fondo*/
}

.center{
	text-align: center;
}

#mapa{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

.clean{
	padding: 0;
	margin: 0;
}

.pad10{
	padding: 10px;
}