@charset "utf-8";

  body {
   font: 24px Helvetica;
   background: #999999;
  }

  #main {
   min-height: 800px;
   margin: 0px;
   padding: 0px;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 
  #main > article {
   margin: 4px;
   padding: 5px;
   border: 1px solid #cccc33;
   border-radius: 7pt;
   background: #dddd88;
   -webkit-flex: 3 1 80%;
           flex: 3 1 80%;
   -webkit-order: 2;
           order: 2;
   }
  
   #main > nav {
   margin: 4px;
   padding: 5px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #ffeebb;
   -webkit-flex: 1 1 20%;
           flex: 1 1 20%;
   -webkit-order: 1;
           order: 1;
   }

  header, footer {
   
   margin: 4px;
   padding: 5px;
   min-height: 100px;
   border: 1px solid #eebb55;
   border-radius: 7pt;
   background: #ffeebb;
   text-align:center;
   font-family: Pacifico, sans-serif;
   }
   
   #main article {
	   text-align: left;
   }
   
 	#fotos, #fotos > div {
	float: left;
	padding: 2px;
	}
	#fotos > div {
		border: 1px solid #666;
	}
	
	#video {
		width:200px;
		height:150px;
		}