/**********************/
/*    Modulo3.css     */
/**********************/


body, html {
	font-family:arial, "courier new", impact;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#main {
   height: 80%;
   display: -webkit-flex;
   display:         flex;
   flex-flow: row;
}
#main article {
	background: #FFF;
	flex: 3 1 60%;
	order: 2;
}
#main nav {
	background: #FFF;
	flex: 1 6 20%;
	order: 1;
}
#main aside {
	background: #FFF;
	flex: 1 6 20%;
	order: 3;
}
header {
	display: block;
	min-height: 10%;
	background: #F00;
}
footer {
	display: block;
	min-height: 10%;
	background: #0F0;
}



h1  {
	font-family: "Monotype Corsiva" ,arial;
	font-style:  normal;
	font-size: 40px;
}		



h2  {
	font-family:  "Monotype Corsiva" , arial;
	font-style:  normal;
	font-size: 25px;
}

#titulo  {
	font-family: "Monotype Corsiva" ,arial;
	font-style:  normal;
	font-size: 60px;
	text-align: center;
}

.importante  {
	font-family: "Harlow Solid Italic" ,arial;
	font-style:  normal;
	font-size: 20px;
	text-align: center;
}