#pie {
            background-color: blue;
            clear: both;
color: white; 
        }

 #contenido {
            background-color: gray;
            float:left;
margin-left: 12px; 
            width:740px;
            height:100%;
        }
#cabecera {
       background-color: green;
       height:50px;
       padding:5px;
}
  #barra-lateral {
            background-color: orange;
            float: left;
            width:140px;
            height:100%;
        }

.lateral1 { width: 360px; margin-left: 5px;  height: 400px; float: left; background-color : white; color: black;}

.lateral2 {width: 340px;  margin-left: 10px;height: 400px; float: left; background-color : peru;color: black}
.lateral3 {background-color: green; flotat: left; margin-left: 5px; color: white whidth: 350px;}
.lateral4{background-color: blue;flotat: left; margin-left: 5px; color : yellow; width: 360px}