/***** GENERAL STYLES *****/
html {
    width: 100%;
    margin-left: 0 !important;
}
body {
    background-color: #fff;
    min-width: 320px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
}
a {
    text-decoration: none;
}
.clearFix {
    overflow: hidden;
    clear: both;
}


/***** CORES *****/
/*AZUL: #0378a6;*/
/*VERDE: #93bf34;*/

.centerWrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /*padding: 0 2%;*/
}
.barraAreas {
    position: relative;
    clear: both;
    /*background: url('../images/site/bg_areas.jpg') center 0 no-repeat;*/
    /*background-size: 100% 100%;*/
    width: 100%;
    /*height: 150px;*/
    /*padding: 90px 0;*/
    background-color: purple;
}
.barraAreas .bg {
    position: absolute;
    width: 100%;
    min-height: 100%;
}
.barraAreas h1 {
    font-size: 1.2em;
    color: #fff;
    font-weight: 300;
    text-align: center;
    padding: 70px 20% 100px;
}
.barraAreas a {
    display: inline-block;
    color: #94efff;
}
.barraAreas a:hover {
    text-decoration: underline;
}


/* ===== MEDIA QUERIES ===== */
@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 600px) {
}

@media only screen and (min-width: 850px) {

}

@media only screen and (min-width: 1300px) {
    .centerWrapper {
        padding: 0;
        width: 1218px;
    }
    .dgr {
        position: absolute;
        background: url('../images/site/dgr_01.png') 0 0 repeat-x;
        width: 100%;
        height: 205px;
    }
    .shadowLeft {
        background: url('../images/site/shadow_left.png') 0 0 repeat-x;
        width: 9px;
        height: 292px;
        float: left;
    }
    .shadowRight {
        float: left;
        background: url('../images/site/shadow_right.png') 0 0 repeat-x;
        width: 9px;
        height: 292px;
    }
}