@charset "utf-8";
/* CSS Document */
  
*{ margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif}
a{text-decoration:none}
 
.centro{ max-width:960px; width:100%; margin:0 auto; position: relative; }
.clear{ clear:both}
header, figure, section, aside, article, nav, footer {display: block;}

@font-face {
    font-family: 'futura_md_btmedium';
    src: url('fonts/tt0142m_-webfont.eot');
    src: url('fonts/tt0142m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0142m_-webfont.woff2') format('woff2'),
         url('fonts/tt0142m_-webfont.woff') format('woff'),
         url('fonts/tt0142m_-webfont.ttf') format('truetype'),
         url('fonts/tt0142m_-webfont.svg#futura_md_btmedium') format('svg');
font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'futura_italic';
    src: url('fonts/tt0143m_-webfont.eot');
    src: url('fonts/tt0143m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0143m_-webfont.woff2') format('woff2'),
         url('fonts/tt0143m_-webfont.woff') format('woff'),
         url('fonts/tt0143m_-webfont.ttf') format('truetype'),
         url('fonts/tt0143m_-webfont.svg#futura_md_btmedium_italic') format('svg');
font-weight: normal; font-style: normal;}

body{background:url(../img/bg/header.jpg) repeat-x top;}
#header{height:129px; background:url(../img/bg/header.png) no-repeat center 70px; position:relative;}
#header{}
 .logo{ margin-top:29px; float:left}

.top{float:right; margin-top:30px;}
.top li{float:left; padding:0 10px; font-size:14px; font-family: 'futura_md_btmedium'; line-height:19px; color:#014359; height:25px;}
.top li strong{font-size:18px; font-family: 'futura_md_btmedium'; padding: 0 2px 0 25px;
background:url(../img/icones/fone.png) no-repeat 0 0;}
.top li a{font-size:14px; font-family: 'futura_md_btmedium'; color:#014359; text-transform:uppercase; padding: 2px 2px 2px 25px;
background:url(../img/icones/area-restrita.png) no-repeat 0 0;}
/********************** Inicio Menu *******************************/
	
#menu{ height:44px; width:100%; max-width:870px; right:0px; background:url(../img/bg/menu.png) repeat-x; top:104px; position:absolute; z-index:99;}
#menu ul{padding-left:40px;}
#menu ul li{ float:left; height: 44px; position: relative;}
#menu ul li a{ font-size:16px; background:url(../img/btn/hover.jpg) repeat-x 0 -45px; display: block; height: 44px; padding: 0px 10px; font-family:'futura_md_btmedium', Arial, sans-serif; line-height: 44px; color:#014359; text-transform: uppercase; } 
#menu ul li a:hover{ color:#fff; background:url(../img/btn/hover.jpg) repeat-x 0 0; transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; } 
#menu ul li.sep{background:url(../img/icones/sep.png) center no-repeat; width:1px;}

/* Submenu */
.submenu {background: #026e92; position: absolute; display: none; width:170px; z-index:99999; height: auto; left: 0; padding: 0; box-shadow: 1px 1px 1px #015976; }
#menu ul ul.sub {display: block; padding: 0;}
#menu ul ul.sub li {border-bottom: 1px solid #015976; width:100%;  float: none; position: relative; height: auto;}
#menu ul ul.sub li a {display:block; color: #fff; font-size: 12px; width: auto; height: auto; text-transform: uppercase; padding: 8px 10px 8px 16px; position: relative; line-height: 17px;}
#menu ul ul.sub li a:hover {background: #000000; text-decoration: none;}

/********************** Inicio titulos *******************************/ 


/********************** Inicio Conteiner *******************************/
#painel-home{float:left; clear:both; width:100%; background:url(../img/bg/painel.jpg) top repeat-x; padding-top:20px;}
.conteiner {padding-top:67px; clear:both; background:url(../img/bg/conteiner.jpg) repeat-x top;}
.conteiner p {line-height: 18px;} 

.nomar{ margin-right: 0px !important;}
.boxe-home{ float:left; width:31.6%; height:auto; margin: 0 2.5% 15px 0;}
.boxe-home h3{ color:#17282e; font-size:20px; text-transform:uppercase; margin-bottom:5px; background:url(../img/icones/tt-home.jpg) no-repeat 0 0; 
font-family:'futura_md_btmedium', Arial, sans-serif; padding-left:35px; height:30px; line-height:30px;}
.boxe-home h3 span{background:url(../img/icones/tt-home-span.jpg) right 5px no-repeat; padding-right:34px;}
.boxe-home p{ font-size:14px; margin:5px 0; }

.saibamais{font-size:14px; color:#03769c; font-family:'futura_md_btmedium', Arial, sans-serif; padding:2px 0 2px 25px; display:block;
background:url(../img/btn/saibamais.png) no-repeat 0 0; margin-top:10px;} 
.conhecamais{font-family:'futura_italic', Arial, sans-serif; padding:2px 0 2px 35px; display:block;font-size:18px; color:#fff;
background:url(../img/btn/conhecamais.png) no-repeat 0 0; margin-top:20px; text-transform:uppercase;}

.bg-home{background:url(../img/bg/bg-home.jpg) repeat-x top; width:100%; float:left;clear:both;margin-top:25px;} 
.home{background:url(../img/bg/home.jpg) no-repeat center top; width:100%; float:left; clear:both; padding:70px 0px 0px 0px; }
	.home h4{font-size:30px; color:#fff; text-transform:uppercase; font-family:'futura_italic', Arial, sans-serif; margin-bottom:35px;} 
	.home p{font-size:18px; color:#fff; font-family:'futura_italic', Arial, sans-serif;}  
	.home img{float:right; margin-left:-50px;}
.texthome{float:left; width:52%;}	
/*---------------------- Formulários --------------------*/
#form {width: 588px; float: left; padding: 0px 0 0 0;}
#form label{display: block; float: left; padding: 0 0 16px 0; min-height: 50px; font-family: Arial, sans-serif; }
#form input,#form textarea{font-size:14px; background: #f6f6f6; border: 1px solid #b4b4b4; height: 26px; font-size:14px; border-radius: 5px;}
#form .lr {float: right;}
#form label span { display: block; padding: 0 0 3px 0; font-size: 16px; color:#0a6685; font-family:'futura_md_btmedium', Arial, sans-serif; text-transform: uppercase; }
#form input[type=text],#form textarea { padding: 5px; width: 577px; }
#form input[type=email], #form input[type=tel], #form input[name="cnpj"], #form input[name="cep"] {width: 270px;  padding: 5px;}
#form textarea{  height:145px; max-width: 577px; }
#form input[type=submit]{ cursor:pointer; background:#00749b; color:#fff; border:none; font-family: 'franklin', Arial, sans-serif; 
width: 78px; font-size:16px; height:52px; float:left; text-transform:uppercase}
#form input[type=submit]:hover{background:#0083af;}

/*Footer Rodapé*/
#footer{ background:#125369 url(../img/bg/footer.jpg) repeat-x top; height:auto; color:#FFF; padding:15px 0; border-top:2px solid #fff; clear:both;}
#footer address{ float:left; margin-top:10px; font-family: Arial, sans-serif; font-size:14px; line-height:18px;}
#footer address a{color:#fff; font-size:14px;}
#footer address a:hover{text-decoration:underline;}
.pratica {background: url(../img/pratica.png) no-repeat left top; float:right;height: 19px;width: 65px; clear:both; margin:10px}
 
.redes{float:right; width:116px; margin-top: 10px;}
	.redes a{width:46px; height:46px; float:left; margin:0 5px;}
	.facebook{background:url(../img/icones/facebook.png) no-repeat 0 0; }
	.instagram{background:url(../img/icones/instagram.png) no-repeat 0 0; }
	.whatsapp{background:url(../img/icones/whatsapp.png) no-repeat 0 0; }
	.twitter{background:url(../img/icones/twitter.png) no-repeat 0 0; }

#footer address span{padding:2px 0 2px 30px; display:block; min-height:24px; font-size:14px}
.local{background:url(../img/icones/local.png) no-repeat 0 0;}
.mail{background:url(../img/icones/email.png) no-repeat 0 0;}
.phone{background:url(../img/icones/phone.png) no-repeat 0 0;}
/********************** Inicio Interna *******************************/
 

#internas .conteiner {background: url(../img/bg-int.png) repeat-x 0 -5px; padding-top: 47px; }
.main {min-height: 400px; background: #fff; border-radius: 10px; padding: 38px 20px; position: relative;}
.tt {background: url(../img/bg-tt.png) repeat-x left bottom; font-family:'futura_md_btmedium', Arial, sans-serif; color: #02607f; font-size: 24px; padding: 0 0 17px; text-transform: uppercase; margin: 0 0 37px;}
.bnr-top {position: absolute; top: 5px; right: 5px;}

.main p {padding: 18px 0 0; font-size: 14px; line-height: 18px;}

.content {float: left; width: 66.4%;}
.side {float: right; width: 28.6%;}
.list-principios img {float: left; margin: 0;}
.list-principios li {margin: 0 0 20px;}
.list-principios h2 {font-size: 18px; color: #00749b; font-family:'futura_md_btmedium', Arial, sans-serif; text-transform: uppercase; padding: 20px 0 0; border-bottom: 1px solid #00749b;}
.list-mais-principios {padding: 20px 0 0;}
.list-mais-principios li {font-size: 14px; color: #025774; font-family:'futura_md_btmedium', Arial, sans-serif; font-weight: bold;}


/* contato */
.ft-contato {border: 1px solid #ccc;}
.bx-hora-side,
.bx-clientes-side {background: #009b80; margin: 20px 0 0; padding: 5px;}
.wrap-hora-side,
.wrap-clientes-side {border: 1px solid #fff; padding: 20px; color: #fff;}
.wrap-hora-side p,
.wrap-clientes-side p {color: #fff;}
.tt-hora-side,
.tt-clientes-side {position: relative; padding: 8px 0 0 65px; border-bottom: 2px dotted #fff; min-height: 50px; font-family:'futura_md_btmedium', Arial, sans-serif; font-weight: bold; text-transform: uppercase;}
.tt-hora-side img,
.tt-clientes-side img {position: absolute; left: 0; top: 0; }

.bx-clientes-side {background: #579ac5;}
.btn-cliente {float: right; border: 1px solid #fff; display: block; font-family:'futura_md_btmedium', Arial, sans-serif; text-transform: uppercase; padding: 8px; margin: 10px 0 0;}
.bx-clientes-side:hover .btn-cliente,
.bx-restrita:hover .btn-cliente {background: #337eae;}

/* Representantes */
.topic {color: #073443; font-size: 18px; text-transform: uppercase; font-family:'futura_md_btmedium', Arial, sans-serif;}

/* Localização */
.map {width: 100%; height: 350px;}

/* Central do cliente */
.bnr-area {float: left; width: 66.5%;}
.bx-restrita {background: #579ac5; float: right; width: 30.9%; min-height: 315px;}
.wrap-bxs {padding: 10px; text-align: center;}

.bx-restrita p,
.bnr-form-canais p,
.bx-horario-central p {color: #fff;}
.bx-restrita .tt-clientes,
.bnr-form-canais .tt-clientes,
.bx-horario-central .tt-clientes {font-size: 28px; color: #fff; font-family:'futura_md_btmedium', Arial, sans-serif; text-transform: uppercase; line-height: 22px; margin: 15px 0 0;}
.bx-restrita .tt-clientes span,
.bnr-form-canais .tt-clientes span,
.bx-horario-central .tt-clientes span {font-size: 18px;}
.bx-restrita .btn-cliente,
.bnr-form-canais .btn-cliente,
.bx-horario-central .btn-cliente {display: inline-block; float: none; margin: 20px 0 0; color: #fff;}

.col-central {/* background: #eee; */ float: left;margin: 20px 2.5% 0 0;width: 30.9%;min-height: 315px;}

.bnr-form-canais {width: 33.1%;background: #01455b;}

.bx-horario-central {background: #009b80;}

.bx-fale {background: #1b7897; position: relative; padding: 10px 10px 10px 75px; }
.bx-fale a,
.bx-fale p {color: #fff; padding: 10px 0 0;}
.bx-fale img,
.bx-chat img {position: absolute; left: 10px; top: 10px;}
.bx-fale h2 {font-family: 'futura_md_btmedium', Arial, sans-serif; text-transform: uppercase; font-size: 18px;}

.bx-chat {background: #145a71; position: relative; padding: 10px 10px 10px 75px;}
.bx-chat h2 {color: #23eac7; font-family: 'futura_md_btmedium', Arial, sans-serif; text-transform: uppercase; font-size: 22px;}

.bx-loc {background: #dbdbdb; margin: 20px 0 0; padding: 10px 10px 12px;}

.bx-loc h2 {color: #3c3c3c; border-bottom: 2px dotted #808080; font-family: 'futura_md_btmedium', Arial, sans-serif; text-transform: uppercase; font-size: 22px;}
.bx-loc h2 img {vertical-align: middle;}
.bx-loc a {color: #323232; font-size: 14px; text-decoration: underline;}

/* Soluções */
.tts-solucao {font-family: 'futura_md_btmedium', Arial, sans-serif; text-transform: uppercase; font-size: 18px; background: #015976; background: linear-gradient(to top, #015976, #186882); color: #fff; padding: 8px 10px; border-radius: 10px; position: relative;}

.arrow {background: url(../img/arrow.png);width: 26px;height: 26px; position: absolute; right: 10px; top: 5px;}

.fts-serv,
.ft-projetos {float: right; margin: 20px 0 0 20px; border: 1px solid #ccc; background: #fff; padding: 2px;}
.bx-serv {margin: 0 0 30px;}

.slidedown .tts-solucao {cursor: pointer; margin: 0 0 10px;}
.slidedown .bx-serv {display: none;}

.list {padding: 20px 0 0;}
.list li {font-size: 14px; background: url(../img/bullet.png) no-repeat left 4px; padding: 0 0 0 20px; margin: 0 0 10px;}

.bnr-tel {color: #0b3644; background: #dddddd; background: linear-gradient(to top, #ababab, #dddddd, #ababab); padding: 20px;}
.bnr-tel h2 { border-bottom: 2px dotted #015976; padding: 0 0 7px; font-family: 'futura_md_btmedium', Arial, sans-serif; font-size: 18px;}
.bnr-tel h2 strong {font-size: 26px;}


.modulos li {font-size: 14px; margin: 15px 0; line-height: 18px; padding: 0 0 0 70px; position: relative; min-height: 70px;}
.modulos li img {position: absolute; left: 0; top: 0;}
.ft-erprime {float: left; margin: 20px 20px 0 0; border: 1px solid #ccc; background: #fff; padding: 2px;}
.col-mod {float: left; width: 67%;}

.bnr-form-canais-int {float: left;}
.bnr-central-cliente {float: right;}

/********************** Classes úteis *******************************/
.bt-efeito:hover {opacity: 0.80; -moz-opacity: 0.80; -webkit-opacity: 0.80; -o-opacity: 0.80; filter: alpha(opacity=80);}
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
p.error {margin: 0; padding: 0;  color: #f00; font-size: 10px;}
#dp_swf_engine {display:none;}
/* INICIO PAGINAÇÕES */
#paginacao {margin: 0px 0 0 0;	clear:both;	padding: 5px; width:100%; height:20px;text-align:center; vertical-align:middle;	float:left;}
#paginacao a{color:#333; text-decoration: none;	border:1px solid #1a5764; line-height:20px;	padding:3px 6px; margin-left:3px; font-size:12px;}
#paginacao a.anterior{margin-left:0;}
#paginacao p {padding: 0;}
#paginacao strong{background:#1a5764;border:1px solid #1a5764;line-height:0;padding:3px 6px;margin-left:3px;color:#fff;}
/* FIM PAGINAÇÕES */

.mr0 {margin-right: 0;}


@media screen and (max-width:  960px) {

    .bnr-top  {display: none;}
    .submenu {position: relative;width: 183px; }

    .ft-prod,
    .bnr-form-canais-int,
    .bnr-central-cliente {display: none;}

    .col-mod {float: none; width: auto;}
}

@media screen and (max-width: 768px) {
    .main {padding: 20px;}
    .tt {margin: 0 0 30px;}
    .content,
    .side {float: none; width: auto;}

    .bnr-area img {width: 100%;}

    .bnr-area {margin-bottom: 20px;}

    .bnr-area,
    .bx-restrita {float: none; width: auto; height: auto; min-height: 0;}

    .bx-horario-central {width: 100%; min-height: 0;}

    .bnr-form-canais {margin-right: 0;}
    .bnr-form-canais,
    .col-fale {width: 48.7%;}
}

@media screen and (max-width: 600px) {
    .bnr-form-canais,
    .col-fale {width: auto; float: none; margin-right: 0; }
    .col-fale { min-height: 0;}
    .fts-serv {display: none;}
}