@import url("preto.css");


/* #######   RESET  #########################  */

* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,  caption, tbody, tfoot, thead, tr, th, td  

{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style-type: none; }

/* ######################################################################################### */


header, nav, section, article, aside, footer {
   display:block;
}

/* #######   FONTE FACE  #################################################################################################################################  */

@font-face {
    font-family: "TitilliumText22L Rg", "TitilliumText22L Xb"; 
	url("TitilliumText22L Rg.otf");
}

/* ######################################################################################################################################################  */



body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #666; background: #fff; }

textarea, input { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #363636; }

#geral { width: 100%; margin-top: 4px; padding: 0; }


/* #######   TOPO  #########################################################################  */

#container-topo { width: 100%; min-width: 1000px; height: 98px; }

section#topo { width: 1000px;  margin: 0 auto; }

section#topo h1 { padding: 18px 0 0 46px; float: left; }


/*------------------MENU --------------------------------------------------------------------  */

section#topo nav#menu { margin: 0 0 0 40px; float: left; }

section#topo nav#menu ul { display: block; }

section#topo nav#menu ul li { display: block; padding: 36px 11px; float: left;} 

section#topo nav#menu ul li a { font-size: 16px; font-weight: 400; }

section#topo nav#menu ul li a:hover { padding-bottom: 30px; }

section#topo nav#menu ul li.dropdown {
	position: relative;
}

section#topo nav#menu ul li.dropdown.active {
	background: #2A2A2A;
}

section#topo nav#menu ul li.dropdown ul {
	position: absolute;
  text-transform: uppercase;
	z-index: 10;
	background: #2A2A2A;
	left: 0px;
	top: 70px;
	min-width: 200px;
	float: right;
	display: none;
}

.texto-modelos {
  display: block;
  clear: both;
  margin: 13px 20px;
}

.intro {
  clear: both;
  width: 1000px;
  margin: 20px auto;
  text-align: justify;
  line-height: 1.6;
}

section#topo nav#menu ul li.dropdown.active ul {
	display: block;
  padding: 4px 0px;
} 

section#topo nav#menu ul li.dropdown ul li {
  	margin: 0px;
  	padding: 7px 10px;
  	width: 90%;
}

section#topo nav#menu ul li.dropdown ul li a {
	font-weight: 200;
	display: block;
  font-size: 14px;
}

section#topo nav#menu ul li.dropdown ul li a:hover { 
  border-bottom: 6px solid #FFF;
  margin-bottom: -9px;
  padding-bottom: 3px;
}



/*------------------------------------------------------------------------------------------  */

section#topo section#social-top { margin: 53px 20px 0 0 ; float: right; }

/* section#topo section#social-top img { padding-right: 4px; } */


/* #########################################################################################  */




/* #######   SLIDESHOW  ###################################################################  */


section#slideshow { width: 100%; min-width: 1000px; height: 440px; position: relative; overflow: hidden; display: block; }
section#slideshow .mascara { width: 1905px; height: 440px; position: absolute; left: 50%; margin-left: -953px; z-index: 300; display: block; }
section#slideshow .mascara.slide1 { background: url(../imagens/slide-01.jpg) no-repeat center; }
section#slideshow .mascara.slide2 { background: url(../imagens/slide-02.jpg) no-repeat center; }
section#slideshow .mascara.slide3 { background: url(../imagens/slide-03.jpg) no-repeat center; }
section#slideshow .mascara.slide4 { background: url(../imagens/slide-04.jpg) no-repeat center; }
section#slideshow .mascara.slide5 { background: url(../imagens/slide-05.jpg) no-repeat center; }

/* #########################################################################################  */




/* #######   CONTEUDO ESTRUTURA  ###############################################################################################  */

#container-apresenta { width: 100%; min-width: 1000px; height: 176px; } 

section#apresenta { width: 1000px; margin: 0 auto; }

section#apresenta h2 { font-size: 54px; line-height: 0.9em; font-weight: 200; padding: 32px 0 0 28px; float: left; }

section#apresenta h2 a { text-decoration: none; color: #000; }

section#apresenta strong { font-weight: 700; }

section#apresenta span { width: 177px; height: 51px; margin: 58px 0 0 56px;  float: left; }

section#apresenta article { width: 455px; margin: 20px 0 0 45px; overflow: hidden; float: left; }

section#apresenta article p { font-size: 14px; line-height: 1.5em; }

section#apresenta article p a { text-decoration: none; color: #000; }

/* ############################################################################################################################  */



/* ------ ARTICLE DESTAQUES -----------------------------------------------------------------------------------------------------------------------------------------------  */

#container-destaque { width: 100%; min-width: 1000px; height: 354px; } 

#container-destaque .container-destaque-bg { height: 354px; background: url(../imagens/bg_container-destaque-teste2.png); background-repeat: repeat-x repeat-y; }

section#servico-destaque { width: 1000px; margin: 0 auto; }


article#imagem { width: 365px; float: left; }

article#imagem figure { }

article#imagem figcaption { display: block; }

article#imagem figcaption .hidden { display: none; }


article#texto { width: 470px; margin: 54px 0 0 140px; float: left; }

article#texto h3 { font-size: 54px; line-height: 0.9em; font-weight: 400; }

article#texto h3 a { text-decoration: none; color: #000; font-size: 54px; }

article#texto h3 a.new { background: transparent; padding: 0; }

article#texto p a.new2 { background: transparent; padding: 0; }

article#texto strong { font-weight: 700; background: none; }

article#texto p { font-size: 16px; line-height: 1.2em; padding: 30px 0 25px 0; font-weight: 400; }

article#texto a { font-size: 14px; padding: 2px 10px; }


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

/* ###########################################################################################################################################################################################  */



/* #######   RODAPE  #########################################################################################################################################  */

#container-rodape { width: 100%; min-width: 1000px; height: 90px; float: left; }

#container-rodape .container-rodape-bg { height: 90px; background: url(../imagens/bg_container-rodape.png); background-repeat: repeat-x repeat-y; }

section#rodape { width: 1000px; margin: 0 auto; padding-top: 29px; }


section#endereco-foot { display: none; }

section#endereco-foot img { width: 21px; height: 32px; padding-top: 3px; float: left; }

section#endereco-foot p { font-size: 14px; padding-left: 8px; padding-top: 3px; float: left; }


section#telefone-foot { margin-left: 30px; float: left; }

section#telefone-foot img { width: 28px; height: 28px; padding-top: 4px; float: left;  }

section#telefone-foot p { font-size: 16px; padding-left: 10px; float: left; font-weight: 700; position: relative; top: 6px; }

section#facebook-foot { margin-left: 30px; float: left; }

section#facebook-foot img { width: 35px; height: 33px; margin-right: 3px; float: left; }

section#facebook-foot p { font-size: 20px; padding-left: 10px; margin-right: 10px; float: left; font-weight: 700; }


section#ass-foot { float: right; }

section#ass-foot a{text-decoration: none; font-size: 2em;}

/* ###########################################################################################################################################################  */






/* #######  PAGINA INTERNA - A EMPRESA  #########################################################################################################################  */


#container-banner-topo { display: none; width: 100%; height: 107px; background: url(../imagens/banner_topo_a-empresa.jpg) no-repeat; }

#container-titulo { width: 100%; min-width: 1000px; height: 100px; }

#container-titulo .container-titulo-bg { height: 100px; background: url(../imagens/bg_container-titulo-pagina.png); background-repeat: repeat-x repeat-y; }

section#titulo-page { width: 1000px; margin: 0 auto; padding-top: 5px; }

section#titulo-page h2.titulo { font-size: 54px; font-weight: 400; padding-left: 28px; }

section#titulo-page h2 strong { font-weight: 700; }



#container-conteudo { width: 100%; overflow: hidden; margin-bottom: 120px; }

#conteudo-interna { width: 1000px; margin: 0 auto; padding-top: 30px;  }

#conteudo-interna section#esquerda { width: 268px; overflow: hidden; float: left; }

#conteudo-interna section#esquerda .info { display: none; }

#conteudo-interna section#esquerda .info h3 { font-size: 22px; font-weight: 600; line-height: 1.0em; padding: 14px 0 0 14px; }

#conteudo-interna section#esquerda .info p { font-size: 11px; line-height: 1.6em; padding: 15px 14px 0 14px; }

#conteudo-interna section#esquerda .info ul { margin-top: 15px; }

#conteudo-interna section#esquerda .info ul li { padding-bottom: 10px; margin-left: 17px; }

#conteudo-interna section#esquerda .info ul li a { display: block; text-decoration: none; color: #fff; line-height: 1.5em; font-size: 12px; }

#conteudo-interna section#esquerda .busca { width: 90%; position: relative; }

#conteudo-interna section#esquerda .busca input { width: 100%; padding: 15px 5px 15px 10px; background: #ebebeb; border: none; margin: 10px 0 20px 0; outline: none; }

#conteudo-interna section#esquerda .busca .enviar-busca { width: 78px; background: #656565; cursor: pointer; outline: none; padding: 14px 10px; text-align: center; color: #fff; border: none; position: absolute; top: 8px; right: -15px; }

#conteudo-interna section#esquerda .ultimos-posts { margin-top: 10px; }

#conteudo-interna section#esquerda .ultimos-posts h3 { width: 90%; border-bottom: 1px solid #000; padding-bottom: 5px; font-size: 1.7em; font-weight: 400; margin-bottom: 15px; margin-left: 5px; }

#conteudo-interna section#esquerda .ultimos-posts h4 { width: 80%; padding-left: 5px; border-bottom: 1px solid #DFDFDF; margin-bottom: 3px; padding-bottom: 3px; font-weight: normal; margin-left: 15px; }

#conteudo-interna section#esquerda .ultimos-posts h4 a { font-size: 1.1em; color: #a4a4a4; text-decoration: none; line-height: 1.8em; padding-bottom: 5px; }

#conteudo-interna section#esquerda .ultimos-posts h4 a:hover { color: #414141; }


#conteudo-interna section#direita { width: 660px; margin: 5px 0 0 35px; float: left; }

#conteudo-interna section#direita h3 { font-size: 30px; font-weight: 400; padding: 4px 12px; }

#conteudo-interna section#direita strong { font-weight: 700; }

#conteudo-interna section#direita p { width: 550px; font-size: 12px; line-height: 1.6em; margin: 30px 0 30px 10px; }

#conteudo-interna section#direita ul { list-style-type: square; margin: 30px 0 10px 20px; }

#conteudo-interna section#direita ul li { width: 95%; padding-bottom: 15px; }


#conteudo-interna section#direita .post-container { width: 653px; border-bottom: 1px solid #e4e4e4; padding-bottom: 30px; margin-bottom: 40px; }

#conteudo-interna section#direita .post-container a { text-decoration: none; }

#conteudo-interna section#direita .post-container .post-imagem { width: 554px	; position: relative; }

#conteudo-interna section#direita .post-container .post-imagem .mascara { width: 554px; height: 100%; background: rgba(0,0,0,0.6); opacity: 0; position: absolute; top: 0; left: 0; }

#conteudo-interna section#direita .post-container .post-imagem:hover .mascara { width: 554px; height: 100%; background: rgba(0,0,0,0.6); opacity: 1; position: absolute; top: 0; left: 0; }

#conteudo-interna section#direita .post-container .post-info { width: 554px; position: relative; }

#conteudo-interna section#direita .post-container .post-info h2 { max-width: 435px; font-size: 1.8em; padding-left: 9px; border-left: 5px solid #008f6c; font-weight: 600; margin: 15px 0 0 8px; }

#conteudo-interna section#direita .post-container .post-info p { margin: 21px 0 0 24px; }

#conteudo-interna section#direita .post-container .post-info .data { background: #000; color: #fff; padding: 7px 7px; text-align: center; position: absolute; top: 4px; right: 7px; }

.data { color: #777777;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    padding: 0; }

.posts h3 .titulo {
  width: 217px;
  float: left;
}

.posts h3 .data {
  background: #000;
  color: #fff;
  padding: 2px 5px;
  text-align: center;
  float: right;
  font-size: 14px;  
}

#conteudo-interna section#direita #container-galeria { width: 94%; margin-top: 40px; margin-left: 20px; }

#container-galeria .galeria { width: 190px; margin-right: 13px; float: left;  }

#container-galeria .galeria a { text-decoration: none; }

#container-galeria .galeria img { max-width: 100%; }

#container-galeria .galeria span { width: 182px; padding: 12px 4px 12px 4px; margin: 0; font-size: 14px; text-align: center; display: block; }

/* ###########################################################################################################################################################  */



/* #######  PAGINA INTERNA - SERVIÇOS  #########################################################################################################################  */


#conteudo-interna section#direita #container-servicos { width: 100%; }

#conteudo-interna section#direita #container-servicos .video { width: 100%; margin-bottom: 20px; float: left; }

#conteudo-interna section#direita #container-servicos .video iframe { margin-left: 20px; }

#container-servicos .servicos { margin-bottom: 45px; }

#container-servicos .servicos h4.titulo-modalidades { font-size: 24px; padding: 17px 0 0 5px; font-weight: 600; margin-bottom: -15px }

#container-servicos .servicos p { font-size: 12px; padding-left: 13px; line-height: 1.5em; margin-left: 5px; }

#conteudo-interna section#esquerda .horarios { display: none; width: 265px; margin-top: 8px; padding: 12px 0 12px 0; }

#conteudo-interna section#esquerda .horarios img { width: 27px; height:27px; float: left; margin: 0 20px 0 15px; }

#conteudo-interna section#esquerda .horarios  h4 { font-size: 18px; font-weight: 400; }


/* ###########################################################################################################################################################  */




/* #######  PAGINA INTERNA - CONTATO  #########################################################################################################################  */




#conteudo-interna section#esquerda h4.titulo-localizacao { width: 238px; font-size: 30px; font-weight: 400; padding: 4px 12px; }

#conteudo-interna section#esquerda .endereco { display: none; }

#conteudo-interna section#esquerda .endereco p { margin-left: 3px; line-height: 1.6em; float:left; }

#conteudo-interna section#esquerda .endereco img { margin-right: 20px; float:right; }


#conteudo-interna section#esquerda .contato span { margin-top: 25px; margin-left: 15px; float: left; }

#conteudo-interna section#esquerda .contato img { margin-top: 45px; float: left; }

#conteudo-interna section#esquerda .contato a.titulo { font-size: 1.4em; font-family: 'Titillium Web', "TitilliumText22L Rg", sans-serif; font-weight: bold;}

#conteudo-interna section#esquerda .contato a { margin-left: 3px; clear: both; text-decoration: none; margin-right: 5px; display: block; line-height: 1.5em; }

#conteudo-interna section#esquerda .mapa { display: none; }



#conteudo-interna section#direita .titulo { font-size: 25px; font-weight: normal; margin-bottom: -25px; }

#conteudo-interna section#direita #formulario { width: 500px; margin-bottom: 105px; }

#conteudo-interna section#direita #formulario fieldset { margin-top: 10px; }

#conteudo-interna section#direita #formulario input { width: 430px; height: 40px; padding-left: 10px; border: 1px solid #CCC; margin-bottom: 5px; }

#conteudo-interna section#direita #formulario span { width: 430px; display: block; margin-bottom: 0; text-indent: -999px; float: left; }

#conteudo-interna section#direita #formulario span.md-label { width: 205px; overflow: hidden; }

#conteudo-interna section#direita #formulario input.md-input { width: 205px; clear: both; float: left; }

#conteudo-interna section#direita #formulario input.md-input-position-fix { width: 205px; clear: both; float: right; margin-right: 57px; margin-top: -49px; }

#conteudo-interna section#direita #formulario textarea { width: 430px; padding: 10px 0 0 10px; border: 1px solid #CCC; margin-bottom: 15px; }

#conteudo-interna section#direita #formulario .btn { margin-top: 0; padding: 1.3% 4%; cursor: pointer; float: left; }

#conteudo-interna section#direita #formulario .callback { padding: 1% 10px; float: left; }

#conteudo-interna section#direita #formulario  #recaptcha_widget_div { margin-bottom: 15px !important; }


/* Notícias */

.container-noticias { width: 100%; padding: 20px 0 50px; margin-top: -13px; float: left; }

.container-noticias a { text-decoration: none; }

.container-noticias p { color: #000; line-height: 1.5em; }

.container-noticias .noticias { width: 1000px; min-width: 1000px; margin: 0 auto; overflow: hidden; }

.container-noticias .noticias h2 { background: url(../imagens/separador_noticias.png) no-repeat center; margin: 0 auto 20px auto; font-size: 42px; color: #000; font-weight: 400; text-align: center; }

.container-noticias .noticias .posts { width: 315px; margin-right: 18px; float: left; }

.container-noticias .noticias .posts img { width: 312px !important; height: 208px !important; margin-bottom: 5px; }

.container-noticias .noticias .posts h3 { border-left: solid 4px #008f6c; padding-left: 10px; margin-bottom: 30px; color: #000; font-size: 16px; float: left; min-height: 48px; min-width: 298px;}

.container-noticias .noticias .posts h3 span.subtitle { display: block; font-weight: 200; font-size: 13px; text-transform: uppercase;   letter-spacing: 0.2px;   width: 95%; }

.container-noticias .noticias .tumbs-noticias { width: 280px; margin-right: 30px; float: right; }

.container-noticias .noticias .tumbs-noticias .tumbs { width: 280px; margin-bottom: 10px; overflow: hidden; float: left; }

.container-noticias .noticias .tumbs-noticias .tumbs img { width: 146px !important; height: 98px !important; margin-right: 5px; float: left }

.container-noticias .noticias .tumbs-noticias .tumbs .info { width: 122px; margin-left: 5px; float: left; }

.container-noticias .noticias .tumbs-noticias .tumbs h4 { border-left: solid 4px #008f6c; margin-top: 5px; margin-bottom: 5px; padding-left: 5px; color: #008f6c; float: left; }

.container-noticias .noticias .tumbs-noticias .tumbs p { font-size: 14px; color: #000; float: left; }

.loader{background: url(../imagens/loader.GIF) center no-repeat; width: 84px; height: 74px; position: absolute; right: 38%; display: none;}

.container-noticias .noticias.load { 
	background: url(../imagens/loader.GIF) center no-repeat;
	width: 100%;
	height: 74px;
	position: absolute;
}
/* ###########################################################################################################################################################  */


label.campo-erro {display: block; position: relative; top: -34px; margin-bottom: -15px; float: right; margin-right: 82px; color: rgb(247, 76, 76); font-size: 12px; }

/* Media Query 800x600px */
@media only screen and (max-width: 800px) {

#conteudo-interna section#direita p { width: 450px; }

#conteudo-interna section#direita #container-galeria { width: 470px }

#container-galeria .galeria { width: 140px; }

#container-galeria .galeria span { width: 132px; } 
}

#recaptcha_response_field{height: 31px !important;}

a {
	color: inherit;
}

p.tels-contato {
	width: 380px;
	position: relative !important;
	top: -7px !important;
}

/* ###########################################################################################################################################################  */
/* Light Box */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../imagens/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../imagens/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}