@charset "utf-8"; /* Marconi Duarte 25/09/2008 */ /* Copyright www.marconiduarte.com.br - www.marconiduarte.com */ /* -- corpo -- */ #corpo { width: 940px; background-color: #ffffff; margin: 0 auto; border-left: 3px solid #E9E8E2; border-right: 3px solid #E9E8E2; } /* -- corpo - topo -- */ #corpo #topo { width: 940px; padding: 20px 0px 30px 20px;} #corpo #topo h1 { width: 228px; height: 66px; background: url(../images/logo.gif) no-repeat left top; float: left; } #corpo #topo h1 a { width: 228px; height: 66px; display: block; } #corpo #topo h1 a span { display: none; } #corpo #topo ul { float: left; } #corpo #topo ul li { display: inline; float: left; padding-left: 15px; } /* -- corpo - menu -- */ #menu { width: 890px; padding: 20px 20px 15px 30px; _padding: 0px 20px 15px 30px; } #menu ul { width: 890px; padding: 0px 20px 0px 0px; } #corpo #menu ul li { background: url(../images/bg-menu.gif) repeat-x left top; display: inline; float: left; padding: 3px 0; } #menu li { display: block; display: inline; } #corpo #menu ul li a { height: 19px; display: block; padding: 9px 14px 9px 13px; color: #ffffff; } #corpo #menu ul li.home { width: 41px; height: 43px; background: url(../images/home-menu.gif) no-repeat left top; } #corpo #menu ul li.home a { width: 41px; text-decoration: none; padding: 9px 0px 9px 0px; } #corpo #menu ul li.noticias { _width:73px; background: url(../images/bg-menu-noticias.gif) repeat-x left top; } #corpo #menu ul li.tecnologia { _width:73px; background: url(../images/bg-menu-entretenimento.gif) repeat-x left top; } #corpo #menu ul li.esportes { _width:77px; background: url(../images/bg-menu-esportes.gif) repeat-x left top; } #corpo #menu ul li.entretenimento { _width:118px; background: url(../images/bg-menu-entretenimento.gif) repeat-x left top; } #corpo #menu ul li.agendacultural{ _width:118px; } #corpo #menu ul li.cadastreseusite{ _width:128px; } #corpo #menu ul li.sitesrecentes{ _width:143px; } #corpo #menu ul li.anuncie{ _width:73px; } #corpo #menu ul li.faleconosco{ _width:100px; } #corpo #menu ul li.videos { background: url(../images/bg-menu-videos.gif) repeat-x left top; } #corpo #menu ul li.fim { width: 17px; height: 43px; background: url(../images/fim-menu.gif) no-repeat right top; } /* -- corpo - busca-login -- */ #corpo #busca-login { height: 42px; background-color: #F2F2F2; padding: 18px; } #corpo #busca-login input, #corpo #principal #esquerda-principal #newsletter input { background: none; } #corpo #busca-login ul.busca { float: left; } #corpo #busca-login ul.busca li { display: inline; float: left; } #corpo #busca-login ul.busca li.palavra input { width: 210px; height: 18px; background: url(../images/bg-palavra-busca.gif) no-repeat left top; padding: 12px 12px 12px 49px; color: #85ADCD; } /*#corpo #busca-login ul.busca li.tipo { width: 169px; background: url(../images/bg-tipo-busca.gif) no-repeat left top; padding: 12px; }*/ #corpo #busca-login ul.busca li.tipo { width: 527px; height: 42px; background: url(../images/bg-tipo-busca.gif) repeat-x left top; padding: 9px; color: #ffffff; } #corpo #busca-login ul.busca li.tipo select { width: 170px; background-color: #ffffff; border-top: 1px solid #ABADB3; border-right: 1px solid #DBDFE6; border-bottom: 1px solid #E3E9EF; border-left: 1px solid #E2E3EA; margin-right: 4px; } #corpo #busca-login ul.busca li.buscar input { width: 69px; height: 42px; background: url(../images/bg-buscar-busca.gif) no-repeat left top; color: #ffffff; cursor: pointer; padding: 11px 14px 11px 11px; } #corpo #busca-login p.login { float: right; } #corpo #busca-login p.login span.links { float: left; padding: 11px 0 0 0; } #corpo #busca-login p.login span.colchetes { width: 15px; float: left; font-size: 26px; color: #e40000; padding: 2px 0 0 0; } /* -- corpo - topico-rss-relogio -- */ #corpo #topico-rss-relogio { padding: 30px 30px 0 30px; } #corpo #topico-rss-relogio ul.topico { float: left; } #corpo #topico-rss-relogio ul.topico li.titulo { font-size: 21px; font-weight: bold; } #corpo #topico-rss-relogio ul.topico li.titulo a{ font-size: 12px; font-weight: normal; } #corpo #topico-rss-relogio ul.topico li.titulo-noticias { font-size: 21px; font-weight: bold; color: #e40000; } #corpo #topico-rss-relogio ul.topico li.titulo-tecnologia { font-size: 21px; font-weight: bold; color: #024387; } #corpo #topico-rss-relogio ul.topico li.titulo-esportes { font-size: 21px; font-weight: bold; color: #158D02; } #corpo #topico-rss-relogio ul.topico li.titulo-entretenimento { font-size: 21px; font-weight: bold; color: #8D028F; } #corpo #topico-rss-relogio ul.topico li.titulo-videos { font-size: 21px; font-weight: bold; color: #028B8D; } #corpo #topico-rss-relogio ul.topico li.titulo-agenda-cultural { font-size: 21px; font-weight: bold; color: #0C5C9B; } #corpo #topico-rss-relogio ul.topico li span.azul { color: #0C5C9B; font-weight: bold; } #corpo #topico-rss-relogio ul.rss-relogio { float: right; } #corpo #topico-rss-relogio ul.rss-relogio li { float: left; display: inline; padding-left: 30px; } /* -- corpo - principal -- */ #corpo #principal { padding: 30px; } /* -- corpo - principal - esquerda-menu -- */ #corpo #principal #esquerda-menu { width: 132px; float: left; margin-right: 25px; } #corpo #principal #esquerda-menu h1 { font-size: 18px; color: #0C5C9B; padding: 10px 0 5px 0; } #corpo #principal #esquerda-menu p.publicidade { border-bottom: 1px dashed #cccccc; padding-bottom: 15px; } #corpo #principal #esquerda-menu ul { border-bottom: 1px dashed #cccccc; padding-bottom: 11px; } #corpo #principal #esquerda-menu ul li { list-style-image: url(../images/seta-azul.gif); list-style-position: inside; } /* -- corpo - principal - esquerda-principal -- */ #corpo #principal #esquerda-principal { width: 254px; float: left; margin-right: 30px; } /* -- corpo - principal - esquerda-principal - destaques / hot-links / blogs-colunas / newsletter / noticias / agenda-cultural / videos / mais-buscadas -- */ #corpo #principal #esquerda-principal #destaques, #corpo #principal #esquerda-principal #hot-links, #corpo #principal #esquerda-principal #blogs-colunas, #corpo #principal #esquerda-principal #newsletter, #corpo #principal #direita-principal #noticias, #corpo #principal #direita-principal #agenda-cultural, #corpo #principal #direita-principal #videos, #corpo #mais-buscadas { margin-bottom: 30px; } /* -- corpo - principal - esquerda-principal - hot-links / blogs-colunas / newsletter / noticias / agenda-cultural / videos -- */ #corpo #principal #esquerda-principal #hot-links h1, #corpo #principal #esquerda-principal #blogs-colunas h1, #corpo #principal #esquerda-principal #newsletter h1, #corpo #principal #direita-principal #noticias h1, #corpo #principal #direita-principal #agenda-cultural h1, #corpo #principal #direita-principal #videos h1 { height: 42px; background: url(../images/t-bg.gif) repeat-x left top; margin-bottom: 10px; } #corpo #principal #esquerda-principal #hot-links h1 span.icone { width: 41px; height: 42px; background: url(../images/t-hotlinks.gif) no-repeat left top; float: left; } #corpo #principal #esquerda-principal #hot-links h1 span.topico, #corpo #principal #esquerda-principal #blogs-colunas h1 span.topico, #corpo #principal #esquerda-principal #newsletter h1 span.topico, #corpo #principal #direita-principal #noticias h1 span.topico, #corpo #principal #direita-principal #agenda-cultural h1 span.topico, #corpo #principal #direita-principal #videos h1 span.topico { float: left; color: #ffffff; font-weight: normal; font-size: 13px; padding: 12px 0 0 9px; } #corpo #principal #esquerda-principal #hot-links h1 span.fim, #corpo #principal #esquerda-principal #blogs-colunas h1 span.fim, #corpo #principal #esquerda-principal #newsletter h1 span.fim, #corpo #principal #direita-principal #noticias h1 span.fim, #corpo #principal #direita-principal #agenda-cultural h1 span.fim, #corpo #principal #direita-principal #videos h1 span.fim { width: 17px; height: 42px; background: url(../images/t-fim.gif) no-repeat left top; float: right; } #corpo #principal #esquerda-principal #hot-links ul, #corpo #principal #esquerda-principal #blogs-colunas ul, #corpo #principal #esquerda-principal #newsletter ul, #corpo #principal #direita-principal #noticias ul, #corpo #principal #direita-principal #agenda-cultural ul, #corpo #principal #direita-principal #videos ul { padding: 0 3px; } #corpo #principal #esquerda-principal #hot-links ul li, #corpo #principal #esquerda-principal #blogs-colunas ul li, #corpo #principal #direita-principal #noticias ul.destaques li, #corpo #principal #direita-principal #noticias ul.more li { border-bottom: 1px dashed #cccccc; padding-bottom: 10px; margin-bottom: 10px; } #corpo #principal #esquerda-principal #hot-links ul li span.titulo { font-weight: bold; font-size: 17px; color: #0C5C9B; } #corpo #principal #esquerda-principal #hot-links ul li a { color: #0C5C9B; } /* -- corpo - principal - esquerda-principal - blogs-colunas -- */ #corpo #principal #esquerda-principal #blogs-colunas h1 span.icone { width: 41px; height: 42px; background: url(../images/t-blogsecolunas.gif) no-repeat left top; float: left; } #corpo #principal #esquerda-principal #blogs-colunas ul li img { width: 50px; height: 50px; } /*#corpo #principal #esquerda-principal #blogs-colunas ul li a img { border: 3px solid #ffffff; } #corpo #principal #esquerda-principal #blogs-colunas ul li a:hover img { border: 3px solid #0C5C9B; }*/ #corpo #principal #esquerda-principal #blogs-colunas ul li a.border { width: 50px; height: 50px; display: block; margin-right: 10px; float: left; } #corpo #principal #esquerda-principal #blogs-colunas ul li a.border:hover { width: 44px; height: 44px; border: 0; overflow: hidden; border: #0C5C9B 3px solid; } #corpo #principal #esquerda-principal #blogs-colunas ul li a.border:hover img { margin: -3px 0 0 -3px; } #corpo #principal #esquerda-principal #blogs-colunas ul li span.colunista { font-weight: bold; color: #0C5C9B; } #corpo #principal #esquerda-principal #blogs-colunas ul li a { line-height: 15px; } #corpo #principal #esquerda-principal #blogs-colunas ul li a:hover { color: #0C5C9B; text-decoration: none; } #corpo #principal #esquerda-principal #blogs-colunas p { background-color: #F2F2F2; padding: 10px; border-left: 3px solid #ffffff; border-right: 3px solid #ffffff; margin-top: -10px; } #corpo #principal #esquerda-principal #blogs-colunas p select { width: 228px; background-color: #ffffff; border-top: 1px solid #ABADB3; border-right: 1px solid #DBDFE6; border-bottom: 1px solid #E3E9EF; border-left: 1px solid #E2E3EA; } /* -- corpo - principal - esquerda-principal - newsletter -- */ #corpo #principal #esquerda-principal #newsletter h1 span.icone { width: 41px; height: 42px; background: url(../images/t-newsletter.gif) no-repeat left top; float: left; } #corpo #principal #esquerda-principal #newsletter p { border-bottom: 1px dashed #cccccc; border-left: 3px solid #ffffff; border-right: 3px solid #ffffff; padding-bottom: 10px; } #corpo #principal #esquerda-principal #newsletter ul li { background-color: #f2f2f2; padding: 10px; display: inline; float: left; line-height: 15px; } #corpo #principal #esquerda-principal #newsletter ul li.texto { background: none; border-bottom: 1px dashed #cccccc; padding: 0 0 10px 0; } #corpo #principal #esquerda-principal #newsletter ul li.campo { padding: 10px 0 10px 10px; } #corpo #principal #esquerda-principal #newsletter ul li.campo input { width: 101px; height: 18px; background: #ff0000 url(../images/bg-campo-newsletter.gif) no-repeat left top; padding: 12px 12px 12px 49px; color: #85ADCD; } #corpo #principal #esquerda-principal #newsletter ul li.enviar { padding: 10px 10px 10px 0; } #corpo #principal #esquerda-principal #newsletter ul li.enviar input { width: 66px; height: 42px; background: url(../images/bg-enviar-newsletter.gif) no-repeat left top; padding: 11px 12px 11px 10px; color: #ffffff; cursor: pointer; } /* -- corpo - principal - direita-principal -- */ #corpo #principal #direita-principal { width: 284px; float: left; margin-right: 15px; _margin-right: 0px; } /* -- corpo - principal - direita-principal - noticias -- */ #corpo #principal #direita-principal #noticias h1 span.icone { width: 41px; height: 42px; background: url(../images/t-noticias.gif) no-repeat left top; float: left; } #corpo #principal #direita-principal #noticias ul.destaques li img { width: 278px; height: 104px; } #corpo #principal #direita-principal #noticias ul.destaques li a.border { width: 278px; height: 104px; display: block; margin-bottom: 5px; } #corpo #principal #direita-principal #noticias ul.destaques li a.border:hover { width: 272px; height: 98px; border: 0; overflow: hidden; border: #e40000 3px solid; } #corpo #principal #direita-principal #noticias ul.destaques li a.border:hover img { margin: -3px 0 0 -3px; } #corpo #principal #direita-principal #noticias ul.destaques li a.border1 { width: 278px; height: 104px; display: block; margin-bottom: 5px; } #corpo #principal #direita-principal #noticias ul.destaques li a.border1:hover { width: 272px; height: 98px; border: 0; overflow: hidden; border: #024387 3px solid; } #corpo #principal #direita-principal #noticias ul.destaques li a.border1:hover img { margin: -3px 0 0 -3px; } #corpo #principal #direita-principal #noticias ul.destaques li a.border2 { width: 278px; height: 104px; display: block; margin-bottom: 5px; } #corpo #principal #direita-principal #noticias ul.destaques li a.border2:hover { width: 272px; height: 98px; border: 0; overflow: hidden; border: #158D02 3px solid; } #corpo #principal #direita-principal #noticias ul.destaques li a.border2:hover img { margin: -3px 0 0 -3px; } #corpo #principal #direita-principal #noticias ul.destaques li a.border3 { width: 278px; height: 104px; display: block; margin-bottom: 5px; } #corpo #principal #direita-principal #noticias ul.destaques li a.border3:hover { width: 272px; height: 98px; border: 0; overflow: hidden; border: #8D028F 3px solid; } #corpo #principal #direita-principal #noticias ul.destaques li a.border3:hover img { margin: -3px 0 0 -3px; } #corpo #principal #direita-principal #noticias ul.destaques li a span.titulo-noticias { font-size: 17px; color: #e40000; font-weight: bold; } #corpo #principal #direita-principal #noticias ul.destaques li a span.titulo-tecnologia { font-size: 17px; color: #024387; font-weight: bold; } #corpo #principal #direita-principal #noticias ul.destaques li a span.titulo-esportes { font-size: 17px; color: #158D02; font-weight: bold; } #corpo #principal #direita-principal #noticias ul.destaques li a span.titulo-entretenimento { font-size: 17px; color: #8D028F; font-weight: bold; } #corpo #principal #direita-principal #noticias ul.more li { font-weight: bold; } #corpo #principal #direita-principal #noticias ul.more li.noticias { list-style-image: url(../images/seta-red.gif); list-style-position: inside; color: #e40000; } #corpo #principal #direita-principal #noticias ul.more li.noticias a { color: #e40000; } #corpo #principal #direita-principal #noticias ul.more li.esportes { list-style-image: url(../images/seta-verde.gif); list-style-position: inside; color: #158D02; } #corpo #principal #direita-principal #noticias ul.more li.esportes a { color: #158D02; } #corpo #principal #direita-principal #noticias ul.more li.entretenimento { list-style-image: url(../images/seta-roxo.gif); list-style-position: inside; color: #8D028F; } #corpo #principal #direita-principal #noticias ul.more li.entretenimento a { color: #8D028F; } #corpo #principal #direita-principal #noticias ul.more li.tecnologia { list-style-image: url(../images/seta-azul.gif); list-style-position: inside; color: #8D028F; } #corpo #principal #direita-principal #noticias ul.more li.tecnologia a { color: #024387; } /* -- corpo - principal - direita-principal - publicidade-quadradbanner -- */ #corpo #principal #direita-principal #publicidade-quadradbanner, #corpo #principal #esquerda-noticias #publicidade-quadradbanner, #corpo #principal #esquerda-esportes #publicidade-quadradbanner, #corpo #principal #esquerda-entretenimento #publicidade-quadradbanner, #corpo #principal #esquerda-tecnologia #publicidade-quadradbanner, #corpo #principal #esquerda-videos #publicidade-quadradbanner, #corpo #principal #esquerda-agenda-cultural #publicidade-quadradbanner { margin-bottom: 30px; padding: 0 3px; } #corpo #principal #direita-principal #publicidade-quadradbanner h1 a, #corpo #principal #esquerda-noticias #publicidade-quadradbanner h1 a, #corpo #principal #esquerda-esportes #publicidade-quadradbanner h1 a, #corpo #principal #esquerda-tecnologia #publicidade-quadradbanner h1 a, #corpo #principal #esquerda-entretenimento #publicidade-quadradbanner h1 a, #corpo #principal #esquerda-videos #publicidade-quadradbanner h1 a, #corpo #principal #esquerda-agenda-cultural #publicidade-quadradbanner h1 a { width: 78px; height: 20px; background: url(../images/t-anuncieaqui.gif) no-repeat left top; display: block; } #corpo #principal #direita-principal #publicidade-quadradbanner h1 a span, #corpo #principal #esquerda-noticias #publicidade-quadradbanner h1 a span, #corpo #principal #esquerda-tecnologia #publicidade-quadradbanner h1 a span, #corpo #principal #esquerda-esportes #publicidade-quadradbanner h1 a span, #corpo #principal #esquerda-entretenimento #publicidade-quadradbanner h1 a span, #corpo #principal #esquerda-videos #publicidade-quadradbanner h1 a span, #corpo #principal #esquerda-agenda-cultural #publicidade-quadradbanner h1 a span { display: none; } /* -- corpo - principal - direita-principal - agenda-cultural / videos -- */ #corpo #principal #direita-principal #agenda-cultural h1 span.icone { width: 41px; height: 42px; background: url(../images/t-agendacultural.gif) no-repeat left top; float: left; } #corpo #principal #direita-principal #agenda-cultural ul li, #corpo #principal #direita-principal #videos ul li { height: 60px; border-bottom: 1px dashed #cccccc; padding-bottom: 10px; margin-bottom: 10px; line-height: 15px; } #corpo #principal #direita-principal #agenda-cultural ul li img { width: 80px; height: 60px; } #corpo #principal #direita-principal #agenda-cultural ul li a.border { width: 80px; height: 60px; display: block; margin-right: 10px; float: left; } #corpo #principal #direita-principal #agenda-cultural ul li a.border:hover { width: 74px; height: 54px; border: 0; overflow: hidden; border: #0C5C9B 3px solid; } #corpo #principal #direita-principal #agenda-cultural ul li a.border:hover img { margin: -3px 0 0 -3px; } #corpo #principal #direita-principal #agenda-cultural ul li a span.titulo { font-weight: bold; color: #0C5C9B; } /* -- corpo - principal - direita-principal - videos -- */ #corpo #principal #direita-principal #videos h1 span.icone { width: 41px; height: 42px; background: url(../images/t-videos.gif) no-repeat left top; float: left; } #corpo #principal #direita-principal #videos ul li { line-height: 20px; } #corpo #principal #direita-principal #videos ul li img { width: 80px; height: 60px; } #corpo #principal #direita-principal #videos ul li a.border { width: 80px; height: 60px; display: block; margin-right: 10px; float: left; } #corpo #principal #direita-principal #videos ul li a.border:hover { width: 74px; height: 54px; border: 0; overflow: hidden; border: #028B8D 3px solid; } #corpo #principal #direita-principal #videos ul li a.border:hover img { margin: -3px 0 0 -3px; } #corpo #principal #direita-principal #videos ul li a { font-size: 17px; font-weight: bold; color: #028B8D; } /* -- corpo - principal - direita-publicidade -- */ #corpo #principal #direita-publicidade { width: 120px; min-height: 100px; _height: 500px; float:left; } /* -- corpo - principal - direita-publicidade - publicidade-buttonbanner -- */ #corpo #principal #direita-publicidade ul{ width: 120px; min-height: 100px; _height: 500px; } #corpo #principal #direita-publicidade p{ text-align: center; padding: 5px 0px 5px 20px;} /*#corpo #principal #direita-publicidade #publicidade-buttonbanner ul li { width: 120px; margin-bottom: 10px; text-align:center; } */ /* -- corpo - publicidade -- */ #corpo #publicidade-bigbanner { padding: 30px 30px 30px 52px; } #corpo #publicidade-bigbanner h1, #corpo #publicidade-bigbanner p { float: left; } #corpo #publicidade-bigbanner h1 a { width: 36px; height: 100px; background: url(../images/t-anuncieaqui2.gif) no-repeat left top; display: block; } #corpo #publicidade-bigbanner h1 a span { display: none; } /* -- corpo - mais-buscadas -- */ #corpo #mais-buscadas h1 { padding: 30px 30px 0 30px; font-size: 21px; color: #EC4C4C; } #corpo #mais-buscadas h2 { padding: 0 30px 30px 30px; font-size: 13px; font-weight: normal; } #corpo #mais-buscadas p { background-color: #f2f2f2; padding: 30px; } #corpo #mais-buscadas p a.font38b { font-size: 38px; font-weight: bold; } #corpo #mais-buscadas p a.font13 { font-size: 13px; } #corpo #mais-buscadas p a.font24b { font-size: 24px; font-weight: bold; } #corpo #mais-buscadas p a.font23 { font-size: 23px; } #corpo #mais-buscadas p a.font18 { font-size: 18px; } #corpo #mais-buscadas p a.font30 { font-size: 30px; } #corpo #mais-buscadas p a.font19b { font-size: 19px; font-weight: bold; } #corpo #mais-buscadas p a.font36b { font-size: 36px; font-weight: bold; } #corpo #mais-buscadas p a.font15b { font-size: 15px; font-weight: bold; } #corpo #mais-buscadas p a.font25 { font-size: 15px; } #corpo #mais-buscadas p a.font11b { font-size: 11px; font-weight: bold; } #corpo #mais-buscadas p a.font25b { font-size: 25px; font-weight: bold; } #corpo #mais-buscadas p a.font13b { font-size: 13px; font-weight: bold; } /* -- corpo - parceiros / copyright-- */ #corpo #parceiros, #corpo #copyright { padding: 0 30px 10px 30px; } #corpo #parceiros h1, #corpo #parceiros h3 { height: 55px; font-size: 36px; color: #E5E5E5; float: left; font-weight: normal; padding-top: 5px; } #corpo #parceiros h2 { float: left; font-size: 18px; color: #EC4C4C; font-weight: normal; margin: 17px 10px 0px 0px ; } #corpo #parceiros ul { float: left; } #parceiros ul li { width: 100px; height: 90px; _height: 45px; margin: 0px 10px 0px 0px; display: inline; float: left; text-align: left; padding: 0px 9px; } /* -- corpo - copyright -- */ #parceiros { width: 880px; height: 90px; _height: 45px; float:left; background-color: #fff; } #copyright { width: 880px; /*height: 90px; */ float:left; background-color: #fff; } #corpo #copyright ul { width: 680px; float: left; } #corpo #copyright ul li { display: inline; float: left; } #corpo #copyright p { float: right; color:#4C4C4C; } .sugestao{/*It?lico azul em caixa alta*/ color:#3b62b1; font-size:15px; font-style:italic; font-weight:bold; text-transform:uppercase; }