/**********************************************************************/ /* Jornal Pequeno WeZ - Soluções para Internet Design: André Mácola Machado xHTML/CSS: André Mácola Machado /**********************************************************************/ /**********************************************************************/ /***************** Definições específicas da HOME *********************/ /**********************************************************************/ #corpo #centro ul {list-style:none;} #corpo #centro h1 {font-size:30px; } #corpo #centro #random { float:left; } #fullbanner { display: none; } #fullgoogle { display: block; } /**********************************************************************/ /****************** CHAMADAS PRINCIPAIS DIVERSAS **********************/ /* tipo03More Chamada Principal Modelo com imagem 300x230 Rotatividade Chamadas com titulo. */ #tipo03more { float:left; margin:0px 0px 0px 0px; display:inline; width:620px; /*height:330px; overflow:hidden;*/ } #tipo03more a:hover { text-decoration:underline !important; } #chamadaprincipal { border-bottom: 1px #E1E1E1 solid; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; } #chamadaprincipal h1 { font-size: 27px !important; } #chamadaprincipal h1 a { color:#EB3D00; text-decoration:none; line-height:100%; } #chamadaprincipal p { font-size:11px; color:#333333; margin:0px 0px 0px 0px; } #rotativas { float:left; clear:left; width:620px; height:248px; overflow: hidden; display:inline; } #rotativas img { width:550px; height:248px; } #rotativas .quadro { position: relative; float:left; width: 550px; height: 248px; } #rotativas .quadro a { display: block;} #rotativas .quadro a:hover { text-decoration: none !important; } #rotativas .quadro a span {border-radius: 3px; display:block; position:absolute; background:url(../imagens/transbg2.png); border-left:2px #FFE30D solid; width:350px; bottom:20px; left:20px; padding:10px; } #rotativas .quadro a:hover span { background:url(../imagens/transbg3.png); text-decoration: none; } #rotativas .quadro a span strong { color:#FFE30D; font-size:11px; display:block; } #rotativas .quadro a:hover span strong { color:#D30000; font-size:11px; display:block; } #rotativas .quadro a span h2 { color:#FFF; font-size:16px; text-decoration:none; line-height:100%; background: url('../imagens/jpsocial/larow.png') right center no-repeat; width: 340px; padding: 0px 10px 0px 0px; } #rotativas .quadro a:hover span h2 { color:#fff !important; } #rotativas ul#selectnews { list-style:none; background:#F4F4F4; padding:0px 0px 0px 5px; float:left; } #rotativas ul#selectnews li { float:left; font-size:16px; font-weight:bold; margin:0px 5px 0px 0px; } #rotativas ul#selectnews li a { color:#E91F16; text-decoration:none;} #rotativas ul#selectnews li a.active { color:#640000; } #rotativas .morenews { font-size:10px; display:block; margin:2px 6px 0px 0px; } #rotativas .morenews a { text-decoration:underline; color:#666666; float:right;} #rotativas .bx-pager { position: absolute; right: -70px; top:0px; } #rotativas .bx-pager a { float: left; clear: left; width:96px; height:62px; display: block; margin: 0px 0px 0px 0px; } #rotativas .bx-pager a:hover { background: url(../imagens/aryr2.png) left 16px no-repeat !important; } #rotativas .bx-pager a.pager-active { background: url(../imagens/aryr.png) left 16px no-repeat; } #rotativas .bx-pager a img { width:70px; height:52px; margin: 0px !important; padding: 5px !important; background: #E9E9E9; float: right; } #rotativas .bx-pager a:hover img { background: #FFE30D !important;} #rotativas .bx-pager a.pager-active img { background:#D30000; } #emdestaque { float:left; clear: left; width:620px; display:inline; margin:15px 0px 0px 0px; padding: 0px 0px 5px 0px; border-bottom:1px #E1E1E1 solid; } #emdestaque .noticiashome { margin:0px 20px 0px 0px; width: 300px; float: left; } #emdestaque .nright { margin: 0px !important;} #emdestaque .noticiashome a { float: left; clear: left; width: 100%; margin: 0px 0px 10px 0px; display: block; color: #666; } #emdestaque .noticiashome a .editoria { color:#EB3D00; font-size:11px; display:block; font-weight: bold; } #emdestaque .noticiashome a h3 { font-size:16px; text-decoration:none; font-weight:normal; line-height:110%; -webkit-transition:all 200ms ease-in-out !important; } /* FIM tipo03More */ /**********************************************************************/ /**************** FIM CHAMADAS PRINCIPAIS DIVERSAS ********************/ #centro #links4 { background:url(../imagens/publicidade2.gif) left top no-repeat; padding:10px 0px 0px 0px; float:left; height:auto; margin:15px 0px 0px 0px; } #centro #links4 img { width: 620px; } #centro #newsletter { padding: 10px; height: 95px; margin: 10px 0 10px 0px; background:#F2F2F2; float: left; clear: left; width: 250px; } #centro #newsletter h6 { color: #EB3D00; font-size: 18px; display: block; font-family: "Trebuchet MS",Helvetica,sans-serif; } #centro #newsletter p { color: #666; font-size: 12px; width: 100%; display: block; float: left; clear: left; } #centro #newsletter form { margin: 5px 0px 0px 0px; float: left; clear: left; width: 100%; } #centro #newsletter form input#mailm, input#CustomFields_2_4 { width: 90px; padding: 3px; border-left:1px #EB3D00 solid; border-top:1px #EB3D00 solid; border-right:2px #EB3D00 solid; border-bottom:2px #EB3D00 solid; background: #FFF; color: #666; font-size: 11px; } #centro #newsletter form label span { color: #666; margin: 0px 3px 0px 0px; font-weight: bold; } #centro #newsletter form label { float: left; margin: 0px 5px 0px 0px; width: 100px; } #centro #newsletter form input:focus { background: #f9f9f9 !important; } #centro #newsletter form input#cadm { background: #EB3D00; padding: 3px; color: #FFF; border: 1px #FFF solid; cursor: pointer; margin: 12px 0 0px; float: left; } #centro #newsletter form input#cadm:hover { background: #FFF; color: #EB3D00; border: 1px #EB3D00 solid; } #blogs { background:/*url(../imagens/bg_blogs.jpg) repeat-x top left*/#F2F2F2; width:315px; padding: 10px; height: 95px; float:left; margin:10px 0px 10px 15px; position: relative; } #blogs h6 { color: #EB3D00; font-size: 18px; display: block; font-family: "Trebuchet MS",Helvetica,sans-serif; } #blogs #bloggerslistshow img { float:left; width:55px; height:65px; margin:10px 4px 5px 4px; } #blogs form { clear:left; } #blogs select { border:1px #ccc solid; padding: 3px; font-size:10px; width:170px; height:24px; margin:6px 0px 0px 7px; position: absolute; top:5px; right:20px; } #blogs select:focus { background: #f9f9f9; } #centro #destaques { float:left;} #centro #destaques img { width:200px; height:137px; } #centro #destaques .categoria { float:left; width:190px; margin:2px 5px 0px 5px; display:inline; border-bottom:none; } #centro #destaques .categoria a { color:#EB3D00; } #centro #destaques .categoria h4 { float:left; } #centro #destaques .categoria img { float:right; width:12px; height:auto!important; } #centro #destaques .box01, #centro #destaques .box02, #centro #destaques .box03 { background:#F4F4F4; width:200px; float:left; height:205px; overflow:hidden; } #centro #destaques h2 { float:left; font-size:12px; font-weight:bold; width:190px; padding:0px 5px 0px 5px; line-height:120%; display:inline;} #centro #destaques .box02 { margin:0px 10px 0px 10px; } #centro ul#noticias { border-top:1px #E1E1E1 solid; border-bottom:1px #E1E1E1 solid; float:left; width:620px; margin:6px 0px 0px 0px; padding:8px 0px 8px 0px; } #centro ul#noticias li { background:url(../imagens/rarrow.gif) left no-repeat; text-indent:10px; float:left; clear:left; width:620px; font-size:12px; margin:0px 0px 2px 0px;} #centro ul#noticias li strong { font-size:11px !important; } #centro #chamadas { float:left; margin:6px 0px 10px 0px; } #centro #chamadas .box01, #centro #chamadas .box02, #centro #chamadas .box03, #centro #chamadas .box04 { width:130px; height:74px; overflow:hidden; background:#F4F4F4; float:left; border:4px #F4F4F4 solid; padding:4px;} #centro #chamadas .box02 { margin:0px 12px 0px 12px; } #centro #chamadas .box03 { margin:0px 12px 0px 0px; } #centro #chamadas .categoria { float:left; width:100%; display:inline; } #centro #chamadas span { display:none; } #centro #chamadas .foto, #centro #destaques .foto { display:block !important; float:right; background:url(../imagens/foticon.gif)no-repeat; width:39px; height:9px; text-indent:-5000px; overflow:hidden; } #centro #chamadas .video, #centro #destaques .video { display:block !important; float:right; background:url(../imagens/vidicon.gif) no-repeat; width:45px; height:10px; text-indent:-5000px; overflow:hidden; } #centro #chamadas .audio, #centro #destaques .audio { display:block !important; float:right; background:url(../imagens/sonicon.gif) no-repeat; width:38px; height:12px; text-indent:-5000px; overflow:hidden; } #centro #chamadas h4 { float:left; font-size:12px } #centro #chamadas img { float:right; } #centro #chamadas h3 { clear:left; width:100%; font-weight:normal; font-size:12px; line-height:130%; margin:3px 0px 0px 0px; float:left; display:inline; } #centro #chamadas a { display:block; } #centro #chamadas a:hover { text-decoration:none; background:#FFF; } #centro #chamadas div:hover, #centro #chamadas div.over { background:#FFF;} /**********************************************************************/ /************************** EDIÇÃO IMPRESSA ***************************/ #centro .igualador { float:left; min-height:360px; height:auto !important; height:360px; } #centro #colesq { width:302px; float:left; } #centro #colesq .box01 { float:left; margin:0px 0px 10px 0px;} #centro #colesq .box01 img { float:left; margin:0px 4px 2px 0px; width:302px; height:150px; } #centro #colesq .box01 h1 { font-size:16px; width:300px; } #centro #colesq .box01 p { float:left; width:205px; margin:4px 0px 0px 0px; display:none; } #centro #colesq ul.box02 { margin:0px 0px 10px 0px; float:left; } #centro #colesq ul.box02 li { border-top:1px #E1E1E1 solid; padding:4px 0px 4px 0px; background:url(../imagens/rarrow.gif) left 7px no-repeat; text-indent:10px; width:302px; } #centro #colesq .box03 { margin:0px 0px 10px 0px; float:left;} #centro #colesq .box03 h2 { margin:5px 0px 0px 0px; } #centro #colesq .box03 ul { margin:5px 0px 0px 0px; } #centro #colesq .box03 li { border-top:1px #E1E1E1 solid; padding:4px 0px 4px 0px; background:url(../imagens/rarrow.gif) left no-repeat; text-indent:10px; } #centro #colesq #links6 { background:url(../imagens/publicidade2.gif) left top no-repeat; padding:10px 0px 0px 0px; float:left; height:100px;} #centro #colesq #galeria {width:302px;} #centro #colesq #galeria img {width:108px; height:78px;} #centro #coldir { width:300px; float:right; } #centro #coldir #links5 { background:url(../imagens/publicidade2.gif) left top no-repeat; padding:10px 0px 0px 0px; float:left; height:250px; } #centro #coldir #peta { float:left; margin:0px 0px 10px 0px; width:300px; border-bottom:1px #E1E1E1 solid; padding:0px 0px 10px 0px; } #centro #coldir #peta h4.categoria { border-bottom:1px #E1E1E1 solid; float:left; width:300px; font-size:12px; padding:0px 0px 3px 0px; margin:0px 0px 6px 0px; background:url(../imagens/phat.gif) 60px -2px no-repeat } #centro #coldir #peta span { font-size:10px; color:#EB3D00; font-weight:bold; font-family:'trebuchet MS'; } #centro #coldir #peta h3 a { color:#AE7115; font-size:16px; line-height:100%; } #centro #coldir #peta p { margin:3px 0px 0px 0px; } #centro #coldir #pastpeta { margin:10px 0px 0px 0px; border-top:1px #E1E1E1 solid; padding:10px 0px 0px 0px; } #centro #coldir #pastpeta h3 { display:none; } #centro #coldir #pastpeta p { margin:0px; } #centro #coldir a.signfeed { float:left; background:url(../imagens/rssbanner.jpg) no-repeat; display:block; width:300px; height:100px; text-indent:-5000px; overflow:hidden; margin:10px 0px 0px 0px; } /**********************************************************************/ /************************* FIM EDIÇÃO IMPRESSA ************************/ #impgeral{ float:left; width: 100%; clear: left; } #impgeral ul#impbar { background: url(../imagens/impline.gif) repeat-x left 39px; width: 620px; height: 42px; float: left; clear: left; } #impgeral ul#impbar li { float: left; position: relative; list-style: none; } #impgeral ul#impbar li.impcapa { font-size: 18px; color:#B80000; border-top: 2px #990000 solid; border-left: 1px #E0E0E0 solid; border-right: 1px #E0E0E0 solid; border-bottom: 1px #fff solid; padding: 8px; background: url('../imagens/bgimp.jpg') left top repeat-x; height: 21px; } #impgeral ul#impbar li.impcapa span { display: block; } #impgeral ul#impbar li.imped { font-size: 16px; color:#999999; border-top: 1px #E0E0E0 solid; border-left: 1px #E0E0E0 solid; border-right: 1px #E0E0E0 solid; padding: 8px; background: url('../imagens/bgimp2.jpg') left bottom repeat-x; margin: 7px 0px 0px 1px; height: 15px; } #impgeral ul#impbar li.imped span { background: url(../imagens/impar.png) right center no-repeat; display: block; padding: 0px 14px 0px 0px; } #impgeral ul#impbar li.imped:hover { background: url('../imagens/bgimp.jpg') left top repeat-x; color:#B80000; border-top: 2px #990000 solid; margin: 0px 0px 0px 1px; cursor: pointer; font-size: 18px; height: 21px; } #impgeral ul#impbar li ul { position: absolute; left: -1px;top:37px; visibility: hidden; padding:0px; display:inline; width:125px; background:url(../imagens/impline.gif) no-repeat 100px 0px #FFF; border-bottom: #990000 2px solid; height: auto; z-index: 1000000; border-left: 1px #E0E0E0 solid; border-right: 1px #E0E0E0 solid; } #impgeral ul#impbar li:hover ul, #impgeral ul#impbar li.over ul { visibility: visible !important; z-index: 1000000; opacity: 1;} #impgeral ul#impbar li ul li { clear: left; font-size: 12px; width: 100%; } #impgeral ul#impbar li ul li a { display: block; padding: 5px; } #impgeral ul#impbar li ul li a:hover, #impgeral ul#impbar li ul li a.current { color: #B80000; background: #f1f1f1; } #impgeral ul#impbar li.impinfo { float: right; font-size: 11px; color: #666666; text-align: right; margin: 22px 2px 0px 0px; width: 350px; } #impgeral ul#impbar li.impinfo strong { color: #B80000; } #impgeral .bx-wrapper { float: left; clear: left; } #impgeral #impcontent { float: left; clear: left; width: 100%; margin: 15px 0px 0px 0px; /*position: relative;*/ } .impedbox { height: auto !important; height: 200px; min-height: 200px; /*position: absolute; left:0px; top:0px;*/ width: 100%; } .impedbox .esq { float: left; width: 300px; } .impedbox .box01, .impedbox .box02 { float: left; clear: left; width: 300px; display: block; margin: 0px 0px 20px 0px; } .impedbox .box01 img { width: 300px; height: 200px; display: block; margin: 0px 0px 2px 0px; } .impedbox .box01 span, .impedbox .box02 span, .impedbox .ibox span { color: #B80000; font-size: 11px; display: block; font-weight: bold; } .impedbox .box01 h1 { color: #333; font-size: 20px !important; line-height: 120%; font-weight: normal; } .impedbox .box02 img { width: 125px; height: 85px; display: block; float: left; margin: 0px 8px 0px 0px; } .impedbox .box02 h2 { color: #333; font-size: 15px !important; line-height: 120%; font-weight: normal; } .impedbox .box01:hover *, .impedbox .box02:hover *, .impedbox .ibox:hover * { color:#B80000 !important; } .impedbox .dir { float: left; width: 300px; margin: 0px 0px 0px 20px; } .impedbox .dir h6 { color: #F28530; font-size: 20px; font-weight: normal; line-height: 100%; border-bottom: 1px #E0E0E0 solid; background: url(../imagens/chp.gif) left 4px no-repeat; text-indent: 30px; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; } .impedbox .dir .box03 { float: left; clear: left; width: 100%; display: block; margin: 0px 0px 20px 0px; } .impedbox .dir .box03 strong { color:#F28530; font-size: 13px; display: block; } .impedbox .dir .box03 span { color:#999999; font-size: 12px; display: block; } .impedbox .dir .box03 p { font-size: 12px; line-height: 120%; color: #333; } .impedbox .dir .box03:hover * { color: #F28530 !important; } .impedbox .ibox { float: left; width: 300px; margin: 0px 20px 10px 0px; display: block; } .impedbox .right { margin-right: 0px !important; } .impedbox .ibox img { width: 110px; height: 70px; display: block; float: left; margin: 0px 8px 0px 0px; } .impedbox .ibox h2 { color: #333; font-size: 16px !important; line-height: 120%; font-weight: normal; } .impedbox .clear { float: left; width: 100%; clear: left; margin: 0px 0px 20px 0px; border-bottom: 1px #E0E0E0 solid; } .impedbox h6.edtitle { color:#B80000; font-size: 30px; line-height: 100%; font-weight: normal; display: block; border-bottom: 1px #E0E0E0 solid; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; width: 100%; } .impedbox #links { background: url(../imagens/publicidade2.gif) left top no-repeat; padding: 10px 0px 0px 0px; width: 300px; height: 260px; float: left; clear: left; } #flutuante { position: absolute; top: 300px; left: 150px; width: 646px; text-align: center; z-index: 20000000; } #flutuante .close { float: right; background: url('../imagens/close.png') no-repeat left top; display: block; text-indent: -5000px; overflow: hidden; width: 83px; height: 27px; }