/**********************************************************************/
/*	Jornal Pequeno
	WeZ - Soluções para Internet
	Design: André Mácola Machado
	xHTML/CSS: André Mácola Machado
/**********************************************************************/

/**********************************************************************/
/****************** Definições de HTML, estruturais  ******************/
/**********************************************************************/
* { margin:0px; padding:0px; outline: none; }
body{ font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(../imagens/bg_2012.png) repeat-x 0 0px #FFF; }
img, abbr, fieldset { border:none; }
a { text-decoration:none; color:#333; }
#corpo a { color: #666; }
a:hover { text-decoration:underline; }
p { line-height:130%; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.strong { font-weight:bold; }
.hidden { display:none !important; }
a.disable { cursor:default !important; color:#CCC !important; }
a:hover.disable { text-decoration:none !important; }
#fullgoogle { display:block; }
#fullbanner { display:none; }
#fullgoogleh { display:none; }
#fullbannerh { display:block; }
#links3 { display: block; }
#links3_2 { display: none; }
#linkstopo { width: 100%; float: left; clear: left; height: 15px; }
.d2 { display: none; }
.adsg { clear: left; float: left; width: 100%; text-align: center; margin: 5px 0px 15px 0px; }
.idb2 { display: block; }
.idb1 { display: block; margin: 0px 0px 0px 76px; }
.msec { display: none; }
/********************** ATRIBUIÇÕES DE TÍTULOS  ***********************/
h1, h2, h3, h4 { line-height:100%; }
h1 {font-size: 140%;}
h2 {font-size: 125%;}
h3 {font-size: 110%;}
h4 {font-size: 100%;}
.hesportes a { color:#87A21C !important; }
.hgeral a { color:#D95700 !important; }
.hcidade a { color:#003D79 !important; }
.hpolicia a { color:#990000 !important; }
.hlaranja a {color: #EB3D00 !important;}
.hpeta a { color:#D08D11 !important; }
.hdestaques a { color:#D95700 !important; }
/******************** FIM ATRIBUIÇÕES DE TÍTULOS  *********************/

/* EFEITOS DE TRANSIÇÃO */
#rotativas .bx-pager a, #rotativas .bx-pager a img { -webkit-transition:background 200ms ease-in-out; -moz-transition:background 400ms ease-in-out; -o-transition:background 400ms ease-in-out; -ms-transition:background 400ms ease-in-out; transition:background 400ms ease-in-out; }
#corpo * a, #corpo a *, #search-filter, #search-filter h6, #nextprev a {  -webkit-transition:all 200ms ease-in-out !important; -moz-transition:all 200ms ease-in-out !important; -o-transition:all 200ms ease-in-out !important; -ms-transition:all 200ms ease-in-out !important; transition:all 200ms ease-in-out !important; }
#geral #topo #newbarra ul li ul, #impgeral ul#impbar li ul, .group #colunistas ul li ul, div#signos ul li span.desc { opacity: 0; -webkit-transition: opacity 200ms ease-in-out !important;  -moz-transition: opacity 200ms ease-in-out !important;  -o-transition: opacity 200ms ease-in-out !important;  -ms-transition: opacity 200ms ease-in-out !important;  transition: opacity 200ms ease-in-out !important; }
#geral #topo #newbarra ul li a { -webkit-transition:background 200ms ease-in-out; -moz-transition:background 200ms ease-in-out; -o-transition:background 200ms ease-in-out; -ms-transition:background 200ms ease-in-out; transition:background 200ms ease-in-out; }

#corpo * a:hover { color: #D30000 !important; text-decoration: none !important; }
/* FIM EFEITOS DE TRANSIÇÃO */

/***************************** GLOBAL  ********************************/
#geral { width:990px; position:relative;  /*display:table;*/ margin:auto;  }
/*************************** FIM GLOBAL  ******************************/

/************************** TOPO DA PÁGINA  ***************************/
#geral #topo * { list-style:none; }
#geral #topo { width:100%; float: left; clear: left; }

#geral #topo #access { width:340px; margin:auto; background:url(../imagens/bg_access.gif) no-repeat; height:21px; }
#geral #topo #access h4 { float:left; line-height:130%;  padding:3px 0px 0px 10px;  }
#geral #topo #access ul { margin:0px 0px 0px 4px; float:left; padding:3px 0px 0px 0px; }
#geral #topo #access ul li { float:left; border-left: 1px #000000 solid; padding:0px 3px 0px 3px; }
#geral #topo #access ul li.primeiro { border:none; }
#geral #topo #access ul li a:hover { text-decoration:none; color:#FF0000; }

#geral #topo .logo { background:url(../imagens/jp_2012.gif) no-repeat; width:401px; height:62px; display:block; text-indent:-5000px; overflow:hidden; clear:left; float:left; margin:20px 0px 0px 0px; }

#geral #topo #busca { width:311px; height:75px;  float:right; position:relative; background:url(../imagens/bbusca.gif) left no-repeat; padding:0px 0px 0px 20px; margin:15px 0px 0px 0px; }
#geral #topo #busca h4 {background:url(../imagens/text_busca.gif) no-repeat; width:48px; height:13px; text-indent:-5000px; overflow:hidden; display:block; margin:0px 0px 2px 0px; }
#geral #topo #busca label { float:left; margin:10px 3px 0; display:inline; }
#geral #topo #busca #q { display:block; width:295px; height:20px; font-size:17px; padding: 5px; margin:0px 0px 0px 0px; color:#999999; border:1px #ccc solid; border-radius: 5px; }
#geral #topo #busca .radio { width:12px; height:12px; float:left; margin:10px 0 0 70px; display: inline; }
#geral #topo #busca select { float: left; font-size:10px; width:148px; height:25px; margin:3px 0px 0px 4px; border:1px #ccc solid; border-radius: 5px; padding:5px; }
#geral #topo #busca button { background:url(../imagens/bt_ok.gif) left top no-repeat; width:30px; height:20px; border:none; text-indent:-5000px; overflow:hidden; cursor:pointer; position: absolute; top: 52px; right: 5px; }
#geral #topo #busca button:hover , #geral #topo #busca button.over { background:url(../imagens/bt_ok.gif) left bottom no-repeat; }

#geral #topo #busca input:focus, #geral #topo #busca select:focus { background: #f9f9f9; }
a.advs { position: absolute; right: 40px; color: #555; font-weight: bold; font-size: 10px; font-family: tahoma; top: 52px; background: white; border: 1px #EAEAEA solid; padding: 3px 5px 4px 5px; border-radius: 5px; background: #f5f5f5; }
a.advs:hover { text-decoration: none; background:#EB3D00; color: #FFF; border: 1px #EB3D00 solid; }
/*#geral #topo #busca td.gsc-clear-button { display: none; }
#geral #topo #busca input.gsc-input { display:block; width:295px; height:20px; font-size:17px; padding: 5px; margin:0px 0px 0px 0px; color:#999999; border:1px #ccc solid; border-radius: 5px; }
#geral #topo #busca input.gsc-search-button { background:url(../imagens/bt_ok.gif) left top no-repeat; width:30px; height:20px; border:none; text-indent:-5000px; overflow:hidden; cursor:pointer; position: absolute; top: 52px; right: 5px; }
#geral #topo #busca input.gsc-search-button:hover { background:url(../imagens/bt_ok.gif) left bottom no-repeat; }
.gsc-branding-img, .gsc-branding-text { display: none !important; }*/
/************************ NEW MENU **************************/
#geral #topo #newbarra {width:100%; height:40px; float:left;  position:relative; margin:12px 0 0; z-index: 1000000;}
#geral #topo #newbarra ul { float:left; font-family:"Trebuchet MS", Helvetica, sans-serif; z-index: 1000000;  }
#geral #topo #newbarra ul li { float:left; font-size: 18px; margin: 0px 20px 0px 0px; position: relative; z-index: 1000000;  }
#geral #topo #newbarra ul li a { color: #FFF; display: block; padding: 9px 15px 6px 0px; background: url(../imagens/arow_m.gif) right center no-repeat; z-index: 1000000; }
#geral #topo #newbarra ul li a:hover, #geral #topo #newbarra ul li:hover a { text-decoration: none; /*border-bottom: 4px #FFD4BB solid;*/ color: #FFD4BB; background: url(../imagens/arow_m2.gif) right center no-repeat; z-index: 1000000; }

#geral #topo #newbarra ul li ul { position: absolute; left: 0%;top:36px; visibility: hidden; padding:0px; display:inline; width:180px; background:#FFF; border: #EB3D00 4px solid; height: auto; z-index: 1000000; }
#geral #topo #newbarra ul li:hover ul, #geral #topo #newbarra ul li.over ul { visibility: visible !important; z-index: 1000000; opacity: 1;}
#geral #topo #newbarra ul .active ul  { visibility: visible !important; z-index: 1000000; opacity: 1;}

#geral #topo #newbarra ul li ul li { clear: left; width: 100%; z-index: 1000000;}
#geral #topo #newbarra ul li ul li a { color: #EB3D00 !important; font-size: 14px !important; border: none !important; padding: 5px; background: none !important; z-index: 1000000;}
#geral #topo #newbarra ul li ul li a:hover { color: #EB3D00 !important; background:#FFD4BB !important; z-index: 1000000;}

#geral #topo #newbarra #contato .showsub, #geral #topo #newbarra #mapamenu .showsub { display: none !important; }

#geral #topo #googleads { width:990px; float:left; margin:8px 0px 0px 0px; text-align:center; }
#geral #topo #googleads #data { float:left; margin:1px 0px 0px 0px; }
#links1 { float:right; width:620px; overflow:hidden; display:inline; margin: 0px 0px 10px 0px; }
#geral #topo #googleads #links2 { float:left; background:url(../imagens/publicidade.gif) left bottom no-repeat; height:90px; padding:0px 0px 0px 12px; margin:5px 0px 0px 20px; display:inline;}
#geral #topo #googleads #links3 { float:left; height:90px; padding:0px 0px 0px 10px; margin:5px 0px 0px 0px;}
#geral #topo #googleads #links3_2 { float:left; height:90px; padding:0px 0px 0px 10px; margin:5px 0px 0px 0px;}
/************************ FIM TOPO DA PÁGINA **************************/

/************************** CORPO DA PÁGINA ***************************/
#corpo { float:left; width:100%; margin:30px 0px 0px 0px; overflow:hidden; }

/**********************************************************************/
/*	Coluna Esquerda
/**********************************************************************/
#corpo #esquerda { float:left; width:145px; text-align:center;}
#corpo #esquerda  h1 { font-size:20px; font-weight:normal; font-family:"Trebuchet MS", Helvetica, sans-serif; }

#corpo #esquerda .menu { text-align:left; margin:5px 0px 5px 0px; float:left; background:url(../imagens/bg_header.jpg) #FFF left top no-repeat; width:145px; font-size:11px;}
#corpo #esquerda .menu h1 { color:#E91F16; padding:5px; letter-spacing: -2px; }
#corpo #esquerda .menu ul li { font-size: 14px; list-style:none; border-bottom:1px #fff solid; border-top:1px #F2f2f2 solid; display:block; }
#corpo #esquerda .menu ul li:hover { border-bottom:1px #F7ACA8 solid; border-top:1px #F7ACA8 solid; }
#corpo #esquerda .menu ul li a { display:block; padding:2px 3px 2px 3px; }
#corpo #esquerda .menu ul li a:hover { text-decoration:none; background: #F2F2F2;}

/**********************************************************************/
/*	FIM Coluna Esquerda
/**********************************************************************/

/**********************************************************************/
/*	Coluna Central
/**********************************************************************/
#corpo #centro { float:left; margin:0px 20px 0px 20px; width:620px; position:relative; }
/**********************************************************************/
/*	FIM Coluna Central
/**********************************************************************/

/**********************************************************************/
/*	Coluna Direita
/**********************************************************************/

#direita { width:185px; float:right; }
#direita #maislidas { float:left; width:184px; overflow:hidden; }
#direita #maislidas ul { list-style:none; float:left; width:100%; display:block; margin:0px 0px 10px 0px; border-bottom:5px #EB3D00 solid; }
#direita #maislidas ul li { float:left; width:92px; }
#direita #maislidas ul li a { font-size:18px; line-height:80%; }
#direita #maislidas ul li a span { display:block; font-size:13px !important; font-weight:bold; text-indent:15px; }
#direita #maislidas ul li.active, #direita #maislidas ul li.desactive, #direita #maislidas ul li.desactive a, #direita #maislidas ul li.active a { display:block !important; }
#direita #maislidas ul li.active a { color:#F6F6F6; background:#EB3D00; padding:5px; }
#direita #maislidas ul li.desactive a {color:#EB3D00; background:#F6F6F6;  padding:5px; }
#direita #maislidas ul li.active a:hover, #direita #maislidas ul li.active a:hover span  { text-decoration:none; color:#F6F6F6 !important;  }
#direita #maislidas ul li.desactive a:hover, #direita #maislidas ul li.desactive a:hover span  { text-decoration:none; color:#F6F6F6 !important; background:#EF754A;  }
#direita #maislidas ul li { display:block; }

#direita #maislidas .box { float:left; clear:left; width:100%; border-bottom:2px #F6F6F6 solid; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; }
#direita #maislidas .box span { float:left; vertical-align:middle; font-size:20px; color:#EB3D00; display:block; margin:0px 0px 0px 0px; width:10px; }
#direita #maislidas .box h3 a { float:right; color:#333333; width:170px;  }
#direita #maislidas .active { display:block; }
#direita #maislidas .desactive { display:none; }

#direita #plantao { float:left; clear:left; width:175px; padding:5px; background:#F4F4F4;}
#direita #plantao h1 a { padding:8px 0px 0px 7px; background:url(../imagens/bg_plantao.gif) no-repeat; display:block; /*width:166px;*/ height:32px; color:#CC3300; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:20px; font-weight:normal; }
#direita #plantao h1 a:hover { text-decoration:none; }
#direita #plantao h1 a span { font-weight:normal; font-size:14px; color:#666666; display:block;}
#direita #scroll { float:left; margin:5px 0px 0px 0px;}
#direita ul#list { height:auto; overflow:auto; float:left; width:100%;}
#direita ul#list li { margin:0px 0px 5px 0px; border-bottom:1px #E4E4E4 solid; padding:0px 0px 5px 0px;}
#direita ul#list li a { color:#414141; }
#direita #plantao .mais { font-weight:bold; float:left; color:#CC3300; margin:7px 0px 0px 72px; }

#direita #edicao { background:url(../imagens/bg_header.jpg) #F4F4F4 left top no-repeat; width:185px; float:left; margin:15px 0px 0px 0px; }
#direita #edicao h1 { font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#ECA31C; padding:5px 0px 0px 5px; }
#direita #edicao img { margin:6px 0px 6px 6px; border:2px #DADADA solid; float:left; width:168px; height:248px; }
#direita #edicao p { text-align:center; padding:5px; }


#direita #enquete { background:url(../imagens/bg_enquete.jpg) #F4F4F4 left top no-repeat; width:185px; float:left; margin:15px 0px 0px 0px; }
#direita #enquete h1 { font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#000; padding:5px 0px 0px 5px;}
#direita #enquete form { margin:5px 6px 6px 6px; text-align:center; }
#direita #enquete label { float:left; clear:left; width:100%; margin:0px 0px 5px 0px; text-align:left;  }
#direita #enquete label input { height:13px; width:13px; }
#direita #enquete button { width:81px; height:24px;}
#direita #enquete button { clear:left; }
#direita #enquete p { margin:5px; text-align:center; font-weight:bold; color:#A4A4A4; }

#direita #loterias { float:left; margin:15px 0px 0px 0px; border:1px #F4F4F4 solid; }
#direita #loterias span { position:absolute; top:0px; right:5px; }
#direita #loterias h1 { color:#FFF; padding:5px; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:20px; font-weight:normal; background:url(../imagens/bg_loteria.jpg); width:173px; }
#direita #loterias dt { background:#F4F4F4; color:#727272; font-weight:bold; padding:1px 0px 1px 5px; position:relative;}
#direita #loterias dd { background:#FFF; color:#000; padding:1px 0px 1px 5px; position:relative; }

/**********************************************************************/
/*	FIM Coluna Direita
/**********************************************************************/

/************************ FIM CORPO DA PÁGINA *************************/

/************************** RODAPÉ DA PÁGINA **************************/
#processa { display: none; }
#bottom {  margin:10px 0px 0px 0px; }
#rodape {width: 100%; float: left; clear: left; margin:30px 0px 0px 0px; background:#EB3D00; }
#fixrodape { width:990px !important; height: 100px; float: none !important; margin: 0px auto 0px auto;  padding:15px 0px 15px 15px; position:relative; color:#FFF;  float:left;}
#rodape address { font-style:normal; }
#rodape a {color:#FFF; }
#rodape .topo {position:absolute; display:block; width:37px; height:30px; background:url(../imagens/bt_top.gif) no-repeat; text-indent:-5000px; overflow:hidden; left:740px; top:-14px; }
#rodape ul.menubottom { width:110px; height: 50px; float:left; margin:0px 10px 0px 0px;}
#rodape ul.menubottom li { list-style:none; background:url(../imagens/square.gif) no-repeat left; text-indent:10px;}
#rodape h5 { color:#FFBCA6; font-size:18px; float:left; margin:20px 0px 0px 0px; }
#rodape span.maisinfo { float:left; font-size:14px; font-weight:bold; margin:23px 0px 0px 4px;}
#rodape div { float:left; width:700px; }
#rodape #wez { position:absolute; left:920px; top:60px; color:#EF754A; }
/************************ FIM RODAPÉ DA PÁGINA ************************/