body{ background: #b3b5b4 url(/img/fons.gif) repeat-x; text-align:center; margin:15px 0px 0px 0px; } html,body{ width:100% height:100%; max-height:100%; } img{ border:0px; vertical-align:middle; } span{ font-family:arial; font-size:0.8em; color:#fff; } p, form{ margin:0px; padding:0px; } input { vertical-align:middle; } .centrar{ text-align:center; } .mb10{ margin-bottom:10px; } .mt10{ margin-top:10px; } i{ font-size:0.7em; } #superior{ width:981px; height:133px; margin:0px auto; text-align:left; position:relative; } #superior img{ vertical-align:top; } #inferior{ width:981px; height:60px; margin:0px auto; text-align:center; position:relative; clear:both; padding-top:20px; line-height:1.4em; } #inferior img{ margin-left:10px; } #inferior A:link, #inferior A:visited{ color:#fff; font-family:arial; } #inferior { color:#fff; font-family:arial; font-size:0.8em; } #menu{ width:981px; height:66px; padding-top:10px; margin:0px auto; text-align:center; position:relative; background: url(/img/menusup.gif) no-repeat; } #menu ul{ list-style:none; margin:0px auto; padding:0px 0px 0px 55px; } #menu ul li{ list-style:none; float:left; position:relative; border-left:solid 1px #ee2e24; padding:0px 15px 0px 15px; } #menu ul li:first-child{ border:0px; padding:0px 15px 0px 0px; } #menu a:link, #menu a:visited{ font-family:arial; font-size: 1.5em; color:#fff; font-weight:bold; text-decoration:none; letter-spacing:-2px; } #menu a:hover{ color:#ee2e24; } #contingut{ width:981px; min-height:577px; padding-top:15px; margin:0px auto; text-align:left; position:relative; background: url(/img/fons01.gif) repeat-x; } #esquerra { width:209px; padding-left:15px; position:relative; float:left; } #mig { width:546px; position:relative; float:left; } #dreta { width:199px; position:relative; float:left; } #dreta UL { margin:10px 0px 10px 10px; } #mig_gran { width:745px; position:relative; float:left; } .caixa{ width:199px; height:39px; background:url(/img/tabs/tab01.gif) no-repeat; font-family:arial; letter-spacing:-1px; font-weight:bold; color:#989797; font-size:1em; } .caixa img, .caixa_central img,.caixa_central_gran img{ margin:0px 3px 0px 4px; } .caixa_contingut{ width:179px; background: #858484 url(/img/tabs/tab02.gif) no-repeat; padding:10px; } .caixa_contingut ul{ list-style:none; padding:0px; margin:0px; } .caixa_contingut ul li{ list-style:none; background: url(/img/arrow01.gif) no-repeat 0px 9px; padding:2px 0px 2px 14px; } .caixa_contingut ul ul{ list-style:none; padding:5px 0px 5px 0px; margin:0px; } .caixa_contingut ul ul li{ list-style:none; background: url(/img/arrow02.gif) no-repeat 0px 9px; padding:2px 0px 2px 10px; } .caixa_contingut a:link, .caixa_contingut a:visited{ font-family:arial; font-size:0.9em; letter-spacing:-1px; color:#fff; text-decoration:none; } .caixa_contingut a:hover{ text-decoration:underline; } .caixa_central{ width:537px; background:url(/img/tabs/tab03.gif) no-repeat; height:39px; text-transform:uppercase; font-family:arial; letter-spacing:-1px; font-weight:bold; color:#6f6d6d; font-size:1em; position:relative; float:left; } .caixa_central_contingut{ width:527px; font-size:0.8em; background:#dcdedd; padding:10px 0px 0px 10px; position:relative; float:left; } .caixa_central_inf{ width:537px; height:6px; background:url(/img/tabs/caixa_central_inf.gif) no-repeat; position:relative; float:left; } .caixa_central_gran{ width:745px; background:url(/img/tabs/tab12.gif) no-repeat; height:39px; font-family:arial; letter-spacing:-1px; font-weight:bold; color:#6f6d6d; font-size:1em; position:relative; float:left; } .caixa_central_contingut_gran{ width:735px; font-size:0.8em; background:#dcdedd; padding:10px 0px 4px 10px; position:relative; float:left; } .caixa_central_contingut_gran_blanc{ width:701px; min-height:514px; padding:10px; background:#fff url(/img/tabs/tab13.gif) no-repeat; position:relative; float:left; } .caixa_central_contingut_gran_inf{ width:721px; height:6px; background:url(/img/tabs/tab14.gif) no-repeat; position:relative; float:left; } .caixa_central_gran_inf{ width:745px; height:6px; background:url(/img/tabs/tab15.gif) no-repeat; position:relative; float:left; } .caixa_central_contingut_gran h1{ font-family:arial; font-size:1.6em; color:#b5b5b5; font-weight:bold; margin:0px; } .buscador{ width:173px; margin:10px 0px 10px 0px; border: solid 1px #6b6a6a; background: #a09f9f; padding:2px; height:27px } .espai_prod_home{ width:262px; position:relative; float:left; height:220px; } .caixa_prod_home_sup{ width:252px; height:5px; background: #fff url(/img/tabs/caixa_prod_home01.gif) no-repeat; position:relative; float:left; } .caixa_prod_home{ width:232px; min-height:190px; background: #fff; position:relative; float:left; padding:5px 10px 5px 10px; } .caixa_prod_home span, .prod2 span, .prod3 span{ padding-right:10px; font-family: Arial; font-size: 1.3em; color: #666666; padding-top:2px; } .caixa_prod_home_inf{ width:252px; height:5px; background: #fff url(/img/tabs/caixa_prod_home02.gif) no-repeat; position:relative; float:left; } .caixa_prod_home A:link, .caixa_prod_home A:visited, .prod3 A:link, .prod3 A:visited, #contactar A:link, #contactar A:visited{ color: #EB4A41; } .prod_cistella_dreta{ width:181px; text-align:right; padding-bottom:10px; line-height:1em; } .prod_cistella_dreta span, .total_cistella { font-size:0.7em; font-family:arial; color:#fff; } .prod_cistella_dreta a:link, .prod_cistella_dreta a:visited{ font-size:0.7em; letter-spacing:0px; color:#ccc; text-decoration:underline; } .prod_cistella_dreta a:hover{ font-size:0.7em; color:#fff; text-decoration:none; letter-spacing:0px; } .total_cistella{ background:#797979; padding:10px; width:161px; text-align:right; line-height:1.5em; } .oferta{ width:38px; height:38px; background: url(/img/oferta.gif) no-repeat; position:absolute; z-index:5; margin-top:59px; left:30px; padding:13px 0px 0px 0px; text-align:center; font-family:arial; color:#fff; font-weight:bold; } .oferta_cistella{ width:38px; height:38px; background: url(/img/oferta.gif) no-repeat; position:absolute; z-index:5; margin-top:19px; left:30px; padding:11px 0px 0px 0px; text-align:center; font-family:arial; color:#fff; font-weight:bold; } .oferta_gran{ width:38px; height:38px; background: url(/img/oferta.gif) no-repeat; position:absolute; z-index:5; margin-top:80px; left:30px; padding:13px 0px 0px 0px; text-align:center; font-family:arial; color:#fff; font-weight:bold; } .prod1{ width:180px; background:#fff url(/img/tabs/tab06.gif) no-repeat; height:158px; padding:10px; position:relative; float:left; } .prod1 A:link, .prod1 A:visited { color:#999; } .prod1_inf{ background: #fff url(/img/tabs/tab07.gif) no-repeat; width:200px; height:5px; float:left; position:relative; } .prod2{ margin-left:5px; width:288px; background: #fff url(/img/tabs/tab08.gif) no-repeat; height:158px; padding:10px; position:relative; float:left; } .prod2 h1, .prod3 h1{ font-family:arial; font-size:1.5em; color:#ee4a41; font-weight:bold; margin:0px; } .prod2 h2, .prod2 h3{ font-family:arial; font-size:1.3em; color:#ee4a41; margin:0px; font-weight:normal; } .prod2_inf{ margin:0px 0px 0px 5px; background: #fff url(/img/tabs/tab09.gif) no-repeat; width:308px; height:5px; float:left; position:relative; } .prod2 table span, .prod3 table span{ font-size:1em; } .prod3{ width:493px; background:#fff url(/img/tabs/tab21.gif) no-repeat; padding:10px; position:relative; float:left; } .prod3_inf{ margin-bottom:4px; background: #fff url(/img/tabs/tab20.gif) no-repeat; width:513px; height:5px; float:left; position:relative; } .prod3 h3{ font-family:arial; font-size:1.4em; color:#999; margin:0px; font-weight:bold; font-style:italic; } .text{ font-family:arial; } .normal{ font-size:0.8em; } .text_petit{ font-family:arial; font-size:0.7em; } .blanc{ color:#fff; } #cesta .mig ,#resum .mig{ background-color:#b5b5b5; text-align:center; } #cesta .primera_obert{ padding-left:14px; background-color:#b5b5b5; height:24px; background-image:url(/img/tabs/tab_cistella_fosc_01.gif); background-repeat:no-repeat;} #cesta .primera,#resum .primera{ width:255px; padding-left:14px; background-color:#b5b5b5; height:24px; background-image:url(/img/tabs/tab_cistella_fosc_01.gif); background-repeat:no-repeat;} #cesta .ultima,#resum .ultima{ width:85px; background-color:#b5b5b5; height:24px; background-image:url(/img/tabs/tab_cistella_fosc_02.gif); background-repeat:no-repeat; background-position:right;} #cesta .b_primera{ height:30px; padding-left:14px; } #cesta .p{ padding:10px 0px 10px 0px; } #cesta .p_primera{ width:60px; padding:10px 10px 0px 14px; } #cesta .p_nom{ width:280px; height:25px; vertical-align:top; font-weight:bold; } #cesta .p_fabricant{ vertical-align:top; } #cesta .preu ,#resum .preu{ font-family:arial; color:#666; } #cesta .pb{ padding-bottom: 20px; } #cesta A:link, #cesta A:visited{ color: #EB4A41; } #cesta .sep_buit,#resum .sep_buit{ height:10px; } #cesta .f_primera, #resum .f_primera{ padding-left:14px; margin:0px; background-color:#cecece; height:24px; background-image:url(/img/tabs/tab_cistella_clar_01.gif); background-repeat:no-repeat;} #cesta .f_mig, #resum .f_mig{ border-bottom:solid 10px #fff; padding-left:14px; } #cesta .f_mig_ultima, #resum .f_mig_ultima{ border-bottom:solid 10px #fff; } #cesta .f_ultima, #resum .f_ultima{ width:85px; background-color:#cecece; margin:0px; height:24px; background-image:url(/img/tabs/tab_cistella_clar_02.gif); background-repeat:no-repeat; background-position:right;} #cesta .text { font-family:arial; color:#666; text-decoration:none; } #cesta TABLE{ padding:0px; border:0px; margin:10px 0px 0px 0px; border-spacing:0px 0px; border-collapse:separate; width:701px; } #cesta .text_cela,#resum .text_cela{ font-family:arial; font-weight:bold; color:#666; } #resum TABLE{ padding:0px; border:0px; margin:10px 0px 0px 0px; border-spacing:0px 0px; border-collapse:separate; width:701px; } #resum .p{ height:30px; } #resum .pl{ padding-left:14px; } #resum .pb{ padding-bottom:15px; } #resum .pt{ padding-top:15px; } #resum .espai_botons{ float:left; position:relative; width:858px; text-align:right; } #barra_navegacio { color:#fff; font-family:arial; position:relative; float:left; width:464px; height:25px; padding:7px 0px 0px 50px; margin-bottom:5px; background:url(../img/barra_navegacio.gif) no-repeat; } #barra_navegacio A:link, #barra_navegacio A:visited { color:#fff; text-decoration:underline; } #barra_navegacio A:hover,A:hover { text-decoration:underline; } #pagines{ width:514px; position:relative; float:left; font-family:arial; color:gray; } #pagines a:link, #pagines a:visited{ color:#EB4A41; } #formulari A:link, #formulari A:visited{ color:#EB4A41; } #formulari { float:left; position:relative; } #formulari LABEL { height:18px; margin-top:20px; position:relative; float:left; } #formulari INPUT { font-family:arial; } #formulari .l350{ width:350px; } #formulari .l250{ width:235px; } #formulari .l700{ width:700px; } #formulari .l110{ width:110px; } #formulari .l195{ width:195px; } #formulari .f195{ border:solid 1px #666; height:23px; position:relative; float:left; width:186px; margin:0px; padding:3px 0px 0px 3px; } #formulari .f395{ border:solid 1px #666; height:23px; position:relative; float:left; width:386px; margin:0px; padding:3px 0px 0px 3px; } #formulari .f444{ border:solid 1px #666; height:23px; position:relative; float:left; width:435px; margin:0px; padding:3px 0px 0px 3px; } #formulari .f69{ border:solid 1px #666; height:23px; position:relative; float:left; width:66px; margin:0px; padding:3px 0px 0px 3px; } #formulari .fi_input { width:6px; height:23px; background: url(/img/forms/input03.gif) no-repeat; position:relative; float:left; } #formulari .mr195{ margin-right: 34px; } #formulari .mr332{ margin-right: 80px; } #formulari .mr201{ margin-right: 42px; } #formulari .mr69{ margin-right: 15px; } #formulari .boto{ width:701px; position:relative; float:left; vertical-align:middle; text-align:right; } #formulari TEXTAREA{ font-family:arial; width:688px; height:75px; border:solid 1px #666; position:relative; float:left; padding:5px; } .condicions{ width:701px; position:relative; float:left; height:25px; padding-top:10px; color:#000; } .formas_pago p{ padding:0px 0px 10px 25px; } A:link, A:visited{ font-family: Arial; } A:hover, #formulari A:hover{ text-decoration:none; } #trans1 { position:relative; float:left; width:345px; } #trans1 TABLE,#trans2 TABLE,#trans3 TABLE { width:345px; } .transport0{ background-color: #e4e4e4; } .transport1{ background-color: #f2f2f2; } .transport2{ background-color: #edecec; } .transport0,.transport1,.transport2{ padding:5px 5px 5px 5px; } #trans2,#trans3 { position:relative; float:left; width:335px; } #trans2 { padding-right:10px; border-right: solid 1px #cecdcd; } #trans3{ padding-left:10px; } #contactar LABEL { width:325px; position:relative; float:left; height:20px; padding-top:8px; } #contactar TEXTAREA{ border:solid 1px gray; width:325px; position:relative; float:left; background-color:#efefef; font-family;arial; } .form_contactar{ border:solid 1px gray; width:325px; position:relative; float:left; background-color:#efefef; font-family;arial; font-size:1.1em; padding:2px; } .form_boto{ margin-top:10px; } .fabricants UL{ padding:0px; margin:0px; } .fabricants LI{ width:145px; float:left; position:relative; height:22px; list-style:none; background: url(/img/arrow03.gif) no-repeat 0px 7px; padding:2px 0px 2px 14px; }