@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);


/* ----- RESET ----- */
html, input, textarea, button, select, option { border: 0 solid #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #808080; }
textarea { max-width: 100%; min-width: 100%; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-font-smoothing: antialiased; }
*:focus { outline: 0; border: 0; } 
span { color: inherit; }
img { border: 0; display: block; }
hr { display: none;}
ol, ul, li { list-style: none; margin: 0; padding: 0; }
a { display: block; text-decoration: none; text-transform: inherit; font-size: inherit; color: inherit; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }
p a { display: inline-block; }
strong { color: inherit; font-weight: 700; }
h1, h2, h3, h4, h5, h6, option { color: inherit; font-weight: inherit; font-size: inherit; }
button { padding: 0; margin: 0; background-color: transparent; border: 0; outline: none; cursor: pointer; color: inherit; }


/* ----- CLEARFIX ----- */
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 0; }

.conteudo { max-width: 986px; min-width: 986px; margin: 0 auto; display: block; }
.conteudo:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .conteudo { display: block; }
* html .conteudo { height: 0; }

.setor { width: 100%; position: relative; float: left; }
.setor:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .setor { display: block; }
* html .setor { height: 0; }


/* ----- GERAL ----- */
body { overflow-y: scroll; background-color: #ffffff; margin: 0 auto; }
body.modalAtivo { overflow: hidden; }
#site { width: 100%; max-width: 1300px; background: url('../images/bg-site.png') center top repeat; min-height: 100%; margin: 0 auto; overflow: hidden; display: block; box-shadow: 0 0 50px #808080; -webkit-box-shadow: 0 0 50px #808080; -moz-box-shadow: 0 0 50px #808080; -ms-box-shadow: 0 0 50px #808080; -o-box-shadow: 0 0 50px #808080; }
.transition { transition: all ease-in-out 500ms; -webkit-transition: all ease-in-out 500ms; -moz-transition: all ease-in-out 500ms; -ms-transition: all ease-in-out 500ms; -o-transition: all ease-in-out 500ms; }
.colEsq { float: left; width: 44%; margin-right: 12%; }
.colDir { float: right; width: 44%; }

.conteudoInterna { background-color: #d8d6d7; padding: 40px; }
.tituloPrincipal { margin-bottom: 20px; }



/* ----- MODAIS ----- */
.modal { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: auto; }
.modalAuxiliar1 { width: 100%; height: 100%; display: table; position: absolute; background-color: rgba(38,21,115,0.8); top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; }
.modalAuxiliar2 { vertical-align: middle; display: table-cell; position: static; *top: 50%; /* hack para o IE6 e IE7 */ *position: absolute; /* hack para o IE6 e IE7 */ }
.modalConteudo { width: 500px; margin: 50px auto; position: relative; padding: 40px; background-color: #ffffff; }
.modalFechar { position: absolute; top: -40px; right: -40px; text-align: center; width: 40px; height: 40px; line-height: 40px; background-color: #de0a0a; }
.modalFechar:hover { background-color: #333333; color: #ffffff; }
.modalTitulo { width: 100%; line-height: 21px; }
.modalTitulo img { margin: auto; display: block; }
.modalSubTitulo { width: 100%; margin-top: 10px; line-height: 21px; }
.modalConteudoInterno { width: 100%; margin-top: 10px; }
.modalTexto { width: 100%; line-height: 18px; margin-top: 10px; float: left; }



.alerta { width: 100%; box-sizing: border-box; padding: 10px; margin-bottom: 40px; background-color: #FFFDE4; border: 1px solid #edd14e; }
.alerta.erro { margin-bottom: 0; background-color: #FFE4E4; border: 1px solid #ED4E4E; color: #ED4E4E; }
.alerta.sucesso { margin-bottom: 0; background-color: #F6FFE4; border: 1px solid #c2ed4e; color: #c2ed4e; }


/* ----- FORMULARIO ----- */
.form { margin-bottom: 30px; }
.formLinha { margin: 0 -15px; }
.label { margin: 5px 0; line-height: 30px; }
.formColFantasma { min-height: 40px; }

.formCol12 { padding: 0 15px; float: left; width: 100%; }
.formCol11 { padding: 0 15px; float: left; width: 91.666666%; }
.formCol10 { padding: 0 15px; float: left; width: 83.333333%; }
.formCol9 { padding: 0 15px; float: left; width: 75%; }
.formCol8 { padding: 0 15px; float: left; width: 66.666666%; }
.formCol7 { padding: 0 15px; float: left; width: 58.333333%; }
.formCol6 { padding: 0 15px; float: left; width: 50%; }
.formCol5 { padding: 0 15px; float: left; width: 41.666666%; }
.formCol4 { padding: 0 15px; float: left; width: 33.333333%; }
.formCol3 { padding: 0 15px; float: left; width: 25%; }
.formCol2 { padding: 0 15px; float: left; width: 16.666666%; }
.formCol1 { padding: 0 15px; float: left; width: 8.333333%; }

.formInput { width: 100%; margin: 5px 0; padding: 0 10px; display: block; line-height: 30px; height: 30px; background-color: #f9f9f9; border: 1px solid #cccccc; float: left; }
.formInput::-webkit-input-placeholder { line-height: 30px; height: 30px; color: #aaaaaa; }
.formInput:-moz-placeholder { line-height: 30px; height: 30px; color: #aaaaaa; }
.formInput::-moz-placeholder { line-height: 30px; height: 30px; color: #aaaaaa; }
.formInput:-ms-input-placeholder { line-height: 30px; height: 30px; color: #aaaaaa; }
.formInput:focus { border: 1px solid #f8931d; }

textarea.formInput { min-height: 216px; max-height: 216px; line-height: 24px; padding: 10px;}
textarea.formInput::-webkit-input-placeholder { line-height: 24px; }
textarea.formInput:-moz-placeholder { line-height: 24px; }
textarea.formInput::-moz-placeholder { line-height: 24px; }
textarea.formInput:-ms-input-placeholder { line-height: 24px; }

p.formInput { background-color: transparent; border: 0; padding: 0; }

.formBotao { width: 100%; margin: 10px 0; text-align: center; float: right; line-height: 40px; height: 40px; padding: 0; background-color: #0066b2; }
.formBotao:hover,
.formBotao:focus { background-color: #0066b2; color: #ffffff; }
.formBotao i { line-height: 40px; display: block; }


.formBotao.erro { background-color: #B61818; }
.formBotao.erro:hover,
.formBotao.erro:focus { background-color: #DB2F2F; }
.formBotao.sucesso { background-color: #9EB618; }
.formBotao.sucesso:hover,
.formBotao.sucesso:focus { background-color: #C2DC30; }

.formCombo { margin-top: -10px; }
.formCombo .formInput {
    width: 80%; margin-bottom: 0; border-right: 0;
    border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px;
}
.formCombo .formInput:focus + .formBotao { border-color: #f8931d; }
.formCombo .formBotao {
    width: 20%; margin-bottom: 0; border: 1px solid #cccccc; border-left: 0; background-color: #f9f9f9;
    border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0;
}
.formCombo .formBotao:hover i { color: #7b1221; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.formInput.erro { border-color: #B61818; }

.invertido .formBotao { background-color: #606060; }
.invertido .formBotao:hover { background-color: #0066b2; color: #ffebec; }



.newsletter .formInput { line-height: 22px; height: 22px; margin: 2px 0; }
.newsletter .formInput::-webkit-input-placeholder { line-height: 22px; height: 22px; color: #012354; }
.newsletter .formInput:-moz-placeholder { line-height: 22px; height: 22px; color: #012354; }
.newsletter .formInput::-moz-placeholder { line-height: 22px; height: 22px; color: #012354; }
.newsletter .formInput:-ms-input-placeholder { line-height: 22px; height: 22px; color: #012354; }

.newsletter .formBotao { line-height: 22px; height: 22px; margin: 2px 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }




/* ----- FONTE ----- */
.f8 { font-size: 8px; }
.f9 { font-size: 9px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f38 { font-size: 38px; }
.f40 { font-size: 40px; }
.f45 { font-size: 45px; }
.f46 { font-size: 46px; }
.f50 { font-size: 50px; }
.f60 { font-size: 60px; }
.f70 { font-size: 70px; }
.f80 { font-size: 80px; }


.branco { color: #ffffff; }
.cinzaClaro { color: #cccccc; }
.cinza { color: #808080; }
.cinzaEscuro { color: #606060; }
.azul { color: #012354; }
.vermelho { color: #e61818; }
.verde { color: #74bf46; }
.verdeEscuro { color: #535b2d; }
.amarelo { color: #ffe614; }

.light { font-family: 'Open Sans', serif; font-weight: 300; }
.lightC { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; }
.regular { font-family: 'Open Sans', serif; font-weight: 400; }
.regularC { font-family: 'Open Sans Condensed', serif; font-weight: 400; }
.bold { font-family: 'Open Sans', serif; font-weight: 700; }
.boldC { font-family: 'Open Sans Condensed', serif; font-weight: 700; }
.heavy { font-family: 'Open Sans', serif; font-weight: 800; }

.upper { text-transform: uppercase; }
.cap { text-transform: capitalize; }




/* ---------- SITE ---------- */

/* ----- TOPO ----- */
.topoCima { background: url('../images/bg-topo.jpg') center top no-repeat; border-bottom: 10px solid #ffffff; min-height: 182px; }
.topoLogo { float: left; margin: 50px 0 40px 80px; }

.menuPrincipal { background: url('../images/bg-menu.png') center top no-repeat transparent; position: relative; z-index: 1000; top: -40px; min-height: 90px; margin-bottom: -90px; }
.menu { padding: 0; display: table; margin: 0 auto; }
.menuItem { float: left; padding: 11px 0; }
.menuItem a { line-height: 23px; padding: 0 10px; border: 1px solid transparent; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.menuItem a:hover,
.menuItem a.ativo { color: #ffe614; border-color: #5792d0; background-color: #305597; box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.4); -ms-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.4); -o-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.4); }




#conteudoInterna { border-left: 7px solid #ffffff; border-right: 7px solid #ffffff; width: 1000px; margin: 0 auto; position: relative; }




/* ----- BANNER ----- */
#banner { height: 461px; width: 986px; }
.bannerItem,
.bannerItem img { width: 100%; height: auto; }

.owl-theme .owl-controls { margin: 0 auto; position: relative; max-width: 200px; bottom: 40px; z-index: 3; }
.owl-theme#clientes .owl-controls { max-width: 300px; bottom: 0;}
.owl-theme .owl-dots .owl-dot { position: relative; padding: 6px 0; }
.owl-theme .owl-dots .owl-dot span { background-color: #ffffff; width: 12px; height: 12px; }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background-color: #ffe614; }
.owl-carousel .owl-item img { transform-style: flat; }


.carrossel { position: relative; }
.seta { position: absolute; top: 140px; width: 71px; height: 204px; z-index: 4; }
.setaEsq { left: 35px; }
.setaDir { right: 35px; }



/* ----- INFOS ----- */
.infosMidias { padding: 20px; background-color: #bcbcbc; border-bottom: 40px solid #8b8b8b; }

.infosTitulo { float: left; line-height: 61px; margin-left: 10px; }
.infos { float: left; white-space: nowrap; line-height: 20px; margin-left: 50px; }
.infos img { float: left; margin-right: 10px; }
.infos p { float: left; margin-top: 5px; }

.midias { float: right; margin: 8px 0; }
.midiasItem { float: left; margin-left: 10px; }
.midiasItem:hover { opacity: 0.8; }



/* ----- DESTAQUES ----- */
.destaques { background-color: #ffffff; }
.destaquesLista { margin: 20px -15px 30px; display: block; float: left; }
.destaque { width: 307px; float: left; margin: 0 15px; background-color: #d8d6d6; padding: 140px 40px 20px; position: relative; min-height: 350px; }
.destaque:last-child { width: 312px; }
.destaque * { position: relative; }
.destaqueImagem { position: absolute; top: -20px; left: 50%; margin-left: -66px; z-index: 1; }
.destaqueTitulo { letter-spacing: -1px; margin-bottom: 10px; z-index: 2; }
.destaqueTexto { line-height: 20px; margin-bottom: 10px; z-index: 2; }





.conteudoInternaAux { padding: 50px; background-color: #d8d6d6; }

/* ----- EMPRESA ----- */
.empresaFachada { float: left; margin: 0 25px 20px 0; }
.empresaItens { margin: 30px auto 0; display: block; }




/* ----- REPRESENTANTES ----- */
.representantes { min-height: 885px; position: relative; background: url('../images/representantes/mapa.png') center top no-repeat; }

.representantesMapa { width: 100%; position: absolute; top: 0; left:0; height: 885px; }
.representanteEstado { position: absolute; width: 30px; height: 22px; cursor: pointer; }

.estadoAc {top: 326px;left: 161px;}
.estadoAl {top: 325px;left: 892px;}
.estadoAp {top: 88px;left: 546px;}
.estadoAm {top: 223px;left: 289px;}
.estadoBa {top: 381px;left: 770px;}
.estadoCe {top: 227px;left: 823px;}
.estadoDf {top: 496px;left: 623px;}
.estadoEs {top: 543px;left: 792px;}
.estadoGo {top: 421px;left: 603px;}
.estadoMa {top: 237px;left: 695px;}
.estadoMt {top: 390px;left: 466px;}
.estadoMs {top: 550px;left: 497px;}
.estadoMg {top: 515px;left: 711px;}
.estadoPa {top: 223px;left: 527px;}
.estadoPb {top: 262px;left: 912px;}
.estadoPr {top: 650px;left: 559px;}
.estadoPe {top: 293px;left: 908px;}
.estadoPi {top: 282px;left: 766px;}
.estadoRj {top: 605px;left: 747px;}
.estadoRn {top: 241px;left: 885px;}
.estadoRs { top: 749px; left: 527px; }
.estadoRo {top: 354px;left: 320px;}
.estadoRr {top: 80px;left: 351px;}
.estadoSc {top: 700px;left: 591px;}
.estadoSp {top: 598px;left: 619px;}
.estadoSe {top: 354px;left: 870px;}
.estadoTo {top: 336px;left: 632px;}



.representantesTexto { width: 40%; position: absolute; bottom: 40px; left: 40px; }
.representantesLabel { padding: 5px; background-color: #000000; border: 1px solid #cccccc; }




/* ----- PRODUTOS E SERVICOS ----- */
.galeria { margin-bottom: 50px; }
.carrossel .conteudo { width: 100%; min-width: 100%; }
.produtos img { width: 100%; margin-bottom: 15px; border: 2px solid #ffffff; }
.produtos .formCol3 { text-align: center; }

#clientes .bannerItem { height: 100px; position: relative; }
#clientes img { width: auto; height: auto; max-width: 80%; max-height: 90%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }


/* ----- RODAPE ----- */
#rodape .conteudo { padding: 20px 20px; background-color: #bcbcbc; border-top: 12px solid #8b8b8b; border-bottom: 12px solid #a3a3a3; }
.rodapeCima { background-color: #ffffff; }
.rodapeLinks { float: left; width: 100%; }
.rodapeLinksItem { float: left; margin-right: 20px; min-width: 80px; }
.rodapeLinksItem:last-child { margin-right: 0; float: right; text-align: center; }
.rodapeLinksItem:last-child img { margin: 20px auto 20px; }

.rodapeLinksItemTitulo { width: 100%; line-height: 16px; margin: 7px 0; }
.rodapeLinksItemTitulo:hover { opacity: 0.7; }

.newsletter { width: 260px; margin-left: 60px; }






.textoCorrido { line-height: 24px; }
.fLeft { float: left; }
.tRight { text-align: right; }