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,nav,section
{
width:100%;
margin:auto;
background-color:#AEBFE1;
border:2px solid;
border-radius:0.5em;
text-align:justify;
}
section>ol
{
width:100%;
margin:auto;
padding: 32px;
background-color:#AEBFE1;
border:2px solid;
border-radius:0.5em;
text-align:justify;
}
header>h1
{
text-align:center;
font-family: 'Oswald', sans-serif;
}
header>img
{
width:150px;
position:absolute;
top:39px;
right:200px;
opacity:1;
}

/*primer nav*/
nav ul
{
overflow:auto;
list-style:none;
margin:auto;
}
nav li
{
float:left;
margin:0 1px;
}
nav a
{
display: block;
	padding: 15px;
	color: black;
	font-size: 20px;
	font-family: arial;
	font-weight: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
nav a:hover
{
	color: white;
	background-color:#4767A9;
}
/*segundo nav--------------------------------------------------*/
#nav-secundario
{

}
#nav-secundario  ul
{


}
#nav-secundario li
{
float:none;
margin:0 1px;
}
#nav-secundario a
{
display:block;
	padding: 10px;
	color: black;
	font-size: 20px;
	font-family: arial;
	font-weight: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#nav-secundario a:hover
{
	color: yellow;
	background-color:#4767A9;
	text-align:left;
}
/* ----------------------------------------------------------------*/
article
{
height:100%;
padding:0px;
font-size:22px;
font-family: 'Cherry Cream Soda', cursive;
}
div
{
border:1px solid black;
margin:2px auto;
text-align:center;
padding:20px;
width:auto;
}
div>img
{
width:200px;
}
p
{
	font-size: 30px;
	padding: 20px;
}
h1
{
	font-size: 25px;
	text-align: center;
	font-weight: bolder;
}
#footerImaginado
{
	margin:0 0 50px 0;padding-top: 80px; height:100%;float: left;width: 100%;background: url("../img/profundidad.jpg")bottom no-repeat;background-size: 400px;
}