/*Julián Hernández*/
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
body { background-color: #7f8c8d; font-family: 'Titillium Web', sans-serif; width: 1000px; margin: 0 auto; margin-top: 15px}
hgroup header { width: 100%; display: block; background-color: #27ae60; height: 5em; padding: 10px}
nav { float: left; width: 20%; background-color: #e67e22; height: 35em; padding: 10px}
section { float: left; width: 60%; background-color: #2980b9; height: 35em; padding: 10px}
	section header { width: 100%; background-color: #95a5a6; padding: 10px}
	section article { width: 100%; background-color: #bdc3c7; padding: 10px; height: 20em}
	section footer { width: 100%; background-color: #ecf0f1; padding: 10px}
aside { float: left; width: 20%; background-color: #f1c40f; height: 35em; padding: 10px}
footer { clear: both; width: 100%; display: block; background-color: #c0392b; height: 5em; padding: 10px}