@charset "utf-8";

/* Desenvolvido por Joshua Aliaga */

/*Barra de Progresso*/
.pace {-webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.pace-inactive {display: none;}
.pace .pace-progress {background: #FFF; position: fixed; z-index: 100; top: 50px; right: 100%; width: 100%; height: 1px;}
.bx-pager-item {display: none;}

body {-webkit-font-smoothing: antialiased; background: #333;}
.container {position: absolute; width: 100%; min-height: 100%; top: 0; left: 0; background: #FFF; float: right;}
.menu {display: block; position: fixed; width: 70%; float: left; left: -70%; overflow-x: auto;}
.logo-menu {width: 60%; margin: 30px auto 0 auto; display: block;}
.menu ul {display: block; width: 70%; margin: 20px auto}
.menu ul li {display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #4444}
.menu ul li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0}
.menu ul li a {display: block; color: #CCC; text-align: center; line-height: 20px; font-size: 13px}
.menu h3 {display: block; width: 80%; margin: 0 auto; padding: 10px 0; text-align: center; background: #CCC; color: #042950; font-family: "Abel", Arial; text-transform: uppercase; font-weight: bold; font-size: 13px}
.topo {width: 100%; height: 50px; position: fixed; top: 0; background: #042950; z-index: 99}
.botao-menu-topo {width: 50px; height: 50px; float: left; background-color: transparent;}
.botao-busca-topo {width: 50px; height: 50px; float: right; background-color: transparent;}
.botao-menu-topo img, .botao-busca-topo img {width: 20px; height: 20px; display: block; padding: 15px}
.logo-topo {height: 25px; padding: 12.5px 0;}
.container-titulo-pagina {width: 100%; padding: 20px 0 30px 0; background: url('../imagens/bg-titulo.png') center no-repeat; margin-top: 49px; height: 20px;}
.container-titulo-pagina h1 {display: block; width: 100%; text-transform: uppercase; text-align: center; color: #FFF; font-family: "Abel", Arial; font-size: 15px}
.conteudo {width: 80%; margin: 30px auto}
.txt-pagina p {line-height: 25px; display: block; margin-bottom: 30px; text-align: justify; font-size: 15px}
.txt-pagina p strong {font-size: 15px; font-weight: 500}
.txt-pagina p:last-child{margin-bottom: 0}
.txt-pagina h2 {line-height: 35px; display: block; margin-bottom: 30px; font-family: "Abel", Arial; text-transform: uppercase; font-size: 17px; font-weight: bold; color: #042950; padding: 20px 0; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; text-align: center;}
.txt-pagina ul {display: block; list-style: circle; padding-left: 20px}
.txt-pagina ul li {line-height: 25px; font-size: 15px; margin-bottom: 10px}
.txt-pagina ul li strong {font-size: 16px}
.foto-bardot {display: block; margin-bottom: 20px; width: 100%}
.imagem-servicos {display: block; margin: 0 auto 20px auto; width: 80%}
.miniatura-servicos {display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #CCC}
.miniatura-servicos:last-child{border-bottom: 0; padding-bottom: 0}
.info-servicos p{text-align: center;}
.miniatura-servicos img {display: block; margin:0 auto 20px auto; width: 70%}
.miniatura-servicos span {display: block;}
.miniatura-servicos h3 {text-align: center; font-family: "Abel", Arial; text-transform: uppercase; margin-bottom: 10px; display: block; color: #042950; font-weight: bold; font-size: 17; line-height: 25px}
.miniatura-servicos p {display: block; line-height: 20px;text-align: center; }
.base-slider {margin: 49px 0 20px 0; background: url('../imagens/bg-slider.png') center no-repeat; width: 100%; height: 230px;}
.sobre-home {margin-bottom: 20px;}
.sobre-home h3 {font-family: "Abel", Arial; display: block;  text-align: center; text-transform: uppercase; font-size: 17px; color: #042950; padding-bottom: 20px; border-bottom: 1px dotted #042950; margin-bottom: 20px; font-weight: bold;}
.sobre-home p {display: block; text-align: center; line-height: 20px;}
.rodape {width: 100%; position: absolute; background: #EFEFEF; bottom: 0; height: 476px}
.logo-rodape {display: block; width: 50%; margin: 20px auto}
.margin-rodape {height: 1px; margin-bottom: 476px;}
.desenvolvido {background: #042950; padding: 15px 0;}
.desenvolvido p {display: block; text-align: center; font-size: 12px; margin-bottom: 10px; color: #CCC}
.desenvolvido a {display: block; width: 50%; margin: 0 auto}
.desenvolvido a img {display: block; height: 30px; margin: 0 auto}
.direitos {display: block; margin: 20px 0; font-size: 13px; text-align: center; line-height: 17px}
.direitos strong {font-weight: 900}
.menu-rodape {display: block; margin: 0 auto; width: 70%;}
.menu-rodape li {border-bottom: 1px dotted #CCC; padding: 15px 0}.menu-rodape li:last-child {border-bottom: 0}
.menu-rodape li a { display: block; font-family: "Abel", Arial; font-weight: bold; text-align: center; text-transform: uppercase;  color: #042950; }
.miniaturas-home span, .info-empresa span {display: block; background: #EFEFEF; margin-bottom: 20px; padding: 20px}
.miniaturas-home span img {width: 50%; display: block; margin: 0 auto 20px auto}
.info-empresa span img {width: 30%; display: block; margin: 0 auto 20px auto}
.miniaturas-home span h3, .info-empresa span h3 {text-align: center; font-family: "Abel", Arial; text-transform: uppercase; margin-bottom: 10px; display: block; color: #042950; font-weight: bold; font-size: 17px; line-height: 25px}
.miniaturas-home span p, .info-empresa span p {line-height: 20px; display: block; text-align: center; font-size: 15px}
.servicos-home {width: 100%; background: #000 url('../imagens/bg-marcas.jpg') no-repeat center; padding: 20px 0;}
.servicos-home span{display: block; width: 80%; margin: 0 auto}
.servicos-home span h3 {text-align: center; font-family: "Abel", Arial; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px dotted #FFF; display: block; color: #FFF; font-size: 20px; line-height: 25px;}
.marcas-home {display: block; float: left;}
.slider {width: 80% !important; padding: 20px 0; height: 175px !important; display: block; margin: 0 auto; overflow: hidden;}
.slider li {display: block; width: 100% !important; height: 175px !important; overflow: hidden;}
.slider li h3 {display: block; text-align: center; font-family: "Abel", Arial; text-transform: uppercase; color: #FFF; line-height: 30px; margin-bottom: 10px; font-size: 17px; font-weight:bold;}
.slider li p {display: block; color: #FFF; font-size: 13px; text-align: center; line-height: 20px; margin-bottom: 10px}
.slider li a {display: block; padding: 5px 0; width: 100px; border: 2px solid #FFF; margin: 0 auto; color: #FFF; text-transform: uppercase; font-size: 13px; text-align: center;}
.bx-wrapper, .bx-viewport {height: 215px !important}
.nome, .email, .telefone, .celular, .assunto, .mensagem  {padding: 15px; border: 1px solid #042950; display: block; margin-bottom: 20px; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; color: #042950; text-align: center;}
.mensagem {height: 200px; resize: none; text-align: left !important}
.enviar {width: 60%; margin: 0 auto; padding: 15px 0; text-transform: uppercase; text-align: center; background: #042950; display: block; color: #FFF; font-family: "Abel", Arial;}
.linha-formulario-contato {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #333}
.mapa {background: #333; height: 300px}

.alerta {padding: 15px 24px; text-align: center; position: fixed; top: 55px; z-index: 100; color: #FFF; display: none; width: 240px; border-radius: 50px}
#erro {background: red url('../imagens/erro.png') no-repeat; background-position: 8px center}
#enviando { background: #042950 url('../imagens/enviando.gif') no-repeat; background-position: 8px center}
#sucesso { background: green url('../imagens/enviado.png') no-repeat; background-position: 8px center}
.alerta{
	-webkit-box-shadow: 0px 0px 35px -12px rgba(0,0,0,0.52);
	-moz-box-shadow: 0px 0px 35px -12px rgba(0,0,0,0.52);
	box-shadow: 0px 0px 35px -12px rgba(0,0,0,0.52);
}

.social-menu {padding: 20px 0;}
.social-menu a {display: block; float: left;}
.black-screem {width: 100%; min-height: 100%; position: fixed; background-color: #000; opacity: 0.9; z-index: 97; top: 0; display: none;}
.form-busca {display: block; position: fixed; top: 50px; padding: 20px; z-index: 98; display: none;}
.buscar {display: block; width: 30%; padding: 10px 0; background-color: #042950; color: #FFF; width: 50%; margin: 0 auto; text-transform: uppercase; font-size: 13px}
.busca {display: block; padding: 15px; height: 15px; background: #EFEFEF;  text-align: center; margin-bottom: 10px;}
.mensagem-busca {display: block; text-align: center; font-size: 15px; line-height: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #CCC}
.mensagem-busca strong {font-size: 15px; color: #042950; font-weight: 500}
.ir-servicos {display: block; width: 70%; padding: 15px 0; color: #FFF; background: #042950; margin: 0 auto; text-align: center; text-transform: uppercase; font-size: 13px;}
.container-tag {padding-top: 30px; margin-top: 30px; border-top: 1px dotted #CCC}
.container-tag a {float: left; padding: 5px; background: #042950; margin:0 5px 5px 0; color: #EFEFEF; line-height: 20px; font-size: 13px}
.container-tag h3 {font-family: "Abel", Arial; text-transform: uppercase; margin-bottom: 20px; display: block; color: #042950; font-size: 17px; line-height: 25px; font-weight: bold;}
.load-pagina {width: 100%; min-height: 100%; position: fixed; background-color: #000; opacity: 0.9; z-index: 97; top: 0; display: block;}
.loading {display: block; width: 190px; position: fixed; top: 40%; z-index: 98;}
.container-mapa-do-site {display: block;margin: 0 0 30px 0;}
.container-mapa-do-site h3 {display: block; margin-bottom: 20px; font-family: "Abel", Arial; text-transform: uppercase; color: #042950; font-size: 17px; padding-bottom: 20px; border-bottom: 1px dotted #CCC; font-weight: bold}
.container-mapa-do-site ul {padding-left: 20px;}
.container-mapa-do-site ul li {margin-bottom: 10px; list-style: disc;}
.container-mapa-do-site ul li a {color: #042950; line-height: 20px}
.container-mapa-do-site ul li a:hover {color: #CCC;}

.g-recaptcha {width: 304px; height: 78px; display: block; margin:0 auto 20px auto;}



.imagem-servicos, .miniatura-servicos img{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}


.miniaturas-home span, .info-empresa span  {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}

.slider li a, .enviar, .menu h3, .buscar, 
.busca, .ir-servicos, .container-tag a, .loading  {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.menu {
	-webkit-box-shadow: inset -3px 0px 11px -2px #000;
	-moz-box-shadow:    inset -3px 0px 11px -2px #000;
	box-shadow:         inset -3px 0px 11px -2px #000;
}