/* ROLAGEM */
.wrap{
    height: 100%;
    width: 100%;
    padding: 20px 30px;
    /*padding: 0 30px 30px 30px;*/
}

/* Frame */
.frame {
    width: 660px;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
     }

/* Scrollbar */
.scrollbar {
    position: absolute;
    right: 10px;
    width: 10px;
    height: 100%;
    background: #cccccc;
    line-height: 0;

    -moz-border-radius: 14px; /* Para Firefox */
    -webkit-border-radius: 14px; /*Para Safari e Chrome */
    border-radius: 14px; /* Para Opera 10.5+*/
}
.scrollbar .handle {
    width: 100%;
    height: 100px;
    background: #6b6b5a;
    cursor: pointer;

    -moz-border-radius: 14px; /* Para Firefox */
    -webkit-border-radius: 14px; /*Para Safari e Chrome */
    border-radius: 14px; /* Para Opera 10.5+*/
}
.scrollbar .handle .mousearea {
    position: absolute;
    top: 0;
    left: -10px;
    width: 22px;
    height: 100%;
}