/*CSS DOCUMENT*/

.bannersobre{float: left; width: 100%; height: 229px; background: url(../img/logotipos/header/bannersobre.jpg) no-repeat center;}

.barrasld1{float: left; width: 100%; height: 1px; margin-top: 3px; background-color: #dbdbdb; position: relative;}
.barrasld2{float: left; width: 100%; height: 1px; margin-top: 5px; background-color: #dbdbdb; position: relative;}

.c_dif{float: left; width: 100%; height: 135px; margin-top: -80px; position: relative;}
.dif{float: left; width: 100%; height: 135px;}
.caixas_dif{margin: 0 auto; width: 405px; height: 135px;}
.caixas_dif img{margin-top: 35px;}
.caixas_dif p{margin-top: 20px; font-family: 'Aleo-Regular'; font-size: 14px; color: #fff;}
.caixa_dif1{float: left; width: 33.3%; height: 135px; text-align: center; background-color: #ceaa6f;}
.caixa_dif2{float: left; width: 33.3%; height: 135px; text-align: center; background-color: #a58450;}
.caixa_dif3{float: left; width: 33.3%; height: 135px; text-align: center; background-color: #775b2e;}

.c_sobre_pg{float: left; width: 100%; height: 738px; background: url(../img/logotipos/header/bgsobre.jpg) no-repeat center; margin-top: -65px;}
.sobre_pg{float: left; width: 100%; height: 738px;}
.titsobrepg{float: left; width: 25%; height: 368px;}
.titsobrepg h1{margin: 190px 0 0 -25px; float: left; font-family: 'Aleo-LightItalic'; font-size: 20px; font-style: italic; font-weight: bold;}
.caixatitsobre{margin: 170px 0 0 50px; float: left; width: 74px; height: 74px; background-color: #efe7db;}

.textosobrepg{float: left; width: 75%; height: 368px;}
.textosobrepg p{letter-spacing: 0.4px; margin: 0 50px 0 50px; position: relative; top: 113px; text-indent: 40px; font-family: 'Lato-Regular'; font-size: 13px; line-height: 20px; text-align: justify;}

.imgsobrepg{float: left; width: 100%; height: 370px;}
.imgsobrepg img{margin-top: 30px;}

.imgsobre-normal{display: block !important; margin: 0 auto;}
.imgsobre-768{display: none !important; margin: 0 auto;}

@media (max-width: 970px){
    .c_dif{height: auto; margin-top: -65px;}
    .dif{height: auto;}
    .caixas_dif{height: auto;}
    .caixa_dif1{height: auto; padding-bottom: 30px;}
    .caixa_dif2{height: auto; padding-bottom: 30px;}
    .caixa_dif3{height: auto; padding-bottom: 30px;}
    
    .c_sobre_pg{height: auto; padding-bottom: 50px; background: no-repeat; background-color: #fff;}
    .sobre_pg{height: auto;}
    .titsobrepg{height: auto; width: 100%; text-align: center;}
    .titsobrepg h1{margin: 100px 0 0 0; float: none;}
    .caixatitsobre{display: none;}
    .textosobrepg{height: auto; width: 100%;}
    .textosobrepg p{top: 30px;}
    .imgsobrepg{height: auto; margin-top: 40px;}
    .imgsobrepg img{max-width: 100%;}
}

@media (max-width: 768px){
     .c_sobre_pg{padding-bottom: 70px;}
    .imgsobre-normal{display: none !important; margin: 0 auto;}
    .imgsobre-768{display: block !important; margin: 0 auto;}

    .bannersobre{background: url(../img/logotipos/header/bannersobre-768.jpg) no-repeat center;}
}

@media (max-width: 475px){
    .caixas_dif{width: 100%;}
}