@charset "utf-8";
/* CSS Document */
/** zerando e padronizando as tags **/
* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
}
hr {display: none;}

.soacessibilidade {display:none;}

html {
	height: 100%;
	/* background: #eff4f8 url(pimages/bg_html.jpg) repeat-x left top; */
	/*background: white;*/
	background: #f4f4f4;	
}

body {
	font-family: 'Trebuchet ms', 'Lucida sans', Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
	/*background: white;*/
	height: 100%;
	text-align: center;
}

/***********
	banners 
************/
.publicidade_superbanner {height: 90px; width:728px;position: absolute; top: 6px;right:10px;}
.publicidade_selo {clear:both;height: 100%;}
.publicidade_square {clear:both;height: 100%;}
.publicidade {margin: 0 0 30px 0;}
.publicidade div {margin: 0 !important;padding:0 !important;}
.publicidade_sky {margin: 0 auto 15px; width:120px}
.publicidade_fullbanner {margin:0 auto; width:468px}


/***********
 corrigindo bug do firefox para o bloco pai contemplar os filhos
***********/
#topo:after, #meio:after, .bloco:after, .enquete:after, #meio div:after, #meio #conteudo div:after, #meio #conteudo div:after, #meio #conteudo div div div:after, #meio #conteudo div ul:after, #meio #conteudo div ul li:after, .manchete:after, #rodape ul:after, .controles:after, .leg_slide:after, .data_clima:after, .prog form:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
/***********
 corrigindo bug do firefox para o bloco pai contemplar os filhos
***********/
	
	
/***********
 blocos
***********/

#geral {
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	position: relative;
	width: 1000px;
	height: auto;
	/*bg com borda */
	background: #e6f1f8 url(pimages/bgall.jpg) repeat-y left top;
	background-image: url(pimages/bgall.jpg);
}
#topo {
	width: 100%;
	height: 103px;
	background: #e6f1f8 url(pimages/bg_topo.jpg) repeat-x left top;
	/*overflow:hidden;*/
	position: relative;
}
#menu {
	background: #0573b6 url(pimages/bg_menu.jpg) repeat-x left top;
	width: 100%;
	height: 28px;
	clear: both;
	margin-bottom:10px;
}
/* bloco de todo o miolo entre menu e rodape */
#meio {
	width: 980px;
	height: auto;
	clear: both;
	background: transparent;
	padding: 0 10px;
}
#rodape {
	clear: both;
	margin: 20px 0 0 0;
	width: 100%;
	height: 60px;
	background: #e6f1f8;
	overflow: hidden;
}
#superbannerinferior{
	width:728px;
	margin:15px auto;
}
/* bloco da esquerda que abrange a coluna 1 e 2 */
#conteudo {
	float: left;
	margin-right: 20px;
	height: 100%;
	width: 660px;		
	overflow: hidden;
}

#col_1 {
	float: left;
	margin-right: 15px;
	height: 100%;
	width: 345px;		
	overflow: hidden;
}
#col_2 {
	float: left;
	height: 100%;
	width: 300px;
	overflow: hidden;
}
/* coluna que fica a direita do id conteudo */
#col_3 {
	float: left;
	height: 100%;
	width: 300px;	
	overflow: hidden;
}



/*** topo ***/
#topo h1 {
	padding: 24px 0 0 14px;
	width: 198px;
	height: 34px;
	float:left;
}
#topo h1 a{
		width: 220px;
		height: 58px;
		display:block;
		overflow: hidden;
		text-indent: -99999px;
		background: transparent url(pimages/jbonline.gif) no-repeat left top;
		cursor: pointer;
}
#topo h1 a:hover{background: transparent url(pimages/jbonline_on.gif) no-repeat left top;}




















/*******
	menu
*******/

#menu li {
	float:left;
	background:transparent url(pimages/linha_menu.gif) no-repeat right center;
	padding: 0 8px;
	height:28px;
	font-size: 11px;
	line-height: 28px;
	vertical-align:middle;
}
#menu li:last-child {background: transparent none;}
#menu li a{
	font-size: 11px;
	color: #fff;
	line-height: 28px;
	vertical-align:middle;
}
#menu li a:hover {text-decoration:underline;}
#menu li.especiais a {color:#ffe400;}

.ed_capa #menu li.mn_capa a{font-weight:bolder;*text-decoration:underline;}
.ed_pais #menu li.mn_pais a{font-weight:bolder;*text-decoration:underline;}
.ed_rio #menu li.mn_rio a{font-weight:bolder !important;*text-decoration:underline !important;font-size:12px;}
.ed_economia #menu li.mn_economia a{font-weight:bolder;*text-decoration:underline;}
.ed_internacional #menu li.mn_internacional a{font-weight:bolder;*text-decoration:underline;}
.ed_esportes #menu li.mn_esportes a{font-weight:bolder;*text-decoration:underline;}
.ed_ciencia #menu li.mn_ciencia a{font-weight:bolder;*text-decoration:underline;}
.ed_cultura #menu li.mn_cultura a{font-weight:bolder;*text-decoration:underline;}
.ed_sociedadeaberta #menu li.mn_sociedadeaberta a{font-weight:bolder;*text-decoration:underline;}
.ed_carreiras #menu li.mn_carreiras a{font-weight:bolder;*text-decoration:underline;}



/*******
	data e clima 
*******/
.data_clima {
	border-bottom: 1px dashed #cdcdcd;
	margin-bottom: 1px;
	height:28px;
}
.datatexto {
	display: block;
	width: 200px;
	float:left;
	overflow: hidden;
	height: 26px;
  color:#014a76;
  font-size:10px;
  line-height: 26px;
	vertical-align: middle;
}
.data_clima .clima {
  color:#014a76;
  font-size:10px;
  line-height: 1.1em;
  height:26px;
  width:230px;
  overflow:hidden;
  float: right;
}
.data_clima .clima dl {
    float:left;
    padding: 5px 0 0 33px;
    height: 26px;
}
.data_clima .clima dl.clima_hoje {margin-right: 10px;}

.data_clima .clima_sol {background: transparent url(pimages/tempo/sol.jpg) no-repeat left top;}
.data_clima .clima_sol_nuvem {background: transparent url(pimages/tempo/sol_nuvem.jpg) no-repeat left top;}
.data_clima .clima_sol_chuva {background: transparent url(pimages/tempo/sol_chuva.jpg) no-repeat left top;}
.data_clima .clima_nublado {background: transparent url(pimages/tempo/nublado.jpg) no-repeat left top;}
.data_clima .clima_chuva {background: transparent url(pimages/tempo/chuva.jpg) no-repeat left top;}
.data_clima .clima_chuva_trovao {background: transparent url(pimages/tempo/chuva_trovao.jpg) no-repeat left top;}
.data_clima .clima_neve {background: transparent url(pimages/tempo/neve.jpg) no-repeat left top;}

.data_clima .clima dt {font-weight: bolder;display:inline;}
.data_clima .clima dd {display:inline;}




/********
	padroes conteudo
********/

/* bloco */
.bloco {
	border:1px solid #dddddf;
	padding:2px;
	height:auto;
}
#meio .bloco h2 {
	background: #e6f1f8;
	color:#0573b6;
	font-size:17px;
	line-height:1em;
	padding:6px;
	font-weight: normal;
	margin-bottom:2px;
}
#meio .bloco a{color:#0573b6;}
#meio .bloco a:hover{color:#44B3F4;}


/**bloco02 **/
.bloco02 {
	border:1px solid #dddddf;
	padding:2px;
	height:auto;
}
#meio .bloco02 h2 {
	background: #e6f1f8;
	color:#014a76;
	font-size:11px;
	line-height: 1.2em;
	padding:3px;
	font-weight: bolder;
	border-bottom:1px solid #014a76;
	margin-bottom:0;
}
#meio .bloco02 div{
	height: 100%;
	background: #e6f1f8;
	padding:5px 5px 0;
}
#meio .bloco02 div p {
	font-size:12px;
	color:#014a76;
	line-height:1.2em;
	margin: 2px 0 0.5em;
}
#meio .bloco02 div p a{color:#014a76;}
#meio .bloco02 div p.linkfinal {
	text-align: right;
	font-weight:bolder;
}
#meio .bloco02 div p a:hover {color:#0573b6;text-decoration:none;}
#meio .bloco02 div p.linkfinal a {
	background: transparent url(pimages/ic_coordenada.gif) no-repeat left 6px;
	padding-left:10px;
}


.semfio {border:0;}


/* dá espaçamento entre o bloco e o conteudo abaixo */
.separador {margin-bottom:15px;}

/* imagens */
.imgleft {float:left;margin:0 5px 5px 0;vertical-align:top;}
.imgright {float:right;margin:0 0 5px 5px;vertical-align:top;}
.img_capa img{border:1px solid #014a76;}
.ftnotleft {float:left; margin-right:10px;}
.ftnotright {float:right; margin-left:10px;}


#meio h1 {
	font-size:15px;
	color: #014a76;
	line-height: 1.2em;
	font-weight: bolder;
	padding: 4px 0 3px;
}
#meio h1 a{color: #014a76;}
#meio h1 a:hover {color:#0573b6;text-decoration:none;}
#meio h2{
	color:#0573b6;
	font-size:13px;
	padding-top:10px;
}
#meio p {
color: #2a2a2a;
font-size:12px;
line-height: 1.2em;
margin: 2px 0 0.7em;
}

#meio ul li {
color: #2a2a2a;
font-size:12px;
line-height: 1.3em;
margin: 2px 0 0.8em;
}
#meio p a, #meio ul.lista01 li a{color: #2a2a2a;}
#meio p a:hover, #meio ul.lista01 li a:hover{color:#0573b6;text-decoration:none;}
#meio ul li a:hover{color:#0573b6 !important;}

/* chapeu e assinatura */
#meio h2.chapeu {clear:both;}
#meio .chapeu {
	font-size:10px;
	color:#014a76;
	text-transform: uppercase;
	display:block;
	border-bottom: 1px dashed #cdcdcd;
	margin-bottom: 1px;
	font-weight:normal;
	padding-top:8px;
}
#meio .chapeu a{color:#014a76;}
#meio .chapeu a:hover{color:#0573b6;}


#meio small.assinatura {
	font-size:10px;
	color:#333;
	font-style: italic;
	display:block;
	margin: -0.7em 0 1.5em;
}

/* coordenada */
#meio ul.coordenada {
	margin: 0 0 15px 0.7em;
}
#meio ul.coordenada li {
	background: transparent url(pimages/ic_coordenada.gif) no-repeat left 4px;
	padding: 0 0 0 10px;
	color:#014a76;
	vertical-align: top;
	line-height: 1em;
	margin-bottom:2px;
}
#meio ul.coordenada li a{
	font-size:11px;
	color:#014a76;
	vertical-align: top;
	line-height: 1.3em;
}

/* listas */
#meio ul.lista01 li {
	border-bottom: 1px dashed #cdcdcd;
	padding: 8px 5px;
	margin:0;
	line-height:1.2em;
	height: 100%;
	clear:both;
}
#meio ul.lista01 li:last-child {border:none;}
#meio ul.lista01 li strong {color:#014a76;}

#meio ul.lista02 li {
	padding:5px;
	margin:0 0 2px;
	*margin:0;
	height: 100%;
	background: #e6f1f8;
}
#meio ul.lista02 li:last-child {margin:0;}
#meio ul.lista03 li {
	background: transparent url(pimages/ic_coordenada.gif) no-repeat left 4px;
	padding: 0 0 0 10px;
	color:#014a76;
	vertical-align: top;
	line-height: 1em;
	margin-bottom:2px;
}
#meio ul.lista03 li a{
	font-size:11px;
	color:#014a76;
	vertical-align: top;
	line-height: 1.3em;
}

#meio ul.lista04 li {
	background: transparent url(pimages/bullet.gif) no-repeat left 5px;
	padding: 0 0 0 10px;
	color:#014a76;
	vertical-align: top;
	line-height: 1em;
	margin: 8px 0 8px;
}
#meio ul.lista04 li a{
	font-size:12px;
	font-weight: bolder;
	color:#014a76;
	vertical-align: top;
	line-height: 1.3em;
}


/* pequeno bloco de diagramacao 1, 2 ou 1, 2 e 3 */
.um_dois {
	float:left;
	width:165px;
	margin-right: 15px;
	overflow: hidden;
	height: 100%;
}
.dois_dois {
	float:left;
	width:165px;
	overflow: hidden;
	height: 100%;
}

#col_2 .bloco_destaques div {width:140px;}

/** colunistas e jblogs ***/
#meio .jblogs .lista01 li{min-height: 51px;}

#meio .bloco .lista01 .chapeu{
	font-size:10px;
	color:#014a76;
	text-transform: uppercase;
	display:block;
	border-bottom: none !important;
	line-height: 1em !important;
	padding:0 !important;
	margin-bottom: 4px;
}
#meio .bloco .lista01 .chapeu a{color:#014a76;}
#meio .bloco .lista01 h1 {
	font-size:15px;
	color: #014a76;
	line-height: 1.1em;
	font-weight: bolder;
	padding: 0 0 3px;
}
#meio .bloco .lista01 h1 a{color: #014a76;}
#meio p.mais {
	text-align: right;
	font-size: 11px;
	margin: 3px;
	clear:both;
}
#meio p.mais a{color: #014a76;}










/********
	capa 
********/
.manchete h1{font-size: 21px !important;font-weight: bold !important;}
.manchete {width:345px !important;}

.bloco_destaques {margin-bottom: 10px;clear:both;}
.bloco_destaques p{
	margin: 2px 0 0.4em !important;
}

#buscanoticias {
	background: #fff url(pimages/bg_busca.jpg) repeat-x left bottom;
	border:1px solid #dddddf;
	padding: 2px 12px;
	height: 25px;
	vertical-align:middle;
}
#buscanoticias label {
	color:#014a76;
	font-size: 10px;
	font-weight:bolder;
	vertical-align:middle;
	padding-right:10px;
}
#buscanoticias input#q {
	width: 146px;
	height: 14px;
	background: #fff;
	font: normal 11px 'trebuchet ms';
	padding: 2px;
	border:1px solid #dddddf;
	vertical-align:middle;
	background: #f6fafd;
}
#buscanoticias input#sa {
	background: transparent;
	color: #0573b6;
	font-size:13px;
	font-weight: bolder;
	width:20px;
	border:none;
	line-height: 20px;
	vertical-align:top;
	cursor: pointer;
	text-transform:lowercase;
}
#buscanoticias input#sa:hover {color: #44B3F4;}
#buscanoticias input:focus {background:#fff !important; border:1px solid #c4c6ca !important; color: #0573b6;}


.outrasnoticias h2 {
	font-size:10px !important;
	color:#014a76 !important;
	text-transform: uppercase;
	border-bottom: 1px dashed #cdcdcd;
	margin-bottom: 5px !important;
	font-weight:normal;
}
.outrasnoticias h2 a{color:#014a76;}
.outrasnoticias h2 a:hover{color:#0573b6;}

#meio .lista01 .jbinterativo-editoria {
	display: block;
	text-transform: uppercase;
	margin-bottom:4px;
}


/*********
enquete aberta
***********/
.enquete {
	border:1px solid #0573b6;
	padding:2px;
	height:auto;
	text-align: left;
}
.enquete h2 {
	background: #0573b6;
	color:#fff;
	font-size:14px;
	line-height: 1.2em;
	padding:5px 3px;
	font-weight: bolder;
	border-bottom:1px solid #fff;
	margin-bottom:5px;
}
/*.enquete h2 {
	background: #e6f1f8;
	color:#014a76;
	font-size:11px;
	line-height: 1.2em;
	padding:3px;
	font-weight: bolder;
	border-bottom:1px solid #014a76;
	margin-bottom:0;
} */
.enquete div{
	height: 100%;
	background: #e6f1f8;
	padding:5px 5px 0;
}
.enquete div p {
	font-size:12px;
	color:#014a76;
	line-height:1.2em;
	margin: 2px 0 0.5em;
}
.enquete div p a{color:#014a76;}
.enquete div p.linkfinal {
	text-align: right;
	font-weight:bolder;
}
.enquete div p a:hover {color:#0573b6;text-decoration:none;}
.enquete div p.linkfinal a {
	background: transparent url(pimages/ic_coordenada.gif) no-repeat left 6px;
	padding-left:10px;
}
.enquete form {height: 100%; margin-bottom: 1em;}
.enquete form label {
	display:block;
	text-align: left;
	color:#014a76;
	font-size:11px;
	margin: 0.5em 0;
	font-weight: bolder;
}
.enquete form input	{
	width:14px !important;
	height:14px !important;
	vertical-align: middle !important;
	margin-right:3px !important;
	border:none !important;
}
.enquete form .enviar {
	background: #0573b6;
	color:#fff;
}





/************************************************************
CSS antigo - ainda não podemos apaga-lo até sabermos o que vamos reutilizar ou não
*************************************************************/





/*** classes individuais ***/
.slideshow {
	height: 100%;
	position: relative;
}
#meio .slideshow a {
	display:block;
	margin:0;
	padding:0 0 2px;
}
#meio .slideshow .leg_slide .legenda {
	color:#fff;
	margin:0;
	font-size:11px;
	width:200px;
	float:left;
}
#meio .slideshow .legenda a{color:#e6f1f8;}
#meio .slideshow .legenda a:hover {color:#fff;}
#meio .slideshow .leg_slide {
	width:284px;
	padding: 5px;
	background: #0573b6;
}
#meio .slideshow .leg_slide .bt_slide {
	float:right;
	width:60px;
	margin-left:10px;
	text-align:center;
	padding-top:3px;
}
#meio .slideshow .bt_slide a {padding:0;margin:0;display:inline; cursor: pointer}


.fotogaleria {}
#meio .fotogaleria a {
	display:block;
	margin:0;
	padding:0 0 2px;
	overflow:hidden;
}
#meio .fotogaleria .legenda {
	color:#fff;
	margin:0;
	font-size:11px;
	padding: 5px;
	background: #0573b6;
}
#meio .fotogaleria .legenda a{color:#e6f1f8;}
#meio .fotogaleria .legenda a:hover {color:#fff;}


.destaques div{
	background: #0573b6;
	padding:5px 5px 0 3px;
	vertical-align:top;
	height:100%;
}
#meio .destaques div h1 {margin-bottom: 0.4em;}
#meio .destaques div h1, #meio .destaques div h1 a,#meio .destaques div h1 a:hover {color:#fff;font-size:15px;padding:0;}

#meio .coluna .imgleft {margin-bottom:0;}
#meio .coluna p{
	clear:both;
	line-height: 1.2em;
	margin: 2px 0 0.5em;
}






/** multimidia ***/
#meio .multimidia .imgleft, #meio .multimidia p{margin-bottom:0;}
#meio .multimidia h1 {font-size:13px;padding:0;font-weight:bolder;}
#meio .multimidia p {font-size:11px;}
#meio .multimidia ul {height:100%;}
#meio .multimidia ul li {height:100%;}
/** ee  e suplementos ***/
.edicaoeletronica div, .suplementos div{
	background: #e6f1f8;
	padding:5px 5px 0;
	vertical-align:top;
	height: 100%;
}

.suplementos ul, .edicaoeletronica ul {
	width:150px;
	height: auto;
	float:left;
}
#meio .edicaoeletronica ul.edicoesanteriores {margin-top:10px !important;}
#meio .edicaoeletronica ul.edicoesanteriores small {
	color: #333;
	font-size:10px;
}
div.edicaoeletronica a.img_capa img {width: 125px;}








/*** rodape ***/
#rodape h1 {
	float: right;
	padding:15px;
}
#rodape h1 a{
		width: 156px;
		height: 31px;
		display:block;
		overflow: hidden;
		text-indent: -99999px;
		background: transparent url(pimages/jbonline_menor.gif) no-repeat left top;
		cursor: pointer;
}


/** menu **/
#rodape ul {padding-top:15px;height:18px;}
#rodape ul li {
	float:left;
	background:transparent url(pimages/linha_menu_rodape.gif) no-repeat right center;
	padding: 0 10px;
	height:18px;
	font-size: 11px;
	line-height: 18px;
	vertical-align:middle;
}
#rodape ul li:last-child {background: transparent none;}
#rodape ul li a{
	font-size: 11px;
	color: #014a76;
	line-height: 18px;
	vertical-align:middle;
}
#rodape li a:hover {text-decoration:underline;}
#rodape small {
	color:#7d7d7d;
	display:block;
	font-size:10px;
	clear:left;
	padding: 0 10px;
	line-height:1.2em;
}








/*** pseudo classes *****/



/**** microformats ******/
.type {display:none;}


/************
TEMPLATE INTERNA
**************/

.tpl_interna #meio {
	width: 100%;
	height: auto;
	clear: both;
}
.tpl_interna #col_1 {width: 505px;}
.tpl_interna #col_2 {width: 140px;}
.tpl_interna #meio #col_1 p{
	line-height: 1.4em;
	margin-bottom: 1.4em;
}
#meio #col_1 p.info_data {
font-weight: bolder;
font-size: 10px;
margin-bottom:30px;
}
.tpl_interna #meio #col_1 .publicidade {
	border-top: 1px dashed #cdcdcd;
	border-bottom: 1px dashed #cdcdcd;
	padding: 8px 0 8px 26px;
	/*height: 60px;*/
}

.tpl_interna #meio #col_1 .fotoNoticia {
    background: red;
    padding: 5px;
    background: #F3F3F3;
    border: 1px solid #DADADA;
}


.tpl_interna #meio #col_1 .fotoNoticia img {
    width: 493px;
    margin-bottom: 5px;
}

.tpl_interna #meio #col_1 .ftnotright img {
    width: 295px;
}

.tpl_interna #meio #col_1 .fotoNoticia span {
    background: #DADADA;
    padding: 2px 5px;
    font-size: 11px;
    color: #504E4F;
    display: block;
}


/*** controles ***/
#meio #col_1 .controles {
	width: 505px;
	overflow: hidden;
	height: auto;
	padding-bottom: 0;
	border-bottom: 1px dashed #cdcdcd;
	margin-bottom:10px;
}
#meio #col_1 .controles small.chapeu {
	border:none;
	float:left;
	width:105px;
	padding-top:3px;
    text-transform: uppercase;
}
#meio #col_1 .controles ul li {
	font-size: 9px;
	float: left;
	padding-right: 10px;
}
#meio #col_1 .controles ul li:last-child {padding:0;}
#meio #col_1 .controles ul li a {font-size: 9px;vertical-align: middle;color: #0573b6;}
#meio #col_1 .controles ul li a:hover {text-decoration: none; color:#44b3f4;}
#meio #col_1 .controles ul li a img {vertical-align: middle;}

#meio #col_1 .controles ul.controle {float: right;}
/*** controles ***/



/*** comentarios ***/
#meio .comentar {
	float: left;
	width: 210px;
	overflow: hidden;
	clear: none;
	border: none;
	margin-right: 15px;
	padding: 5px;
}
#meio .comentar label {
	font-size: 12px;
	color: #2a2a2a;
	display: block;
	margin-top: 7px;
}
#meio input {
	width: 206px;
	height: 20px;
	border:1px solid #bcbcbc;
	vertical-align: middle;
	font-family: "trebuchet ms";
	font-size: 12px;
	color: #2a2a2a;
}
#meio input:focus, #meio textarea:focus {border:1px solid #0573b6;color: #0573b6;}
#meio textarea {
	width: 206px;
	height: 100px;
	border:1px solid #bcbcbc;
	vertical-align: middle;
	font-family: "trebuchet ms";
	font-size: 12px;
	color: #2a2a2a;
}
#meio .ver_comentario {
	float: left;
	width: 246px;
	overflow: hidden;
	clear: none;
	border: none;
	padding: 5px;
}
#meio .ver_comentario p {text-align: right;}
#meio .ver_comentario p a{
	color: #014a76;
	font-weight: bolder;
}
#meio .ver_comentario p a:hover {color:#0573b6;}
#meio .ver_comentario div{
	height: 185px;
	width: 232px;
	padding: 15px 0 15px 15px;
	border: none;
	overflow-y: auto;
	margin-bottom: 15px;
}
#meio .ver_comentario div p {text-align: left;width: 220px;border-bottom: 1px dashed #cdcdcd;padding-bottom: 10px;}
#meio .ver_comentario div p strong{display: block;font-size: 13px; color: #0573b6;margin-bottom: 2px;}

#meio .comentar input#submit {
	color: #014a76;
	font-size:18px;
	cursor: pointer;
	background: #fff;
	border:none;
	width:100%;
	text-align: right;
	margin-top:3px;
}
#meio .comentar input#submit:hover {color:#0573b6;}
/*** comentarios ****/







/************
TEMPLATE ESTATICA
**************/

.tpl_estatica #meio {
	width: 1000px !important;
	height: auto;
	clear: both;
	background: transparent url(pimages/bg_meio_interna.jpg) repeat-y left top;
	margin:0 !important;
	padding: 0 !important;
}
.tpl_estatica #col_1 {width: 520px;}
.tpl_estatica #col_2 {width: 140px;}

.tpl_estatica #meio #col_1 h1 {
	margin: 0px 0 10px;
}
#meio address {
font-style: normal;
font-size: 10px;
margin:20px 0 10px;
color: #2a2a2a;
line-height: 1.3em;
}

#anuncie #meio #col_1 h1 {
	margin: 0px 0 10px;
	font-size:20px;
}
#anuncie h2 a.pdf {
	background: transparent url(http://www.jbonline.com.br/pimages/ic_pdf.jpg) no-repeat right center !important;
	padding-right: 20px !important;
	color:#0573b6;
}
#anuncie h2 a.pdf:hover {text-decoration: underline;}

table.formatos {
	width: 100%;
	border-collapse:collapse;
	font: normal 11px "trebuchet ms";
	margin-bottom:30px;
	height:auto;
}
table.formatos thead th {font-size:11px;background: #0573b6;padding:5px;color: #fff;}
table.formatos tbody tr td {font-size:11px;padding:5px;color: #2a2a2a;}
table.formatos tbody tr {background:#e6f1f8;}
table.formatos tbody tr.tbl_01 {background:#f8fbfd;}
table.formatos tfoot {background: #0573b6;font-size:10px;color:#fff;}
table.formatos tfoot tr td {font-size:10px;padding:5px;color: #fff;}

p.paginacao{
	padding-top:10px;
	text-align:center;
	font-weight:bold;
}



div.tempo_real a.mais_noticias:hover {text-decoration: none; color:#44b3f4;}
#corpoNoticia { margin-bottom: 30px; }
#corpoNoticia p { font-size: 1.2em; }

#meio #corpoNoticia h1 { font-size: 23px;}

#fotodiaload { width: 354px; height: 294px; background: white url('http://www.jbonline.com.br/pimages/galeriaload.gif') center center no-repeat; position: absolute; bottom: 0px; z-index: 5 ;}


#meio h2.fr2009 {
	height:45px;
	margin-bottom:15px;
	background: transparent url(http://www.jb.com.br/pimages/bgfr.jpg) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

.thickbox{
}


#russiahoje h2{
	height:60px;
	margin:0 1px 15px;
	background: transparent url(http://www.jb.com.br/pimages/russiahoje.jpg) no-repeat left top;
	text-indent: -99999px;
}
#cartadevinhos h2{
	height:68px;
	margin:0 1px 15px;
	background: transparent url(http://www.jb.com.br/pimages/cartadevinhos.jpg) no-repeat left top;
	text-indent: -99999px;
}
#carreiras h2{
	height:60px;
	display:block;
	margin:-10px 1px 15px;
	background: transparent url(http://www.jb.com.br/pimages/topojbconcursos.jpg) no-repeat left top;
	text-indent: -99999px;
}
#carreiras h2 a{
	height:60px;
	display:block;
	text-indent: -99999px;
}


/*****************
bloco especial carnaval2009
*****************/
#meio div.esp_carnaval2009 {
	border:1px solid #f8e0ec;
	margin-bottom:20px;
	height:100%;
}
#meio div.esp_carnaval2009 h2 {
	margin:0;
	padding:0;
}
#meio div.esp_carnaval2009 h2 a{
		width: 100%;
		height: 40px;
		display:block;
		overflow: hidden;
		text-indent: -99999px;
		background: transparent url(pimages/tt_esp_carnaval2009.jpg) repeat-x left top;
}
#meio div.esp_carnaval2009 div {padding:2px;}
#meio div.esp_carnaval2009 h1 a {
font-size:18px;
color:#ec028b;
line-height: 1.1em;
}
#meio div.esp_carnaval2009 p a:hover {color:#f53ea9;}

#meio div.esp_carnaval2009 .imgleft {margin-bottom:0;}
#meio div.esp_carnaval2009 p{
	clear: both;
	line-height: 1.2em;
	margin: 2px 0 0.5em;
}




/*****************
bloco especial carioca2009
*****************/
#meio div.esp_carioca2009 {
	border:1px solid #008a3f;
	margin-bottom:20px 0;
	height:100%;
}
#meio div.esp_carioca2009 h2 {
	margin:0;
	padding:0;
}
#meio div.esp_carioca2009 h2 a{
		width: 100%;
		height: 40px;
		display:block;
		overflow: hidden;
		text-indent: -9999px;
		background: transparent url(pimages/tt_esp_carioca2009.jpg) repeat-x left top;
}
#meio div.esp_carioca2009 div {padding:2px;}
#meio div.esp_carioca2009 h1 a {
font-size:18px;
color:#008a3f;
line-height: 1.1em;
}
#meio div.esp_carioca2009 p a:hover {color:#207ac9;}

#meio div.esp_carioca2009 .imgleft {margin-bottom:0;}
#meio div.esp_carioca2009 p{
	clear: both;
	line-height: 1.2em;
	margin: 2px 0 0.5em;
}






/*****************
bloco especial carnaval 2010
*****************/
#meio h2.carnaval2010 a{
	background: url(/pimages/header-carnaval.jpg) no-repeat !important;
	color:#E6F1F8;
	width:345px;
	height:53px;
	display:block;
	font-size:17px;
	font-weight:normal;
	line-height:1em;
	padding:0;
	margin:0;
	text-indent:-999999px;
}
#meio div.carnaval2010{
	/* background-color:#57c9fb; */
	background: url(/pimages/bg-carnaval-2010.jpg) repeat-y !important;
	height:auto;
	overflow:hidden;
	margin:0 0 10px 0;
	border-color:#d4c6f7;
}

#meio div.carnaval2010 h1 a{
	color:#306810;
}
#meio div.carnaval2010 h1 a:hover{
	color:#4da71b;
}
#meio div.carnaval2010 p a:hover{
	color:#306810;
}
#meio div.carnaval2010 ul.coordenada li a{
	color:#3300b6;
}






/******
botao jb de hoje
********/
.bt_jbdehoje a{
	display:block;
	width:145px;
	height: 22px;
	background: transparent url(pimages/bt_jbdehoje_off.jpg) no-repeat right top;
	text-indent: -99999px;
	overflow: hidden;
	cursor: pointer;
}
.bt_jbdehoje a:hover{background: transparent url(pimages/bt_jbdehoje_on.jpg) no-repeat right top;}


/******
Modificaes - Leia JB
********/
div#editoria a.grifa em { display: block; color: gray }




/**********
programacao cultura 
***********/
.prog {}
.prog form {
	width: 230px;
	margin: 20px auto;
	background: #e6f1f8;
	padding: 15px;
}
.prog form label {
	vertical-align: middle;
	font-family: "trebuchet ms";
	font-size: 15px;
	font-weight: bolder;
	color: #014a76;
	margin-bottom: 2px;
}
.prog form select {
	width: 230px;
	height:20px;
	background: #fff;
	vertical-align: middle;
	font-family: "trebuchet ms";
	font-size: 12px;
	color: #2a2a2a;
	margin-bottom: 5px;
}
.prog form select option {
	background: #fff;
	vertical-align: middle;
	font-family: "trebuchet ms";
	font-size: 12px;
	color: #2a2a2a;
}
.prog form input {
	background: #fff;
	border:1px solid #dddddf;
	color:#0573B6 !important;
	cursor:pointer;
	font-size:13px;
	font-weight:bolder;
	line-height:20px;
	vertical-align:top;
	width:80px !important;
	display:block;
	float:right;
	margin-top:8px;
}
.prog form input:hover {
	border:1px solid #0573B6 !important;
	background:#0573B6 !important;
	color:#fff !important;
	cursor:pointer;
	font-size:13px;
	font-weight:bolder;
	line-height:20px;
	vertical-align:top;
	width:80px !important;
	display:block;
	float:right;
	margin-top:8px;
}
#meio h1.tt_prog_filme {
	clear:both;
	margin-top: 15px;
}
#meio h1.tt_prog_filme img {vertical-align: middle;}
.prog_cinemas {
	color: #2a2a2a;
	font-size:11px;
	line-height: 1.2em;
	display: inline;
	padding-right: 5px;
}
.prog_cinemas dt {font-weight: bolder;padding-right: 3px;display: inline;}
.prog_cinemas dd {display: inline;}

#editoria h2 a {
	color: #0573B6;
	font-family:'Trebuchet ms','Lucida sans',Verdana,Arial,Helvetica,sans-serif;
}



/******
Cabeça Flip 2009
******/
#meio h2.flip2009 {
	height:45px;
	/*margin-bottom:15px;*/
	background: transparent url(http://www.jb.com.br/pimages/bg_topo_flip2009.jpg) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

/******
Bloco Especial Genérico
******/

#meio .bloco_especial{
	border:1px solid #DDDDDF;

	height:auto;

	padding:5px;
	border-top:0;

}
#meio h2.chapeu_especial{
	background:#000 none repeat scroll 0 0;
	color:#E6F1F8;
	font-size:17px;
	font-weight:normal;
	line-height:1em;
	padding-top:0;
}
.especial_destaque1 {
	float:left;
	width:160px;
	margin-right: 12px;
	overflow: hidden;
	min-height: 110px;
	height:100%;
	*height:120px;
}
.especial_destaque2 {
	float:left;
	width:160px;
	overflow: hidden;
	min-height: 110px;
	height:100%;
	*height:120px;
}

/**********
Especial Rio 2016
**********/
#meio h2.rio2016{
	background: url(pimages/header_rio2016.jpg) no-repeat !important;
	color:#E6F1F8;
	width:345px;
	height:53px;
	font-size:17px;
	font-weight:normal;
	line-height:1em;
	padding:6px;
}
#meio div.rio2016{
	border:none !important;
}


/**********
Especial Carioca 2010
**********/
#meio h2.carioca2010{
	background: url(pimages/header_carioca2010.jpg) no-repeat !important;
	color:#E6F1F8;
	width:345px;
	height:53px;
	font-size:17px;
	font-weight:normal;
	line-height:1em;
	padding:0;
	margin:0;
}
#meio div.carioca2010{
	background-color:#F4FBEC;
	height:auto;
	overflow:hidden;
}

#meio div.carioca2010 h1 a{
	color:#3b6d05;
}
#meio div.carioca2010 h1 a:hover{
	color:#62a01e;
}
#meio div.carioca2010 p a:hover{
	color:#62a01e;
}
#meio div.carioca2010 ul.coordenada li a{
	color:#3B6D05;
}



/**********
Especial Brasil Colombia
**********/
#meio h2.brasil_colombia{
	background: url(pimages/brasil_colombia.jpg) no-repeat !important;
	width:339px;
	height:82px;
	padding:0 !important;
}

/**********
Resolvendo o bug do chkm8 para alguns flashes
**********/
body div embed#checkm8Ad_1{
	position:absolute;
	right:0;
	top:0;
}


/*ESPECIAL INFERNO DAS ÁGUAS*/


#meio h2.especialrio{
	background: url(pimages/infernoaguas.jpg) no-repeat !important;
	color:#E6F1F8;
	width:345px;
	height:53px;
	font-size:17px;
	font-weight:normal;
	line-height:1em;
	padding:0;
	margin:0;
	margin-top: 6px;
	text-indent: -9999px;
}

#meio h2.especialrio a {
	display: block;
	width: 345px;
	height: 53px;
}


#meio div.especialrio{
	background-color:#e7e7e7;
	height:auto;
	overflow:hidden;
}

#meio #col_1 h2.especialrio2 {
	margin-top: 0;
}

#meio div.especialrio h1 a{
	color:#900006
}
#meio div.especialrio h1 a:hover{
	color:#4a0003;
}
#meio div.especialrio p a:hover{
	color:#4a0003;
}
#meio div.especialrio ul.coordenada li a{
	color:#900006;
}

#meio div.especialrio ul.coordenada li a:hover {
	color: #4a0003 !important; 
}

/*ESPECIAL JB 119 ANOS*/

.jb119anos {
	height: auto; 
	background: #DDC193;
	padding:5px;
	border:1px solid #000;
	border-top: 0;
	width: auto;
}

#meio #conteudo .chapeuespecial_jb119anos {
	background: url(pimages/jb119anos.jpg) no-repeat; 
	width: 343px;
	height: 53px;
	padding: 0;
	border:1px solid #000;
	border-bottom: 0;
}

#meio .jb119anos h2.chapeu {
	color: #000;
	border-bottom:1px dashed #fff;
}

#meio .jb119anos h1 a {
	color: #000;
}

#meio .jb119anos h1 a:hover {
	color: #303030;
}


#meio .jb119anos a:hover {
	color: #545454 !important;
}


/*COPA2010*/

#meio h2.copa2010 {
	background:url("http://www.jbonline.com.br/pimages/selo-copaesporte.jpg") no-repeat scroll 0 0 transparent !important;
	clear:both;
	color:#E6F1F8;
	font-size:17px;
	font-weight:normal;
	height:53px;
	line-height:1em;
	margin:0;
	padding:0;
	width:345px;
	text-indent:-9999px;
}

#meio div.copa2010 {
	background-color:#efffd4;
	height:auto;
	overflow:hidden;
}
	
#meio div.copa2010 h1 a , #meio div.copa2010 ul.coordenada li a {
	color: #064800;
}

#meio div.copa2010 h1 a:hover , #meio div.copa2010 ul.coordenada li a:hover {
	color: #155590 !important;
}

#meio div.copa2010 p a:hover {
	color: #155590 !important;
}


#meio .esportes-noticias {
	height: auto;
	border:1px solid #CCCCCC;
	padding: 2px;

}

#meio .esportes-noticias h1 {
	padding: 5px 5px 0;
}

#meio .esportes-noticias p {
	padding: 5px;
}

#meio .chapeu_esportes {
	background: #E6F1F8;
	display:block;
	font-size:15px;
	color:#0573B6;
	font-size:17px;
	padding:6px;
	font-weight:normal;
	line-height:1em;
	margin-bottom:2px;
	text-transform:uppercase;
}

#meio .copa2010 h1.mancheteprincipal {
	font-size:22px;
}