/* Folha de estilo por Arthur Amiune - arthur@rcleiloes.com.br - 2008 */ * { padding:0; margin:0; } body { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; text-align:center; /* Centraliza as DIV no Internet Explorer */ background-color:#FFF; background-image:url(../imagens/fundo001.gif); background-repeat:repeat-x; background-attachment:scroll; } /* LINKS */ /* Links em imagem sem borda */ a img{ border:none; } /* Fim de links em imagem sem borda */ /* Links Claros */ a:link { color:#FFF; } a:visited { color:#FFF; } a:hover { color:#666666; text-decoration:none } a:active{ color:#000; text-decoration:none; } /*Fim de Links Claros*/ /* Links Escuros */ a.linkescuro:link { color:#666666; } a.linkescuro:visited { color:#666666; } a.linkescuro:hover { color:#333; text-decoration:none } a.linkescuro:active { color:#FFF; text-decoration:none; } /*Fim de Links Escuros*/ /* FIM DE LINKS */ /*Parâmetros tipografia: Headings e cia*/ h1, h2, h3, h4, h5, h6 { text-align:left; color:#00729c; } h1 { font-size:36px; } h2 { font-size:24px; } h3 { font-size:18px; } h4 { font-size:16px; } h5 { font-size:14px; } h6 { font-size:12px; } p { font-size:12px; color:#333; text-align:justify; line-height: 2em; } em { font-style:normal; font-weight:bold; } div.identa { width:90%; position:relative; left:10%; } strong{ font-style:italic; font-weight:bold; } ol { color:#333; } ul { text-align:left; color:#333; line-height:2em; padding-left:2em; list-style:none; } /*Fim de Parâmetros tipografia*/ /* Início das DIV: #tudo, #data-e-hora, #cabecalho-links*/ .internetexplorer { } #tudo { position:relative; width:900px; margin:0 auto; /* "margin:auto" (left e right) Centraliza as DIV em navegadores padrão */ } #data-e-hora, #cabecalho-links { width:400px; height:20px; color:#FFF; position:relative; top:5px; } #data-e-hora { left:15px; text-align:left; float:left; } #cabecalho-links { right:15px; text-align:right; float:right; } /* Fim das DIV: #tudo, #data-e-hora, #cabecalho-links */ /* Regras para destacar o link da página atual na barra de navegação - mexer na "id" do no (X)HTML */ body#empresa #nav li a.empresa, body#leiloes #nav li a.leiloes, body#blog #nav li a.blog, body#suporte #nav li a.suporte { background-repeat:no-repeat; background-position: center; } body#empresa #nav li a.empresa { background-image:url(../imagens/botoes/menu/bt_m_empresa_d.png); } body#leiloes #nav li a.leiloes { background-image:url(../imagens/botoes/menu/bt_m_leiloes_d.png); } body#blog #nav li a.blog { background-image:url(../imagens/botoes/menu/bt_m_blog_d.png); } body#suporte #nav li a.suporte { background-image:url(../imagens/botoes/menu/bt_m_suporte_d.png); } /* Fim das regras - Não esquecer de mudar o "id" do das páginas */ /* Barra de Navegação como lista desordenada

*/ /*Início de CONTEUDO*/ #conteudo-ok { position: absolute; top:85px; left:0px; width:900px; } #sub-conteudo { width:850px; position:relative; top:10px; left:25px; } #sub-conteudo-leiloes { width:900px; position:relative; top:10px; left:0; } div#conteudo-texto { width:600px; margin:0 auto; position:relative; top:40px; margin-bottom:40px; } .data { color:#000; } .legenda-img { width:400px; margin: 0 auto; color:#000; text-align:center; font-weight:bold; font-size:10px; line-height:1em; } .legenda-img a { color:#000; } .sub-sub-titulo { color:#333; } /*Fim de CONTEUDO*/ /* TOOLTIPS DICIONÁRIO DO LEILÃO */ span#tooltip { background-color:#e4edf3; border:dotted; border-width:1px; border-color:#79a6c3; } /* TOOLTIPS DICIONÁRIO DO LEILÃO */ /* Início da DIV: titulo e seus seletores*/ #titulo { width:900px; height:60px; background-image:url(../imagens/fundotitulo.png); background-repeat:no-repeat; position:relative; clear:both; } #titulo h1 { float:left; position:relative; top:5px; left:15px; } #titulo h3 { float: left; position:relative; left:20px; top:20px; } #titulo p{ text-align:right; text-indent:0; float:right; position:relative; top:15px; right:15px; } /* Fim da DIV: titulo e seus seletores*/ /*Estilos para index.html*/ #destaque { position:relative; float:left; } #tags-index { position:relative; float:right; right:0; } #trio-index { position:absolute; top:385px; left:0; width:899px; } #leilao-index, #tutorial-index, #blog-index { width:286px; height:200px; position:relative; top:15px; float: left; background-image:url(../imagens/fundobanner.gif); background-repeat:repeat-x; } /*DIV: tutorial-index e seus seletores*/ #pesquisa_index_tags { width:288px; height:302px; } #tutorial-index { left: 18px; } #titulo-destaque{ color:#FFF; font-size:12px; text-indent:0; position: absolute; top:-2px; left:5px; } #tutorial-index img { position:absolute; bottom:0; left:0; } /*Fim da DIV: tutorial-index e seus seletores*/ /*DIV: blog-index e seus seletores*/ #blog-index { position:relative; float:right; text-align:left; } /*Fim de estilos para index.html*/ /*Estilos para empresa.html*/ #foto-empresa { width:400px; text-align:left; position:relative; float:left; clear:both; } #texto-empresa { width:450px; float:right; } #texto-empresa p { clear:both; padding-left:30px; } form#quero_vender { text-align:left; padding-left:40px; color:#333; } #texto-empresa ul li { padding-left:40px; text-align:justify; } /*Fim de Estilos para empresa.html*/ /*QUERO VENDER*/ div#form_esq { position:relative; width:50%; float:left; clear:both; } div#form_dir { position:relative; width:50%; float:right; } /*FIM DE "QUERO VENDER"*/ /*Estilos para leiloes.html*/ /*Fim de estilos para leiloes.html*/ /*Estilos para blog.html*/ #div-iframe-blog { } #iframe-blog { width:100%; height:5500px; border:0; } /*Fim de estilos para blog.html*/ /*Estilos para suporte.html/ /*Início de"Questões freqüentes*/ #questoes-freq-perguntas { width:50%; height:450px; float:left; } #questoes-freq-perguntas ol{ padding:15px; text-align:left; } #questoes-freq-perguntas li{ padding-bottom:15px; } div#invisivel { display:none; } #questoes-freq-respostas { width:50%; float:right; } #questoes-freq-respostas h2 { padding:0; } body#respostas-questoes-freq { background-image:none; background-color:transparent; } body#respostas-questoes-freq div { } /*Fim de "Questões freqüentes"*/ /*Início de Tutoriais*/ /*Fim de "Tutoriais"*/ /*Início de "Ajuda"*/ #ajuda-perguntas { width:30%; float:left; } #ajuda-perguntas ol{ padding:15px; text-align:left; } #ajuda-perguntas li{ padding-bottom:15px; } #ajuda-sub-perguntas { width:70%; float:right; } body#sub-perguntas-ajuda { background-image:none; background-color:transparent; text-align:left; } #ajuda-respostas { width:60%; float:right; } #ajuda-sub-perguntas-div { width:40%; float:left; } #ajuda-sub-perguntas-div li { padding-bottom:15px; } body#sub-perguntas-ajuda ul { text-align:left; color:#333; line-height:2em; padding-left:2em; } body#respostas-ajuda { background-image:none; background-color:transparent; } body#respostas-ajuda div { padding-left:15px; padding-right:15px; } /*Fim de "Ajuda"*/ /*Início de "Downloads"*/ .download-div { width:40%; height:120px; float:left; text-align:left; padding:15px; margin:2%; border-color:#00729c; border-style:solid; border-width:1px; } .download-div p { text-indent:0; padding:0; float:left; } .download-div ul{ float:left; text-align:left; color:#333; line-height:2em; padding-left:2em; } /*Fim de "Downloads"*/ /*Início de "Fale Conosco"*/ #div-chat { width:400px; float:left } #div-email { width:400px; float:left; } /*Fim de "Fale Conosco"*/ /*Fim de estilos para suporte*/ address { width:900px; margin-top:10px; position:relative; top:25px; clear:both; border-bottom-color:#CCC; border-bottom-style:solid; border-bottom-width:1px; } .address_index { position:absolute; top:600px; left:0; border-top-color:#CCC; border-top-style:solid; border-top-width:1px; border-bottom-width:0; } address p { font-style:normal; color:#666666; font-size:10px; width:45%; float:left; margin-top:10px; padding-left:1%; margin-left:1%; border-left-color:#ccc; border-left-style:solid; border-left-width:1px; } /*Fim das DIV*/