		body, html{
			width: 100%;
			height:100%;
			margin: 0px;
			padding: 0px;
			

		}
		#main{
			height:80%;
			display: flex;
			flex-flow:row;
		}
		#main article{
	
	background-size: 100% 100%;
text-align: center;
background-color: blue;
padding-top: 20px;
padding-right: 45px;
			flex: 3 1 70%;
			order:1;
			font-family: arial;

color: black
;
		}
		#nav{
	background-color: rgb(164,37,12);
			

		}
		#main aside{
			background-color: rgb(167,54,8);
			flex:1 6 10%;
			order:3;
		
			

		}
		header {
		
			background: black;
			display:block;
			min-height: 10%;
			text-align: center;
			font-family: arial;
			font-size: 24px;
			padding-top: 10px;
color: blue;


		}
		footer{
			background: black;
			display:block;
			min-height: 10%;
			text-align: right;
			font-family: arial;
			font-size: 16px;
			padding-top: 10px;
color: blue;
		}

		#foto1{
			background-image: url(220px-Two_dancers.jpg);
			background-repeat: no-repeat;
			width: 145px;
			height: 180px;
			border: solid;
			margin-bottom: 7px;
			background-size: 100% 100%;		
		}
		#foto2{
		background-image: url(descarga.jpg);

			width: 145px;
			height: 180px;
			border: solid;
			margin-top: 7px;
			background-size: 100% 100%;		
		}
		li{
display: inline;
}
a{
border:solid 5px #d41b40;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

margin-left: 100px;
margin-right: 100px;

}