body,html {
	margin: 0px;
	padding:0px;
}
header {
	display: block;
	font-size: 30px;
	
}
#caja {
	width:100%;
	height:100%;
}
ul {
	list-style-type: none;
	padding: 0px;
}
#caja nav{
	
	float: left;
	width: 20%;
	height: 550px;
	display: block;
	border: solid 5px #0FF521;
	
}
#caja .galeria{
	float: left;
	width: 77.45%;
	height: 550px;
	border: solid 5px #AAA;
	display:flex;
	flex-wrap: wrap;
}
#caja .img{
	display: inline;
	float: left;
	
	flex: 1 6 20%;
	order:2;
}
#caja .video {
	flex: 2 6 10%;
	order: 1;

	
}
#caja .iframe{

	flex: 3 6 40%;
	order: 3;
}