/* Cliente: O Globo Projeto: O Livreiro Secao: Pagina Inicial */ /* ------- PAGINA INICIAL ------- */ #home #conteudo #aviso { position: relative; width: 906px; padding: 0 38px; } #home #conteudo #aviso a.anterior, #home #conteudo #aviso a.seguinte { position: absolute; top: 50%; display: block; width: 39px; height: 71px; margin-top: -35px; background: url(../imagens/avisos-navegacao.png) no-repeat; text-indent: -9999em; overflow: hidden; } #home #conteudo #aviso a.anterior { margin-left: -39px; } #home #conteudo #aviso a.anterior:hover { background-position: -39px 0; } #home #conteudo #aviso a.seguinte { right: 0; background-position: 0 -71px; } #home #conteudo #aviso a.seguinte:hover { right: 0; background-position: -39px -71px; } #home #conteudo #aviso .banners { position: relative; width: 905px; height: 264px; overflow: hidden; } #home #conteudo #aviso .mascara { width: 200000%; } #home #conteudo #aviso .banner { float: left; width: 666px; height: 264px; padding-left: 240px; background: url(../imagens/avisos.png) no-repeat; } #home #conteudo #aviso div.banner.crie { width: 646px; padding-left: 260px; background-position: 0 -265px; } #home #conteudo #aviso div.banner.conectese { background-position: 0 -530px; } #home #conteudo #aviso div.banner.participe { background-position: 0 -795px; } #home #conteudo #aviso div.banner.gratuito { background-position: 0 -1060px; } #home #conteudo #aviso div.banner a.fechar { float: right; padding: 20px 10px 0 10px; background: url(../imagens/avisos-icone-fechar.png) 0 23px no-repeat; font-size: .83em; color: #ff795d; } #home #conteudo #aviso div.banner h3 { padding-top: 50px; font-size: 2em; font-weight: normal; color: #fff; } #home #conteudo #aviso div.banner.participe h3 { padding-top: 70px; } #home #conteudo #aviso div.banner h3 strong { display: block; } #home #conteudo #aviso div.banner h4 { margin-top: 5px; font-size: 1.33em; font-weight: normal; color: #364531; } #home #conteudo #aviso div.banner ul { list-style: none; } #home #conteudo #aviso div.banner ul.passos { margin-top: 15px; } #home #conteudo #aviso div.banner ul.passos li { float: left; min-width: 70px; padding: 0 11px; background: url(../imagens/avisos-separador.png) 0 center no-repeat; font-size: .9em; text-align: center; } #home #conteudo #aviso div.banner ul.passos li.crie { padding-left: 0; background: transparent; } #home #conteudo #aviso div.banner ul.passos li a { display: inline-block; height: 36px; padding-top: 25px; background: url(../imagens/avisos-icones.png) no-repeat; font-weight: bold; line-height: 1.1em; text-decoration: none; color: #fff; } #home #conteudo #aviso div.banner ul.passos li a:hover { color: #ffde03; } #home #conteudo #aviso div.banner ul.passos li a strong { display: block; font-size: 1.1em; } #home #conteudo #aviso div.banner ul.passos li.crie a { background-position: -30px 0; } #home #conteudo #aviso div.banner.crie ul.passos li.crie a, #home #conteudo #aviso div.banner ul.passos li.crie a:hover { background-position: -30px -66px; color: #ffde03; } #home #conteudo #aviso div.banner ul.passos li.conectese a { width: 85px; background-position: -130px 0; } #home #conteudo #aviso div.banner.conectese ul.passos li.conectese a, #home #conteudo #aviso div.banner ul.passos li.conectese a:hover { background-position: -130px -66px; color: #ffde03; } #home #conteudo #aviso div.banner ul.passos li.participe a { width: 95px; background-position: -235px 0; } #home #conteudo #aviso div.banner.participe ul.passos li.participe a, #home #conteudo #aviso div.banner ul.passos li.participe a:hover { background-position: -235px -66px; color: #ffde03; } #home #conteudo #aviso div.banner ul.passos li.gratuito a { width: 70px; background-position: -355px 0; } #home #conteudo #aviso div.banner.gratuito ul.passos li.gratuito a, #home #conteudo #aviso div.banner ul.passos li.gratuito a:hover { background-position: -355px -66px; color: #ffde03; } #home #conteudo #aviso div.banner div.participe { clear: right; float: right; display: inline; width: 211px; height: 155px; margin-right: 15px; padding: 50px 5px 0; background: url(../imagens/avisos-caixa.png) no-repeat; text-align: center; } #home #conteudo #aviso div.banner div.participe h5 { margin-bottom: 5px; font-size: 1em; } #home #conteudo #aviso div.banner div.participe a.botao { display: block; width: 169px; height: 50px; margin: 0 auto 10px; background: url(../imagens/topo-botao-crie-perfil.png) 0 0 no-repeat; font-weight: bold; font-size: 1.5em; line-height: 50px; text-decoration: none; color: #fff; } #home #conteudo #aviso div.banner div.participe a.botao:hover { background-position: 0 -60px; } #home #conteudo #aviso div.banner div.participe ul { font-size: .83em; font-weight: bold; word-spacing: -1px; } #home #conteudo #aviso div.banner div.participe ul li { padding: 7px 0; border-top: 1px solid #f6e5cf; } #home #conteudo #aviso div.banner div.participe ul li.primeiro { border: 0; } #home #conteudo #aviso div.banner div.participe ul li a { font-weight: normal; color: #ff795d; } /* ------- coluna1 ------- */ #home #coluna1 { width: 634px; padding-top: 20px; } #home #coluna1 dl.secoes { margin-bottom: 20px; } #home #coluna1 dl.secoes dt { clear: both; display: block; height: 44px; padding-left: 75px; background: url(../imagens/titulos-principais.png) left top no-repeat; font: bold 1.83em Verdana, sans-serif; color: #fff; } #home #coluna1 dl.secoes.livros dt { height: 42px; padding-top: 2px; background-position: 0 -27px; } #home #coluna1 dl.secoes.autores dt { height: 41px; padding: 25px 0 0 88px; background-position: 0 -77px; } #home #coluna1 dl.secoes.pessoas dt { height: 41px; padding: 25px 0 0 72px; background-position: 0 -148px; } #home #coluna1 dl.secoes.comunidades dt { height: 40px; padding: 30px 0 0 58px; background-position: 0 -219px; } #home #coluna1 dl.secoes dt span { float: left; } #home #coluna1 dl.secoes dt span a { text-decoration: none; color: #fff; } #home #coluna1 dl.secoes dt a.mais { margin-left: 30px; padding-left: 13px; background: url(../imagens/icone-mais-branco.png) left center no-repeat; font: normal 0.5em Verdana, sans-serif; color: #fff; } a.controle { position: relative; top: 7px; display: inline; width: 17px; height: 16px; margin-right: 10px; background: url(../imagens/ordenar-botoes-bg.png) no-repeat; text-indent: -9999em; overflow: hidden; } a.controle.baixar { background-position: 0 0; } a.controle.baixar:hover { background-position: 0 -16px; } a.controle.subir { background-position: -21px 0; } a.controle.subir:hover { background-position: -21px -16px; } #home #coluna1 dl.secoes dd { float: left; width: 597px; padding: 12px 18px 30px 18px; background: #f4f4f3; } #home #coluna1 dl.secoes dd.alm_comunidade { float: left; width: 597px; padding: 12px 18px 70px 18px; background: #f4f4f3; } #home #coluna1 dl.secoes dd ul.itens { float: left; display: none; list-style: none; } #home #coluna1 dl.secoes dd ul.itens.ativo { display: block; } #home #coluna1 dl.secoes dd ul.itens li { position: relative; float: left; width: 105px; margin-right: 53px; text-align: center; } #home #coluna1 dl.secoes dd ul.itens li.ultimo { margin-right: 0; } #home #coluna1 dl.secoes dd ul.itens li img { border: 3px solid #f4f4f3; } #home #coluna1 dl.secoes dd ul.itens li:hover img { border-color: #bfbebe; } #home #coluna1 dl.secoes dd ul.itens li a { font: 0.91em/13px Verdana, sans-serif; color: #38a1c9; } #home #coluna1 dl.secoes dd ul.itens li a.organizar { color: #424242; } #home #coluna1 dl.secoes dd ul.itens li h6 a { color: #fff; } #home #coluna1 dl.secoes dd ul.itens li strong a { font-size: 1em; font-weight: bold; color: #424242; } #home #coluna1 dl.secoes dd ul.itens li strong { display: block; } #home #coluna1 dl.secoes dd ul.itens li p a { font-size: 1.1em; } #home #coluna1 dl.secoes.livros dd ul.itens li strong a { font-weight: normal; } #home #coluna1 dl.secoes dd ul.itens li a.remover { display: none; position: absolute; top: 0; right: 0; width: 16px; height: 15px; background: url(../imagens/itens-icone-remover.gif) no-repeat; text-indent: -9999em; overflow: hidden; z-index: 10; } #home #coluna1 dl.secoes dd ul.listagem_pessoas li strong { display: block; } #home #coluna1 dl.secoes dd ul.itens li .imagem { position: relative; width: 105px; height: 111px; margin-bottom: 10px; } #home #coluna1 dl.secoes.livros dd ul.itens li .imagem { height: 149px; } #home #coluna1 dl.secoes dd ul.itens li .acoes { position: absolute; bottom: -1px; left: 1px; display: none; height: 22px; } * html #home #coluna1 dl.secoes dd ul.itens li .acoes { top: 0; width: 103px; margin-top: 90px; } * html #home #coluna1 dl.secoes.livros dd ul.itens li .acoes { margin-top: 126px; } #home #coluna1 dl.secoes.livros dd ul.itens li .imagem .acoes { border: 1px #e6e6e5 solid; } #home #coluna1 dl.secoes dd ul.itens li .acoes a.adicionar, #home #coluna1 dl.secoes dd ul.itens li .acoes a.favoritar, #home #coluna1 dl.secoes dd ul.itens li .acoes a.participar, #home #coluna1 dl.secoes dd ul.itens li .acoes a.amigo { float: left; width: 21px; height: 21px; background: url(../imagens/secoes-acoes.png) no-repeat; text-indent: -9999em; overflow: hidden; } #home #coluna1 dl.secoes dd ul.itens li .acoes a.adicionar:hover, #home #coluna1 dl.secoes dd ul.itens li .acoes a.participar:hover, #home #coluna1 dl.secoes dd ul.itens li .acoes a.amigo:hover { background-position: 0 -21px; } #home #coluna1 dl.secoes dd ul.itens li .acoes a.favoritar { background-position: 0 -42px; } #home #coluna1 dl.secoes dd ul.itens li .acoes a.favoritar:hover { background-position: 0 -63px; } #home #coluna1 dl.secoes dd ul.itens li .acoes p.favorito { display: none; margin-right: 1px; background: #f4a33a; line-height: 21px; font-weight: bold; text-align: center; color: #fff; } #home #coluna1 dl.secoes dd ul.itens li .acoes p.participar { display: none; margin-right: 1px; background: #ff795d; line-height: 21px; font-weight: bold; text-align: center; color: #fff; } #home #coluna1 dl.secoes dd ul.itens li .acoes ul.votos { height: 21px; margin-left: 20px; padding-left: 3px; background: #fff; list-style: none; } #home #coluna1 dl.secoes dd ul.itens li .acoes ul.votos li { position: static; float: left; display: inline; width: auto; margin: 0 2px; } #home #coluna1 dl.secoes dd ul.itens li div.adicionar { position: absolute; top: 30px; left: -2px; display: none; width: 103px; height: 112px; padding: 5px; background: url(../imagens/secoes-acoes-adicionar-bg.png) #d72500 no-repeat; font-size: .9em; text-align: left; color: #fff; z-index: 100; } #home #coluna1 dl.secoes dd ul.itens li div.adicionar a.fechar { float: right; width: 7px; height: 7px; background: url(../imagens/secoes-acoes-fechar.png) no-repeat; text-indent: -9999em; overflow: hidden; } #home #coluna1 dl.secoes dd ul.itens li div.adicionar a.fechar:hover { background-position: 0 -7px; } #home #coluna1 dl.secoes dd ul.itens li div.adicionar form ul { margin: 5px 0; list-style: none; } #home #coluna1 dl.secoes dd ul.itens li div.adicionar form { margin-bottom: 5px; padding-bottom: 5px; background: url(../imagens/secoes-acoes-separador.png) bottom no-repeat; } #home #coluna1 dl.secoes dd ul.itens li div.adicionar form ul li { position: static; float: none; width: auto; margin: 0; line-height: 2em; text-align: left; } #home #coluna1 dl.secoes dd ul.itens li div.adicionar a.organizar { font-size: .9em; color: #f8cd13; letter-spacing: -1px; } #home #coluna1 dl.secoes dd ul.itens li p { font-size: 0.83em; } #home #coluna1 dl.secoes dd ul.atividades { display: none; position: relative; top: -10px; margin-bottom: -10px; list-style: none; } #home #coluna1 dl.secoes dd ul.atividades.ativo { display: block; } #home #coluna1 dl.secoes dd ul.atividades li { float: left; width: 562px; margin-bottom: 10px; padding: 7px 17px; background: url(../imagens/home-atividades-bg.png) 0 center no-repeat; } #home #coluna1 dl.secoes dd ul.atividades li div.imagem { width: 40px; height: 40px; } #home #coluna1 dl.secoes.livros dd ul.atividades li div.imagem { width: 38px; height: 54px; } #home #coluna1 dl.secoes dd ul.atividades li p { margin-left: 50px; padding-top: 5px; } /* redes sociais */ #home #coluna1 #social { clear: left; width: 495px; height: 118px; margin-bottom: 40px; padding: 42px 0 0 125px; background: url(../imagens/home-sociais-bg.png) left top no-repeat; } #home #coluna1 #social dl { height: 53px; background: url(../imagens/home-sociais.png) 0 0 no-repeat; } #home #coluna1 #social dl.redes { height: 43px; margin-top: 10px; padding-top: 20px; border-top: 1px #b9b9b9 dashed; background-position: 0 20px; } #home #coluna1 #social dl dt { height: 20px; margin-bottom: 5px; padding-left: 55px; font: bold .9em/20px Verdana, sans-serif; color: #333e2f; word-spacing: -1px; } #home #coluna1 #social dl dt a { font-weight: normal; font-size: .83em } #home #coluna1 #social dl dd { padding-left: 10px; } #home #coluna1 #social dl dd ul { list-style: none; } #home #coluna1 #social dl dd ul li { float: left; margin-right: 30px; } #home #coluna1 #citacao { margin-bottom: 10px; } #home #coluna1 #citacao p em { font: italic 1.5em/20px Verdana, sans-serif; color: #12b1b3; } #home #coluna1 #citacao p { margin-bottom: 20px; } #home #coluna1 #citacao p a { color: #38a1c9; } #home #conteudo #coluna1 a.botao_gostei { position: relative; top: -2px; float: left; display: block; width: 83px; height: 19px; margin-right: 8px; background: url(../imagens/home-botao-gostei.gif) 0 0 no-repeat; font: normal .9em/19px Verdana, sans-serif; text-indent: 24px; text-decoration: none; color: #fff; } #home #conteudo #coluna1 a.botao_gostei:hover { background-position: 0 -29px; } /* ------- coluna1 ------- */ #home #coluna2 { float: right; width: 312px; padding-top: 20px; } #home #coluna2 h3 { height: 45px; margin-bottom: 5px; padding-left: 10px; background: url(../imagens/titulos-secundarios.png) 0 -45px no-repeat; line-height: 35px; font-size: 1em; color: #333e2f; } #home #coluna2 h3.voce_sabia { background-position: 0 0; color: #fff; } #home #limites #conteudo .banner_missao { margin-bottom: 20px; padding: 15px 5px; background: #f4f4f3; } #home #limites #conteudo .banner_missao div.estatisticas { width: 245px; margin: 10px auto; text-align: right; } #home #limites #conteudo .banner_missao div.estatisticas p { clear: both; font: bold 0.81em Verdana, sans-serif; white-space: nowrap; } #home #limites #conteudo .banner_missao div.estatisticas p span { float: right; width: 100px; line-height: 20px; text-align: left; } #home #limites #conteudo .banner_missao div.estatisticas p strong { float: right; height: 20px; padding-left: 5px; letter-spacing: 10px; background-repeat: no-repeat; background-position: right center; font: bold 1.13em/20px Verdana, sans-serif; text-align: right; } * html #home #limites #conteudo .banner_missao div.estatisticas p strong { padding: 0 7px; } #home #limites #conteudo .banner_missao div.estatisticas p.livros_cadastrados strong { background-image: url(../imagens/banner-missao-contador-cadastros.gif); } #home #limites #conteudo .banner_missao div.estatisticas p.livros_lidos strong { background-image: url(../imagens/banner-missao-contador-livros.gif); } #home #limites #conteudo .banner_missao .botao_participe { width: 100px; margin-right: 25px; padding: 7px 8px; background: #fff; font-size: .9em; color: #38a1c9; } #home #limites #conteudo .banner_missao .apoio { margin-left: 0px; padding-left: 0px; } #home #limites #conteudo .banner_missao .apoio span { display: block; margin-bottom: 3px; font-size: .9em; } #home #coluna2 div.info_outras_redes { padding-bottom: 40px; } #home #coluna2 div.info_outras_redes p { margin-bottom: 5px; font-size: 1.16em; } #home #coluna2 div.info_outras_redes ul { list-style: none; } #home #coluna2 div.info_outras_redes ul li { display: inline; margin-right: 2px; } #home #coluna2 div.info_outras_redes ul li a { display: inline-block; padding: 2px 4px 0; } #home #coluna2 div.info_outras_redes ul li a:hover { background: #f2f2f1; } #home #coluna2 h3.atividades { background-position: 0 0; color: #fff; } #home #coluna2 ul.atividades { margin-bottom: 3em; list-style: none; } #home #coluna2 ul.atividades li { position: relative; margin-bottom: 7px; } #home #coluna2 ul.atividades li .imagem { float: left; width: 40px; height: 40px; } #home #coluna2 ul.atividades li .descricao { margin-left: 47px; padding: 14px 11px 14px 37px; background: #f2f2f0 url(../imagens/icone-balao-verde.gif) 16px 17px no-repeat; } #home #coluna2 ul.atividades li p { font: normal .9em/14px Verdana, sans-serif; } #home #coluna2 ul.atividades li a { color: #1b95c3; } #home #coluna2 .blog { min-height: 100px; margin-bottom: 45px; } * html #home #coluna2 .blog { height: 100px; } #home #coluna2 .blog a { color: #424242; } #home #coluna2 .blog img { width: 81px; height: 84px; padding: 5px; border: 1px #e2e2e4 solid; } #home #coluna2 .blog h4, #home #coluna2 .blog p { margin-left: 106px; } #home #coluna2 .blog h4 { margin-bottom: 10px; font-size: 1em; font: bold 1em/16px Verdana, sans-serif; } #home #coluna2 .blog h4 a { color: #38a1c9; } #home #coluna2 .blog p { line-height: 12px; } #home #coluna2 ul.listas li { position: relative; display: block; margin-bottom: 5px; padding: 13px 22px; background: #f4f4f3 url(../imagens/coluna2-listas-item-bg.png) 280px center no-repeat; font-size: 1.09em; text-decoration: none; color: #38a1c9; } #home #coluna2 ul.listas li:hover { background-color: #eeeeee; } #home #coluna2 ul.listas li span { display: block; margin-top: 4px; font-size: .9em; color: #888; } #home #coluna2 ul.listas li span em { font: normal .9em Verdana, sans-serif; } #home #coluna2 a.mais { padding-left: 15px; background: url(../imagens/icone-mais.png) left center no-repeat; color: #38a1c9; font-size: 0.83em; zoom: 1; } #home #coluna2 #patrocinados { width: 281px; margin: 40px auto 0; padding-bottom: 20px; background: url(../imagens/patrocinados-bg.png) left bottom no-repeat; } #home #coluna2 #patrocinados a { color: #424242; } #home #coluna2 #patrocinados h3 { padding: 45px 0 10px 20px; background: url(../imagens/patrocinados-bg.png) top left no-repeat; font-size: 1.6em; color: #333e2f; } #home #coluna2 #patrocinados h3 a { color: #38a1c9; } #home #coluna2 #patrocinados ul { float: left; margin-bottom: 10px; padding-left: 20px; list-style: none; } #home #coluna2 #patrocinados ul li { float: left; margin-bottom: 25px; padding-bottom: 30px; background: url(../imagens/patrocinados-separador.png) bottom center no-repeat; } #home #coluna2 #patrocinados ul li.ultimo { background: transparent; padding-bottom: 0; } #home #coluna2 #patrocinados ul li .detalhes { width: 145px; margin-left: 105px; } #home #coluna2 #patrocinados ul li .detalhes h4 { font-size: .9em; } #home #coluna2 #patrocinados ul li .detalhes h4 a { color: #38a1c9; } #home #coluna2 #patrocinados ul li .detalhes p { font-size: .9em; } #home #coluna2 #patrocinados ul li .detalhes .price { margin: 8px 0 20px; font: bold 1.08em Verdana, sans-serif; } #home #coluna2 #patrocinados p.centro a.mais { color: #38a1c9; } .editar form fieldset ol { width: 580px; margin: 0 auto; padding: 20px 20px 0px 0px; } .editar form fieldset ol li { margin-bottom: 10px; list-style: none;} .editar form fieldset ol li label { display: block; margin-bottom: 5px; display: inline;font-weight: bold} .editar form fieldset ol li input.titulo_bloco { width: 350px; height: 20px; padding: 2px 0 0 2px; } .editar form fieldset ol li input { width: 150px; height: 20px; padding: 2px 0 0 2px; } .editar form fieldset ol li #chkRemember{ width: 15px; height: 15px; padding: 2px 0 0 2px; } div.bloco_texto{margin-bottom: 15px} div.bloco_texto p.titulo_texto_home {font: bold 1.83em Verdana, sans-serif;} div.bloco_texto p.texto_bloco_home {font: 1.2em Verdana, sans-serif;}