@charset "utf-8";
html{
	font-size: 1em;
}
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #EBE6D9;
	margin: 0;
	padding: 0;
	color: #000;
}
a img { /* este selector elimina el borde azul predeterminado que se muestra en algunos navegadores alrededor de una imagen cuando está rodeada por un vínculo */
	border: none;
}
.container {
	max-width: 1288px;
	background-color: #FFF;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	text-align: center;
	padding-top: 0px;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 20;	 /* la eliminación del margen superior resuelve un problema que origina que los márgenes escapen de la etiqueta div contenedora. El margen inferior restante lo mantendrá separado de los elementos de que le sigan. */
	padding-right: 10px;
	padding-left: 10px;
	width: 90%;
	margin-left: 4%;
	margin-right: 20px;
}
div.img {
	margin: 5px;
	padding: 5px;
	border: 1px solid #6A6A6A;
	height: auto;
	width: auto;
	float: left;
	text-align: center;
}	

div.img img {
	max-width: 99%;
    display: inline;
    margin: 0.5%;
    border: 1px solid #ffffff;
}

div.img a:hover img {
	border: 1px solid #6A6A6A;
}