@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:100%;
	margin: 0px;
	padding: 0px;
	color: #000;
	width:auto;
	background-image:url(../images/fundo-cinza-02.jpg);
/*	background-image:url(../images/fundo-cinza.jpg);*/
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:cover;
}
.clear{
	height: 10px;
	clear: both;
}

.modal{display: none; position: absolute; border: 2px solid #999; background-color: #f9f9f9; border-radius: 10px; padding: 10px; font-size: 12px; box-shadow: 0 0 20px #333; -webkit-box-shadow: 0 0 20px #333; -moz-box-shadow: 0 0 20px #333; z-index: 9999 }
.modal img{float: left; text-align: middle; margin-right: 10px;}
.modal .titModal{float: left; font-size: 30px; font-weight: bold; padding-top: 10px;}
.titModall{float: left; font-size: 30px; font-weight: bold; padding-top: 10px;}
.modal p{ padding-top: 10px; clear: both; font-size: 14px; color: #c00;}
.mascara{display: none; position: absolute; width: 100%; height: 100%; z-index: 9997; background-color: #000; opacity: 0.6}
.fechar{position: absolute; z-index: 9998; top: -10px; right: -10px; width:29px; height: 29px; background: url(../images/ico-close.png) no-repeat top left; cursor: pointer;}
.campoObrigatorio{color: #c00; font-size: 14px; margin-left: 2px; margin-right: 5px;}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding: 0;
 /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

ul.servicos{
	margin-left: 10px;
	padding-left: 10px;
}
ul.servicos li{
	text-align:left;
	list-style: disc;
}
.destaques-home{
	background-color: #666;
	position: relative;
	float: left;
	width: 240px;
	cursor: pointer;
}
.espaco-direita-home{
	position: relative;
	float: left;
	width: 9px;
	height:300px;
}
.imagem{
	width: 100%;
	height: 280px;
	background-position: top left;
}

.texto{
	background-color: #600;
	margin: 0;
	padding: 5px;
	width: 230px;
	height: 80px;
	color: #fff;
	font-size: 70%;
	text-align: left;
}
.texto h1{
	position: relative;
	float: left;
	clear: both;
	font-size: 50%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.texto p{
	position: relative;
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0;
}
.leiamais{
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 2px 0;
	text-align: right;
	color: #600;
	font-size: 70%;
	border-top: 1px solid #666;
}
.vazio{cursor:default;}
.leiamais img{
	position: relative;
	float: left;
	margin-right: 5px;
}
.separador-horizontal, .separador-horizontal-menor, .separador-horizontal-maior{position:relative; height:2px; clear:both; }
.separador-horizontal-menor{margin: 10px 0;}
.separador-horizontal{margin: 20px 0;}
.separador-horizontal-maior{margin: 40px 0;}
.conteudo{
	margin: 0 auto;
	padding: 0px;
	max-width: 988px;
	
 background-color: rgba(255,255,255,.4);border-radius: 10px; box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff; -moz-box-shadow: 0 0 20px #fff;
	
/*	box-shadow:0px 0px 15px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0px 0px 15px 5px rgba(0,0,0,0.5);*/

	text-align: center;
/*	overflow:hidden;*/
	padding-bottom: 20px;
}
.conteudo-internas{
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 0;
	overflow: auto;
}

.conteudo-principal{
	position: relative;
	float: left;
	padding: 5px;
	margin: 0 5px;
	width: 665px;
	min-height: 500px;
	background-color: #fff;
	border: 1px solid #000;
}
.conteudo-principal-central {
	position: relative;
	float: left;
	padding: 5px;
	margin: 0 5px;
	width: 970px;
	min-height: 500px;
	background-color: #fff;
	border: 1px solid #000;
	display: table;
}
.conteudo-principal h1, .conteudo-principal-central h1{
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	position: relative;
	clear: both;
	padding: 5px;
	margin: 0 0 10px 0;
	background-color:#c00;
	text-align: left;
}
.conteudo-principal-central h1{
	width: 960px;
}
.conteudo-principal p, .conteudo-principal-central p{
	position: relative;
	padding: 0;
	margin: 0 0 10px 0;
	text-align: justify;
	clear: both;
}
.divs-conteudo{position:relative; width:100%; min-height:50px; margin-bottom: 40px; display: block; clear: both; border: 0px solid #F00;}
.divs-conteudo-titulo-pagina{position:relative; width:100%; margin: 20px 0; display: table; clear: both; border: 0px solid #F00;}

.conteudo-linha{position:relative; float:left; width: 100%; height:100%; text-align: left;}

/*.fundo-branco{position:relative; float:left; width: 100%; margin-top: 10px; display:table;background-color: #FFF; }*/

.conteudo-2colunas{position:relative; float:left; width: 65%; height:100%; margin-right:5%; text-align: left;}

.conteudo-1coluna{position:relative; float:left; width: 30%; height:100%; margin-right:5%; text-align: left;}

.conteudo-2colunas-iguais{position:relative; float:left; width: 47%; height:100%; margin-right:5%; text-align: left;}

.conteudo-1coluna img,
.conteudo-2colunas-iguais img,
.conteudo-linha img{float:left;margin-top: 10px; border:0px solid #999;}

.coluna-ultimo{margin-right:0}

.conteudo-coluna-servicos{position:relative; float:left; width: 50%; height:100%; text-align: left;}
.miolo-coluna-servicos{width:90%;margin:0 auto;}

.caixa-titulo{width: 100%;font-size:100%; text-align:center;border-bottom: 1px solid #333}
.caixa-titulo-pagina{width: 100%; background-color: #333; color: #FFF;}

.titulos-caixa, .titulos-pagina{font-size: 115%; font-weight: bold; padding:0; margin:0; text-align:left; border-bottom: 5px solid #333}
.titulos-pagina{margin-left:20px;font-size: 175%; font-weight: normal; padding: 0;border-bottom: 0px solid #333}

.subtitulos-caixa{font-size: 125%; margin: 10px 0 0 0; padding: 0 10px; color: #D8261A;}


h2.subtitulos-caixa::first-letter{vertical-align: baseline; font-size: 55%; font-weight: bold; padding:0; margin:0; line-height:100%;}

p {line-height: 25px; }

p.texto-caixa{font-size: 100%; clear: both; width:auto; text-align: justify; margin: 0;padding:1%;display:table;}

.caixa-imagens{
	position: relative; 
	display: flex; 
	flex-wrap: wrap;
	gap: 8px;
	width: 100%; 
	border: 0px solid #F00; 
	margin: 20px auto;
}
.fotos_colorbox {
	width: calc(25% - 8px);
}
.fotos_colorbox img{
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
}
@media(max-width: 768px){
	.fotos_colorbox {
		width: calc(50% - 8px);
	}
}
.imagem-caixa-servicos {float:left; margin-top: 15px;}

.texto-caixa-servicos{margin: 15px 5px 5px 5px; width: auto; float:right;font-size: 100%; text-align: justify; padding:0;display:table;}

.imagem-caixa-home {float:left;margin: 15px 0;}
/*.imagem-caixa-home img{width:100%;float:left;}*/

p.texto-caixa-zero{min-height:0;}

.form-trabalhe{
	margin: 0 auto;	
	position: relative;
	display: table;
}
p.mensagem-envio-email{
	position: relative;
	margin-top: 30px;
	width: 100%;
	padding: 0;
	float: left;
	text-align: center;
	clear: both;
	font-weight: bold;
}

.dados-clientes{
	position: relative;
	float: left;
	margin: 0 15px 15px 15px;
	padding: 10px;
	display: block;
	width: 280px;
	height: 280px;
	border:	1px solid #CCC;
}

.dados-clientes img{
	position: relative;
	clear: both;
	margin: 20px auto;
	width: 215px;
	height: 215px;
	border: 1px solid #DDD
}

.dados-clientes h5{
	position: relative;
	width: 280px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: normal;
	clear: both;
	font-size: 12px
}

.labelForm, .campoForm, .labelFormM, .campoFormM, .labelFormP, .campoFormP{
	position: relative;
	float: left;
	text-align:right;
}

.labelForm, .labelFormM, .labelFormP{margin-right: 10px;}

.labelForm{
	width: 120px;
}
.labelFormM{
	width: 80px;
}
.labelFormP{
	width: 60px;
}
.campoForm, .campoFormM, .campoFormP{text-align:left}

.campoForm{
	width: 500px;
}
.campoFormM{
	width: 250px;
}
.campoFormP{
	width: 125px;
}
input, select{
	font-size: 100%;
	line-height: 120%;
	padding: 3px;
}
.ajuda{
	font-size: 70%;
	color: #C00;	
}

.campoTextoP{width: 150px;}
.campoTextoM{width: 250px;}
.campoTextoG{width: 500px;}

.comboXP{width: 60px;}
.comboP{width: 150px;}
.comboM{width: 250px;}
.comboG{width: 500px;}

.textAreaP{
	width: 150px;
	height: 30px;
}
.textAreaM{
	width: 250px;
	height: 60px;
}
.textAreaG{
	width: 500px;
	height: 120px;
}
.btSubmit{
	padding: 2px 30px;
}
.conteudo-auxiliar{
	position: relative;
	float: right;
	padding: 5px;
	width: 290px;
	min-height: 500px;
	background-color: #fff;
	border: 1px solid #000;
}

.sub-item-auxiliar{
	position: relative;
	float: right;
	width: 288px;
	height: 99px;
	margin-bottom: 5px;
	background-color:#FFF;
	border: 1px solid #999;
	cursor: pointer
}
.sub-item-auxiliar:hover{
	border: 1px solid #C00;
	cursor: pointer
}
.sub-item-auxiliar img{
	border: 1px solid #999;
	margin: 4px;
	float: left;
}
.sub-item-auxiliar h4{
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #C00;
	text-align: left
}
.sub-item-auxiliar p{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
	text-align: left
}
.leia-mais-auxiliar{
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 12px;
	padding: 0;
}
.sub-item-auxiliar-contato{
	position: relative;
	padding: 5px;
	float: right;
	width: 277px;
	height: 99px;
	margin-bottom: 5px;
	background-color:#FFF;
	border: 1px solid #999;
	display: table;
	font-size: 10px;
	text-align: left;	
}
.sub-item-auxiliar-contato h4{
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #C00;
	text-align: left
}
.sub-item-auxiliar-contato p{
	margin: 0 0 10px 0;
	padding: 0;
}
.leia-mais-auxiliar img{
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
}
.conteudo-central{
	margin: 0 auto;
	padding: 10px;
	max-width: 968px;
	display: block;
/*	background-color: #fff;*/
/*	font-family:'PT Sans Narrow';*/
	font-family:'Open Sans';
/*	height: 299px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;*/
}

._conteudo-rollOut{
	background-color:#CCC;
	border-left: 1px solid #999;
	z-index: 1;
}

._conteudo-rollOver{
	background-color:#FFF;
	border-left: 1px solid #FFF;
	z-index: 9;
}

._conteudo-central-thumb{
	position: relative;
	float: right;
	width: 288px;
	height: 99px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	cursor: pointer
}
._conteudo-central-thumb img{
	border: 1px solid #999;
	margin: 4px;
	float: left;
}
._conteudo-central-thumb h4{
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #C00;
	text-align: left
}
._conteudo-central-thumb p{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
	text-align: left
}

._conteudo-central-info{
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 299px;
	background-color: #FFF; 
}
._conteudo-central-info img{
	width: 680px;
	height: 279px;
	margin: 10px auto;
}
._texto-legenda-conteudo{
	position: absolute;
	width: 650px;
	height: 50px;
	left: 0;
	bottom: 0;
	padding: 15px;
	background-image:url(../images/black-transp.png);
	margin: 0 10px 10px 10px;
}
._conteudo-central-info h4{
	margin: 0;
	font-size: 14px;
	color: #FFF;
	text-align: justify;
}
._conteudo-central-info p{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #CCC;
	text-align: justify;
}


._conteudo-inferior{
	position: relative;
	margin: 0 auto;
	padding: 9px 3px;
	width: 980px;
	overflow: auto;
}

.header{
	width:100%;
	
	background: -webkit-linear-gradient(#222, #ccc); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#222, #ccc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#222, #ccc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#222, #ccc); /* Standard syntax */
	display: flex;
	flex-wrap: wrap;
/*	border-top:5px solid rgb(155,155,155);*/
/*	background:url(../images/fundo-topo.jpg) no-repeat rgba(51,51,51,0.5);*/
/*	background: url(../images/fundo-site.jpg) no-repeat fixed;*/
}

.logo{
	display: flex;
	width: 50%;
	padding: 15px;
}
.fone{
	display: flex;
	width: 50%;
	padding: 15px;
	    justify-content: flex-end;
}

.logo img{
	max-width: 300px;

}
div.menu{
	width: 100%;
}

ul.menu{
	display: flex;
	width: 100%;
	height:50px;
	margin:0;
	padding:0;
/*	position: absolute;
	bottom: 28px;
	right: 0px;*/
	font-size: 80%;
	list-style: none;
}

ul.menu li{
	margin:0;
	padding:0;
	font-size:18px;
	font-size-adjust:none;
	letter-spacing: normal;
	margin-right:1px;
	flex-grow: 1;
}

ul.menu a:link, ul.menu a:visited, ul.menu a:active {
	background-color: rgb(155,155,155);
	padding: 14px 18px;
	color: rgb(255,255,255);
	text-decoration: none;
    display: block;
}
ul.menu li.ultimo{
	margin-right:0px;
}
ul.menu a:hover, .menuHover{
	color: #ffffff;
	text-decoration: none;
}
ul.menu a.selecionado {
	background-color: rgb(200,200,200);
}


@media(max-width: 768px){
	ul.menu li{
		font-size: 16px;
	}
	ul.menu a:link, ul.menu a:visited, ul.menu a:active {
		background-color: rgb(155,155,155);
		padding: 15px 12px;
		color: rgb(255,255,255);
		text-decoration: none;
		display: block;
	}
}

@media(max-width: 635px){
	ul.menu{
		flex-direction: column;
		height:auto;
	}	
	ul.menu li{
		margin-right: 0px;
		border-top: 1px solid #b9b9b9;
	}
	ul.menu a:link, ul.menu a:visited, ul.menu a:active {
		padding: 10px 0px;
	}
}

@media(max-width: 530px){
	.logo{
		width: 100%;
	    justify-content: center;
		padding: 10px;
	}
	.fone{
	padding: 0px;
		width: 100%;
	    justify-content: center;
	}
	.fone img{
		width: 130px;
	}
}
.menu-rodape, .texto-rodape {
	position: relative;
	float: left;
	text-align: right;
	margin: 0 auto 0 auto;
	width: 40%;
	height:100%;
}
.texto-rodape {text-align: left; margin-left:10px;}
.menu-rodape {float:right;}
.menu-rodape a:link, .menu-rodape a:visited, .menu-rodape a:active {
	padding: 0 5px;
	color: #333;
	text-decoration: none;
}
.menu-rodape a:hover, .menu-rodape a:focus {
	color: #c00;
	text-decoration: none;
}

.barra{
	position: relative;
	float: left;
	width: 1px;
	height:100%;
	background-color: #333333;
}

.rodape{
/*	background-image: url(../images/fundo-rodape.jpg);*/
	width: 100%;
	text-align: center;font-size:16px;font-weight:100;
	clear: both;
	display: block;
	margin: 0;
}

.miolo-rodape{
	position: relative;
	margin: 0 auto;
	width: 988px;
	padding-top: 60px;
	height: 80px;
	font-size: 75%;
	color: #a4a5ab;
/*	background-color: #333;*/
}

.miolo-rodape a:link, .miolo-rodape a:visited {
	color: #6E6C64 !important;
}
.miolo-rodape a:hover{
	color: #D8261A !important;
}

.quebra-linha{
	clear: both;	
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #C00;
	text-decoration: none;
}

a.leia-mais:link, a.leia-mais:visited, a.leia-mais:active {
	color: #600;
}
a.leia-mais:hover {
	color: #C00;
}

a.link-email:link, a.link-email:visited, a.link-email:active {
	color: #D8261A;
}
a.link-email:hover {
	color: #600;
}

/* BANNER */

#banner{position: relative; clear: both; height: 400px;border: 1px solid #ccc;border-radius: 10px;}
#conteudo-banner{position: relative; margin: 0 auto; width: 100%; height: 100%; overflow:hidden;border-radius: 0 0 10px 10px; /*background-color: #FFF;*/}

/* MEU SLIDER */
.pos-mostra-slider{left: 0}
.pos-direita-slider{left: 960px}
.pos-esquerda-slider{left: -960px}

.div-slider{position: absolute; width: 100%; height: 100%; padding: 10px; z-index: 8; display: none; color: #666; }
.exibe{position: absolute; z-index: 9; display: inline;}
.div-slider img{
	object-fit:
}
#area-esquerda,
#area-direita{position: absolute; cursor: pointer; z-index: 99; width: 30px; height: 400px; top: 0;}
#area-esquerda{left: 5px;}
#area-direita{right: 5px;}
#seta-esquerda,
#seta-direita{display: block; cursor: pointer; position: relative;  margin-top: 185px; width: 25px; height:25px; overflow: hidden;}
#seta-esquerda{float: left; background: url(../images/ico-arrow.png) top left no-repeat;}
#seta-direita{float: right; background: url(../images/ico-arrow.png) bottom left no-repeat;}

.banner-slider{position: absolute; overflow: hidden; height: 380px; width: 100%; padding: 0; background-color: #9CF;}
.legenda-slider{position: absolute; overflow: auto; text-align: left; left:0; bottom: -180px; padding: 10px 20px; width:100%; background: url(../images/black-transp.png); color: #FFF; font-size: 100%; font-weight:normal; z-index: 2; }
.legenda-slider h2, .legenda-slider h1{position: relative; margin:0;font-weight: 300;clear:both;z-index: 1; }
.texto-slider{position: relative; margin-top: 5px; z-index: 1; width:100%; height:auto; clear:both;}


.left{left:0;text-align: left; font-weight: 300; }
.right{right:0;text-align: right; }
.legenda-slider a:link
, .legenda-slider a:visited
, .legenda-slider a:active{color: #D8261A; font-weight: 300;}
.legenda-slider a:hover
, #conteudo-contato a:hover{color: #E8362A;}
.imagem-fundo-slider{
	position: absolute;
	top:0px;
	left:0px;
	z-index: 0;
	overflow: hidden;
	object-fit: cover;
    width: 100%;
    height: 100%;
}
/* BANNER */




/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}

#frm_contato {
	display: flex;
	flex-direction: column;
	font-size: 14px;
}