/* CSS Document */ * { margin:0; padding: 0; } html, body, #all { font-family: Arial, sans-serif; font-size: 12px; } html body { background-color: #f0f0f0; } html body #all { width: 702px; padding: 0 11px; margin: 0 auto; background-color: #E1E8F0; margin-bottom: 20px;} a.voltar { display: block; color: #959A9F; font-weight: bold; text-decoration: none; margin: 10px 0 0 15px; padding: 1px 0 0 7px; background: url(../imagens/voltar.gif) left no-repeat; } .alignleft a { color: #959A9F; font-weight: bold; text-decoration: none; margin: 10px 0 10px 15px; padding: 1px 0 0 7px; background: url(../imagens/voltar.gif) left no-repeat; } .alignright a { color: #959A9F; font-weight: bold; text-decoration: none; margin: 10px 0 10px 15px; padding: 1px 7px 0 0; background: url(../imagens/avancar.gif) right no-repeat; } a.inicial { display: block; font-weight: bold; color: #959A9F; float: right; text-decoration: none; margin: 0 0 15px 2px; padding: 1px 0 0 7px; background: url(../imagens/voltar.gif) left no-repeat; } /* --- topo --- */ #all #topo .banner { width: 701px; height: 111px; background: url(../imagens/topo.jpg) no-repeat; } #all #topo .banner a { float: left; width: 140px; height: 102px; margin: 2px 0 0 100px; text-indent: -999em; overflow: auto; } #all #topo h1 { width: 701px; height: 30px; background: url(../imagens/topo_titulo.gif) #295A8B no-repeat; border-bottom: 1px #fff solid; font-size: 1px; text-indent: -999em; overflow: auto; } #all #topo a.home { float: right; color: #fff; font-size: 11px; text-decoration: none; margin: -15px 5px 0 0; padding-left: 7px; background: url(../imagens/voltar.gif) left no-repeat; } /*--- conteudo --- */ #all #conteudo { width: 681px; background: url(../imagens/rodape.gif) #fff bottom no-repeat; margin-top: 6px; padding: 40px 0 15px 20px; } /* contendo float */ #conteudo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #conteudo { display: inline-block; } /* Hides from IE-mac \*/ * html #conteudo { height: 1%; } #conteudo { display: block; } /* End hide from IE-mac */ /*-- coluna 1 --*/ #all #conteudo #coluna1 { float: left; width: 465px; } #all #conteudo #coluna1 hr { clear: both; border: 1px #e1e8f0 solid; margin: 5px 0 20px 0; width: 468px; background: #e1e8f0; } #all #conteudo #coluna1 .post p { text-align: justify; margin-bottom: 19px; } #all #conteudo #coluna1 .post p.data { font-size: 11px; color: #000; margin-bottom: 18px; } #all #conteudo #coluna1 .post p.publicado { font-weight: bold; font-size: 11px;} #all #conteudo #coluna1 .post p.publicado a { color: #3F3F3F; } #all #conteudo #coluna1 h2 { font-size: 16px; color: #FF9000; } #all #conteudo #coluna1 h2 a { text-decoration: none; font-size: 16px; color: #FF9000; } #all #conteudo #coluna1 .post h3 { margin-bottom: 20px; font-size: 16px; color: #174573; } #all #conteudo #coluna1 .post h3 a { text-decoration: none; font-size: 16px; color: #174573; } #all #conteudo #coluna1 .post ul.acoes { list-style: none; margin-bottom: 31px; } #all #conteudo #coluna1 .post ul.acoes li { display: inline; padding-bottom: 4px; } #all #conteudo #coluna1 .post ul.acoes li span { color: #ff9000; font-size: 11px; border-right: 1px #ff9000 solid; padding: 0 8px; } #all #conteudo #coluna1 .post ul.acoes li a { color: #ff9000; font-size: 11px; border-right: 1px #ff9000 solid; padding: 0 8px; } #all #conteudo #coluna1 .post ul.acoes li.primeiro { padding: 0 0 4px 4px; background: url(../imagens/post_acoes_primeiro.gif) left no-repeat; } #all #conteudo #coluna1 .post ul.acoes li.ultimo {padding: 0 10px 4px 4px; background: url(../imagens/post_acoes_ultimo.gif) right no-repeat; } #all #conteudo #coluna1 .post ul.acoes li.ultimo a { border: none; padding: 0;} #all #conteudo #coluna1 .post ul.acoes li.page_item {padding: 0 10px 4px 4px; background: url(../imagens/post_acoes_ultimo.gif) right no-repeat; } #all #conteudo #coluna1 .post ul.acoes li.page_item a { border: none; padding: 0;} #all #conteudo #coluna1 .post .anuncios { width: 460px; padding: 2px; } #all #conteudo #coluna1 .post .anuncios dl { width: 200px; float: left; } #all #conteudo #coluna1 .post .anuncios dl dd { font-size: 11px; } #all #conteudo #coluna1 .post .anuncios dl dt a { font-weight: bold; } /*-- COMENTARIOS --*/ #all #conteudo #coluna1 .comentarios { width: 454px; padding: 35px 0 10px 11px; background: #FFE3BF; border: 2px #FF9000 solid; } #all #conteudo #coluna1 .comentarios h3 { font-size: 14px; color: #FF9000; margin: -25px 0 10px 0; } #all #conteudo #coluna1 .comentarios ol.lista_comentarios { width: 420px; padding-left: 15px; list-style: none; } #all #conteudo #coluna1 .comentarios ol.lista_comentarios li { padding-top: 10px; border-top: 1px #FF9000 solid; } #all #conteudo #coluna1 .comentarios ol.lista_comentarios li.primeiro { border: none; } #all #conteudo #coluna1 .comentarios ol.lista_comentarios li .texto p { font-size: 11px; } #all #conteudo #coluna1 .comentarios ol.lista_comentarios p.autor span { font-weight: bold; color: #FF9000 ; } #all #conteudo #coluna1 .comentarios form { width: 440px; border: 1px #FF9000 solid; background: #fff; } #all #conteudo #coluna1 .comentarios form fieldset { margin-bottom: 5px; padding: 10px; border: none; } #all #conteudo #coluna1 .comentarios form fieldset legend { margin: 10px 0 10px 0; padding: 0 0 0 7px; background: url(../imagens/post_comente.gif) left no-repeat; } #all #conteudo #coluna1 .comentarios form fieldset ol { list-style: none; margin-top: -10px; } #all #conteudo #coluna1 .comentarios form fieldset ol li p { margin-left: 3px; color: #8F8F8F; font-size: 10px; } #all #conteudo #coluna1 .comentarios form fieldset ol li { margin-bottom: 10px; width: 420px; } #all #conteudo #coluna1 .comentarios form fieldset ol li label { margin-right: 10px; font-weight: bold; } #all #conteudo #coluna1 .comentarios form fieldset ol li input { width: 200px; border: 1px #FFDCAF solid; } #all #conteudo #coluna1 .comentarios form fieldset ol li span.observacao { color: #8F8F8F; font-size: 10px; } #all #conteudo #coluna1 .comentarios form fieldset ol li textarea { width: 412px; height: 100px; padding: 3px; border: 1px #FFDCAF solid; font-family: Arial, sans-serif; font-size: 11px; } #all #conteudo #coluna1 .comentarios form fieldset button { display: block; width: 57px; height: 18px; border: none; background: url(../imagens/enviar.gif) no-repeat; text-indent: -999em; overflow: auto; } /*-- coluna 2 --*/ #all #conteudo #coluna2 { margin-top: -37px; float: right; width: 200px; } #all #conteudo #coluna2 .sobre_blog { width: 161px; padding: 0 14px 8px 25px; background: url(../imagens/coluna2_sobre_blog.gif) 1px 1px no-repeat; border-top: 1px #ff9000 solid; border-bottom: 1px #ff9000 solid; margin-bottom: 10px; } #all #conteudo #coluna2 .sobre_blog h3 { text-indent: -999em; overflow: auto; } #all #conteudo #coluna2 .sobre_blog p { font-size: 11px; padding-bottom: 11px; margin: 0 0 0 13px; } * html #all #conteudo #coluna2 .sobre_blog p { margin: 0 0 -2px 13px; } #all #conteudo #coluna2 .anuncios { width: 162px; padding: 21px 0 7px 36px; border-left: 1px #e9f1f9 solid; margin-top: 1px; border-top: 1px #ff9000 solid; } #all #conteudo #coluna2 .anuncios ul { list-style: none; } #all #conteudo #coluna2 .anuncios ul li { margin-bottom: 15px; width: 120px; } #all #conteudo #coluna2 .anuncios ul li a { font-weight: bold; font-size: 11px; } #all #conteudo #coluna2 .anuncios ul li p { font-size: 11px; color: #666666; } #all #conteudo #coluna2 .anuncios ul li p a { color: #666666; font-weight: normal; } #all #conteudo #coluna2 dl.complementos dt { width: 200px; height: 30px; text-indent: -999em; overflow: auto; margin: 3px 0 -1px 0;} #all #conteudo #coluna2 dl.complementos dt.categorias { background: url(../imagens/coluna2_titulo_categorias.gif) no-repeat; } #all #conteudo #coluna2 dl.complementos dd.rss {margin-top: 2px; background: url(../imagens/coluna2_titulo_rss.gif) no-repeat; border: 0; } #all #conteudo #coluna2 dl.complementos dd.rss a { display: block; width: 199px; height: 25px; text-indent: -999em; overflow: auto; } #all #conteudo #coluna2 dl.complementos dt.ultimos { background: url(../imagens/coluna2_titulo_ultimos.gif) no-repeat; } #all #conteudo #coluna2 dl.complementos dt.busca { background: url(../imagens/coluna2_titulo_busca.gif) no-repeat; margin-bottom: -17px; padding-bottom: 10px; } #all #conteudo #coluna2 dl.complementos dt.dias { background: url(../imagens/coluna2_titulo_dias.gif) no-repeat; margin-top: -2px; } #all #conteudo #coluna2 dl.complementos dt.anteriores { background: url(../imagens/coluna2_titulo_anteriores.gif) no-repeat; } #all #conteudo #coluna2 dl.complementos dt.links { background: url(../imagens/coluna2_titulo_links.gif) no-repeat; } #all #conteudo #coluna2 dl.complementos dd { margin-top: -6px; padding-top: 6px; border-left: 1px #e1e8f0 solid; height: 100%; } #all #conteudo #coluna2 dl.complementos dd ul { list-style: none; margin-left: 9px; padding-right: 6px; } #all #conteudo #coluna2 dl.complementos dd ul li { background: url(../imagens/coluna2_divisao.gif) bottom repeat-x; padding-bottom: 9px; margin: 9px 0; } #all #conteudo #coluna2 dl.complementos dd ul li.ultimo { background: none; } #all #conteudo #coluna2 dl.complementos dd ul li a { color: #ff9000; text-decoration: none; font-size: 11px; } /* -- busca -- */ #all #conteudo #coluna2 dl.complementos dd.form_busca { padding: 5px 0 3px 2px; } #all #conteudo #coluna2 dl.complementos dd form { width: 170px; height: 23px; margin: 5px; padding: 11px 5px 9px 10px; background: #f5f5f5; } #all #conteudo #coluna2 dl.complementos dd form input { width: 126px; height: 13px; border: 1px #000 solid; margin-right: 4px; padding: 2px ; font-size: 10px; } #all #conteudo #coluna2 dl.complementos dd form button { width: 23px; height: 19px; background: #000; border: none; color: #fff; } /* -- calendario -- */ #all #conteudo #coluna2 dl.complementos dd.dias_calendario { border-left: 0; margin-top: -15px; } #all #conteudo #coluna2 dl.complementos dd table { width: 197px; height: 102px; margin-bottom: 10px; background: url(../imagens/coluna2_tabela.gif) bottom repeat-x; border: 1px #e1e0e5 solid; } #all #conteudo #coluna2 dl.complementos dd table thead tr th { border-bottom: 1px #e1e0e5 solid; font-size: 10px; color: #6f6d83; padding: 5px 0 0 5px; } #all #conteudo #coluna2 dl.complementos dd table caption { border-bottom: 1px #e1e0e5 solid; font-size: 10px; color: #6f6d83; padding: 5px 0 0 5px; } #all #conteudo #coluna2 dl.complementos dd table tbody tr th { width: 27px; color: #6f6d83; font-size: 11px; font-weight: bold; } #all #conteudo #coluna2 dl.complementos dd table tbody tr td { line-height: 11px; width: 27px; text-align: center; font-size: 11px; } #all #conteudo #coluna2 dl.complementos dd table tbody tr td a { color: #dc1a21; text-decoration: none; } #all #conteudo #coluna2 dl.complementos dd table tfoot { width: 100%; height: 10px; border-top: 1px #000 solid; } #all #conteudo #coluna2 dl.complementos dd table tfoot a { color: #000; font-size: 10px; } /* -- Envie para um amigo -- */ #all.envie_amigo #conteudo form { width: 440px; margin: 0 auto; border: 1px #FF9000 solid; background: #fff; } #all.envie_amigo #conteudo form fieldset { margin-bottom: 5px; padding: 10px; border: none; } #all.envie_amigo #conteudo form fieldset legend { margin: 10px 0 10px 0; padding: 0 0 0 7px; background: url(../imagens/post_comente.gif) left no-repeat; } #all.envie_amigo #conteudo form fieldset ol { list-style: none; margin-top: -10px; } #all.envie_amigo #conteudo form fieldset ol li p { margin-left: 3px; color: #8F8F8F; font-size: 10px; } #all.envie_amigo #conteudo form fieldset ol li { margin-bottom: 10px; width: 420px; } #all.envie_amigo #conteudo form fieldset ol li label { margin-right: 10px; font-weight: bold; } #all.envie_amigo #conteudo form fieldset ol li input { width: 200px; border: 1px #FFDCAF solid; } #all.envie_amigo #conteudo form fieldset ol li span.observacao { color: #8F8F8F; font-size: 10px; } #all.envie_amigo #conteudo form fieldset ol li textarea { width: 412px; height: 100px; padding: 3px; border: 1px #FFDCAF solid; font-family: Arial, sans-serif; font-size: 11px; } #all.envie_amigo #conteudo form fieldset button { display: block; width: 57px; height: 18px; border: none; background: url(../imagens/enviar.gif) no-repeat; text-indent: -999em; overflow: auto; } #all.envie_amigo #conteudo a.voltar { display: block; color: #959A9F; font-weight: bold; text-decoration: none; margin: 20px 0 0 15px; padding: 1px 0 0 7px; background: url(../imagens/voltar.gif) left no-repeat; } #all.envie_amigo #conteudo form p.sucesso { width: 190px; height: 20px; margin: 20px auto; }