@charset "utf-8";
/* CSS Document */

/* Stylessheet para los ejercicios de little Boxes */
* { padding: 0; margin: 0; }/*Anula tos los padding y margin de los navegadores.*/
html { height: 101%; } /*Forza la visibilidad de la scrollbar en Firefox*/
/*__________________________________Sección DIV___________________*/
body {
	color:#000;
	background-image:url(patron.jpg)
}
#wrapper { /*Modifica cubierta en el HTML*/
	/*Con Margin Automatico en right y left se centra esta divición o área en el navegador.*/
	width: /*70%;*/756px; /*Anchura del área de contenido*/
	margin-top: 10px;
	margin-right: auto;/*Margen derecho automático*/
	margin-bottom: 10px;
	margin-left: auto;/*Margen izquierdo automático*/
}
#encabezado { /* Modifica la Div "encabezado" lo pone amarillo. */
}
/* Selector anidado: sólo en el gráfico en el encabezado */
#encabezado img {/* Solo cambia fondo al Logotipo a blanco.*/
}
#navegacion {
}
#areatexto {
	margin-top: 10px;
}
#pie {
	color:#96F;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	padding: 0;
	padding-top: 10px; /*Relleno superior, debajo de la línea*/
	border-top-width: 0;
	margin-top: 20px;/*Margen superior, encima de la línea.*/
}
#pie p strong {
	/*font-style: bold;*/
	color: #99F; /*Color de Fuente.*/
}
/*__________________________________Elementos HTML generales___________________*/
a {
	text-decoration: none;
	outline: none;
} /*Eliminar subrayado de los vinculos*/
a:link {
	color: #96F;
} /*Cambia color de los vinculos no visitados*/
a:visited {
	color: #909;
} /*Cambia el color de los vinculos visitados*/
a:hover, a:focus {
	text-decoration:underline;
	color: #96F;
}/*modifica el vinculo mouseover y focus lo hace con el teclado*/
a:active {
	/*color: white;*/
	background-color: #90F;
}