@charset "utf-8";
/* Portal do Jornal do Commercio */
/* CSS PRINCIPAL */
/* Descritivo */

.debug { border: 1px solid #F00; }
.debugbg { background: #FF0; }

/* padrões gerais do portal */
html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
a { text-decoration: none; }
	a:hover { text-decoration: underline; }

/* colunas */
.col772 { width: 772px; padding: 0; margin: 0 0 0 20px; }
.col550 { width: 550px; padding: 0; margin: 0 0 0 20px; }
.col472 { width: 472px; padding: 0; margin: 0 0 0 20px; }
.col365 { width: 365px; padding: 0; margin: 0 0 0 14px; }
.col302 { width: 302px; padding: 0; margin: 0 0 0 14px; }
.col155 { width: 155px; padding: 0; margin: 0 0 0 15px; }

/* alinhamentos */
.esq { float:left; }
.dir { float:right; }
.bloco { display:block; clear:both; }
.emlinha { display: inline; }
.qlinha { display: block; }
.some { display: none; }

/* listas */
.lista_limpa { padding: 0; margin: 0; list-style-type: none; }

.lista_seta_9x9  { padding: 0 0 0 16px;	margin: 0; }
	.lista_seta_9x9 li { padding: 2px 0; list-style-image:url(../imagem/gerais/seta_9x9_cinza.gif); }
	
/* separadores */
.sep_d5_21x9 { background:url(../imagem/gerais/separador_d5_21x9.gif) right 5px no-repeat; padding: 0 17px 0 0; margin: 0; }

/* paginações */
.pag_20x18 { margin:0; padding:0; list-style-type: none; }
	.pag_20x18  li { float:left; margin: 0 0 0 2px; padding: 2px 6px 0 6px; list-style-type: none; height: 15px; background:url(../imagem/gerais/bg_paginacao_20x18.gif) repeat-x bottom #ffffff; border-top: 1px solid #d5d6d6; border-right: 1px solid #bbbcbc; border-bottom: 1px solid #bbbcbc; border-left: 1px solid #d5d6d6; }
		.pag_20x18  li:hover { border: 1px solid #b0b0b0; }
		.pag_20x18 li img { border: 0; padding: 0; }
		
.paginacao_quadrado { margin: 0; border: 0; padding: 20px 0 3px 0; clear:both; text-align:left; }
	.paginacao_quadrado li { display: inline; margin: 0 3px 0 0 ; padding: 1px 6px 1px 6px;  }
	.paginacao_quadrado li:hover { background: #efefef; }
	.paginacao_quadrado li { display: inline; margin: 0 3px 0 0 ; padding: 1px 6px 1px 6px;  }
		.paginacao_quadrado li a  { text-decoration: none; }

/* opacidades */
.opaco3 { opacity:0.3; -moz-opacity: 0.5; filter: alpha(opacity=30); }
.opaco5 { opacity:0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
.opaco7 { opacity:0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); }

/* barra do UOL */
#uol { background: url(../imagem/gerais/bg_barra_uol.gif) repeat-x #003366;}
	#uol .barra { width: 965px; margin: auto; }

/* barra do UOL */
#jconline { background: #f3f3f3; border-bottom: 1px solid #d5d5d5; }
	#jconline .barra { width: 965px; margin: auto; }
	
/* moldura central */
#moldura { width: 998px; margin: auto; padding: 0; }

/* CABEÇALHO */
#cabecalho { margin: 0; padding: 0; }

/* TOPO ANTIGO */

	/* logo Jornal do Commercio */
	#logoJC { padding: 25px 0 0 20px; margin: 0; }
		#logoJC img { border: 0; }
		
	/* busca no portal */
	#busca_portal { padding: 26px 20px 0 0; margin: 0; text-align: right; }
	
	/* menu do sistema */
	#menu_sistema { padding:10px 20px 0 0; margin: 0; width: 500px; text-align: right; font-size: 11px; font-weight: bold;  }
		#menu_sistema a { color:#999; }
	
	/* logo menor topo */
	#logoJornalTopo { padding:25px 20px 0 0; margin: 0; width: 500px; text-align:right; }
		#logoJornalTopo img { border: 0; }


/* TOPO NOVO /*

	/* topo Logo JC */
	#topoJC { padding: 0 0 0 0; }
		#topoLogoJC { width:410px; margin: 20px 0 0 20px; }
		#topoBuscaMenu { width:400px; margin: 13px 0 0 0; }
		#topoEdicaoDigital { font-size: 13px; height: 52px; width: 130px; margin: 13px 0 0 12px; padding: 5px 0 0 10px; border-left: 1px solid #d5d5d5; font-weight: bold; background:url(http://jconlineimagem.ne10.uol.com.br/imagem/gerais/bgEdicaoDigital.jpg) right bottom no-repeat; }
			span.acesse { display: block; text-transform:uppercase; font-size: 9px; margin: 6px 0 0 0; padding: 0 0 0 12px; background:url(http://jconlineimagem.ne10.uol.com.br/imagem/gerais/seta_9x9_cinza.gif) 0 3px  no-repeat; }
				span.acesse a { color: #999;  }
	
	/* logo Jornal do Commercio */
	#topoLogoJC { padding: 25px 0 0 20px; margin: 0; }
		#topoLogoJC img { border: 0; }
		
	/* busca no portal */
	#topoBuscaPortal { padding: 5px 0 0 0; margin: 0; float:right; }
	
	/* menu do sistema */
	#topoMenuSistema { padding: 10px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; width: 380px; text-align:right; float:right; clear:both; }
		#topoMenuSistema a { color:#999; }
	
	/* logo menor topo */
	#logoJornalTopo { padding:25px 20px 0 0; margin: 0; text-align:right; }
		#logoJornalTopo img { border: 0; }
	
	/* menu de canais */
	/* definições gerais */
	.menu { position:relative; display:block; clear:both; width:960px; height:25px; padding: 8px 0 0 0; margin: 10px 0 0 20px; z-index: 100001; }
		.menu ul { padding:0; margin:0; list-style: none; }
			.menu ul li { position:relative; float:left; margin: 0 0 0 1px; }
			.menu ul li.mn { font-family:"Arial Black", Gadget, sans-serif; font-weight: 900; font-size: 15px; line-height: 20px; cursor:pointer; }
			.menu ul li ul { display: none; }
			.menu ul li a, .menu ul li a:visited { display:block; height:23px; padding: 0 5px 0 0; text-decoration:none; color:#000; color:#fff; overflow:hidden; }
				/* configura as cores dos menus de acordo com a editoria */
				.menu ul li a.mn_politica {	background:url(../imagem/menu_canais/bgMarrom.gif) repeat-x; border: 1px solid #64584f; width:129px; cursor:pointer;  }
				.menu ul li a.mn_politica:hover { background:url(../imagem/menu_canais/bgMarromHover.gif) repeat-x; border: 1px solid #6b6058; }
				.menu ul li a.mn_mundo { background:url(../imagem/menu_canais/bgAzul.gif) repeat-x; border: 1px solid #343e81; width:129px; cursor:pointer;  }
				.menu ul li a.mn_mundo:hover { background:url(../imagem/menu_canais/bgAzulHover.gif) repeat-x; border: 1px solid #262671; }
				.menu ul li a.mn_cidades { background:url(../imagem/menu_canais/bgAzulClaro.gif) repeat-x; border: 1px solid #26669e; width:129px; cursor:pointer;  }
				.menu ul li a.mn_cidades:hover { background:url(../imagem/menu_canais/bgAzulClaroHover.gif) repeat-x; border: 1px solid #2a6f99; }
				.menu ul li a.mn_economia { background:url(../imagem/menu_canais/bgLaranja.gif) repeat-x; border: 1px solid #c19f00; width:129px; cursor:pointer;  }
				.menu ul li a.mn_economia:hover { background:url(../imagem/menu_canais/bgLaranjaHover.gif) repeat-x; border: 1px solid #a69200; }
				.menu ul li a.mn_esportes { background:url(../imagem/menu_canais/bgVerdeGrama.gif) repeat-x; border: 1px solid #6b8a3f; width:129px; cursor:pointer;  }
				.menu ul li a.mn_esportes:hover { background:url(../imagem/menu_canais/bgVerdeGramaHover.gif) repeat-x; border: 1px solid #6f8942; }
				.menu ul li a.mn_cultura { background:url(../imagem/menu_canais/bgAzulCinza.gif) repeat-x; border: 1px solid #649592; width:129px; cursor:pointer;  }
				.menu ul li a.mn_cultura:hover { background:url(../imagem/menu_canais/bgAzulCinzaHover.gif) repeat-x; border: 1px solid #6c9392; }
				.menu ul li a.mn_suplementos { background:url(../imagem/menu_canais/bgVermelho.gif) repeat-x; border: 1px solid #b7151b; width:129px; cursor:pointer;  }
				.menu ul li a.mn_suplementos:hover { background:url(../imagem/menu_canais/bgVermelhoHover.gif) repeat-x; border: 1px solid #96161c; }				
				/* escreve nome das editorias com sombra */
				.menu_canais_sombra { position:absolute; margin: 1px 0 0 0; color: #000; width: 129px; text-align:right; }
					.menu_canais_texto { position:absolute; width: 129px; text-align:right; }
			/* definições dos submenus */
			.menu ul li:hover a { color:#fff; }
			.menu ul li:hover ul { display:block; position:absolute; top:25px; left:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; font-size: 13px; border-top: 1px solid #fff; }
			.menu ul li:hover ul li ul { display: none; }
			.menu ul li:hover ul li a { display:block; color:#fff; }
				.menu ul li:hover ul li a:hover { text-decoration:underline; }
			.menu ul li:hover ul li a.hide { color:#fff; text-align:right;}
				/* cores dos submenus */
				.submn_politica { background: #826e5e; font-weight: normal; }
				.submn_politica li { border-bottom:1px solid #98816e; padding: 2px 0 1px 5px; min-width: 129px; }
				.submn_mundo { background: #465797; font-weight: normal; }
				.submn_mundo li { border-bottom:1px solid #5266af; padding: 2px 0 1px 5px; min-width: 129px; }
				.submn_cidades { background: #4f7eb4; font-weight: normal; }
				.submn_cidades li { border-bottom:1px solid #5c93cd; padding: 2px 0 1px 5px; min-width: 129px; }
				.submn_economia { background: #ca9c21; font-weight: normal; }
				.submn_economia li { border-bottom:1px solid #e0b527; padding: 2px 0 1px 5px; min-width: 129px; }
				.submn_esportes { background: #749943; font-weight: normal; }
				.submn_esportes li { border-bottom:1px solid #85ad50; padding: 2px 0 1px 5px; min-width: 129px; }
				.submn_cultura { background: #70aaa7; font-weight: normal; }
				.submn_cultura li { border-bottom:1px solid #83c3c0; padding: 2px 0 1px 5px; min-width: 129px; }
				.submn_suplementos { background: #bf292d; font-weight: normal; }
				.submn_suplementos li { border-bottom:1px solid #d73035; padding: 2px 0 1px 5px; min-width: 129px; }
			
		/* limpa borda da última linha */
		#menu_canais .mn_politica .submenu_canais li.fechamenu, #menu_canais .mn_mundo .submenu_canais li.fechamenu, #menu_canais .mn_cidades .submenu_canais li.fechamenu, #menu_canais .mn_cidades .submenu_canais li.fechamenu, #menu_canais .mn_economia .submenu_canais li.fechamenu, #menu_canais .mn_esportes .submenu_canais li.fechamenu, #menu_canais .mn_cultura .submenu_canais li.fechamenu, #menu_canais .mn_suplementos .submenu_canais li.fechamenu { border:0; }
	
	/* menu mais */
	#menu_mais { margin: 8px 0 0 20px; padding: 0; font-size: 13px; font-weight:bold; }
		#menu_mais a { color: #6a9b99; }
	
	/* cabeça do canal */
	#cabecacanal { padding: 0; margin: 20px 0 0 0; height: 46px; }
		#cabecacanal .cabecacanal_nome { padding: 1px 0 0 20px; margin: 0; height: 30px; width: 220px; font-family: "Arial Black", Gadget, sans-serif; line-height:100%; color: #FFF; font-size: 36px; letter-spacing: -1px; font-weight: 900;  }
		#cabecacanal .cabecacanal_nome_sombra { position:absolute; margin: 1px 0 0 0; height: 30px; z-index: 10000; }
		#cabecacanal .cabecacanal_nome_texto{ position:absolute; height: 30px; z-index: 10001; }
		#cabecacanal .cabecacanal_menu { padding: 15px 25px 0 0; margin: 0; }
			#cabecacanal .cabecacanal_menu a { font-size: 13px; font-weight: bold; color: #fff; }
		
/* MIOLO */
#miolo { margin: 0; padding: 20px 0 0 0; clear: both; display: block;}

	.caixa_mg20 { padding: 0; margin: 0 20px 0 20px; }
	.pagina_titulo { padding: 8px 0 30px 22px; margin: 0; background:url(../imagem/gerais/seta_17x17_vermelha.png) left 5px no-repeat; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; color: #6a9b99; font-weight: bold; }
	.busca_topo { padding: 6px 0 0 0; margin: 0; font-size: 14px; color:#828282; font-weight: bold; }
		.busca_topo .campodata { width: 75px; }
		.busca_topo .campopalavra { width: 150px; }
	
	/* linha de mais opções: comentários, social, mobile, veja mais */
	.maisopcoes { padding: 0; margin: 0; text-align:right; border-bottom: 1px solid #d5d5d5; font-size: 11px; height: 14px; }
		.maisopcoes a { margin: 0 0 0 6px; color: #666;}
		
	/* componente de abas */
	div.abas { margin:0; padding:0; height: 25px; background: #efefef; border-bottom: 1px solid #d5d5d5; font-weight: bold; letter-spacing: -1px }	
	div.abas_caixa { float:left; width: 100%; }
		div.abas_caixa div { height: 20px; }
		div.abas_caixa .seta { float: left; padding: 0; margin: 5px 7px 0 8px; }
		div.abas_caixa .aba_ativa { float: left; padding: 4px 10px 2px 8px; background: #fff; border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; }
		div.abas_caixa .aba_inativa { float: left; padding: 4px 10px 2px 8px; }
		div.aba_info { float:right; padding: 6px 8px 0 0; margin: 0; letter-spacing: 0; }
		
	/* comentários */
	#comentarios { padding: 0 0 30px 0; margin:30px 0 0 0; }	
		.comentario { padding: 20px 0 8px 0; margin: 0; border-bottom: 1px solid #d5d5d5; }
		.ncomentarios { padding: 20px 0 5px 0; margin:0; }
		.comentario_autor { padding: 10px 0 10px 0; margin: 0; }
		.comentario_msg { padding: 0; margin: 0; }
		
		#comentar { padding: 0; margin: 30px 0 0 0;  }
		#comentar_table { margin: 10px 0 0 0; padding: 0; }
				.comentario_label { padding: 8px 0 4px 0; }
				.comentario_area {height: 75px; width: 285px; }
				.comentario_campo { width: 160px;}
								
	/* comentar, imprimi e redes */
	#janela_compartilhamento { padding: 0; margin:0; height:54px; width:470px; display:block; clear:both; }
		#recomende{ margin: 0; padding:0; height: 20px; }
			#recomende #recomende_botoes { float:left; padding:0; height: 20px; background:url(../imagem/gerais/bg_form_botao.jpg) repeat-x #d0d6d4; border-top: 1px solid #ccc; border-right: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; letter-spacing:-0.05em; }
				#recomende #recomende_botoes div { float: left; padding: 2px 10px 0 10px; border-left: 1px solid #ccc; cursor: pointer; }
				#recomende div a, #integra a { color: #333;	text-decoration: none; }
					#recomende div a:hover, #integra a:hover { color: #000; text-decoration: none; }	
		
		#integra { margin: 0; padding: 0 0 30px 0; height: 20px; }	
			#integra #integra_icone { float:left; margin: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #8b8b8b; border-left: 1px solid #ccc; border-right: 1px solid #8b8b8b; }
				#integra #integra_icone img { border: 0; }
			#integra #integra_botao { float:left; height: 20px; padding: 0; background:url(../imagem/gerais/bg_form_botao.jpg) repeat-x #d0d6d4; border-top: 1px solid #ccc; border-right: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; letter-spacing:-0.05em; }
				#integra #integra_botao div { float: left; padding: 2px 10px 0 10px; }
			
			
		#redes { margin: 15px 0 0 0; height: 22px; width:470px; display:block; clear:both; }
			#redes div { float:left; }
				#redes div.redes_botao { margin: 0 15px 0 0; }
				#redes div.redes_botao img { border: 0; }
				#redes div.redes_icones { margin: 0 0 0 40px; }
				#redes div.redes_balao_arredonda_bg { background:url(../imagem/gerais/redes_balao_bg.gif) repeat-x; height: 19px; padding-top: 1px; }
				#redes div.redes_balao_arredonda_dir { margin: 0 22px 0 0; }
				
		/* mapa da página e tamanho da fonte */
		#mapa_fonte { height: 22px; }
			#mapadapagina, #tamanhodafonte { padding: 4px 0 0 0; margin: 0; }
								
/* RODAPÉ */
#rodape { background:url(../imagem/gerais/bg_rodape.gif) repeat-x bottom; clear: both; display: block; }

	/* logo JC */
	#rodape_logo { padding: 0 0 0 20px; margin: 0; }
		#rodape_logo img { border: 0; }
	
	/* redes sociais */
	#rodape_redes { padding: 0 20px 0 0; margin: 0; }
		#rodape_redes img { border: 0; }
		
	/* rodapé canais */
	#rodape_canais { padding: 30px 0 30px 0; margin: 0; width: 820px; }
		#rodape_canais ul { padding: 0; margin: 0 0 0 22px; }
		#rodape_canais ul li { padding: 2px 0; margin: 0; }
		#rodape_canais li.rodape_canais_canal { padding: 0 10px 20px 0; margin: 0; font-family: "Arial Black", Gadget, sans-serif; }
		#rodape_canais ul.suplementos { padding: 0; margin: 0 0 0 20px; }
	
	/* rodapé logos */
	#rodape_logos { padding: 20px 20px 0 0; margin: 0; }
		#rodape_logos img { padding: 0; margin: 0 0 20px 0; display:block; }
	
	/* rodapé mais */
	#rodape_mais { padding: 12px 0 0 12px; margin: 0; height: 25px; border-top: 1px solid #d5d5d5; background:url(../imagem/gerais/bg_rodape_mais.gif) repeat-x top #e2e2e2; }

/* POPUPS */
	/* reportar erros */
	#reportarerros { position: absolute; padding: 10px; margin: 0; width: 325px; height: 185px; background: url(../imagem/gerais/bg_popups.gif) repeat-x bottom #fff; border: 1px solid #fff; }
		#reportarerros .fechar { padding: 4px 0 0 0;  }
			#reportarerros .fechar img { border: 0; }
		#reporte_tabela { padding: 0; margin: 8px 0 0 0; }
			#reporte_tabela td.captchalabel { padding: 12px 0 3px 0; margin:0; }
			#reporte_tabela td.label { padding: 5px 0 5px 0; margin: 0; }
			#reporte_tabela td.comentarios { padding: 0 0 0 10px; margin: 0; }
				#reporte_tabela input.campo { width: 153px; }
				#reporte_tabela textarea.campo { height: 78px; width: 145px; margin: 0 0 0 10px; }
				#reporte_tabela input.enviar { width: 62px; }
				#reporte_tabela input.ver { width: 90px; }
	
/* Enviar para amigo */		
#envie {  width: 510px; background: #fff; }
#envie_titulo {	background: #cfd6d3; font-family:"Arial Black", Gadget, sans-serif; padding: 8px 10px 11px 10px; }
#envie div.fechar {	position:absolute;	margin-top: 3px; left: 430px; }
#envie div.fechar a { text-decoration: none; }
#envie div.fechar img {	border: 0; padding: 0 0 3px 0; vertical-align:middle; }
#envie_form { border-right: 5px solid #cfd6d3; border-bottom: 5px solid #cfd6d3; border-left: 5px solid #cfd6d3; padding: 0 15px 15px 15px; }
#envie_tab { width: 100%; }
#envie_tab td.table_label {	padding: 12px 0 6px 0; }

/* Página não encontrada */
#paginanaoencontrada { text-align:center; width: 400px; margin: auto; padding: 50px 0 70px 0; }
	#paginanaoencontrada .naoencontrada { margin: 0 0 30px 0; padding: 0; }
	#paginanaoencontrada .frase { margin: 0 0 10px 0; padding: 0; }
	.bgNaoEncontrada { background:url(../imagem/gerais/bgNaoEncontrada.gif) repeat-x; }