/* CSS Document */ /* +++++++ CREDITOS & COPYRIGHT +++++++ Folhas de Estilo do Site [Front_end] do site www.minfografica.com Criadas por alvaro saraiva @ glups.pt @ fevereiro 2006 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 Glups 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 que dependente da tag */ body { /* Controlo de todo o texto no body*/ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color: #666666; line-height: 14px; background-color: #ECF1F9; /* Controla as Scrollbars da pagina*/ /* Ver mais info sobre as propriedades em: http://www.websitetips.com/info/css/scrollbars.shtml */ scrollbar-face-color: #F5F9FA; /* cor da barra e dos quadrados que suportam as setas*/ scrollbar-3dlight-color: #AEB2B6; /* Rebordo das setas */ /*scrollbar-highlight-color: #999999; /* Sombra do lado esq e topo da barra e quadrados setas */ scrollbar-track-color: #ffffff; /* cor do fundo */ scrollbar-darkshadow-color: #ffffff; /* sombra da barra e dos quadrados das setas */ scrollbar-arrow-color: #AEB2B6; /* cores das setas */ } td { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color: #666666; line-height: 14px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++ FORMATACAO DO TEXTO ++++++++++++++++++ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* +++++++ LINKS +++++++ */ /* Controla a apresentao dos links gerais */ a:visited { color: #FF9900; text-decoration: underline} a:link { color: #F55A18; text-decoration: underline} a:hover { color: #FF9900; text-decoration: underline} a.link {FONT-FAMILY: verdana, sans-serif; FONT-SIZE: 10px; COLOR: #333333; TEXT-DECORATION: none} a.link:visited {COLOR: #333333; TEXT-DECORATION: none} a.link:active {COLOR: #333333; TEXT-DECORATION: none} a.link:hover {COLOR: #ff6600; TEXT-DECORATION: none} /* links do ranking */ a.link_ranking { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; COLOR: #333333; FONT-WEIGHT: normal; TEXT-DECORATION: none} a.link_ranking:visited {COLOR: #333333; FONT-WEIGHT: normal; TEXT-DECORATION: none} a.link_ranking:active { COLOR: #333333; FONT-WEIGHT: normal; TEXT-DECORATION: none} a.link_ranking:hover { COLOR: #666666; FONT-WEIGHT: normal; TEXT-DECORATION: none} a.linkFaqsIcone { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; COLOR: #ffffff; FONT-WEIGHT: bold; TEXT-DECORATION: none} a.linkFaqsIcone:visited { COLOR: #ffffff; TEXT-DECORATION: none} a.linkFaqsIcone:active { COLOR: #ffffff; TEXT-DECORATION: none} a.linkFaqsIcone:hover { COLOR: #ffffff; TEXT-DECORATION: underline} /* links do caminho site */ .tdCaminhoSiteTitulo a { color: #333333; text-decoration: none; font-weight: bold } .tdCaminhoSiteTitulo a:visited { color: #56637B; text-decoration: none } .tdCaminhoSiteTitulo a:active { color: #333333; text-decoration: none } .tdCaminhoSiteTitulo a:hover { color: #ffffff; text-decoration: none } /* links do caminho site */ .tdCaminhoFamilias a { color: #333333; text-decoration: none; font-weight: bold} .tdCaminhoFamilias a:visited { color: #333333; text-decoration: none; font-weight: bold } .tdCaminhoFamilias a:active { color: #333333; text-decoration: none; font-weight: bold} .tdCaminhoFamilias a:hover { color: #8FA323; text-decoration: none; font-weight: bold} /* links do menu do lado dto */ .tdMenuLateralDtoFamilias a, .tdMenuLateralDtoFamiliasOn a { font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none;} .tdMenuLateralDtoFamilias a:visited, .tdMenuLateralDtoFamiliasOn a:visited{ color: #333333; text-decoration: none;} .tdMenuLateralDtoFamilias a:active, .tdMenuLateralDtoFamiliasOn a:active{ color: #333333; text-decoration: none;} .tdMenuLateralDtoFamilias a:hover, .tdMenuLateralDtoFamiliasOn a:hover{ color: #ffffff; text-decoration: none;} /* links na listagem dos produtos no carrinho de compras */ .carrinhoTdProduto a { font-size: 9px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; font-weight: bold} .carrinhoTdProduto a:visited { color: #333333; text-decoration: none; font-weight: bold} .carrinhoTdProduto a:active { color: #333333; text-decoration: none; font-weight: bold} .carrinhoTdProduto a:hover { color: #8FA323; text-decoration: none; font-weight: bold} /* links do paginador */ td.paginador a { color: #8FA323; text-decoration: none; font-weight: bold} td.paginador a:visited { color: #8FA323; text-decoration: none; font-weight: bold } td.paginador a:active { color: #8FA323; text-decoration: none; font-weight: bold} td.paginador a:hover { color: #8FA323; text-decoration: underline; font-weight: bold} /* A.link_menu {FONT-FAMILY: verdana, sans-serif; FONT-SIZE: 10px; COLOR: #333333; TEXT-DECORATION: none} A.link_menu:visited {COLOR: #333333; TEXT-DECORATION: none} A.link_menu:active {COLOR: #333333; TEXT-DECORATION: none} A.link_menu:hoover {COLOR: #ff6600; TEXT-DECORATION: none} */ /* +++++++++++ outros textos ++++++++++++++++ */ .texto, .tdMsgErro { font-family: verdana, sans-serif; font-size: 10px; color: #333333; text-align:left; vertical-align:top } .textoCodigosCarrinho{ font-size: 9px; color: #7E7E7E; /*font-style: italic; text-transform: uppercase;*/ } .txtBoldCinzaEscuro{ color: #333333; font-weight: bold } .txtBoldAzul{ color: #5a7ac5; font-weight: bold } .txtBoldVerde{ color: #69771a; font-weight: bold } .txtTituloProduto, .txtTituloAzul, .txtSubtituloAzul, .txtSubtituloVerde{ font-size: 17px; font-weight: bold; color: #333333;} /* variacoes */ .txtTituloAzul{ color: #336699; } .txtSubtituloAzul{ color: #5a7ac5; font-size: 13px } .txtSubtituloVerde{ color: #69771a; font-size: 13px } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++ FORMATACAO DOS TD'S DOS TEMPLATES ++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* td que alberga qualquer tabela -» Alinha à esq e ao topo */ .tdPortaTabelasLeft { text-align: left; vertical-align: top; } /* tds com conteúdo k precisam dos pixeis de afastamento laterais (corpo do template) */ .tdConteudoCorpo{ text-align: left; vertical-align:top; padding-left: 10px; padding-right: 10px } /* td que alberga qualquer tabela -» Alinha à dta e ao topo */ .tdPortaTabelasRight { text-align: right; vertical-align: top; } /* td que alberga qualquer tabela -» Alinha ao centro e ao topo */ .tdPortaTabelasCenter { text-align: center; vertical-align: top; } /* td que alberga qualquer tabela -» Alinha ao centro e ao topo */ .tdPortaBannersHp { text-align: center; vertical-align: middle; padding-top: 7px; padding-bottom: 7px } /* tabela de fundo/principal do site */ .tdTabelaCorpo{ background-color: #ffffff; border-left: 1px solid #666666; border-right: 1px solid #666666; padding-left: 1px; padding-right: 1px } /* barras de topo/rodape com fundo */ .tdBarraTopo, .tdBarraRodape { height: 14px; background-image: url(../../media/tmpl_fe_fundo_barra_topo.gif); background-repeat: repeat-x; background-position: top left; } /* variacoes */ .tdBarraRodape { height: 16px; background-image: url(../../media/tmpl_fe_fundo_barra_rodape.gif) } /* td onde leva logo e banner de topo */ .tdLogoTopo{ text-align: left; vertical-align: middle; height: 96px; background-color: #A6C7F9 } /* td onde leva o menu de topo */ .tdMenuTopo{ text-align: center; vertical-align: middle; height: 28px; background-image: url(../../media/tmpl_fe_fundo_menu.gif); background-repeat: repeat-x; background-position: top left; } /* tds com erros */ .tdMsgErro{ background-color: #FFF5C0; border-top: dashed 1px #ff9900; padding: 10px; color: #CC0000; } /* td's com texto » FAQ's, Contactos e outros */ .tdSubTituloAzul, .tdSubTituloVerde, .tdTituloAzul { padding-bottom:2; padding-left:15px; padding-top: 11px; text-align:left; font-size: 13px; font-weight: bold; border-bottom: 1px solid #B4C9E9; color: #5a7ac5;} /* variacoes */ .tdTituloAzul{ color: #336699; font-size: 17px } .tdSubTituloVerde{ color: #69771a; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++ FORMATACAO DOS SEPARADORES +++++++++++++++ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* separadores Vazios */ .tdSeparadorHz1 { height: 1px; } .tdSeparadorHz5 { height: 5px; } .tdSeparadorHz10 { height: 10px; } .tdSeparadorHz15 { height: 15px; } .tdSeparadorHz20 { height: 20px; } .tdSeparadorHz30 { height: 30px; } .tdSeparadorHz100 { height: 100px; } .tdSeparadorVt1 { width: 1px; } .tdSeparadorVt5 { width: 5px; } .tdSeparadorVt10 { width: 10px; } .tdSeparadorVt15 { width: 15px; } .tdSeparadorVt20 { width: 20px; } .tdSeparadorVt30 { width: 30px; } .tdSeparadorVt100 { width: 100px; } /* formata os tds que servem de separador */ .tdSeparador { background-image:url(../../media/img_separador.gif); background-repeat: repeat-x; height: 9px; } /* formata os tds que servem de separador */ .tdSeparadorProdutos { background-image:url(../../media/img_produtos_separador.gif); background-repeat: repeat-x; height: 20px;} .tdSeparadorProdutos1px{ background-image:url(../../media/img_produtos_separador_1px.gif); background-repeat: repeat-x; height: 1px;} /* separador dos produtos na homepage */ .tdSeparadorProdutosHomepage { background-image:url(../../media/img_produtos_homepage_separador.gif); background-repeat: repeat-y; background-position: center;} /* +++++++++++++++++++++++++++++++++++++++++ +++++++++++ MENUS ESQ. E DTO ++++++++++++ +++++++++++++++++++++++++++++++++++++++++ */ /* fundos do menu */ .tdMenuEsqFundo, .tdMenuDtoFundo, .tdMenuDtoFundoVerde{ text-align: left; vertical-align: top; background-color: #E8E8E8; } /* variacoes */ .tdMenuDtoFundoVerde{ border-top: 1px solid #ffffff; background-color: #EBEBEB; } /* tds/trs com o menus lateral ESQUERDO e DIREITO */ .tdMenuLateralEsqSeccoes, .tdMenuLateralDtoSeccoes, .tdMenuLateralEsqTitFamilias td, .tdMenuLateralEsqTitFamiliasOn td, .tdMenuLateralEsqFamilias td, .tdMenuLateralEsqFamiliasOn td, .tdMenuLateralDtoTitFamilias td, .tdMenuLateralDtoTitFamiliasOn td, .tdMenuLateralDtoFamilias td, .tdMenuLateralDtoFamiliasOn td{ padding: 2px; padding-left: 15px; border-top: 1px solid #ffffff; font-weight: bold; vertical-align:top; text-align: left } /* variacoes dos tds com Seccoes */ .tdMenuLateralEsqSeccoes, .tdMenuLateralDtoSeccoes { color: #ffffff; padding-top: 1px; background-color: #8AB2EF; background-image: url(../../media/tmpl_fe_icone_menu_lateral_grupo.gif); background-repeat: no-repeat; background-position: top left; } .tdMenuLateralDtoSeccoes{ background-image: url(../../media/tmpl_fe_icone_menu_lateral_grupo_azul.gif); background-color: #F8CFF3; /*padding-left: 8px;*/ color: #56637B } /* variacoes com os titulos das familias */ .tdMenuLateralEsqTitFamilias{ background-color: #D0DDF2; cursor:pointer; } .tdMenuLateralDtoTitFamilias{ background-color: #D5E380; cursor:pointer; } /* variacoes no onMouseOver */ .tdMenuLateralEsqTitFamiliasOn, .tdMenuLateralDtoTitFamiliasOn { background-color: #3F81E4; cursor:pointer; } /* variacoes com a formatacao dos td's */ .tdMenuLateralEsqTitFamilias td, .tdMenuLateralDtoTitFamilias td, .tdMenuLateralEsqTitFamiliasOn td, .tdMenuLateralDtoTitFamiliasOn td { font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; background-image: url(../../media/tmpl_fe_icone_menu_lateral_familia.gif); background-repeat: no-repeat; background-position: top left; } .tdMenuLateralEsqTitFamiliasOn td { color: #ffffff; text-decoration: none; } .tdMenuLateralDtoTitFamiliasOn td { color: #ffffff; text-decoration: none; } .tdMenuLateralDtoTitFamilias td{ color: #666666; } /* variacoes com os tds das sub-familias */ /* td das familias onHover */ .tdMenuLateralEsqFamiliasOn{ background-color: #3F81E4; /*#001684; /*#003184; /*#F5FB8C;*/ cursor:pointer; } .tdMenuLateralDtoFamiliasOn{ background-color: #F0A2E6; cursor:pointer; } /* formatacao dos td's */ .tdMenuLateralEsqFamilias td, .tdMenuLateralEsqFamiliasOn td, .tdMenuLateralDtoFamilias td, .tdMenuLateralDtoFamiliasOn td { font-weight: normal; padding:2px; text-align:left; padding-left:15px; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333 } .tdMenuLateralEsqFamiliasOn td, .tdMenuLateralDtoFamiliasOn td { color: #ffffff; /*#F55A18;*/ } /* fundo dos TDS para o menu lateral (com cores de fundo variaveis */ .tdMenuLateralEsqFundo1, .tdMenuLateralEsqFundo2, .tdMenuLateralEsqFundo3, .tdMenuLateralEsqFundo4, .tdMenuLateralEsqFundo5, .tdMenuLateralEsqFundo6 { text-align: left; vertical-align: top;} /* variacoes */ .tdMenuLateralEsqFundo1 { background-color: #E8E8E8;} .tdMenuLateralEsqFundo2 { background-color: #E6E6E6;} .tdMenuLateralEsqFundo3 { background-color: #DFDFDF;} .tdMenuLateralEsqFundo4 { background-color: #DDDDDD;} .tdMenuLateralEsqFundo5 { background-color: #DADADA;} .tdMenuLateralEsqFundo6 { background-color: #D8D8D8;} /* tds k comportam os campos da pesquisa dos brindes */ td.pesquisaBrindes{ text-align: right; vertical-align: middle; font-size: 10px; font-weight: bold; border-top:1px solid #ffffff; } /* +++++++++++++++++++++++++++++++++++++++++ +++++++++++++++ HOMEPAGE ++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++ */ /* tds com o fundo dos produtos */ td.fundoHpNovidades, td.fundoHpPromocoes, td.fundoHpDestaques, td.fundoHpRanking{ text-align: left; vertical-align: top; width:211px; border-top:1px/*5px*/ solid #ffffff; background-color:#EEF4CC } /* variacoes de cor de fundo */ td.fundoHpPromocoes { background-color:#EEF3FB } td.fundoHpDestaques { background-color:#EEF4CC } td.fundoHpRanking { background-color:#EEF3FB } /* trs com os titulos */ tr.seccaoHpNovidades, tr.seccaoHpNovidadesOn, tr.seccaoHpPromocoes, tr.seccaoHpPromocoesOn, tr.seccaoHpDestaques, tr.seccaoHpDestaquesOn, tr.seccaoHpRanking, tr.seccaoHpRankingOn{ background-color: #D5E380; /*#FFD75B;*/ cursor: pointer } /* variacoes em estado Off */ tr.seccaoHpPromocoes { background-color: #CAD2D9; /*#E7B6B6; */} /* toDo */ tr.seccaoHpDestaques { background-color: #D5E380; } /* toDo */ tr.seccaoHpRanking { background-color: #CAD2D9; } /* toDo */ /* variacoes em estado On */ tr.seccaoHpNovidadesOn { background-color: #E0ED01;/*#FFAD33;*/ } tr.seccaoHpPromocoesOn { background-color: #ADB9C2; /*#D88585;*/ } /* toDo */ tr.seccaoHpDestaquesOn { background-color: #E0ED01; } /* toDo */ tr.seccaoHpRankingOn { background-color: #ADB9C2; } /* toDo */ /* tds com os titulos das seccoes */ td.seccaoHpNovidades, td.seccaoHpNovidadesOn, td.seccaoHpPromocoes, td.seccaoHpPromocoesOn, td.seccaoHpDestaques, td.seccaoHpDestaquesOn, td.seccaoHpRanking, td.seccaoHpRankingOn { text-align:left; vertical-align: middle; padding: 2px; padding-left: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; border-bottom:1px solid #ffffff } /* variacoes */ /*td.seccaoHpDestaques { color: #FFFFFF; } /* toDo */ td.seccaoHpNovidadesOn { color: #FFFFFF; } td.seccaoHpPromocoesOn { color: #FFFFFF; } /* toDo */ td.seccaoHpDestaquesOn { color: #F55A18; } /* toDo */ td.seccaoHpRankingOn { color: #F55A18; } /* toDo */ /* listagem dos produtos na homepage - descrição e título */ .tdTxtProdutosHomepage, .tdTxtProdutosHomepageStock { font-size: 10px; text-align: left; vertical-align: top; padding: 2px; padding-right: 5px; color: #333333} .tdTxtProdutosHomepageStock{ padding: 4px; vertical-align: middle; text-align: center } /* imagens da homepage */ .imagensHomepage{ text-align: center; vertical-align: middle; border: 1px solid #aeb2b6; width: 60px; height: 60px; background-color: #ffffff } /* +++++++++++++++++++++++++++++++++++++++++ +++++++++++ TDS CAMINHO NO SITE ++++++++++ +++++++++++++++++++++++++++++++++++++++++ */ /* barra das famílias no topo */ .tdCaminhoSiteTitulo, .tdCaminhoFamilias { padding: 2px; padding-left: 15px; padding-top: 1px; font-weight: bold; vertical-align:middle; text-align: left; background-color: #D5E380; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; background-image: url(../../media/tmpl_fe_icone_menu_lateral_grupo.gif); background-repeat: no-repeat; background-position: top left; } /* variacoes */ .tdCaminhoFamilias{ background-color: #EEF4CC; color: #333333; border-top: 1px solid #ffffff; padding-top: 2px; background-image: url(../../media/tmpl_fe_icone_menu_lateral_familia.gif) } /* +++++++++++++++++++++++++++++++++++++++++++++ +++ TDS INDEX CATALOGO [Familias e stock, barra voltar] +++ +++++++++++++++++++++++++++++++++++++++++++++ */ /* titulo seccao loja por marca */ .tdLojaMarcaSeccao{ text-align: left; vertical-align: middle; font-weight: bold; color: #666666; padding-bottom: 3px; padding-top: 15px; padding-left: 15px; height: 39px; font-size: 13px } /* imagem loja por marca */ .tdLojaMarcaImagem{ text-align: left; vertical-align: middle; padding-left: 15px; height: 56px } /* tr's e td's com a listagem das sub-familias e grupos */ tr.listagemSubCat, tr.listagemSubCatOn, tr.listagemGrupoMais, tr.listagemGrupoMaisOn, tr.listagemGrupoMenos, tr.listagemGrupoMenosOn{ background-color: #F8FAE8; cursor: pointer; } /* variacoes */ tr.listagemGrupoMais, tr.listagemGrupoMenos{ background-color: #DDE7F5; } tr.listagemGrupoMaisOn,tr.listagemGrupoMenosOn{ background-color: #9fbbe5; } tr.listagemSubCatOn{ background-color: #E0Ed01 } /* formatacao dos td's dentro dos tr's */ tr.listagemSubCat td, tr.listagemSubCatOn td, tr.listagemGrupoMais td, tr.listagemGrupoMaisOn td, tr.listagemGrupoMenos td, tr.listagemGrupoMenosOn td { font-family: verdana, sans-serif; font-size: 10px; border-bottom: 1px solid #E0Ed01; padding: 3px; padding-top:1px; padding-left: 15px; vertical-align:middle; text-align: left; } /* + variacoes */ tr.listagemGrupoMais td, tr.listagemGrupoMaisOn td, tr.listagemGrupoMenos td, tr.listagemGrupoMenosOn td { color: #2C5883; border-bottom: 1px solid #889fd5; background-image: url(../../media/tmpl_fe_icone_sinal_mais.gif); background-repeat: no-repeat; background-position: top left; font-weight: bold; } tr.listagemGrupoMaisOn td { color: #ffffff; } tr.listagemGrupoMenos td{ background-image: url(../../media/tmpl_fe_icone_sinal_menos.gif); } tr.listagemGrupoMenosOn td { background-image: url(../../media/tmpl_fe_icone_sinal_menos.gif); color: #ffffff; } /* td vazio k aparece antes da listagem das sub-familias */ .tdSubfamiliasIcone{ background-color: #ffffff; height: 40px; border-bottom: 1px solid #E0Ed01; border-top: 1px solid #E0Ed01; text-align: left; vertical-align: top } /* tds com as opcoes de filtragem no template */ tr.opcoesFiltragem td{ text-align: left; height: 24px; vertical-align: middle; padding: 2px; width:33%; border-bottom: 1px #B4C9E9 solid; font-size: 10px; color: #666666; background-color: #F5F8FC; } /* variacoes */ tr.opcoesFiltragem #btn_radio { width:20px; padding:0px;} /* barra dos produtos encontrados na listagem dos produtos */ .tdProdutosEncontrados{ font-family: verdana, sans-serif; font-size: 10px; color: #333333; text-align: left; vertical-align: middle; /*height: 20px;*/ padding: 6px; padding-left: 15px; padding-right: 10px; border-bottom: 1px #E0Ed01 solid; background-color: #F8FAE8; } /* barra da legenda do stock */ .tdStock { font-family: verdana, sans-serif; font-size: 10px; color: #000000; text-align: right; vertical-align: bottom; height: 28px; padding-right: 10px; padding-bottom: 4px; border-bottom: 1px solid #E0Ed01} /* td do paginador */ td.paginador{ text-align: center; vertical-align: middle; padding: 8px; border-bottom: 1px #E0Ed01 solid; background-color: #F8FAE8; font-family: verdana, sans-serif; font-size: 10px; color: #333333; } /* formata os fundos dos tr dos produtos */ .fundoListagemProdutos, .fundoListagemProdutosOn { background-color: #ffffff; cursor:pointer; } /* variacoes */ .fundoListagemProdutosOn { background-color: #ECF1F9; } .fundoListagemProdutosOn #img_produto_listagem{ border: 1px solid #aeb2b6; } /* td k alberga as tabelas dos produtos na listagem */ .tdPortaProdutosListagem{ text-align: left; vertical-align: top; padding: 10px;} /* tds com as imagens */ .imgListagemProdutos{ text-align: center; vertical-align: top; width:100%; padding:7px; border:1px solid #ffffff; background-color: #ffffff } /* formata a barra de voltar atrás/Retroceder */ tr.barraVoltar, tr.barraVoltarOn{ background-color: #EEF4CC; cursor: pointer } tr.barraVoltarOn{ background-color: E0ED01 } /* tdBarraVoltar // toDo » limpar lixo nos templates */ tr.barraVoltar td, tr.barraVoltarOn td { padding-right: 10px; vertical-align: middle; text-align: right; height: 20px; font-weight: bold; color:#333333 } /* +++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++ PRODUTOS +++++++++++++++ +++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++ Detalhes do Produto ++++++++ */ .txtDetalhesTitulos { height: 18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#666666; vertical-align:middle; text-align:left } .produtosTitulo{ padding-bottom:4; padding-left:15px; padding-top: 11px; text-align:left; font-size: 17px; font-weight: bold; border-bottom: 1px dashed #B4C9E9; color: #333333;} .produtosTxtProps{ border-top: 1px #B4C9E9 dashed; padding:3px; text-align:left; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10; color:#000000 } .produtosTxtPropsCor{ border-top: 1px #B4C9E9 dashed; background-color:#F5F8FC; padding:3px; text-align:left; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10; color:#000000 } .produtoTxtAreaDetalhes { padding:10px; border: 1px #B4C9E9 solid; border-top: none; background-color:#ECF1F9; /*#F5F8FC;*/ FONT-FAMILY: verdana, sans-serif; FONT-SIZE: 10px; COLOR: #000000; text-align:left; vertical-align:top; line-height: 15px; color: #333333; } .produtoTxtAreaTitulo { border-top: 1px #9FBBE5 dashed; background-color:#DEE7F5; text-align:left; vertical-align:middle; height:22px; } .produtoTxtAreaTituloLaranja { border-top: 1px #ff6600 dashed; background-color:#FFE271; text-align:left; vertical-align:middle; height:22px; } /* +++++++ Listagens dos produtos +++++++ */ /* listagem dos produtos em modo técnico */ td.listagemTecnicaTitulo{ background-color: #8AB2EF; text-align: center; vertical-align: middle; color: #ffffff; font-weight: bold; padding: 2px; padding-left: 5px } /* formatacao dos tr's dos produtos*/ tr.listagemProdutoTecOver, tr.listagemProdutoTecOn, tr.listagemProdutoTec{ background-color: #dee7f5; cursor: pointer } /* variacoes */ tr.listagemProdutoTecOver{ background-color: #E0ED01; } tr.listagemProdutoTec{ background-color: #ffffff; } /* formatacao dos tds dos produtos*/ .listagemModoTecnicoEsq, .listagemModoTecnicoDta { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10; text-align: left; vertical-align: middle; padding: 2px; color: #333333;} .listagemModoTecnicoDta { text-align: right; padding: 2px; padding-left: 0px;} /* ++++++++ Preço dos Produtos +++++++++++ */ .txtPrecoListagemNormal, .txtPrecoProdutoDetalhe, .txtPrecoHomepageNormal { color:#CC0000;} .txtPrecoListagemRevenda, .txtPrecoDetalheRevenda, .txtPrecoHomepageRevenda { color:#69771A;} /* variacoes */ .txtPrecoProdutoDetalhe, .txtPrecoDetalheRevenda { font-size: 18px; font-weight: bold; } .txtPrecoHomepageNormal, .txtPrecoHomepageRevenda { font-size:12px; font-weight: bold;} .txtPrecoPromoProdDetalhe, .txtPrecoPromoListagem { text-decoration: line-through; color: #666666} /* variacoes */ .txtPrecoPromoProdDetalhe { color: #999999; font-weight: bold; font-size: 13px } /* ++++++++ produtos relaccionados ++++++++++++ */ .listagemTxtProdRelac { text-align: left; vertical-align: top; padding-top:3px; padding-bottom:3px; border-top:1px solid #DDE7F5; font-size: 10px } /* +++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++ RANKING ++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++ */ /* old stuff */ /* .ranking_classificacao { font-family: verdana, sans-serif; font-size: 9px; COLOR: #000066; FONT-WEIGHT: bold; TEXT-DECORATION: none} .ranking_pontos { font-family: verdana, sans-serif; font-size: 9px; COLOR: #5081C9; FONT-WEIGHT: bold; TEXT-DECORATION: none} .rankingClassificacaoPosicao { font-family: verdana, sans-serif; font-size: 12px; COLOR: #5081C9; FONT-WEIGHT: bold; TEXT-DECORATION: none} .rankingClassificacaoPontos { font-family: verdana, sans-serif; font-size: 11px; COLOR: #5081C9; FONT-WEIGHT: bold; TEXT-DECORATION: none} .ranking_titulo { font-family: verdana, sans-serif; font-size: 11px; color: #000066; font-weight: bold; text-decoration: none; text-align: left; vertical-align: middle; background-color: #DEE7F5; padding: 3px; } */ /* ranking do menu lateral dto */ .rankingMenu, .rankingMenuOn{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 10px; color: #333333; font-weight: normal; padding: 3px; border-top: 1px dashed #AEB2B6; cursor:pointer; } /* variacoes » o cardinal serve para atribuir atributos aos td's com id's especificos */ .rankingMenuOn{ background-color: #F0A2E6; color: #ffffff; } .rankingMenuOn #rankingNome { text-decoration: none; } .rankingMenuOn #rankingPosicao, .rankingMenu #rankingPosicao { width:14px; font-weight:bold; padding-left: 6px} /* old stuff da versao antiga das CSS */ .ranking_classificacao, .ranking_pontos, .rankingClassificacaoPosicao, .rankingClassificacaoPontos, .ranking_titulo{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; } .ranking_classificacao { padding: 3px; font-size: 9px; COLOR: #666666; } .ranking_pontos { font-size: 9px; COLOR: #5081C9; } .rankingClassificacaoPosicao { font-size: 12px; COLOR: #5081C9; } .rankingClassificacaoPontos { font-size: 11px; COLOR: #5081C9; } .ranking_titulo { font-size: 10px; color: #333333; text-align: left; vertical-align: middle; background-color: #DEE7F5; padding: 3px; padding-left:15px } /* ++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++ AREA DE CLIENTES ++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Formularios */ .formsLadoEsq, .formsLadoDto { border-top: 1px #B4C9E9 dashed; background-color:#F5F8FC; padding:3px; vertical-align:middle; font-size:10; color:#333333; } /* variações */ .formsLadoEsq{ padding-left:0px; text-align:right; vertical-align:middle; font-weight:bold;} .formsLadoDto{ padding-right:0px; text-align:left;} /* tds dos formularios k indicam k os campos são de preenchimento obrigatorio */ .formCampoObrigatorio{ background-color: #EEF4CC; border-top: solid 1px #D5E380; padding: 4px; padding-left: 10px; font-size:10; color: #CC0000; } /* ++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++ CARRINHO DE COMPRAS ++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++ */ .carrinhoTdProduto, .carrinhoTd, .carrinhoTxtArea, .carrinhoCombo { background-color: #ECF1F9; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; } /* variações */ .carrinhoTdProduto { font-size: 9px; padding: 3px; height:20; font-size: 9px; border-bottom: 1px solid #889fd5 } .carrinhoTd { padding: 10px; border: 1px #B4C9E9 solid;} .carrinhoTxtArea { padding: 10px; width:100%; border: 1px #B4C9E9 solid; height: 85; } .carrinhoCombo { /*padding: 10px; */width:100%; border: 1px #B4C9E9 solid; } .carrinhoTitulosFundo, .carrinhoTitulosFundoEscuro, .carrinhoSubtitulosList { padding-left: 15px; padding-top: 2px; padding-bottom: 1px; vertical-align:middle; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333; background-image: url(../../media/tmpl_fe_icone_menu_lateral_familia.gif); background-repeat: no-repeat; background-position: top left; background-color: #EEF4CC; } /* variacoes */ .carrinhoTitulosFundoEscuro{ background-color: #D5E380; } .carrinhoSubtitulosList{ text-align: center; padding-left: 0px; padding-right: 0px; background-image: none } /* ++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++ FORMATACAO DOS DIVS ++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++ formatacao dos divs do carrinho ++++++++++ */ .opcaoInvisivel {display:none} .opcaoVisivel {display:table-row-group} /* ++++++++++++++++++++++++++++++++++++++++++++++++ +++++ FORMATACAO DOS FORMS DOS TEMPLATES +++++++ ++++++++++++++++++++++++++++++++++++++++++++++++ */ /* formatacao de todos os inputs */ input, select{ font-family: tahoma, verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; font-weight: normal; padding:0.1em; } .btnForm{ font-family: tahoma, verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; font-weight: normal; padding:0.1em; } .pesquisaSite, .pesquisaGoogle, .comboMarcasMenuDto, .comboFiltragem { width: 110px; border: 1px solid #CAD2D9; background-color: #ffffff; height: 18px } /* variacoes */ .pesquisaGoogle{ } .comboFiltragem{ width:120px } /* Text Input gerais dos formulrios */ .formInput { width:160px; background-color: #ffffff; color: #5a7ac5; border: 1px solid #889fd5} /* Text Input gerais dos formulrios com Focus*/ .formInputFocus { width:160px; background-color: #fff5c0; color: #5a7ac5; border: 1px solid #336699 } /* Input gerais dos formulrios com erro */ .formInputErro { width:160px; background-color: #ffcc33; color: #CC0000; border: 1px solid #CC0000}