divs centered in a div

by luissanchezm86

HTML

<div class="main">
    <div class="qwe">
    <div class="left">
        <span>menu izquierdo</span>
    </div>
    <div class="right">
        <div class="upper">
            <span>menu superior</span>
        </div>
        <div class="container">
            <span>contenedor principal</span>
        </div>
    </div>
        </div>
</div>

CSS

.main {
    width:100%;
    height: 100%;
    border: solid;
    position: absolute;
}
.left {
    width: 154px;
    border: solid red;
    height: 100%;
    position: absolute;
}
.right {
    height: 90%;
    width: 80%;
    left: 161px;
    position: absolute;
}
.upper {
    height: 50px;
    border: solid green;
}
.container {
    border: solid blue;
    height: 100%;
}
.qwe{
    width: 60%;
    height: 100%;
    position: relative;
    margin: 0 auto;
}