*{

box-sizing: border-box;
padding: 2;
margin: 0px;
}

.azul {

float: left;
width: 16%;
height: 784px;
background-color:#356EB4;
border: 3px solid black;

}
.azul2 {

float: left;
width: 16%;
height: 784px;
background-color:#356EB4;
border: 3px solid black;

.rojo {

float: right;
width: 17%;
height: 784px;
background-color:#AD362E;
border: 3px solid black;
}

.violeta {
position: absolute;
top:3.5;right:217;
width: 51%;
height:99%;
background-color:#6E5096;
border: 3px solid black;
}

.naranja {

position: absolute;
top:785;left:4;
width: 31.9%;
height: 160px;
background-color:#EB8124;
border: 3px solid black;
}

.naranja2 {

position: absolute;
top:785;right:4;
width: 16.8%;
height: 160px;
background-color:#EB8124;
border: 3px solid black;
}