/* = = = = = = = = = = = = PINHEIRO SUPERMERCADO CSS de estrutura geral = = = = = = = = = = = = = */ /* Baiano - Em um dia ruim! :@ */ .erro_texto { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; font-weight: bold; } /* itens gerais */ /*html { background:#0d2468 url(../images/layout/bg_geral.gif) center 3px repeat-y; } html.int-azul { background:url(../images/layout/bg_geral.gif) center 3px repeat-y #0d2468; }*/ body { background:url(../images/layout/bg_top.jpg) top center no-repeat scroll #0d2468; } a.copyright { width:100px; height:17px; text-indent:-9999px; display:block; background:url(../images/layout/copyright.gif) left center no-repeat; margin:-23px 9px 0 0; float:right; } a.copyright:hover, a.copyright:focus { background:url(../images/layout/copyright.gif) right center no-repeat; } span.fraseFooter {float:left; font-size:11px; margin-top:-17px; margin-left:7px; color:#333; font-family:arial, tahoma, verdana, sanas-serif;} .clr { width:0; height:0; display:block; clear:both; visibility:hidden; } hr.sep { background:#ccc; border:none; height:1px; margin:25px 0; } /* container */ #container { width:960px; margin:0 auto; } /* menu institucional */ #topo { height:17px; padding:5px 0; } ul#inst { width:700px; float:right; padding:3px 0 ; } ul#op { width:150px; float:right; padding:5px 0; margin-left:30px; background:url(../images/layout/sep03.gif) left center repeat-y; } ul#inst li, ul#op li { display:inline; margin-left:28px; } /* header */ #header { height:142px; position:relative; } #header h1 a { text-indent:-9999px; width:180px; height:120px; float:left; margin:0 43px 0 0; } #header p#slogan { float:left; width:305px; margin-top:13px; } #mainSearch { width:400px; height:40px; float:right; margin:55px 0 0 0; } #mainSearch input { width:249px; height:16px; background:url(../images/layout/bg_inputs.gif) center -8px repeat-x; border:1px solid #0040fe; margin:1px 7px 0 0; padding:10px 12px 9px; } #mainSearch input:focus { background:url(../images/layout/bg_inputs.gif) center -14px repeat-x; } #mainSearch input { font-size:13px; } #mainSearch button { width:112px; height:37px; text-indent:-9999px; border:none; background:url(../images/layout/buttons.png) -12px -107px no-repeat; cursor:pointer; } #mainSearch button:hover, #mainSearch button:focus { background:url(../images/layout/buttons.png) -137px -107px no-repeat; } #mainSearch button:active { background:url(../images/layout/buttons.png) -262px -107px no-repeat; } #header p#localidades { clear:both; text-align:right; color:#a8b4de; position:absolute; bottom:8px; right:0; } /* menu geral */ #menuGeral { height:49px; } #menuGeral li { display:block; float:left; border-width:1px 1px 0 1px; border-style:solid; border-color:#183bb1 #051546 #051546 #183bb1; background:#011e82; } #menuGeral li:hover { background:#0028a4; position:relative; z-index: 9999; } #menuGeral li:first-child { border-left:none; } #menuGeral #mSRede { border-color:#1e4ade #051546 #051546 #183bb1; } #menuGeral li a { display:block; padding-top:10px; padding-bottom:10px; padding-right:25px; height:31px; text-indent:-9999px; } /* restaurante */ #menuGeral #mRest a { padding-left:75px; width:80px; background:url(../images/layout/bg_servicos.png) 12px -17px no-repeat; } #menuGeral #mRest a:hover, #menuGeral #mRest a:focus { background:url(../images/layout/bg_servicos.png) 12px -142px no-repeat; } /* pinheirinho */ #menuGeral #mPinheirinho a { padding-left:75px; width:70px; background:url(../images/layout/bg_servicos.png) -167px -17px no-repeat; } #menuGeral #mPinheirinho a:hover, #menuGeral #mPinheirinho a:focus { background:url(../images/layout/bg_servicos.png) -167px -142px no-repeat; } /* cinema */ #menuGeral #mCinema a { padding-left:75px; width:65px; background:url(../images/layout/bg_servicos2.png) -340px -17px no-repeat; } #menuGeral #mCinema a:hover, #menuGeral #mCinema a:focus { background:url(../images/layout/bg_servicos2.png) -340px -142px no-repeat; } #Renato a { background:url(../images/layout/bg_servicos2.png) -1350px -20px no-repeat !important; } #Lucena { border-right: 0px solid !important; } #Lucena a { background:url(../images/layout/bg_servicos2.png) -1151px -20px no-repeat !important; width: 9em !important; border-right: 0px solid !important; } #Renato a:hover, #Renato a:focus { background:url(../images/layout/bg_servicos2.png) -1201px -140px no-repeat !important; } #Lucena a:hover, #Lucena a:focus { background:url(../images/layout/bg_servicos2.png) -988px -142px no-repeat !important; border-right: 0px solid !important; } /* dicas */ #menuGeral #mDicas a { padding-left:75px; width:101px; background:url(../images/layout/bg_servicos.png) -545px -17px no-repeat; } #menuGeral #mDicas a:hover, #menuGeral #mDicas a:focus { background:url(../images/layout/bg_servicos.png) -545px -142px no-repeat; } /* biblioteca */ #menuGeral #mBiblioteca a { padding-left:75px; width:53px; background:url(../images/layout/bg_servicos.png) -740px -17px no-repeat; } #menuGeral #mBiblioteca a:hover, #menuGeral #mBiblioteca a:focus { background:url(../images/layout/bg_servicos.png) -740px -142px no-repeat; } /* orkut */ #menuGeral #mOrkut a { width:32px; background:url(../images/layout/bg_servicos.png) -984px -19px no-repeat; } #menuGeral #mOrkut a:hover, #menuGeral #mOrkut a:focus { background:url(../images/layout/bg_servicos.png) -984px -19px no-repeat; } /* twitter */ #menuGeral #mTwitter a { width:30px; background:url(../images/layout/bg_servicos.png) -1036px -19px no-repeat; } #menuGeral #mTwitter a:hover, #menuGeral #mTwitter a:focus { background:url(../images/layout/bg_servicos.png) -1036px -19px no-repeat; } /* youtube */ #menuGeral #mYoutube a { width:30px; background:url(../images/layout/bg_servicos.png) -1083px -19px no-repeat; } #menuGeral #mYoutube a:hover, #menuGeral #mYoutube a:focus { background:url(../images/layout/bg_servicos.png) -1083px -19px no-repeat; } /* super rede */ #menuGeral #mSRede { border-right:none; width:63px; } #menuGeral #mSRede a { background:#0028a4 url(../images/layout/bg_servicos.png) -898px -17px no-repeat; text-indent:-9999px; width:60px; padding-right:0; } #menuGeral #mSRede a:hover, #menuGeral #mSRede a:focus { background:#1538bc url(../images/layout/bg_servicos.png) -898px -142px no-repeat; } /*** ESSENTIAL STYLES SUBMENU ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index: 1; } .sf-menu { line-height: 0; } .sf-menu ul { position: absolute; top: -999em; width: 17.4em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 4.25em; /* match top ul list item height */ _top: 4.7em; *top: 4.7em; z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 10em; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /* main - estrutura principal de conteudo */ #main { padding:27px 20px 70px 0; background:#fff; *overflow:hidden; } #main:after { content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden; } html.int-azul #main.interna { background:#99A9DB url(../images/layout/bg_main-int.gif) top repeat-x; } /* menu dos produtos */ #colMenu { width:175px; float:left; } #menuProd { border-right:1px solid #ededed; padding-right:10px; background:url(../images/layout/bg_menu.gif) left repeat-y; overflow:hidden; } #menuProd span.secao { padding:2px 0 4px 20px; display:block; } #menuProd span.subsecao { padding:2px 0 4px 20px; display:block; } #menuProd span.secao:hover { text-decoration:none; } /*#menuProd span.secao:hover { background:#003333; }*/ #menuProd a.secao { padding:2px 0 4px 20px; display:block; } #menuProd a.subsecao { padding:2px 0 4px 20px; display:block; } #menuProd a.secao:hover { text-decoration:none; } #menuProd li { margin-bottom:17px; } #menuProd li:last-child { margin-bottom:0; } #menuProd li ul { padding:0 0 0 30px; } #menuProd li ul.open { padding:4px 0 0 30px; } #menuProd li ul li { margin:0; } #menuProd li ul li a { padding:4px 0; display:block; } /* página de textos simples */ .navAux { width:285px; float:left; padding-left:20px; } .navAux.menuPrinc { padding-top:36px; width:255px; } .navAux.institucional { width:285px; } .navAux.cinema { width:230px; margin-right:25px; background:url(../images/layout/bg_pipocas.png) top left no-repeat; padding:165px 0 0 20px; *padding:215px 0 0 20px; } .cinema2 { background:url(../images/layout/bg_pipocas2.png) top left no-repeat !important; } .navAux.lojas { width:200px; margin-right:30px; } .navAux.lojas h3 { margin-bottom:25px; } #txtSimples { width:600px; float:left; position:relative; padding:0 15px; } #txtSimples table { border-collapse:separate; border-spacing:2px; } #txtSimples table h1, #txtSimples table h2, #txtSimples table h6, #txtSimples table h4, #txtSimples table h5, #txtSimples table h5 { margin:0; } #txtSimples .bgServ img.list { margin-right:15px; } #txtSimples .bgServ ul { float:left; } #txtSimples .bgServ { background:#d9dde8; padding:10px; overflow:auto; margin-top:10px; } .bgServ p { margin:0 !important; } /* página das lojas */ #links-lojas li { display:block; border-top:1px solid #E9E9E9; margin-bottom:20px; padding-top:15px; } #links-lojas li:first-child { border-top:none; } #links-lojas li strong { color:#0E2469; font-family:"Trebuchet MS",Tahoma,Arial,Verdana,sans-serif; font-size:16px; font-style:italic; margin-bottom:4px; display:block; } #links-lojas li address { font-size:12px; line-height:150%; color:#fff; font-style:normal; } #links-lojas li span.more { display:block; text-align:right; margin:10px 0 0; } #links-lojas li span.more a { color:#FFE850; font-size:12px; } #links-lojas li span.more a:hover, #links-lojas li span.more a:focus { text-decoration:none; } /* página do cinema */ #cinema { width:665px; float:left; } #cinema .filme { margin-bottom:20px; } #cinema .info { width:130px; float:left; padding:0 12px 0 0; } #cinema .info a.poster { position:relative; } .info a.poster span.zoom { position:absolute; bottom:7px; right:7px; display:block; text-indent:-9999px; width:20px; height:20px; background-image:url(../images/layout/ico-zoom.png); background-position:1px 2px; background-repeat:no-repeat; } .info a.poster:hover span.zoom { background-position:1px -27px; } #cinema .info img.poster { width:130px; margin-bottom:3px; } .filme .filmInfo { background:#EDEDED; padding:15px; } .filme .sinopse { clear:both; background:url(../images/layout/bg_inset01.gif) top repeat-x; padding-top:23px; } .filme .trailler { width:488px; /*height:218px;*/ background:#336633; float:left; margin-left:5px; } .filme .info, .filme .trailler { margin-bottom:20px; } #infoMore { margin-top:55px; } /* listagem de produtos */ #listProd { width:440px; float:left; position:relative; padding-left:15px; } /* detalhes do produto */ #detProd { width:425px; float:left; position:relative; padding:0 15px; } #detProd .produto { float:none; } #detProd .block { background:#EDEDED; padding:15px; } #prod-descricao { margin:15px 0; } #prod-descricao h3 { border-bottom:1px solid #ededed; padding-bottom:5px; color:#a4a4a4; font-size:16px; } #prod-descricao p { line-height:150%; font-size:13px; } #prod-info h3 { background:#D9DDE8; color:#0027A4; font-family:"Trebuchet MS",Tahoma,Arial,Verdana,sans-serif; font-size:16px; font-style:italic; padding:10px 15px; } #prod-info p { font-size:12px; color:#3F3F3F; line-height:140%; } /* resultado de buscas */ p.explicaBusca { font-size:12px; color:#333; line-height:150%; } #busca-outras { font-size:11px; line-height:210%; } #busca-outras a:link { color:#FE8301; text-decoration:none; border-bottom:1px solid #fe8301; } #busca-outras a:visited { text-decoration:none; color:#BF7F3B; border-bottom:1px dotted #BF7F3B; } #busca-outras a:hover, #busca-outras a:focus { border:none; } #busca-outas a span.qtdBuscas { margin-left:5px; } /* paginacao */ #paginacao { clear:both; margin:20px 0 10px; font-size:11px; } #paginacao span { } #paginacao span a { background:#CCC; color:#666; text-decoration:none; padding:6px 8px; } #paginacao span a:hover, #paginacao span a:focus { color:#fff; background:#999; } #paginacao span.next, #paginacao span.last { text-transform:uppercase; font-size:10px; } #paginacao span.next a, #paginacao span.last a { background:#CCC; color:#666666; padding:7px 8px 6px; } #paginacao span.next a:hover, #paginacao span.next a:focus, #paginacao span.last a:hover, #paginacao span.last a:focus { color:#fff; background:#999; } #paginacao span.pagAtual { color:#999; padding:6px; font-weight:bold; } /* .produto - produtos mostrados na coluna central */ .produto { width:415px; float:left; margin-bottom:45px; } .produto img.foto { float:left; margin-right:20px; width:50px; } .produto .txt { width:345px; float:left; } .produto h3 { margin-bottom:9px; } .produto table, .produto caption, .produto tbody, .produto tfoot, .produto thead, .produto tr, .produto th, .produto td { margin: 0; padding: 0; border: 0; outline: 0; outline:none; } .produto .buy-opt { float:left; width:160px; height:32px; } .produto .preco { padding:2px 7px; } .result-busca .produto .preco { background:#afafaf; } .inicial .produto .preco { background:#afafaf; } .p1 .produto .preco { background:#9e0039; } .p2 .produto .preco { background:#7b004b; } .p3 .produto .preco { background:#5c003d; } .p4 .produto .preco { background:#640063; } .p5 .produto .preco { background:#660079; } .p6 .produto .preco { background:#9a0095; } .p7 .produto .preco { background:#700095; } .p8 .produto .preco { background:#480092; } .p9 .produto .preco { background:#250090; } .p10 .produto .preco { background:#003b84; } .p11 .produto .preco { background:#00618a; } .p12 .produto .preco { background:#00818d; } .p13 .produto .preco { background:#008d8b; } .p14 .produto .preco { background:#008665; } .p15 .produto .preco { background:#00854e; } .p16 .produto .preco { background:#008328; } .p17 .produto .preco { background:#1e8f00; } .p18 .produto .preco { background:#4b8b00; } .p19 .produto .preco { background:#768f00; } .p20 .produto .preco { background:#a4b300; } .p21 .produto .preco { background:#c5c300; } .p22 .produto .preco { background:#ddda00; } .p23 .produto .preco { background:#f5f200; } .p24 .produto .preco { background:#e2aa00; } .p25 .produto .preco { background:#da8500; } .p26 .produto .preco { background:#f09800; } .p27 .produto .preco { background:#ee8100; } .p28 .produto .preco { background:#ee6500; } .p29 .produto .preco { background:#ed5400; } .p30 .produto .preco { background:#f12200; } .p31 .produto .preco { background:#d30000; } .p32 .produto .preco { background:#b10000; } .p33 .produto .preco { background:#7f0000; } .p34 .produto .preco { background:#b50000; } .p36 .produto .preco { background:#970027; } .p37 .produto .preco { background:#9a0024; } .p38 .produto .preco { background:#9e0039; } .produto .qtd { background:#e0e4ef; padding:2px 6px; } .qtd input { width:25px; border:1px solid #6e6e6f; background:url(../images/layout/bg_inputs.gif) center -15px repeat-x; } .qtd button { border:1px solid #141465; width:33px; background:#506fde url(../images/layout/button_qtd.gif) repeat-x bottom; font-weight:bold; color:#fff; *padding-top:2px; } .qtd button:hover, .qtd button:focus { background:#506fde url(../images/layout/button_qtd.gif) center 5px repeat-x; cursor:pointer; } .qtdSetas { width:10px; height:20px; margin:4px 8px 0 4px; *margin:0 8px 0 4px; } .qtdSetas li { display:block; text-indent:-9999px; background-image:url(../images/layout/seta-qtd.gif); background-repeat:no-repeat; height:6px; width:9px; margin-bottom:3px; *margin-top:-10px; } .qtdSetas li.mais { background-position:left top; } .qtdSetas li.menos { background-position:left bottom; } .qtdSetas li.mais:hover, .qtdSetas li.mais:focus { background-position:right top; } .qtdSetas li.menos:hover, .qtdSetas li.menos:focus { background-position:right bottom; } /* listagem das ultimas compras */ #lastBuy { margin:20px 0; width:415px; clear:both; } #lastBuy thead.main { background:#a3a3a3 url(../images/layout/bg_header_buy.gif) top repeat-x; } #lastBuy thead.main th { padding:10px; text-align:left; *background:#a3a3a3 url(../images/layout/bg_header_buy.gif) top repeat-x;; } #lastBuy tr.compra { background:#e2e2e2 url(../images/layout/bg_tr_buy.gif) top repeat-x; cursor:pointer; } #lastBuy tr.compra:hover { background:#e2e2e2 url(../images/layout/bg_tr_buy.gif) center -105px repeat-x; } #lastBuy tr.compra td { padding:10px; } .buyOp a.redo { display:block; text-indent:-9999px; background-image:url(../images/layout/bt_redo.png); background-repeat:no-repeat; width:120px; height:20px; background-position:0 0; } .buyOp a.redo:hover, .buyOp a.redo:focus { background-position:0 -28px; } #lastBuy .limit { max-height:300px; overflow-x:hidden; overflow-y:auto; /*overflow:-moz-scrollbars-vertical;*/ } #lastBuy table.listagem { width:415px; } #lastBuy table.listagem thead tr { background:#ededed; text-align:left; color:#666; font-size:11px; } #lastBuy table.listagem th { padding:4px 20px; background:#ededed; } #lastBuy table.listagem td { padding:4px 20px; font-size:11px !important; } #lastBuy table.listagem tbody tr { border-bottom:1px solid #d8d7d7; background:#f4f4f4; } #lastBuy table.listagem tbody tr img { width:30px; } #lastBuy table.listagem th.prodQtd { background:#e6e6e6; } #lastBuy table.listagem td.qtdProd { background:#f0f0f0; } /* formulario de contato */ #contato { /*float:left; width:615px; margin-left:20px;*/ background:#EDEDED; } #contato h2 { background:#D9DDE8; color:#0027A4; font-family:"Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; font-size:24px; font-style:italic; margin-bottom:15px; padding:10px 15px; } #contato fieldset.inputs { clear:left; margin-bottom:25px; min-height:30px; padding:0 15px; } #contato label { display:block; font-size:13px; margin-bottom:6px; color:#0027A4; width:100px; float:left; } #contato input, #contato textarea { width:465px; border:1px solid #0040FE; background:#fff url(../images/layout/bg_inputs.gif) repeat-x center -18px; padding:6px 8px; font-size:13px; margin-bottom:5px; } #contato textarea { height:90px; } #contato .msgErro { display:block; font-size:12px; background:#fff55d url(../images/layout/ico_warning.png) 5px center no-repeat; padding:5px 5px 5px 33px; border:1px dashed #ea8503; clear:both; display:block; margin:0 2px 12px 100px; } #contato .submit { text-align:right; padding:0 15px 15px 0; } #contato .submit button { background:url(../images/layout/buttons.png) no-repeat -12px -300px; border:none; text-indent:-9999px; height:26px; width:85px; cursor:pointer; } #contato .submit button:hover, #contato .submit button:focus { background:url(../images/layout/buttons.png) no-repeat -114px -300px; } #contato .submit button:active { background:url(../images/layout/buttons.png) no-repeat -216px -300px; } /* formulario de trabalhe conosco */ #trabalhe { /*float:left; width:615px; margin-left:20px;*/ background:#EDEDED; } #trabalhe h2 { background:#D9DDE8; color:#0027A4; font-family:"Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; font-size:24px; font-style:italic; margin-bottom:15px; padding:10px 15px; } #trabalhe fieldset.inputs { clear:left; margin-bottom:25px; min-height:30px; padding:0 15px; } #trabalhe label { display:block; font-size:13px; margin-bottom:6px; margin-right:16px; color:#0027A4; width:100px; float:left; } #trabalhe label.contatCursos { } #trabalhe input, #trabalhe textarea { width:450px; border:1px solid #0040FE; background:#fff url(../images/layout/bg_inputs.gif) repeat-x center -18px; padding:6px 8px; font-size:13px; margin-bottom:5px; } #trabalhe textarea { height:90px; } #trabalhe .msgErro { display:block; font-size:12px; background:#fff55d url(../images/layout/ico_warning.png) 5px center no-repeat; padding:5px 5px 5px 33px; border:1px dashed #ea8503; clear:both; display:block; margin:0 2px 12px 100px; } #trabalhe .submit { text-align:right; padding:0 15px 15px 0; } #trabalhe .submit button { background:url(../images/layout/buttons.png) no-repeat -12px -300px; border:none; text-indent:-9999px; height:26px; width:85px; cursor:pointer; } #trabalhe .submit button:hover, #trabalhe .submit button:focus { background:url(../images/layout/buttons.png) no-repeat -114px -300px; } #trabalhe .submit button:active { background:url(../images/layout/buttons.png) no-repeat -216px -300px; } .invisivel { height:0 !important; margin:0 !important; padding:0 !important; visibility:hidden !important; width:0 !important; } #trabalhe fieldset i { font-size:11px; font-style:italic; margin-left:115px; } span.limiteTam { background:#E0E4EF none repeat scroll 0 0; border:1px solid #0040FE; color:#0027A4; font-size:13px; font-weight:bold; margin-bottom:10px; display:block; padding:6px; width:425px; } /* pagina de cadastro */ .explica-cadastro { width:285px; float:left; padding-left:20px; } .explica-cadastro h2 { font-size:20px; margin-bottom:30px; } .explica-cadastro p { font-size:12px; line-height:150%; margin-bottom:16px; } #listaLojas { margin-top:30px; } #listaLojas .lojas { margin-bottom:20px; border-top:1px solid #e9e9e9; padding-top:15px; width:295px; height:180px; float:left; } #listaLojas .lojas h3 { font-family:"Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; font-style:italic; color:#0E2469; font-size:18px; font-weight:normal; } #listaLojas .lojas h3 { margin-bottom:6px; } #listaLojas .lojas address { margin:13px 0; } #listaLojas .lojas address, #listaLojas .lojas p { color:#333; padding-left:15px; font-size:13px; line-height:150%; } #cadastro { width:615px; float:right; } #cadastro fieldset.parte { background:#EDEDED; margin-bottom:25px; } #cadastro a { color:#F48000; } #cadastro h3 { color:#0027A4; background:#D9DDE8; padding:10px 15px; font-size:20px; margin-bottom:15px; font-family:"Trebuchet MS",Tahoma,Arial,Verdana,sans-serif; font-style:italic; } #cadastro .tip { font-size:11px; color:#999; margin:4px 0 0 8px; display:block; float:left; margin:7px 0 0 10px; } #cadastro .bloco { margin-bottom:40px; } #cadastro .row { margin-bottom:25px; padding:0 15px; min-height:30px; clear:left; } #cadastro .row label { font-size:12px; } #cadastro .row .label { width:95px; display:block; float:left; text-align:left; margin-right:12px; } #cadastro .row .opt { margin-right:15px; } #cadastro .text label { width:95px; display:block; float:left; text-align:left; margin-right:12px; } #cadastro .text input { width:449px; display:block; float:left; font-size:12px; padding:6px 8px; background:url(../images/layout/bg_inputs.gif) repeat-x center -18px; border:1px solid #0040FE; height:14px; color:#7f8188; margin-bottom:5px; } #cadastro .text input:focus { color:#000; background:transparent url(../images/layout/bg_inputs.gif) repeat-x scroll center -20px; } #cadastro .pass label { width:95px; margin-right:12px; display:block; float:left; } #cadastro .pass input { font-size:12px; padding:6px 8px; background:url(../images/layout/bg_inputs.gif) repeat-x center -18px; border:1px solid #0040FE; height:14px; color:#7f8188; display:block; float:left; margin-bottom:5px; } #cadastro .pass input:focus { color:#000; background:transparent url(../images/layout/bg_inputs.gif) repeat-x scroll center -20px; } #cadastro span.nascimento input { width:90px; } #cadastro #cadFone input { width:120px; } #cadastro #cadCelular input { width:120px; } #cadastro #cadCPF { width:240px; float:left; } #cadastro #cadCNPJ { width:260px; float:left; } #cadastro #cadSenha { width:275px; float:left; } #cadastro #cadCPF input { width:110px; } #cadastro #cadCNPJ input { width:130px; } #cadastro .destin label { width:280px; } #cadastro .destin input { width:264px; } #cadastro .col-2 input { width:50px; margin-right:80px; } #cadastro .col-3 input { width:75px; margin-right:80px; } #cadastro .col-2 span.bairro input { width:149px; margin-right:50px; } #cadastro .col-2 span.numero input { margin-right:149px; } #cadastro .col-2 span.complemento label { width:120px; } #cadastro .col-2 span.complemento input { width:100px; margin-right:0; } #cadastro .col-2 span.cep label { width:71px; } #cadastro .col-2 span.cep input { width:148px; margin-right:0; } #cadastro .col-2 span.estado input { width:150px; margin-right:50px; } #cadastro .col-2 span.cidade select { width:290px; display:block; float:left; font-size:12px; background:url(../images/layout/bg_inputs.gif) repeat-x center -18px; border:1px solid #0040FE; color:#7f8188; padding:5px 0; } #cadastro .col-2 span.cidade option { background:#fff; } #cadastro .check p { margin-bottom:16px; } #cadastro .check label { font-size:14px; } #cadastro .low label { color:#999; } #cadastro .msgErro { display:block; font-size:12px; background:#fff55d url(../images/layout/ico_warning.png) 5px center no-repeat; padding:5px 5px 5px 33px; border:1px dashed #ea8503; clear:both; display:block; } #cadNome .msgErro { margin:8px 0 0 107px; width:175px; } #cadSobrenome .msgErro { margin:8px 0 0 107px; width:212px; } #cadCPF .msgErro { margin:8px 0 0 107px; width:165px; } #cadFone .msgErro { margin:8px 0 0 107px; width:192px; } #cadNasc .msgErro { margin:0 10px; width:215px; clear:none; float:left; } #cadMail .msgErro { margin:8px 0 0 107px; width:175px; } #cadMail2 .msgErro { margin:8px 0 0 107px; width:130px; } #cadSenha .msgErro { margin:8px 0 0 107px; width:180px; } #cadSenha2 .msgErro { margin:8px 0 0 107px; width:135px; } #cadDestin .msgErro { margin:8px 0 0 291px; width:243px } #cadRua .msgErro { margin:8px 0 0 107px; width:180px; } #cadNum .msgErro { margin:8px 0 0 107px; width:235px; } #cadastro .opt { text-align:left; padding:0 12px 10px; font-size:13px; } #cadastro .opt input { margin:0; } #cadastro .idioma-news { margin-left:25px; padding-top:5px; display:block; font-size:12px; } #cadastro .idioma-news label { font-size:12px; } #cadastro .aviso { margin:15px 0; padding:10px; font-size:12px; } #cadastro .sucesso { background:#d7fbdc; color:#04450c; border:1px dashed #04450c; } #cadastro button { width:155px; height:37px; text-indent:-9999px; border:none; background:url(../images/layout/buttons.png) -12px -381px no-repeat; cursor:pointer; display:block; } #cadastro button:hover, #cadastro button:focus { background:url(../images/layout/buttons.png) -172px -381px no-repeat; } #cadastro button:active { background:url(../images/layout/buttons.png) -332px -381px no-repeat; } a.compCep { font-size:11px; } /* pagina de edicao de dados */ .explica-cadastro #account { padding:0; } /*.explica-cadastro #account a.logoff { top:13px; }*/ #editar { width:615px; float:right; } #editar fieldset.parte { background:#EDEDED; margin-bottom:25px; } #editar a { color:#F48000; } #editar h3 { color:#0027A4; background:#D9DDE8; padding:10px 15px; font-size:20px; margin-bottom:15px; font-family:"Trebuchet MS",Tahoma,Arial,Verdana,sans-serif; font-style:italic; } #editar .tip { font-size:11px; color:#999; margin:4px 0 0 8px; display:block; float:left; margin:7px 0 0 10px; } #editar .bloco { margin-bottom:40px; } #editar .row { margin-bottom:25px; padding:0 15px; min-height:30px; clear:left; } #editar .row label { font-size:12px; } #editar .row .label { width:95px; display:block; float:left; text-align:left; margin-right:12px; } #editar .row .opt { margin-right:15px; } #editar .text label { width:95px; display:block; float:left; text-align:left; margin-right:12px; } #editar .text input { width:449px; display:block; float:left; font-size:12px; padding:6px 8px; border:1px solid #AFAFAF; color:#AFAFAF; margin-bottom:5px; background:#F4F4F4; } #editar .text input:focus { color:#000; background:#fff; } #editar .explica-edit { background:#f6f1a5; color:#603601; font-size:12px; padding:14px; margin:15px; } #editar .pass label { width:95px; margin-right:12px; display:block; float:left; } #editar .pass input { font-size:12px; padding:6px 8px; border:1px solid #AFAFAF; color:#AFAFAF; margin-bottom:5px; background:#F4F4F4; display:block; float:left; margin-bottom:5px; } #editar .pass input:focus { color:#000; background:#fff; } #editar span.nascimento input { width:95px; } #editar #cadFone input { width:120px; } #editar #cadCelular input { width:120px; } #editar #cadCPF { width:255px; float:left; } #editar #cadCNPJ { width:275px; float:left; } #editar #cadSenha { width:275px; float:left; } #editar #cadCPF input { width:120px; } #editar #cadCNPJ input { width:140px; } #editar .destin label { width:280px; } #editar .destin input { width:264px; } #editar .col-2 input { width:50px; margin-right:80px; } #editar .col-2 span.bairro input { width:149px; margin-right:50px; } #editar .col-2 span.numero input { margin-right:149px; } #editar .col-2 span.complemento label { width:120px; } #editar .col-2 span.complemento input { width:100px; margin-right:0; } #editar .col-2 span.cep label { width:71px; } #editar .col-2 span.cep input { width:148px; margin-right:0; } #editar .col-2 span.estado input { width:150px; margin-right:50px; } #editar .col-2 span.cidade label { width:95px; } #editar .col-2 span.cidade select { width:290px; display:block; float:left; font-size:12px; padding:5px 0; border:1px solid #AFAFAF; color:#AFAFAF; margin-bottom:5px; background:#F4F4F4; } #editar .col-2 span.cidade option { background:#fff; } #editar .check p { margin-bottom:16px; } #editar .check label { font-size:14px; } #editar .low label { color:#999; } #editar .msgErro { display:block; font-size:12px; background:#fff55d url(../images/layout/ico_warning.png) 5px center no-repeat; padding:5px 5px 5px 33px; border:1px dashed #ea8503; clear:both; display:block; } #cadNome .msgErro { margin:8px 0 0 107px; width:175px; } #cadSobrenome .msgErro { margin:8px 0 0 107px; width:212px; } #cadCPF .msgErro { margin:8px 0 0 107px; width:165px; } #cadFone .msgErro { margin:8px 0 0 107px; width:192px; } #cadNasc .msgErro { margin:0 10px; width:215px; clear:none; float:left; } #cadMail .msgErro { margin:8px 0 0 107px; width:175px; } #cadMail2 .msgErro { margin:8px 0 0 107px; width:130px; } #cadSenha .msgErro { margin:8px 0 0 107px; width:180px; } #cadSenha2 .msgErro { margin:8px 0 0 107px; width:135px; } #cadDestin .msgErro { margin:8px 0 0 291px; width:243px } #cadRua .msgErro { margin:8px 0 0 107px; width:180px; } #cadNum .msgErro { margin:8px 0 0 107px; width:235px; } #editar .opt { text-align:left; padding:0 12px 10px; font-size:13px; } #editar .opt input { margin:0; } #editar .idioma-news { margin-left:25px; padding-top:5px; display:block; font-size:12px; } #editar .idioma-news label { font-size:12px; } #editar .aviso { margin:15px 0; padding:10px; font-size:12px; } #editar .sucesso { background:#d7fbdc; color:#04450c; border:1px dashed #04450c; } #editar button { width:83px; height:37px; text-indent:-9999px; border:none; background:url(../images/layout/buttons.png) -12px -478px no-repeat; cursor:pointer; display:block; } #editar button:hover, #editar button:focus { background:url(../images/layout/buttons.png) -113px -478px no-repeat; } #editar button:active { background:url(../images/layout/buttons.png) -211px -478px no-repeat; } /* pagina com a compra finalizada */ .explica-fechamento { width:285px; float:left; padding-left:20px; } .explica-fechamento h2 { font-size:20px; margin-bottom:15px; color:#a4a4a4; } .explica-fechamento h3 { font-size:18px; margin:10px 0 5px; color:#FE8301; } .explica-fechamento p { font-size:12px; line-height:150%; margin-bottom:16px; } #fechaPedido { float:right; width:615px; } #fechaPedido .limit { max-height:400px; overflow-x:hidden; overflow-y:auto; clear:both; } #fechaPedido h2 { background-color:#D9DDE8; color:#0027A4; padding:3px 0 8px 8px; } #fechaPedido h3 { margin-bottom: 18px; } #fechaPedido #pagamento { font-size: 12px; margin-bottom:25px; padding: 14px 0 14px 8px; background-color: #eaeaea; } #fechaPedido #pagamento input.escolha { float:left; } #fechaPedido #pagamento label.escolha { background-image:url(../images/layout/ico-pay.png); background-repeat:no-repeat; cursor:pointer; float:left; display:block; height:20px; text-indent:-9999px; width:295px; padding:4px 0; } #fechaPedido #pagamento label.vista { background-position:9px -1px; } #fechaPedido #pagamento label.cartao { background-position:18px -84px; } #fechaPedido #pagamento label.boleto { background-position:17px -255px; } #fechaPedido #pagamento label.cheque { background-position:11px -178px; } #fechaPedido p.opt { width:295px; float:left; } #fechaPedido p#optVista { margin-bottom:45px; } #fechaPedido p#optCred { margin-bottom:45px; } #fechaPedido a.rules { color:#F48000; display:block; float:left; font-size:11px; font-style:normal; margin-left:26px; padding:5px 0; } .vermelho { color:#990000; font-weight: bold; font-size: 12px; margin-bottom: 10px; padding: 14px 0 14px 8px; background-color: #eaeaea; } /* listagem da compra sendo fechada atualmente */ #agenda { /*padding:20px 8px 8px;*/ padding:8px; background:#EfEfEf; margin-bottom:50px; } #agenda p#entregaQuando { width:175px; height:60px; float:left; font-size:12px; padding-left:90px; background:url(../images/layout/entrega-clock.gif) 16px -4px no-repeat; line-height:160%; } #agenda p#entregaOnde { width:155px; float:left; font-size:12px; margin:25px 18px 0 0; padding-left:90px; line-height:160%; clear:both; background:url(../images/layout/entrega-globe.gif) 18px -4px no-repeat; height:60px; } #agenda select { width:260px; float:left; } #agenda #novoEnd { background:url(../images/layout/bg_inputs.gif) repeat-x scroll center -18px #FFFFFF; border:1px solid #0040FE; font-size:13px; margin:5px 0 0 20px; padding:6px 8px; width:245px; } #agenda #blockEnd { float:left; width:282px; margin:25px 0 0 0; *margin:50px 0 0 0; } #agenda #blockEnd label { display:block; } #agenda #blockEnd span.label { font-size:13px; font-weight:bold; } #agenda #blockEnd span.endAtual { font-size:12px; line-height:150%; } #agenda #blockEnd em.altEnd { font-size:11px; color:#F48000; text-decoration:underline; cursor:pointer; font-style:normal; } #agenda #blockEnd em.altEnd:hover { text-decoration:none; } /* edicao de dados na pagina de finalizar pedido */ #finalEdit { clear:both; background:#e7e5e5; width:545px; margin:10px auto 0; position:relative; margin-bottom:22px; } #finalEdit h3 { padding:5px 15px; background:#DFDFDF; color:#888; } #finalEdit .bloco { margin-bottom:40px; } #finalEdit .row { margin-bottom:25px; padding:0 15px; min-height:30px; clear:left; } #finalEdit .row label { font-size:12px; } #finalEdit .row .label { width:95px; display:block; float:left; text-align:left; margin-right:12px; } #finalEdit .row .opt { margin-right:15px; } #finalEdit .text label { width:95px; display:block; float:left; text-align:left; margin-right:12px; } #finalEdit .text input { width:390px; display:block; float:left; font-size:12px; padding:6px 8px; border:1px solid #AFAFAF; color:#AFAFAF; margin-bottom:5px; background:#F4F4F4; } #finalEdit .text input:focus { color:#000; background:#fff; } #finalEdit .destin label { width:185px; } #finalEdit .destin input { width:200px; } #finalEdit .col-2 input { width:50px; margin-right:80px; } #finalEdit .col-2 span.bairro input { width:149px; margin-right:35px; } #finalEdit .col-2 span.numero input { margin-right:90px; } #finalEdit .col-2 span.complemento label { width:120px; } #finalEdit .col-2 span.complemento input { width:100px; margin-right:0; } #finalEdit .col-2 span.cep label { width:71px; } #finalEdit .col-2 span.cep input { width:105px; margin-right:0; } #finalEdit .col-2 span.estado input { width:150px; margin-right:50px; } #finalEdit .col-2 span.cidade label { width:95px; } #finalEdit .col-2 span.cidade select { width:166px; display:block; float:left; font-size:12px; padding:5px 0; border:1px solid #AFAFAF; color:#AFAFAF; margin-bottom:5px; background:#F4F4F4; } #finalEdit .col-2 span.cidade option { background:#fff; } #finalEdit .check p { margin-bottom:16px; } #finalEdit .check label { font-size:14px; } #finalEdit .low label { color:#999; } #finalEdit #msg_ok { margin:15px 0 0 15px; padding:10px 10px 10px 20px; font-size:12px; width:100px; background:url(../images/layout/load01.gif) left center no-repeat; position:absolute; right:205px; bottom:17px; border:none; } #finalEdit button { width:83px; height:37px; text-indent:-9999px; border:none; background:url(../images/layout/buttons.png) -12px -478px no-repeat; cursor:pointer; } #finalEdit button:hover, #finalEdit button:focus { background:url(../images/layout/buttons.png) -113px -478px no-repeat; } #finalEdit button:active { background:url(../images/layout/buttons.png) -211px -478px no-repeat; } #finalEdit span.cancel { color:#F48000; font-size:12px; margin:15px 0 0 15px; text-decoration:underline; cursor:pointer; } #finalEdit span.cancel:hover { text-decoration:none; } /* Baiano */ #finalEdit .msgErro { display:block; font-size:12px; background:#fff55d url(../images/layout/ico_warning.png) 5px center no-repeat; padding:5px 5px 5px 33px; border:1px dashed #ea8503; clear:both; display:block; } #campoReceptor { margin:8px 0 0 195px !important; width:250px; } #campoComplemento { margin:8px 0 0 132px !important; width:150px; } #campoBairro { margin:8px 0 6px 107px !important; width:180px; } #campoCEP { margin:8px 0 0 82px !important; width:85px; } .aviso { margin:15px 0; padding:10px; font-size:12px; } .sucesso { background:#d7fbdc; color:#04450c; border:1px dashed #04450c; } /* Fim da Edição Baiano - Sobre nova direção */ /* tabela dos produtos finais */ #currentBuy { width:615px; clear:both; } #currentBuy thead { background:#eaeaea; } #currentBuy thead th { padding:7px; background:#eaeaea; } #currentBuy tr { background-color: #eaeaea; border-bottom: 1px solid #d2d2d2; } #currentBuy td { padding:7px; font-size:12px; } #currentBuy tr.corA { background:#e2e2e2; } #currentBuy tr.corB { background:#f8f8f8; } #currentBuy th.buyProd, #currentBuy th.buyPreco { text-align:left; color:#005888; } #currentBuy th.buyQtd, #currentBuy th.buyTotal { text-align:right; color:#005888; } #currentBuy th.buySimilar { color:#005888; } #currentBuy td.imgProd img { width:90px; } #currentBuy td.qtdProd, #currentBuy td.subtotal { text-align:right; } .totalParcial { background:#eaeaea; text-align:right; padding:10px; font-size:13px; color:#666; width:595px; border-bottom:1px solid #D2D2D2; } .totalFinal { background:#eaeaea; text-align:right; padding:10px; font-size:13px; color:#666; width:595px; margin-bottom:50px; } #obs { margin-bottom:18px; overflow:auto; } #obs span.addObs { color:#F48000; cursor:pointer; font-size:11px; font-style:normal; text-decoration:underline; display:block; float:left; margin-right:20px; padding:0 0 10px; } #obs span.addObs:hover { text-decoration:none; } #obs #textObs { background:url("../images/layout/bg_inputs.gif") repeat-x center -18px #FFFFFF; border:1px solid #0040FE; font-size:13px; margin-bottom:5px; padding:6px 8px; width:429px; height:90px; float:left; } a.continueBuy { color:#F48000; font-size:12px; float:right; margin:15px 0 0 15px; } button#fecharPedido { background:url(../images/layout/buttons.png) no-repeat scroll -12px -581px; border:none; cursor:pointer; display:block; height:38px; text-indent:-9999px; width:134px; float: right; } button#fecharPedido:hover, button#fecharPedido:focus { background:url(../images/layout/buttons.png) no-repeat scroll -163px -581px; } button#fecharPedido:active { background:url(../images/layout/buttons.png) no-repeat scroll -313px -581px; } /* pagina final com avisos */ #pagFinal { width:900px; margin:10px 0 0 30px; background:#ededed; position:relative; padding-bottom:15px; } #pagFinal #boneco { position:absolute; bottom:0; right:42px; } #pagFinal h2 { background:#d9dde8; padding:10px 15px; color:#0027a4; font-size:30px; } #pagFinal p.aviso { font-size:18px; color:#8f8f8f; line-height:160%; width:455px; margin:5px 0 10px 15px; } #pagFinal p.aviso strong { color:#242424; } #pagFinal a#backHome { background:url("../images/layout/buttons.png") no-repeat -11px -792px; cursor:pointer; height:45px; text-indent:-9999px; width:125px; display:block; margin:35px 0 0 25px; } #pagFinal a#backHome:hover, #pagFinal a#backHome:focus { background:url("../images/layout/buttons.png") no-repeat -159px -792px; } #pagFinal a#backHome:active { background:url("../images/layout/buttons.png") no-repeat -306px -792px; } #pagFinal #dadosFinais { font-size:13px; border-collapse:separate; border-spacing:2px; background:#6979a9; width:400px; margin:5px 0 10px 25px; } #pagFinal #dadosFinais th { padding:5px 8px; background:#dfe4f3; color:#283a74; text-align:left; font-size:11px; text-transform:uppercase; } #pagFinal #dadosFinais td { padding:6px 8px; } #pagFinal #dadosFinais .tdL { width:150px; background:#bbc7e8; } #pagFinal #dadosFinais .tdR { width:100px; background:#92a1ce; color:#fff; } #pagFinal #dadosFinais span#numPedido { font-size:16px; font-weight:bold; } /* compre facil - lista de compras */ #cf-lst { padding:85px 0 0 0; background:#ededed url(../images/layout/list_top.gif) no-repeat top; margin-top:25px; width:309px; float:left; } #cf-lst table, #cf-lst caption, #cf-lst tbody, #cf-lst tfoot, #cf-lst thead, #cf-lst tr, #cf-lst th, #cf-lst td { margin: 0; border: 0; outline: 0; outline:none; } #cf-lst #limit { max-height:400px; overflow-x:hidden; overflow-y:auto; *overflow:auto; padding:0; *padding:10px 0 0 0; width:309px; *width:308px; } #cf-lst p { line-height:130%; margin:16px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; } p.tipRest { font-size:11px !important; margin:0 !important; padding:8px 6px; background:#FFFBBF; text-transform:uppercase; clear:both; } #cf-lst .total { background:#fff; padding:15px 0; font-size:12px; overflow:auto; clear:both; } #cf-lst .total .txt { width:180px; display:block; float:left; padding-top:8px; } #cf-lst #valor_final { font-size:22px; } #cf-lst a.enviaLista { width:122px; height:38px; text-indent:-9999px; border:none; background:url(../images/layout/buttons.png) -12px -199px no-repeat; cursor:pointer; display:block; float:right; } #cf-lst a.enviaLista:hover, #cf-lst a.enviaLista:focus { background:url(../images/layout/buttons.png) -148px -199px no-repeat; } #cf-lst a.enviaLista:active { background:url(../images/layout/buttons.png) -283px -199px no-repeat; } #limit .mini:first-child { margin-top:15px; } .total.out { clear:both; background:#fff; padding-top:15px; font-size:12px; clear:both; } .total.out .txt { width:180px; display:block; float:left; } .total.out #valor_final { font-weight:bold; font-size:18px; color:#8d8d8d; } #loadSendList a.enviaLista { width:122px; height:38px; text-indent:-9999px; border:none; background:url(../images/layout/buttons.png) -12px -199px no-repeat; cursor:pointer; display:block; float:right; } #loadSendList a.enviaLista:hover, #loadSendList a.enviaLista:focus { background:url(../images/layout/buttons.png) -148px -199px no-repeat; } #loadSendList a.enviaLista:active { background:url(../images/layout/buttons.png) -283px -199px no-repeat; } /* .mini - produtos mostrados na lista de compras */ .mini { width:295px; float:left; padding:7px; } .mini.corA { background:#cecece; } .mini.corB { background:#f8f8f8; } .mini.corA:hover { background:#e2e2e7; } .mini.corB:hover { background:#ecedf7; } .mini img.foto { float:left; margin-right:5px; width:40px; height:auto;} .mini .txt { width:250px; float:left; } .mini .name { margin-bottom:9px; } .mini .buy-opt { float:left; width:160px; height:32px; } .mini .preco { padding:1px 3px; } .mini .qtd { padding:2px 6px; } .mini .qtdSetas { margin:4px 0 0 4px; *margin:0 0 0 4px; } /* coluna da direita com as informacoes sobre a compra */ #buy { width:310px; float:left; } #buy span.loading { font-size:12px; background:url(../images/layout/load01.gif) 12px center no-repeat; padding:3px 0 3px 32px; display:block; color:#0027A4; margin:2px 0 8px; } /* account - login para compras */ #account { padding:0 10px; position:relative; } #account a.logoff { position:absolute; right:0; top:0; } #account ul.opt { margin-top:15px; } #account ul.opt a { background-image:url(../images/layout/ico_opt.png); background-repeat:no-repeat; padding:2px 0 2px 23px; } /*#account a { color:#F48000; }*/ #account ul.opt a { color:#F48000; } #account ul.opt #edit-dados a { background-position:left -2px; } #account ul.opt #minhas-listas a { background-position:left -27px; } #account ul.opt #ult-compra a { background-position:left -51px; } /* formulario de login */ form#login { margin:8px 0 8px; } form#login label { color:#0027a4; } form#login input { width:226px; margin-bottom:10px; border:1px solid #0027a4; background:url(../images/layout/bg_inputs.gif) center -11px repeat-x; padding:4px 3px 3px; float:left; } form#login input:focus { background:url(../images/layout/bg_inputs.gif) center -16px repeat-x; } form#login input.senha { width:136px; } /* login na pagina de cadastro */ .explica-cadastro form#login input { width:211px; } .explica-cadastro form#login input.senha { width:111px; } button#entrar { background:url(../images/layout/buttons.png) no-repeat -10px -32px; border:none; text-indent:-9999px; height:26px; width:93px; cursor:pointer; float:left; margin:-1px 0 0 6px; } button#entrar:hover, button#entrar:focus { background:url(../images/layout/buttons.png) no-repeat -112px -32px; } button#entrar:active { background:url(../images/layout/buttons.png) no-repeat -214px -32px; } #account p.opt { text-align:right; } #account p.opt span.forget { color:#7a7a7a; text-decoration:underline; cursor:pointer; } #account p.opt span.forget:hover { text-decoration:none; } #account p.opt a.signup { color:#0027a4; font-weight:bold; } /* para quem esqueceu a senha */ form.forget { background:#f1f1f1; border:1px solid #d0d0d0; padding:10px 10px 13px; *padding:10px; position:relative; } form.forger:after { content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden; } form.forget .explica-forget { display:block; font-size:11px; line-height:150%; color:#666; width:250px; margin-bottom:7px; } form.forget .close { background:url(../images/layout/delete.png) no-repeat scroll 1px -32px; display:block; text-indent:-9999px; width:18px; height:18px; position:absolute; top:3px; right:3px; cursor:pointer; } form.forget .close:hover { background:url(../images/layout/delete.png) no-repeat scroll -40px -32px; } form.forget input { width:220px; margin-right:7px; border:1px solid #0027a4; background:url(../images/layout/bg_inputs.gif) center -11px repeat-x; padding:3px 3px 2px; font-size:11px; margin-bottom:10px; } form.forget input:focus { background:url(../images/layout/bg_inputs.gif) center -16px repeat-x; } form.forget button { border:1px solid #141465; width:33px; background:#506fde url(../images/layout/button_qtd.gif) repeat-x bottom; font-weight:bold; color:#fff; *padding-top:2px; float:right; } form.forget button:hover, form.forget button:focus { background:#506fde url(../images/layout/button_qtd.gif) center 5px repeat-x; cursor:pointer; } form.forget #msg_ok { background:#f9f398; font-size:11px; padding:3px 4px; width:254px; margin-top:8px; border:1px dashed #e2a14d; } form.forget .msgErro { display:block; font-size:12px; background:#fff55d url(../images/layout/ico_warning.png) 5px center no-repeat; padding:5px 5px 5px 33px; border:1px dashed #ea8503; clear:both; display:block; } /* compre facil - explicacoes */ #cf-exp { padding:85px 0 0 0; background:#ededed url(../images/layout/list_top.gif) no-repeat top; margin-top:25px; width:309px; float:left; } #cf-exp table, #cf-exp caption, #cf-exp tbody, #cf-exp tfoot, #cf-exp thead, #cf-exp tr, #cf-exp th, #cf-exp td { margin: 0; border: 0; outline: 0; outline:none; } #cf-exp #limit { overflow-x:hidden; overflow-y:auto; *overflow:auto; } #cf-exp p { line-height:130%; margin:16px auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; width:280px; } #cf-exp p strong { color:#002ba7; } #cf-exp ol { width:280px; margin:0 auto; } #cf-exp ol li { margin-bottom:16px; padding-bottom:16px; padding-left:60px; color:#ffa03f; font-style:italic; font-weight:bold; line-height:130%; font-size:14px; } #cf-exp ol li em { font-weight:normal; } #cf-exp ol li.item01 { background:url(../images/layout/buy-steps.png) no-repeat left 3px; } #cf-exp ol li.item02 { background:url(../images/layout/buy-steps.png) no-repeat -424px 3px; } #cf-exp ol li.item03 { background:url(../images/layout/buy-steps.png) no-repeat -846px 3px; } p.duv { font-size:13px; color:#7a7a7a; text-align:right; background:#fff; clear:both; padding-top:8px; } p.duv a { color:#7a7a7a; } span.horarios { background:#e0e4ef; padding:10px; line-height:130%; margin:5px auto 5px 5px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; width:280px; } span.horarios strong { color:#002ba7; } #adFloat .fechar { color:#053047; cursor:pointer; font-size:11px; position:absolute; right:16px; top:3px; } #adFloat { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; height:250px; padding:18px; position:absolute; right:100px; top:0; width:488px; z-index:100; }