@charset "utf-8";
/****todo el documento***/

body, html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
    }

#contenedor{
    height: 100%;
	width: 96%;
    
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 0%;
	
    
    background: linear-gradient(to right, #08088A 40%, #8A0808 100%);
    text-align: center;
	}
/****todo el documento***/

#main {
   height: 80%;
   display: -webkit-flex;/****configurar Flex por fila ***/
   display:         flex;
   flex-flow: row;
}


header, footer {
	display: block;
	min-height: 10%;
	background: #8A0808;
}

#seccCentro {
	background: #AEB404;
	flex: 3 1 60%;
	order: 2;
    margin: 2% 2%;
    
    display: -webkit-flex;/****configurar Flex por columna ***/
    display:         flex;
    flex-flow: column;
}

#main nav {
    background: linear-gradient(to right, #08088A 40%, #8A0808 100%);
	flex: 1 3 20%;
	order: 1;
    display: none;
}
#main aside {
	background: #CCF;
	flex: 1 3 20%;
	order: 3;
    background: linear-gradient(to left, #08088A 40%, #8A0808 100%);
    display: none;
}

/****configuracion para seccion central***/
#seccCentro header{  
    display: block;
    flex: 1 3 20%;
	order: 1;
	background: #0404B4;
    margin: 3%;
    color: white;
}
#seccCentro header h1{
display: block;
}

#seccCentro article  {
	background: #CCF;
	flex: 1 3 70%;
	order: 2;
    margin: 3%;
    margin-top: 0%;
}


#seccCentro footer {  
    display: block;
    flex: 1 3 10%;
	order: 3;
	background: #0404B4;
    margin: 3%;
    margin-top: 0%;
}