@charset "utf-8";
/* CSS Document */

/* Modificadores gerais */
.x-antigos 					{ display: none; }
.x-iphone-vertical 			{ display: none; }
.x-iphone 					{ display: none; }
.x-tablet 					{ display: none; }
.x-desktop 					{ display: none; }
.x-hd 						{ display: none; }
.x-full-hd 					{ display: none; }	

/* Modificadores por grupo */
.x-desktop-e-tablet			{ display: none; }
.x-mobile-e-antigos			{ display: none; }
.x-tablet-e-mobile			{ display: none; }
.x-mobile					{ display: none; }
.x-telas-classicas			{ display: none; }
.x-telas-grandes			{ display: none; }

/* -------------------------------------------------------------- */			
/* 1440 x 900 (19 polegadas) e acima */			
/* Modificador: x-full-hd */
/* -------------------------------------------------------------- */
/*
@media only screen and (min-width: 1440px) {

	.casca 						{ width: 1420px; }
	#barra-lateral				{ width: 420px; }
	#conteudo					{ width: 1000px }
	
	.x-full-hd 					{ display: block; }	

	.x-desktop-e-tablet			{ display: block; }
	.x-telas-grandes			{ display: block; }

	#conteudo  { font-size: 1.2em; line-height: 1.4em; }
	#submit { font-size: 1.1em !important; }
	
	.avulso .imagem-destacada { float: right; margin-top: 2%; margin-bottom: 5%; margin-left: 3%; }
	.media { width: 400px; height: auto; }
	.media img { width: 400px; height: auto; margin: auto; }
	.legenda-media { padding-top: 5%; text-align: center; width: 400px; }	
	
}
*/



/* -------------------------------------------------------------- */			
/* HD 720p (1280x720) */			
/* Modificador: x-hd */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 1280px) /*and (max-width: 1439px)*/ {

	/* Estrutura */
	.casca 						{ width: 1240px; }
	
	/* Modificadores */
	.x-hd 						{ display: block; }

	/* Modificadores por grupo */
	.x-desktop-e-tablet			{ display: block; }
	.x-telas-grandes			{ display: block; }

	/* Imagem destacada */
	.avulso .imagem-destacada, .pagina .imagem-destacada { float: none; margin-top: 0; margin-bottom: 0; margin-left: 0; }
	
	/* Rodape */
	#rodape .logo { width: 75px !important; }
	
	/* Search form */
	#barra-lateral #searchform .campo { width: 180px; }

	.perfil .balao { max-width: 650px; }
		
}




/* -------------------------------------------------------------- */			
/* iPad na horizontal & telas antigas 1024x768 */			
/* Modificador: x-desktop */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 981px) and (max-width: 1279px) {

	/* Estrutura */
	.casca 						{ width: 940px; }

	/* Modificadores */
	.x-desktop 					{ display: block; }

	/* Modificadores por grupo */
	.x-desktop-e-tablet			{ display: block; }
	.x-telas-classicas			{ display: block; }

	/* Imagem destacada */
	.avulso .imagem-destacada, .pagina .imagem-destacada { width: 100%; float: none; margin-top: 0; margin-bottom: 0; margin-left: 0; }
	
	/* Menu */
	#menu-principal li { height: 40px; }
	#menu-principal li .fa { font-size: 17px !important; }	
	
	/* Search form */
	#barra-lateral #searchform .campo { width: 150px; }	
	
	/* Rodape */
	#rodape .logo { width: 75px !important; }	
	
}




/* -------------------------------------------------------------- */			
/* iPad na vertical & telas antigas 800x600 */			
/* Modificador: x-tablet */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 980px) {

	/* Estrutura */
	.casca 						{ width: 720px; }

	/* Flutuantes */
	#cabecalho .caixa-banner, #rodape .caixa-banner  { float: none; margin: auto; width: 468px; clear: both; padding-top: 20px }	
	
	/* Modificadores por tamanho de tela */
	.x-tablet 					{ display: block; }

	/* Modificadores por grupo */
	.x-desktop-e-tablet			{ display: block; }
	.x-tablet-e-mobile			{ display: block; }
	.x-telas-classicas			{ display: block; }

	/* Imagem destacada: Lista de posts */
	.item-do-loop .imagem-destacada { float: right; }
	
	/* Imagem destacada: Single */	
	.avulso .imagem-destacada, .pagina .imagem-destacada, #secao-projetos-culturais .imagem-destacada { float: none; margin: 0 auto; width: 100%; }
	
	/* Paginação */
	.paginacao .next, .paginacao .prev { display: none; }
	
	/* Post Nav */
	.post-nav { width: 50% !important; }	

	/* Menus */
	#menu-principal li { margin-right: 2px; font-size: 12px; }
	#menu-principal li a { padding: 7px 4px; }
	#menu-principal li.menu-home { display: none; }
}


/* -------------------------------------------------------------- */			
/* Comum a iPhone vertical, horizontal e tablets */
/* -------------------------------------------------------------- */
@media only screen and (max-width: 980px) {
	
	html { background-attachment: scroll; }
	body { padding-top: 30px !important; }
	
	/* Logo */
	.logo { font-size: 1.7em; }

	.destaque-menor {
		float: none;
		width: 100%;
	}
	
	/* Parallax */
	.parallax { background-attachment: scroll; }
	
	/* Geral */
	#barra-fixa { height: 30px !important; line-height: 30px !important; font-size: 0.8em; }
	#menu-fixo li { line-height: 30px !important; }
	.cabecalho-tipo-4 #menu-principal { margin-top: 30px; }
	.imagem-anexo .legenda span {font-size: 0.9em; }
	
	/* Owl Carousel */
	#home #blocos-destaque { margin-top: 20px !important; }
	.owl-carousel .titulo { font-size: 1.2em !important; margin-bottom: 5px !important; }
	.owl-carousel .legenda { position: static !important; padding: 10px !important; width: 100% !important; max-width: 700px; }	
	.owl-carousel .owl-nav { display: none !important; }
	
	/* Depoimentos */
	.depoimentos .balao { margin-left: 0 !important; margin-right: 0 !important; }
	
	body#contato .parallax { background-position: 70% 100%; height: 600px !important; }
	
	body#curiosidades h3 { margin-left: 0 !important; }
	body#curiosidades .curios .fa { font-size: 64px;}
	body#curiosidades .curios .col-4 img { max-width: 200px; }
	
}
	

	
/* -------------------------------------------------------------- */			
/* Comum a iPhone vertical e horizontal */
/* -------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

	/* Estrutura */
	#barra-lateral .bloco		{ display: none; padding: 30px 0; }
	#menu-menu-principal		{ display: none; }
	#menu-principal li			{ float: none; }
	#menu-secundario			{ margin-top: 0; }					
	#menu-secundario li			{ float: none; }
	#menu-extra					{ display: none; }
	#menu-extra li				{ float: none; }

	#corpo .linha 				{ margin-left: 0; margin-right: 0; }
	#conteudo 					{ padding-left: 0; padding-right: 0; }
	
	/* Flutuantes */
	.esquerda, .direita { float: none; margin: auto !important; }	
	.col, .col-fixa { padding: 0 !important; }
	.p-e0, .p-d0, .p-0 { padding: 0 !important; }
	.item-par, .item-impar { padding: 0 !important; }
	
	
	/* Cabeçalho */
	#cabecalho .casca { position: relative; }
	#cabecalho .imagem-suporte { display: none; /*width: 100%; float: none;  background: pink; height: 10px;*/ }
	#cabecalho .logo { float: none; width: 100%; }
	#cabecalho .menu { float: none; width: 100%; }
	
	.cabecalho-tipo-1 #menu-principal, .cabecalho-tipo-2 #menu-principal, .cabecalho-tipo-3 #menu-principal, .cabecalho-tipo-4 #menu-principal { margin: 0; }
	
	/*
	#cabecalho img { margin: auto;  }	
	#cabecalho .caixa-banner { margin: auto; padding: 0; }
	#cabecalho h1, #cabecalho .suporte { float: none; text-align: center; }
	#cabecalho h1 img, #cabecalho .suporte img { margin: auto; }
	*/
	
	
	/* Abre-abre */
	.abre-abre { text-align: center; }
	.abre-menu-principal {
		width: 32px;
		height: 32px;
		margin: 10px 0 0 0 !important;
		padding: 0 0 0 2px !important;
		z-index: 9000;
		position: absolute !important;
		right: 0; top: 0;
		line-height: 32px;
		font-size: 14px !important;
		}
	

	/* Geral */
	
	p { text-align: justify; }
	h1 { font-size: 1.75em !important;  }
	h2 { font-size: 1.5em !important;  }
	h3 { font-size: 1.1em !important;  }
	.item-do-loop { margin: 40px 0; }
	.separa-blocos { display: none; }
	.post-meta {  }
	
	.logo { margin: 5px 0; }	
	.imagem-suporte { margin: 5px 0; }	
	
	.bloco-destaque h3 { padding: 10px 10px 0 10px; }
	.bloco-destaque p { padding: 0 10px 10px 10px; text-align: center; }
	
	/* Texto */
	.wp-caption.aligncenter, img.aligncenter, .wp-caption.alignnone, img.alignnone  { max-width: 100% !important; }
	.wp-caption.alignleft, .wp-caption.alignright { max-width: 100%; width: 100%; float: none; padding-bottom: 0; }		
	.wp-caption-text { margin-top: 5px; text-align: center; }	
	img.alignleft, img.alignright { max-width: 100%; float: none; padding-bottom: 0; }
	.wp-caption.alignleft, .wp-caption.alignright, img.alignleft, img.alignright { margin: 30px auto 0 auto; }	
		
	/* Menus filhos e netos */
	
		/* Filho */
		html .sub-menu { position: static !important; display: block !important; }
		html .sub-menu, html #menu-principal, html #menu-principal li, html .sub-menu li, li:hover > ul.sub-menu, html .sub-menu li, li:hover > ul.sub-menu li {
			padding: 0 !important; margin: 0 !important;
			background: transparent !important;
			box-shadow: none !important;
			position: static !important;
			width: 100% !important;
			text-align: center;
		}
		html #menu-principal li a { display: block; }
		html #menu-principal li .fa { font-size: 17px; }
		html #menu-principal li { height: 37px; }
				
	/* Imagem destacada */
	.avulso .imagem-destacada, .pagina .imagem-destacada, .item-do-loop .imagem-destacada { float: none; margin: 0 auto; width: 100%; }
	img.responsiva-vertical, .imagem-responsiva-vertical { max-width: 100%; }	
	
	/* Paginação */
	.paginacao { margin: 20px 0; }
	.paginacao .page-numbers, .paginacao .current { padding: 10px !important; font-size: 14px; margin: 2px !important; }
	.paginacao .next, .paginacao .prev { display: none; }		
	
	
	/* Rodape */
	#rodape .esquerda, #rodape .direita, #rodape .contato-1, #rodape .contato-2 { max-width: 100%; text-align: center; }

	#enderecos .col { text-align: center; margin-bottom: 3em; }
	#enderecos .col:last-child { text-align: center; }
	#enderecos .redes-sociais .fa { font-size: 46px; }
	#rodape .col-fixa, #rodape p { width: 100%; float: none; text-align: center; }
	#rodape .creditos img { float: none; margin: 15px auto; }	
	#google-maps iframe { margin-bottom: -4px; }
	#rodape .logo img { margin: 0 auto 10px auto; }
	#rodape .logo { width: 100% !important; }
	
	/* Owl Carousel */
	.owl-carousel .descricao { display: none; }
	.owl-carousel .titulo { font-size: 1em !important; margin-bottom: 0 !important; }
	.owl-theme .owl-dots { margin-top: 0; }
	
	/* Masonry */
	.parede { width: 100% !important; }
	.parede .tijolo { width: 100% !important; float: none !important; padding: 0 !important; }
	.parede .tijolo img { margin-left: auto; margin-right: auto; }		

	/* Blocos Destaque */
	.bloco-destaque .botao { margin: 30px auto; }
	.bloco-destaque { margin: 10px 0; text-align: center; font-size: 0.9em !important; }	
	.bloco-destaque .fa { font-size: 25px !important; padding-top: 10px; }
	.bloco-destaque p { margin-bottom: 0; }
	.bloco-destaque h3 { margin: 5px 0 !important; }
	.bloco-destaque h4 { padding-top: 10px !important; }
	
	#home #blocos-destaque { width: 100% !important; margin-top: 0 !important; margin-bottom: 30px !important; }

	/* Busca */
	body.search .titulo-geral { text-align: center; }
	.novamente { float: none; margin: 30px auto 0 auto; }
	.search-input { width: 90% !important; }

	/* Faixas */
	#urgente p { text-align: center !important; }	
	#urgente h1 { margin-top: 40px; }
	
	.profissional { margin-top: 40px; }
	.profissionais img { max-width: 200px; }	
	#colaboradores .txt-e { text-align: center !important; }
	#colaboradores h3 { margin-top: 10px; }
	
	#faixa-curiosidades .casca { position: relative; }
	#faixa-curiosidades h2 { width: 100%; max-width: none; position: static; top: 60px; right: 60px; text-align: center; margin-top: 20px }
	.bloco-curiosidade {
		background: rgba(255,255,255,0.8);
		width: 100%; position: static; top: 140px; right: 60px;
		padding: 20px; text-align: center;
		box-shadow: 15px 15px 25px rgba(0,0,0,0.1);
		}
	#faixa-curiosidades {
		height: 460px;
		background-position: 0% 0% !important;
		-webkit-background-size: initial !important;
		-moz-background-size: initial !important;
		-o-background-size: initial !important;
		background-size: 200% !important;
		overflow-y: hidden;
	}
	#faixa-curiosidades small { font-size: 12px; }
	
	.chamada-blog { margin-top: 15px; }
	.comentarios-contagem { text-align: left !important; }
	.post-meta .inline-social { float: none; }
	
	.form-de-busca{ float: none; margin: 10px auto 0 auto !important; }
	
	.titulo-geral { text-align: center; }
	.titulo-geral .inline-social { margin: auto auto 10px auto !important; float: none; }

	.conteudo-relacionado { float: none; width: 100%; margin: auto auto 30px auto; }
	
	#lista-de-servicos .balao { padding: 20px; text-align: justify !important }
	#lista-de-servicos h3 { text-align: left; }
	#lista-de-servicos img { width: 128px !important;  }
	.grupo-pai { 		margin: 1em auto; padding: 1px 10px 10px 10px; margin-left: 0; background: rgba(0,0,0,0.05); }
	.grupo-filho { 		margin: 1em auto; padding: 1px 10px 10px 10px;	margin-left: 0; background: rgba(0,0,0,0.05); }
	.grupo-neto { 		margin: 1em auto; padding: 1px 10px 10px 10px;	margin-left: 0; background: rgba(0,0,0,0.05); }
	.grupo-bisneto { 	margin: 1em auto; padding: 1px 10px 10px 10px;	margin-left: 0; background: rgba(0,0,0,0.05); }
	.imagem-servico {  padding-top: 1em; }
	.imagem-servico img { float: none; margin: auto auto 1em auto; }	
	
}



/* -------------------------------------------------------------- */			
/* iPhone & Androids */			
/* Modificador: x-iphone */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* Estrutura */
	.casca, #google-maps		{ width: 460px; }
	#google-maps				{ margin-left: auto; margin-right: auto; }
	.miolo						{ padding-right: 0; padding-left: 0; }	
	#barra-lateral 				{ width: 460px; float: none; margin: 0; padding: 0; }
	#conteudo					{ width: 460px; float: none; }
	.select2-container 			{ max-width: 460px !important; }	
	
	
	/* Modificadores por tamanho de tela */
	.x-iphone 					{ display: block; }
	
	/* Modificadores por grupo */
	.x-tablet-e-mobile			{ display: block; }
	.x-mobile					{ display: block; }

	/* Comentários aninhados */
	.depth-2, .depth-3, .depth-4, .depth-5 	{ margin-left: 2em !important; clear: both; }
	.comment-author 						{ width: 48px; }
	.comentario-texto 						{ margin-left: 62px !important }	

	/* Post Nav */
	.post-nav { width: 40% !important; }

	/* Owl Carousel */
	.owl-carousel .legenda { max-width: 460px; }	
	
	/* Menu principal */
	html #menu-principal li { 
		float: left;
		width: 102px !important;
		background: #ededed !important;
		margin: 0 6px 10px 6px !important;
		font-size: 12px;
	}

	
}




/* -------------------------------------------------------------- */			
/* iPhone na Vertical */	
/* Modificador: x-iphone-vertical */
/* -------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	
	/* Estrutura */	
	.casca, #google-maps		{ width: 290px; }
	#google-maps				{ margin-left: auto; margin-right: auto; }
	.miolo						{ padding-right: 0; padding-left: 0; }	
	#barra-lateral 				{ width: 290px; float: none; margin: 0; padding: 0; }
	#conteudo					{ width: 290px; float: none; }
	.select2-container 			{ max-width: 290px !important; }	

	/* Modificadores por tamanho de tela */
	.x-iphone-vertical 			{ display: block; }
	
	/* Modificadores por grupo */
	.x-tablet-e-mobile			{ display: block; }
	.x-mobile-e-antigos			{ display: block; }	
	.x-mobile					{ display: block; }

	/* Comentários aninhados */
	.depth-2, .depth-3, .depth-4, .depth-5 	{ margin-left: 1.6em !important; clear: both; }	
	.comment-author 						{ width: 32px; }
	.comentario-texto 						{ margin-left: 46px !important }
	
	/* Post Nav */
	.post-nav { width: 100% !important; }	
	
	/* Social */
	.social-loop { height: auto; }
	
	/* Geral */
	#barra-fixa .fa { display: none; }
	#barra-fixa .fone { font-size: 1em; font-weight: normal; }
	#cabecalho .logo img { width: 243px; }

	/* Owl Carousel */
	.owl-carousel .legenda { max-width: 290px; }	
	
	/* Menu principal */
	html #menu-principal li .fa { font-size: 17px; }
	html #menu-principal li { 
		float: left;
		width: 138px !important;
		height: 35px;
		background: #ededed !important;
		margin: 0 3px 6px 3px !important;
		padding: 10px 0;
		font-size: 12px;
	}
	#faixa-curiosidades {
		height: 400px !important;
		background-size: 130% !important;
	}

}