@charset "utf-8";
body, html{
				height: 100%;
				width: 100%;
				margin: auto;
				padding: 0px;
				text-align: center;
				}
				
				#main {
					height: 79%;
					display: -webkit-flex;
					display:         flex;
					flex-flow: row;
				}
				#main nav {
					background: #CCF;
					flex: 1 6 20%;
					order: 1;
					margin-top: 1%;
					margin-bottom: 1%;	
					font-size:1vw; /*tamaño del texto en funcion de la ventana*/
				}
				#main section {
					background: #CFC;
					flex: 3 1 60%;
					order: 2;
					margin: 1%;
					display: -webkit-flex;
					display:         flex;
					flex-flow: column;    
				}
				#main header{
					flex: 1 6 10%;
					order: 1;
					margin: 2% 2% 0% 2%;
					text-align
					
				}
				#main article {	
					background: #F5A9A9;
					flex: 6 1 50%;
					order: 2;
					margin: 2%;
				}
				#main img{
					margin:3%;	
				}
				#main footer{
					flex: 1 6 50%;
					order: 3;
					margin: 0% 2% 2% 2%;	
				}
				
				#main aside {
					background: #CCF;
					flex: 1 6 20%;
					order: 3;
					margin-top: 1%;
					margin-bottom: 1%;
				}
				header, footer {
					display: block;
					min-height: 10%;
					background: #FC6;
					text-align:left;
					margin: auto;
					font-size: 2.5em;
					}
				#main li { /*alineacion de la lista a la izquierda*/
					text-align:left;
					margin:5px;
					}	
    
			
				header, footer, nav, aside, section, article {
					border: 1px solid black;
				}