/* CSS Document */

*{ margin: 0 auto; padding: 0;}

div:after, ol:after, form:after, ul:after, dl:after, p:after, header:after, section:after, article:after, footer:after {

	content:".";

	display:block;

	clear:both;

	visibility:hidden;

	height:0;

	overflow:hidden;

} 



img{border: 0; max-width: 100%;}



.clear{ clear:both; height: 20px;}

body{ color: #606060; font-size: 12px; font-family: 'Open Sans', sans-serif;}





#tudo{margin: 0 auto; border: 0px solid #000000; overflow: hidden;}

#geralSite{margin: 0 auto; width: 100%; max-width: 1000px; border: 0 solid #000000;}

#geralSite h2{float: left; width: 100%; margin: 25px 0 0 0; text-align: center; font-weight: 300; color: #2B96CC; font-family: 'Anton', sans-serif;  font-size: 38px;}

#geralSite #bgTitIn{ background: url(../imagens/bgTitIndex.png) no-repeat center; float: left; margin: 10px 0 0 0; height: 20px; width: 100%;}



#geralTop{position: relative;}

#topoInfor{margin: 0 auto; border: 0px solid #000000; border-top: 7px solid #232323; border-bottom: 1px dashed #EBEBEB; padding: 0 0 0.5% 0; position: relative;}

#gTopoInfor{margin: 0 auto; width: 100%; max-width: 1000px;  border: 0 solid #000000;}



#inforFone{float: left; margin: 1.5% 0 0 0; font-family: 'Open Sans', sans-serif; width: 43%; color: #92A7BB;}

#inforFone b{color: #1BA1BF; font-weight: normal; }

#inforFone .iconFone{float: left; }

#inforFone p{float: left; margin:  1% 0 0 1%;}



#conteudoSite{float: left; width: 100%; margin: 25px 0 35px 0;}

.textoInt{float: left; width: 100%; line-height: 1.6;}

.textoInt p{float: left; width: 100%; margin: 15px 0 0 0;}



.geralCenterSite{margin: 0 auto; width: 100%; }



.conteudoCenter{ width: 100%; margin: 0 auto; max-width: 1000px; position: relative; z-index: 10;}

.silver {background-color: #F5F5F5; width: 100%; height: 534px; position: absolute;}



#topo{margin: 0 auto; border: 0px solid #000000; border-top: 0 solid #0384CE; position: relative;}

#topoConteudo{margin: 0 auto; width: 100%; max-width: 1000px;  border: 0 solid #000000;}



#gRedes{float: right; width: 43%; border: 0 solid; margin: 0.5% 0 0 0;}

#textRedes{float: left; width: 38%; margin: 4% 0 0 0; color: #1BA1BF;}

#iconesRodapeSocial{float: left; width: 32%; margin: 1.1% 0 0 0; padding: 0 0 0 0;}

.redesSociaisRodape{float: left; width: 25px; padding: 18px 0; margin: 0 0.3em;}



.facebook{background: url(../imagens/icones/iconFace.png) center no-repeat;}

.facebook:hover{background: url(../imagens/icones/iconFace-h.png) center no-repeat;}



.twitter{background: url(../imagens/icones/iconTwitter.png) center no-repeat;}

.twitter:hover{background: url(../imagens/icones/iconTwitter-h.png) center no-repeat;}



.linkin{background: url(../imagens/icones/iconLink.png) center no-repeat;}

.linkin:hover{background: url(../imagens/icones/iconLink-h.png) center no-repeat;}



.gplus{background: url(../imagens/icones/icongplus.fw.png) center no-repeat;}

.gplus:hover{background: url(../imagens/icones/icongplus-h.fw.png) center no-repeat;}





#logoGoogle{float: right; margin: 1% 0 0 0; border-left: 1px  dashed #EBEBEB; padding: 0 0 0 10px;}



#logo{float: left; margin: 15px 0 0 0;  width: 224px; height: 62px;  }



#geralBanner{margin: 0 auto; border: 0px solid;}



#geralOrcamento{margin: 0 auto; width: 100%; background-color: #11242C;}

#orcamentoB{margin: 0 auto; width: 100%; max-width: 1000px;}

#orcamentoB p{float: left; margin: 2% 0 2% 0; line-height: 1.8; font-size: 18px; color: #ffffff; width: 70%;}

#btCliqueMore{float: right; margin: 3% 0 0 0;}



#menu-mobile{display: none}

#bTmenu{display: none;}



#boxTitInterna{margin: 0 auto; width: 100%; background: url(../imagens/bgtitInt.jpg) center no-repeat;}

#boxTitInternaCent{margin: 0 auto; width: 100%; max-width: 1000px; padding: 30px 0 30px 0;}

#boxTitInternaCent h1{float: left; padding: 10px; background: #0384CE; font-family: 'Anton', sans-serif; font-weight: normal; font-size: 32px; color: #ffffff;}

#boxTitInternaCent h2{float: left; font-family: 'Anton', sans-serif; font-weight: normal; font-size: 32px; color: #ffffff; margin: 20px 0 0 0; font-family: 'Muli', sans-serif; font-size: 16px; width: 98%;}



.titleIndex{ float: left; text-align: center; width: 97%; margin: 3% 0 0 0;}

.titleIndex h1{ padding: 5px 5px 5px 0;  font-size: 38px; font-weight: 500; float: left; margin: 0 0 0 41%;  background: url(../imagens/arrowTit.jpg) left bottom no-repeat;}

.titleIndex h2{ padding: 5px 5px 5px 0;  font-size: 38px; font-weight: 500; float: left; margin: 0 0 0 41% !important; background: url(../imagens/arrowTit.jpg) left bottom no-repeat;}

.arrowWhite{background: url(../imagens/arrowTitWhite.jpg) left bottom no-repeat !important; }

.titInt{font-size: 38px !important; font-weight: 400 !important;}



.titleContato{ float: left; text-align: center; width: 100%; margin: 3% 0 0 0;}

.titleContato h1{ padding: 5px 5px 0 0;  font-size: 26px; font-weight: 800; float: left; margin: 0 0 0 0; color: #79858C; width: 100%; text-align: left;}

.titleContato h2{ padding: 5px 5px 5px 0;  font-size: 16px; font-weight: 100; float: left; margin: 0 0 0 0 !important; color: #79858C; width: 100%; text-align: left;}



.titleIndexClientes{ text-align: center; width: 97%; margin: 0 0 0 0;}

.titleIndexClientes h1{ padding: 5px;  font-size: 38px; font-weight: 500;}

.titleIndexClientes h2{ padding: 5px;  font-size: 38px; font-weight: 500; margin: 1% 0 0 0 !important; width: 100%; float: left; background: url(../imagens/arrowTit2.png) center bottom no-repeat;}



.boxIndex{float: left; width: 30%; margin: 4% 3% 8% 0;  -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear; color: #ffffff; border-radius: 42px 0 42px 0;  }



.back-azul{background-color: #299ED5;}

.back-vermelho{background-color: #DD231C;}

.back-verde{background-color: #006633;}

.back-verde-smart{background-color: #00923f;}

.back-laranja-smart{background-color: #f46001;}

.back-laranja{background-color: #F76802;}




.boxIndex:hover{background-color: #333333;  -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;}



.d-50-l{width: 48% !important;}

.d-50-r{width: 48% !important; float: right !important;}



.textoInfIndex{float: left; width: 82%; text-align: center; font-size: 30px; color: #ffffff; margin: 8% 0 0 8%; font-weight: 100;}



.logoServ{float: left; width: 100%; text-align: center; margin: 15% 0 0 0;}

.titBoxIn{float: left; width: 79%; text-align: center; margin: 10% 0 0 10%; font-size: 14px; font-weight: bold;}



.boxEmpLeft{float: left; width: 47%; }

.boxEmpLeft h2, .boxEmpRight h2{width: 100% !important; font-size: 28px !important; font-weight: 400 !important; text-align: left !important; margin: 18% 0 0 0 !important;}



.boxEmpRight{float: right; width: 47%; }



.textBoldEmp{float: left; width: 100%; font-weight: 600; line-height: 1.6; color: #000000; font-size: 38px; text-align: left;}

.textEmp{float: left; width: 100%; line-height: 1.9; color: #000000; font-size: 16px !important; text-align: justify !important;}



.textBoxIn{float: left; width: 86%; text-align: center; margin: 7% 0 0 7%; line-height: 1.8; font-size: 14px; height: 140px;} 



.btBoxInd{float: left; border: 1px solid #ffffff; padding: 2% 5% 3% 5%; text-decoration: none; color: #ffffff; margin: 3% 0 5% 32%; font-size: 14px;}



.gBox-t1{float: left; margin: 10% 0 12% 0; width: 100%;}

.gBox-t2{float: left; margin: 2% 0 0 0; width: 100%;}



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

.boxIconEmp{ float: left; width: 25%; height: 180px; color: #ffffff;}

.boxIconEmp .iconBoxEmp{float: left; margin: 7% 0 0 0; width: 100%; text-align: center;}

.boxIconEmp .numbIconEmp{float: left; margin: 6% 0 0 0; width: 100%; text-align: center; font-size: 32px; font-weight: 100;}

.boxIconEmp .nomeIconEmp{float: left; margin: 6% 0 0 0; width: 100%; text-align: center; font-size: 16px; font-weight: 400;}



.az-1{background-color: #0083A4;}

.az-2{background-color: #21A4C1;}

.az-3{background-color: #78BCCB;}

.az-4{background-color: #4197A9;}



.geralTitInter{margin: 0 auto; width: 100%; background: url(../imagens/bgTitClientes.jpg) center;}

.geralTitInterCent{margin: 0 auto; width: 100%; max-width: 1000px; color: #ffffff; }

.titRightInt{float: left; margin: 5% 0 5% 0; border-right: 0 solid #ffffff; font-size: 36px; font-weight: 700;}

.titRightInt h1{ float: left; width: 100%;font-size: 36px; color: #13ACDF;}

.titRightInt-2{float: left; margin: 5% 0 5% 0; border-right: 0 solid #ffffff; font-size: 36px; font-weight: 700;}

.titRightInt-2 h1{ float: left; width: 100%;font-size: 70px; color: #ffffff;}





.geralTitInterCent h2{ float: left; margin: 5% 0 5% 3%; min-height: 95px; width: 64%; border-left: 1px solid #ffffff; line-height: 1.8; font-weight: 100; padding: 0 0 0 3%; text-transform: uppercase;}



.titpgSol{float: left; width: 100%; text-align: center; margin: 3% 0 0 0; font-size: 28px; font-weight: 800; color: #000000;}

.subTitpgSol{float: left; width: 100%; text-align: center; font-size: 14px; font-weight: 400; line-height: 1.8; margin: 2% 0 5% 0;}

.subTitpgSol2{float: left; width: 100%; text-align: center; font-size: 14px; font-weight: 400; line-height: 1.8; margin: 8% 0 8% 0;}

.subTitpgSol3{float: left; width: 100%; text-align: center; font-size: 14px; font-weight: 400; line-height: 1.8; margin: 8% 0 0 0;}



.timeBox{float: left; width: 23%; height: 275px; background-color: #EEEEEE; margin: 2% 2.6% 0 0;}

.fotoEmpBox{float: left; width: 100%; height: 162px; margin: 7% 0 0 0; overflow: hidden; text-align: center; }

.fotoBox{width: 162px;}

.timeBoxR{float: right; width: 23%; height: 275px; background-color: #EEEEEE; margin: 2% 0 0 0;}

.timeBoxR p{`float: left; width: 90%; margin: 24% 0 0 5%; text-align: center; text-transform: uppercase; line-height: 1.6;}

.nomeTimeBox{float: left; width: 100%; background: url(../imagens/icones/bgArrowNomeTime.jpg) center bottom no-repeat; text-align: center; color: #2C3E50; font-size: 18px; margin: 8% 0 0 0; font-weight: bold; text-transform: uppercase; height: 40px;}

.profTimeBox{float: left; width: 100%; text-align: center; color: #999999; font-size: 14px; margin: 6% 0 0 0; }



#facaParte{float: left; width: 100%;}

#textFacaParte{float: left; width:  57%; font-size: 16px; font-weight: 100;}

#textFacaParte p{ width: 100%; margin: 1% 0 0 0;}



#btFacaPart{float: left; width: 82%; margin: 13% 0 0 4%; background-color: #4E5D6C; font-size: 16px; display: table; text-align: center; padding: 5.5%;}

#btFacaPart:hover{background-color: #000000;}



.boxSitesR{float: right; width: 22%; margin: 8% 0 7% 0; }

.boxSites{float: left; width: 22%; margin: 8% 4% 3% 0; }

.titSites{float: left; width: 100%; font-size: 18px; color: #0083A4; font-weight: 700; text-align: center; min-height: 40px;}

.divisorSites{float: left; width: 100%; margin: 10% 0 0 0; text-align: center;}

.textSites{float: left; width: 100%; margin: 10% 0 0 0; text-align: center; font-size: 14px; line-height: 1.6;}

#textoLinkPor{float: left; width: 100%; margin: 0 0 5% 0; text-align: center; font-size: 26px; color: #79858C;}

#textoLinkPorIn{float: left; width: 100%; margin: 5% 0 3% 0; text-align: center; font-size: 26px; color: #79858C;}



.boxServSiteR{float: right; width: 32%; margin: 5% 0 5% 0; color: #79858C;}

.boxServSite{float: left; width: 32%; margin: 5% 2% 5% 0; color: #79858C;}

.imgServSite{float: left; width: 100%; margin: 5% 0 0 0; text-align: center;}

.titServSites{float: left; width: 100%; margin: 5% 0 0 0; font-size: 18px; font-weight: 600; text-align: center;}

.textServSite{float: left; width: 100%; margin: 5% 0 0 0; text-align: center; font-size: 13px; line-height: 1.6;}



.f-14{font-size: 14px !important;}

.f-22{font-size: 22px !important;}

.f-28{font-size: 28px !important;}

.f-45{font-size: 45px !important;}

.f-16{font-size: 16px !important;}  

.f-30{font-size: 30px !important;}  



#telaAdm{float: left; width: 95.5%; border: 1px solid #ffffff; padding: 2%; text-align: center;}

#btAdmTela{float: left; margin: 3% 0 0 0; width: 46%;}

#btAdmApres{float: right; margin: 3% 0 0 0; width: 46%;}



#carrosselProd{float: left; margin: 0 0 5% 0; width: 34%;}



#geralboxInf{float: right; width: 64%; }



.prodServ{float: left; width: 47%; margin: 0 2% 7% 0;}

.iconProdDes{float: left; width: 13%;}

.titProd{float: left; width: 87%; text-align: left; height: 45px; font-size: 17px; font-weight: 600; margin: 5px 0 0 0;}

.descProd{float: right; width: 100%; text-align: left; margin: 12px 0 0 0; font-size: 13px; height: 80px;}



#inforMap{float: left; width: 421px; background: url(../imagens/bgMaps.png); height: 190px;}

#inforMap #titMaiorMap{float: left; width: 100%; text-align: center; color: #ffffff; margin: 7% 0 0 0; font-size: 38px; font-weight: 700;}

#inforMap p{float: left; width: 100%; text-align: center; color: #ffffff; margin: 1% 0 0 0; font-size: 13px;  }



#geralTwitterEmp{float: left; width: 100%; background: url(../imagens/icones/bgRedesSociais.jpg); margin: 6% 0 8% 0; display: none; }

#iconTwitterEmp{float: left; width: 20%; }



#geralMapa{margin: 0 auto; position: relative; height: 500px;}



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

.boxInforContactTit h2{ padding: 5px 5px 0 0; font-size: 26px; font-weight: 800; float: left; margin: 0 0 0 0; color: #79858C; width: 100%; text-align: left;}



/*FORMULARIO contato*/

#formulario-contato{ max-width:1000px; width: 100%; float:left; border:0px solid #000000; font-size:14px; color:#333333; margin: 5px 0 0 0;}

.estilo-input-text-form-contato {width: 90%; padding: 0 2%; height: 50px; background-color:#ffffff; border:1px solid #ccc; margin: 5px 0 0 0; border-radius: 5px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 100;}

.estilo-input-text-form-contato:hover {background-color: #ececec; border: 1px solid #ccc;}

.estilo-input-text-form-contato:focus {background-color: #ececec; border:1px solid #ccc;}

.estilo-textarea-form-contato { width: 97%; height: 130px; border-radius: 5px; margin: 6px 0 0 0; padding: 5px; background-color:#ffffff; border:1px solid #ccc; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 100; }

.estilo-textarea-form-contato:hover {background-color: #ececec; border:1px solid #ccc;}

.estilo-textarea-form-contato:focus {background-color: #ececec; border:1px solid #ccc;}

#box-form-contato fieldset { width: 100%; padding-left:0; margin-top: 10px; float:left; border: 0; }

#box-form-contato fieldset label {float:left; width: 24.6%; margin: 10px 0 10px 0; font-size: 16px; color: #323339;}

#box-form-contato fieldset .error {font-family: verdana; font-size:11px; color: #9B0404; float: left; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 100;}

#box-email-enviado{font-family: verdana; font-size:11px; color: red;}

label.error { color: red;  font-size: 10px;  margin: 0 !important; display: none !important;}

#formulario-contato .bt{width:125px; background: #171717; height: 45px; float: left; margin: 10px 27px 0px 0px; border:0; color:#FFFFFF; cursor:pointer; font-size: 18px; font-family: 'Muli'; }

.botao-custom{float: right; width: 130px; height: 50px; background-color: #21C2F8; border: 0px;  color: #ffffff; cursor: pointer; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 100; border-radius: 5px;}

.botao-custom-serv{float: right; width: 130px; height: 50px; background-color: rgba(0,0,0,0.0); border: 0px;  color: #ffffff; cursor: pointer; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 100; border: 1px solid #ffffff;}

/*END FORMULARIO*/



#box-form-contato-bottom fieldset { width: 100%; padding-left:0; margin-top: 10px; float:left; border: 0; }

#box-form-contato-bottom fieldset label {float:left; width: 100%; margin: 3px 0 5px 0; font-size: 16px; color: #323339;}

#box-form-contato-bottom fieldset .error {font-family: verdana; font-size:11px; color: #9B0404; float: left; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 100;}

#box-form-contato-bottom .estilo-input-text-form-contato{width: 95% !important;}



#boxInforContact{float: left; margin: 5% 0 6% 0; border-top: 1px solid #EFEFEF; padding: 4% 0 0 0; width: 100%;}

.boxContInf{float: left; width: 33%; margin: 3% 0 0 0; font-size: 14px; height: 40px;}

.boxContInf .iconCont{float: left; margin: 0 0 0 0;}

.boxContInf p{float: left; width: 85%; margin: 0 0 0 4%;}



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



#parallaxBar{

    min-height:300px;

    background-color:#004c82;

    background: url(../imagens/cidade.jpg) 50% 0 fixed;

    position: relative;     

}

#parallaxBarSites{

    min-height:300px;

    background-color:#004c82;

    background: url(../imagens/cidade2.jpg) 50% 0 fixed;

    position: relative;     

}

#parallaxBarSmarth{

    min-height:246px;

    background-color:#004c82;

    background: url(../imagens/bgSmarthTit.jpg);

    position: relative;     

}

#parallaxBar2{

    min-height:450px;

    background-color:#005e9c;

    background: url(../imagens/bgparallax2.jpg) 50% 0 fixed;

    position: relative;     

}

#parallaxBar3{

    min-height:300px;

    background-color:#004c82;

    background: url(../imagens/bgParalax3.jpg) 50% 0 fixed;

    position: relative;     



}

#parallaxBarEmp{

    min-height:460px;

    background-color:#004c82;

    background: url(../imagens/bg-paralax-empresa.jpg) center no-repeat;

    position: relative;     

}

#parallaxBarADM{

    min-height:460px;

    background-color:#1673AC;

    background: url(../imagens/imgAdm.jpg) 50% 0 fixed;

    position: relative;     

}



#parallaxBarSGI{

    min-height:460px;

    background-color:#004c82;

    background: url(../imagens/imgSgi.jpg) 50% 0 fixed;

    position: relative;     

}

.container-fluid{margin: 0 auto; width: 100%; max-width: 1000px; border: 0 solid;}

.container-fluid p{float: left; text-align: center; color: #ffffff; font-size: 30px; font-weight: 300; margin: 7% 0 0 0; width: 100%;}

.container-fluid h2{float: left; text-align: center; color: #ffffff; font-size: 30px; font-weight: 300; margin: 7% 0 0 0;}

.container-fluid h3{float: left; width: 60%; text-align: center; color: #ffffff; font-size: 16px; font-weight: 300; margin: 2% 0 0 19%; line-height: 1.8;}

.arrowIn{float: left; width: 100%; text-align: center; margin: -10px 0 0 0;}



#geralBoxServ{float: left; margin: 5% 0 0 0;}

#geralBoxclientes{margin: 90px auto;}

.bkNuvens{background: url(../imagens/bgNuvens.jpg) center;}



#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {

display:none;

}



.nbs-flexisel-container {

    position:relative;

    max-width:100%;

    

}

.nbs-flexisel-ul {

    position:relative;

    width:9999px;

    margin:0px;

    padding:0px;

    list-style-type:none;   

    text-align:center;  

}



.nbs-flexisel-inner {

    overflow:hidden;

    float:left;

    width:100%;  

 

    border-radius:5px;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;  

}



.nbs-flexisel-item {

    float:left;

    margin:0px;

    padding:0px;

    cursor:pointer;

    position:relative;

    line-height:0px;

}

.nbs-flexisel-item img {

    width: 100%;

    cursor: pointer;

    position: relative;

    margin-top: 10px;

    margin-bottom: 10px;

    max-width:100px;

   }



/*** Navigation ***/



.nbs-flexisel-nav-left,

.nbs-flexisel-nav-right {

    width: 35px;

    height: 35px; 

    position: absolute;

    cursor: pointer;

    z-index: 100;

    opacity: 0.5;

}



.nbs-flexisel-nav-left {

    left: 10px;

    background: url(../imagens/button-previous.png) no-repeat;

}



.nbs-flexisel-nav-right {

    right: 5px;

    background: url(../imagens/button-next.png) no-repeat;

}



#rodape{margin: 0 auto; width: 100%; min-height: 150px; background: #02344A;  font-family: 'Open Sans', sans-serif; font-size: 14px;}

#geralRodape{margin: 0 auto; max-width: 1000px; width: 100%; border: 0 solid; overflow: hidden;}



.boxRod{float: left; width: 30%; border: 0 solid; margin: 5% 3% 7% 0;}

.boxRod h3{float: left; width: 100%; font-weight: 100; font-size: 28px; color: #06A6EA;}

.boxInfor{float: left; width: 100%; margin: 5% 0 0 0; color: #ffffff;}

.boxInfor p{float: left; width: 100%; margin: 2% 0 0 0; line-height: 1.8;}

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

.blocoItem b{font-weight: normal; color: #06A6EA;}



#iconesRedesRod{float: left; width: 100%; margin: 5% 0 0 0;}

#iconesRedesRod a{float: left; margin: 0 13% 0 0;}



#iconGoogle{float: left; margin: 5% 0 0 0;}



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



.boxservRight{float: right; width: 25%; margin: 0 2% 0 0;}

.boxserv{float: left; width: 25%; margin: 0 11% 0 0;}

.iconServ{float: left; width: 100%; text-align: center; min-height: 60px;}

.titServ{float: left; width: 100%; text-align: center; color: #FFFFFF; font-size: 14px; font-weight:  bold; font-size: 18px; margin: 8% 0 0 0;}

.textServIn{float: left; width: 100%; text-align: center; color: #FFFFFF; font-size: 14px;  margin: 8% 0 0 0; line-height: 1.8;}



.boxPort{float: left; margin: 2px 2px 0 0; position: relative; text-align: center;}



.imgPort{position: relative; z-index: 1; width: 247px; height: 222px;}



.revConPort{position: absolute; width: 100%; height: 0; background: url(../imagens/bgHov.jpg) no-repeat; z-index: 2; bottom: 0; overflow: hidden;}



.logoCli{float: left; width: 100%; text-align: center; margin: 18% 0 0 0;}

.logoCli img{max-width: 150px; max-height: 75px;  }

.linkCli{float: left; width: 100%; text-align: center; margin: 6% 0 0 0;}

.iconSiteRespon{float: right; text-align: right; margin: 8% 4% 0 0;}



.centerApp{margin: 0 auto; max-width: 600px; width: 100%;}

.iconApp{float: left; margin: 12% 4% 0 0;}



a.linkIn:link, a.linkIn:visited { text-decoration: none;}

a.linkIn:hover {text-decoration: none;}

a.linkIn:active {text-decoration: none; }



a.linkInSub:link, a.linkInSub:visited { text-decoration: underline;}

a.linkInSub:hover {text-decoration: none;}

a.linkInSub:active {text-decoration: none; }



a.sublinkInSub:link, a.sublinkInSub:visited { text-decoration: none;}

a.sublinkInSub:hover {text-decoration: underline;}

a.sublinkInSub:active {text-decoration: none; }



.c-white{color: #ffffff;}

.c-cinza{color: #333333;}

.c-cinza2{color: #79858C;}

.c-verde{color: #8BA306;}

.c-verde2{color: #BAD80A;}

.c-red{color: #B82C00;}

.c-azul{color: #0184CC !important;}

.c-verde{color: #1AA0BF}

.c-verm{color: #B20000 !important;}



.f-14{font-size: 14px !important;}

.f-24{font-size: 24px;}

.f-26{font-size: 26px;}

.f-16{font-size: 16px;}

.f-32{font-size: 32px;}

.b-100{font-weight: 100;}

.b-400{font-weight: 400;}

.b-600{font-weight: 600;}

.b-800{font-weight: 800 !important;}



.parceiros-expo{float: left; width: 120px; height: 100px; display: table; border: 1px solid #EEEEEE; margin: 16px 20px 0 0;}

.box-logo-premium-child{display: table-cell; vertical-align: middle; text-align: center;}

.logoCliente{max-height: 66px; max-width: 100px;}

.container-parceiros{float: left; height: 710px; overflow: hidden;}

#botaoMaisClientes{float: left; width: 100%; margin: 1.5% 0 5% 0; text-align: center;}

.maisClientes{text-decoration: none; padding: 1% 2.5% 1% 2.5%; background-color: #06A6EA; color: #ffffff; font-size: 14px;}



#inforContato{margin: 0 auto; background-color: #F5F5F5;}

#contLeftContact{float: left; width: 47%; margin: 5% 0 5% 0;}

.textoContactCliente{float: left; width: 100%; margin: 2% 0 0 0; border-bottom: 1px solid #DADCD3; padding-bottom: 5%; font-size: 14px;}

.textoContactCliente p{text-align: center; margin: 2% 0 0 0;}

#contRightContact{float: right; width: 39%; margin: 3% 0 5% 0;}

#centerIcon{width: 100%; text-align: center; margin: 2% 0 0 0;}



#textoBoxRigSev{float: left; width: 100%; font-size: 14px !important;}

#textoBoxRigSev p{margin: 2% 0 0 0 !important;}

/* =Nav

-------------------------------------------------------------- */

#nav-trigger {

  display: none;

  text-align: center; 



}

  #nav-trigger span {

    display: inline-block;

    padding: 10px 0;   

    color: white;

    cursor: pointer;

    text-transform: uppercase; 

    margin: 0.5% 1% 0 0;

    float: right;

}

   



ul#primary-nav ul { border: 0px solid #ccc; display:inline; float:left;}

ul#primary-nav ul {  display: none; position:absolute; z-index: 1000; width: 180px; border: 0px solid #000000; margin: 45px 0 0 -7px; }

ul#primary-nav li ul li a {width: 172px; float: left; border-bottom: 1px solid #fff; margin: 0 0 0 0; background-color: #333333; font-size: 12px; padding: 10px 30px; color: #FFFFFF;} /* Sub Menu Styles */

ul#primary-nav li:hover ul, ul#primary-nav li li:hover ul, ul#primary-nav li li li:hover ul, ul#primary-nav li.over ul, ul#primary-nav li li.over ul, ul#primary-nav li li li.over ul { display: block; color:#ffffff; } /* The magic */







   

    #nav-trigger span.open:after {

      border-left: solid 10px transparent;

      border-top: none;

      border-bottom: solid 10px #fff;

      border-right: solid 10px transparent; }





nav#nav-main {



   float: right;

  padding: 3% 0 3.0% 0; }

  nav#nav-main ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    text-align: center; }

  nav#nav-main li {

    display: inline-block;

   

    padding: 0 5px; }

    nav#nav-main li:last-child {

      border-right: none; }

  nav#nav-main a {

    font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600;

    text-decoration: none;

    display: block;

    color: #000000;

    padding: 6px 0 0 40px; }

   



nav#nav-mobile {

  position: relative;

  display: none; }

  nav#nav-mobile ul {

    display: none;

    list-style-type: none;

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    background-color: #666666; 

    z-index: 1000;

}

  nav#nav-mobile li {

    display: block;

    padding: 5px 0;

    margin: 0 0;

    border-bottom: solid 1px #333333; }

    nav#nav-mobile li:last-child {

      border-bottom: none; }

  nav#nav-mobile a {

    display: block;

    color: white;

    padding: 10px 30px; 

    text-decoration: none;

}

    nav#nav-mobile a:hover {

    

      color: #fff; }



/* =Media Queries

-------------------------------------------------------------- */



.bg-verde{background: #92BA34;}

.bg-vermelho{background: #9A2B27;}

.bg-azul{background: #1673AC;}

.geralIconsServ{margin: 0 auto; width: 100%;}



.btIconsServ{float: left; width: 29%; margin: 5% 6% 5% 0; border-right: 1px dashed #ffffff; height: 120px;}

.btIconsServR{float: right; width: 29%; margin: 5% 0 0 0; height: 120px;}

.iconBtServ{float: left; width: 28%; margin: 5% 0 0 0;}

.textBtIcon{float: left; width: 56%; margin: 7% 0 0 0; font-size: 18px; color: #ffffff; line-height: 1.6;}



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

.logoPort{float: left; width: 200px; height: 65px; border: 2px solid #D9E1E8; background-color: #ffffff; display: table; margin: 3% 6.1% 0 0;}

.logoPort-r{float: right; width: 200px; height: 65px; border: 2px solid #D9E1E8; background-color: #ffffff; display: table; margin: 3% 0 0 0;}

.gLogPort{display: table-cell; vertical-align: middle; text-align: center;}



.boxBrevDes{float: left; width: 23%; height: 263px; position: relative; margin: 7% 2.5% 7% 0;}

.boxBrevDesR{float: right; width: 23%; height: 263px; position: relative; margin: 7% 0 7% 0;}

.textBoxBrev{position: absolute; bottom: 4%; width: 100%; color: #ffffff; text-align: center; font-size: 14px;}

.bg-b-s01{background: url(../imagens/bg-s-01.jpg) no-repeat center;}

.bg-b-s02{background: url(../imagens/bg-s-02.jpg) no-repeat center;}

.bg-b-s03{background: url(../imagens/bg-s-03.jpg) no-repeat center;}

.bg-b-s04{background: url(../imagens/bg-s-04.jpg) no-repeat center;}



.bg-smarth-div{background: url(../imagens/bg-s-div.jpg) repeat-x;}



#gBoxPlanos{float: left; width: 100%; margin: 8% 0 2.3% 0;}

.boxPlanoR{width: 15%; height: 198px; border: 4px solid #ffffff; background: url(../imagens/bg-plano.jpg) repeat-x; position: relative; float: right;}

.boxPlano{width: 15%; height: 198px; border: 4px solid #ffffff; background: url(../imagens/bg-plano.jpg) repeat-x; position: relative; float: left; margin: 0 1% 0 0;}



.numUser{float: left; width: 100%; text-align: center; color: #668124; font-size: 52px; margin: 21% 0 0 0;}

.textNumUser{float: left; width: 100%; text-align: center; color: #668124; font-size: 18px;}

.boxValorP{position: absolute; width: 100%; text-align: center; color: #ffffff; padding: 2% 0 2% 0; bottom: 0; font-size: 16px;  text-shadow: 2px 2px #A1C627;}



.btPlanos{float: left; width: 350px; padding: 1% 0 1% 0; background: #5A7320; text-align: center; margin: 7% 0 5% 32.5%; font-size: 42px; font-weight: 100;}



.b-plan-01{background: #BDDA7A;}

.b-plan-02{background: #A1C627;}

.b-plan-03{background: #8BAC24;}

.b-plan-04{background: #92BA34;}

.b-plan-05{background: #688525;}

.b-plan-06{background: #5A7320;}



.b-tit-plano{background: url(../imagens/arrowTitPlano.jpg) left bottom no-repeat !important;}

.b-tit-ag{background: url(../imagens/arrowTitAg.jpg) left bottom no-repeat !important;}



.boxExpo{float: left; width: 23%; margin: 5% 2% 5% 0; color: #DC700E; text-align: center; font-size: 16px;}

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

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



.bg-color-exp{background: #F07C13 !important;}

.imgDispExpo{float: left; margin: 0% 0 5% 0; text-align: center; width: 100%;}

.imgDispExpo2{float: left; margin: 5% 0 5% 0; text-align: center; width: 100%;}



.gIconApp{float: left; width: 36%; margin: 0% 0 5% 37%;}

.iconeAp{float: left; margin: 0 5% 0 0 ; }



#boxDireitoExpo{float: right;  width: 50%; text-align: center; margin: 5% 0 0 0;}

#boxEsquerdoExpo{float: left; width: 40%; margin: 0 0 5% 0;}

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

.titEsq{float: left; width: 100%; margin: 10% 0 0 0; font-size: 20px;}

.textEsq{float: left; width: 100%; margin: 4% 0 0 0; font-size: 12px;}

.listEsq{float: left; margin: 5% 0 0 0;}

.listEsq li{ list-style: none; margin: 5% 0 0 0;}

.btAcessExpo{float: right; margin: 11% 0 0 0;}



.boxTelasApp{float: left; width: 20%; margin: 9% 0 4% 0;}

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

.boxAppBottomR{float: right; margin: 2% 0 0 0; }

.boxAppBottom{float: left; margin: 2% 6.2% 0 0; }



#titulo-parceiros{font-size: 29px;}

.box-logo {float: left; width: 200px; height: 80px; border: 3px solid silver; background-color: #ffffff; display: table; margin: 3% 12.1% 0 0; display: table-cell; vertical-align: middle; text-align: center; z-index: 999;}

.img-size {width: 70%;}

.titleContato-parceiros {margin: 2% 0 5% 5%;}

.gLogPort2 {vertical-align: middle; text-align: center; margin-top: 13px;}



@media (max-width: 480px){



.boxAppBottomR{width: 48%; float: left; text-align: center; margin: 2% 1% 0 0;} 

.boxAppBottom{width: 48%; text-align: center; margin: 2% 1% 0 0;} 

.boxTelasApp{width: 48%; text-align: center; margin: 2% 1% 0 0;} 

.iconApp{width: 45%; text-align: center;}

.centerApp {width: 97%; padding: 2%;}



#titulo-parceiros{font-size: 29px;}

.box-logo {float: left; width: 200px; height: 80px; border: 3px solid silver; background-color: #ffffff; display: table; margin: 3% 12.1% 0 0; display: table-cell; vertical-align: middle; text-align: center; z-index: 999;}

.titleContato-parceiros {margin: 2% 0 5% 15%;}

.gLogPort2 {vertical-align: middle; text-align: center; margin-top: 13px;}



.boxServSiteR{width: 100%;}

.boxServSite{width: 100%;}

.boxSitesR{float: right; width: 100%; margin: 8% 0 7% 0; }

.boxSites{float: left; width: 100%; margin: 8% 4% 3% 0; }

#boxDireitoExpo{float: right;  width: 100%; text-align: center;}

#boxEsquerdoExpo{float: left; width: 100%; margin: 0 0 5% 0;}

.boxExpo{float: left; width: 100%; margin: 5% 2% 5% 0; color: #DC700E; text-align: center; font-size: 16px;}

#geralBanner{display: none;}

.boxPlanoR{width: 100%; height: 198px; border: 4px solid #ffffff; background: url(../imagens/bg-plano.jpg) repeat-x; position: relative; float: right; margin: 7% 0 0 0;}

.boxPlano{width: 100%; height: 198px; border: 4px solid #ffffff; background: url(../imagens/bg-plano.jpg) repeat-x; position: relative; float: left; margin: 7% 1% 0 0;}

.numUser{float: left; width: 100%; text-align: center; color: #668124; font-size: 52px; margin: 10px 0 0 0;}

.btPlanos{float: left; width: 100%; padding: 1% 0 1% 0; background: #5A7320; text-align: center; margin: 7% 0 5% 0; font-size: 42px; font-weight: 100;}



#tudo{margin: 106px 0 0 0; background-color: #ffffff;}

#geralTop{position: fixed; z-index: 1000; width: 100%; top: 0; background-color: #ffffff; height: 98px; box-shadow: 2px 0px 13px;}

#gRedes{display: none;}

#inforFone{width: 100%; margin: 1% 0 0.5% 1%;}

.ocult{display: none;}

#menu-site{display: none;}

#logo{float: left; margin: 14px 0 0 0;  width: 145px; height: 62px;  }

#geralOrcamento{display: none;}

.boxIndex{width: 85%; margin: 8% 2% 7% 5%; min-height: auto;}

#topoInfor{margin: 0 auto; border: 0px solid #000000; border-top: 2px solid #232323; border-bottom: 1px dashed #EBEBEB; padding: 0 0 0.5% 0; position: relative;}

.conteudoCenter{ width: 94%; margin: 0 auto; max-width: 1000px; position: relative; z-index: 10; padding: 2%;}



.titleIndex{ float: left; text-align: center; width: 100%; margin: 3% 0 0 0;}

.titleIndex h1{ padding: 5px 5px 5px 0;  font-size: 38px; width: 100%; font-weight: 500; float: left; margin: 0 0 0 0;  background: url(../imagens/arrowTit.jpg) center bottom no-repeat;}

.titleIndex h2{ padding: 5px 5px 5px 0;  font-size: 38px; width: 100%; font-weight: 500; float: left; margin: 0 0 0 0 !important; background: url(../imagens/arrowTit.jpg) center bottom no-repeat;}

.arrowWhite{background: url(../imagens/arrowTitWhite.jpg) center bottom no-repeat !important; }



.boxserv{float: left; width: 91%; margin: 12% 11% 0 5%;}

.boxservRight{float: left; width: 91%; margin: 12% 11% 9% 5%;}



.boxPort{float: left; margin: 8% 2px 2% 0; width: 100%; position: relative; text-align: center;}

.container-fluid p{float: left; text-align: center; color: #ffffff; font-size: 24px; font-weight: 300; margin: 7% 0 0 0; width: 100%;}



.textoInfIndex{float: left; width: 82%; text-align: center; font-size: 24px; color: #ffffff; margin: 8% 0 0 8%; font-weight: 100; line-height: 1.7;}



.boxRod{float: left; width: 95%; border: 0 solid; margin: 5% 3% 7% 5%;}



.textBoxIn{float: left; width: 86%; text-align: center; margin: 7% 0 0 7%; line-height: 1.8; font-size: 14px; height: auto;}



.titRightInt{float: left; margin: 5% 0 5% 0; width: 100%; border-right: 0 solid #ffffff; font-size: 36px; font-weight: 700; text-align: center;}

.titRightInt h1{ float: left; width: 100%;font-size: 32px; color: #13ACDF; text-align: center;}

.geralTitInterCent h2{ float: left; margin: 5% 0 5% 3%; width: 61%; border-left: 1px solid #ffffff; line-height: 1.8; font-weight: 100; padding: 0 0 0 5%; display: none;}

.titleContato h1{ padding: 5px 5px 0 0;  font-size: 26px; font-weight: 800; float: left; margin: 0 0 0 0; color: #79858C; width: 100%; text-align: center;}

.titleContato h2{ padding: 5px 5px 5px 0;  font-size: 16px; font-weight: 100; float: left; margin: 0 0 0 0 !important; color: #79858C; width: 100%; text-align: center;}

#box-form-contato fieldset { width: 92%; padding-left:0; margin-top: 10px; float:left; border: 0; margin-left: 4%; }

.estilo-input-text-form-contato {width: 95%; padding: 0 2%; height: 50px; background-color:#ffffff; border:1px solid #ccc; margin: 5px 0 0 0; border-radius: 5px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 100;}

#box-form-contato fieldset label {float:left; width: 100%; margin: 10px 0 10px 0; font-size: 16px; color: #323339;}

.boxContInf{float: left; width: 100%; margin: 8% 0 0 0; font-size: 14px; height: 40px;}

#inforMap{display: none;}



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

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

.textBoldEmp{float: left; width: 100%; font-weight: 600; text-align: center; line-height: 1.6; color: #000000; font-size: 30px;}

.gBox-t1{margin: 5% 0 0 0;}

.container-fluid{width: 94%; padding: 2%;}

.boxEmpLeft h2, .boxEmpRight h2{text-align: center !important; margin: 10% 0 0 0 !important; }

.boxIconEmp{width: 50%;}

.timeBox{width: 100%; height: auto;}

.profTimeBox{ margin: 6% 0 5% 0;}

.timeBoxR{width: 100%; height: auto;}

#textFacaParte{width: 100%;}

#btFacaPart{width: 90%; padding: 5%; margin: 5% 0 0 0; float: left;}

#geralTwitterEmp{margin: 11% 0 11% 0;}



#contLeftContact{float: left; width: 100%; margin: 5% 0 5% 0;}

#contRightContact{float: right; width: 100%; margin: 3% 0 5% 0;}



.parceiros-expo{width: 41%; margin-left: 16px 20px 0 2%;}



.ativo{display: block;}



.btIconsServ{float: left; width: 100%; margin: 5% 6% 5% 0; border-right: 0; height: 120px;}

.btIconsServR{float: left; width: 100%; margin: 5% 0 0 0; height: 120px;}

.titInt{font-size: 26px !important; font-weight: 400 !important;}



ul.accordion li a{background:#46535c!important;}

ul.accordion li a:hover{background:#46535c !important;}



nav#nav-mobile {



  position: inherit;

  display: none; }

  nav#nav-mobile ul {

    display: none;

    list-style-type: none;

    position: inherit !important;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    background-color: #666666;

    width: 100%;

}

ul#primary-nav ul {  display: none; position:inherit !important; z-index: 1000; width: 100%; border: 0px solid #000000; margin: 0 0 0 0; }

ul#primary-nav li ul li a{padding:10px 0; width: 100%; }



.fotoEmpBox{float: left; width: 100%; height: 162px; margin: 7% 0 0 0; background: none; overflow: hidden; border-radius: 80px; border: 0 solid #ffffff; text-align: center;}



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

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



#btAdmTela{float: left; margin: 3% 0 0 0; width: 100%; text-align: center;}

#btAdmApres{float: right; margin: 3% 0 0 0; width: 100%; text-align: center;}



.titRightInt-2{ width: 100%; text-align: center;}

.titRightInt-2 h1{font-size: 42px;}



.botao-custom-serv{float: right; width: 100%; height: 50px; background-color: rgba(0,0,0,0.0); border: 0px;  color: #ffffff; cursor: pointer; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 100; border: 1px solid #ffffff;}



.logoPort{float: left; width: 100%; height: 65px; border: 2px solid #D9E1E8; background-color: #ffffff; display: table; margin: 3% 6.1% 0 0;}

.logoPort-r{float: right; width: 100%; height: 65px; border: 2px solid #D9E1E8; background-color: #ffffff; display: table; margin: 3% 0 0 0;}

.boxBrevDes{width: 100%; }

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



.revConPort{display: none;}



.bannerPublicidade {margin: 100px auto 0; width: 60%;}



#parallaxBarEmp{

    min-height:460px;

    background-color:#004c82;

    background: #000000;

    position: relative;     

}



}



@media (min-width: 481px) and (max-width: 767px){ 





.boxEmpLeft h2, .boxEmpRight h2{text-align: center !important; margin: 10% 0 0 0 !important; }

#parallaxBarEmp{

    min-height:460px;

    background-color:#004c82;

    background: #000000;

    position: relative;     

}



.revConPort{display: none;}

.boxAppBottomR{width: 48%; float: left; text-align: center; margin: 2% 1% 0 0;} 

.boxAppBottom{width: 48%; text-align: center; margin: 2% 1% 0 0;} 

.boxTelasApp{width: 48%; text-align: center; margin: 2% 1% 0 0;} 

.iconApp{width: 45%; text-align: center;}

.centerApp {width: 97%; padding: 2%;}



#titulo-parceiros{font-size: 29px;}

.box-logo {float: left; width: 200px; height: 80px; border: 3px solid silver; background-color: #ffffff; display: table; margin: 3% 12.1% 0 0; display: table-cell; vertical-align: middle; text-align: center; z-index: 999;}

.titleContato-parceiros {margin: 2% 0 5% 10%;}

.gLogPort2 {vertical-align: middle; text-align: center; margin-top: 13px;}



.geralTitInterCent h2{display: none;}

.boxServSiteR{width: 100%;}

.boxServSite{width: 100%;}

.boxSitesR{float: right; width: 100%; margin: 8% 0 7% 0; }

.boxSites{float: left; width: 100%; margin: 8% 4% 3% 0; }



#boxDireitoExpo{float: right;  width: 100%; text-align: center;}

#boxEsquerdoExpo{float: left; width: 100%; margin: 0 0 5% 0;}

.boxExpo{float: left; width: 100%; margin: 5% 2% 5% 0; color: #DC700E; text-align: center; font-size: 16px;}

#geralBanner{display: none;}

.boxPlanoR{width: 100%; height: 198px; border: 4px solid #ffffff; background: url(../imagens/bg-plano.jpg) repeat-x; position: relative; float: right; margin: 7% 0 0 0;}

.boxPlano{width: 100%; height: 198px; border: 4px solid #ffffff; background: url(../imagens/bg-plano.jpg) repeat-x; position: relative; float: left; margin: 7% 1% 0 0;}

.numUser{float: left; width: 100%; text-align: center; color: #668124; font-size: 52px; margin: 10px 0 0 0;}

.btPlanos{float: left; width: 100%; padding: 1% 0 1% 0; background: #5A7320; text-align: center; margin: 7% 0 5% 0; font-size: 42px; font-weight: 100;}



#tudo{margin: 106px 0 0 0; background-color: #ffffff;}

#geralTop{position: fixed; z-index: 1000; width: 100%; top: 0; background-color: #ffffff; height: 106px; box-shadow: 2px 0px 13px;}

#gRedes{display: none;}

#inforFone{width: 100%; margin: 1% 0 0.5% 1%;}

.ocult{display: none;}

#menu-site{display: none;}

#logo{float: left; margin: 14px 0 0 0;  width: 145px; height: 62px;  }

#geralOrcamento{display: none;}

.boxIndex{width: 42%; margin: 8% 2% 7% 5%; min-height: auto;}

#topoInfor{margin: 0 auto; border: 0px solid #000000; border-top: 2px solid #232323; border-bottom: 1px dashed #EBEBEB; padding: 0 0 0.5% 0; position: relative;}

.conteudoCenter{ width: 94%; margin: 0 auto; max-width: 1000px; position: relative; z-index: 10; padding: 2%;}



.titleIndex{ float: left; text-align: center; width: 100%; margin: 3% 0 0 0;}

.titleIndex h1{ padding: 5px 5px 5px 0;  font-size: 38px; width: 100%; font-weight: 500; float: left; margin: 0 0 0 0;  background: url(../imagens/arrowTit.jpg) center bottom no-repeat;}

.titleIndex h2{ padding: 5px 5px 5px 0;  font-size: 38px; width: 100%; font-weight: 500; float: left; margin: 0 0 0 0 !important; background: url(../imagens/arrowTit.jpg) center bottom no-repeat;}

.arrowWhite{background: url(../imagens/arrowTitWhite.jpg) center bottom no-repeat !important; }



.boxserv{float: left; width: 91%; margin: 12% 11% 0 5%;}

.boxservRight{float: left; width: 91%; margin: 12% 11% 9% 5%;}



.boxPort{float: left; margin: 8% 2px 2% 0; width: 45%; position: relative; text-align: center;}

.container-fluid p{float: left; text-align: center; color: #ffffff; font-size: 24px; font-weight: 300; margin: 7% 0 5% 0; width: 100%;}



.textoInfIndex{float: left; width: 82%; text-align: center; font-size: 24px; color: #ffffff; margin: 8% 0 0 8%; font-weight: 100; line-height: 1.7;}



.boxRod{float: left; width: 95%; border: 0 solid; margin: 5% 3% 7% 5%;}



.textBoxIn{float: left; width: 86%; text-align: center; margin: 7% 0 0 7%; line-height: 1.8; font-size: 14px; height: auto;}



.titRightInt{float: left; margin: 5% 0 5% 0; width: 100%; border-right: 0 solid #ffffff; font-size: 36px; font-weight: 700; text-align: center;}

.titRightInt h1{ float: left; width: 100%;font-size: 32px; color: #13ACDF; text-align: center;}

.geralTitInterCent h2{ float: left; margin: 5% 0 5% 3%; width: 61%; border-left: 1px solid #ffffff; line-height: 1.8; font-weight: 100; padding: 0 0 0 5%; display: none;}

.titleContato h1{ padding: 5px 5px 0 0;  font-size: 26px; font-weight: 800; float: left; margin: 0 0 0 0; color: #79858C; width: 100%; text-align: center;}

.titleContato h2{ padding: 5px 5px 5px 0;  font-size: 16px; font-weight: 100; float: left; margin: 0 0 0 0 !important; color: #79858C; width: 100%; text-align: center;}

#box-form-contato fieldset { width: 92%; padding-left:0; margin-top: 10px; float:left; border: 0; margin-left: 4%; }

.estilo-input-text-form-contato {width: 95%; padding: 0 2%; height: 50px; background-color:#ffffff; border:1px solid #ccc; margin: 5px 0 0 0; border-radius: 5px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 100;}

#box-form-contato fieldset label {float:left; width: 100%; margin: 10px 0 10px 0; font-size: 16px; color: #323339;}

.boxContInf{float: left; width: 100%; margin: 8% 0 0 0; font-size: 14px; height: 40px;}

#inforMap{display: none;}



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

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

.textBoldEmp{float: left; width: 100%; font-weight: 600; text-align: center; line-height: 1.6; color: #000000; font-size: 30px;}

.gBox-t1{margin: 5% 0 0 0;}

.container-fluid{width: 94%; padding: 2%;}

.boxEmpLeft h2, .boxEmpRight h2{text-align: center !important; }

.boxIconEmp{width: 50%;}

.timeBox{width: 100%; height: auto;}

.profTimeBox{ margin: 6% 0 5% 0;}

.timeBoxR{width: 100%; height: auto;}

#textFacaParte{width: 100%;}

#btFacaPart{width: 90%; padding: 5%; margin: 5% 0 0 0; float: left;}

#geralTwitterEmp{margin: 11% 0 11% 0;}



#contLeftContact{float: left; width: 100%; margin: 5% 0 5% 0;}

#contRightContact{float: right; width: 100%; margin: 3% 0 5% 0;}



.parceiros-expo{width: 41%; margin-left: 16px 20px 0 2%;}



.ativo{display: block;}



.btIconsServ{float: left; width: 100%; margin: 5% 6% 5% 0; border-right: 0; height: 120px;}

.btIconsServR{float: left; width: 100%; margin: 5% 0 0 0; height: 120px;}

.titInt{font-size: 26px !important; font-weight: 400 !important;}



ul.accordion li a{background:#46535c!important;}

ul.accordion li a:hover{background:#46535c !important;}



nav#nav-mobile {



  position: inherit;

  display: none; }

  nav#nav-mobile ul {

    display: none;

    list-style-type: none;

    position: inherit !important;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    background-color: #666666;

    width: 100%;

}

ul#primary-nav ul {  display: none; position:inherit !important; z-index: 1000; width: 100%; border: 0px solid #000000; margin: 0 0 0 0; }

ul#primary-nav li ul li a{padding:10px 0; width: 100%; }



.fotoEmpBox{float: left; width: 100%; height: 162px; margin: 7% 0 0 0; background: none; overflow: hidden; border-radius: 80px; border: 0 solid #ffffff; text-align: center;}



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

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



#btAdmTela{float: left; margin: 3% 0 0 0; width: 100%; text-align: center;}

#btAdmApres{float: right; margin: 3% 0 0 0; width: 100%; text-align: center;}



.titRightInt-2{ width: 100%; text-align: center;}

.titRightInt-2 h1{font-size: 42px;}



.botao-custom-serv{float: right; width: 100%; height: 50px; background-color: rgba(0,0,0,0.0); border: 0px;  color: #ffffff; cursor: pointer; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 100; border: 1px solid #ffffff;}



.logoPort{float: left; width: 100%; height: 65px; border: 2px solid #D9E1E8; background-color: #ffffff; display: table; margin: 3% 6.1% 0 0;}

.logoPort-r{float: right; width: 100%; height: 65px; border: 2px solid #D9E1E8; background-color: #ffffff; display: table; margin: 3% 0 0 0;}

.boxBrevDes{width: 100%; }

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





}



@media (min-width: 768px) and (max-width: 950px){ 

#logoGoogle {display: none;}

#inforFone {width: 52%;}

#gRedes{width: 41%;}

.titBoxIn{height: 50px;}

.textBoxIn{height: 190px;}

#iconesRodapeSocial {width: 46%;}

.geralTitInterCent h2{display: none;}

.boxPort{float: left; margin: 2px 2px 0 0; position: relative; text-align: center; width: 33%; height: 222px;}

.revConPort{display: none;}

.boxIndex{min-height: 382px;} 

#textRedes{float: left; width: 50%; margin: 4% 0 0 0; color: #1BA1BF;}

#parallaxBar2{

    min-height:450px;

    background-color:#004c82;

    background: #009db2;

    position: relative;     

}



.box-logo {float: left; width: 200px; height: 80px; border: 3px solid silver; background-color: #ffffff; display: table; margin: 3% 12.1% 0 0; display: table-cell; vertical-align: middle; text-align: center; z-index: 999;}

.titleContato-parceiros {margin: 2% 0 5% 10%;}

.gLogPort2 {vertical-align: middle; text-align: center; margin-top: 13px;}



.boxAppBottom{width: 18%;}

.boxAppBottomR{width: 18%; float: left; margin: 2% 6.2% 0 0;}



}



@media (min-width: 768px) and (max-width: 850px){ 







}





@media all and (max-width: 1020px) {.logoPort-r{float: left; margin: 3% 6.1% 0 0;}}



@media all and (max-width: 900px) {



ul#primary-nav li ul li a{width: 100%; padding: 10px 0;}

ul#primary-nav ul {

  display: none;

  position: inherit !important;

  z-index: 1000;

  width: 100%;

  border: 0px solid #000000;

  margin: 0 0 0 0;

}

.logoPort-r{float: left; margin: 3% 6.1% 0 0;}

#btAdmApres{text-align: center; width: 100%;}

#btAdmTela{width: 100%; text-align: center;}

.gBox-t2{width: 96%; padding: 2%;}

#geralboxInf{width: 100%;}

    #carrosselProd{text-align: center; width: 100%;}

    .conteudoCenter {padding: 2%; width: 96%;}

    #geralRodape{width: 96%}

    #logo{width: 144px; }

  #nav-trigger {

    display: block; }



  nav#nav-main {

    display: none; }



  nav#nav-mobile {

    display: block; 

    margin: -11px 0 0 0;

    }

}