@charset "utf-8";
/* CSS Document */

body, html {
	height: 100%;
	width: 99%;
	margin: 10px;
	padding: 0px;
	text-align:center;
}
h1 {font-size: 18px;
    font-weight: bold;
}
.texto {font-size: 12px;
	font-weight: bold;
	color:#FF4000;
	padding:2px;
	margin-top:1px;
	}
	
.foto {
	float: left;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
/*	border: 5px solid #666;*/
	
}

#main {
   height: 80%;
   display: flex;
   flex-flow: row;
}

#main nav {
	flex: 1 6 8%;
	order: 1;
	margin-top: 1%;
	margin-bottom:1%;
    padding:1%;
}
#main section {
	flex: 3 1 30%;
	order: 2;
	margin: 1%;
	display: -webkit-flex;
   display:         flex;
   flex-flow: column;
}
     #main header {
	flex: 1 6 28%;
	order:1;
	margin: 2%;
     }
     #main article {
	flex: 1 6 28%;
	order: 2;
	margin: 2%;
     }
    #main footer {
	flex: 1 6 28%;
	order: 3;
	margin: 2%;
     }

#main aside {
	flex: 1 6 8%;
	order: 3;
	margin-top: 1%;
	margin-bottom: 1%;
	    padding:1%;

}



header, footer, nav, aside, section, article {
	border: 0.1em solid black;
	background-color: #FC9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
}