@charset "utf-8";
/* CSS Document */
body, html{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

header, footer{
	display: block;
	min-height: 10%;
	background-color: #F90;
}

#contenedor{
   height: 80%;
   display: -webkit-flex; /*Ésta y la siguiente línea permiten que nav, section y aside se distribuyan correctamente dentro de su contenedor*/
   display: flex;
   flex-flow: row;
}

#contenedor nav{
	min-height: 80%;
	background-color: #9C6;
	flex: 1 6 20%;
	order: 1;
}

#contenedor section{
	min-height: 80%;
	flex: 3 1 60%;
	order: 2;
}

#contenedor aside{
	min-height: 80%;
	background-color: #9C6;
	flex: 1 6 20%;
	order: 3;
}

#contenedor section header, section footer{
	min-height: 10%;
	background: #FF9;
}

#contenedor section article{
	min-height: 80%;
	background: #96F;
}