body,html{
      height: 80%;
        width: 100%;
        margin: 0px;
        padding: 0px;
        background-color: #fc6;
        font-family:Verdana, Serif;
        text-align:center;
        
      }
      footer p{
      font-family: Verdana;
      text-align:center;
      color:#fafafa; 
      .cabSection{
        border-style:solid;
      }
            }
      section footer{
      border:2px;
        border-style: solid;
        border-color:;
        background-color: blue;
        color: #ffffff;
          
      }
      .caja{
        height: 100%;
        display: -webkit-flex;
        display:flex;
        flex-flow:row;
      }
    .muestra{
      border:1px;
	background-color: #ff9;
  flex:3 1 60%;
  order:2
}
.anterior{
  border:1px;
  border-style:solid;
	background-color: #cfc;
        flex:1 6 20%;
          order:1;
}
.posterior{
  border:1px;
  border-style:solid;
      background-color:#ccf;
      flex:1 6 20%;
        order:3
      }
 header,footer {
        display: block;
        min-height: 10%;
        background-color: #fc6;
        border:1px;
        border-style:solid;
      }
      .clear{
      clear: both;
      background-color: #fc6;}