@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%; font-family: 'Open Sans';}
a { text-decoration: none; cursor:pointer;}
a:hover { text-decoration: underline; }
/*
h1, h2, h3, h4, h5{font-family: 'Open Sans'; letter-spacing: -1px;}
*/

/* colunas */
.col-full { width: calc(100% - 20px); padding: 0; margin: 0 0 20px 20px; float: left;}
.col772 { width: 772px; padding: 0; margin: 0 0 0 20px; }
.col636 { width: 636px; 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 { 
    list-style: none;
    padding: 10px 0;
    margin: 0;
}
.lista_limpa li{ 
    margin-bottom: 3px;
}
.lista_limpa li a{ 
    font-size: 14px;
    text-decoration: 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 6px 0 0; margin: 0; }

/* paginações */
.pag_20x18 { margin:0; padding:0; list-style-type: none; }
.pag_20x18  li { float: left; margin: 5px; list-style-type: none; height: 15px; text-indent: -9999px; width: 15px; background: #686868; border-radius: 20px; }
.pag_20x18  li:hover { background: #F03D37; }
.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: 5px 10px 5px 10px;  }
.paginacao_quadrado li:hover { background: #efefef; }
.paginacao_quadrado li { display: inline; margin: 0 3px 0 0 ; padding: 5px 10px 5px 10px;  }
.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 {width: 100%; margin: 0; background: #EDEDED; padding: 10px 0; position: relative; height: 46px;} 
#topoJC .social-share-group{position:absolute; right: 20px; top: 0; z-index: 999;}
#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 {margin: 0 auto; width: 38px; margin-top: -18px; position: absolute; left: 430px;} 
#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:none; clear:both; width:960px; height:25px; padding: 8px 0 0 0; margin: 10px 0 0 20px; z-index: 100001; border-bottom: 1px solid #ededed; padding-bottom: 5px;}
.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: 'Open Sans', sans-serif; font-weight: 900; font-size: 15px; line-height: 20px; cursor:pointer; }
.menu ul li ul { display: none; }
.menu ul li a{cursor: pointer; color:#F03D37; text-transform: uppercase; font-size: 1em; font-weight: 300; margin-right: 20px;}
.menu ul li a:visited { display:block; height:23px; padding: 0 5px 0 0; text-decoration:none; color:#F03D37; overflow:hidden; }
/* configura as cores dos menus de acordo com a editoria */
.menu ul li a.mn_politica { width:129px;}
.menu ul li a.mn_mundo {width:129px;}
.menu ul li a.mn_cidades { width:129px;}
.menu ul li a.mn_economia {width:129px;}
.menu ul li a.mn_esportes {width:129px;}
.menu ul li a.mn_cultura {width:129px;}
.menu ul li a.mn_suplementos {width:129px;}

.menu-icon{
    position: absolute;
    left: 20px;
    top: 20px;
}

.menu-icon .fa{color: #F03D37; font-size: 2.3em;}

/* 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; }

/* 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: 'Open Sans', 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: 0; margin: 0; font-size: 22px; font-family: 'Open Sans', sans-serif; color: #F03D37; font-weight: bold; text-transform: uppercase; }
.busca_topo { padding: 0; margin: 0 20px 20px 0; font-size: 14px; color:#828282; font-weight: bold; }
.busca_topo .campodata {width: 80%;}
.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; text-transform: uppercase; font-size:14px; color: #F03D37; font-weight: 700;}

/* componente de abas */
div.abas { margin:0; padding:0px; height: 25px; background: #efefef;  font-weight: bold; letter-spacing: -1px }	
div.abas_caixa { float:left; width: 100%;  }
div.abas_caixa div { height: 20px; text-transform: uppercase; font-weight: 100; }
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;  }
div.abas_caixa .aba_ativa a {color: #F03D37}
div.abas_caixa .aba_inativa { float: left; padding: 4px 10px 2px 8px; }
div.abas_caixa .aba_inativa a { color: #686868}
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 { margin: 0; border-bottom: 1px solid #d5d5d5; }
.ncomentarios { padding: 5px 0 20px 0;margin: 0; }
.ncomentarios > li {font-size: 16px; font-weight: 700;}
.ncomentarios > li > a {float: right;color: #F03D37;text-transform: uppercase;}
.comentario_autor { padding: 10px 0 0 0;margin: 0;font-size: 14px;text-transform: uppercase;color: #F03D37;letter-spacing: 0;}
.comentario_msg { padding: 0; margin: 0; }

#comentar { padding: 0; margin: 30px 0 0 0;  }
#comentar_table { margin-top: -10px; 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: 'Open Sans', 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: 'Open Sans', 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:#3c3c3c; clear: both; display: block;}

.titulo-rodape{font-size: 22px; font-weight: 100; color: #fff; margin-bottom: 10px;}
.box-rodape1{width:18%; margin-right: 2%; display: inline-block; float: left; position: relative; min-height: 150px;}
.box-rodape2{width:38%; margin-right: 2%; display: inline-block; float: left; position: relative; min-height: 150px;}
.box-rodape3{width:38%; display: inline-block; float: left; position: relative; min-height: 150px;}

.logo-footer{float: left; margin-right: 10px;}
.creditos{color: #333; float: left; margin-right: 10px; margin-top: 20px;}
.expediente{font-weight: bold; float: left; margin-right: 10px; margin-top: 20px;}
.grupo-jcpm{float: right; margin-right: 20px;}
.box-rodape li {margin-bottom: 10px;}
.box-rodape li a{font-size: 1.2em; color:#c2c2c2; margin-bottom: 5px; font-weight: 100;}
.endereco{font-size: 1.2em; color:#c2c2c2; font-weight: 100; line-height: 1.4em;}
li.endereco a{font-size:14px;}

/* rodapé canais */
#rodape_canais { padding: 30px; margin: 0; width: 100%; }
#rodape_canais ul{list-style: none; margin-left: 0; padding-left: 0;}
#rodape_canais li.rodape_canais_canal { padding: 0 10px 20px 0; margin: 0; font-family: 'Open Sans', 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: 64px; border-top: 1px solid #d5d5d5; background:#ffffff }

/* 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: 'Open Sans', 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: 600px; 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; font-size: 1.3em;}

/* vitrine comercial JC */
#comercial img{ width:100%; }
#comercial a{ text-decoration:none; }
#comercial span.titulo{ color: #6a9b99; font-size:12px; font-weight:700; display:block; padding:10px 0 0 0; }  
#comercial span.detalhes{ display:block; color:#333; font-size:12px; color:#333; padding:0 0 10px 0; }
#vitrine{ font-family: 'Open Sans', sans-serif;}
#vitrine .oferta{
    width:100%;
    float:left;
    clear:both;
    padding-top:2px;
    padding-bottom:1px;
    background:#F5F5F5;
    padding-bottom: 15px;
}
#vitrine .oferta a{
    font-size:10px;
    color:#666666;
    text-decoration:none;
}
#vitrine .oferta a:hover{
    text-decoration:none;
    color:#CC0000;
}
#vitrine .oferta a:active{
    text-decoration:none;
    color:#FF0000;
}
#vitrine .oferta a:visited{
    text-decoration:none;
    color:#666666;
}
#vitrine .oferta a img{
    border:none;
    width: 100%;
}
#vitrine .oferta .foto{
    width:50px;
    height:50px;
    padding:3px;
    float:left;
}
#vitrine .oferta .descricao{	
    padding:2px;
    float:left;
    line-height:13px;
}
#vitrine .oferta .descricao .titulo{
    width:100%;
    float:left;
    clear:both;
    color: #CC0000;
    font-size: 10px;
    font-weight: bold;
}
#vitrine .oferta .descricao .detalhes{width:100%;float:left;}

#full_nao_expandido{left: none !important;}

#resultadosalbuns{  margin-bottom: 30px; margin-top: 40px; }
#col_dupla{margin-bottom: 20px;}
#aspas{background-color: #e7e7e7; padding: 10px 15px; float: left; clear: left; margin: 10px 0;}
#aspas .citacao{font-size:80px; height: auto; float: left; color: #F03D37; padding: 0 15px 0 0;}
#aspas p {margin: 0; padding: 0;}
#aspas p small {display: block; font-size: 80%; line-height: 1.42857143; color: #777;}
#aspas p small:before { content: '\2014 \00A0'; }

#olho {background-color: #e7e7e7; text-align: center; padding: 10px 0; font-size: 18px; line-height: 120%; text-transform: uppercase; color: #F03D37; font-weight: 700;}

.campo-subassinatura {font-size: 14px; margin-top: 15px; color: #F03D37;}
.email-subassinatura {font-weight: bold;}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
	html, body{width: 107%;}
}

#recomendadosParaVoce ul {
	margin: 0!important;
}

#recomendadosParaVoce ul li {
	border-bottom: 0;
	display: block;
	float: left;
	margin: 0 0 40px;
}