/*###### IMPORTANDO CSS EM SEPARADO ######*/ @import "float.css"; /*###### CONFIG GERAIS DA ESTRUTURA (TAGS HTML) ######*/ /* zerando todas margins e padding */ * {margin: 0px; padding: 0px;} /* formatando o body */ body {font-family: Arial, sans-serif; background: white;} /* formatando os títulos */ h1 {font-size: 30px; color: #630460; line-height: 25px;} h2 {font-size: 17px; color: #b8006d;} h3 {font-size: 1.4em;} h3 a {font-size: 0.7em;} h4 {font-size: 12px; font-weight: bold;} h4.oquefalam {font-size: 13px; margin: 0 0 2px 0;} h4 span{font-size: 11px; font-weight: normal;} h5 {font-size: 1.0em; color: #737373; font-weight: normal;} h6 {font-size: 1.1em; color: #630460;} /* formatando os links */ a:link {text-decoration: underline; color:#1e4b96; outline:none;} a:visited {text-decoration: underline; color:#1e4b96;} a:hover {text-decoration: none; color:#1e4b96;} a:active {text-decoration: underline; color:#1e4b96;} /* formatando diversas tags HTML */ p {margin: 0 0 15px 0;} ul, ol, dl {list-style:none;} img, img a{border:none;} li {margin: 0 0 10px 0; list-style: none;} dt {margin: 0 0 15px 0;} dt.perguntas {margin: 0 0 5px 0;} dd {margin: -13px 0 15px 0;} dt.img img {margin: 0 4px 0 0; } /* formatação padrão para TODOS formulários */ form {width: 99%; font-size: 12px;} form fieldset {border:none;} form label {cursor: pointer; display: block; margin: 0 0 2px 0;} form input.bt { width: auto; padding: 0px 2px; margin: 0px;} form input.btSalvar { width: auto; padding: 0px 9px; margin: 0px;} /* formatações personalizadas para os formulários */ form .inline {display:inline; font-weight:normal; margin: 0;} form .selectDoar {width: 88%;} form .filtroAmigos {width: 250px;} form .erro {font-size: 11px; color: #ff0000;} form .ok {font-size: 11px; color: green;} form .cinza {font-size: 11px; color: #999;} form .obs {font-size: 11px; color: #999; display: block; line-height: 12px; width: 370px; margin: 3px 0 0 0;} form .erro img, form .ok img{margin:-7px 0 0 0; padding: 0 2px;} form fieldset.esquerda {width: 48% !important; margin: 0px;} form fieldset.direita {width: 46% !important; margin: 0px;} html > body form fieldset.direita {width: 47% !important; margin: 0px;} /* arrumando tamanho IE7 e FF */ /* formulário específico para anunciantes (login) */ form.anunciante {background: #ebebeb; padding: 10px; width: 210px; margin: 0 0 15px 0;} form.anunciante dt {margin: 0 0 7px 0;} /* alinhamentos */ .ae {text-align: left} .at {vertical-align: top;} .ad {text-align: right} .am {vertical-align: middle;} .ac {text-align: center;} .ab {vertical-align: bottom;} /* margens verticais*/ .marginCima5 { margin-top: 5px;} .marginBaixo5 { margin-bottom: 5px;} .marginCima10 { margin-top: 10px;} .marginBaixo10 { margin-bottom: 10px;} .marginCima15 { margin-top: 15px;} .marginBaixo15 { margin-bottom: 15px;} .marginCima20 { margin-top: 20px;} .marginBaixo20 { margin-bottom: 20px;} .marginCima30 { margin-top: 30px;} .marginBaixo30 { margin-bottom: 30px;} .marginCima40 { margin-top: 40px;} .marginBaixo40 { margin-bottom: 40px;} /* margens horizontais */ .marginEsquerda5 { margin-left: 5px;} .marginDireita5 { margin-right: 5px;} .marginEsquerda10 { margin-left: 10px;} .marginDireita10 { margin-right: 10px;} .marginEsquerda15 { margin-left: 15px;} .marginDireita15 { margin-right: 15px;} .marginEsquerda20 { margin-left: 20px;} .marginDireita20 { margin-right: 20px;} .marginEsquerda30 { margin-left: 30px;} .marginDireita30 { margin-right: 30px;} .marginEsquerda40 { margin-left: 40px;} .marginDireita40 { margin-right: 40px;} /* para quebrar o float */ .clear {clear: both;} .clearNada {clear: both; visibility: hidden; height: 0%;} /*###### CONFIG DA BARRA DO WINI ######*/ #barraWini{width: 100%; background: url("../imagens/fundo.barra.gif") repeat-x;} #barraWini #conteudo {width: 760px; height: 32px; padding: 5px 10px 0 10px; margin: 0px auto;} #barraWini #conteudo img {float: left;} #barraWini #conteudo #flashBarra {float: right; width:613px; } /*###### CONFIG DOS ID's DAS DIVS (ESTRUTURAÇÃO) ######*/ #content {min-width: 1000px; background: white;} /* funciona apenas no IE 7 e FF. IE 6 quebra se a resolução for menor que 1000px */ /* formata a barra superior - DENTRO DO #CONTENT */ #wbar {padding: 3px 5px; border-bottom: 1px solid #d4d0c8; font-size: 12px; line-height: 15px; color:#1e4b96; text-align: right;} #wbar .wbemvindo {float: left;} #wbar .wbemvindo .boasvindas {font-weight: bold;} #wbar .wbemvindo .user {text-decoration: underline;} #wbar .wbemvindo .nao {font-size: 11px;} #wbar .wmenu a {margin: 0px 3px;} /* formatações dos conteúdos dentro do site- DENTRO DO #CONTENT */ #wconteudo {padding: 10px; font-size: 12px;} /* formataçâo da logo do Wini que fica na home. É necessário para o conteúdo nâo dançar */ #wconteudo #logo {width: 345px; height:134px; padding: 30px 0 20px 0; margin: 0px auto;} /* configura o campo de busca da home e das internas */ #wconteudo .busca {width: 400px; padding: 1px 2px 2px 2px !important; border: 2px inset #d4d0c8 !important; border-bottom: 1px solid #d4d0c8 !important; border-right: 1px solid #d4d0c8 !important;} /* filtro para busca de site ou produto (home) */ #wconteudo .filtroBusca {width: 490px; margin: auto; text-align: left; padding: 0 0 6px 0;} #wconteudo .filtroBusca li {padding: 0 10px 0 0; display: inline;} #wconteudo .filtroBusca li#texto {padding: 0 7px 0 0; color:#8e8e8e;} #wconteudo .filtroBusca li a{font-weight: bold;} #wconteudo .filtroBusca li.selected a{font-weight: normal; text-decoration: none;} /* filtro para busca de site ou produto (interna) */ #wconteudo .filtroBuscaInt {width: auto; margin: auto; text-align: left; padding: 0 0 6px 0;} #wconteudo .filtroBuscaInt li {padding: 0 10px 0 0; display: inline;} #wconteudo .filtroBuscaInt li#texto {padding: 0 7px 0 0; color:#8e8e8e;} #wconteudo .filtroBuscaInt li a{font-weight: bold;} #wconteudo .filtroBuscaInt li.selected a{font-weight: normal; text-decoration: none;} /* formata tamanho dos forms para não quebrar o layout */ #wconteudo #div_formularios form { width: 490px; margin: auto; text-align: left;} #wconteudo #div_formularios form .bt { width: 70px;} #wconteudo #div_formularios div.img { margin: 8px 11px 0 0; text-align: right;} #wconteudo #div_formularios div.img img{ margin: 0 0 0 8px;} /* formata alinhamento e tamanho dos banners da home */ #wpublicidadeh {text-align: right; width: 779px; margin: 40px auto 0 auto; position: relative;} #wpublicidadeh #pequenos {height: 133px;} #wpublicidadeh #pequenos div.bannersPublicidade {display:inline; } /* colunas para páginas internas */ #wconteudo .esquerda {float: left; width: 48%; margin: 0 2% 0 0; position: relative;} #wconteudo .direita {float: right; width: 48%; margin: 0 1% 0 0;} /* coluna especifica para páginas com submenu (dentro pode ter o .esquerda e .direita também */ #wconteudo .direitaComSubmenu {float: left; width: 79%; position: relative;} /* submenu das páginas internas (lado esquerdo) */ #wconteudo .submenu {width: 135px; padding: 35px 0 0 0; margin: 0 20px 0 0; float:left; display: block; background: url('../imagens/fundo.submenu.gif') top right no-repeat; height: 209px;} html>body #wconteudo .submenu {min-height: 209px;} /*correção por causa do IE 6 */ #wconteudo .submenu li {width: 123px; text-align: right; padding: 5px 12px 5px 0; margin: 0px;} #wconteudo .submenu li.selected a{color: black; text-decoration: none;} /* LISTAS */ /* formatando a lista com passos e página inicial */ #wconteudo .passos {} #wconteudo .passos li {padding: 0 0 15px 57px;} #wconteudo .passos li ul li{padding: 0 0 0px 45px !important;} #wconteudo .passos li div ul li{padding: 20px 0px 0px 0px !important; } #wconteudo .passos li.passo1 {background: url('../imagens/passo.1.listagem.gif') no-repeat;} #wconteudo .passos ul li.passo1 {background: url('../imagens/passo.1.listagem.p.gif') no-repeat;} #wconteudo .passos li.passo2 {background: url('../imagens/passo.2.listagem.gif') no-repeat;} #wconteudo .passos ul li.passo2 {background: url('../imagens/passo.2.listagem.p.gif') no-repeat;} #wconteudo .passos li.passo3 {background: url('../imagens/passo.3.listagem.gif') no-repeat;} #wconteudo .passos li.passo4 {background: url('../imagens/passo.4.listagem.gif') no-repeat;} #wconteudo .passos li.ff {background: url('../imagens/logo.ff.gif') no-repeat;} #wconteudo .passos li.ie {background: url('../imagens/logo.ie.gif') no-repeat;} #wconteudo .passos li.safari {background: url('../imagens/logo.safari.gif') no-repeat;} /* formatando a lista com conquistas - vale-compras */ #wconteudo .conquistas {color: #620460; } #wconteudo .conquistas li {margin: 0 0 4px 0 !important; padding: 0px !important;} #wconteudo .conquistas li span.tit{display: block; font-size: 1.3em;} #wconteudo .conquistas li span.num{font-size: 2.6em;font-weight: bold;} /* formatando a lista de perguntas frequentes */ #wconteudo .perguntas li {margin: 0 0 20px 0;} #wconteudo .perguntas .p {display:block; margin: 0 0 4px 0; font-weight: bold;} #wconteudo .perguntas .r {} /* lista das páginas popup - não estão dentro do #CONTENT (termos de uso) */ #wconteudo .termos {margin: 0 0 0 25px;} #wconteudo .termos li {list-style: outside decimal !important; margin: 0 0 15px 0;} #wconteudo .termos li ol {margin: 5px 0 20px 22px;} #wconteudo .termos li ol li{list-style: outside lower-alpha !important; margin: 0 0 6px 0; text-align: left;} /* formata categorias disponíveis para os prêmios - aparecem em vários lugares */ .categorias li {margin: 0px 0 5px 0 !important; font-weight: bold; width: 100%; display: inline;} .categorias li.cd {margin: 10px 0 5px 0 !important;} .block .categorias li {display:block !important;} .categorias li label {width: 100%;} .categorias li.cat {margin: 10px 0 0px 0px !important; display:block;} .categorias li.cinza {color: #999 !important;} .categorias li ul {margin: 5px 0 10px 10px !important; } .categorias li ul li{margin: 0px 0px 4px 0px !important; font-weight: normal;} html>body .categorias li {display:block;} html>body .categorias li label {display: inline; width: auto;} /* configura logos das lojas na listagem */ #wconteudo .lojas li {float: left; margin: 0 15px 15px 0; background: url('../imagens/fundo.imgs.jpg') no-repeat; width: 107px; height: 106px;} #wconteudo .lojas li img{margin: 2px 0 0 2px;} /* configura lado direito do site aonde ficam os banners */ #wconteudo .publicidadeEsquerda {width: 193px; padding: 0 0 0 10px;} #wconteudo .publicidadeEsquerda .banners {width: 193px; position: relative;} /* para o float */ /* formata o banner de ganhadores do lado direito e o ganhador da semana */ #wconteudo #bannerResultado {background: #630460 url('../imagens/aba.cima.bannher.resultado.gif') left top no-repeat; width: 193px;} #wconteudo #bannerResultado #print {height: 445px;} #wconteudo #bannerResultado ul.premio {margin: 0px 0px 0px 15px; color: #fff; font-size: 11px;} #wconteudo #bannerResultado ul.premio li{margin: 0px;} #wconteudo #bannerResultado ul.premio li.conteudo{float: left; padding-bottom: 10px;} /*###### CONFIG RESULTADO YAHOO ######*/ /* formata cabeçalho */ #wconteudo #yahooResultado .cabecalho {background: #d5ddf3; border-top: 1px solid #3366cc; margin: 0 0 15px 0;} #wconteudo #yahooResultado .cabecalho td {vertical-align: middle; padding: 5px 5px; font-size: 1.1em;} /* formata resultado web */ #wconteudo #yahooResultado ul.resultadoWeb {width: 580px; padding: 0 0 30px 0;} #wconteudo #yahooResultado ul.resultadoWeb li {margin: 0 0 15px 0; font-size: 1.1em;} #wconteudo #yahooResultado ul.resultadoWeb li a.site {font-size: 1.2em; color: #0000cc;} #wconteudo #yahooResultado ul.resultadoWeb li span.cache {color: #008000;} #wconteudo #yahooResultado ul.resultadoWeb li span.cache a {color: #7777cc !important;} /* formata resultado img */ #wconteudo #yahooResultado ul.resultadoImg {padding: 0 0 30px 0;} #wconteudo #yahooResultado ul.resultadoImg li {display: block; margin: 0 0 5px 0;text-align: center; font-size: 1.1em; float: left; width: 194px; height: 230px;} #wconteudo #yahooResultado ul.resultadoImg li img {border: 1px solid #0000cc !important;} #wconteudo #yahooResultado ul.resultadoImg li span.cache {color: #008000;} #wconteudo #yahooResultado ul.resultadoImg li span.cache a {color: #7777cc !important;} /* formata navegacao */ #wconteudo #yahooResultado .navegacao {clear: both; text-align: center; font-size: 1.1em; color: #a90a08;} #wconteudo #yahooResultado .navegacao a {color: #000; margin: 0px 3px;} /*###### CONFIG PAINEL ######*/ #painel {line-height: 17px;} /* deixa a linha com uma altura mais legivel */ /* menu superior do painel */ #painel ul.menu {font-size: 12px; font-weight: bold; width: 100%; background: url('../imagens/fundo.abas.gif') bottom repeat-x; display: table; margin-bottom: 30px;} #painel ul.menu li.first {margin: 0 0 0 10px; border-left: 1px solid #d4d0c8; } #painel ul.menu li {float: left; margin: 0px; padding: 8px 10px; border-top: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8;} #painel ul.menu li a {text-decoration: none;} #painel ul.menu li.selected {background: white;} #painel ul.menu li.selected a {color: black; } /* lista prêmios index painel */ #painel ul.listaPremios{margin-top: 2px;} #painel ul.listaPremios li{margin: 1px 0 1px 0;} /* paginação inline em painei > prêmios */ #painel .paginacao {display: inline; padding: 0 0 0 10px;} #painel .paginacao a {padding: 0px 3px;} /* paginação table em painei > prêmios */ #painel .paginacaoTable {padding: 0 0 0 10px;} #painel .paginacaoTable a {padding: 0px 3px;} /* tabela de prêmios válidos em painel > prêmios */ #painel ul.validade li {margin: 0 0 30px 0;} /* tabela de prêmios vencidos em painel > prêmios */ #painel table.vencimento th {text-align: left; vertical-align: top; padding: 0 0 10px 0; font-weight: normal; color: #000;} #painel table.vencimento td {vertical-align: top; padding: 0 0 10px 0; color: #7c7c7c;} #painel table.vencimento td a{color: #7c7c7c;} /* espaços entre os vales que quero trocar (home) e formatação de textos*/ #painel .muralTrocas div.listagemHome {padding: 0 0 13px 0; } #painel .muralTrocas p.comece {font-size: 18px; padding: 90px 0 0 0;} #painel .muralTrocas p.aguardando, #painel .listaMural p.aguardando{font-size: 18px; padding: 90px 0 0 0; color: #CCC;} /* para interna também */ /* tamanho e espaços dos vales que meus amigos querem trocar (home) */ #painel .muralTrocas ul.listagemHome li {float: left; width: 49.9%; margin: 0 0 23px 0;} /* tamanho e espaços dos vales que meus amigos querem trocar (home) */ #painel .listaMural ul.listagemMural li {float: left; width: 32.9%; margin: 0 0 35px 0;} /* formatação padrão para os vales mostrados */ #painel ul li.marcado {color: #999 !important;} #painel ul li.marcado p.premioP {color: #999 !important; font-weight: normal !important; } #painel ul li.marcado a{color: #999 !important;} #painel ul li div.imagem {float: left; width: 71px; height: 71px;} #painel ul li div.text {float: left; padding: 2px 0px 0px 2px; width: 60%;} #painel ul li div.radioTroca {float: left; padding: 2px 0px 0px 2px; width: 7%; text-align: center;} #painel ul li div.textTroca {float: left; padding: 2px 0px 0px 2px; width: 65%;} #painel ul li div.descricao {clear: both; padding: 5px 0 0 3px;} /* formatação do fundo, radio buttom e botões - painel > trocas internas */ #painel input.radioTroca {margin: 7px 0 0 28px; *margin: 5px 0 0 23px;} #painel .fundoTroca {clear: both; background: url('../imagens/fundo.trocas.gif') 49% top repeat-y;} #painel .bts {text-align: center; clear: both; padding: 20px 0 0 0; background: white;} /* amigos */ #painel #amigos .totalAmigos{font-weight: bold; color: #b8006d; font-size: 14px;} #painel #amigos .listaAmigos {} #painel #amigos .listaAmigos li {overflow: hidden; line-height: 15px; float: left; text-align: center; width: 77px; height: 112px; padding: 10px 5px 5px 5px; background: #e8e8e8; margin:0 10px 10px 0;} #painel #amigos .listaAmigos li div {height: 65px; margin: 0 0 2px 0;} #painel #amigos .listaAmigos li span {display: block; font-size: 10px; color: #b8006d} /* madrugada olímpica */ #painel ol.periodos {} #painel ol.periodos li {margin: 0 0 12px 23px; list-style: outside decimal; font-weight: bold; color:#b8006d;} #painel ol.periodos li p{margin: 0px; font-size: 14px; } #painel ol.periodos li span {font-weight: normal; color: #000; font-size: 12px;} #painel .ranking td {padding: 0 0 5px 0;} #painel .ranking tr.posicao td{padding: 10px 0 0 0 !important;} #painel .promoAfiliados .esquerda {float: left; width: 48% !important; margin: 0 !important;} #painel .promoAfiliados .direita {float: right !important; width: 45% !important;} #painel .promoAfiliados h1 {font-size: 20px; color: #b8006d; line-height: 25px;} #painel .promoAfiliados h2 {font-size: 25px; color: #630460;} #painel .promoAfiliados h6 {color: #b8006d;} /* fundo das imagens das lojas - Pág. Prêmios (todas as referencias) e Pág. Lojas */ .imgPremio {background: url('../imagens/fundo.imgs.jpg') no-repeat;} .imgPremio img {margin: 2px 0 0 2px;} .imgPremioP {background: url('../imagens/fundo.imgs.p.jpg') no-repeat;} .imgPremioP img {margin: 2px 0 0 2px;} /* configuração das cores do descritivo dos prêmios no painel de prêmios */ p.premio {font-size: 18px; color:#b8006d; margin: 0px;} p.premio span {font-size: 12px; color: #000; font-weight: normal;} p.premioP {font-size: 12px; font-weight: bold; color:#b8006d; margin: 0px;} p.premioP span {font-size: 12px; color: #000; font-weight: normal;} /*###### CONFIG PAINEL LOJISTA######*/ #painelLojista {line-height: 17px; position: relative;} /* deixa a linha com uma altura mais legivel */ #painelLojista td.incluir {padding: 0 0 10px 0;} #painelLojista td.incluir a {color:#000; text-decoration: none; font-weight: bold;} /*###### CONFIG RODAPÉ ######*/ #wrodape {font-size: 11px; color: #8e8e8e; padding: 30px 5px 5px 5px;} #wrodape p {margin: 0 0 10px 0;} #wrodape p a {margin:0 3px; color: #8e8e8e;} .listaAmigosProcura {} .listaAmigosProcura li {padding: 10px 0 0 10px;display: block; clear: both; height: 85px; margin: 0px; float: left; width: 98%;} .listaAmigosProcura li:hover {background: #f7f7f7;} .listaAmigosProcura li div.img {width: 65px; height: 65px; padding: 5px; text-align: center; background: #e8e8e8; float: left; margin:0 10px 0 0;} .listaAmigosProcura li div.text {padding: 5px; float: left; margin: 10px 0 0 0;} .listaAmigosProcura li div.text span.titulo {font-size: 15px; font-weight: bold;} .listaAmigosProcura li div.text span.titulo span {font-size: 12px; font-weight: normal;} .listaAmigosProcura li div.text span.obs {color:#666666;} .listaAmigosProcura li.pont {border-bottom: 1px dotted #d4d0c8;} .listaAmigosProcura li.pontCima {border-top: 1px dotted #d4d0c8;} /* paginação inline em painei > prêmios */ #painel .paginacaoAmigos {margin: 20px 0 0 0; clear: both; text-align: center;} #painel .paginacaoAmigos a {padding: 0px 3px;} .em_breve {width: 330px; margin: 0px auto; text-align: left;} .em_breve form {margin-top: 40px;}