*{box-sizing:border-box;}
body,html{margin: 0;padding: 0}
body
/*Patron de fondo*/
{
background-color:#556;
background-image: linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a), 
linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
background-size:80px 140px;
background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;/*Aqui termina el patron de fondo cubos japoneces*/
}
header,section
{
width:90%;
margin:auto;
padding: 0 auto;
background-color:#AEBFE1;
border:2px solid;
border-radius:0.5em;
text-align:center;
font-family: oswald;
}
section>img
{
	width: 100%;
	padding: .5% 1%;
}
footer
{
width:90%;
margin:auto;
padding: 1% 2%;
background-color:#AEBFE1;
border:2px solid;
border-radius:0.5em;
text-align:center;
font-family: oswald;
font-size: 100%	
}
footer>img
{
	float: left;
	width: 20%;
	border-radius: 2em;
	padding: 1%;
}
footer>p
{
	text-align: justify;
	padding: 0.1%;
}
nav
{
width:100%;
padding: 1%;
margin:auto;
background-color:#AEBFE1;
border:.5px solid;
border-radius:0.5em;
text-align:center;
}
nav ul
{
	overflow: auto;
	list-style: none;
	margin: auto;
}
nav li
{
margin:0 6%;
}
nav a
{
display: block;
	padding: 0%;
	color: black;
	font-size: 200%;
	font-family: oswald;
	font-weight: bolder;
	text-decoration: none;
	text-transform: uppercase;
}
nav a:hover
{
	color: white;
	background-color:#4767A9;
}