*   {
	margin: 0;
    padding:0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    }

main{ 
    min-height: 650px;
    border-radius:1rem; 
    padding:1rem;
    margin:1rem auto;
    max-width:900px;
    display:block;/*para IE*/
    background-color:rgb(255,255,255);
    opacity:0.9;
    filter:alpha(opacity=90); 
    /* IE < 9.0 */
    }

    .contenedor{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow:row wrap;
    flex-flow: row wrap;
    text-align: center;
    margin-bottom: 10px;
}

.contenedor > *{  
    padding:10px; 
    flex: 1 /*100%*/;
} 

.aside{ 
    font-family: "arial", sans-serif;
    background: transparent;
    border:1px solid #0000ff; /*#0789c9;*/
    width: 200px;
    margin-right: 5px;
    border-radius: 1em; 
    margin-bottom: 10px;
  }

footer{ 
    background: transparent ;
    border:1px solid #0789c9;
    border-radius: 1em;
    text-align: center; 
    font-size: 0.6rem; 
    margin-left: 330px;
    position: fixed; /* Fija el contenedor a una posición */
    bottom: 0px; /* El div se sitúa abajo */
  }

 .aside{flex:1 auto; 
        order: 1;
  }
 
.footer{
  order: 3;
  }

h1 {margin-bottom:1rem;
    color: #0789c9;
    font-weight:400;
    }

h2  {color:#0789c9;
    font-weight:300;
    }

p   {margin-bottom:1rem; 
    text-align: left;
    }
/*
a   { 
    text-decoration: none;
    }

a:visited{ color: blue; 
    }

a:hover{ color: white; 
    }

a:active{ color: gray; 
    }
*/