/* CSS Document */



body, html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: black;
}
#principal {
   height: 80%;
}
article {
	background: #CFC;
	float: left;
	min-width: 480px;
	width: 70%;
	margin: 20px;
	padding: 10px;
}

aside {
	background: black;
        float: left;
	margin: 10px;
	padding: 10px;
}
header, footer {
	display: block;
	min-height: 10%;
	background: black;
}
footer {
   display: -webkit-flex;
   display:         flex;
   flex-flow: row;
   flex-wrap: wrap;  
   margin: 5px;
   min-height: 10%;
   background: black;
   clear: both;
}
#ventana1 {

   background: black;
   flex: 1 2 20%;
   order: 1;
   margin: 5px;
}
#ventana2 {

   background: black;
   flex: 1 2 20%;
   order: 1;
   margin: 5px;
}
#ventana3 {

   background: black;
   flex: 1 2 20%;
   order: 1;
   margin: 5px;
}
#ventana4 {

   background: black;
   flex: 1 2 20%;
   order: 1;
   margin: 5px;
}