/* Folhas de Estilo do Front-End da BimotorDJ.com */ /* +++++++ CREDITOS & COPYRIGHT +++++++ Folhas de Estilo do Site da BimotorDJ.com Criadas por Alvaro Saraiva @ glups.pt @ Abril 2004 Glups - Atelier de Novas Tecnologias, Lda Rua Jaime Campos, Bloco D, Piso 3 Esq., 5000-431 Vila Real | Portugal Tel. [351] 259 322 183 | E-mail: info@glups.pt | URL: www.glups.pt Se utilizarem esta folha de estilos para os vossos trabalhos, a GlupsWebForce agradece que ao menos nao retirem estas linhas de codigo, por respeito e agradecimento ao trabalho das pessoas que a criaram e ao trabalho que voces pouparam. Keep Cool. Peace ;) */ /* +++++++ FORMATACAO GERAL DA PAGINA +++++++ */ /* Controla a apresentao do contedo dependente da tag body */ body, td { /* Controlo de todo o texto nos body Parmetros: style [normal, italic, oblique] weight [normal, bold, light] size [px, %, pt] family */ font-family: Verdana, Arial, Helvetica, sans-serif; color: #231F20; font-size:10px; /* Controla as Scrollbars da pagina*/ scrollbar-face-color: #ffffff; /* cor da barra e dos quadrados que suportam as setas*/ scrollbar-3dlight-color: #3D6F9C; /* Rebordo das setas */ scrollbar-track-color: #E3E9F2; /* cor do fundo */ scrollbar-darkshadow-color: #ffffff; /* sombra da barra e dos quadrados das setas */ scrollbar-arrow-color: #84ACD0; /* cores das setas */ } /* +++++++ FORMATACAO DOS LINKS DE TEXTO +++++++ */ /*NOTA IMPORTANTE: A formatao geral do texto (tamanho, fonte, style e weight ja esta definida no selector 'td' acima /* Controla a apresentacao dos links gerais */ a:visited { color:#666666; text-decoration: underline} a:link { color: #666666; text-decoration: underline} a:hover { color: #666666; text-decoration: underline} a.txtTituloProduto:visited { font-size: 11px; font-weight: bold; color:#008CFF; text-decoration: underline;} a.txtTituloProduto:link { font-size: 11px; font-weight: bold; color:#008CFF; text-decoration: underline; } a.txtTituloProduto:hover { font-size: 11px; font-weight: bold; color:#008CFF; text-decoration: underline;} a.txtTituloProduto2:visited { font-size: 13px; font-weight: bold; color:#000000; text-decoration: none;} a.txtTituloProduto2:link { font-size: 13px; font-weight: bold; color:#000000; text-decoration: none; } a.txtTituloProduto2:hover { font-size: 13px; font-weight: bold; color:#000000; text-decoration: none;} .txtModelo { font-size: 13px; font-weight: bold; color:#666666; text-decoration: nome; } a.txtTituloProdutoRelacionado:visited { font-size: 9px; font-weight: bold; color:#666666; text-decoration: underline;} a.txtTituloProdutoRelacionado:link { font-size: 9px; font-weight: bold; color:#DE4D13; text-decoration: none;} a.txtTituloProdutoRelacionado:hover { font-size: 9px; font-weight: bold; color:#DE4D13; text-decoration: underline;} a.txtLinkBranco:visited { color:#E3E9F2; text-decoration: underline;} a.txtLinkBranco:link { color:#E3E9F2; text-decoration: underline; } a.txtLinkBranco:hover { color:#ffffff; text-decoration: underline;} a.txtLinkTituloBranco:visited { font-size: 11px; font-weight: bold; color:#E3E9F2; text-decoration: underline;} a.txtLinkTituloBranco:link { font-size: 11px; font-weight: bold; color:#E3E9F2; text-decoration: none;} a.txtLinkTituloBranco:hover { font-size: 11px; font-weight: bold; color:#ffffff; text-decoration: underline;} a.txtLinkTituloAzul:visited { font-size: 11px; font-weight: bold; color:#008CFF; text-decoration: underline;} a.txtLinkTituloAzul:link { font-size: 11px; font-weight: bold; color:#008CFF; text-decoration: none; } a.txtLinkTituloAzul:hover { font-size: 11px; font-weight: bold; color:#3D6F9C; text-decoration: underline; } a.txtLinkAzul:visited { color:#008CFF; text-decoration: underline;} a.txtLinkAzul:link { color:#008CFF; text-decoration: underline; } a.txtLinkAzul:hover { color:#3D6F9C; text-decoration: underline;} a.txtLinkCarrinho:visited { font-size: 11px;font-weight: bold;color:#F03834; text-decoration: none;} a.txtLinkCarrinho:link { font-size: 11px;font-weight: bold;color:#F03834; text-decoration: none; } a.txtLinkCarrinho:hover { font-size: 11px;font-weight: bold;color:#F03834; text-decoration: underline;} a.txtLinkMenuCategorias:visited { font-size: 10px; font-weight: normal; color: #231F20; text-decoration: none; } a.txtLinkMenuCategorias:link { font-size: 10px; font-weight: normal; color: #231F20; text-decoration: none; } a.txtLinkMenuCategorias:hover { font-size: 10px; font-weight: bold; color: #231F20; text-decoration: underline; } .txtTituloCategorias { font-size: 11px; font-weight: bold; color: #ED1C24} a.txtTituloCategorias:visited { font-size: 11px; font-weight: bold; color: #DE4D13; text-decoration: underline; } a.txtTituloCategorias:link{ font-size: 11px; font-weight: bold; color: #DE4D13; text-decoration: underline; } a.txtTituloCategorias:hover { font-size: 11px; font-weight: bold; color: #3d6f9c; text-decoration: underline; } /* +++++++ FORMATACAO DO TEXTO +++++++ */ .txtTituloProduto { font-size: 11px; font-weight: bold; color:#008CFF} .txtTituloSeccao { font-size: 11px; font-weight: bold } .txtTituloAzulBold { font-size: 11px; font-weight: bold; color: #3D6F9C} .txtTituloAzulEscuroBold { font-size: 11px; font-weight: bold; color: #008CFF} .txtTituloPrecoRelacionados { font-weight: bold; color: #662D2B;} .txtTituloBranco { font-size:11px; font-weight: bold; color: #ffffff;} .txtTituloAzulClaro { font-size:11px; font-weight: bold; color: #E3E9F2;} .txtBranco { color: #ffffff; } .txtPrecoNormal { font-size: 10px; font-weight: bold} .txtPrecoPromocao{ font-size: 10px; font-weight: bold; color: #F03834;} .txtPrecoPromocaoOff{ font-size: 10px; font-weight: bold; color: #F5C9B8;} .txtPrecoNewsletters{ font-size: 9px; font-weight: bold; color: #DE4D13;} /* +++++++ FORMATACAO DOS TD'S e TABELAS DOS TEMPLATES +++++++ */ /* tds k comportam conteudos */ td.alignLeft { text-align: left; vertical-align: top; } /* td que alberga qualquer tabela -» Alinha à esq e ao topo */ td.alignRight { text-align: right; vertical-align: top; } /* td que alberga qualquer tabela -» Alinha à dta e ao topo */ td.alignCenter { text-align: center; vertical-align: top; } /* td que alberga qualquer tabela -» Alinha ao centro e ao topo */ .tdListagemProdutoNormal { background-color: #EFEFEF; line-height: 15px} .tdListagemProdutoDestaque{ background-color: #EDF3F8; line-height: 15px} .tdListagemProdutoPromocao{ background-color: #F1F0E9; line-height: 15px} .tdListagemProdutoNovidade{ background-color: #F4FEE0; line-height: 15px} .tdListagemProdutosRelacionados{ background-color: #F1F0E9; line-height: 15px} .tdListagemProdutosComentarios{ background-color: #F8F8F3; line-height: 15px} .tdListagemHomepageRecords{ background-color: #E0E7F3; line-height: 15px} /* formata os tds onde aparece todo o conteúdo do site - TEXTO */ .tdConteudoNormal { padding-left: 20px; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; line-height: 15px; } /* formata os tds onde aparece todo o conteúdo do site mas sem padding-left e com um entrelinhamento mais alargado */ .tdConteudoEspacado { padding-bottom: 10px; padding-top: 10px; line-height: 20px; } /* formata os tds que servem de separador */ .tdSeparador { background-image:url(../../_imagens/_tmpl/tmpl_base_034.gif); background-repeat: repeat-x; height: 13px;margin-right:4px;margin-top:5px; } .tdSeparadorBranco { background-image:url(../../_imagens/_tmpl/tmpl_base_028.gif); background-repeat: repeat-x; height: 13px; } /* formata os tds onde aparecem os paginadores ++++++++ PARA ELIMINAR +++++++++ */ .tdPaginador { padding-bottom:6px; padding-right: 28px; height:30px; vertical-align: middle; text-align: right; } /* formata os tds onde aparecem os paginadores do topo*/ .tdPaginadorTopo { height:28px; vertical-align: middle; text-align: right; background-image:url(../../_imagens/_tmpl/tmpl_base_034.gif); background-repeat: repeat-x; background-position: top; } /* formata os tds onde aparecem os paginadores do rodape*/ .tdPaginadorRodape { height:22px; vertical-align: top; text-align: right; background-image:url(../../_imagens/_tmpl/tmpl_base_034.gif); background-repeat: repeat-x; background-position: bottom; } /* formata os tds onde aparecem os o form para filtrar produtos*/ .tdOrdenadorProdutos { height:30px; vertical-align: bottom; padding-bottom: 2px; padding-top: 3px; text-align: left; background-image:url(../../_imagens/_tmpl/tmpl_base_034.gif); background-repeat: repeat-x; background-position: top; } /* formata os tds onde aparecem as legendas */ .tdLegendas { padding:3px; padding-bottom: 6px; height:30px; vertical-align: top; text-align: left; font-style: italic; font-size: 9px; } /* formata os tds onde aparecem os filtros da ordenacao */ .tdOrdenador { line-height:14px; padding-left: 26px; height:50px; vertical-align: top; text-align: left; } /* formata os tds onde aparecem as notas de rodape */ .tdNotasRodape { padding-top:25px; padding-bottom:25px; padding-left: 100px; line-height: 15px; vertical-align: middle; text-align: right; font-size: 9px; } /* formata os tds onde aparecem os titulos das seccoes */ .tdListagensTituloSeccao{ padding-top:10px; padding-left:5px; FONT-FAMILY: Verdana; font-weight: bold; font-size: 12px; color: #F03834; text-align: left; border-bottom: 1px #D0CDB7 solid; } /* formata o td que suporta o menu do lado esquerdo - MENU PRINCIPAL */ .tdMenu { border-right: 1px solid #DE4D13; } /* formata os tds que que necessitam do traço vermelho do lado esq. */ .tdTracoVermelho { border-left: 1px solid #DE4D13; } /* formata os tds onde aparecem listadas as categorias disponíveis em cada canal */ .tdCategorias { padding-left:28px; padding-right:40px; vertical-align:top; text-align: left; line-height: 17px; font-size: 10px; } /* formata os tds onde aparecem listadas as categorias disponíveis em cada canal */ .tdListagemCategorias { padding-left:4px; padding-bottom: 3px; padding-top: 3px; vertical-align:middle; text-align: left; } .trListagemCategoriasHover { background-color: #E9E9E9; } .trListagemCategorias { background-color: #ffffff; } .tabelaCategorias { border-left:0px #008CFF solid; background-color: #ffffff; } /* ++++++++++++++++++ PRODUTOS ++++++++++++++++++ */ /* formata os tds onde aparecem listados os produtos relaccionados */ .tdProdutosRelacionados{ padding-left:6px; padding-top:10px; padding-bottom:6px; vertical-align:top; text-align: left; } /* formata os tds onde aparece a info do produto na listagem - sem tracejado */ .tdConteudoListagem{ padding-left:6px; padding-right:4px; padding-top:4px; padding-bottom:6px; vertical-align:top; text-align: left; } /* formata os tds onde aparece a info do produto na listagem - sem tracejado */ .tdConteudoListagemTracejado { padding-left:6px; padding-top:15px; padding-bottom:6px; width: 150px; vertical-align:top; text-align: left; background-image:url(../../_imagens/_tmpl/tmpl_base_035.gif); background-repeat: repeat-y; } /* formata os tds onde aparecem os comentarios dos produtos */ .tdComentarios{ padding:6px; vertical-align:top; text-align: left; line-height: 15px; } /* formata os tds onde aparecem as tracklists de cada record ou cd */ .tdSeparadorTracklist { vertical-align:middle; text-align:left; border-top: 1px #008CFF solid; height: 20px ; padding:3; width: 100%; } /* formata os tds onde aparecem os titulos das listagens. Ex.: carrinho de compras */ .tdListagensTitulo{ background-color:#F1F0E9; border-bottom: 1px #D0CDB7 solid; border-left: 1px #D0CDB7 solid; height: 20px ; padding:5; vertical-align:middle; text-align: center; font-weight: bold; } /* formata os tds onde aparecem listados os produtos relaccionados */ .tdProdutosRelacionados{ padding-left:6px; padding-top:10px; padding-bottom:6px; vertical-align:top; text-align: left; } /* formata as imagens pequenas e gr1 do site */ .imgProdutoPequena { border: 1px solid #BFBC9B; } /* formata as imagens com filete azul escuro */ .imgFileteAzul { border: 1px solid #008CFF; } /* +++++++++++++ GRUPOS DE PRODUTOS ++++++++++++++++ */ .tdGrupoProdFundoColuna { text-align: left; vertical-align: top; background-image:url(../../_imagens/_tmpl/tmpl_base_037.gif); background-repeat: repeat-y; } .tdGrupoProdFundoCelula { text-align: left; vertical-align: top; background-color: #F7242F /*#B80710*/; color: #ffffff; font-size: 10px; font-weight: bold } .tdGrupoProdFundoCelula a:visited { color: #ffffff; text-decoration: underline; } .tdGrupoProdFundoCelula a:link { color: #ffffff; text-decoration: underline; } .tdGrupoProdFundoCelula a:hover { color: #FDC4C7; text-decoration: underline; } /* +++++++++++++ HOMEPAGE ++++++++++++++ */ /* formata os tds onde aparecem as notas de rodape */ .tdConteudoHomepageProdutos { padding-top:6px; padding-left: 6px; vertical-align:top; text-align: left; font-size: 9px; } .tdConteudoHomepageProdutosTracejado { padding-top:6px; padding-left: 6px; vertical-align:top; text-align: left; width: 58px; background-image:url(../../_imagens/_tmpl/tmpl_base_035.gif); background-repeat: repeat-y; font-size: 9px; } /* +++++++++++ CARRINHO DE COMPRAS ++++++++++++++++ */ /* formata os tds onde aparecem listados os produtos no carrinho */ .tdCarrinhoListagemProdutos{ background-color:#F8F8F3; vertical-align:middle; text-align: right; border-bottom: 1px #008CFF solid; height: 20px ; padding:5; } /* formata os tds onde aparecem listados os produtos no carrinho */ .tdCarrinhoListagemProdutosTotal{ background-color:#F1F0E9; vertical-align:middle; text-align: right; border-bottom: 1px #008CFF solid; height: 20px ; padding:5; } /* formata os tds onde aparecem botoes de accoes */ .tdListagensBtnsSeccao{ height:40px; vertical-align: top; text-align: right; border-top: 1px #D0CDB7 solid; background-color: #ffffff; } /* listagem dos produtos seleccionados das ofertas */ .prodOfertaSelected, .prodOfertaVisivel { display:table-row-group; background-color: #EFEFEF; border-left: 15px #ffffff solid; } /* variações */ .prodOfertaSelected {background-color:#EDF3F8;} .prodOfertaSeparador { background-image:url(../../_imagens/_tmpl/tmpl_produtos_separador_ofertas.gif); background-repeat: repeat-x; background-position: bottom left; height: 10px; } /* +++++++++++++++ NEWSLETTERS ++++++++++++++*/ /* formata os tds com listagens das Newsletters */ .tdListagensNewsletters{ background-color:#EDF3F8; border-bottom: 1px #84ACD0 solid; padding:5px; padding-left:30px; vertical-align:middle; text-align: left; color: #3D6F9C; } /* formata os tds com os títulos das listagens das Newsletters */ .tdListagensNewslettersTitulos{ background-color:#D0E0EE; border-bottom: 1px #84ACD0 solid; padding:5px; padding-left:20px; vertical-align:middle; text-align: left; color: #3D6F9C; font-size:11px; font-weight: bold; } /* formata o conteúdo dos td's que tem listagem de produtos nas newsletters */ .tdConteudoNewsletters { padding-top:6px; padding-bottom:6px; padding-left: 10px; line-height: 14px; vertical-align: top; text-align: left; font-size: 9px; } /* ++++++++++++ MSGS DE ERRO E SUCESSO ++++++++++++++++*/ /* formata os tds onde aparecem os erros */ .tdErro{ background-color:#F6DF9A; border-bottom: 1px #DE4D13 dashed; border-top: 1px #DE4D13 dashed; padding:5px; padding-left:20px; vertical-align:middle; text-align: left; font-weight: bold; color: #DE4D13; } /* formata os tds onde aparecem as mensagens de sucesso */ .tdSucesso{ background-color:#D2E1EE; border-bottom: 1px #84ACD0 dashed; border-top: 1px #84ACD0 dashed; padding:5px; padding-left:20px; vertical-align:middle; text-align: left; font-weight: bold; color: #3D6F9C; } /* +++++++ FORMATACAO DOS DIVS DA PESQUISA AVANCADA ++++++++++ */ .opcaoInvisivel {display:none; } .opcaoVisivel {display:table-row-group; } /* +++++++ FORMATACAO DOS FORMULARIOS DOS TEMPLATES +++++++ */ /* Text Input gerais dos formularios no estado normal */ .formInput { width:260px; border: 1px solid #cccccc; background-color:#ffffff; font-family: verdana, sans-serif; font-size: 10px; COLOR: #666666; } /* Text Input gerais dos formulrios com focus*/ .formInputFocus { width:260px; border: 1px solid #cccccc; background-color: #F1F0E9; font-family: verdana, sans-serif; font-size: 10px; color: #666666; } /* Input gerais dos formularios com erro */ .formInputErro { width:260px; border: 1px solid #ff9900; background-color: #F6DF9A; font-family: verdana, sans-serif; font-size: 10px; color: #666666; } /* formata os tds onde aparece informacao - lado dto */ .tdListagensTxtEsq{ padding:3; vertical-align:middle; text-align: right; font-weight: bold; border-bottom: 1px #008CFF solid; background-color:#E6F6FF; } /* formata os tds onde aparece informacao - lado esquerdo */ .tdListagensTxtDta{ padding:3; text-align: left; border-bottom: 1px #008CFF solid; background-color:#E6F6FF; } /* +++++++++ FORMULARIO DO LOGIN +++++++++++ */ /* Text Input do login no estado normal */ .formInputLogin { width:60px; border: 0px ; font-family: verdana, sans-serif; font-size: 10px; COLOR: #666666; } /* Text Input do login com focus */ .formInputLoginFocus { width:60px; border: 0px; font-family: verdana, sans-serif; font-size: 10px; color: #666666; } /* Text Input do login com erro */ .formInputLoginErro { width:60px; border: 0px; font-family: verdana, sans-serif; font-size: 10px; color: #666666; } .sep{ height:2px; border-width:1px; border-style: solid; width:80px; border-color:black; } a.menu:link, a.menu:visited { FONT-FAMILY: Verdana; color: #FFFFFF; FONT-SIZE: 12px; FONT-WEIGHT: normal; text-decoration: none; background: url("../../_imagens/_tmpl/menu_bg.jpg"); padding-left:9px; padding-right:8px; padding-top: 5px; height: 21px !important; height: 26px; display: block; float:left; text-align:center; } a.menu:hover { FONT-FAMILY: Verdana; FONT-SIZE: 12px; color: #FFFFFF; FONT-WEIGHT: normal; text-decoration: underline; background: url("../../_imagens/_tmpl/menu_bg.jpg"); } .menu_middle { width: 2px; } .input_top { font-family: Verdana; color: #231F20; font-size:10px; width:130px; height:16px; background:#E8E5DF; border: 1px solid #231F20; } .input_submit:link, .input_submit:visited{ font-family: Verdana; color: #FFFFFF; font-size:10px; } a.menu_bottom:link, a.menu_bottom:visited { FONT-FAMILY: Verdana; color: #FFFFFF; FONT-SIZE: 9px; FONT-WEIGHT: normal; text-decoration: none; background: url("../../_imagens/_tmpl/menu_bottom_bg.jpg"); padding-left:0px; padding-right:0px; padding-top: 1px; height: 14px !important; height: 15px; display: block; text-align:center; } a.menu_bottom:hover { FONT-FAMILY: Verdana; FONT-SIZE: 9px; color: #FFFFFF; FONT-WEIGHT: normal; text-decoration: underline; background: url("../../_imagens/_tmpl/menu_bottom_bg.jpg"); } .busca_title { FONT-FAMILY: Verdana; FONT-SIZE: 12px; color: #FFFFFF; padding-left: 0px; padding-top: 0px; height: 24px; FONT-WEIGHT: bold; text-decoration: none; } .box_top_left { FONT-FAMILY: Verdana; FONT-SIZE: 12px; color: #231F20; padding-left: 5px; padding-top: 0px; height: 24px; FONT-WEIGHT: bold; text-decoration: none; background: url("../../_imagens/_tmpl/box_top_bg.jpg"); } .box_top_left_p { FONT-FAMILY: Verdana; FONT-SIZE: 12px; color: #231F20; padding-left: 5px; padding-top: 0px; height: 24px; FONT-WEIGHT: bold; text-decoration: none; background: url("../../_imagens/_tmpl/box_top_bg.jpg"); } .box_top_right { FONT-FAMILY: Verdana; FONT-SIZE: 12px; color: #231F20; text-align:left; padding-top: 0px; padding-left: 5px; height: 24px; FONT-WEIGHT: normal; text-decoration: none; background: url("../../_imagens/_tmpl/box_top_bg.jpg"); } .top_home { FONT-FAMILY: Verdana; FONT-SIZE: 12px; color: #231F20; padding-left: 5px; padding-top: 5px; height: 24px; FONT-WEIGHT: bold; text-decoration: none; background: url("../../_imagens/_tmpl/top_home_bg.jpg"); } .inner_home { FONT-FAMILY: Verdana; FONT-SIZE: 11px; color: #231F20; padding-left: 5px; padding-top: 0px; height: 14px; FONT-WEIGHT: normal; text-decoration: none; background: url("../../_imagens/_tmpl/inner_home_bg.jpg"); } .inner_home_not { FONT-FAMILY: Verdana; FONT-SIZE: 11px; color: #231F20; padding-left: 5px; padding-top: 0px; height: 14px; FONT-WEIGHT: normal; text-decoration: none; background: url("../../_imagens/_tmpl/inner_noticias_bg.jpg"); } a.detalhes_home:link, a.detalhes_home:visited { FONT-FAMILY: Verdana; color: #F38697; FONT-SIZE: 10px; FONT-WEIGHT: normal; text-decoration: none; padding-left:5px; } a.detalhes_home:hover { FONT-FAMILY: Verdana; FONT-SIZE: 10px; color: #F38697; FONT-WEIGHT: normal; text-decoration: underline; } a.detalhes_home2:link, a.detalhes_home2:visited { FONT-FAMILY: Verdana; color: #000000; FONT-SIZE: 16px; FONT-WEIGHT: normal; text-decoration: none; } a.detalhes_home2:hover { FONT-FAMILY: Verdana; FONT-SIZE: 16px; color: #000000; FONT-WEIGHT: normal; text-decoration: underline; } a.detalhes_home_not:link, a.detalhes_home_not:visited { FONT-FAMILY: Verdana; color: #0087FE; FONT-SIZE: 10px; FONT-WEIGHT: normal; text-decoration: none; padding-left:5px; } a.detalhes_home_not:hover { FONT-FAMILY: Verdana; FONT-SIZE: 10px; color: #0087FE; FONT-WEIGHT: normal; text-decoration: underline; } .login_box { FONT-FAMILY: Verdana; FONT-SIZE: 12px; color: #231F20; padding-right: 0px; padding-top: 10px; FONT-WEIGHT: bold; text-decoration: none; } .logout_box { FONT-FAMILY: Verdana; FONT-SIZE: 12px; padding-right: 0px; padding-top: 5px; FONT-WEIGHT: bold; text-decoration: none; } .newNews { FONT-SIZE: 16px; text-decoration: none; } /* MENUS */ #jsddm { margin: 0; padding: 0; } #jsddm li { float: left; list-style: none; FONT-FAMILY: Verdana; FONT-SIZE: 12px; FONT-WEIGHT: normal; } #jsddm li a { padding-left:7px; padding-right:7px; padding-top: 5px; height: 21px !important; height: 26px; text-align:center; display: block; text-decoration: none; background-image:url(http://www.bimotordj.com/_imagens/_tmpl/menu_bg.jpg); _width: 10px; color: #FFFFFF; white-space: nowrap; } #jsddm li a:hover { text-decoration:underline; } #jsddm li ul { margin: 0; padding: 0; position: absolute; display:none; /* visibility: hidden;*/ border-top: 1px solid white; } #jsddm li ul li { float: none; display: inline; } #jsddm li ul li a { text-align:left; width: auto; _width: 150px; background: #9F1B1B; } #jsddm li ul li a:hover { background: #7F1616; }