body, html{
	width: 100%;
	height: 100%; 
	margin: 10px;
	padding: 0px;  
}
h1{
	font-size:5em;
	font-family: italic;
  color:blue;
}
h3{ 
	font-size:1.6em;
	font-family: italic;
  color:#FCD45C;
}
  #main{
	height: 80%;
	display: -webkit-flex;
	display: flex;
	flex-flow: row;     
}
#main article{
	  background-image:url(images/tabla.jpg);
   	background-size:cover;
	flex: 3  1  60%;
	order:2;
}
#main aside{
  	   
background-color:lightblue;
	flex:1  6  40%;
	order:2;
}
header{
  background-image: url(images/escudo.jpg);
   	background-size:cover;
	display:  block;
  min-height: 60%;
	
}
 footer{
	display:  block;
	background: black;
	min-height: 10%;
}
nav{
display:  block;
	background: white;
	min-height: 10%;
}
#header {
				margin:auto;
				width:1200px;
				font-family:italic, Helvetica, sans-serif;
			}
			
			ul, ol {
				list-style:none;
			}
			
			.nav > li {
				float:left;
			}
			
			.nav li a {
				background-color:white;
				color:blue;
				text-decoration:none;
				padding:20px 24px;
				display:block;
			}
			
			.nav li a:hover {
				background-color:#FCD45C;
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				min-width:140px;
			}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:relative;
			}
			
			.nav li ul li ul {
				right:-140px;
				top:0px;
			}