/******************************* CSS RESPONSIVO*******************************/
@media screen and (min-width: 1600px) { 
	#bg_top_v_scroll .top_scroll{ width: 1240px; margin-left: auto; margin-right: auto; float: none; }	
	}
@media (max-width: 1500px) {
	.section-menu ul li .title { font-size: 18px; line-height: 20px;}
	.section-menu ul li .title span {margin: 4px 0 0;}
	}
@media screen and (min-width: 1240px) {	
	.section, .container, .footer, .content_footer, #bg_container_forms, .publicidades { width: 1240px; margin-left: auto; margin-right: auto; float: none; }
	.conteudo_html { width: 1240px; margin-left: auto; margin-right: auto; float: none; overflow: hidden; }	
	.section, .container, .footer, #bg_container_forms { overflow: hidden; }
	.news_destaque, .news_list{ padding: 0;}
	}
@media (max-width: 1280px) {	
	.container_pub { width: 70%; margin: 0 15%;}
	.mfp-close { right: 16%;}
}


@media (max-width: 1024px) {	
	#menu_responsive { display:block; }
	.menu { display: none; }	
	ul.navmenu a { padding: 21px 4px 21px 5px; }
	.galeria li{ width: 25%;}
	.galeria li.border{ width: 24%;}
}

@media (max-width: 990px) {
	.section-menu ul li{ height: 250px!IMPORTANT; width: 25%;}
	.section-menu-2 ul li{ width: 25%; border: 1px solid #FFF;}
	.section-menu-2 ul li:first-child{ margin: 0;}
	.news_destaque ul li, .news_list ul li{min-height: 250px!IMPORTANT;}
	.conteudo_left_seccao, .conteudo_right_seccao { width: 100%;  margin: 0;}
	.conteudo_left_seccao{ margin-bottom: 3%; padding-bottom: 3%; border-bottom: 1px solid #E1E1E1;}
	.desc_seccao{ width: 70%; float: left; margin: 0; padding: 0 5% 0 0; }
	.img_seccao{ width: 30%; float: left; margin: 0; padding:0; }
	.img_seccao{ max-height: 280px; overflow: hidden;}
	.publicidades ul li{ width: 30.33%;}
	
	}
	
@media (max-width: 768px) {
	.content_html .html_content{ width: 90%; margin: 0 0 0 10%;}
	.news_destaque ul li, .news_list ul li{ width: 47%; }
	.content_forms, .form_forms { width: 97%!IMPORTANT;}
	.conteudo_pub_lat .container_right .artigo{ width: 100%; padding: 0;}
	.pub_lateral{width: 100%!IMPORTANT; padding: 0;}
	.publicidades ul li, .publicidades.pub_lateral ul li { width: 47%;}	
	.conteudo_pub_lat .container_right .addthis_inline_share_toolbox{ padding: 0;}
	}
@media (max-width: 660px) {
	.section-menu ul li, .section-menu-2 ul li{  width: 50%;}
	.tabela_responsiva_f > tbody > tr > td { display: block; width: 100%!IMPORTANT; text-align: center;}
	.copyright, .netsigma{ width: 100%; float: none; text-align: center;}
	.copyright span{float: none!IMPORTANT;}
	.title_section, .title_section_content{ font-size: 32px; line-height: 34px;}
	.conteudo_left, .conteudo_right{ width: 100%; padding: 0 3%; }
	.titulo_left, .subtitulo_left{ text-align: center;}
	.conteudo_right .conteudo{ width: 94%;}
	.desc_seccao{ width: 60%;  }
	.img_seccao{ width: 40%;  }
	.conteudo_footer img{ max-width: 100%; height: auto; }
	}
@media (max-width: 600px) {
	.news_destaque ul li, .news_list ul li{ width: 97%; min-height: 300px!IMPORTANT;}
	
	}
@media (max-width: 500px) {
.publicidades ul li, .publicidades.pub_lateral ul li { width: 97%;}
}
@media (max-width: 460px) {
	.tabela_responsiva_f > tbody > tr > td > img{ float: none!IMPORTANT;}
	.content_html .html_content{ width: 100%; margin: 0;}
	.desc_seccao{ width: 50%;  }
	.img_seccao{ width: 50%;  }
	.icon_menu img{ max-width: 100px;}
	.tabela_responsiva > tbody > tr > td  { display: block; width: 100%!IMPORTANT; }
	}
@media (max-width: 360px) {
	.section-menu ul li{  width: 100%;}
	.img_seccao{ max-height: 200px;}
	.content_seccao .title{ margin: 10px 0;}
	.content_seccao .title span{ font-size: 28px; line-height: 38px;}
	.content_seccao .title span + span { font-size: 12px; line-height: 22px;}
	}

/******************************* TABLE RESPONSIVE *******************************/

@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

/***************************** END TABLE RESPONSIVE *****************************/