/*CSS programado pelo departamento técnico da WB Web - Marketing Digital
E-mail: atendimento@wbweb.com.br - Site: www.wbweb.com.br
Em: 29/06/2017
Cliente: HN & Costa Inovações Contabeis
Site: hncostacontabilidade.com.br
*/

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Geral */
body{height: 100%;font-family: 'Roboto', sans-serif;color:#3F474A;background-color: #ffffff;font-size: 16px;}
a, a:hover,button{text-decoration: none; cursor: pointer; color:#3F474A;outline:0!important;}
ul li{list-style-type: none;}
.container,.item-page,.blog{width: 1260px;margin: 0 auto;}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 0.5em;}
#bg_posicao6,#bg_posicao8,#bg_posicao10{padding: 3em 0;}
#posicao6 h2,#posicao7 h2,#posicao8 h2,#posicao10 h2,#posicao15 .moduletable h2{color:#d72026;text-transform: uppercase; font-size: 2em;text-align: center; margin-bottom: 1.5em;}
#sp_enviar:hover,#nv_enviar:hover,#ct_enviar:hover{background-color:#153653;color:#FFF;}
#posicao8 #form2 input,#nv_enviar,#form3 input,#ct_outrasinfo,#ct_enviar{border-radius: 7px;}
#posicao8 #form2 input:focus,#form3 input:focus,#ct_outrasinfo:focus{border:1px solid #D72026;}
#posicao13 .nav.menu li a:hover,#email2:hover,#footer p a:hover{color: #D72026;}

/* posicao 1 - E-mail e Telefone*/
#bg_posicao1{background-color: #052c4b;padding: 0.3em 0; margin-bottom:1.7em;}
#contato{float: right;color: #FFF;text-transform: uppercase; width: 35%;}
#contato p span{font-size: 0.7em; margin-right: 0.3em;}
#email{float: left;font-size: 0.7em;width: 67%;margin: 0.3em;cursor: pointer;}
#tel{float: right;font-size: 0.95em;width: 29%;}
.fa-envelope-o:before {content: "\f003";margin-right: 0.5em;}
.fa-phone:before {content: "\f095";margin-right: 0.5em;}
#email:hover,#email2:hover{text-decoration: underline;}

/* bg_topo */
.topo1_fixo{background-color: #052c4b;position: fixed;top: 0;width: 100%;padding: 1em 0;z-index: 9999;}
#bg_topo.topo1_fixo .container #posicao2{display: none;}
#bg_topo.topo1_fixo .container #posicao3{margin-top: 0.3em;}
#bg_topo.topo1_fixo .container #posicao3{width:70%;margin-left:0; padding:0;float: left;}
#bg_topo.topo1_fixo .container #posicao4{width:2.5%;padding:0;float: right; margin: 0;}
#bg_topo.topo1_fixo .container #posicao3 .moduletable ul.nav.menu li.current.active a{padding-bottom:1em; color:#FFF!important;}
#bg_topo.topo1_fixo .container #posicao3 .moduletable ul.nav.menu li a:hover{color: #cccccc;border-bottom: 3px solid #d72026;}
#bg_topo.topo1_fixo .container #posicao3 .moduletable ul.nav.menu li a{color: #ffffff;padding-bottom: 0;}
#bg_topo.topo1_fixo .container #posicao4 .moduletable .custom #redes-top a i.fa-facebook::before,
#bg_topo.topo1_fixo .container #posicao4 .moduletable .custom #redes-top a i.fa-google-plus::before{color: #ffffff;}
#bg_topo.topo1_fixo .container #posicao4 .moduletable .custom #redes-top a i.fa-facebook:hover::before,
#bg_topo.topo1_fixo .container #posicao4 .moduletable .custom #redes-top a i.fa-google-plus:hover::before{color: #d72026!important;}

/*Posição 2 | Logo*/
#posicao2{float: left;width: 23.3%;}
#posicao2 #logo-topo a img{width: 100%;}

/*Posição 3 | Menu */
#posicao3 {float: left;width: 51%;margin-left: 9.5%;padding: 3em 0 4.7em;}
#posicao3 .menu li{float: left; margin: 0 2%;text-transform: uppercase;}
#posicao3 .menu li:first-child{margin-left: 0;}
#posicao3 .menu li:last-child{margin-right: 0;}
#posicao3 .menu li a{padding-bottom: 4.3em;}
#posicao3 .menu li a:hover{color: #d72026;border-bottom: 7px solid #d72026;}
.current.active a{border-bottom: 7px solid #d72026;color: #d72026;}

/*Posição 4 | Redes */
#posicao4{float: right;padding: 2.5em 0;width: 2.5%;}
.fa-facebook:before,.fa-google-plus:before {content: "\f082";font-size: 2em;color: #1D304B;}
.fa-google-plus:before {content: "\f0d4";}
.fa-facebook:hover:before,.fa-google-plus:hover:before{color: #d72026;}

/*Posição 5 | Banner e Formulário */
#bg_posicao5{background-image: url(../images/banner-quality-60.jpg); background-size: cover; background-position: top center;background-repeat: no-repeat; padding-bottom: 6em;}
#form1{background-image: url(../images/menu-banner.png);background-position: center top; background-repeat: no-repeat; background-size: 100%; padding-top: 9.43em;width: 30.7%; float: right;border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
#form1 h2{color: #fff;font-size: 1.5em;font-weight: 600;margin-bottom: 0.65em;text-align: center;text-transform: uppercase;}
#form1 input,#sp_enviar{border: none;width:100%; height: 63px; text-align: center;background-color: rgba(255, 255, 255, 0.5);}
#form1 input{border-bottom: 1px solid #FFF; width: 99.35%;}
#form1 input:focus{border-bottom: 1px solid #D72026;}
#sp_enviar{background-color: #FFF;border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;color: #1D304B;}

/* Posição 6 | Nossos Serviços */
#posicao6 .servico{width: 23%; height: 413px;border-radius: 10px;background-repeat: no-repeat;background-position: center center; background-size: cover;color: #FFF; float: left; margin-right: 2.6%;}
#serv_ac{background-image: url(../images/servico-ac.jpg);}
#serv_tri{background-image: url(../images/servico-atri.jpg);}
#serv_tra{background-image: url(../images/servico-atra.jpg);}
#posicao6 #serv_af{background-image: url(../images/servico-af.jpg);margin: 0; float: right;}
#posicao6 .servico h3{font-size: 1.5em;line-height: 130%;margin: 1em; text-transform: uppercase; font-weight: 500;}
#posicao6 .servico ul{margin:0 2em;}
#posicao6 .servico ul li{background-image: url("../images/lista.png");background-position: left 18%;background-repeat: no-repeat;line-height:130%;margin-bottom: 0.6em;padding-left: 0.7em;}
#posicao6 #serv_tri ul li:first-child{background-position: left 49%;}

/* Posição 7 | Últimas do Blog - Item */
#bg_posicao7{background-color: #f8f8f8;padding: 3em 0;}
#posicao7 .moduletable h2{font-weight: 600;}
#posicao7 .moduletable .cck_module_list div #cck6r .cck-line-blog-middle1.cck-w100.cck-line #cck6r_middle1-1,
#posicao7 .moduletable .cck_module_list div #cck6r .cck-line-blog-middle1.cck-w100.cck-line #cck6r_middle1-2,
#posicao7 .moduletable .cck_module_list div #cck6r .cck-line-blog-middle1.cck-w100.cck-line #cck6r_middle1-3{width: 31%;}
#posicao7 .moduletable .cck_module_list div #cck6r .cck-line-blog-middle1.cck-w100.cck-line #cck6r_middle1-2{margin: 0 3.5%;}
#posicao7 .moduletable .cck_module_list div #cck6r .cck-line-blog-middle1.cck-w100.cck-line #cck6r_middle1-3{float: right;}
.bl.item .bl_img{margin-bottom: 2em;}
.bl.item .bl_img img{border-radius: 10px;width: 100%;}
.bl.item .bl_img img:hover{opacity: 0.5;transition-duration: 0.7s;transition-timing-function:ease-in;}
.bl.item a:hover{text-decoration: underline;}
.bl.item .art_created{color: #d72026;font-size: 0.8em;}
.bl.item .art_title{font-size: 1.2em;margin: 0.2em 0 1.5em;line-height: 120%;font-weight: 500;}
.bl.item .art_title a{color: #042c4b;}
.bl.item p{line-height: 130%;}

/* Posição 15 | Clientes - Item */
#bg_posicao15{background-color: #052c4b;padding: 3em 0;}
#posicao15 .moduletable h2{color: #ffffff;}
.cl.item{text-align: center;}
.cl.item img{border: 1px solid #f8f8f8;padding: 2px;}

/* Página Interna | Blog - Intro */
.bg_blog_item,.bg_bl_content{background-color: #f2f2f2;padding: 2em;}
.items-row.cols-3,.bl.item.content{background-color: #ccc;padding: 1em;}
.items-row.cols-3 .span4{background-color: #f8f8f8;float: left;padding: 1em;width: 29%;margin: 0 2.3%;}
.items-row.cols-3 .span4:nth-child(1){margin: 0;}
.items-row.cols-3 .span4:nth-child(3){margin: 0;float: right;}

/* Página Interna | Blog - Content */
.bl.item.content{background-color: #f8f8f8;}
.bl.item.content h1{color: #1d304b;font-size: 2em;font-weight: 400;}
.bl.item.content h2,.bl.item.content h3{font-size: 1.2em;font-weight: 600;margin-bottom: 0.5em;}
.bl.item.content h3{font-size: 1.1em;}
.bl.item.content .bl_img img{border-radius: 0;width: 100%;}
.bl.item.content .bl_img img:hover{opacity: 1;}
.botoes_sociais{padding: 10px 0;line-height: 100%;}
.bl_twitter,.bl_facebook,.bl_google_mais{float: left;margin-right: 10px;}
.bl_fonte{border-bottom: 1px solid #f2f2f2;border-top: 1px solid #f2f2f2;font-size: 0.9375em;margin-bottom: 15px;padding: 0.5em 0;}
.bl_fonte span{font-weight: 700;}
.bl_fonte a{font-style: italic;font-weight: normal;}
.bl_fonte a:hover{text-decoration: underline;}
.bl_video{margin:0 0 15px!important;}

/* Posição 8 | Inscreva-se*/
#posicao8 h2{margin-bottom: 1em;}
#posicao8 #form2 input{background-color: #f2f2f2;border: 1px solid #ebebeb;height: 60px;margin-right: 3.2%;padding-left: 2em;width: 37%;}
#nv_enviar,#ct_enviar{background-color: #d72026;float: right;margin: 0;width: 14%;color: #FFF; font-weight: 600;height: 60px;}

/* Posição 9 | Institucional */
#bg_posicao9{background-image: url(../images/bg-institucional.jpg); background-size:cover; background-position: top center;background-repeat: no-repeat;color:#FFF;}
#posicao9{padding: 5em 0;}
#posicao9 h2{text-transform: uppercase; font-size: 2em;text-align: left; margin-bottom: 1.5em;}
#posicao9 .moduletable_inst{float: right; width: 63.7%;}
#posicao9 #text_inst{line-height: 1.3em;text-align: justify;}
#posicao9 #text_inst p:first-child{margin-bottom: 1em;}
.inst_saiba a{color:#d72026;background-color: #FFF;float: left;width: 26.5%;font-weight: 600;padding: 1.4em 0;border: none;text-transform: uppercase;border-radius: 7px;margin-top: 3.7em;display: block;text-align: center;font-size: 0.9em;}
.inst_saiba a:hover{background-color: #153653; color: #FFF}

/* Posição 10 | Contato */
#posicao10 h2{margin-bottom: 0.3em;}
#posicao10 p{font-size: 1.2em; text-align: center; margin-bottom: 2.3em;}
#form3{margin: 0 auto; width: 81%;}
#form3 #camp_inpt,#are_text{width: 49%; float: left;}
#form3 #are_text,#ct_outrasinfo{float: right;}
#form3 input,#ct_outrasinfo{background-color: #f2f2f2;border: 1px solid #ebebeb;height: 60px;padding-left: 2em;width: 92%;font-size: 1em;}
#form3 #camp_inpt input{margin-bottom: 4.7%;}
#form3 #camp_inpt #ct_email{margin: 0;}
#form3 #ct_outrasinfo{height: 225px;padding: 1em 0 0 2em;resize: none;font-family: 'Roboto', sans-serif;}
#form3 #ct_enviar{margin-top: 1em;width: 18%;}

/* Posição 11 | Mapa*/
#mapa{width: 100%;resize: none;position: relative;}
#endereco{width: 330px; height: 330px; text-align: center; border-radius: 50%;background-color: rgba(21, 57, 83, 0.93);text-align: center;color: #FFF;position: absolute; top: 15%; right: 4.7%;}
#endereco p{background-image: url(../images/icon-map.png);background-repeat: no-repeat; background-position: top center;margin: 5em 2.5em 1em;padding-top: 2.7em;width: 75%;}
#endereco a{background-color: #D72026;color: #FFF;font-size: 0.8em; width: 53%;border: none;padding: 0.8em;border-radius: 7px;}
#endereco a:hover{background-color: #FFF; color: #153653;}

/* Posição 12 | container-bottom */
#container-bottom{padding: 4em 0 2em;}
#posicao12{width: 27%; float: left;margin: 0 5.6%;}
#posicao12 #logo-bottom{margin-bottom: 1em;}
#posicao12 #logo-bottom a img{width: 69%;}
#posicao12 #tel2{font-size: 1.1em;margin-bottom: 0.2em;}
#posicao12 #email2{cursor: pointer;font-size: 0.9375em;}
#posicao12 #tel2 i,#email2 i{color: #d72026;font-size: 0.8em;}
#posicao12 #tel2 span{font-size: 0.8em;margin-right: 0.3em;}

/* Posição 13 | container-bottom */
#posicao13{width: 38.5%; float: left;}
#posicao13 .moduletable_acessorapido{float: left;width: 50%;}
#posicao13 .moduletable_servicos{float: right;width: 40%;}
#posicao13 h2{text-transform: uppercase; font-size: 1.3em; color: #D72026; font-weight: 600;margin-bottom: 1.15em;}
#posicao13 .nav.menu li{background-image: url("../images/menu-bottom.png");background-position: left center;background-repeat: no-repeat;line-height: 180%;padding-left: 0.7em;}
#posicao13 .nav.menu li:hover{background-image: url("../images/menu-bottom-hover1.png");}
#posicao13 .nav.menu li.current.active a,#posicao13 .nav.menu li a:hover{border-bottom: none;text-decoration: underline;}

/* container-bottom posição 14*/
#posicao14{float: right;margin: 0;width: 2.5%;padding-top: 0.5em;}
#posicao14 .fa-facebook:before,#posicao14 .fa-google-plus:before{color: #d72026;}
#posicao14 .fa-facebook:hover:before,#posicao14 .fa-google-plus:hover:before{color: #1D304B;}

/* Footer */
#footer{border-top: 1px solid #ebebeb;padding: 2.1em 0;text-align: center;}
#footer p a:hover{text-decoration: underline;}

/* Páginas Internas */
#pg_int{background-color: #f8f8f8;}
.item-page,.blog{padding: 2em 0;}
.page-header h1,.page-header span{color: #d72026; font-size: 2.5em;background-image: url(../images/bg_h1.png);background-repeat: no-repeat;background-position: left center;font-weight: 400;line-height: 150%;padding: 0 0 0.1em 1.5em;border-bottom: 1px solid #d72026;}
.page-header span{display: block;}
.ce_content,.bl.item.content .art_fulltext{text-align: justify;}
.ce_content p,.bl.item.content p{margin-bottom: 1em;}
.ce_content ul li,.bl.item.content ul li{margin: 0 0 1em 2em;list-style-type: circle;}
.ce_content a,.bl.item.content a{color: #d72026;}
.ce_content a:hover,.bl.item.content a:hover{text-decoration: underline;}

/* Páginas Internas | A Empresa */
fieldset.pg_int_inst{margin-bottom: 15px;padding: 20px;}
fieldset.pg_int_inst p{text-align: center;}

/* Página interna | Certidões e Links */
.items-row.cols-2 .span6{width: 50%; float: left;}
.items-row.cols-2 .span6 .cck-f100 .lu p a{display: block; background-color: #f2f2f2;margin: 0 1em 1em;padding: 1em;font-size: 1.2em;}
.items-row.cols-2 .span6 .cck-f100 .lu p a:hover{background-color: #d72026; color: #ffffff!important;}
.fa-link:before {content: "\f0c1";font-size: 1.7em; margin-right: 0.1em;}

/* Página interna | Serviços */
.bx_servicos{background-color: #f2f2f2;padding: 2em;}
.bx_servicos h1{background-color: #052c4b;color: #fff;font-weight: 400;line-height: normal;padding: 0.5em;text-align: center;text-transform: uppercase;font-size: 1.5em;}
.bx_servicos_int{background-color: #ccc;padding: 1em 5%;}
.bx_servicos_int h2{background-color: #d72026;color: #f8f8f8;font-size: 1.5em;font-weight: 400;padding: 0.5em;text-align: center;}
.bx_servicos_int1{background-color: #f2f2f2;padding: 1em 5%;}
.bx_servicos_int1 fieldset{border: 1px solid #ffffff;}
.bx_servicos_int1 fieldset legend{background-color: #d72026;color: #ffffff;font-size: 1.2em;margin-bottom: 0.5em;padding: 0.3em 5%;}

/* Página 404  */
h1.msn_sys{font-size: 1.5em;font-weight: normal;margin-top: 2em;text-align: center;}

/* Mensagem/Aviso do sistema - front end  */
#system-message-container{position: absolute;top: 100px;z-index: 9999;}
#system-message{width: 100%;}148
.alert.alert-notice,.alert.alert-message{border: 1px solid #CCCCCC;border-radius: 5px !important;padding: 10px;background-color: #ffffff;width: 100%;}
h4.alert-heading,h4.alert-heading{color: #E70008;font-size: 1.5em;text-align: center;margin-bottom: 0.5em;}
.alert.alert-message p,.alert.alert-warning p,.alert.alert-notice p{font-size: 13px;margin-top: 10px;text-align: center;}
.alert-message{text-align: center;}

/* Paginação  */
.pagination{margin: 0 0 0 3.5em;font-size: 0.8em}
.pagination p{font-weight: bolder;}
.pagination ul{margin-top:2em;padding:0;}
.pagination ul.pagination-list li{display: inline;margin: 0 0.5em;}
.pagination ul.pagination-list li a{background-color: #E70008;padding: 0.5em 1em;width: 2em;color:#ffffff;}
.pagination ul.pagination-list li a:hover,.pagination ul.pagination-list li.active a{background-color: #000000;}
.pagination ul.pagination-list li.disabled{display: none;}
.icon-first,.icon-previous,.icon-next,.icon-last{font-style: normal!important;}

/* Retirar formatação */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent none repeat scroll 0 0;border: 0 none;font-size: 100%;margin: 0;outline: 0 none;padding: 0;vertical-align: baseline;}
.limpar{clear: both;display: block;height: 0;overflow: hidden;visibility: hidden;width: 0;}
div.cck_contents.cck_item div.cck_label, div.cck_contents.cck_item div.cck_label label, div.cck_contents.cck_item div.cck_value,
div.cck_contents.cck_intro div.cck_label, div.cck_contents.cck_intro div.cck_label label, div.cck_contents.cck_intro div.cck_value,
div.cck_contents.cck_content div.cck_label, div.cck_contents.cck_content div.cck_label label, div.cck_contents.cck_content div.cck_value{line-height: 100%;}

/* Geral  - viewport 1260 */
@media screen and (max-width: 1260px) {
    .container,.item-page,.blog{width: 95%;}
    #contato{width:50%;}
    #posicao3{width:53%;margin-left:5%;}
    #form1{padding-top:8.7em;}
    #form3 {width: 100%;}
    .items-row.cols-2 .span6 .cck-f100 .lu p a {margin: 0;}
    .items-row.cols-3 .span4 {margin: 0 0 0 8%;height: 430px;width: 25%;}
}

/* Geral  - viewport 1220 */
@media screen and (max-width: 1220px) {
    #posicao3{width:60%;margin-left:3%;}
    #form1{padding-top:8.3em;}
}

/* Geral  - viewport 1150 */
@media screen and (max-width: 1150px) {
	#form1{padding-top:9.5em;width:36%;}
    #posicao6 .servico{height: 450px;}
    #posicao8 #form2 input {margin-right: 1.2%;}
    #posicao12 {width: 35%;margin: 0 0%;}
    /*-- Pg. Int - Likins Úteis --*/
    .items-row.cols-2 .span6 .cck-f100 .lu p a {font-size: 1.1em;}
}

/* Geral  - viewport 1080*/
@media screen and (max-width: 1080px) {
    .fa{margin-right: 0em;}
    #posicao3{width: 62%;}
	#form1{padding-top: 8.7em;}
    #posicao6 .servico ul {margin: 0 0.5em;}
    .inst_saiba a {margin-top: 1em;}
    #posicao13 {width: 43.5%;}
}

/* Geral  - viewport 1024 */
@media screen and (max-width: 1024px) {
    #bg_posicao1{margin-bottom: 0.7em;}
    #posicao3 {width: 66%;}
    #bg_posicao5{padding-bottom: 1em;}
    #form1 h2{font-size: 1.2em;}
    .cl.item img {padding: 0;width: 100%;}
    .cck-w25 {width: 20%;margin-right: 5%;}
    #posicao13 {width: 44.5%;}
    /*-- Pg. Int - Likins Úteis --*/
    .items-row.cols-2 .span6 .cck-f100 .lu p a {font-size: 1em;}
}

/* Geral  - viewport 1000 */
@media screen and (max-width: 1000px) {
    #bg_topo.topo1_fixo .container #posicao3{width:85%}
    #posicao3 {width: 67%;margin-left: 2%;}
    #form1 {padding-top: 8.5em;}
	#posicao9 h2 {margin-bottom: 0.5em;}
}

/* Geral  - viewport 960 */
@media screen and (max-width: 960px) {
    #bg_posicao5 {padding-bottom: 0.3em;}
    #posicao3 .menu li {margin: 0 3% 0 0;}
    #form1 {padding-top: 8em;}
    #posicao12{width: 40%;}
    #posicao13{width: 46.5%;}
    #posicao13 .moduletable_servicos{width: 50%;}
    /*-- Pg. Int - Likins Úteis --*/
    .items-row.cols-2 .span6 .cck-f100 .lu p a {font-size: 0.95em;}
}

/* Geral  - viewport 950 */
@media screen and (max-width: 950px) {
	#form1 {padding-top: 7.9em;}
    #posicao9 .moduletable_inst {width: 67%;}
}

/* Geral  - viewport 900 */
@media screen and (max-width: 900px) {
    #bg_topo.topo1_fixo .container #posicao4 .moduletable .custom #redes-top a{display:inline!important;}
    #posicao2 {padding-top: 1em;}
    #posicao3 {width: 71%;margin-left: 1.5%;padding: 3em 0 2em;}
    #posicao3 .menu li {margin: 0 2% 0 0;}
    #posicao3 .menu li a {padding-bottom: 1.6em;}
    #bg_posicao5{padding: 2em 0;}
	#form1 {background-image: none;padding:0;}
    #form1 h2{background-color:#f00;padding:1em 0;margin:0;border-top-left-radius:10px;border-top-right-radius:10px;}
    #posicao6 .servico {height: 500px;}
    #endereco{width:100%;height:auto;border-radius:0;background-color:rgba(21, 57, 83, 0.9);position:static; padding: 1em 0;}
    #endereco p {margin:0 0 1em;padding-top: 2.7em;width: 100%;}
    #endereco button {width: 25%;}
    .items-row.cols-2 .span6 .cck-f100 .lu p a {font-size: 0.9em;}
}

/* Geral  - viewport 850*/
@media screen and (max-width: 850px) {
    #contato{width: 60%;}
    #posicao9 .moduletable_inst {width: 71%;}
    #posicao12{width: 44%;}
    #posicao13{width: 56%;}
    #posicao13 .moduletable_acessorapido {width: 48%;}
    #posicao13 .moduletable_servicos {width: 47%;}
}

/* Geral  - viewport 800*/
@media screen and (max-width: 800px) {
    #posicao2{float: none;width: 100%;text-align: center;}
	#posicao2 #logo-topo a img{width: 30%;}
    #posicao3{width: 85%;padding-top: 1em;margin:0;}
    #posicao4{padding: 0;width: 4%;}
    #bg_topo.topo1_fixo .container #posicao3 .moduletable #nav .nav.menu li{margin: 1%;}
    #contato {width: 75%;}
    #bg_posicao5{padding: 1em 0;}
    #posicao6 #serv_tri{margin-right: 0;float: right;}
    #posicao6 .servico {width: 45%;margin-bottom: 2em; height: 400px;}
    #bg_posicao9 {background-color: #e24d51;background-image: none;}
    #posicao9 .moduletable_inst {width: 100%;}
    #form3 #camp_inpt, #are_text {width: 99%;float: none;margin-bottom: 2em;}
    #form3 #camp_inpt input,#form3 #ct_outrasinfo {width:95.5%;}
    #form3 #are_text, #ct_outrasinfo {float: none;}
    #form3 #ct_enviar {margin-top: 1em;width: 100%;}
    #footer{font-size: 0.8em;}
    /*-- Pg. Int. --*/
    .bx_servicos {padding: 2em 0;}
    /*-- Pg. Int. - Linkins Úteis --*/
    .items-row.cols-2 .span6 {width: 100%;float: none;text-align: center;}
    /*-- Pg Int. - Blog --*/
    .items-row.cols-3 .span4 {height:auto;width:95%;float:none!important;margin:0 0 2em!important;}
}

/* Geral  - viewport 768 */
@media screen and (max-width: 768px) {
    #bg_topo.topo1_fixo .container #posicao3 {width: 87%;}
    #bg_topo.topo1_fixo .container #posicao3 .moduletable ul.nav.menu li.current.active a{padding-bottom: 0.93em;}
    #posicao3 {width: 87%;}
    #bg_posicao5 {padding: 0.5em 0;}
}

/* Geral  - viewport 736 */
@media screen and (max-width: 736px) {
    #bg_topo.topo1_fixo .container #posicao3 {width: 88%;}
    #posicao3 {width: 91%;}
    #posicao3 .menu li {margin: 0 1%;}
    #form1 {width: 45%;}
    #form1 h2 {padding: 0.5em 0;}
    #form1 input, #sp_enviar {height: 45px;}
    #posicao8 #form2 input{width: 95%;margin-bottom: 2em;}
    #nv_enviar, #ct_enviar {float: none;width: 99%;}
    #posicao12 {width: 100%;float: none;margin: 0 auto 2em;}
    #posicao12 #logo-bottom {float: left;width: 39%;}
	#posicao12 #logo-bottom a img {width: 100%;}
    #posicao12 #tel2{margin-top:2em;}
    #posicao12 #tel2,#posicao12 #email2{float:right;}
    #posicao13 {width: 85%;}
}

/* Geral  - viewport 732 */
@media screen and (max-width: 732px) {
    #form3 #camp_inpt input,#form3 #ct_outrasinfo {width: 95%;}
}

/* Geral  - viewport 710 */
@media screen and (max-width: 710px) {
	#bg_topo.topo1_fixo .container #posicao3 {width: 90%;}
}

/* Geral  - viewport 667 */
@media screen and (max-width: 667px) {
    #bg_topo.topo2_fixo{position:fixed!important;width:100%!important;background-color:#FFF;}
    #bg_topo.topo2_fixo .container #posicao2 {display: block!important;}
    #bg_topo.topo2_fixo .container #posicao3 {width: 45%!important;margin-top: 2em!important;}
    #bg_topo.topo2_fixo .container #posicao4 {margin: 3em 1em 0 0!important;}
    #bg_topo.topo2_fixo .container #posicao4 .moduletable .custom #redes-top a i.fa-facebook::before, #bg_topo.topo2_fixo .container #posicao4 .moduletable .custom #redes-top a i.fa-google-plus::before {
    color: #052C4B;}
    #posicao6 h2, #posicao7 h2, #posicao8 h2, #posicao10 h2, #posicao15 .moduletable h2 {font-size: 1.8em;}
    #bg_topo{position: relative;text-align: center;padding: 1em 0;}
    #posicao2{margin: 0 auto; width: 37%;padding: 0;}
    #posicao2 #logo-topo a img {width: 100%;}
    #posicao3{position: absolute;top: 0;z-index: 9;padding-top: 2em;width: 260px;}
	#posicao4 {position: absolute;top: 0;right: 1%;width: 13%;padding-top: 3em;}
    #posicao6 .servico h3 {font-size: 1.3em;}
    #posicao7 .moduletable .cck_module_list div #cck6r .cck-line-blog-middle1.cck-w100.cck-line #cck6r_middle1-1, #posicao7 .moduletable .cck_module_list div #cck6r .cck-line-blog-middle1.cck-w100.cck-line #cck6r_middle1-2, #posicao7 .moduletable .cck_module_list div #cck6r .cck-line-blog-middle1.cck-w100.cck-line #cck6r_middle1-3 {width: 99%;float: none;margin: 0 0 2em 0!important;}
    #posicao8 #form2 input {width: 94.2%;}
    #form3 #camp_inpt input, #form3 #ct_outrasinfo {width: 96.5%;}
}

/* Geral  - viewport 640 */
@media screen and (max-width: 640px) {
	#form3 #camp_inpt input{width: 94%;}
    #form3 #ct_outrasinfo{width: 94.5%;}
}

/* Geral  - viewport 600 */
@media screen and (max-width: 600px) {
	#posicao6 .servico {width: 48%;height: 450px;}
    #nav > ul > li > a {width: 88%!important;}
    #posicao6 h2,#posicao7 h2,#posicao8 h2,#posicao10 h2,#posicao15 .moduletable h2,#posicao9 h2{font-size: 1.6em;}
    #posicao10 p {font-size: 1.1em;}
    /*-- Pg Int. - Blog --*/
    .items-row.cols-3 .span4 {width:93%;}
}

/* Geral  - viewport 568 */
@media screen and (max-width: 568px) {
    #contato {width: 100%;}
    #bg_posicao5 {background-size: 100%; padding: 1em;}
    #form1 {width: 53%;}
	#form1 h2 {padding: 0.5em 0;}
    #form1 input, #sp_enviar {height: 35px;}
    #bg_posicao5 {padding: 1em 0;background-size: 100%;}
    #posicao10 p {font-size: 1em;}
    #bg_topo.topo1_fixo .container #posicao4 {width: 6%;}
    .cck-w25 {width: 47%;margin: 0 5% 2em 0;}
    .cck-w25:nth-child(2n){margin: 0;}
    #posicao6 .servico h3 {font-size: 1.2em;margin: 1em 0 2em;text-align: center;}
    #posicao14{width: 5%;}
}

/* Geral  - viewport 533 */
@media screen and (max-width: 533px) {
    #posicao8 #form2 input {width: 94%;}
    #form3 {width: 90%;}
    #form3 #camp_inpt input{width: 93%;}
    #form3 #ct_outrasinfo{width: 93.5%;}
    #posicao6 h2,#posicao7 h2,#posicao8 h2,#posicao10 h2,#posicao15 .moduletable h2,#posicao9 h2{font-size: 1.6em;}
    #posicao12{text-align: center;}
    #posicao12 #tel2,#posicao12 #email2,#posicao12 #logo-bottom{float: none;margin: 0;}
    #posicao12 #logo-bottom{width: 100%; margin-bottom: 0.7em;}
    #posicao12 #logo-bottom a img {width: 55%;}
    
}

/* Geral - Viewport 500 */
@media screen and (max-width: 500px){
    .page-header h1, .page-header span {font-size: 2em;padding: 0.5em 0 0.5em 2em;}
    .bx_servicos h1 {font-size: 1.3em;}
    .bx_servicos_int1 fieldset legend {font-size: 1em;}
    .bg_blog_item, .bg_bl_content {padding: 0;}
    
}

/* Geral  - viewport 480 */
@media screen and (max-width: 480px) {
    #nav > a{width: 3.5em!important;height: 3.5em!important;}
    #posicao4 {right: 2%;width: 10%;}
	#posicao8 #form2 input,#form3 #ct_outrasinfo {width: 94%;}
    #form1 {display: none;}
    #bg_posicao5 {height: 168px;}
    #posicao8 #form2 input {width: 93%;}
    #posicao13 {width: 100%;padding: 0;}
    #posicao6 .moduletable{margin: 0 auto; width: 75%;}
    #posicao6 .servico,#posicao6 #serv_ac,#posicao6 #serv_af,#posicao6 #serv_tri{width:100%;height:400px; float:none;padding-top: 0.1em;}
    #posicao6 h2,#posicao7 h2,#posicao8 h2,#posicao10 h2,#posicao15 .moduletable h2,#posicao9 h2{font-size: 1.4em;}
    #bg_topo.topo2_fixo .container #posicao3 .moduletable ul.nav.menu li a {width: 89%!important;}
    #endereco button {width: 50%;}
    /*-- Pg Int. - Blog --*/
    .items-row.cols-3 .span4 {width:91%;}
    #posicao2 {width: 50%;}
    .inst_saiba a{padding: 1em 0;}
}

/* Geral  - viewport 414 */
@media screen and (max-width: 414px) {
	#email,#tel{float: none;text-align: center;width: 100%;margin: 0 0 1em 0;!important;}
    #tel{margin: 0;}
    #posicao3 {width: 50%!important;}
    #posicao5 .moduletable{margin: 0 auto; width: 70%;}
    #posicao6 .moduletable{margin: 0 auto; width: 75%;}
    #posicao6 .servico,#posicao6 #serv_ac,#posicao6 #serv_af,#posicao6 #serv_tri{width:100%;height:400px; float:none;padding-top: 0.1em;}
    #posicao8 #form2 input {width: 92%;}
    #form3 #camp_inpt input{width: 91%;}
    #form3 #ct_outrasinfo{width: 91.5%;}
    #posicao14{width: 8%;}
}

/* Geral  - viewport 412 */
@media screen and (max-width: 412px) {
	
}

/* Geral  - viewport 384 */
@media screen and (max-width: 384px) {
	#posicao5 .moduletable {width: 90%;}
    #form1 h2 {font-size: 1.1em;padding: 0.7em 0;}
    #form1 input, #sp_enviar {height: 45px;}
    #form1 input {width: 100%;}
    #posicao6 .moduletable {width: 90%;}
    #posicao8 #form2 input {width: 91.5%;}
}

/* Geral  - viewport 375 */
@media screen and (max-width: 375px) {
    #nav > ul > li > a {width: 87.5% !important;}
    #posicao2 {width: 57%;margin-left: 30%;}
    #posicao4 {display: none}
	#form3 #camp_inpt input{width: 90%;}
    #form3 #ct_outrasinfo{width: 90.5%;}
    #bg_posicao7 {padding: 3em 0 0;}
    #bg_posicao6{padding:0;}
    #posicao8 #form2 input {width: 91%;}
    #posicao12 #logo-bottom a img {width: 53%;}
    #form3 #camp_inpt input {width: 92%;}
    #form3 #ct_outrasinfo {width: 93%;}
    .inst_saiba a {width: 100%;}
    #posicao14 {width: 18%;float: none;}
    #bg_topo.topo2_fixo .container #posicao3 .moduletable ul.nav.menu li a {width: 86% !important;}
    #posicao13 .moduletable_acessorapido,#posicao13 .moduletable_servicos{width: 100%;float: none;margin-bottom: 2em;}
    #posicao12 #tel2, #posicao12 #email2{text-align: left;}
    /*-- Pg Int. - Blog --*/
    .items-row.cols-3 .span4 {width:88%;}
}

/* Geral  - viewport 360 */
@media screen and (max-width: 360px) {
    #bg_topo.topo2_fixo .container #posicao3 {width: 50% !important;}
    #nav ul li a,#bg_topo.topo1_fixo .container #posicao3 .moduletable ul.nav.menu li a{width: 87% !important;}
	#posicao8 #form2 input {width: 91%;}
    #posicao12 #logo-bottom a img {width: 70%;}
}

/* Geral  - viewport 320 */
@media screen and (max-width: 320px) {
    #posicao3,#bg_topo.topo2_fixo .container #posicao3 {width: 54% !important;}
    #nav > ul > li > a,#bg_topo.topo1_fixo .container #posicao3 .moduletable ul.nav.menu li a {width: 86.5% !important;}
    #posicao3 {padding-top: 1em;}
    #posicao8 #form2 input {width: 90%;}
    .inst_saiba a {width: 99%;}
    #form3 #camp_inpt input{width: 89%;}
    #form3 #ct_outrasinfo{width: 89.5%;}
    #posicao12 #email2 {font-size: 0.9em;}
    #posicao13 {width: 65%;padding: 0;}
    /*-- Pg Int. - Blog --*/
    .items-row.cols-3 .span4 {width:84%;}
    #posicao14 {width: 30%;}
}