/******************************* CSS RESPONSIVO*******************************/
@media screen and (min-width: 990px) {
	#container_empresas .bx-wrapper li { width: 208px !IMPORTANT; }
}

@media screen and (min-width: 1120px) {
	#container_empresas .bx-wrapper li { width: 224px !IMPORTANT; }
}

@media screen and (min-width: 1190px) {
	#container_empresas .bx-wrapper li { width: 238px !IMPORTANT; }
}

@media screen and (min-width: 1240px) {
	#container_empresas .bx-wrapper li { width: 258px !IMPORTANT; }
}

@media screen and (max-width: 1240px) {
	#container_top { width:96%; padding: 0 2%; }
	#container_banner { width:96%; padding: 0 2%; }
	#container_news { width:96%; padding: 0 2%; }
	#container_other_news { width:96%; padding: 0 2%; }
	#container_middle,
	.titulo_seccao_white, 
	.titulo_seccao_blue { width: 96%; margin: 0 2%; }
	.phrase_destaque  div.phrase { width: 96%; margin: 0 2%; }
	.cita{ width: 96%; margin: 0 2%; }
	#container_empresas { width: 96%; margin: 0 2%;}
	#container_empresas .bx-wrapper{  width: 96%; margin: 0 2%;}
	#phrases_destaque { width: 96%; margin: 0 2%;}
	#phrases_destaque .bx-wrapper{  width: 96%; margin: 0 2%;}
	#container_bottom{ width: 96%; padding: 0 2%; margin: 0;}
	.content_footer { width: 96%; padding: 0 2%; margin: 0;}
	#footer{ width: 96%; padding: 0 2%; margin: 0;}
	.todos{ width: 96%;}
	#container_conteudo { width: 96%; padding: 0 2%; margin: 0;}
	#breadcrumb_bg { width: 96%; padding: 0 2%; margin: 0;}
	#banner_inside { width: 96%; padding: 0 2%; margin: 0;}
}
@media screen and (max-width: 990px) {
	#bg_container_top{ position:fixed;}
	.membro, .equipamento, .empresa, .item_foto{ width:31%;}
}
@media screen and (max-width: 989px) {
	.tabela_resposiva_990 { display: block; }
	.tabela_resposiva_990 tr td:nth-child(2n) { text-align:right; }
}
@media screen and (max-width: 960px) {
	.phrase_destaque div.phrase{ font: 700 3em 'Droid Sans', sans-serif;}
	.redes_sociais{ width: 31%; }
	#Portlet_Newsletter, .modulo_bottom{ width: 65%; }
	#Portlet_Newsletter .grid-4-12{ width: 47%;}
	#Portlet_Newsletter .grid-5-12{ width: 47%;}
	#Portlet_Newsletter .grid-3-12{ width: 97%;}
	#Portlet_Newsletter input[type="submit"]{ float:right;}
	
}

@media screen and (max-width: 790px) {
	.phrase_destaque div.phrase{ font: 700 2.5em 'Droid Sans', sans-serif;}
	.redes_sociais, .menu_rodape{ width: 36%; }
	#Portlet_Newsletter, .modulo_bottom{ width: 60%; }
	#Portlet_Newsletter .grid-4-12{ width: 97%;}
	#Portlet_Newsletter .grid-5-12{ width: 97%;}
	#Portlet_Newsletter .grid-3-12{ width: 97%;}
	#left { display: none; }
	#right { position: relative; padding: 1% 2%; overflow: hidden; float: left; width: 94%; margin: 0 0 0 2%; }

}
@media screen and (max-width: 670px) {
	.phrase_destaque div.phrase{ font: 700 2em 'Droid Sans', sans-serif;}
	.redes_sociais{ width: 41%; }
	#Portlet_Newsletter, .modulo_bottom{ width: 55%; }
	#left { display: none; }
	#right { position: relative; padding: 1% 2%; overflow: hidden; float: left; width: 94%; margin: 0 0 0 2%; }
	.membro, .equipamento, .empresa, .item_foto{ width:48%;}
	.item_menu{ width:43%;}
}

@media screen and (max-width: 640px) {
	#container_news .evento,
	#container_other_news .evento { width: 90%; margin: 2% 4%; }
	#container_news .evento .img { height: 220px; }
	#container_other_news .evento { border-right: 0px solid #00527F; border-bottom: 1px solid #00527f;}
}
@media screen and (max-width: 570px) {
	.newsItemOverflow{ width:100%; border: 0px solid #CCCCCC; }
}
@media screen and (max-width: 570px) {
	.redes_sociais{ width: 96%; margin: 0 2%; }
	#Portlet_Newsletter, .modulo_bottom{ width: 96%; margin: 0 2%; }
	.tabela_resposiva_600 { display: block; }
	.tabela_resposiva_990 tr td:nth-child(2n) { text-align:left; }
	.tabela_resposiva_990 tr td td:nth-child(2n) { text-align:left; }
}

@media screen and (max-width: 580px) {
	#container_news .evento .img { height: 210px }
}

@media screen and (max-width: 520px) {	
	#container_news .evento .img { height: 200px }
}

@media screen and (max-width: 480px) {
	#container_news .evento .img { height: 190px }	
}

@media screen and (max-width: 420px) {
	#container_news .evento .img { height: 180px }
	.membro, .equipamento, .empresa, .item_foto{ width:96%;}
	.item_menu{ width:96%; margin: 0 2% 5% 2%;}	
}

