/* Document : estilo.css Created on : 05/04/2010, 08:20:20 Author : Paulo Marcos Luft - Acao Direta Web Studio Description: CSS - E-NEGÓCIOS ABIH SC TODO customize this sample style Syntax recommendation http://www.w3.org/TR/REC-CSS2/ */ html { background: transparent; } img, fieldset { border:none; } body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg1.gif); } div.clear { clear:both; } h1, h2, h3, h4, h5, h6, th, strong { font-weight: bold; } /* textos */ #logo span, #header h1 { width:288px; height:59px; text-indent:-990%; overflow:hidden; background:url(../images/logo-e-negocios.png) no-repeat; position:absolute; top:20px; left:5px; font-size:20px } #logo span a, #header h1 a { width:288px; height:59px; display:block; } #content_right h1, h2 { color:#FF6600; font-size:18px; font-weight:normal; } h3 { } h4 { } h5 { } p { line-height:14px; font-size:12px; font-weight:normal; margin-bottom:15px; } a { text-decoration:none; color:#0092DD; } a:hover { text-decoration:underline;} small { font-size:10px; font-weight:normal; } table th, table td { vertical-align:middle; } /* Correção para divs com float - clear fix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .clearfix { display: inline-block;} html[xmlns] .clearfix { display: block;} * html .clearfix { height: 1%;} ul.errors { background-color:#F9FFFF; background-image:url(../images/admin/alert.png); background-repeat:no-repeat; width:380px; margin:auto; padding-top:0.5em; padding-bottom:0.5em; background-position:1em; border:solid 1px #996600; } ul.errors li { text-align:left; padding-left:3em; color:#996600; list-style:none; } /* ------ Estrutura do Site [divs mais fixas que não serão alteradas] ------ */ #container { width:905px; margin:0 auto; background:#fff url(../images/fundo-site.png) 0 95px no-repeat; } #header { height:175px; position:relative; } #wrapper { margin:5px 0 0 0; background:url(../images/fundo-wrapper.png) repeat-y;} #content_left { float:left; margin:0 0 0 10px; width:188px; display:inline; } #content_right { float:right; width:700px; margin:0 2px 0 0; } #content_all { margin: 0 1em; } #footer { background:url(../images/fundo-rodape.png) no-repeat; height:42px; width:905px; margin:0 auto; padding-bottom:10px; position:relative; } /* Login página inicial */ #logos_login { float:left; margin:150px 0 150px 10px; border-right:1px dotted #484848; display:inline; } #logos_login img { margin:0 50px 0 0; } .login { float:right; margin:180px 50px 150px 0px; display:inline; width:366px;} .login form.form_login { width:300px; } .login form.form_login input { width:150px; } /* Conteúdo do site */ #menu { position:absolute; top:5px; right:5px; } #menu li { float:left; padding:0 0.5em; border-right: 1px solid #000; } #menu li.last { border: none; } #menu a:hover { text-decoration:underline; color:#000; } p.saudacoes_coloradas { position:absolute; top:40px; left:310px; } #header img { position:absolute; top:25px; right:10px; } #busca { width:510px; height:53px; background:url(../images/fundo-busca.png) repeat-x; position:absolute; bottom:10px; left:10px; } #busca fieldset { display:inline } #busca input { width:355px; height:30px; background:#fff; margin:10px; border:none; float:left; font-size:16px; } #busca input#bt_buscar { width:110px; height:32px; margin:10px 10px 10px 0; background:#0093DD; font-size:20px; color:#fff; } #anuncios { width:343px; height:60px; background:url(../images/fundo-anuncios.png) no-repeat; position:absolute; bottom:5px; right:10px; } #anuncios p { font-size:11px; font-weight:900; margin:3px 5px; } #anuncios p#botao_anuncios { display:block; width:343px; height:25px; margin:4px 0 0 0; background:url(../images/botao-anuncio.png) no-repeat; text-align:center; color:#fff; font-size:16px; padding:4px 0 0 0; } #anuncios p#botao_anuncios a { color:#fff; } #content_left #header_categoria { width:185px; height:41px; background:url(../images/header-categoria.png) no-repeat; overflow:hidden; text-indent:-990%; } .navigation { width:185px; background:url(../images/centro-categoria.png) repeat-y; border:none; } .navigation li { background:url(../images/marcador.png) no-repeat 3px 5px; width:158px; margin:0 0 0 9px; padding:1px 0 1px 10px; } .navigation li.actual { background-color: #FFF1DF; padding-bottom: 1em; } .navigation li span, .navigation li a { color:#006699; font-weight:900; font-size:10px; cursor: pointer; } .navigation li a { text-decoration: underline; } #content_right div.banner { width:700px; height:90px; line-height:90px; text-align:center; background:#ccc; color:#999; font-size: 20px; } #content_right div.anuncios_destaques{ width:698px; border:1px solid #999; margin-top:10px; } #content_right div.anuncios_destaques h2{ width:688px; background:#EAEFF2; height:33px; line-height:33px; padding:0 0 0 10px; } #content_right div.anuncios_destaques li{ width:169px; padding:2px; border-right:1px solid #E4E4E4; height:205px; float:left; margin:10px 0; } #content_right div.anuncios_destaques li a{ text-align:center; margin:auto auto 15px; display:block; } #content_right div.anuncios_destaques li p{ text-align:center; margin:0px; } #content_right div.anuncios_destaques li img{ margin-top:10px; } #footer p { text-align:center; } #footer p.direitos { position:absolute; bottom:13px; left:10px; font-size:10px; } #footer a.acao { position:absolute; bottom:13px; right:10px; display:block; width:94px; height:22px; overflow:hidden; background:url(../images/logo-acao-direta.png) no-repeat; text-indent:-990%; } /* ----->>>>> Tabelas <<<<<-------- */ table.tabela { width:100%; border-collapse:collapse; border:1px solid #636363; } table.tabela thead { font-size:12px; background:#0093DD; color:#FFF; text-align:left; } table.tabela thead th { background:#0093DD; padding:5px 5px 5px 0; text-align:left; border-bottom:1px dotted #666666; } table.tabela tbody tr { font-size:12px; } table.tabela tbody th { border-bottom:1px dotted #666666; border-right:1px solid #EFEFEF; } table.tabela tbody th a { color:#666; text-decoration:underline; font-weight:normal; } table.tabela tbody th a:hover { color:#000; text-decoration:none; } table.tabela tbody th a.azul_link { color:#0093DD; font-size:14px; text-decoration:none;} table.tabela tbody th a.azul_link:hover { color:#0093DD; text-decoration:underline;} table.tabela tbody th img { vertical-align:middle; } table.tabela tbody td { border-bottom:1px dotted #666666; color:#333; border-right:1px solid #EFEFEF; } table.tabela tbody td.azul { color:#0090D6; } table.tabela tbody td img { line-height:120px; } table.tabela tbody td.quant_n { font-size:10px; color:#666; } table.tabela tbody input.botao_quant { font-size:11px; color:#666; text-decoration:none; border:none; background:none; text-align:left;} table.tabela tbody input.remover { text-align:left; } table.tabela tbody input.botao_quant:hover { color:#000; } table.tabela tbody input.quantidade { background:none; border:1px solid #000; width:30px; margin:0 0px 0 0; text-align: right; padding: 0 2px; } table.tabela tfoot { font-size:12px; color:#666666; font-weight:bold; } table.tabela tfoot th, table.tabela tfoot td { padding:5px; border-bottom:1px dotted #666666; background:#E1EDF0 } table.categoria th, table.categoria td { padding:0 5px; } .odd { background: #E8F1F4; } table.meu_pedidos th { padding:5px 0; } div.botoes { width:470px; float: right; margin-top:10px; } button.prevStep, button.nextStep, input.prevStep, input.nextStep, a.nextStep, a.prevStep { background:#0090D6; width:180px; height:30px; display:block; margin:0; padding-left:40px; line-height:30px; padding:0; border:none; color:#FFF; font-weight:bold; text-decoration:none; text-align:center; float:left; margin:0 90px 0 0; font-size:11px; font-family: Verdana,Arial,Tahoma,sans-serif; } button.nextStep, input.nextStep, a.nextStep { background:#0090D6; margin:0px; } button.prevStep:hover, button.nextStep:hover, input.prevStep:hover, input.nextStep:hover, a.nextStep:hover, a.prevStep:hover { cursor: pointer; } /********************** Como comprar ******************************/ #ultimos_cadastros { width:615px; background-color:#E8F1F4; position:relative; height:255px; margin-left:30px;} #ultimos_cadastros div.left, #ultimos_cadastros div.right { position:absolute; top:100px; color:#FFF; font-weight:bold;width:11px;height:20px;color:#8f1b02;cursor:pointer;} #ultimos_cadastros div.right { left:0px; background:url('../images/volta.png') no-repeat; height:40px; width:22px; overflow:hidden; text-indent:9000px;} #ultimos_cadastros div.left { right:0px; background:url('../images/vai.png') no-repeat; height:40px; width:22px; overflow:hidden; text-indent:-9000px;} #ultimos_cadastros div.scroll { width:95%; height:200px; margin:10px auto;} #ultimos_cadastros div.item { width:575px; height: 245px; background-color:#FFFFFF; margin:6px; float:left;color:#666666; position:relative;} #ultimos_cadastros div.item p { text-align:center;} #ultimos_cadastros div.item p.title { font-weight:bold; font-size:14px} #ultimos_cadastros div.item p.comment{ text-align:left; padding:3px;} #ultimos_cadastros div.item img { margin:10px auto; display:block;} #ultimos_cadastros div.item a { background:#665A35 url(../images/fundo-botao-ultimoscadastro.jpg) repeat-x; display:block; bottom:10px; position:absolute; width:100px; height:18px; margin:auto 15px; text-align:center; color:#FFFFFF; font-weight:bold; text-decoration:none;} /* Produtos descrição */ #dados_produto { margin-top:10px; } .anuncios_destaques div.foto_produto { width:300px; height:290px; margin-left:10px; float:left; } .anuncios_destaques div.foto_produto a { color:#900; text-decoration:none; } .anuncios_destaques div.foto_produto a:hover { color:#900; text-decoration: line-through; } .anuncios_destaques #codigo_valor { float:left; width:350px; min-height:290px; } .anuncios_destaques #codigo_valor p { font-size:14px; font-family:Tahoma, Geneva, sans-serif; } .anuncios_destaques #codigo_valor p.cor { color:#0090D6; } .anuncios_destaques #codigo_valor p#parcelas { font-size:11px; } .anuncios_destaques #codigo_valor a#bt_comprar { width:161px; height:36px; display:block; background:url(../images/botao-comprar.png) no-repeat; color:#FFF; text-align:center; line-height:36px; text-decoration:none; font-size:15px; font-weight:bold; } .anuncios_destaques #codigo_valor a#bt_comprar:hover{ color:#CCC; } #content_right .anuncios_destaques #codigo_valor li, #content_right .anuncios_destaques .usual li { width:auto; padding:0px; border-right:none; height:auto; float:none; margin:0; font-size:10px; } #codigo_valor .bt_pedido #qtdItens { width: 60px; margin-bottom:10px; font-size:12px; } /* Style for Usual tabs */ #content_right div.anuncios_destaques .usual { color:#111; padding:15px 0px; width:99%; background:url(../images/fundo-abas-caracteristica.png) repeat-x; margin-left:5px; } #content_right div.anuncios_destaques .usual h3 { font-size:14px; margin-bottom:15px; } #content_right .anuncios_destaques .usual .idTabs li { list-style:none; float:left; width:120px; text-align:center *margin-bottom:10px; } #content_right div.anuncios_destaques .usual .idTabs a { display:block; padding:6px 10px; text-decoration:none!important; margin:1px; margin-left:0; color:#666; background: #f0f0f0;} #content_right div.anuncios_destaques .usual .idTabs a:hover { color:#000; background: #f0f0f0; } #content_right div.anuncios_destaques .usual .idTabs a.selected { margin-bottom:0; color:#000; border-bottom:1px solid #E5E5E5; cursor:default; background:#E5E5E5; } #content_right div.anuncios_destaques .usual .usualContent { padding:10px 10px 8px 10px; margin-top:24px; *margin-top:39px; background:#E5E5E5; } #content_right div.anuncios_destaques .usual .usualContent a { color:#000; font-weight:bold; } #content_right div.anuncios_destaques .usual .usualContent ul { margin-left:20px; } #content_all .sem_produtos, #content_right .sem_produtos { padding: 2em; font-size: 1.5em; } /* ----->>>>> formulario <<<<<-------- */ input, textarea, select { border: solid 1px #CCC; background:#E8F1F4;} input#enviar { height:2em; width:100px; background:#0093DD; color:#fff; letter-spacing:1px; border: 1px solid #4B5554; } form.formulario { width:550px; float:left; } form.formulario fieldset { border:none; } form.formulario label { width:110px; margin-top:10px; height:15px; padding-top:3px; padding-left:10px; float:left; color:#000; } form.formulario input { width:370px; margin-top:10px; padding:2px; } form.formulario textarea { width:375px; margin-top:10px; } form.formulario select { width:155px; margin-top:10px; padding:2px; } form.formulario small { color:#000; } form.fale_conosco dt { width: 9em; float: left; } form.fale_conosco dd { clear: right; margin-bottom: 1em; } form.fale_conosco input { width: 30em; height: 1.5em; padding: 0.2em; } form.fale_conosco textarea { width: 40em; padding: 0.2em; } #contatos { width:350px; height:150px; margin-left:30px; float:left; text-align:center; } #contatos p { text-align:center; } /* Mensagem form */ p.unok, p.ok { width:100%; margin:1em 0; padding: 1em 0; background:#94AD7A; color:#fff; text-align:center; } p.unok { background: #990000; } .campo_requer { border:solid 1px #900; color:#333; } .right { text-align: right; } .center { text-align: center; } .left { text-align: left; }