* 
{
 margin: 0;
 padding: 0;
 border-width: 0;
}

html, body 
{
 width: auto;
 height: 100%;
 font-family: Verdana, Geneva, sans-serif;
 font-weight: bold;
 background-color: #FFFFFF;
}

header 
{
 position: relative;
 background-image: url("Cabeza3.png");
 background-color: #9CC;
 color: #FFF;
 width: 99%;
 height: 70px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
}

nav 
{
 position: relative;
 background-color: #DD9;
 color: #F00;
 width: 98%;
 height: 3%;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
}

section 
{
 position: relative;
 float: left;
 background-color: #777;
 width: 78%;
 height: 75%;
 color: #FFF;
}

article 
{
 background-color: #0CC;
 background-image: url("backarticle_azul.png");
 width: 99.5%;
 height: 98%;
 color: #FFF;
}

aside 
{
 position: relative;
 background-color: #00009F;
 width: 19.5%;
 height: 75%;
 color: #FFF;
 float: left;
}

footer 
{
 position: relative;
 background-color: #AA7;
 width: 98%;
 height: 5%;
 color: #FFF;
 clear: both;
}

input
{
 height: 30px;
}
button
{
cursor:pointer;
width: 120px;
height: 20px;
background: lightgrey;
color: blue;
}
button:hover, button:focus
{
  background: gold;
  outline: 0;
}
header,section,footer,aside,article,nav,input, textarea, button
{
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 margin: 0.2%;
}