body, html{
    height:100%;
    padding:0;
    margin:0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 5%;
    overflow-y: hidden;
    width:100%;
}
#ladoEsquerdo {
    width: 15%;
    height: 100%;
    bottom: 10%;
    left: 0;
    float:left; 
    background: #18344F;
}

#display{
    background: #F0F0F0;
    /*border-right-color: #18344F;
    border-right-style:solid;    
    border-right-width:thin;*/
    width: 100%;
    height: 50%;
    left: 0;
}

#grid {
    overflow: auto;
    float: left;
    height: 95%;
    left: 0;
    width:85%;
    background: white;
}

#divPaginacao {
    width:85%;
    background: white;
    text-align:center;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#18344F;
    font-size: 20px;
    background: #F0F0F0;
}

#mensagem {
    height: 7%;
    background:black;
    position:fixed;
    bottom:0;
    width:100%;     
    float:left;    
}

/* diminui quando tela tem altura menor que 900 px */
@media screen and (max-height: 900px) {
    h1 {
        font-size: 1.5em !important;
    }
}