body {
		font-family: Arial, Times New Roman;
		font-size: 14px;
		line-height: 1.6;
		background-color: #d6eef2;
	}

	main {
		color: #252525;
		width: 90%;
		max-width: 800px;
		background-color: #ffffff;
		margin: 0 auto;
	}

	div {
		margin: 0 auto;
		padding: 20px;
		border: 0;
	}

	article {
		margin: 0 auto;
		padding: 20px;
		border: 0;
	}

	section {
		margin-right: 0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 0 auto;
		padding: 20px;
		border: 0;
	}
	.recuadro {
		border: 1px dashed;
		border-color: #03363d;
		padding: 10px;
	}
	
	header {
		width: 90%;
		max-width: 800px;
		text-align: center;
		color: #ffb400;
		background-color:#03363d;
		margin: 0 auto;
		padding: 10px;
		border: 0;
	}
	
	header h1 a:link {
		color: #d6eef2;
		font-style: normal;
		text-decoration: none;
	}
	
	header h1 a:visited {
		color: #d6eef2;
		font-style: normal;
		text-decoration: none;
	}
	
	header h1 a:hover {
		color: #d6eef2;
		font-style: normal;
		text-decoration: none;
	}
	
	header h1 a em {
		color: #ffb400;
		font-style: normal;
		text-decoration: none;
	}
	
	nav ul {
		font-size: 14px;
		color: #03363d;
		background-color: #ffb400;
		padding: 0px;
		text-align: center;
		list-style-type: none; /* Quitamos las viñetas de la lista */
	}
	
	nav li {
		display: inline; /* Ítems del menú en una línea horizontal */ 
	}

	footer {
		width: 90%;
		max-width: 800px;
		text-align: center;
		color: #252525;
		background-color: #03363d;
		margin: 0 auto;
		padding: 20px;
		border: 0;
	}

	h1 {
		font-family: Century Gothic, Arial;
		color: #ffb400;
		text-align: center;	
	}
	
	
	h2, h3 {
		font-family: Century Gothic, Arial;
		color: #03363d;
		text-align: center;
	}

	h1 {
		font-size: 72px;
	}

	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 24px;
	}
	
	h4 {
		font-size: 20px;
	}
	
	p{
		font-family: Arial, Times New Roman;
		font-size: 14px;
	}
	
	.fecha {
		color: #252525;
		font-style: italic;
		text-align: center;
	}
	
	time {
		font-size: 14px;
		color: #252525;
		font-style: italic;
		text-align: center;
	}
	
	figcaption {
		font-size: 10px;
		font-style: italic;
		text-align: center;
	}

	a:link {
		color: #03363d;
		text-decoration: underline;
	}
	
	a:visited {
		color: #03363d;
		text-decoration: underline;
	}

	a:hover {
		color: #03363d;
		text-decoration: underline;
	}


	img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	figure {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	@media screen and (max-width: 640px) { 
	body {
		font-size: 20px;
	}
	
	main {
		width: auto;
		font-size: 20px;
		margin: 0 auto;
		background-color: #d6eef2;
	}
	
	nav ul {
		font-size: 20px;
	}
	
	div {
		font-size: 20px;
	}
	
	header {
		padding: 10px;
	}
	
	h1 {
		font-size: 42px;
	}

	h2 {
		font-size: 32px;
	}
	
	h3 {
		font-size: 28px;
	}
	
	h4 {
		font-size: 24px;
	}
	
	p {
		font-size: 20px;
	}
	
	figcaption {
		font-size: 14px;
	}
	
	img {
		max-width: 100%;
	}
	
	}