lo dejo en foto quitando partes de php que solo molestarían :
CSS:
#total{
background-image:url(../img/fondo.png);
repeat-x;
repeat-y;
background-color: blue;
position: absolute;
width: 100%;
height: 250%;
z-index: 1;
left:0px;
top:0px;
}
#banner{
background-image:url(../img/fondo_banner.png);
repeat-x;
repeat-y;
background-color: blue;
width:100%;
height:5%;
background-color: blue;
}
#menu{
position: absolute;
width: 60%;
height: 100%;
left: 20%;
z-index:2;
padding: 0;
}
#contenido{
top: 7.5%;
left: 20%;
width: 60%;
min-height: 100%;
height:auto;
background-color: white;
z-index:1;
position: absolute;
}
#lateral{
left: 72%;
width:27%;
height: 20%;
background-color: pink;
position: absolute;
top:16.5%;
}
#slider{
position: absolute;
width: 70%;
height: 11%;
left: 1%;
top: 0.5%;
}
#novedades{
background-color: black;
position: absolute;
width: 68.5%;
height: 7%;
left: 1.9%;
top: 16.5%;
}
#footer{
}