#bgDetalhe{float: left; margin: -128px 0 0 0; z-index: 1;}



#boxRightDet{float: left;}



#geralDetalhe {

    margin: 2% auto 0; 

    width: 100%;

    max-width: 1250px;

    background-color: #ffffff;

}



.boxTitObras{

    position: absolute;

    z-index: 1000;

    bottom: 0;

    left: 0;

    width: 100%;

    background: rgba(0,0,0,0.8);

    padding: 3%;

    color: #fff;

    font-size: 18px;

}



#IndicarAmigo {

    width: 34%;

    margin: 5% 0 0 32%;

    height: 480px;

}

#compartilharAnuncio {

    width: 32%;

    height: 155px;

    margin: 10% 0 0 34%;

}

.iconeCarrega {

    margin: 0 10px 0 10px;

    float: left;

}

.closeCarregar {

    float: right;

    margin: 10px 10px 0 0;

}

.titJanelaCarrega {

    float: left;

    margin: 5px 0 0 0;

}

.janelaCarregar {

    position: fixed;

    margin: 0 0 0 263px;

    z-index: 1005;

    top: 50px;

    background: #ffffff;

    border: 3px solid #005a96;

    display: none;

}

#conteudoCarrega {

    float: right;

    margin: 20px 0 0 0;

    width: 67%;

    border: 0px solid;

    text-align: center;

}

#conteudoCarregaF {

    float: right;

    margin: 20px 0 0 0;

    width: 85%;

    border: 0px solid;

    text-align: center;

}

.titJanelaCarrega h3 {

    float: left;

    margin: 5px 0 0 0;

    font-weight: normal;

    font-size: 1.4em;

}

#mascara {

    background-color: #000000;

    display: none;

    left: 0;

    position: fixed;

    top: 0;

    z-index: 1000;

}









.titDet{float: left; width: 100%; margin: 0 0 0 0;}

.titDet h1, .titDet h2 {
    float: left;
    width: 100%;
    font-size: 27px;
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 2% 0;
}

.titDetSub {
    float: left;
    width: 100%;
    margin: 4% 0 0 0;
}

.titDetSub h2 {
    float: left;
    width: 100%;
    font-size: 31px;
    color: #111111;
    text-align: center;
    font-weight: 600;
}

#TopIntDet{position: absolute; top: 0; width: 100%; height: 756px; overflow: hidden;}
#TopIntDet img{width: 100%;}

#boxLeftDet {
    float: left;
    width: 52%;
    margin: 0 0 0 0;
    height: 570px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: #eaeaea;
}


#geralDesc {

    float: left;

    margin: 2.8% 0 0 4%;

}





#titObra {

    float: left;

    width: 100%;

    font-size: 27px;

}

#textoObra {

    float: left;

    width: 100%;

    margin: 5% 0 0 0;

    font-size: 16px;

}

#boxLeftDet img {
    /* min-width: 100%; */
    min-height: 569px;
    /* position: absolute; */
    bottom: 0;
    max-height: 569px;
}


.boxLeftDif{float: left; width: 100%;}
.boxRightEmp{float: right; width: 100%;}

#boxRightDet {
    float: right;
    width: 42%;
    margin: 3% 3% 0 0;
}



#precoDet{float: left; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

#textoPrecoDet{text-align: right; font-size: 21px; color: #111111; margin: 3% 0 3% 0; font-weight: 600;}


#btEnviarDetalhe {
    width: 100%;
    float: left;
    background: #244a5d;
    padding: 2.2% 0 2% 0;
    text-align: center;
    color: #fff !important;
    font-weight: 400;
    font-size: 18px;
    border-radius: 3px;
}



.detInfBox{float: left; width: 18%; border: 0 solid; font-family: 'klavika_regularplain'; margin: 0 5% 0 0; }

.iconCarac{float: left; width: 100%; text-align: center;}



#boxCaracJan{float: left; width: 100%; margin: 2% 0 0 0;}



#boxCaracJan .detInfBox {

    float: left;

    width: 21%;

    border: 0 solid;

    font-family: 'klavika_regularplain';

    margin: 0px 4% 0 0;

}



.detTitBox {

    float: left;

    width: 99%;

    margin: 3px 0 0 0;

    font-size: 16px;

    text-align: center;

    color: #000000;



}



#boxCaracJan .f-14{font-size: 16px; font}



#boxCaracJan .f-bold{font-size: 16px !important; font-weight: 600;}



#geralOpt{float: right; width: 100%;}

#boxBtR{float: left; width: 100%; margin: 3% 0 3% 0; }





.subBoxBtC{float: right; width: 26%; margin: 0 3% 0 2%;}

.subBoxBtR{float: right; width: 21%; margin: 0 0 0 2%;}

.imgBtr{float: left; margin: 0 2% 0 0;}

.textBtr {
    float: left;
    font-size: 14px;
    margin: 0px 0 0 3px;
}

#geralForContat{float: left; width: 100%; margin: 4% 0 0 0;}

#titContato {
    float: left;
    width: 100%;
    margin: 0 0 3% 0;
    font-weight: 600;
    color: #000000;
    font-size: 18px;
}


.campForm{    

    width: 100%;

    height: 35px;

    padding: 5% 0 4% 2%;

    border: 1px solid #cccccc;

    margin: 0 0 10px 0;

    font-size: 14px;

    border-radius: 3px;

    font-family: 'klavika_regularplain';

}


.campFormM{    

    width: 49.6%;

    height: 35px;

    padding: 5% 0 4% 2%;

    border: 1px solid #cccccc;

    margin: 0 0 10px 0;

    font-size: 14px;

    border-radius: 3px;

    font-family: 'klavika_regularplain';

}



.campForm2{

    width: 100%;

    padding: 2% 0 0 2%;

    height: 80px;

    border: 1px solid #cccccc;

    margin: 0 0 5px 0;

    font-size: 16px;

    font-family: 'klavika_regularplain';

     border-radius: 3px;

}


.textDet {
    float: left;
    width: 100%;
    line-height: 1.8;
    margin: 1% 0 0 0;
    font-size: 17px;
}

#listCaract{float: left; width: 100%; margin: 0 0 3% 0;}

#listCaract li {

    float: left;

    width: 18%;

    list-style-type: circle;

    padding: 0 0 0 0%;

    margin: 1.2% 0 0 2%;

}

.boxTipoDet {
    float: left;
    width: 48%;
    margin: 2% 1% 0% 0;
    overflow-x: hidden;
    background-color: #f1f0f0;
    padding: 0 0 1.5% 0;
}

.boxTipoDet-r {

    float: right;

    width: 30%;

    margin: 3% 0 3% 0;

    overflow-x: hidden;

    background-color: #f1f0f0;

    padding: 0 0 1.5% 0;

}

.boxTitTipo {
    float: left;
    width: 100%;
    background-color: #244a5d;
    padding: 2% 0 2% 5%;
}

.boxTitTipo h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 18px;
    margin: 5px 0 5px 0;
}



.listaTipo{float: left; width: 100%; margin: 3% 0 0 0;}

.listaTipo li {
    float: left;
    width: 37%;
    list-style-type: circle;
    padding: 0 0 0 0%;
    margin: 2.2% 0 0 10%;
}


.gFremeDe{float: left; width: 22%; margin: 2.5% 3% 4% 0; overflow: hidden; }

.ftTextDet{float: left; height: 270px;}

.ftTextDet img{min-height: 270px;}

.geralTextFDet{float: left; width: 100%; background-color: #23252a; padding: 0 0 5% 0; height: 110px;}



.titFremDet {

    float: left;

    margin: 2% 0 0 0;

    text-transform: uppercase;

    font-size: 16px;

    width: 100%;

    text-align: center;

    font-weight: 600;

}

.subTitFremDet{float: left; margin: 0.5% 0 0 0; text-transform: uppercase; font-size: 12px; font-family: 'Lato'; width: 100%; text-align: center;}





.geralGalerDet{float: left; width: 100%;}



.geralImgB {

    float: left;

    width: 100%;

    

    margin: 2% 0 0 0;

}

.boxGDet2 {
    float: left;
    width: 100%;
    position: relative;
    height: 440px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}


.boxGDet2 img {
    /* width: 100%; */
    /* position: relative; */
    bottom: 0;
    z-index: 10;
    height: 440px;
   
}

.geralTextObra{

    float: right;

    position: absolute;

    right: 0;

    margin: 17% 0 0 0;
    width: 33%;

}





.boxGDet {

    float: left;

    width: 33%;
   
    margin: 0;

    height: 260px;

    overflow: hidden;

    position: relative;

}



.boxGDetVideos {

    float: left;

    width: 100%;
   
    margin: 2.5% 4% 0 0;

    height: 600px;

    overflow: hidden;

    position: relative;

    text-align: center;

}




.boxGDet img{ min-height: 260px; }



#gBtGaleria{float: left; width: 78%; margin: 2% 0 0 21%; position: relative; z-index: 1000;}

.btGaleria{float: left;  height: 53px; margin: 0 6% 0 0;  padding: 0 2% 0 2%; cursor: pointer;}

.btGaleria h3{float: left; width: 100%; margin: 14px 0 2% 0; color: #000000; font-family: 'klavika_regularplain';}



.bgLoc{background-color: #244a5d;}



.titTar{float: left; width: 100%; margin: 1.5% 0 1.5% 0;}

.titTar .imgTTarj{float: left;}

.titTar h2 {

    float: left;

    margin: 0.3% 0 1.3% 2%;

    color: #ffffff;

    font-size: 31px;

    font-weight: 500;

}

.locaDet {
    float: left;
    width: 85%;
    color: #ffffff;
    margin: 0 0 0 5%;
}


.abaAtiva{border: 2px solid #000000;}



.AtvDet{display: block;}

.destDet{display: none;}



.bgFotos{background: url(../imagens/plugin/bgFtDet.jpg) top center no-repeat;}

.c-black{color: #000000;}





@media (max-width: 530px){

.titDetSub {
    float: left;
    width: 100%;
    margin: 2% 0 0 0;
}


#foneEmpresaTop {
    float: right;
    font-size: 15px;
    color: #000;
    margin: 1% 0 0 0;
    font-weight: 600;
}



.boxGDet {

    float: left;

    width: 100%;

    margin: 2.5% 4% 0 0;

    height: 225px;

    overflow: hidden;

    position: relative;

}



.geralImgB {

    float: left;

    width: 100% !important;

    margin: 2% 0 0 0;
    height: 360px !important

}





#listCaract li {

    float: left;

    width: 100%;

    list-style-type: circle;

    padding: 0 0 0 0%;

    margin: 1.2% 0 0 2%;

}



#compartilharAnuncio {

    width: 90%;

    height: 155px;

    margin: 10% 0 0 4%;

}



#boxLeftDet {

    float: left;

    width: 100%;

    margin: 2% 0 0 0;

    height: auto;

    overflow: hidden;

    position: relative;

}

#boxRightDet {

    float: right;

    width: 100%;

    margin: 2% 0 0 0;

}

.boxGDet {

    float: left;

    width: 100%;

    margin: 2.5% 4% 0 0;

    height: 225px;

    overflow: hidden;

}



#boxLeftDet img {

    min-width: 100%;

    /* min-height: 485px; */

    position: relative;

    /* bottom: 0; */

    float: left;

}



#geralOpt {

    float: right;

    width: 100%;

    margin: 1% 0 6% 0px;

}

#boxBtR {

    float: left;

    width: 100%;

    margin: 1% 0 3% 0;

}



.titDetSub h2 {

    float: left;

    width: 100%;

    font-size: 24px;

    color: #111111;

}



#gBtGaleria {

    float: left;

    width: 100%;

    margin: 2% 0 0 0;

}



.btGaleria {

    float: left;

    height: 45px;

    margin: 0px -1% 0 0;

    padding: 0 2% 0 2%;

    cursor: pointer;

}



.btGaleria h3 {

    float: left;

    width: 100%;

    margin: 14px 0 2% 0;

    color: #000000;

    font-size: 14px;

    font-family: 'klavika_regularplain';

}



.boxTipoDet {

    float: left;

    width: 100%;

    margin: 3% 3.3% 3% 0;

    overflow-x: hidden;

    background-color: #f1f0f0;

    padding: 0 0 1.5% 0;

}



.titTar h2 {

    float: left;

    margin: 3.3% 0 1.3% 2%;

    color: #ffffff;

    font-size: 23px;

    font-weight: 100;

}





#geralDetalhe {

    margin: 2% auto 0;

    width: 94%;

    max-width: 959px;

    padding: 1.5% 1.5% 0 1.5%;

    background-color: #ffffff;

}



.gFremeDe {

    float: left;

    width: 100%;

    margin: 2.5% 3% 4% 0;

}



.janelaCarregar {

    position: fixed;

    margin: 0 0 0 0;

    z-index: 1005;

    top: 50px;

    background: #ffffff;

    border: 3px solid #005a96;

    display: none;

}


.boxGDetVideos {
    float: left;
    width: 100%;
    margin: 2.5% 4% 0 0;
    height: 600px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.geralTextObra {
    float: left;
    position: relative;
    right: 0;
    margin: 2% 0 0 0;
    width: 33%;
}

#carrosselObra {
    width: 91%;
    /* float: left; */
    position: relative;
    margin: 0 auto;
    min-height: 550px;
    max-width: 1250px;
    margin: 0 auto;
}

.boxGDet2 img {
    /* width: 100%; */
    /* position: relative; */
    bottom: 0;
    z-index: 10;
    height: 330px;
    width: 100%;
}
.boxGDet2 {
    float: left;
    width: 100%;
    position: relative;
    height: 330px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}

#carrosselObra {
    width: 91%;
    /* float: left; */
    position: relative;
    margin: 0 auto;
    min-height: 550px;
    max-width: 1250px;
    margin: 0 auto;
}

.campFormM {
    width: 100%;
    height: 35px;
    padding: 0 0 0 2%;
    border: 1px solid #cccccc;
    margin: 0 0 10px 0;
    font-size: 14px;
    border-radius: 3px;
    font-family: 'klavika_regularplain';
}

.textBtr {
    float: left;
    font-size: 10px;
    margin: 2px 0 0 0;
}

.titDet {
    float: left;
    width: 100%;
    margin: 3% 0 0 0;
}

}



@media (min-width: 531px) and (max-width: 776px){ 

.titDet {
    float: left;
    width: 100%;
    margin: 3% 0 0 0;
}

#geralOpt {

    float: right;

    width: 100%;

    margin: 1% 0 6% 0px;

}

.textBtr {
    float: left;
    font-size: 10px;
    margin: 2px 0 0 0;
}
.campFormM {
    width: 100%;
    height: 35px;
    padding: 0 0 0 2%;
    border: 1px solid #cccccc;
    margin: 0 0 10px 0;
    font-size: 14px;
    border-radius: 3px;
    font-family: 'klavika_regularplain';
}


#carrosselObra {
    width: 91%;
    /* float: left; */
    position: relative;
    margin: 0 auto;
    min-height: 550px;
    max-width: 1250px;
    margin: 0 auto;
}

.geralImgB {

    float: left;

    width: 100% !important;

    margin: 2% 0 0 0;
    height: 360px !important

}




.boxGDet2 {
    float: left;
    width: 100%;
    position: relative;
    height: 330px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}
.boxGDet2 img {
    /* width: 100%; */
    /* position: relative; */
    bottom: 0;
    z-index: 10;
    height: 330px;
    width: 100%;
}

#carrosselObra {
    width: 91%;
    /* float: left; */
    position: relative;
    margin: 0 auto;
    min-height: 550px;
    max-width: 1250px;
    margin: 0 auto;
}

.titDetSub {
    float: left;
    width: 100%;
    margin: 2% 0 0 0;
}
.geralTextObra {
    float: left;
    position: relative;
    right: 0;
    margin: 2% 0 0 0;
    width: 33%;
}

#foneEmpresaTop {
    float: right;
    font-size: 15px;
    color: #000;
    margin: 1% 0 0 0;
    font-weight: 600;
}

.boxGDetVideos {
    float: left;
    width: 100%;
    margin: 2.5% 4% 0 0;
    height: 340px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.janelaCarregar {

    position: fixed;

    margin: 0 0 0 0;

    z-index: 1005;

    top: 50px;

    background: #ffffff;

    border: 3px solid #005a96;

    display: none;

}



#compartilharAnuncio {

    width: 90%;

    height: 155px;

    margin: 10% 0 0 4%;

}



#boxLeftDet {

    float: left;

    width: 100%;

    margin: 2% 0 0 0;

    height: auto;

    overflow: hidden;

    position: relative;

}

#boxRightDet {

    float: right;

    width: 100%;

    margin: 2% 0 0 0;

}

.boxGDet {

    float: left;

    width: 100%;

    margin: 2.5% 4% 0 0;

    height: 225px;

    overflow: hidden;

}



#boxLeftDet img {

    min-width: 100%;

    /* min-height: 485px; */

    position: relative;

    /* bottom: 0; */

    float: left;

}



#geralOpt {

    float: right;

    width: 100%;

}

#boxBtR {

    float: left;

    width: 100%;

    margin: 1% 0 3% 0;

}



.titDetSub h2 {

    float: left;

    width: 100%;

    font-size: 24px;

    color: #111111;

}



#gBtGaleria {

    float: left;

    width: 100%;

    margin: 2% 0 0 0;

}



.btGaleria {

    float: left;

    height: 45px;

    margin: 0px 1% 0 0;

    padding: 0 2% 0 2%;

    cursor: pointer;

}



.btGaleria h3 {

    float: left;

    width: 100%;

    margin: 14px 0 2% 0;

    color: #000000;

    font-size: 14px;

    font-family: 'klavika_regularplain';

}



.boxTipoDet {

    float: left;

    width: 100%;

    margin: 3% 3.3% 3% 0;

    overflow-x: hidden;

    background-color: #f1f0f0;

    padding: 0 0 1.5% 0;

}



.titTar h2 {

    float: left;

    margin: 3.3% 0 1.3% 2%;

    color: #ffffff;

    font-size: 23px;

    font-weight: 100;

}



#geralDetalhe {

    margin: 2% auto 0;

    width: 94%;

    max-width: 959px;

    padding: 1.5% 1.5% 0 1.5%;

    background-color: #ffffff;

}



.gFremeDe {

    float: left;

    width: 100%;

    margin: 2.5% 3% 4% 0;

}



}