*{
	margin: 0;
	padding: 0;
}

body{
background: #fff;
font-size: 20px;

}

header{
	width:100%; /* Establecemos que el header abarque el 100% del documento */
	overflow:hidden; /* Eliminamos errores de float */
	background:#524525;
	margin-bottom:20px;
	text-align: center;
}
header h1{
	border-radius: 10px;
	margin-left: 5%;
	color: #fff;
	text-align: center;

}
.imagen{
	float: left;
	width: 100%;
}

.img{
	
	width: 250px;
	height: 60px;
	
}

.wrapper {
	width:90%; /* Establecemos que el ancho sera del 90% */
	max-width:1000px; /* Aqui le decimos que el ancho máximo sera de 1000px */
	margin:auto; /* Centramos los elementos */
	overflow:hidden; /* Eliminamos errores de float */
	}
.art {
	background: #fff;
	margin-top: 8px;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 10px 10px 5px #888888;
	margin-left: 5%;
	width: 90%;


	
}
.art:hover{
	background: #C5CDD5;
}

.art p{
	text-align: justify;
	padding-top: 10px;
	font-size:15px; 
	font-family: sans-serif;
	text
}

ul li{
	font-size: 15PX;
	font-family: sans-serif;
	margin: 10px;
	padding-left: 5px;
}
.art h2{
	text-align: center;
	font-size: 20px;
	color:#173F69;
	border-radius: 10px;
	background-color: #dba901;
	text-shadow: 10px 10px 5px #888888;

}