* { margin: auto; padding: 0; font-family: arial;  }

/*body: cuerpo de la pÃ¡gina*/
body { background-color: #cba1e7; }

/*cabecera*/
header 
{ 
    width: 100%; height: 92px;
    background-color: #446ef7; 
}


/*navegador*/

nav {width: 15%; height: 192px; background-color: hsl(34, 49%, 65%); min-height: 2em; float:left}


/*principal: section:*/
section { width: 60%; background-color: #adadad; float: left; }
section h1 { text-align: center; padding: 0.5em; color: rgb(68, 68, 67); font-size: 1.4em; }
section h2 { text-align: center; padding: 0.5em; color: grey; font-size: 1.2em; }
section h3 { text-align: left; padding: 0.3em 3em; color: #8a888a; font-size: 1em;  }

/*artÃ­culos: article*/
article { margin: 0.5em 3em; padding: 0.5em 2em; background-color: rgb(225, 226, 136); border: 3px double rgb(254, 255, 255); }
article p { text-align: justify; }

/*propaganda: aside*/
aside { width: 25%; height: 592px; float: left; background-color: rgb(193, 255, 131); }
#anuncio1 { margin: 20px; padding: 10px; border: 2px solid rgb(89, 4, 248); background-color: white; }
#anuncio1 h1 { font-size: 1.1em; text-align: left; padding: 0.2em 0em; }
#anuncio1 h2 { font-size: 1.5em; text-align: center; padding: 0.5em 0em; }
#anuncio1 p { font-size: 0.9em; padding: 0.2em 1em; }

/*pie de pÃ¡gina: footer*/
footer { clear: both; background-color: #d526ec; }
footer h1 { text-align: center; font-size: .9em; color: rgb(1, 1, 255); padding: 0.7em; }
footer h2 { text-align: center; font-size: .7em; padding: 0.4em; }
footer a { text-decoration: none; color: green; }