@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none; color:#FFF}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}

body{min-width:290px; background:#f2f2f1; font-family:"Open Sans", Verdana, Geneva, sans-serif;}

/* CSS DO TOPO */
#bg_top{width:100%; height:122px; float:left; position:relative; background:url(imagens/bkg-topo.jpg) repeat-x; z-index:2;}
.topo {position:relative; float:left; width:955px; height:122px; left:50%; margin-left:-477px;}
.facebook{width:35px; height:35px; position:absolute; right:5px;}
.instagram{width:35px; height:35px; position:absolute; right:60px;}
.logotipo {position:absolute; width:147px; height:149px; left:50%; margin-left:-73px; top:37px;}
.txt-mail{font-weight:600; color:#505050; position:relative;  color:#535353; float:left; top:5px; right:5px;}
.txt-atendimento{font-weight:600; color:#505050; position:relative;  color:#535353; float:left;}
.txt-atendimento span{font-size:12px;}

header,
main,
footer,
.container5 {
    float: left;
    width: 100%;
	position:relative;
	text-align:justify;
}
.midia{width:300px; height:80px; position:absolute; top:5px; right:5px;}
.botoes{width:300px; height:80px; position:relative; float:left; top:5px; right:5px;}

.miniartokio{width:50px; height:50px; padding: 0px 10px 0px 0px; position: absolute;  left:50%; margin-left:-73px; top:37px;}

/*QUADRO TELEFONES*/
.eng-telefones {position:relative; float:right; width:450px; height:31px; margin-top:25px;}
.eng-telefones p{position:relative; float:right; width:auto; height:31px; font-size:22px; font-weight:600; color:#505050; text-align:right; line-height:1; letter-spacing:2px;}
.eng-telefones p b{font-size:12px;}
.eng-telefones p a{color:#505050;}
.bt-wts{position:absolute; top:30px; right:0px; background:#090; color:#fff; font-size:11px; padding:5px; border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px;}
/*FIM CSS TOPO*/

/*CSS Links top*/
.eng-links {position:absolute; left:0; width:371px; height:31px; top:68px;}
.eng-links a{height:31px; font-size:14px; font-weight:600; color:#505050; line-height:1;}

/*CSS BANNER*/
#bg-banner, #banner, #banner .item {position:relative; float:left; width:100%; height:auto;}
#banner .item img{width:100%; height:auto; display:block;}
#banner .item .caption{	transition:0.5;	bottom: 30%; right:20%; display: block;	position: absolute;	padding:10px; font-size:25px; background:rgba(0,0,0,0.6); color:#fff;}

#banner .slick-prev, #banner .slick-next{ width: auto !important; color:#c00 !important;}
#banner .slick-prev{left:0 !important;}
#banner .slick-next{right:0 !important;}
#banner .slick-prev:before, #banner .slick-next:before{ font-size: 20px !important; color: #000 !important;}
#banner .slick-prev:before{content: '\f053' !important; }
#banner .slick-next:before{content: '\f054' !important; }

/*FIM CSS BANNER*/

/*CSS MENU HORIZONTAL*/
.bkg-menu-h {position:absolute; width:100%; height:74px; background:url(imagens/bkg-menu-h.png) repeat-x; margin-top:5px; z-index:10; bottom:0;}
.bkg-menu-h ul {position:relative; float:left; width:955px; height:74px; left:50%; margin-left:-477px;}
.bkg-menu-h ul li{display:block; float:left; padding:0 25px; height:74px; line-height:2.5; margin:16px 0 0 100px;}
.bkg-menu-h ul li a{font-size:18px; color:#fff; font-weight:600; padding:10px 10px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px;}
.bkg-menu-h ul li a:hover{color:#000; -webkit-transition: color 2s; /* Safari */ transition: color 2s; background:#fff; }
/*FIM CSS MENU HORIZONTAL*/

/*CSS CONTEUDO*/
.eng-conteudo {position:relative; float:left; width:100%; background:url(imagens/bkg-conteudo.jpg) repeat-x;}
.conteudo {position:relative; float:left; width:955px; left:50%; margin-left:-477px; }
.conteudo .titulo {position:relative; float:left; width:702px; color:#3b3b3b; font-size:24px; font-weight:600; margin-top:33px;}
.conteudo .subtitulo {position:relative; float:left; width:702px; font-size:17px; color:#706e6e; font-weight:600; margin-top:0; margin-bottom:15px; text-align:justify;} 
.conteudo .txt {position:relative; float:left; width:100%; font-size:14px; color:#666; margin-top:0; text-align:justify;} 
.conteudo .box-pri{position:relative; float:left; width:100%; min-width:955px; font-size:15px; color:#6e6e6e; font-weight:600;}
.conteudo .box-pri .img-home {position:relative; float:left; width:223px; height:227px; margin-right:15px; margin-top:47px;}
.conteudo .box-pri p {margin-top:9px; font-weight:500; text-align:justify; font-size:15.4px;}
.conteudo .saiba-mais {position:absolute; bottom:0; left:230px; color:#25af5b; font-size:14px; font-weight:600;}

.box-sec {position:relative; float:left; width:100%; margin-top:30px;}
.container {position:relative; float:left; width:296px; margin:11px 33px 0 0;}
.container2 {position:relative; float:right; width:296px; margin:11px 0 0 0;}
.titulo-container {position:relative; float:left; width:296px; font-size:17px; color:#303030; margin-top:15px; font-weight:600;}
.titulo-container b{font-size:24px; color:#e14f45; font-weight:600;}
.img-container {position:relative; float:left; width:319px; margin-top:10px; border-top:4px solid #e14f45;}
.texto-container {position:relative; float:left; width:296px; font-size:13px; color:#4d4c4c; text-align:justify; margin-top:10px; line-height:1.7;}
/*FIM CSS CONTEUDO*/

/*CSS PÁGINA SERVIÇOS*/
.box-pri .titulo-pg {position:relative; float:left; width:955px; color:#3b3b3b; font-size:24px; font-weight:600; margin-top:33px;}
.conteudo .subtitulo-pg {position:relative; float:left; width:955px; font-size:21px; color:#706e6e; font-weight:500; margin-top:15px; margin-bottom:15px; text-align:justify;} 

.topicos {position:relative; float:left; width:955px; margin-top:40px;}
.topicos .img {position:absolute; right:0; top:30px; width:273px; height:215px; }
.topicos .img-m {position:relative; float:left; width:220px; height:91px; margin:10px 0 0 10px;}
.topicos .titulo-topicos{position:relative; float:left; width:955px; height:20px; font-size:18px; color:#333; font-weight:600; padding-bottom:10px;}
.topicos .titulo-topicos b{font-size:24px; color:#e14f45; font-weight:600;}
.topicos .subtitulo-topicos {position:relative; float:left; width:636px; font-size:16px; color:#666; font-weight:600; padding-left:18px; margin-top:10px;}
.topicos .txt-topicos {position:relative; float:left; width:636px; font-size:15px; color:#333; font-weight:500; margin-left:18px; text-align:justify; margin-top:10px;}
.topicos .txt-topicos2 {position:relative; float:left; width:636px; font-size:15px; color:#333; font-weight:500; margin-left:18px; text-align:justify; margin-top:10px; border-bottom:3px solid #CCC; padding-bottom:50px;}
.bt-serv{display:block; float:left; margin-top:15px; color:#000; text-decoration:underline; font-weight:bold;}
.bt-serv2{display:block; float:left; margin-top:15px; color:#9c9c9c; text-decoration:underline; font-weight:bold; font-size:13px;}
/*CSS RODAPE*/
#eng-rodape {position:relative; float:left; width:100%; height:116px; background:#f6f6f6 url(imagens/bkg-rodape.jpg) top left repeat-x; margin-top:40px;}
.rodape {position:relative; float:left; width:955px; height:116px; left:50%; margin-left:-477px;}
.rodape .box {position:relative; float:left; width:34%; margin-top:50px;}
.rodape .box ul li a{position:relative; float:left; padding:0 0 0 0; color:#515151;}
.rodape .box p {font-size:14px; color:#515151; font-weight:600; text-align:right;}

.bg_direitos{position:relative; float:left; width:100%; height:auto; background:#f55f4e;}
.direitos {position:relative; float:left; width:955px; height:auto; left:50%; margin-left:-477px; padding:10px 0; font-size:14px; color:#fff;}

/*CSS PÁGINA CONTATO*/
.captcha {position:relative; float:left; width:100%; min-width:298px; height:34px; padding-left:14px; text-align:center; background:#000;}
.nivel-form-1 {position:relative; float:left; width:50%; min-width:295px; margin-right:15px;}
.input {position:relative; float:left; border:2px solid #DDD; height:30px; padding-left:10px; margin-bottom:10px;  width:100%; min-width:295px;}
.select {position:relative; float:left; border:2px solid #DDD; height:30px; padding-left:10px; margin-bottom:10px;  width:100%; min-width:295px;}
.legenda-campo {position:relative; float:left; height:17px; width:100%; min-width:295px; font-size:12px; margin-top:10px;}
.file {position:relative; float:left; border:2px solid #DDD; height:30px; padding-left:10px; margin-bottom:10px;  width:50%; min-width:380px; background:#fff; padding-top:2px;}
#txt_cat_tbl {position:relative; float:left; width:384px; font-size:12px; margin-top:0;}
.bt-enviar{position:relative; float:left; width:186px; height:50px; background:#e63c2b; border:0; margin-top:20px; font-size:18px; color:#fff; text-align:center;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; box-shadow: 5px 5px 0 #333; -webkit-box-shadow: 5px 5px 0 #333; -moz-box-shadow: 5px 5px 0 #333;}
.textarea {position:relative; float:left; border:2px solid #DDD; margin-bottom:10px; padding-left:10px; width:100%; min-width:295px;}
.img-contato {position:relative; float:right; width:370px; height:auto; font-size:14px; color:#666;}
.img-contato a{text-decoration:none; color:#666;}
iframe {position:relative; float:left; width:370px; height:259px; margin:10px 0 0 0;}

/*Css CONTATO ENVIADO*/
.galeria{position:relative; float:left; width:100%; min-width:295px; height:auto; }
.img_es {position:relative; float:left; width:207px; height:134px; left:50%; margin-left:-103px; margin-top:30px;}
.tt-es {position:relative; float:left; width:100%; text-align:center; font-size:30px; color:#252525;}
.sub-ts {position:relative; float:left; width:100%; text-align:center; font-size:19px; color:#595959;}
.link-ce {position:relative; float:left; width:100%; text-align:center; font-size:14px; color:#0060b4; margin-top:10px; margin-bottom:100px; text-decoration:underline;}

.icones_rodape {position: absolute; bottom:0; right:0;}

@media only screen and (min-width: 768px) and (max-width: 995px) {
body{min-width:768px;}

.logotipo {width:120px; height:auto; margin-left:-60px;}
.logotipo img{width:100%; height:auto; display:block;}

#bg_top{height:auto; background:#e5e5e5 url(imagens/bkg-topo.jpg) left top repeat-x;}
.topo {width:768px; height:auto; margin-left:-384px;}

.midia{width:300px; height:auto; position:relative; float:right; top:0; right:0; margin:10px;}
.botoes{width:300px; height:auto; position:relative; float:left; top:0; right:0; margin:10px;}
.eng-links {position:relative; float:left; width:100%; height:auto; top:0;}
.eng-links a{height:auto; font-size:14px;}

.eng-telefones {width:300px; height:auto; margin-top:25px;}
.eng-telefones p{width:auto; height:auto; font-size:18px; letter-spacing:1px;}
.eng-telefones p b{font-size:10px;}

#banner .item .caption{bottom: 35%; right:10%; font-size:20px;}

.bkg-menu-h ul { width:768px; margin-left:-384px;}
.bkg-menu-h ul li{width:25%; box-sizing:border-box; padding:0 10px; text-align:center; height:74px; line-height:2.5; margin:0;}
.bkg-menu-h ul li a{font-size:16px; line-height:74px;}

.conteudo {width:768px; left:50%; margin-left:-384px; }
.conteudo .titulo {width:530px; }
.conteudo .subtitulo {width:530px;}
.conteudo .box-pri{min-width:768px;}
.box-pri .titulo-pg {width:728px; margin:33px 20px 0 20px;}
.box-pri .subtitulo-pg, .box-pri p {width:728px; margin:10px 20px;}

.container, .container2 {width:31.33%; margin:1%;}
.titulo-container {width:100%; font-size:15px;}
.titulo-container b{font-size:20px;}
.img-container {width:100%;}
.img-container img{width:100%; height:auto; display:block;}
.texto-container {width:100%;}

.topicos {width:728px; margin:40px 20px 0 20px;}
.topicos .titulo-topicos{width:728px;}
.topicos .subtitulo-topicos { width:417px;}
.topicos .txt-topicos {width:417px;}
.topicos .txt-topicos2 {width:417px;}

.nivel-form-1 {width:45%; min-width:auto; margin-right:2%; padding:2%;}
.img-contato {width:45%; padding:2%;}
.img-contato img{width:100%; height:auto; display:block;}

#eng-rodape {height:auto;}

.miniartokio{top:10px; margin-left:0; left:10px;}

.rodape {width:768px; height:auto; margin-left:-384px; padding-bottom:20px;}
.rodape .box {position:relative; float:left; width:50%; margin-top:80px;}
.rodape .box ul li a{position:relative; float:left; padding:0 0 0 10px; color:#515151;}
.rodape .box p {font-size:14px; color:#515151; font-weight:600; text-align:right;}

.direitos {width:748px; margin-left:-384px; padding:10px 10px 40px 10px;}
}

/*MOBILE PAISAGEM*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
body{min-width:480px;}

.logotipo {width:100px; height:auto; margin-left:-50px; top:10px;}
.logotipo img{width:100%; height:auto; display:block;}

#bg_top{height:auto; background:#e5e5e5 url(imagens/bkg-topo.jpg) left top repeat-x;}
.topo {width:480px; height:auto; margin-left:-240px; padding-top: 130px; padding-bottom:30px;}

.txt-atendimento{text-align: center; float:none;}

.midia{width:460px; height:auto; position:relative; float:right; top:0; right:0; margin:10px;}
.botoes{width:460px; height:auto; position:relative; float:left; top:0; right:0; margin:10px; text-align: center;}

.facebook{right: 75px;}
.instagram{right: 120px;}
.txt-mail{left: 85px;}

.eng-links {position:relative; float:left; width:100%; height:auto; top:0; }
.eng-links a{height:auto; font-size:14px; padding: 10px 0;}

.eng-telefones {width:480px; height:auto; margin-top:25px;}
.eng-telefones p{width:auto; height:auto; font-size:18px; letter-spacing:1px; right: 85px;}
.eng-telefones p b{font-size:10px;}

.bt-wts{right:160px;}

#banner .item .caption{bottom: 35%; right:10%; font-size:20px;}

.bkg-menu-h{position:relative; float:left;}
.bkg-menu-h ul { width:480px; margin-left:-240px;}
.bkg-menu-h ul li{width:25%; box-sizing:border-box; padding:0 10px; text-align:center; height:74px; line-height:2.5; margin:0;}
.bkg-menu-h ul li a{font-size:16px; line-height:74px;}

.conteudo {width:480px; left:50%; margin-left:-240px; }
.conteudo .titulo {width:440px; margin:10px 20px;}
.conteudo .subtitulo {width:440px; margin:10px 20px;}
.conteudo p {position:relative; float:left; width:440px; margin:10px 20px;}
.conteudo .box-pri{min-width:480px;}
.conteudo .box-pri .img-home {width:300px; height:auto; margin:10px 90px;}
.box-pri .titulo-pg {width:440px; margin:20px;}
.box-pri .subtitulo-pg, .box-pri p {width:440px; margin:10px 20px;}

.topicos .img { position:relative; float:left; right:0; top:0; width:300px; height:auto; margin:10px 70px;}
.topicos .img-m{width:46%; height:auto; padding:1%; margin:0; position:relative; float:left;}

.container, .container2 {width:94%; margin:1%; padding:2%;}
.titulo-container {width:100%; font-size:15px;}
.titulo-container b{font-size:20px;}
.img-container {width:100%;}
.img-container img{width:100%; height:auto; display:block;}
.texto-container {width:100%;}

.topicos {width:440px; margin:20px;}
.topicos .titulo-topicos{width:440px;}
.topicos .subtitulo-topicos { width:440px;}
.topicos .txt-topicos {width:440px;}
.topicos .txt-topicos2 {width:440px;}

.nivel-form-1 {width:96%; min-width:auto; margin-right:0; padding:2%;}
.img-contato {width:96%; padding:2%;}
.img-contato img{width:100%; height:auto; display:block;}

#eng-rodape {height:auto;}

.miniartokio{display:none;}

.rodape {width:480px; height:auto; margin-left:-240px; padding-bottom:40px;}
.rodape .box {position:relative; float:left; width:100%; margin-top:10px;}
.rodape .box ul {list-style: none; width: 340px; position: relative; float: left; margin: 0 70px;}
.rodape .box ul li a{position:relative; float:left; padding:0 0 0 10px; color:#515151;}
.rodape .box p {font-size:14px; color:#515151; font-weight:600; text-align:right;}

.direitos {width:460px; margin-left:-240px; padding:10px 10px 40px 10px;}
}
/*MOBILE RETRATO*/
@media only screen and (max-width: 479px) {
body{min-width:320px;}

.logotipo {width:100px; height:auto; margin-left:-50px; top:10px;}
.logotipo img{width:100%; height:auto; display:block;}

#bg_top{height:auto; background:#e5e5e5 url(imagens/bkg-topo.jpg) left top repeat-x;}
.topo {width:320px; height:auto; margin-left:-160px; padding-top: 130px; padding-bottom:30px;}

.txt-atendimento{text-align: center; float:none;}

.midia{width:300px; height:auto; position:relative; float:right; top:0; right:0; margin:10px;}
.botoes{width:300px; height:auto; position:relative; float:left; top:0; right:0; margin:10px; text-align: center;}

.facebook{right: 5px;}
.instagram{right: 55px;}
.txt-mail{left: 0;}

.eng-links {position:relative; float:left; width:100%; height:auto; top:0; }
.eng-links a{height:auto; font-size:14px; padding: 10px 0;}

.eng-telefones {width:320px; height:auto; margin-top:25px;}
.eng-telefones p{width:auto; height:auto; font-size:18px; letter-spacing:1px; right: 7px;}
.eng-telefones p b{font-size:10px;}

.bt-wts{right:80px;}

#banner .item .caption{bottom: 35%; right:10%; font-size:20px;}

.bkg-menu-h{position:relative; float:left; height:40px;}
.bkg-menu-h ul { width:320px; margin-left:-160px; height:40px;}
.bkg-menu-h ul li{width:25%; box-sizing:border-box; padding:0 10px; text-align:center; height:40px; line-height:2.5; margin:0;}
.bkg-menu-h ul li a{font-size:14px; line-height:40px;}

.conteudo {width:320px; left:50%; margin-left:-160px; }
.conteudo .titulo {width:280px; margin:10px 20px;}
.conteudo .subtitulo {width:280px; margin:10px 20px;}
.conteudo p {position:relative; float:left; width:280px; margin:10px 20px;}
.conteudo .box-pri{min-width:320px;}
.conteudo .box-pri .img-home {width:240px; height:auto; margin:10px 40px;}
.box-pri .titulo-pg {width:280px; margin:16px; font-size:20px;}
.box-pri .subtitulo-pg{ font-size:15px;}
.box-pri .subtitulo-pg, .box-pri p {width:280px; margin:10px 20px;}

.topicos .img { position:relative; float:left; right:0; top:0; width:280px; height:auto; margin:10px 0;}
.topicos .img-m{width:46%; height:auto; padding:1%; margin:0; position:relative; float:left;}

.container, .container2 {width:94%; margin:1%; padding:2%;}
.titulo-container {width:100%; font-size:15px;}
.titulo-container b{font-size:20px;}
.img-container {width:100%;}
.img-container img{width:100%; height:auto; display:block;}
.texto-container {width:100%;}

.topicos {width:280px; margin:20px;}
.topicos .titulo-topicos{width:280px; font-size:16px; height:auto;}
.topicos .subtitulo-topicos { width:280px;}
.topicos .txt-topicos {width:260px;}
.topicos .txt-topicos2 {width:260px;}

.nivel-form-1 {width:96%; min-width:auto; margin-right:0; padding:2%;}
.img-contato {width:96%; padding:2%;}
.img-contato img{width:100%; height:auto; display:block;}

#eng-rodape {height:auto;}

.miniartokio{display:none;}

.rodape {width:320px; height:auto; margin-left:-160px; padding-bottom:40px;}
.rodape .box {position:relative; float:left; width:100%; margin-top:10px;}
.rodape .box ul {list-style: none; width: 300px; position: relative; float: left; margin: 0 10px;}
.rodape .box ul li a{position:relative; float:left; padding:10px 0 10px 5px; color:#515151; font-size:15px;}
.rodape .box p {font-size:14px; color:#515151; font-weight:600; text-align:right;}

.direitos {width:300px; margin-left:-150px; padding:10px 10px 40px 10px;}
}