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

/* Modificadores gerais */
.x-antigos 					{ display: none; }
.x-mobile-vertical 			{ display: none; }
.x-mobile 					{ 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; }



/* -------------------------------------------------------------- */			
/* HD 720p (1280x720) */			
/* Modificador: x-hd */
/* -------------------------------------------------------------- */

@media only screen and (min-width: 1280px) /*and (max-width: 1439px)*/ {

	.casca 						{ width: 1200px; }
	
	.x-hd 						{ display: block; }
	.x-desktop-e-tablet			{ display: block; }
	.x-telas-grandes			{ display: block; }
	.seletor-menu-mobile 		{ display: none !important; }

	
		
}



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

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

	.x-desktop 					{ display: block; }
	.x-desktop-e-tablet			{ display: block; }
	.x-telas-classicas			{ display: block; }
	.seletor-menu-mobile 		{ display: none !important; }
	
	.autor-foto-texto .foto-autor { width: 80px; height: 80px; }
	
	/* Novas cores */
	.seletor-menu-topo > ul > li { margin: 1rem 0 1rem 0.5rem; padding: 5px 5px; }
	.seletor-menu-topo > ul > li.menu-inicio .nome-menu { display: none; }
		
		
}




/* -------------------------------------------------------------- */			
/* Tablet 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 */
	.x-tablet 					{ display: block; }
	.x-desktop-e-tablet			{ display: block; }
	.x-tablet-e-mobile			{ display: block; }
	.x-telas-classicas			{ display: block; }

	
}



	

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

	/* Estrutura */
	#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; }
	
	#barra-lateral 				{ display: none;}
	
	/* 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; }
	
	/* Flex */
	.em-flex, .flex { display: block !important; }
	.em-flex-tabela, .flex-tabela { display: block !important; }
	small.em-flex { display: flex !important; }
	
	
	/* Geral */
	body { padding-top: 80px; }
	
	/* Cabeçalho */
	#cabecalho .casca { position: relative; }
	#cabecalho .menu { float: none; width: 100%; }
	
	/* Abre-abre */
	.abre-abre { text-align: center; }
	.abre-menu-mobile, .abre-menu-mobile-fixo, #logo-e-menu-mobile .abre-flutuante {
		width: 36px;
		height: 36px;
		display: block;
		margin: 7px 0 0 0 !important; padding: 0 !important;
		z-index: 9000;
		position: absolute !important;
		right: 0; top: 0;
		line-height: 36px;
	}

	/* Owl Carousel */
	.owl-carousel .descricao { display: none; }
	.owl-carousel h2, .grid .noticia-item .chamada h2 { font-size: 1.2rem !important; }
	.owl-carousel small {  font-size: 1rem !important; margin-top: 10px; }
	
	/* Painel flutuante */
	.fecha-flutuante {
		position: fixed; right: 20px; top: 20px; z-index:10002;
	}
	.flutuante .conteudo {
		top: 0;
		overflow: auto;
		max-width: 440px;
		height: auto;
		width: auto;
		max-height: 98%;
		/*height: 96%;*/
	}
	#barra-fixa a { margin: 0 0.3rem; font-size: 0.85rem;  }
	#logo-e-menu { display: none; }
	#logo-e-menu-mobile .logo img { width: 100px; margin-top: 5px; }
	#logo-e-menu-mobile .logo-e-menu { height: 50px; }
	.esconde-mobile { display: none !important; }
		
	.seletor-menu-mobile .sub-menu { position: static; width: 100% !important; }	
	#menu-sanfonado-desktop { display: none; }

	#rodape { text-align: center; }
	#rodape img { display: block; width: 150px; margin: 0 auto 20px auto; } 
	#rodape a { display: block !important; }
	#rodape span { display: none; }
	#rodape .horario-atendimento { max-width: 200px; margin: auto; }
	#rodape .horario-atendimento, #rodape .copyright { margin-bottom: 5px; }
	
	.grid { display: block !important; }
	.grid .noticia-1, .grid .noticia-2, .grid .noticia-3 { margin: 40px 0; height: auto; }
	.noticia-item .categoria { position: static; }
	.noticia-item { padding: 180px 0; }
	
	#super-destaque #noticias-recentes { display: none; }
	
	.linha.em-flex.noticia { border-bottom: 1px solid #ddd; margin-bottom: 60px; padding-bottom: 40px !important; }
	.linha.em-flex.noticia img { margin-bottom: 20px; }
	
	.galeria-em-linha .item-da-galeria { width: 47%; }
	
	#paginacao .col { text-align: center !important; }
	#paginacao .col-3 { padding: 30px 0 !important; }
	
	.autor-foto-texto { max-width: 440px; margin: auto; text-align: center; margin-bottom: 60px; }
	.autor-foto-texto .foto-autor { margin: auto auto 10px auto; }
	
	.autor-foto-texto.pagina-interna .col-3 { width: 100%; }
	.autor-foto-texto.pagina-interna { padding-bottom: 60px; }
	
	#corpo form .botao { display: block !important; width: auto !important; margin: 20px auto 0 auto !important;  }
	

	
}



/* -------------------------------------------------------------- */			
/* Mobile horizontal */			
/* Modificador: x-mobile */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* Estrutura */
	.casca, #google-maps		{ width: 440px; }
	#google-maps				{ margin-left: auto; margin-right: auto; }
	.miolo						{ padding-right: 0; padding-left: 0; }	
	#barra-lateral 				{ width: 440px; float: none; margin: 0; padding: 0; }
	#conteudo					{ width: 440px; float: none; }
	
	/* Modificadores */
	.x-mobile 					{ display: block; }
	.x-tablet-e-mobile			{ display: block; }
	.x-mobile					{ display: block; }
	.x-mobile-horizontal		{ display: block; }

	/* Menu principal */
	html #menu-principal li { 
		float: left;
		width: 140px !important;
		background: #ededed !important;
		margin: 0 6px 10px 6px !important;
	}
	
	#barra-fixa { height: 60px; }
	#logo-e-menu-mobile, .barra-de-busca { top: 60px; }
	h1 { font-size: 2em; }					
}




/* -------------------------------------------------------------- */			
/* Mobile na vertical */	
/* Modificador: x-mobile-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; }

	/* Modificadores */
	.x-mobile-vertical 			{ display: block; }
	.x-tablet-e-mobile			{ display: block; }
	.x-mobile-e-antigos			{ display: block; }	
	.x-mobile					{ display: block; }
	.x-mobile-horizontal		{ display: none; }

	/* Masonry */
	.parede { width: 100% !important; }
	.parede .tijolo { width: 100% !important; float: none !important; }
	.parede .tijolo img { margin-left: auto; margin-right: auto; }			
	
	/* Geral */	

	#barra-fixa { height: 60px; }
	#logo-e-menu-mobile, .barra-de-busca { top: 60px; }
	#barra-fixa .botao { padding-left: 6px; padding-right: 6px; }
		
	/* Menu principal */
	html #menu-principal li { 
		float: left;
		width: 90px !important;
		background: #ededed !important;
		margin: 0 3px 6px 3px !important;
		padding: 10px 0;
		font-size: 12px;
	}
	h1 { font-size: 2em; }
	.modal-content { width:90% }
	
}

/* IMPORTANTE ---------------------------------------------------- */
/* Casca sem largura fixa para usar com paredes */
/* --------------------------------------------------------------- */
	.parede .tijolo > .casca { width: auto; }