@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; border:0; outline:none;}

.bot_up, .quadros, button, a, .box-botoes{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}

.topo { position:fixed; bottom:0; right:10px; z-index:9999; width:50px; height:50px; cursor:pointer; display:none; font:20px/50px 'FontAwesome'; color:#FFFFFF; background:#fec006; text-align:center; }

#topo{width:100%; background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d5bd96+0,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d5bd96 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d5bd96 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#d5bd96 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
; overflow:hidden; padding:10px 0;}
#topo02{width:98%; max-width:1000px; margin:0 auto;}
#logo{width:30%; float:left; text-align:center;}
#fone{width:40%; float:right; padding:20px;}
#fone p{font: 300 20px 'Oswald', sans-serif; color:#3f454d; text-align:right;}
#fone h1{font: 300 30px 'Oswald', sans-serif; color:#3f454d; text-align:right;}
#fone h1:before{font:40px 'FontAwesome'; color:#fec006; content:"\f095"; margin-right:10px;}

#palco_menu{width:100%; overflow:hidden; background:#C29E64; border-bottom:6px solid #F7CB4E; margin-bottom:10px;}
#menu{width:100%; max-width:1000px; margin:0 auto; font-size:0; list-style:none;}
#menu li{display:inline-block; width:calc(100% / 5); cursor:pointer; overflow:hidden; position:relative;}
#menu li a{font:300 18px 'Oswald', sans-serif; color:#FFF; text-transform:uppercase; text-align:center; padding:30px 0; position:relative; z-index:90; display:block; text-decoration:none; }
#menu li .bot_up{ position:absolute; width:100%; height:100%; background:#F7CB4E; bottom:-100%; }
#menu li:hover .bot_up{ bottom:0; }
nav select{ display:none; border-radius:3px; padding:5px; width:calc(100% - 40px); margin:20px; font:24px/50px 'Oswald', sans-serif; color:#3f454d; outline:none; }

#img-home{width:100%; max-width:1000px; margin:0 auto; overflow:hidden;}
#img-home .home{width:100%; float:left;}
#img-home .home:last-child{ float:right; }


#banner{ width:100%; overflow:hidden; position:relative; }
#banner .img01{background:url(../imagens/banner-auditoria.fw.png); height:300px;}
#banner .img02{background:url(../imagens/banner-contabil.fw.png); height:300px;}
#banner .img03{background:url(../imagens/banner-fiscal.png); height:300px;}


#conteudo{width:98%; overflow:hidden; max-width:1000px; margin:0 auto;}
#conteudo h1{font:300 20px 'Oswald', sans-serif; color:#F6C742; text-transform:uppercase; margin-bottom:20px;}
#conteudo p{font: 13px/20px 'Archivo Narrow', sans-serif; color:#333333; text-align:justify;}

#conteudo-empresa{width:100%; overflow:hidden; max-width:1000px; margin:0 auto; background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,d5bd96+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 0%, #d5bd96 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#d5bd96 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 0%,#d5bd96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5bd96',GradientType=0 ); /* IE6-9 */}
#conteudo-empresa h1{font:300 20px 'Oswald', sans-serif; color:#F6C742; text-transform:uppercase; margin-bottom:20px; margin-left: 20px; margin-top: 10px;}
#conteudo-empresa p{font: 14px/20px 'Archivo Narrow', sans-serif; color:#3C3525; text-align:justify; line-height: 200%; margin-left: 20px; margin-right: 20px}

#servicos{width:100%; overflow:hidden; max-width:1000px; margin:0 auto; margin-top: 20px; background-color: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 0%, #d5bd96 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#d5bd96 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 0%,#d5bd96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5bd96',GradientType=0 ); /* IE6-9 */}
#servicos h1 {font:300 20px 'Oswald', sans-serif; color:#F6C742; text-transform:uppercase; margin-left: 20px; margin-bottom:10px; }
#servicos a {display: block; text-decoration: none; font:300 20px 'Oswald', sans-serif; color:#3C3525;margin-left: 40px; margin-bottom:10px; }
#conteudo-contabil ul li {list-style-type: circle; margin-left: 70px;color:#3C3525;}
#conteudo-contabil h5 {font:300 20px 'Oswald', sans-serif; background-color: #F6C742; padding-left: 10px;}
#conteudo-fiscal ul li {list-style-type: circle; margin-left: 70px; color:#3C3525;}
#conteudo-fiscal h5 {font:300 20px 'Oswald', sans-serif; background-color: #F6C742; padding-left: 10px;}
#conteudo-trab-prev ul li {list-style-type: circle; margin-left: 70px; color:#3C3525;}
#conteudo-trab-prev h5 {font:300 20px 'Oswald', sans-serif; background-color: #F6C742; padding-left: 10px;}
#conteudo-auditoria ul li {list-style-type: circle; margin-left: 70px; color:#3C3525;}
#conteudo-auditoria h5 {font:300 20px 'Oswald', sans-serif; background-color: #F6C742; padding-left: 10px;}
#conteudo-imposto-renda ul li {list-style-type: circle; margin-left: 70px; color:#3C3525; }
#conteudo-imposto-renda h5 {font:300 20px 'Oswald', sans-serif; background-color: #F6C742; padding-left: 10px;}
#conteudo-societaria ul li {list-style-type: circle; margin-left: 70px; color:#3C3525;}
#conteudo-societaria h5 {font:300 20px 'Oswald', sans-serif; background-color: #F6C742; padding-left: 10px;}


#img-utilitarios{width:100%; overflow:hidden; background:url(../imagens/img-utilitarios.jpg); background-attachment:fixed; margin:30px 0; padding:50px 0;}
#utilitarios{width:98%; overflow:hidden; max-width:1000px; margin:30px auto;}
#utilitarios .util{width:24%; margin:0 0.5%; padding:20px 10px; box-sizing:border-box; float:left; background:#FFFFFF; border-top:6px solid #F6C742;}
#utilitarios .util:first-child{margin-left:0; width:24.5%;}
#utilitarios .util:last-child{margin-right:0; width:24.5%;}
#utilitarios h1{width:40px; height:40px; background:#F6C742; font:700 18px/40px 'Oswald', sans-serif; color:#3C3525; text-align:center; float:left; margin-right:12px;}
#utilitarios h2{font:300 18px/20px 'Oswald', sans-serif; color:#F6C742; text-transform:uppercase;}
#utilitarios h3{font:300 22px/20px 'Oswald', sans-serif; color:#3f454d; text-transform:uppercase;}
#utilitarios p{font: 13px/20px 'Archivo Narrow', sans-serif; color:#3C3525; text-align:center; margin:35px 0;}
#utilitarios button{font:300 18px/20px 'Oswald', sans-serif; color:#FFFFFF; text-align:center; padding:10px; width:100%; background:#C29E64; cursor:pointer;}
#utilitarios button:hover{background:#F6C742;}

#ms{ width:98%; max-width:1000px; margin:20px auto; overflow:hidden; padding-top:25px;}
#ms h1{font:300 20px/50px 'Oswald', sans-serif; color:#FFFFFF; background:#F6C742; text-transform:uppercase; margin-bottom:20px; text-align:center;}
#ms form{ width:100%; overflow:hidden; margin:20px 0;}
#ms input{ width:49%; margin:5px 0.5%; border-radius: 3px; float:left; border: 1px solid rgba(204,204,204,0.5); padding:20px; font: 14px/20px 'Archivo Narrow', sans-serif; color:#333333; }
#ms button{ padding:20px 15px; background:#3f454d; color:#FFFFFF; cursor:pointer; border-radius:3px; font: 14px/20px 'Archivo Narrow', sans-serif; text-transform:uppercase; margin:5px 0 5px 0.5%; border: 1px solid rgba(204,204,204,0.5);}
#ms button:hover{ background:#25282c; }
#ms a { font: 14px/20px 'Archivo Narrow', sans-serif; display:inline-block; color:#FFFFFF; text-transform:uppercase; text-decoration:none; background:#fec006; border-radius:3px; padding:20px 15px; border: 1px solid rgba(204,204,204,0.5); margin:5px 0 5px 0.5%;}
#ms a:hover{ background:#e1ab0c; }
#ms a:before{ font: 14px 'FontAwesome'; content:"\f13e"; margin-right:15px; }

#programacoes{width:98%; max-width:1000px; margin:0 auto; overflow:hidden; padding-top:20px;}
#programacoes .box-botoes{width:calc(50% - 20px); margin:0 10px; float:left; background:#00bbd3; border-radius:3px; padding:20px; box-sizing:border-box; text-align:center; cursor:pointer;}
#programacoes h1 {font:300 18px 'Oswald', sans-serif; color:#FFFFFF; text-transform:uppercase;}
#programacoes p {font: 14px/20px 'Archivo Narrow', sans-serif;color:#FFFFFF;}
#programacoes .box-botoes:hover {background:#18a9bc;}

#fd_links{width:100%; overflow:hidden; padding:20px 0; background:#C29E64; margin-top:25px;}
#links{width:98%; max-width:1000px; margin:0 auto;}
.links{width:calc(20% - 10px); margin:0 5px; float:left;}
#links h1{font:300 20px/50px 'Oswald', sans-serif; color:#FFFFFF; text-transform:uppercase; padding-top: 20px; text-align:center;}
#links .blocos{width:calc(25% - 30px); margin: 0 15px; float:left; margin-top:30px; text-align:right;}

#mn_links{margin: 0; padding:0; list-style: none; width: 100%;}
#mn_links li{border-top: 1px dotted rgba(255,255,255,0.2);}
#mn_links li:first-child {border-top: none;}
#mn_links li a {display:block; padding: 10px 0; font:300 15px 'Oswald', sans-serif; color:#FFFFFF; text-decoration:none;}
#mn_links li a:hover {color:#888888;}
#mn_links li a:before{font: 10px 'FontAwesome'; color:#FFF; content:"\f054"; float:left; margin-right: 10px;}

#rodape{width:100%; background:#C29E64; padding:10px 0;}
.rodape {width:98%; max-width:1000px; margin:30px auto 0; overflow:hidden;}
.formcontato h1 {font:300 18px 'Oswald', sans-serif; color:#fec006; text-transform:uppercase; margin-bottom:20px;margin-left: 35px;}
.formcontato p {font: 14px/20px 'Archivo Narrow', sans-serif; color:#FFF; margin-bottom:20px;margin-left: 35px;}
.formcontato p a{text-decoration:none; color:#FFF;}
.formcontato a:hover{color:#00bbd3;}
.formcontato h4 {font: 14px/80px 'Archivo Narrow', sans-serif; color:#FFF; text-align:center;}
.formcontato input {width:40%; background:#fff; padding:20px; float:left; font: 14px/20px 'Archivo Narrow', sans-serif; color:#3C3525; margin-right: 10px;margin-bottom: 10px; margin-left: 35px;}
.formcontato textarea {width:89%; background:#fff; padding:20px; resize:none; font: 14px/20px 'Archivo Narrow', sans-serif; color:#3C3525; margin-left: 35px;margin-bottom: 5px;}
.formcontato button {width:44%; border:none; background:rgba(255,255,255,0.2); padding:20px; color:#fff; text-align:center; float:left; margin:0; cursor:pointer; font:300 18px 'Oswald', sans-serif; margin-left: 35px; margin-right: 14px}
.formcontato button:hover {background:#fec006;}

#mapa{width:100%; overflow:hidden; max-width:1000px; margin:20px auto; }
#mapa h1{font:300 18px 'Oswald', sans-serif; color:#F6C742; text-transform:uppercase; margin:20px 0;}

#voltar{width:100%; overflow:hidden; max-width:1000px; margin:0 auto;margin-top: 10px;}

#conteudo-contrato {width:100%; overflow:hidden; max-width:1000px; margin:0 auto; background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,d5bd96+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 0%, #d5bd96 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#d5bd96 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 0%,#d5bd96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5bd96',GradientType=0 ); /* IE6-9 */}

#conteudo-contrato ul li a {text-decoration: none; font: 14px/30px 'Archivo Narrow', sans-serif; color:#3C3525; margin-left: 20px;}
#conteudo-contrato h1 {font:300 22px 'Oswald', sans-serif; color:#fec006; text-transform:uppercase; margin-bottom:20px;margin-left: 20px;}

#conteudo-calculo-atrasado {width:100%; overflow:hidden; max-width:1000px; margin:0 auto; background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,d5bd96+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 0%, #d5bd96 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#d5bd96 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 0%,#d5bd96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5bd96',GradientType=0 ); /* IE6-9 */}

#conteudo-calculo-atrasado ul li a {text-decoration: none; font: 14px/30px 'Archivo Narrow', sans-serif; color:#3C3525; margin-left: 20px;}
#conteudo-calculo-atrasado h1 {font:300 22px 'Oswald', sans-serif; color:#fec006; text-transform:uppercase; margin-bottom:20px;margin-left: 20px;}

#sec-fazenda {width:1000px; height:450px; position:fixed; top:50%; left:50%; z-index:102; background-color:#FFF;
margin-left:-500px; margin-top:-215px;  display:none; padding:10px; box-shadow:0 0 10px #F6F;}
#fundo{ width:100%; height:100%; background-color:#000; opacity:0.7; position:fixed; z-index:101; display:none;}

.fechar{ position:absolute; top:5px; right:5px;}