@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700";
@import "http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700";
@import "http://fonts.googleapis.com/css?family=Lily+Script+One";
html{margin:0;padding:0;overflow-x:hidden}
body{font-family:'Open Sans',Arial,serif;color:#8c8c8c;font-size:.8em;margin:0;padding:0;overflow-x:hidden}*{margin:0 auto;padding:0}
ul{list-style:none}
a{text-decoration:none;border:none;color:#8c8c8c}
a:hover{text-decoration:underline}
p{margin-top:1.0em}
.txt16 p{margin-top:1.0em;font-size:16px}
.txt16 p{margin-top:1.0em;font-size:14px}
img{border:none}
.bannermobile img{display: none}
.cliente img{border:none;margin-top: 35px; max-width: 300%; margin-left:20px;}
.clear{clear:both}
.clearout{display:none}
.conteudo{max-width:1100px;height:auto}
.left{float:left}
.image{max-width:100%;height:auto}
.espaco{width:100%;height:30px;float:left}
.esp{line-height:30px}
header{width:100%;height:auto;position:absolute;float:left;z-index:999}
.cinza{color:#333}
h1{font-family:'Open Sans',Arial,serif;font-size:1.9em;font-weight:700}
h2{font-family:'Open Sans',Arial,serif;font-size:1.5em;font-weight:100;text-transform:uppercase}
.center{text-align:center}
.margin{margin:2% 0 5%}
.padding{padding:2% 0}
.azul{color:#1c5179!important}
.fundo_azul{background:rgba(45, 45, 45, 0.8);float:left;width:50%;padding:2.3% 3%}
.branco{color:#fff}
.preto{color:#000}
.btn-mais{width:40%;padding:1%;background-color:#fff;margin-top:10%;border-radius:10px}
.btn-mais a{color:#467fc1}
.btn-mais a:hover{color:#000}
.left{float:left}
.right{float:right}
.text_banner{bottom:0!important;float:left;position:relative;margin-top:18%;color:#fff;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0,0,0,.15)!important}
.logo{float:left;position:relative;z-index:999999;margin-top: 30px; margin-left: -40px;}
.redes{width:15%;float:right;position:relative}.banner{width:100%;height:auto;position:relative;float:left}
#banner-interna{width:100%;position:relative;float:left;background:url(../images/banner-interna.png)fixed no-repeat}
#banner-interna-1{width:100%;position:relative;float:left;background:url(../images/banner-interna-utilidades.png) fixed no-repeat}
#banner-interna-2{width:100%;position:relative;float:left;background:url(../images/banner-interna-contato.png) fixed no-repeat}
#banner-editorial{width:100%;position:relative;float:left;background:url(../images/banner-editorial.jpg)fixed no-repeat}
#banner-esocialempregados{width:100%;position:relative;float:left;background:url(../images/banner-esocial-empregados.jpg)fixed no-repeat}
#banner-gestao{width:100%;position:relative;float:left;background:url(../images/banner-gestao.jpg)fixed no-repeat}
#banner-paralegal{width:100%;position:relative;float:left;background:url(../images/banner-paralegal.jpg)fixed no-repeat}
#banner-empresa{width:100%;position:relative;float:left;background:url(../images/banner-esocialempresa.jpg)fixed no-repeat}
#banner-bpo{width:100%;position:relative;float:left;background:url(../images/banner-bpo.jpg)fixed no-repeat}
#banner-bpo2{width:100%;position:relative;float:left;background:url(../images/bpo.JPG)fixed no-repeat}
#banner-consultoria-trabalhista{width:100%;position:relative;float:left;background:url(../images/banner-consultoria-trabalhista.jpg)fixed no-repeat}
.apresentacao{width:40%;float:left;position:relative;margin-top:5%}
.texto_apresentacao{float:right;position:relative;width:60%;padding:2%;margin-top:2%}
.section-1{width:100%;float:left;position:relative}
.area-cliente{width:100%;text-align:center;margin:0 auto}
.area-cliente h1{float:left;width:30%;margin-top:4%;text-align:left}
.box{text-align:center;width:20%;float:left;padding:1%}
.box h1{font-size:1.1em!important;font-weight:400!important;text-transform:uppercase}
.box2{text-align:center;width:12%;float:left;padding:1% 0}
.box2 h2{font-size:.9em!important}
.box2 a{color:#666;text-decoration:underline!important}
.box2 a:hover{color:#000;text-decoration:none!important}
.box3{text-align:center;width:100%;float:left;padding:1% 4%}
.fundo_index{width:100%;float:left;position:relative;text-align:center;background-color:#224977}
.fundo{width:100%;float:left;position:relative;text-align:center;background:url(../images/fundo.jpg)}
#linha{width:100%;text-align:center}
.bem-vindo{width:100%;margin:0 auto;padding:30px}
.bem-vindo2{width:100%;text-align:center;margin:0 auto;padding:30px;margin-left:-80px}
.link-1{background:#81181d;color:#fff;padding:27% 8% 35%;text-align:center;font-size:.9em}
.link-1:hover{background:#7b7979;color:#fff;padding:27% 8% 35%;text-align:center;font-size:.9em}
.link-2{background:#81181d;color:#fff;padding:28% 8%;text-align:center;font-size:.9em}
.link-1 h2,.link-2 h2{color:#fff!important;font-size:1.3em!important;text-transform:uppercase;font-weight:bolder;border-bottom:1px solid #fff;padding-bottom:3%}
.texto_1{float:left;position:relative;padding:4% 0 2% 2%;text-align:center}
.bgtrans{background-color: rgba(47, 98, 157, 1);}
#ribbon{width:30%;position:absolute;background:rgba(70,127,193,0.9);opacity:.95;z-index:7;margin-left:20%;padding:25px;font-family:Arial,Helvetica,sans-serif;font-size:1.2em;color:#FFF;text-align:center;margin-top:3%}
#ribbon a{color:#fff!important}
.box-cinza-3{background:#fff;border:1px solid #e8e6e6;text-align:center;margin:2% 0;height:auto;padding:15px 10px;width:100%;float:left;position:relative}
.noticias{background:rgba(45, 45, 45, 0.8);float:right;width:50%;padding:2% 3%}
.noticias a{color:#fff!important}
.noticias h1{font-size:1.8em!important}
.calendario{width:25%;float:left}
.imposto{width:50%;float:right;margin-left:3%;margin-top:1%;color:#fff}
.imposto h1{font-size:1.4em!important}
.rodape1{float:left;position:relative;width:60%}
.rodape2{float:right;position:relative;width:20%}
footer{width:100%;float:left;padding:2% 0;position:relative;background-color:#232323}
.endereco{width:100%;background-color:#000;float:left;position:relative}
.rod1{float:left;position:relative;width:25%}
.rod2{float:left;position:relative;width:25%;background-color:#000;height:auto;padding:2%}
.rod3{float:right;position:relative;width:25%;bottom:0;margin-top:2%}
.rod1 h1,.rod2 h1,.rod3 h1{font-size:1.2em}
input{font-family:'Open Sans',Arial,serif;font-size:.9em;padding:3px;border:1px solid #ccc;width:100%;height:83px;margin-bottom:2%;border-radius:0;background:#fff}
#mask{position:absolute;left:0;top:0;z-index:9000;background-color:#333;display:none}
#boxes .window{position:absolute;left:0;top:0;width:440px;height:200px;display:none;z-index:9999;padding:20px}
#boxes #dialog2{background:transparent;width:650px;margin:0 auto;margin-top:-160px}
.close{display:block;float:left;font-weight:700;line-height:1;cursor:pointer;color:#fff;text-align:center;text-shadow:0 -1px 1px #64799e;background:#191d2f;border:.1px solid #051c44;background-color:#25a9e0;background-position:0 0;margin:10px 30px 10px 0;padding:6px 8px}
.news{text-align:left}
.news input{font-family:'Open Sans',Arial,serif;font-size:.9em;padding:3px;width:100%;height:30px;margin-bottom:2%;border-radius:0;border:1px solid #fff;color:#fff;background:none}
.news input.btn{border:1px solid #51abd1;width:20%;color:#fff;background-color:#51abd1;font-weight:bolder;font-size:.9em;margin-bottom:10%}
.news input.btn:hover{border:1px solid #9ca16c;background:#849baa;color:#fff}.coluna-7{float:right;position:relative;width:15%;margin-right:3%;text-align:left;padding-top:2%}
textarea{font-family:'Open Sans',Arial,serif;font-size:.9em;padding:3px;border:1px solid #ccc;width:100%;color:#7f7f7f;margin-bottom:3%;border-radius:0;background:#FFF}
.field{width:48%;margin-right:.5%;padding:.5%;border:1px solid #c3c2c2;height:50px;color:#666;margin-bottom:10px;background:#e7e7e7;float:left;position:relative}
.msg{width:96.6%;margin-right:.5%;padding:.5%;border:1px solid #c3c2c2;height:80px;color:#666;margin-bottom:10px;background:#e7e7e7;float:left;position:relative}
.button{width:97%;height: 50px;float:left;background:#4a97d5;border:1px solid #083254}
.button a:hover{background-color:#999}@media only screen and (max-width :1200px){.sem_image{display:none}.texto_1{float:left;width:100%;position:relative;text-align:center}}


@media only screen and (max-width :1024px){.espaco,.fundo,.fundo_azul{display:none}.bannermobile img{display: block;width:100%}.bem-vindo2{width:100%;text-align:center;margin:0 auto;padding:30px;margin-left:1px}.noticias{display:none}.noticias,.calendario,.imposto{display:none}.logo{width:100%;text-align:center;margin-top: 30px}.cliente{width:100%}.rod1,.rod2,.rod3,.rodape1,.rodape2{width:100%;text-align:center;margin-top:3%}.area-cliente img{display:none;margin-bottom:3%}}

@media only screen and (max-width :995px){.redes{width:100%;float:right;position:relative;text-align:center}.logo{margin-top: 30px}.bannermobile img{display: block;width:100%}.bem-vindo2{width:100%;text-align:center;margin:0 auto;padding:30px;margin-left:1px}.text_banner{display:none}.bx-wrapper .bx-caption p{font-size:.8em;margin-top:0}.bx-wrapper .bx-caption{background-image:url(../images/mobile.jpg)}.box-cinza-3{width:100%!important}header{width:100%;height:auto;position:relative;float:left;background:ebebeb}.banner-interna{display:none}.box-cinza-2{text-align:center;width:95%}.margin{margin:0}}

@media only screen and (max-width :750px){.exclui-foto{display:none}.cliente{display:block}.logo{float:left;position:relative;text-align:center;margin-top: 30px;width:100%;z-index:999999}.bannermobile img{display: block;width:100%}.bem-vindo2{width:100%;text-align:center;margin:0 auto;padding:30px;margin-left:1px}.box{width:100%}.bx-wrapper .bx-caption h1{font-size:1.5em!important;margin-top:3%}.bx-wrapper .bx-caption p,.bx-wrapper .bx-caption a{display:none}.texto_apresentacao{width:100%}.apresentacao{width:100%!important;text-align:center!important}#ribbon{width:60%}.box2{text-align:center;width:50%}}

@media only screen and (max-width :520px){.bannermobile img{display: block;width:100%}.bem-vindo2{width:100%;text-align:center;margin:0 auto;padding:30px;margin-left:1px}.logo img{width:100%;margin-top: 30px}}

@media only screen and (max-width :420px){.menu{width:100%}.logo{margin-top: 30px}.exclui-coluna{display:none!important}.bannermobile img{display: block;width:100%}.bem-vindo2{width:100%;text-align:center;margin:0 auto;padding:30px;margin-left:1px}.col-pp{width:100%!important}}
ul.area li {background:url(../images/marker.png) no-repeat; padding-left: 3%; padding-bottom: 1%;}
.box13 {text-align: left; width: 100%; float: left; padding: 1% 4%;}

.bem-vindo-3{
	padding-left: 50px !important;
    padding-right: 130px !important;
}


.bem-vindo-4{
	margin-right:70px !important;
}