/* CSS */
*                    { margin: 0; padding: 0; }

  body {
   font: 24px Helvetica;
   background: #999999;
  }
#main {
   min-height: 700px;
   margin: 0px;
   padding: 0px;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
#main  section {
	float: left;
   margin: 4px;
   padding: 5px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #999999;
   -webkit-flex: 3 1 80%;
           flex: 3 1 80%;
   -webkit-order: 2;
           order: 2;
}
  
#main  nav {
	float: left;
   margin: 4px;
   padding: 5px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background:  #999999;
   -webkit-flex: 1 6 10%;
           flex: 1 6 10%;
   -webkit-order: 1;
           order: 1;
}
/*#main  aside {
	float: left;
   margin: 4px;
   padding: 5px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background:  #f9ba82;
   -webkit-flex: 1 6 20%;
           flex: 1 6 20%;
   -webkit-order: 3;
           order: 3;
   }
   #main  section article {
   margin: 4px;
   padding: 5px;
   min-height: 300px;
   border: 1px solid #cccc33;
   border-radius: 7pt;
   background: #b5e8bf;
   -webkit-flex: 3 1 50%;
           flex: 3 1 50%;
   -webkit-order: 2;
           order: 2;
}*/


 #logo {
 	font-family: Englebert, serif;
 	font-size: 80px;
 	color: #00FFFF;
   display: block;
   margin: 4px;
   padding: 5px;
   min-height: 100px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #000000;
}

 header, footer {
   display: block;
   margin: 4px;
   padding: 5px;
   min-height: 100px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #999999;
}


ul#menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
}


a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	font-size: 0.9em;
	display: block;
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #EAEAEA;
}
a:hover {
	color: #FFF;
	background-color: #666;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: cyan;
}


.caja{
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.caja iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}