/*
Jornal de Hoje
*/

@import 'css_reset.css';

@media screen {

body {
font-family: Arial, Tahoma, Sans-serif;
font-size: 12px;
text-align: center;
padding: 10px 0 0;
}

#form_comentar {
	float: left;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px solid #f7f7f7;
}

.next {
	margin-top: 10px;
	float: right;
	margin-right: 10px;
	z-index: 999;
}

.next a {
	background: none !important;
}

.center { text-align: center; }


#geral {
text-align: left;
background: url(../imgs/bg_topo_tile.gif) top repeat-x;
margin: 0 auto;
}


/* BANNER */

#banner {
width: 100%;
overflow: hidden;
}

#banner .inner {
width: 946px;
height: 90px;
overflow: hidden;
margin: 0 auto;
padding: 12px 18px;
background: url(../imgs/bg_banner.gif) top left no-repeat;
}

#banner .button {
float: right;
border: 1px solid #FFF;
width: 196px;
height: 90px;
display: block;
}

#banner .superbanner {
border: 1px solid #FFF;
width: 728px;
height: 90px;
float: left;
}


/* TOPO */

#topo {
width: 100%;
overflow: hidden;
background: url(../imgs/bg_topo.gif) bottom repeat-x;
}

#topo .inner {
padding: 20px 0;
width: 982px;
overflow: hidden;
margin: 0 auto;
}

#topo h1 {
width: 184px;
height: 38px;
float: left;
}

#topo .menu {
float: right;
width: 755px;
height: 73px;
display: block;
background: url(../imgs/menu_normal.png) repeat-x 0 top;
}

#topo .logo {
	display: block;
	width: 190px;
	float: left;
}

#topo .logo img {
	margin-left: 3px;
}

#topo .menu ul {
width: 755px;
height: 36px;
display: block;
}

#submenu {
	display: block;
	width: 755px;
	height: 37px;
	background: url(../imgs/submenu.png) no-repeat;
}

#submenu.primeira_ed {
	background: url(../imgs/submenu_1a.png) no-repeat;
}

.submenu.primeira_ed {
	background: url(../imgs/menu_aba_selecionada_1a.png) no-repeat left bottom;
}

#submenu li {
	display: block;
	width: 140px;
}

#submenu a {
	width: 140px;
	color: #fff;
	padding: 14px 0px 6px 0px !important;
	*margin-left: 0;
	color: #fff !important;
	text-align: center !important;
	background: url(../imgs/dotted.gif) no-repeat 0 11px;
}

#submenu_container {
	float: left;
	display: block;
	width: 600px;
	overflow: hidden;
}


#topo .menu ul li { float: left;  }

#topo .menu li a {
float: left;
padding: 14px 16px 6px 15px;
color: #696666;
text-decoration: none;
text-align: center;
}

#topo .submenu ul {
	display: block;
	width: 755px;
	clear: both;
	float: left;
}
.submenu {
	width: 73px;
	height: 36px;
	background: url(../imgs/menu_aba_selecionada.png) no-repeat left bottom;
}

.submenu a {
	color: #fff;
	color: #fff !important;
}

/**/

#principal {
width: 100%;
overflow: hidden;
background: url(../imgs/bg_conteudo.gif) top repeat-x;
}

#principal .inner {
width: 982px;
overflow: hidden;
margin: 20px auto;
}


/* FERRAMENTAS */

#ferramentas {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}

#ferramentas #climatempo {
float: left;
width: 201px;
height: 20px;
padding: 8px 12px 8px 8px;
background: url(../imgs/bg_climatempo.gif) top left no-repeat;
font-size: 10px;
overflow: hidden;
margin-right: 5px;
border-right: 1px dotted #000;
}

#ferramentas #climatempo .data {
width: 145px;
float: left;
}

#ferramentas #climatempo .data img { float: left; padding: 3px 7px 0 0; }
#ferramentas #climatempo .data strong { display: block; }

#ferramentas #climatempo .clima_min,
#ferramentas #climatempo .clima_max { float: left; width: 28px; text-align: center; }



#ferramentas .direita {
width: 747px;
height: 28px;
padding: 4px;
float: right;
background: url(../imgs/bg_ferramentas.gif) top left no-repeat;
}

#ferramentas .direita .icos { display: block; float: left; padding-right: 10px; }
#ferramentas .direita .icos img { float: left; }

#ferramentas #plantao {
	width: 600px;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
}
#ferramentas .direita .plantao_item {
	display: block;
	width: 600px;
	float: left;
}

.autor {
	font-style: italic;
	font-size: 0.9em;
}
#ferramentas .direita .ultimas_noticias { padding: 8px; color: #cecdcd; }

#ferramentas .direita .ultimas_noticias .categoria { color: #5289b7; padding-right: 8px; }
#ferramentas .direita .ultimas_noticias .hora { font-size: 10px; color: #f6a600; padding: 5px; }
#ferramentas .direita .ultimas_noticias .titulo {color: #283858; padding-left: 8px; }




#barra_lateral {
width: 215px;
float: left;
padding-right: 10px;
}

#busca {
padding-top: 40px;
background: url(../imgs/bg_box_busca.gif) top left no-repeat;
margin-bottom: 25px;
}

#busca h3.titulo_box { display: none; }

#busca input {
width: 190px;
height: 15px;
padding: 8px 10px 7px;
font-size: 11px;
border-top: 1px solid #D6D6D6;
border-left: 1px solid #D6D6D6;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
color: #696666;
background: #FBFAFA url(../imgs/bg_input_busca.gif) left no-repeat;
}

#busca p {
font-size: 11px;
margin: 3px 5px 0 0;
color: #696666;
}

#busca p img {
vertical-align: middle;
}


#capa_jornal {
padding-top: 25px;
background: url(../imgs/bg_box_jornal_de_hoje.gif) top left no-repeat;
margin-bottom: 25px;
}
#capa_jornal h3.titulo_box { display: none; }

#capa_jornal .capa { border: 1px solid #F3F0F0; }



#assembleia_legislativa .noticia {
width: 205px;
background: url(../imgs/bg_dotted.gif) bottom repeat-x;
padding: 10px 5px 11px;
}

#assembleia_legislativa .noticia h3 {
margin-bottom: 10px;
}

#assembleia_legislativa .noticia h3 a {
font-size: 16px;
color: #b80328;
text-decoration: none;
}

#assembleia_legislativa .noticia p a {
color: #696666;
margin-bottom: 10px;
line-height: 1.3em;
}




#conteudo {
width: 755px;
float: right;
}

#destaque_principal {
width: 422px;
float: left;
}

#destaque_principal .data {
font-size: 27px;
color: #d3d3d3;
width: 35px;
text-align: center;
float: left;
height: 45px;
}

#destaque_principal .data .mes { font-size: 16px; float: left; }
#destaque_principal .data .dia { float: left; }

#destaque_principal h2 {
float: right;
display: block;
width: 385px;
padding-top: 1px;
}

#destaque_principal h2 a {
font-size: 18px;
color: #b80328;
text-decoration: none;
line-height: 1.2em;
}

#destaque_principal img.principal {
padding: 1px;
border: 1px solid #E2EFEF;
margin-top: 8px;
width: 418px;
height: 267px;
}

#destaque_principal .credito {
background: #333;
font-size: 10px;
color: #FFF;
padding: 5px;
position: relative;
float: right;
margin: -30px 2px 0 0;
opacity: 0.8;
}


.destaque_noticias {
width: 310px;
float: right;
}

.destaque_noticias .noticia {
background: url(../imgs/bg_dotted.gif) bottom repeat-x;
margin-bottom: 10px;
padding-bottom: 12px;
}

.destaque_noticias .data {
float: left;
width: 49px;
height: 19px;
padding: 9px 0;
background: url(../imgs/bg_data.gif) top left no-repeat;
text-align: center;
font-size: 18px;
font-weight: bold;
letter-spacing: -0.05em;
color: #FFF;
margin-right: 6px;
}

.destaque_noticias h3 {
padding-top: 3px;
}

.destaque_noticias h3 a {
font-size: 15px;
color: #b80328;
text-decoration: none;
line-height: 1.0em;
}

.destaque_noticias p {
clear: both;
margin-top: 5px;
}

.destaque_noticias p a {
color: #696666;
line-height: 1.4em;
font-size: 11px;
}




#banner_interno {
clear: both;
background: url(../imgs/bg_superabanner_interno.gif) top left no-repeat;
padding: 6px 6px 6px 18px;
height: 92px;
margin: 10px 0;
}

#banner_interno .superbanner {
border: 1px solid #FFF;
}


.galeria_fotos {
	width: 700px;
	display: block;
	float: left;
}

.lista_fotos li {
	float: left;
	display: block;
	margin: 15px;
} 

.lista_fotos li img {
	padding: 0;
	border: 1px solid #000;
	width: 190px;
	height: 120px;
}

#colunas {
width: 750px !important;
background: url(../imgs/bg_box_colunas.gif) top no-repeat;
padding: 36px 0 0 0;
margin: 0 0 10px 0;
float: left;
}

#colunas .titulo_box { display: none }

#colunas ul {
height: 70px;
background: url(../imgs/bg_colunas.gif) bottom left no-repeat;
padding: 0 13px 10px;
}

.anterior {
	float: left;
	z-index: 999;
	display: block;
	margin-right: 10px;
	margin-top: 15px;
}

.proximo {
	float: right;
	z-index: 999;
	display: block;
	margin-top: 15px;
}

#colunas_container {
	width: 625px;
	float: left;
	overflow: hidden;
	z-index: 2;
	position: relative;
}

#positivo, #negativo {
	display: block;
	width: 14px;
	height: 17px;
	float: left;
	margin: 0 5px 0 0;
}

#positivo {
	background: url(../imgs/ico_hand_positive.gif) no-repeat center center;
}

#positivo:hover {
	background: url(../imgs/ico_hand_positive_hover.gif) no-repeat center center;
}

#negativo {
	background: url(../imgs/ico_hand_negative.gif) no-repeat center center;
}

#negativo:hover {
	background: url(../imgs/ico_hand_negative_hover.gif) no-repeat center center;
}

#negativo.atual {
	background: url(../imgs/ico_hand_negative_atual.gif) no-repeat center center;
}

#positivo.atual {
	background: url(../imgs/ico_hand_positive_atual.gif) no-repeat center center;
}

#colunas ul li { float: left; }

#colunas ul li a {
float: left;
padding-right: 11px;
margin-right: 5px;
background: url(../imgs/bg_dotted.gif) right repeat-y;
border: 1px solid #FFF;
}

#colunas ul li.ultimo a { margin: 0; padding: 0; }

.tooltip {
	position: absolute;
	display: block;
	z-index: 3000;
	width: 124px;
	height: 78px;
	background: url(../imgs/tooltip_peq.png) left top;
	overflow: hidden;
}

.tooltip h3 {
	margin: 8px 0 0 8px;
	*margin-top: 15px !important;
	*padding-top: 8px !important;
	font-size: 1.0em;
	display: block;
	height: 45px;
	width: 103px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	overflow: hidden;
}

.tooltip2 {
	position: absolute;
	display: block;
	z-index: 3000;
	width: 124px;
	height: 78px;
	background: url(../imgs/tooltip2_peq.png) left top;
	overflow: hidden;
}

.tooltip2 h3 {
	margin: 8px 0 0 8px;
	*margin-top: 15px !important;
	*padding-top: 8px !important;
	font-size: 1.0em;
	display: block;
	height: 45px;
	width: 103px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	overflow: hidden;
}

#outras_noticias {
padding-top: 45px;
background: url(../imgs/bg_box_outras_noticias.gif) top left no-repeat;
width: 417px;
float: left;
}

#outras_noticias .titulo_box { display: none; }

#outras_noticias .noticia {
background: url(../imgs/bg_dotted.gif) bottom repeat-x;
margin-bottom: 10px;
padding-bottom: 12px;
}

#artigos div.noticia {
background: url(../imgs/bg_dotted.gif) bottom repeat-x;
margin-bottom: 10px;
padding-bottom: 12px;
}

#outras_noticias .data {
float: left;
width: 49px;
height: 19px;
padding: 9px 0;
background: url(../imgs/bg_data.gif) top left no-repeat;
text-align: center;
font-size: 18px;
font-weight: bold;
letter-spacing: -0.05em;
color: #FFF;
margin-right: 6px;
}

#outras_noticias h3 {
padding-top: 3px;
}

#outras_noticias h3 a {
font-size: 15px;
color: #b80328;
text-decoration: none;
line-height: 1.0em;
}

#artigos h3 a {
font-size: 15px;
color: #b80328;
text-decoration: none;
line-height: 1.0em;	
}

#outras_noticias p {
clear: both;
margin-top: 5px;
}

#outras_noticias p a {
color: #696666;
line-height: 1.4em;
font-size: 11px;
}

#artigos div.noticia p a {
color: #696666;
line-height: 1.4em;
font-size: 11px;

}

#artigos h3.titulo_box a {
	display: none;
}

#paginacao {
	margin-top: 50px;
	margin-left: 200px;
	display: block;
	width: 250px;
	height: 20px;
	clear: both;
}

#paginacao a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 5px;
}

#paginacao a:hover {
	color: #fff;
	background: #000;
}

#lista {
	display: block;
	width: 730px;
	margin-left: 5px;
	margin-bottom: 10px;
}

#lista li {
	padding: 5px;
	margin-bottom: 10px;
}

#paginacao * {
	float: left;
	margin: 0 5px;
}

#comentarios ul li {
	background: #ebebeb;
	padding: 8px;
	line-height: 16pt;
	margin: 10px 0;
	clear: both;
	display: block;
	margin-left: 30px;
}

.titulo_listagem {
	font-weight: bold;
}

#fotos_hj {
padding-top: 45px;
background: url(../imgs/bg_box_fotos_hj.gif) top left no-repeat;
width: 318px;
float: right;
margin-bottom: 25px;
}

#fotos_hj .titulo_box { display: none; }

#fotos_hj_container {
	width: 195px;
	display: block;
	float: left;
}

#fotos_hj .imagem p { font-size: 11px; margin-top: 10px; }
#fotos_hj .imagem img { background: #FFF; padding: 2px; border: 1px solid #F3F0F0; }

#artigos {
	padding-top: 55px;
	background: url(../imgs/bg_box_artigos.gif) top left no-repeat;
}


#charge {
padding-top: 45px;
background: url(../imgs/bg_box_charge.gif) top left no-repeat;
width: 318px;
float: right;
margin-bottom: 25px;
}

#blogs {
padding-top: 47px;
background: url(../imgs/bg_box_blogs.gif) top left no-repeat;
width: 318px;
float: right;
}

#charge_container {
	width: 195px;
	display: block;
	float: left;
}

#blogs_container {
	width: 195px;
	display: block;
	float: left;
}

#blogs h3.titulo_box {
	display: none;
}

#charge .titulo_box { display: none; }

#charge .imagem p { font-size: 11px; margin-top: 10px; }
#charge .imagem img { background: #FFF; padding: 2px; border: 1px solid #F3F0F0; }






#rodape {
background: #F2EFEF url(../imgs/bg_rodape.gif) top repeat-x;
padding: 15px 0 50px;
margin-top: 30px;
}

#rodape p a {
font-size: 10px;
padding: 0 5px;
color: #b9b5b5;
text-decoration: none;
}

#rodape p { width: 982px; margin: 0 auto 25px auto; }

#rodape p a img {
	float: right;
}

.titulo_interna {
background: url(../imgs/bg_titulo_interna.gif) top left no-repeat;
width: 734px;
height: 40px;
padding: 5px 10px;
display: block;
float: left;
z-index: 10;
position: relative;
}

.titulo_blog {
background: #fff;
position: relative;
z-index: 1;
width: 734px;
height: 60px;
margin-bottom: 15px;
display: block;
float: left;
}

.titulo_blog h3 {
font-size: 40px;
line-height: 40px;
color: #dc1e1e;
font-weight: bold;
letter-spacing: -0.10em;
float: left;
text-transform: lowercase;
margin-left: 120px;
}



.titulo_interna h3 {
font-size: 40px;
line-height: 40px;
color: #FFF;
font-weight: bold;
letter-spacing: -0.10em;
float: left;
text-transform: lowercase;
margin-left: 10px;
}

#avatar_coluna {
	float: left;
	margin-top: 12px;
}

.titulo_blog a.email {
	color: #dc1e1e;
	width: 500px;
	display: block;
	float: left;
	margin-left: 120px;
	margin-top: 3px;
}

#avatar_coluna img {
	border: 6px solid #dc1e1e;
}

span.data_listagem {
	font-size: 0.9em;
	color: #696666;
}

#lista li a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	padding: 5px;
}

#lista li a:hover {
	background: #000;
	color: #fff;
}

#aba_jornal {
	display: block;
	clear: both;
	float: left;
	font-size: 0.8em;
	margin-top: 5px;
	margin-left: 5px;
	height: 20px;
	background-image: url(../imgs/aba_topo.png);
}

#aba_jornal a {
	margin-left: 15px;
	text-decoration: none;
	color: #777;
}

#aba_jornal a.atual {
	color: #000;
}

.titulo_interna ul {
float: right;
margin-top: 10px;
}

.titulo_interna ul li {
float: left;
}

.titulo_interna ul li a {
float: left;
padding: 3px 5px;
}


#interna_noticia {
display: block;
float: left;
width: 755px;
clear: both;
}

#interna_noticia .titulo {
width: 100%;
display: block;
clear: both;
float: left;
margin-bottom: 10px;
}

.texto {
	margin-bottom: 15px;
	display: block;
}

.barra_texto {
	margin-top: 10px;
	display: block;
	width: 730px;
	height: 20px;
	clear: both;
	padding-top: 8px;
	padding-left: 10px;
	background: url(../imgs/bg_tags.png) no-repeat left top;
}

.barra_texto .utils {
	float: left;
	display: block;
	padding: 0;
}

.barra_texto .utils a {
	color: #283858;
	margin-right: 10px;
}

.barra_texto .tags {
	float: right;
	margin: 0;
	padding: 0;
}

.barra_texto .tags a {
	color: #283858;
	margin-right: 10px;
}

.legenda {
	width: 415px;
	height: 20px;
	float: left;
	padding: 3px;
	font-style: italic;
	font-size: 0.9em;
}

#destaque_principal_paginacao {
	left: 325px;
	top: 80px;
	width: 100px;
	position: relative;
	z-index: 999;
	height: 20px;
}

#destaque_principal_paginacao a {
	display: block;
	width: 20px;
	background: #fff;
	float: left;
	padding: 3px 2px 2px 2px;
	text-align: center;
	border: 1px solid #d3d3d3;
	color: #d3d3d3;
	text-decoration: none;
	margin: 0 2px;
}

#destaque_principal_paginacao a.activeSlide {
	border: 1px solid #000;
	color: #000;
}

.barra_texto utils span {
	float: left;
}

#interna_noticia .data {
font-size: 27px;
color: #d3d3d3;
width: 40px;
text-align: center;
float: left;
}

#interna_noticia .data .mes { font-size: 16px; float: left; }
#interna_noticia .data .dia { float: left; }

.ferramentas {
	list-style: none;
	float: left;
	height: 17px;
	width: 90px;
	margin-top: 5px;
	display: block;
}

.ferramentas li {
	display: block;
	list-style: none;
	width: 18px;
	float: left;
	margin: 0 2px;
	padding: 0;
}

.ferramentas li a {
	text-decoration: none;
}

#interna_noticia h2 {
padding-top: 3px;
display: block;
float: left;
}

#comentarios h2 {
	clear: both;
	display: block;
}

.interna_noticia a {
	color: ;
}

#interna_noticia h2, #interna_noticia h2 a {
font-size: 18px;
color: #b80328;
text-decoration: none;
line-height: 1.2em;
padding-right: 10px;
}

.titulo_noticia {
	float: left;
}

#interna_noticia .metadata {
color: #5289b7;
margin-top: 3px;
float: left;
width: 700px;
}

#extras_texto {
	margin: 0;
	display: block;
	float: right;
	width: 424px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.notificacao {
	font-size: 1.4em;
	padding: 5px;
	display: block;
	margin-top: 15px;
}

.formulario {
	display: block;
	margin-top: 10px;
	width: 100%;
	clear: both;
	float: left;
}

#comentarios {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

#comentarios #lista {
	display: block;
	width: 500px;
	clear: both;
	float: left;
}

#interna_noticia img.principal {
padding: 1px;
border: 1px solid #E2EFEF;
margin-top: 8px;
width: 422px;
float: right;
}

#interna_noticia .credito {
background: #333;
font-size: 10px;
color: #FFF;
padding: 5px;
position: relative;
float: right;
margin: -30px 2px 0 0;
opacity: 0.8;
}

#interna_noticia .texto p {
line-height: 1.8em;
margin: 8px 0 1em 0;
}

#interna_noticia .texto .box_peq {
float: left;
clear: both;
display: block;
width: 418px;
padding: 10px;
background: url(../imgs/bg_box_peq_top.gif) top left no-repeat;
margin-bottom: 20px;
}

.fonte {
display: block;
width: 100%;
clear: both;	
}

#interna_noticia .texto .box_peq span {
color: #ca032d;
}

#interna_noticia .texto .box_peq p {
margin-bottom: 3px;
font-size: 11px;
}

#interna_noticia .texto .box_peq p a {
font-size: 11px;
color: #283858;
}

#interna_noticia a {
	color: #5289b7;
}

#interna_noticia a:hover {
	color: #3c52be;
}

#interna_noticia .extra {
float: left;
display: block;
text-align: right;
height: 25px;
clear: both;
width: 100%;
}

#interna_noticia .extra a {
color: #283858;
padding-left: 50px;
}

#interna_noticia .extra * {
vertical-align: middle;
}

.linha_formulario {
	clear: both;
	height: 35px;
	display: block;
	margin-bottom: 5px;
}

.formulario label {
	width: 100px;
	display: block;
	float: left;
	margin-top: 10px;
}

.formulario input {
	height: 20px;
	padding: 5px;
	font-size: 1.2em;
}

.formulario #nome,
.formulario #email,
.formulario #endereco,
.formulario #telefone, 
.formulario #complemento,
.formulario #observacoes {
	width: 500px;
}

div.dois_campos {
	float: left;
	margin-right: 25px;
	height: 35px;
}

div.dois_campos input {
	width: 180px;
	height: 20px;
	margin: 0;
	float: left;
}

.formulario #mensagem {
	width: 500px;
	height: 200px;
	font-size: 1.2em;
	padding: 5px;
}

.botao_formulario {
	text-align: right;
	width: 600px;
	margin-left: 10px;
	margin-top: 30px;
}

.formulario #cidade {
	width: 450px;
	float: left;
}

.formulario #estado {
	width: 30px;
	margin-left: 5px;
	float: left;
}

}
