body, html{
			height: 100%;
			width: 100%;
			margin: 0%;
			padding: 0%; 
			background-color: grey; 
		}

	#contenido {
		display: -webkit-box; /* display para safari y navegadores android de versiones antiguas */
		display: -moz-box; /* display para mosilla firefox de versiones antiguas */  
		display: -webkit-flex; /* display para google chrome de versiones antiguas */
		display: -ms-flexbox; /* display para internet explorer de versions antiguas */
		display: flex; /* display para nuevas versiones de navegadores que soportan el estandar oficial de flex en CSS3 */
		flex-flow: row;

		min-height: 10%;
		color: black;
		font-family: 'Lobster Two', cursive;
		font-size: 1.5em;
			
		}

	#contenido nav {
			order: 1;
			-webkit-order: 1;
			flex: 1 1 15%;
			-webkit-flex: 1 1 15%;
		}

	#contenido div {
		order: 2;
		-webkit-order: 2;
		flex: 3 1 70%;
		-webkit-flex: 3 1 70%;
			
			text-align: center;
			font-size: 1.0em;
		}

		#contenido div #tabla {
			margin: auto;
			margin-top: 5%;
			text-align: center;
			font-size: 1.0em;

		}

		th, td {
			padding: 0.5em;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #CCC;
		}
		th {
			background-color: #333;
		}



	#contenido aside {
			order: 3;
			-webkit-order: 3;
			flex: 1 1 15%;
			-webkit-flex: 1 1 15%;
		}