@charset "UTF-8"; /*CSS Document*/ /*******************************************************************FONTS*******************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto); @import url(https://fonts.googleapis.com/css?family=Oswald); @import url(https://fonts.googleapis.com/css?family=Fira+Sans); @import url(https://fonts.googleapis.com/css?family=Open+Sans); @import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap'); /*******************************************************FULL WITDH**********************************************************************/ /*@import url('styles-no-full.css');*//* NO FULL*/ @import url('styles-full.css');/*FULL*/ /*********************************************************************COMMONS********************************************************************/ *{padding:0;margin:0;outline:none} body{font-family: 'Lato', sans-serif} img,div{border:0} #wrapper{position:relative;background-color:#fff;padding-bottom:20px} .clearfix{clear:both} /*cookies*/ #cookies-policy{color:#005D6E;background-color:#CCDFE2;z-index:9999999999;font-size:11px} #cookies-policy p{float:left;width:90%;clear:both;padding:8px 8px 10px 8px} #cookies-policy a{color:#005D6E} #cookies-policy a.bt_close_cookies{float:right;font-weight:normal;background-color:#005D6E;color:#FFF;display:block;font-size:11px;height:20px;padding:3px 7px 0;text-decoration:none;margin-top:10px;margin-right:30px} /**/ #thickbox-boto{display:none} /*top*/ #header{background-image:url(../imgs/header/bg-top.jpg);background-repeat:no-repeat} /*logo empresa*/ #logo{padding:27px 0 0 37px} #logo img{width:100%;max-width:279px} /*atencio al client*/ #atencio-client{padding:0 20px 0 31px;color:#D06B27;text-align:right;font-size:12px} #atencio-client em{font-size:10px;font-style:normal;margin-top: 5px;float: right} #atencio-client strong{background-image:url(../imgs/ico-horario.png);background-repeat:no-repeat;background-position:left center;padding:5px 0 5px 30px; background-size: 23px auto} #atencio-client-tit{font-size:11px} #atencio-client-tel{font-size:14px;font-weight:bold} #atencio-client-horari{font-size:8px} /*parking gratuit*/ #parking-client{padding:10px 20px 0 31px;color:#D06B27;text-align:right;font-size:12px;float: right} #parking-client strong{background-image:url(../imgs/parking.png);background-repeat:no-repeat;background-position:left center;background-size:20px 20px;padding:5px 0 5px 30px} #parking-client-tit{font-size:11px} #parking-client-tel{font-size:14px;font-weight:bold} #parking-client-horari{font-size:8px} /*navbar*/ #navigation{background-color:#005d6e} #stokke #navigation{margin-top:0px} /*menu idioma*/ #idioma{width:148px/*169px*/;height:22px;padding:0px 10px 7px 10px;float:left;background-color:#FFF;border-radius:7px;margin-top:4px;margin-left:20px} #idioma .selected{font-size:12px;color:#D06B27;margin-right:8px;font-weight:bold} #idioma a{font-size:12px;text-decoration:none;color:#669ea8;font-weight:bold} #idioma a:hover{text-decoration:none;color:#D06B27;font-weight:bold} /*menu top*/ #menu-top{text-align:right;font-size:12px;color:#fff} #menu-top .selected,#menu-inicio .selected{padding:8px 12px 8px 12px;background-color:#D06B27;font-size:12px;color:#fff;line-height:14px} #menu-top a,#menu-inicio a{padding:8px 12px 8px 12px;font-size:12px;color:#FFF;line-height:14px;text-decoration:none} #menu-top a:hover,#menu-inicio a:hover{background-color:#D06B27} /*cistella de la compra*/ #auxiliar{width:100%;height:0px;float:left;margin:0px;padding:0px} #contenedor-carret{position:absolute;margin-top:28px;margin-left:70%;width:148px;height:55px;z-index:100} #carret-box.col-md-3{float:right;position:relative;width:21%/*;height:103px*/} #carret-ico{ position:absolute;right:20px;top:0;z-index:1} #carret{width: 100%;background-color:#ccdfe2;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius: 10px;margin: 20px 0 20px 0;padding:15px 20px 55px 20%;position:relative} #carret p{font-size:14px;font-weight:bold;color:#005d6e;margin-bottom:1px} #carret-links{text-align:left;float:left} #carret-links a{font-size:14px;font-weight:normal;color:#D06B27;text-decoration:none} #carret-links a:hover{color:#669ea8;text-decoration:none} /*dejanos tu mensaje*/ #dtm{position:absolute;bottom:0px;width:190px;height:70px;left:80%;z-index:1000} /**/ #leftcolumn.col-md-3{width:21%} #content.col-md-6{width:58%} #rightcolumn.col-md-3{width:21%} /*leftcolumn*/ #leftcolumn{margin:25px 0 0 0;/*padding-left:20px;*/float:left} /*registre usuaris*/ #registre{background-color:#ccdfe2;width:100%;padding-left:20px;padding-right:20px;padding-top:15px!important;_padding-top:0px;margin:0 0 20px 0px;float:none;font-weight:bold;color:#005d6e;/*text-align:right;*/padding-bottom:8px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px; overflow: hidden; } #registre p{font-size:13px;font-weight:normal;color:#2b2b33;margin-top:10px;margin-bottom:20px} #registre.caixa_registre p{color:#005d6e;font-size:13px;font-weight:bold;margin-bottom:0px;margin-top:0px;line-height:18px} #registre input[type="text"]{margin-top:10px;margin-bottom:4px} #registre-boto{margin-bottom:5px;float:right} #registre-links{/*text-align:right;*/width:100%;float:left;clear:both} #registre-links a{font-size:11px;font-weight:normal;color:#005d6e;text-decoration:none} #registre-links a:hover{color:#669ea8;text-decoration:none} #registre-info{padding-top:10px;text-align:right;width:100%;float:left} .caixa-error{ border-color:#FF0000 !important} .txt-error{ color:#FF0000 !important} /*button descargar lista articulos*/ #llista-articles{background-color:#ccdfe2;width:100%;height:auto;padding-left:12px;padding-right:13px;padding-top:20px!important;_padding-top:0px;margin:0 0 0 0px;float:right;padding-bottom:10px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin-bottom:20px;text-transform:uppercase} #llista-articles img{width:60px;float:left} a.lista-articulos{font-size:9px;font-weight:bold;color:#005d6e;text-align:right;display:inline-block;width:100%} a.lista-articulos:hover{font-weight:bold;color:#669EA8} /*menu esquerra*/ #menu-esq{width:100%;background-color:#ccdfe2;padding-top:8px;padding-bottom:38px;float:left;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin-bottom:20px} #menu-esq-separador{height:2px;background-color:#FFF;float:left} #menu-esq-titol,#menu-esq-titol-prod{padding:5px 15px 10px 20px;float:left;width:100%;font-size:13px;font-weight:bold;color:#005d6e;text-align:left} #menu-esq-familia,#menu-esq-prod{float:left;width:100%} /*menu esquerra - botons de conversio*/ #menu-esq-link{width:100%;padding:12px 20px 12px 20px;font-size:12px;font-weight:bold;color:#2b2b33;background-color:#ccdfe2;text-align:right;float:left;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin-bottom:20px} #menu-esq-link-titol{padding-top:2px;text-align:right} #menu-esq-link-titol a{color:#005d6e;text-decoration:none} #menu-esq-link-titol a:hover{color:#669ea8;text-decoration:none} #menu-esq-link-bot{margin:0;clear:both;height:0px;width:100%;background-color:#ccdfe2;padding:0px 20px 20px 20px!important;_padding:0px 20px 0px 20px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin-bottom:20px} /*menu esquerra - submenu*/ ul#submenu{ font-size:11px;color:#FFF;list-style-type:none;margin:0;width:100%;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;text-align:left} ul#submenu li{border-bottom-width:0px;border-bottom-style:solid;border-bottom-color:#005d6e;background-color:#005d6e;text-align:left} ul#submenu ul{list-style-type:none;margin:0} /*botons familia*/ a.familia{font-size:13px;display:block;text-decoration:none;background-color:#FFF;color:#005d6e;padding:5px;height:auto} a.familia:hover{color:#FFF;background-color:#D06B27} .familia_active{display:block;width:100%;padding:5px;font-size:11px;font-weight:bold;text-decoration:none;text-align:left;color:#FFF;height:auto;background-color:#D06B27;text-align:left} /*botons subfamilia*/ a.subfamilia{font-size:11px;display:block;text-decoration:none;background-color:#fff;color:#D06B27;padding:5px;padding-left:29px;height:auto;font-weight:bold} a.subfamilia:hover{background-color:#D06B27;color:#fff} .subfamilia_active{font-size:11px;display:block;text-decoration:none;background-color:#D06B27;color:#FFF;padding:5px;padding-left:29px;height:auto} a.familia_marca{font-size:11px;font-weight:bold;display:block;text-decoration:none;background-color:#FFF;padding:1px;height:auto;text-align:center} a.familia_marca:hover{color:#FFF;padding:1px} /*columna dreta*/ #rightcolumn #menu-esq{padding-top:8px;padding-bottom:15px;overflow:hidden} #menu-esq-cercador{padding:12px 20px 20px 20px;height:53px;float:left;font-size:12px;font-weight:bold;color:#005d6e;text-align:right} #rightcolumn #menu-esq-cercador{padding:4px 20px 0px 20px} #menu-esq-cercador input{margin-top:10px;width:60%;padding:2px 3px 3px 3px;float:left;margin-right:2px;font-size:11px;font-weight:normal;color:#55555C;border:#959599 solid 1px;height:18px} #menu-esq-cercador-boto{margin-top:10px;float:right} /*banners dreta*/ #cassola, #cassolafix{float:left} #banners{margin-top:20px!important;_margin-top:19px;text-align:center;height:auto;position:relative} #banners img{ position:relative;z-index:999;border-right:1px solid #b6b6b6;border-left:1px solid #b6b6b6;border-top:1px solid #b6b6b6} #banners img.top-banner{position:absolute;top:0;left:0;width:100%;height:auto;z-index:1000;border-right:none;border-left:none;border-top:none} #banners h2{width:100%;text-align:center;display:inline-block} #banners h2,#banners h2 a{color:#fff;font-size:20px;font-weight:normal;line-height:26px;font-family:'Fira Sans', sans-serif} #banners h2 span{width:100%;text-align:center;display:inline-block;background-color:#005d6e;-webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px;padding:5px 10px} /*los más vendidos*/ #social_box{position:absolute;bottom:360px;width:100%;padding-right:20px} #social_box #fitxa-productes-relacionats .producte-subtitol-mas{padding-bottom:0px} #fitxa-productes-relacionats.mas_vendidos{float:left;height:100%;width:100%;margin-bottom:20px} #fitxa-productes-relacionats.mas_vendidos #producte-rel,#fitxa-productes-relacionats.mas_vendidos #producte-rel2{border:1px solid #CCCCCE;float:left;height:180px;padding:0;/*width:100%;*/width:30.7%;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin-top:10px;position:relative} #fitxa-productes-relacionats.mas_vendidos #producte-rel-img{top:0px;left:20px} #fitxa-productes-relacionats.mas_vendidos #producte-rel{margin-right:3.9%} #fitxa-productes-relacionats.mas_vendidos #producte-rel2{margin-right:0%} #fitxa-productes-relacionats.mas_vendidos #producte-rel-oferta_novetat{margin-left:0;top:15px;right:15px} #fitxa-productes-relacionats.mas_vendidos #producte-rel-txt{float:left;height:100px;margin-left:0;position:absolute;width:90%;bottom:10px} #fitxa-productes-relacionats.mas_vendidos #producte-rel-text{margin-left:0;margin-top:0;width:100%;bottom:0} /*?????????????????????????????????????????????????????????????????????????*/ #registre-top{background-color:#ccdfe2;margin-left:20px;margin-top:20px;padding-top:8px;-moz-border-radius:7px 7px 0px 0px;-webkit-border-radius:7px 7px 0px 0px;border-radius:7px 7px 0px 0px} #registre-top.btaceso{margin-top:0px} #registre.btaceso2{padding-top:0!important} #registre-bot{background-color:#ccdfe2;margin-left:20px;padding-top:10px;-moz-border-radius:7px 7px 0px 0px;-webkit-border-radius:7px 7px 0px 0px;border-radius:7px 7px 0px 0px;clear:both} #rightcolumn #registre-bot{margin-right:20px;margin-left:0;padding-top:9px} #registre-bot-buscador{margin-right:20px;margin-left:0;padding-top:9px;background-image:url(../imgs/menu-esq-bot.gif);background-position:bottom;background-repeat:no-repeat;background-color:#ccdfe2;clear:both} #baner-bitti,#baner-llista,#baner-5raons,#baner-llistanaixement{margin-top:20px;clear:both} #baner-bitti img,#baner-llista img,#baner-5raons img,#baner-llistanaixement img{width:100%} /*menu esquerra - facebook*/ #menu-esq-link2{width:148px;height:34px!important;_height:30px;margin-top:20px;padding:12px 20px 0px 20px;margin-left:20px;font-size:12px;font-weight:bold;color:#2b2b33;background-color:#ccdfe2;background-image:url(../imgs/menu-esq-top.gif);background-position:top;background-repeat:no-repeat;text-align:right} #menu-esq-link3{width:148px;height:44px!important;_height:40px;padding:0px 20px 0px 20px;margin-left:20px;font-size:10px;font-weight:bold;color:#2b2b33;text-align:right} /********** BOTONS **********/ a.boto{padding:3px 7px 0 7px;font-size:11px;font-weight:normal;text-decoration:none;color:#FFF;background-color:#005d6e;/*height:20px;*/height:auto;display:block;float:right} a.boto:hover{text-decoration:none;color:#FFF;background-color:#D06B27} a.dos{width:39px;float:none} a.tres{width:100%;float:none;margin-bottom:5px;padding:3px 7px 3px 7px} a.cuatro{width:100%;height:auto;float:none} a.cinco{width:100%;height:auto;float:none;padding:3px 7px 3px 7px} a.boto-buscador{padding:6px 14px;font-size:13px;font-weight:bold;text-decoration:none;color:#FFF;background-color:#D06B27;height:30px;display:block;float:right;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;text-transform:uppercase;margin-left:10px} a.boto-buscador:hover{ background-color:#005d6e} .btn-primary{color:#fff;background-color:#D06B27;border-color:#D06B27} a.btn-primary{color:#fff;background-color:#D06B27;border-color:#D06B27;margin-right:20px} a.btn-primary:hover{color:#fff;background-color:#005D6E;border-color:#005D6E} .btn-primary2{color:#fff;background-color:#005D6E;border-color:#005D6E} a.btn-primary2{color:#fff;background-color:#005D6E;border-color:#005D6E} a.btn-primary2:hover{color:#fff;background-color:#D06B27;border-color:#D06B27} .btn-xs{ font-size:11px} /************************************************************************HEADER*********************************************************************/ #buscador-desktop{overflow:hidden;padding:10px 20px} .containertool { width: 60px;height: 60px} .outer { width: 50px;height: 50px} .fakebox {display:none;width:100%;height: 100%;position:fixed} /************************************************************************HOME**********************************************************************/ /*slider*/ #slider_home{width:100%;float:left;overflow:hidden} .theme-default .nivoSlider{background:none transparent!important;box-shadow:0 0 0 0 #fff!important;margin-bottom:0!important;position:relative!important} .theme-default .nivo-controlNav{padding:10px 0!important;text-align:center;margin-top:-42px;position:relative;z-index:50} .theme-default .nivo-controlNav a{width:16px!important} .theme-default .nivo-controlNav a.active{background-position:0 -18px!important} .theme-default .nivo-directionNav a{height:41px!important;width:41px!important} .theme-default a.nivo-nextNav{background-position:-41px 0!important} .nivoSlider{z-index:49} .theme-default .nivo-directionNav a{filter:alpha(opacity=100)!important;-moz-opacity:1!important;opacity:1!important} /*content home*/ #content{margin:20px 0 0 0;padding:0 20px 20px 20px} /*txt home*/ #txt_home{width:100%;margin:15px 0 20px} #txt_home p{color:#005D6E;font-size:13px;font-weight:normal;text-align:justify} @media only screen and (max-width:640px) { #txt_home p{font-size:16px} } #txt_home p a:link,#txt_home p a:visited{color:#005D6E} /*banner especial*/ #bannerespecial{width:100%;margin-top:7px;padding-top:20px;padding-bottom:20px;border-top: 1px solid #d7d7d9;border-bottom: 1px solid #d7d7d9} .bannerespecial__file{display:flex;justify-content:center} .bannerespecial__col{flex: 0 0 20%;max-width:20%;font-family: 'Lato', sans-serif;font-size:14px;line-height: 18px;color:#0e5d6d} .bannerespecial__col a:link,.bannerespecial__col a:visited,.bannerespecial__col a:hover{display:inline-block;color:#0e5d6d;cursor:pointer} .bannerespecial__col label{ cursor:pointer} #bannerespecial.bannerespecial-1{ margin-bottom:0px;height:auto} #content_home #bannerespecial.bannerespecial-1{ margin-bottom:20px;} #bannerespecial img{margin-bottom:20px} #bannerespecial img.last{margin-right:0px} .bannerespecial-col{float:left;width:50%} #bannermigracio{width:540px;height:76px;margin-bottom:15px} #gallery-1 img{border:2px solid white} .active img{border:1px solid #D06B27 !important} /********** CONTENT **********/ /*personalitzacio slider*/ /*quadres producte home*/ #producte-home-esq,#producte-home-dre,#producte-home-esq-llarg,#producte-home-dre-llarg,.producte-home-llarg{border:1px solid #d7d7d9;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;width:48%;overflow:hidden;float:left;margin-bottom:20px;height:400px;position:relative;padding:20px} .producte-llista-llarg{border:1px solid #d7d7d9;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;width:30.33333%;overflow:hidden;float:left;margin-bottom:20px;height:400px;position:relative;margin-right:3%;padding:20px} @media only screen and (max-width: 640px) { .producte-llista-llarg{margin-right:0} } @media only screen and (max-width: 480px) { .producte-llista-llarg{width:100%} } #producte-home-esq{margin-right:2%} #producte-home-dre{margin-left:2%} #producte-home-esq-llarg,.producte-home-llarg:nth-child(odd){margin-right:2%} #producte-home-dre-llarg,.producte-home-llarg:nth-child(even){margin-left:2%} @media only screen and (max-width:640px) { #producte-home-esq-llarg,.producte-home-llarg:nth-child(odd){margin-right:0} #producte-home-dre-llarg,.producte-home-llarg:nth-child(even){margin-left:0} } #baner-home-esq{padding:0 20px 20px 0;width:50%;height:129px;float:left} #baner-home-dre{padding:0 0 20px 0;width:50%;height:129px;float:left} /*oferta i novetat home*/ #oferta_novetat-cap{width:46px;height:46px;float:right;margin-top:20px;margin-right:20px} .oferta_novetat-cap{height:46px;position:absolute;top:15px;right:15px} .oferta_novetat-cap img{margin-left:5px; width: 34px; height: auto;} #oferta_novetat-mig,.oferta_novetat-mig{width:100%;height:200px;text-align:center;vertical-align:middle;float:left} #oferta_novetat-mig-xxl,.oferta_novetat-mig-xxl{width:100%;height:200px;text-align:center;vertical-align:middle;display: table} .oferta_novetat-mig-xxl > a {display: table-cell;vertical-align: middle} #oferta_novetat-peu,.oferta_novetat-peu{width:100%;float:left;padding-top:20px;text-align:center} #oferta_novetat-peu-boto,.oferta_novetat-peu-boto{padding-left:0px;padding-right:0px;text-align:center;position:absolute;bottom:20px;right:20px} #oferta_novetat-peu-text{padding-top:2px;text-align:right;float:right;width:100%} .producte-nom,.oferta_novetat-peu h3{font-size:14px;font-weight:normal;color:#2b2b33;line-height:19px} .oferta_novetat-peu h3 a:link,.oferta_novetat-peu h3 a:visited{color:#2b2b33} .producte-llista-llarg .oferta_novetat-peu h3 a:link,.producte-llista-llarg .oferta_novetat-peu h3 a:visited{ font-size:13px;line-height:17px} .producte-nom2,.oferta_novetat-peu h4{font-size:14px;font-weight:normal;color:#2b2b33} .producte-llista-llarg .oferta_novetat-peu h4{font-size:13px;line-height:17px} .producte-preu{font-size:11px;font-weight:bold;color:#005d6e} #content_home .producte-preu-tatxat{font-size:11px;font-weight:bold;color:#005d6e;text-decoration:line-through} #producte-preu-oferta,.producte-preu-oferta{font-size:14px;font-weight:bold;color:#D06B27} /*siguenos*/ #siguenos{width:48%;padding:16px 20px;background-color:#cfdfe2;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin-bottom:20px;overflow:hidden} #siguenos label{float:left;font-size:12px;margin-top:5px;color:#005D6E;font-weight:bold;margin-right:5px} #siguenos a:link,#siguenos a:visited{float:left;margin-left:3px} /**/ #siguenos-int{width:100%;padding:0 20px 0 16px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin-bottom:12px;overflow:hidden;text-align:right;margin-top:-7px} #siguenos-int label{float:left;font-size:12px;color:#005D6E;font-weight:bold;margin-right:5px;width:100%;text-align:right;margin-bottom:5px} #siguenos-int a:link,#siguenos a:visited{float:right;width:16%;margin-left:4%} #siguenos-int a img{ width:100%;height:auto} /*rightcolumn home*/ #rightcolumn{background:#FFF;margin:6px 0 0 0;padding:0;float:right;/*padding-right:20px;*/position:relative} #rightcolumn.righthome{min-height:1193px} /*new home 21022017*/ .oferta_novetat-colors{width: calc(100% - 40px);min-height:20px;position:absolute;bottom:70px;left:20px} .oferta_novetat-peu-preu{width:50%;bottom: 20px;left: 20px;position: absolute} a.comprar-text{ background-color:#0b5d6d;color:#FFF;font-size:14px;font-weight:bold;width:100%;padding:5px 10px;display:block;text-align:center;margin-top:20px;border-radius:8px;text-decoration:none;text-transform:uppercase} a.comprar-text:hover{ background-color:#D06B27} #instafeed {display:flex; flex-flow:row wrap;margin: 0 -10px;} #instafeed .col-lg-4{ border: 10px solid #fff;background-repeat: no-repeat;background-position: center center;background-size: cover;} /*****************************************************************CONTIGUTS*****************************************************************/ /*commons*/ /*migas*/ #migas{width:100%;margin-top:0px;margin-bottom:13px;font-size:13px;font-weight:normal;color:#005d6e;float:left;background-image: url(/bitti/imgs/separador-migas.gif);background-repeat: no-repeat;background-position: left 2px;background-size: 25px auto;padding-left: 20px;} #migas .selected{font-size:13px;font-weight:bold;color:#D06B27;margin-bottom:20px} #migas img{vertical-align:middle} #migas img.nudo{width: 25px; height: 14px; display: none} a.migas-link{font-size:13px;color:#005d6e;text-decoration:none} a.migas-link:hover{color:#D06B27;text-decoration:none} @media only screen and (max-width:640px) { #migas .selected,a.migas-link{font-size:16px} #migas{background-position: left 5px;} } /*llista productes*/ /*resultat numero de productes*/ #num-productes{margin-top:15px;width:100%;margin-left:15px;font-size:12px;font-weight:normal;color:#005d6e} #txt_home p{color:#005D6E;font-size:13px;font-weight:normal;text-align:justify} @media only screen and (max-width:640px) { #num-productes{font-size:16px} #txt_home p{font-size:16px} } #num-productes .selected{font-size:10px;font-weight:bold;color:#005d6e} /*paginacio*/ #pagines{text-align:right;font-family:Verdana,Arial,Helvetica,sans-serif;width:269px;float:right;padding-top:10px} #pagines-bottom{text-align:right;font-family:Verdana,Arial,Helvetica,sans-serif;width:269px;float:right;padding-top:10px;margin-right:20px} #pagines_left{float:left;width:200px} #pagines_left .boto{float:left} .paginacio ul{margin:0;padding:0;text-align:right;font-size:11px} .paginacio li{list-style-type:none;display:inline;padding-bottom:1px;margin-right:-2px} .paginacio a.normal,.paginacio a.normal:visited,.paginacio a.normal:active{padding:1px 4px;text-decoration:none; color:#FFF;background-color:#005d6e;font-weight:bold} .paginacio a.normal:hover{color:#FFF;background-color:#D06B27;font-weight:bold} .paginacio a.currentpage{padding:1px 4px;text-decoration:none;background-color:#D06B27;color:#FFF!important;font-weight:bold;cursor:default} /*graella productes*/ h1{color:#005D6E;font-size:14px;padding-bottom:10px} .pagina-empresa h1{color:#005D6E;font-size:16px;padding-bottom:30px} .graella-productes h1{ float:left;width:100%} #txt_descripcio{width:100%;margin:0 0 20px} #txt_descripcio p{color:#005D6E;font-size:13px;font-weight:normal;text-align:justify} #txt_descripcio h2{color:#005D6E;font-size:13px;font-weight:bold;text-align:justify} #txt_descripcio p a:link,#txt_descripcio p a:visited{color:#005D6E} /*producte que hi ha dins de cada caixa de la graella*/ #producte-cap{width:158px;height:107px;position:absolute;background-position:center;background-repeat:no-repeat} #producte-oferta_novetat{width:25px;height:24px;position:absolute;margin-left:133px;float:right} #producte-peu{width:158px;height:92px;position:absolute;margin-top:112px} #producte-peu-boto{width:58px;text-align:center;float:left;position:absolute;bottom:0px} #fitxa-bloc-dt-form-boto #producte-peu-boto{position:relative} #producte-peu-boto .l_boto{height:32px} /*i6 hack*/ * html #producte-peu-boto .l_boto{height:26px} /*ie7 hack*/ *:first-child+html #producte-peu-boto .l_boto{height:26px} #producte-peu-text{width:158px;height:50px;padding-top:2px;text-align:right;float:right} a.comprar-text-interior{font-weight:bold;font-size:10px;color:#669ea8;text-decoration:none} a.comprar-text-interior:hover{font-weight:bold;font-size:10px;color:#005d6e;text-decoration:none} .producte-nom-interior{font-size:11px;font-weight:bold;color:#2b2b33} .producte-nom-interior a{text-decoration:none} .producte-nom2-interior{font-size:10px;color:#2b2b33} /*i6 hack*/ * html .producte-nom3-interior{height:10px} /*ie7 hack*/ *:first-child+html .producte-nom3-interior{height:10px} .producte-preu-interior{font-size:10px;font-weight:bold;color:#005d6e} .producte-preu-tatxat-interior{font-size:10px;font-weight:bold;color:#005d6e;text-decoration:line-through} .producte-preu-oferta-interior{font-size:10px;font-weight:bold;color:#D06B27} @media only screen and (max-width: 640px) { .producte-preu-tatxat-interior{font-size:16px;} .producte-preu-oferta-interior{font-size:16px} } /*fitxa producte*/ #fitxa{padding:20px 0;width:100%;overflow:hidden;float:left} #fitxa-bloc-esq{width:48.7%;overflow:hidden;margin-right:2.6%;float:left;margin-bottom:15px} #fitxa-bloc-dt{width:48.7%;overflow:hidden;float:left} #fitxa-bloc-esq-img{width:100%;float:left;background-position:left;background-repeat:no-repeat} #fitxa-bloc-esq-img .wraptocenter img{width:100%;height:auto} /**/ .clear-left{ clear:left} .royalSlider {direction:ltr;height:400px;position:relative;width:100%!important} .zoomContainer{ width:auto !important;height:auto !important} #imgzoom{ float:left;width:100%;margin-bottom:15px} #imgzoom .zoomWrapper{ width:100% !important;height:auto !important} #imgzoom .zoomWrapper img, #zoom{ width:100%;height:auto;position:inherit !important} .zoomSlider{direction:ltr;position:relative;width:100% !important} .zoomSlider a{ float:left} .tooltip {position:absolute;z-index:1070;display:block;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;line-height:1.4;opacity:0;filter:alpha(opacity=0)} .tooltip.bottom .tooltip-arrow {top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#D06B27} .tooltip-inner {max-width:600px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#D06B27;border-radius:4px} /**/ #fitxa-bloc-dt-img{width:100%;height:358px;float:left;background-position:left;background-repeat:no-repeat} #icones{float:left;width:100%;height:auto;margin-top:20px} #fitxa-bloc-esq-lupa{float:right} #fitxa-bloc-esq-lupa a{font-size:10px;color:#669ea8;text-decoration:none} #fitxa-bloc-esq-lupa a:hover{font-size:10px;color:#005d6e;text-decoration:none} #fitxa-bloc-esq-video{float:left} #fitxa-bloc-esq-video a{font-size:10px;color:#D06B27;text-decoration:none;font-weight:bold} /*new ico play video*/ #fitxa-bloc-esq-video a{position:relative;display: inline-block} #fitxa-bloc-esq-video a img{position:relative} #fitxa-bloc-esq-video a.fancybox-media img#bt_video{position: absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;width:60px;height: 60px;z-index:5} #fitxa-bloc-dt-text .col-sm-12 p,#fitxa-bloc-dt-form .col-sm-12 p{font-size:12px!important;text-align:justify;color:#686868} #fitxa-bloc-dt-text .col-sm-12 ol li,#fitxa-bloc-dt-form .col-sm-12 ol li{font-size:12px!important;text-align:justify;color:#686868;margin: 0 0 0 20px;} /**/ #fitxa-bloc-esq-video a:hover{font-size:10px;color:#D06B27;text-decoration:none;font-weight:bold} #fitxa-bloc-dt-text{width:100%;height:auto;float:left} #fitxa-bloc-dt input{font-size:11px;font-weight:normal;color:#55555C;border:#959599 solid 1px;height:15px;padding-top:3px;padding-left:3px;width:25px;margin-left:10px} @media only screen and (max-width:640px) { #fitxa-bloc-dt input{font-size:16px!important;font-weight:bold;width:50px!important;height:30px!important;border:1px solid #d9d9d9;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;text-align:center} } #fitxa-bloc-dt-form{overflow:hidden;float:left;width:100%} #fitxa-bloc-dt-form-contingut{width:250px;float:left} #fitxa-bloc-dt-form-boto{width:58px;float:right} #fitxa-bloc-esq-colors{width:100%;height:auto;float:left} #fitxa-bloc-esq-colors-add{width:100%;height:auto;float:left} #color img,.color img,#color-ultim img{width:100%;height:auto} #color{float:left;margin-right:6px;width:35px;height:35px;margin-bottom:6px} .color{float:left;margin-right:6px;width:20px;height:20px;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px} .mas-color{ background-image:url(../imgs/ico-more-colors.png);background-repeat:no-repeat;background-position:center center;width:20px;height:20px;float:right} #color-ultim{width:35px;height:35px;margin-bottom:6px;float:left} .producte-titol,#fitxa-bloc-dt-text h1{font-size:18px;font-weight:bold;color:#005d6e;text-align:left;padding-bottom:0px} .producte-subtitol{font-size:13px;font-weight:bold;color:#005d6e;text-align:justify;padding-bottom:10px} #disp .producte-subtitol{font-size:18px;/*font-weight:bold;color:#005d6e;text-align:justify;*/padding-bottom:0px} /*@media only screen and (max-width:1440px) { #disp .producte-subtitol{font-size:16px} }*/ .col-12.producte-dispavis { clear: both; } .producte-dispavis #txtdispavis { display: block; font-size: 14px; color: #D06B27; font-weight: bold; padding-top: 5px; } @media only screen and (max-width:1300px) { #disp .producte-subtitol{padding-right: 20px} } .producte-text ul, #masinfo ul{margin-left:15px} .producte-text2{font-size:13px;font-weight:bold;color:#2b2b33;padding-bottom:15px} .producte-text-preu{font-size:11px;font-weight:normal;color:#2b2b33;text-align:left;padding-bottom:20px} .producte-preu{font-size:11px;font-weight:bold;color:#005d6e} .producte-preu-tatxat{font-size:14px;font-weight:bold;color:#005d6e;text-decoration:line-through} .producte-llista-llarg .producte-preu-tatxat{font-size:11px} .col-sm-6.col-sm-6--left{width: 60% !important;} .col-sm-6.col-sm-6--right{width: 40% !important;} @media only screen and (max-width:1440px) { #fitxa-bloc-dt-form .col-sm-6{width: 100% !important} #disp{display: inline-block} } @media only screen and (max-width:640px) { .producte-subtitol,.producte-text2,.producte-text-preu,.producte-preu,.producte-preu-tatxat,.producte-preu-tatxat,.producte-llista-llarg .producte-preu-tatxat,.producte-nom-interior,.producte-nom2-interior,.producte-preu-oferta-interior,#taula-botons p strong,#fitxa-bloc-dt-text .col-sm-12 p, #fitxa-bloc-dt-form .col-sm-12 p{font-size: 16px!important} #disp .producte-subtitol{font-size:18px!important} } #fitxa-bloc-dt-text .producte-preu-oferta{font-size:18px;font-weight:bold;color:#D06B27} #fitxa-bloc-dt-text .producte-promo .col-sm-12 p, #fitxa-bloc-dt-text .producte-promo .col-sm-12 ul li, #fitxa-bloc-dt-text .producte-promo .col-sm-12 ol li { color: #D06B27; } hr{clear:both;border:0;color:#ccccc2;background-color:#ccccc2;height:1px;width:100%;margin-top:20px;margin-bottom:20px;float:left} #filet{width:100%;background-color:#ccccc2;height:1px;float:left;display:block;margin-top:20px;margin-bottom:20px} #cistella-registre-formulari #filet{margin-top:0;margin-bottom:0} #fitxa-info-complementaria2{margin-top:10px;float:left} #fitxa-productes-relacionats{width:100%;height:100%;float:left} #producte-rel-oferta_novetat{width:25px;height:24px;position:absolute;margin-left:46px;float:right} #producte-rel{width:25%;height:180px;padding:15px;float:left} #producte-rel2{width:25%;height:180px;padding:15px;float:left} #producte-rel-img{background-position:center;background-repeat:no-repeat;width:81px;height:120px;float:left;position:absolute} #producte-rel-text{position:absolute;margin-top:32px;margin-left:10px;text-align:right;float:right;width:66px} #producte-rel-txt{width:72px;height:100px;float:left;position:absolute;margin-left:75px} #fitxa-boto{float:right;margin-top:40px} #fitxa-info-compartir{float:left;clear:both;width:100%;border-top:1px solid #ccccc2;padding-top:20px} #fitxa-info-compartir p{color:#0e5d6d;font-size:11px;font-weight:bold;padding-bottom:10px} .addthis_default_style{float:left;width:100%} #fitxa-info-consulta{height:90px;float:left;clear:both;width:100%} #fitxa-info-consulta p{color:#0e5d6d;font-size:11px;font-weight:bold;padding-bottom:3px} #fitxa-info-consulta a:link,#fitxa-info-consulta a:visited{background-color:#cfdfe2;color:#0e5d6d;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;text-decoration:none;padding:10px 32px;font-size:12px;font-weight:bold;float:left;margin-top:8px} .addthis_button_facebook_like{width:75px!important;overflow:hidden;margin-right:5px} .addthis_button_tweet{width:68px!important;overflow:hidden;margin-right:5px} .addthis_button_google_plusone{width:30px!important;overflow:hidden;margin-right:7px} .bt_enviaramigo{float:left;margin-top:2px} #zoomlensbody{ overflow:hidden!important} @media only screen and (max-width:640px) { #fitxa-productes-relacionats .col-xs-2.ico-rel{ width: 100%; text-align: left !important} #fitxa-productes-relacionats .col-xs-10 {width: 100%; padding-top: 5px !important; padding-bottom: 15px} } /*fitxa NEW*/ #producte-tit{float:left;max-width:67%;margin-right:20px} .producte-oferta_novetat-fitxa{padding-left:10px;float:left;padding-top:27px} .producte-oferta_novetat-fitxa img{width:46px;height:46px} #fitxa-descripcio{float:left;width:100%} .producte-text-bienvenida{float:left;width:100%;padding:20px 0;border-top:1px solid #ccccc2;border-bottom:1px solid #ccccc2;margin-bottom:20px} .producte-text-bienvenida p{font-weight:800;font-size:11px;line-height:15px} .producte-text-bienvenida p strong{color:#D06B27} .producte-text{font-size:14px;font-weight:normal;color:#2b2b33;text-align:justify;padding:20px;float:left;width:100%} .producte-text h2{font-size:15px;font-weight:bold;color:#2b2b33} @media only screen and (max-width:640px) { .producte-text{text-align:left;font-size:16px} .producte-text h2{font-size:16px} } #missatge_color_adicional{ margin-top:14px} #missatge_color_principal.producte-text,#missatge_color_adicional.producte-text{padding:0 0px 17px} .producte-text-cantidad{font-size:11px;font-weight:normal;color:#2b2b33;text-align:justify;padding-bottom:15px;float:left} @media only screen and (max-width:640px) { .producte-text-cantidad{font-size:16px; padding-top: 3px} } .nav.nav-tabs{float:left} .nav-tabs{border-bottom:1px solid #ccccc2;width:100%} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border:none!important;background-color:#D06B27;color:#fff} .nav-tabs > li > a {outline:none;border:none!important;line-height:40px;font-weight:800;font-size:12px;color:#0e5d6d;background-color:#cfdfe2;padding:0 20px} .nav > li > a:hover, .nav > li > a:focus{background-color:#cfdfe2;text-decoration:none} .rsDefault .rsThumb.rsNavSelected{background:#fff none repeat scroll 0 0!important} #fitxa-boto a.boto{padding:1px 7px 0 7px} a.bt-comprar{ background-color:#0b5d6d;color:#FFF;font-size:18px;font-weight:bold;width:100%;padding:5px 10px;display:block;text-align:center;margin-top:20px;border-radius:8px;text-decoration:none} a.bt-comprar:hover{ background-color:#D06B27} .img-responsive-prod{display: block;width: 90%;max-width:200px;height: auto;margin: 0 auto} .img-responsive-prod-llistat{display: block;width: 100%;max-width:200px;height: auto;margin: 0 auto} .img-responsive-prod-relacionats{display: block;width: 100%;max-width:150px;height: auto;margin: 0 auto} /*posicio colors mobile*/ #fitxa-bloc-dt-text{display: flex;flex-flow: row wrap} .order1{order:1;width: 100%} .order2{order:2;width: 100%} .order3{order:3} .order4{order:4} .order5{order:5} .order6{order:6;width: 100%} .order7{order:7} .hiddendesktop{display:none} @media only screen and (max-width: 480px) { .hiddendesktop{display:block} .order1{order:2} .order2{order:3} .order3{order:4} .order4{order:5} .order5{order:5; width: 100%;} .order6{order:6} .order7{order:7} } /*bloc marques*/ #marques-logo{width:100%;height:auto;margin-bottom:15px;float:left} #marques-logo img{float:left;margin-right:20px} #marques-logo h1{float:left;padding-top:20px} #marques-logo.tit-marques-logo h1{float:none;padding-top:0px} #txt_descripcio{clear:both;margin-top:10px;float:left} #content2.graella-productes #txt_descripcio{ padding-right:20px} @media only screen and (max-width: 640px) { #content2.graella-productes #txt_descripcio{ padding-right:0px} } #marques-bloc{width:259px;height:290px;float:left;margin-right:20px;margin-bottom:21px} #marques-bloc-foto{width:259px;height:259px;float:left;background-image:url(../imgs/foto-stokke.jpg);background-repeat:no-repeat} #marques-bloc-text{width:259px;height:24px;float:left;background-image:url(../imgs/contorn-marques-nom.png);background-repeat:no-repeat;text-align:center;font-size:12px;font-weight:bold;color:#005d6e;padding-top:7px;text-decoration:none} #marques-bloc-text a{font-size:12px;font-weight:bold;color:#005d6e;padding-top:7px;text-decoration:none} #marques-bloc-text a:hover{font-size:12px;font-weight:bold;color:#D06B27;padding-top:7px;text-decoration:none} #marques-bloc-sencer{width:97%;float:left;margin-right:0px;margin-bottom:20px} #marques-bloc-sencer-text{width:538px;height:24px;float:left;background-image:url(../imgs/contorn-marques-nom-sencer.png);background-repeat:no-repeat;text-align:center;font-size:12px;font-weight:bold;color:#005d6e;padding-top:7px;text-decoration:none} #marques-bloc-sencer-text a{font-size:12px;font-weight:bold;color:#005d6e;padding-top:7px;text-decoration:none} #marques-bloc-sencer-text a:hover{font-size:12px;font-weight:bold;color:#D06B27;padding-top:7px;text-decoration:none} #marques-bloc-sencer img{width:100%;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px} .marques-file{display: inline-block;margin-left:-14px;margin-right:-14px} .marques-bloc-md-4{ width:33.3333%;float:left;padding:0 14px;margin-bottom:28px} @media only screen and (max-width: 802px) { .marques-bloc-md-4{ width:50%} } @media only screen and (max-width: 600px) { .marques-bloc-md-4{ width:100%} } .marques-bloc-md-4 img{width:100%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #cdcccf} .marques-bloc-md-12{ width:100%;float:left;padding:0 14px;margin-bottom:28px} .marques-bloc-md-12 img{width:100%;} .tit-marques-logo #txt_descripcio h2{font-family: 'Lato', sans-serif;font-size:13px;position:relative;padding-bottom:11px;margin-bottom:25px} .tit-marques-logo #txt_descripcio h2:after{ position:absolute;left:0;bottom:0;content:"";width:90px;height:1px;border-bottom:1px solid #D06B27} .tit-marques-logo #txt_descripcio p{color:#005D6E;font-weight:normal;text-align:justify} .marques-video{width: 100% } .marques-video {position: relative;height: 0;overflow: hidden;padding-top: 0;padding-left: 0;padding-right: 0} .marques-video iframe,.marques-video object, .marques-video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0} .marques-video{padding-bottom: 56.25%} .marques-carousel{width: 100%;padding-left: 39px;padding-right: 39px; margin:20px 0} .marques-carousel .owl-carousel .owl-item{ text-align: center} .marques-carousel .owl-carousel .owl-item img {width: inherit !important;max-width: 100%; max-height: 248px;} .marques-carousel .active img {border: none !important} .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{position: absolute;top: 50%;background-repeat:no-repeat;background-position: center center;width: 39px;height: 39px;margin-top: -20px} .owl-carousel .owl-nav button.owl-next{ right: -39px;background-image:url(../imgs/marques-right.png) !important} .owl-carousel .owl-nav button.owl-prev{ left: -39px;background-image:url(../imgs/marques-left.png) !important} .owl-carousel .owl-nav button.owl-next span,.owl-carousel .owl-nav button.owl-prev span{display: none} .marques-txt {width: 100%;/*margin-top: 28px;*/background-color: #f1f1f2;padding: 30px 40px;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;font-size: 16px;line-height: 24px;color: #005d6e;text-align: center} .marques-txt p{ margin-bottom: 10px} /*pagines estatiques:empresa i contacte*/ #content2.col-md-9{width:79%} #content2{padding:0 20px 20px 20px;float:left} #content2.graella-productes{padding:0 0 60px 20px} @media only screen and (max-width: 1099px) { #content2.graella-productes{padding:0 20px 60px 20px} } @media only screen and (max-width: 640px) { #content2.graella-productes{padding:0 20px 60px 20px} } #content2 #rightcolumn{float:right;width:25.5%;padding:0 0 0 0} #content2 #bannerespecial{width:73%} #content2 #bannerespecial.bannerespecial-full{width:100%;max-width:863px} #content2 #migas{width:73%} #content2.graella-productes #migas{width:100%;padding-right:20px} @media only screen and (max-width: 640px) { #content2.graella-productes #migas{padding-right:0px} } #pagina-estatica{padding:20px;width:100%;height:auto;float:left} #pagina-estatica-foto{width:100%;float:left} #pagina-estatica-foto2{width:100%;float:left} #pagina-estatica-foto-peu{width:100%;float:left;text-align:right;margin-top:10px;margin-bottom:30px;font-size:10px;color:#005d6e} #pagina-estatica-text{width:100%;height:auto;float:left;font-weight:normal;text-align:justify;color:#2b2b33;font-size:13px/*11px*/} #pagina-estatica-text h1{font-size:12px} .titol-negreta-color{font-size:12px;font-weight:bold;color:#005d6e;text-transform:uppercase} .text-negreta-color{font-size:11px;font-weight:bold;color:#005d6e} a.mail{font-size:11px;font-weight:normal;color:#2b2b33;text-decoration:none} @media only screen and (max-width: 640px) { #pagina-estatica-text,#pagina-estatica-text h1,.titol-negreta-color,.text-negreta-color,a.mail{font-size:16px} } a.mail:hover{font-size:11px;font-weight:normal;color:#D06B27;text-decoration:none} ul#list, ul.list{list-style-type:none;list-style-image:url(../imgs/punt.gif);margin-left:20px;line-height:17px} ul#list li,ul.list li{list-style-type:none;list-style-image:url(../imgs/punt.gif);line-height:16px} /*empresa*/ .pagina-empresa__box{ float: left;display: flex; flex-flow: row wrap; /*justify-content: space-between;*/ margin-top: 30px;margin-bottom: 30px; margin-left: -6px; margin-right: -6px;} .pagina-estatica-foto-grid{ flex: 0 0 25%; /*margin-bottom: 20px;*/ padding: 6px;} @media only screen and (max-width: 768px) { .pagina-estatica-foto-grid{ flex: 0 0 25%;} } @media only screen and (max-width: 640px) { .pagina-estatica-foto-grid{ flex: 0 0 33.3333%;} } .fancybox-nav span { visibility: visible !important; } /*.pagina-estatica-foto-grid{width:15%;position:relative;float:left;margin:0 2% 20px 0} @media only screen and (max-width: 902px) { .pagina-estatica-foto-grid{width:31%;position:relative;float:left;margin:0 3.5% 20px 0} }*/ .pagina-estatica-foto-grid img{width:100%;max-width:100%;height:auto;border:1px solid #cdcccf/*2px solid #005D6E*/;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px} /*.last{margin:0 0 20px 0}*/ .empresalink{color:#005d6e !important} /*cistella paso1*/ #cistella-producte{padding-top:20px;width:100%;height:auto;float:left} .text-vermell {font-weight: bold;color: #D06B27} /*pasos*/ #cistella-producte-pasos{width:100%;height:auto;float:left;padding-bottom:35px} #cistella-producte-pas{float:left;width:25%;padding-left:7.8px;padding-right:7.8px;text-align:center} #cistella-producte-pas-q{padding-bottom:5px;height:33px} #cistella-producte-pas-t a{padding-top:5px;font-size:11px;font-weight:bold;color:#669ea8;height:20px;text-decoration:none} #cistella-producte-pas-t a:hover{padding-top:5px;font-size:11px;font-weight:bold;color:#D06B27;height:20px;text-decoration:none} #cistella-producte-pas-t .selected{padding-top:5px;font-size:11px;font-weight:bold;height:20px;color:#D06B27} #cistella-producte-pas-t .unselected{padding-top:5px;font-size:11px;font-weight:bold;height:20px;color:#669ea8} /*NEW CESTA*/ #cistella-producte h1{color: #005D6E;font-size: 26px;padding-bottom: 19px;position:relative;font-weight:400;text-align:left;margin-bottom:50px} #cistella-producte h1:after{border-bottom: 2px solid #D06B27;bottom: 0;content: "";display: block;height: 2px;left:0;position: absolute;width: 88px;z-index: 1} .cistella-producte-pasos{width:100%;max-width:682px;height:auto;overflow:hidden;margin:0 auto;padding-bottom:35px} .cistella-producte-box{ float:left;width:calc(100% - 126px)} .cistella-producte-last{ float:left;width:126px} .cistella-producte-col{float:left;width:33%;display:table} .cistella-producte-pas{ display:table-cell;width:126px;text-align:center} .cistella-producte-fletxa{display:table-cell;width:calc(100% - 126px);background-image:url(../imgs/cistella-pas-fletxe.png);background-repeat:no-repeat;background-position:right 30%} .cistella-producte-pas-q{width:80px;height:80px;background-color:#d2d1d4;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;margin:0 auto 20px} .cistella-producte-pas-q img{ width:100%} .cistella-producte-pas-t,.cistella-producte-pas-t a{font-size:16px;color:#0e5d6d;text-decoration:none} .cistella-producte-pas-t a:hover{color:#D06B27;text-decoration:none} .pas-selec .cistella-producte-pas-q{background-color:#b4cdd2} .pas-selec .cistella-producte-pas-t{color:#0e5d6d} @media only screen and (max-width: 600px) { .cistella-producte-box{width:75%} .cistella-producte-last{width:25%} .cistella-producte-pas{ display: inline-block;width:100%} .cistella-producte-pas-q{ width:80%;height:auto;margin:0 auto 10px} .cistella-producte-pas-t,.cistella-producte-pas-t a{font-size:12px;line-height:14px} } .tb__cesta{ width:100%;overflow:hidden} .tb__tr{display: flex;flex-flow: row nowrap;justify-content: center;align-items: center} .tb__tr--td{border-top:1px solid #cdcccf} .tb__tr__th,.tb__tr__td{ text-align:center} .tb__tr__th--1,.tb__tr__th--3,.tb__tr__th--4,.tb__tr__th--5{flex: 0 0 13%;max-width: 13%} .tb__tr__th--1{ padding-left:10px} .tb__tr__th--2{flex: 0 0 40%;max-width: 40%;text-align:left} .tb__tr__th--6{flex: 0 0 6%;max-width: 6%} .tb__tr__th{color: #005D6E;font-size:16px;color:#0c5969;font-weight:bold;padding-bottom:15px} .tb__tr__td.tb__tr__th--1 img{ width:100%} #cistella-producte .tb__tr__td h2{ font-size:16px;color:#0c5969;padding:0;margin:0} #cistella-producte .fecha-entrega-text { font-weight: bold; } #cistella-producte .fecha-entrega-text strong { color: #D06B27; } #cistella-producte .cistella-fecha-entrega-mobile { display: none; } #cistella-producte .cistella-avis-vacances { display: block; font-weight: bold; } #cistella-producte .cistella3-fecha-entrega { margin-bottom: 10px; } .tb__tr__td.tb__tr__th--4,.tb__tr__td.tb__tr__th--5{font-size:16px;font-weight:bold;text-align:right;padding-right:20px} .tb__tr__td.tb__tr__th--4 em,.tb__tr__td.tb__tr__th--5 em{color:#D06B27} .tb__tr__td.tb__tr__th--2 p{font-size:14px} .tb__tr__td.tb__tr__th--2 p strong,.tb__tr__td.td-subtotal strong{font-size:16px} .tb__tr__td.tb__tr__th--2 p small{font-size:14px;color:#0c5969} .tb__tr__td.tb__tr__th--6 img{ max-width:20px} .tb__tr__td em{ font-style:normal} .tb__tr__th--prod{display:none;text-align:left;background-color:#0c5969;color:#fff} .tb__tr__td.tb__tr__th--3 strong,.tb__tr__td.tb__tr__th--4 strong,.tb__tr__td.tb__tr__th--5 strong,.tb__tr__td.tb__tr__th--6 strong{ display:none} .tb__tr__th--tit{display:none} #cistella-producte-taula .input-box input{font-size:16px;font-weight:bold;width:50px;height:30px;border:1px solid #d9d9d9;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;text-align:center} #cistella-producte .tb__tr__td a.boto.boto { margin-top:15px;margin-bottom:20px} @media only screen and (max-width:768px) { #cistella-producte h1{margin-bottom:25px} #cistella-producte .cistella-fecha-entrega-mobile { display: block; margin-bottom: 10px; } #cistella-producte-taula .input-box input{ margin-top: -5px} .tb__tr.tb__tr--th { display:none} .tb__tr__th--prod{display:block;width:100%;float:left} .tb__tr{display: block;overflow: hidden;border-bottom:none;padding-bottom:10px} .tb__tr__th--tit{display:block;float:left;width:120px;text-align:left} .tb__tr__th--1{float:left;flex: 0 0 120px;max-width: 120px;width:120px;padding-left: 0px;padding-right:5px;padding-bottom:5px;text-align:center} .tb__tr__th--2{float:left;width:70%;max-width:calc(100% - 120px);padding-top:15px;padding-bottom: 15px} .tb__tr__th--3,.tb__tr__th--4,.tb__tr__th--5,.tb__tr__th--6{float:left} .tb__tr__th--3{width:100%;max-width:100%} .tb__tr__th--4{width:100%;max-width:100%} .tb__tr__th--6{width:100%;max-width:100%} .tb__tr__td { min-height:30px} .tb__tr__th--1, .tb__tr__th--3, .tb__tr__th--4, .tb__tr__th--5 { max-width: 100%;} .tb__tr__td.tb__tr__th--3 strong,.tb__tr__td.tb__tr__th--4 strong,.tb__tr__td.tb__tr__th--5 strong,.tb__tr__td.tb__tr__th--6 strong{width:120px;float:left;font-size: 14px;text-align:left} .tb__tr__td em,.tb__tr__th--6 a,.input-box{ width:calc(100% - 120px);float:left;text-align:left} .tb__tr--last .tb__tr__th--1{ display:none} .tb__tr--last .tb__tr__th--2{ width:120px;max-width:120px} .tb__tr--last.last-dos .tb__tr__th--2, .tb__tr--last.last-tres .tb__tr__th--2{ width:240px;max-width:240px} .tb__tr--last .tb__tr__th--3{width:120px} .tb__tr--last .tb__tr__th--4, .tb__tr--last.last-dos .tb__tr__th--3, .tb__tr--last.last-tres .tb__tr__th--3{ display:none} .tb__tr--last .tb__tr__th--5{ width:calc(100% - 240px);max-width: 100%;text-align:right;padding-top:20px;padding-right: 0px;} .tb__tr--last .tb__tr__td.tb__tr__th--5 em{ width:100%;text-align:right} .tb__tr--last .tb__tr__th--6{ display:none} #cistella-producte .tb__tr__td a.boto.boto{ float:left;padding: 8px 8px} .tb__tr--last .tb__tr__th--5.th--5-cistella4 {padding-top: 15px} } /**/ .cistella-producte-titol{font-size:16px;color:#005d6e;text-align:justify;padding-bottom:15px;float:left;width:100%} .cistella-producte-subtitol,#cistella-producte h2{font-size:16px;font-weight:bold;color:#005d6e;text-align:justify;padding-bottom:10px;float:left;width:100%} .cistella-producte-codipromo{font-size:13px;padding-bottom:30px;padding-top:30px;float:left;width:100%} .cistella-producte-codipromo p,.cistella-producte-codipromo input,.cistella-producte-codipromo .boto{float:left;margin-right:10px} .cistella-producte-text{font-size:13px;font-weight:normal;color:#2b2b33;text-align:justify;width:100%;float:left;padding-bottom:20px} @media only screen and (max-width:640px) { .cistella-producte-text{font-size:16px} } #cistella-producte-taula{width:100%;float:left} #cistella-producte-taula input{font-size:11px;font-weight:normal;color:#55555C;border:#959599 solid 1px;height:15px;/*padding-top:3px;padding-left:3px;*/width:25px;text-align:center} #taula-subtotal,#taula-subtotal-llista{width:100%;height:auto;padding-bottom:16px;float:left} #taula-subtotal-text-subtotal{padding-top:3px;float:right;width:100px;text-align:right;font-weight:bold;color:#2b2b33;font-size:11px} #taula-subtotal-text-subtotal2{padding-top:3px;float:right;width:auto;text-align:right;font-weight:bold;color:#2b2b33;font-size:11px} #taula-subtotal-text-preu{padding-top:3px;float:right;width:180px;text-align:right;font-weight:bold;color:#D06B27;font-size:11px;padding-right:76px} #taula-botons{padding-top:20px;float:right} /*taules*/ table{ width:100%;border-collapse:collapse;margin:1em 0} th,td{font-size:13px/*11px*/;color:#2b2b33;text-align:center;padding:5px;border:1px solid #ccccce} th .mini_right,td .mini_right{ font-size:13px} th{background-color:#005d6e;color:#FFF;font-weight:bold;height:46px} tr.even td{background:#e5eef0} tr.odd td{background:#ccdfe2} .th-prod{text-align:left;padding-left:20px} .td-prod{text-align:left;padding-left:20px} .td-preu{text-align:right;padding-right:20px} .td-tot{text-align:right;padding-right:20px} /*cistella paso2 registre*/ #registre-nou-cistella{width:48%;min-height:184px;padding:30px 30px 30px;text-align:center} #cistella-producte #registre-nou-cistella h2,#cistella-producte #registre-cistella h2{text-align:center;padding-bottom:20px;font-size:18px;font-weight:400} #registre-cistella{width:48%;min-height:184px;padding:30px 30px 30px;background-color:#f1f1f2;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px} #registre-nou-cistella{float:left} #registre-cistella{float:right} #registre-cistella-dades{width:49%;height:auto;float:left;padding-bottom:20px} #registre-cistella-form{width:100%;float:left} #registre-cistella .form-group .form-control{ font-size:16px} .acces_llista .form-group{width:50%;/*padding:3px;*/float:left} #registre-cistella .form-group:first-child,.acces_llista .form-group:nth-child(5){padding-right:2px} #registre-cistella .form-group:nth-child(2),.acces_llista .form-group:nth-child(6){padding-left:2px} /*#registre-cistella-boto{float:right}*/ #registre-cistella-links{ float:left;text-align:left;width:49%;margin-top:5px} #registre-cistella-titol{color:#005d6e;font-weight:bold;font-size:13px;float:left;padding-bottom:15px;width:100%;text-align:justify} #registre-cistella-text{color:#2b2b33;font-weight:normal;font-size:16px;float:left;padding-bottom:10px;width:100%;text-align:justify} #registre-nou-cistella #registre-cistella-text{padding-bottom:30px} #registre-cistella-links a{font-size:14px;font-weight:normal;color:#005d6e;text-decoration:none} #registre-cistella-links a:hover{color:#669ea8} /*cistella formulari de registre per a nous usuaris*/ #cistella-registre-formulari{width:100%;height:auto;float:left;text-align:left} #cistella-registre-formulari-peu{padding-top:20px;width:100%;height:auto;float:left} @media only screen and (max-width:768px) { #cistella-registre-formulari-peu{padding-top:0px} } #cistella-registre-formulari-peu-text{width:500px;height:20px;float:left;font-size:14px;color:#005d6e;text-align:justify;font-style:italic;font-weight:bold} #cistella-registre-formulari-1col,#cistella-registre-formulari-2col{width:50%;height:auto;float:left;/*padding-bottom:10px*/} #cistella-registre-formulari-1col{padding-right:2.8%} #cistella-registre-formulari-1col.col-ini,#cistella-registre-formulari-2col.col-ini{padding-bottom:0} #cistella-registre-formulari-text,.cistella-registre-formulari-text{color:#2b2b33;font-size:13px;width:100%;float:left;padding-bottom:8px} @media only screen and (max-width:640px) { #cistella-registre-formulari-text,.cistella-registre-formulari-text{font-size:16px} } #cistella-registre-formulari-text a,.cistella-registre-formulari-text a{color:#005d6e;font-size:13px;text-decoration:none} @media only screen and (max-width:640px) { #cistella-registre-formulari-text a,.cistella-registre-formulari-text a{font-size:16px} } #cistella-registre-formulari-text a:hover,.cistella-registre-formulari-text a:hover{color:#669ea8} #cistella-registre-formulari-input{padding-bottom:10px;float:left;width:100%} #cistella-registre-formulari-text em,.cistella-registre-formulari-text em,#cistella-registre-formulari-peu-text em{ font-style:normal;font-size:14px;color:#005d6e} #cistella-registre-formulari input[type="checkbox"]{width:auto;margin-right:10px} #cistella-registre-formulari-input-radio{float:left} #cistella-registre-formulari-text2,.cistella-registre-formulari-text2{color:#2b2b33;font-size:11px;width:auto;float:left;padding-bottom:8px;padding-right:20px} #cistella-producte-form-pagament{width:100%;font-size:16px;font-weight:normal;color:#2b2b33;text-align:left;float:left;padding-bottom:20px} @media only screen and (max-width:740px) { #cistella-producte-form-pagament{padding-bottom:0px} } .cistella-producte-form-pagament-input{width:100%;float:left/*;height:27px*/} .cistella-producte-form-pagament-input.form-paypal{ height:auto;padding-bottom:17px} .cistella-producte-form-pagament-input-radio{margin-right:15px;padding-top:4px;width:14px;float:left} .cistella-producte-form-pagament-input-text{float:left;width:auto;padding-top:4px} .cistella-producte-form-pagament-input-imatge{float:left;padding-left:15px} #cistella-producte-botons{padding-top:20px;float:right} @media only screen and (max-width:740px) { #cistella-producte-botons{width: 100%;} } .cistella-producte-form-pagament-input.cisini{height:111px} .cistella-producte-form-pagament-input-text-segura{clear:both;padding-left:28px} .cistella-producte-form-pagament-input-imtgedos{clear:both;padding-left:28px} .cistella-producte-form-pagament-input-imtgedos a{float:left;text-align:center;text-decoration:none;color:#0e5d6d;font-size:11px;font-weight:bold} .cistella-producte-form-pagament-input-imtgedos a img{margin-top:10px} #cistella-producte-seguretat{ display:inline-block} .pago_seguro,.proteccion_datos{float:left;background-repeat:no-repeat;background-position:left center;font-size:14px;color:#d2d1d4} .pago_seguro{background-image:url('../imgs/ico-pagoseguro.png');background-size:23px auto;padding:0 0 0 35px;width:130px;margin-top:15px} .proteccion_datos{background-image:url('../imgs/ico-protecciondatos.png');background-size:26px auto;padding:0 0 0 40px;width:145px;margin-top:15px} /*llista naixement pas 1*/ .acces_llista{float:left;width:50%;min-height:184px;background:#ccdfe2;padding:20px 20px 0 20px;margin-top:5px;margin-bottom:20px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px} .acces_llista.left{width:48%;margin-right:2%;background-color:#ccdfe2;background-image:url(../imgs/cigonya_crea.jpg);background-repeat:no-repeat;background-position:90% 50%} .acces_llista.left .boto{float:left;margin-top:35px} .acces_llista h2,.acces_llista h3{font-size:12px;color:#005d6e} .acces_llista p{font-size:11px;margin-top:14px;margin-bottom:13px} @media only screen and (max-width: 640px) { .acces_llista h2,.acces_llista h3{font-size:16px} .acces_llista p{font-size:16px} } /*llista naixement pas 2*/ .cistella-producte-text-dos{float:left;width:95%;padding:0px 0 20px 0;font-size:13px} #taula-subtotal-text-subtotal-llista,.taula-subtotal-text-subtotal-llista{padding-top:0px;float:right;width:150px;text-align:right;font-weight:bold;color:#2b2b33;font-size:13px/*11px*/;min-height:1px} #taula-subtotal-text-subtotal-llista.taula-subtotal-text-subtotal-llista-dos,.taula-subtotal-text-subtotal-llista.taula-subtotal-text-subtotal-llista-dos{width:56%} #taula-subtotal-text-preu-llista,.taula-subtotal-text-preu-llista{padding-top:0px;float:right;width:15%;text-align:right;font-weight:bold;color:#D06B27;font-size:13px;padding-right:2%;min-height:1px} .sep-neix2{margin-bottom:20px} #taula-subtotal-text-botons-llista,.taula-subtotal-text-botons-llista{float:right;width:22%;text-align:left;font-weight:bold;color:#D06B27;font-size:11px;padding-right:10px;min-height:1px} #taula-subtotal-llista #taula-subtotal-text-botons-llista .boto,#taula-subtotal-llista .taula-subtotal-text-botons-llista .boto{float:left} #taula-subtotal-llista #taula-subtotal-text-botons-llista .fin,#taula-subtotal-llista .taula-subtotal-text-botons-llista .fin{margin-top:32px;float:left;height:auto} #taula-botons-llista{padding-top:5px;float:left;margin-bottom:30px} #llista_texte p{font-size:13px;margin-bottom:15px} #llista_texte ul{margin:0 0 0 20px;list-style-type:none;list-style-image:url(../imgs/punt_2.gif)} #llista_texte li{font-size:13px;line-height: 18px;list-style-type:none;list-style-image:url(../imgs/punt_2.gif);margin-bottom:15px} @media only screen and (max-width: 640px) { #llista_texte p,#llista_texte li{font-size:16px} } .taula-tancar-llista{width:100%} .finalbloc1{margin-bottom:30px} .finalbloc1 .boto{margin-bottom:5px} .mini_left{float:left;width:62px;padding-right:15px} .mini_left img{margin:5px 0 5px 0;width:100%} .mini_right{float:left;width:230px;margin:5px 0 5px 0} .mini_right h2{font-size:11px;color:#005d6e} a.bt-leer-mas:link,a.bt-leer-mas:visited{ color:#ff0000;font-weight:bold;font-size:11px} .estado{padding:10px} .estado hr{clear:both;border:0;color:#ccccce;background-color:#ccccce;height:1px;width:100%;margin:10px 0 10px 0} .actualmente{color:#D06B27;font-weight:bold;height:80px} .cistella-producte-titol em{font-style:normal;color:#D06B27} .opaciti{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50} .nodisp{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50} .xec{width:100%;height:95px;background-image:url(../imgs/f_xec.gif);background-repeat:no-repeat;background-position:right center;background-size:100% 100%} .xec_left{float:left;width:35.5%;text-align:center;padding-top:35px;margin-right:30px} .xec_right{float:left;width:calc(64.5% - 138px)/*300px*/;margin:15px 15px 0 0} .xec_right p{float:left;font-size:11px} .xec_right input{width:48px;height:20px;border:1px solid #ccccce;color:#7f7f7f;font-size:11px;margin:0 5px 0 5px} .xec_bot{float:left;margin:25px 0 0} .ordenar .boto,.ordenar select,.ordenar p{float:left} .ordenar p{width:130px;font-size:11px;text-align:right;margin-right:15px;margin-top:4px} .ordenar select{width:130px;height:20px;border:1px solid #ccccce;color:#7f7f7f;font-size:11px} .opcions{font-size:11px} a.toggle-hidden-pw { display: inline-block; vertical-align: center; padding: 0px 2px; border-radius: 4px; border: 1px solid #D06B27; color: #D06B27; } #cistella-registre-formulari .opcions input{padding-right:15px;padding-top:4px;width:14px;float:left} #cistella-registre-formulari #cistella-producte-form-pagament .cistella-producte-form-pagament-input .cistella-producte-form-pagament-input-radio input,#cistella-registre-formulari #opcions .cistella-producte-form-pagament-input .cistella-producte-form-pagament-input-radio input{padding-right:15px;padding-top:4px;width:14px;float:left;border:none} #cistella-registre-formulari #opcions .cistella-producte-form-pagament-input {height:auto} #cistella-registre-formulari #opcions #cistella-producte-form-pagament-input-text{width:680px;font-size:11px} #opcions textarea{width:670px;border:1px solid #ccccce;color:#7f7f7f;font-size:11px;margin-top:5px;margin-bottom:20px} #opcions i{color:#D06B27;font-size:10px;font-style:normal;margin-bottom:20px;display:block} #taula-subtotal-text-subtotal-pagar{padding-top:0px;float:right;width:190px;text-align:right;font-weight:bold;color:#2b2b33;font-size:11px} /*llista naixement pas 2 registre*/ /*llista naixement modificar registre*/ .line-menu-area{width:100%;height:2px;background-color:#2F5E72;clear:both} #contenedor_menu_areacliente{width:100%;height:25px;background-color:#FFF;margin-bottom:20px} #contenedor_menu_areacliente ul{list-style:none;width:100%} #contenedor_menu_areacliente ul li{list-style:none;float:left} div#contenedor_menu_areacliente ul > li:first-child{width:19%} div#contenedor_menu_areacliente ul > li:first-child+li{width:19%} div#contenedor_menu_areacliente ul > li:first-child+li+li{width:26%} div#contenedor_menu_areacliente ul > li:first-child+li+li+li{width:17%} div#contenedor_menu_areacliente ul > li:first-child+li+li+li+li{width:19%} a.menu_areacliente{width:auto;height:25px;float:left;width:99%;margin-right:1%;padding:4px 0 4px 0;text-align:center;font-size:12px;background-color:#D3DEE2;color:#2F5E72;font-weight:bold;text-decoration:none;-moz-border-radius:7px 7px 0px 0px;-webkit-border-radius:7px 7px 0px 0px;border-radius:7px 7px 0px 0px} a:hover.menu_areacliente{background-color:#2F5E72;color:#FFF} a.menu_areacliente_sel{width:auto;height:25px;float:left;width:99%;margin-right:1%;padding:4px 0 4px 0;text-align:center;font-size:12px;background-color:#2F5E72;color:#FFF;font-weight:bold;text-decoration:none;-moz-border-radius:7px 7px 0px 0px;-webkit-border-radius:7px 7px 0px 0px;border-radius:7px 7px 0px 0px} a:hover.menu_areacliente_sel{background-color:#2F5E72;color:#FFF} /**/ .cheques-descuentos{ width:100%;display:inline-block;background-color:#f1f1f2;padding:30px 30px 0 30px ;text-align:left;margin-top:30px;margin-bottom:30px} .cd-file{width:100%;display:inline-block;padding-bottom:30px} .cheques-descuentos h3{ font-size:18px;font-weight:normal;color:#005d6e;padding-bottom:25px} .chd-ico{ float:left;width:97px} .chd-ico.chd-ico-ch{padding-top:10px} .chd-ico img{ max-width:62px} .chd-txt{float:left;width:calc(100% - 312px);font-size:16px;line-height:30px} .chd-txt strong{ color:#0c5969} .chd-txt strong em{ font-style:normal;color:#D06B27} .chd-input{float:left;width:124px;font-size:16px;font-weight:bold;padding-top:10px} .chd-input [type="text"]{ font-size:16px;font-weight:normal;width:69px;height:30px;border: 1px solid #d9d9d9;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin-right:10px} .chd-button{float:left;width:91px} .chd-button.chd-button-c{padding-top:10px} .chd-button a.boto{width:100%;text-align:center} .chd-col{ float:left;width:calc(100% - 188px)} .chd-txt-d{float:left;width:40%;font-size:16px;padding-top:10px} .chd-input-d{float:left;width:60%;padding-top:5px} .chd-input-d [type="text"],.chd-button [type="text"]{width:80%;font-size:16px;font-weight:normal;height:30px;border: 1px solid #d9d9d9;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} @media only screen and (max-width: 768px) { .chd-txt{width:calc(100% - 97px)} .chd-input,.chd-button{width:100%;text-align:center} .chd-col{ width:calc(100% - 97px)} } @media only screen and (max-width: 740px) { .chd-ico{width:67px; margin-bottom: 20px} .chd-col{ width:calc(100% - 67px)} .chd-txt-d{width:100%;padding-top:0px} .chd-button [type="text"]{width:100%} } .toggle-factura{text-align:left} .cistella-producte-form-pagament-input-imatge img{ width:86px} .cistella-producte-form-pagament-input-text-segura{ font-style:italic;font-size:14px} .cistella-producte-form-pagament-input-text-segura b{ /*font-weight:normal;*/ color:#D06B27} .cistella-producte-form-pagament-input-imtgedos{display:inline-block} .cistella-producte-form-pagament-input-imtgedos img{ width:57px} .cistella-producte-form-pagament-input-imtgedos img.ico-mas{ width:20px;margin:3px 20px 0 10px} .cistella-producte-h3{font-size:18px/*14px*/;font-weight:normal;color:#005d6e;text-align:left;padding-bottom:15px;float:left;width:100%} .deseo_factura [type="checkbox"]:not(:checked), .deseo_factura [type="checkbox"]:checked {position: absolute;left: -9999px} .deseo_factura [type="checkbox"]:not(:checked) + label,.deseo_factura [type="checkbox"]:checked + label {position: relative;padding-left: 1.95em;cursor: pointer;max-width: inherit;width:250px;text-align: left} /* checkbox aspect */ .deseo_factura [type="checkbox"]:not(:checked) + label:before, .deseo_factura [type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0;top: 6px;width: 13px;height: 13px;border: 1px solid #d2d1d4;background: #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} /* checked mark aspect */ .deseo_factura [type="checkbox"]:not(:checked) + label:after, .deseo_factura [type="checkbox"]:checked + label:after {content: url(../imgs/check-on.png);position: absolute;top:2px;left:3px;transition: all .2s} /* checked mark aspect changes */ .deseo_factura [type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0)} .deseo_factura [type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1)} .cistella-producte-datos_envio{width: 100%;background-color:#f1f1f2;padding:30px 30px 0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;display:inline-block} .cistella-producte-datos_envio h3{ font-size:18px;color: #005d6e;font-weight:normal;text-align:left} .cistella-producte-datos_envio textarea.form-control{ height:180px;margin-top:20px} /*contact*/ #pagina-estatica-text h2,#pagina-estatica-text h3{color:#005D6E;font-size:12px;font-weight:bold;padding-bottom:15px} #pagina-estatica-text.pag-ayuda h2{font-size:11px} .form_contacte fieldset{border:none;float:left;width:48%;padding-bottom:10px} .fieldmarg{margin-right:3%} #pagina-estatica-text .form_contacte,#pagina-estatica-text .form_contacte label{text-align:left!important;padding-bottom:5px;display:inline-block} @media only screen and (max-width:640px) { #pagina-estatica-text .form_contacte label{ display: none} } .form_contacte input[type="text"]{width:100%} @media only screen and (max-width:640px) { .form_contacte input[type="text"]{color: #55555C;font-size: 14px;border: #e8e9ea solid 1px;height: 35px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 2px 3px 3px 3px} } .form_contacte fieldset.fieldlarge{width:99%;padding-bottom:25px;border-bottom:1px solid #d5d5d6;margin-bottom:20px;padding-bottom:10px} .form_contacte textarea{width:100%;height:68px} @media only screen and (max-width:640px) { .form_contacte textarea{color: #55555C;font-size: 14px;border: #e8e9ea solid 1px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 2px 3px 3px 3px} } .form_contacte em{float:left;color:#005D6E;font-style:normal} .form_contacte input[type="submit"]{background-color:#0e5d6d;float:right;border:none;color:#fff;font-size:11px;padding:2px 5px;cursor:pointer} .form_contacte input[type="submit"]:hover{background-color:#D06B27} @media only screen and (max-width:640px) { .form_contacte input[type="submit"]{padding: 8px 10px;font-size: 13px;font-weight: bold;text-decoration: none;color: #FFF;background-color: #005d6e;min-height: 34px;display: block;float: right;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;text-transform: uppercase;width:100%;margin-top: 20px;margin-bottom: 0px !important} } .form_contacte fieldset.fieldfinal{width:100%;margin-bottom:20px;border-bottom:1px solid #D5D5D6} /*pedidos en curso*/ .icos-fitxa{ float:right} .icos-fitxa img{ float:left;margin-left:5px; width: 34px;} .icos-fitxa img#promobienvenida{width: 46px;} .envio-gratuito{display: flex; justify-content: center; align-items: center; width: 100%;padding: 15px 0;background-color: #cfdfe2;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px; font-size: 20px; font-weight: 900; color: #005D6E; margin-top: 10px } .envio-gratuito img{width:45px;margin-right: 10px} @media screen and (min-width:1024px){ .envio-gratuito img{width:50px} } @media only screen and (max-width:1720px) { .envio-gratuito{font-size: 18px} } @media only screen and (max-width:1630px) { .envio-gratuito{font-size: 16px} } @media only screen and (max-width:1538px) { .envio-gratuito{font-size: 12px} } @media only screen and (max-width:1440px) { .envio-gratuito{font-size: 16px} } .ico-rel img{width: 34px; height: auto;} @media screen and (max-width:740px){ #fitxa-boto{ width: 100%;} #fitxa-boto a.boto{ width: 100%; padding: 10px 0; font-size: 16px; font-weight: 800; text-transform: uppercase} .nav-tabs{border-top: 1px solid #fff !important;border-bottom: none !important} .nav-tabs > li{width: 100%;margin-bottom: 0} .nav-tabs > li > a {border-radius: 0; border-bottom: 1px solid #fff !important; font-size: 16px} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border-bottom: 1px solid #fff !important} } /************************************************************************POPUPS********************************************************************/ #popup{background:#fff} #popup h3{color:#005D6E;font-size:16px;padding-bottom:15px} #popup p{font-size:11px} #popup fieldset.fizq{padding-right:20px} #popup fieldset{border:medium none;float:left;height:50px;width:210px} #popup form fieldset p{float:left;height:18px;margin-bottom:0;margin-top:3px;width:210px} #popup fieldset input,#popup fieldset select,#popup fieldset textarea{width:210px;border:1px solid #959599;color:#8C8B8C} #popup input{ border:1px solid #959599;color:#55555C;font-family:Arial,Helvetica,sans-serif;font-size:11px;height:18px} #popup fieldset.alto1{height:95px} #popup fieldset.alto2{height:125px} #popup fieldset.largo{width:440px} #popup #captha{width:440px;text-align:center;width:700px} #popup #captha p{padding-bottom:5px;color:#19171A} #popup form i{color:#005D6E;float:left;font-style:normal;margin:3px 20px 0 0;font-size:10px} #popup form em{color:#D06B27;padding:0 5px 0 0} #popup fieldset textarea{width:440px;border:1px solid #959599;color:#55555C;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px} #popup hr{background:#005D6E;color:#005D6E;border:0 none;clear:both;height:1px;margin:20px 0;width:443px} #popup #captha{width:440px} #popup .cerrar{float:right;color:#005D6E;text-decoration:none;font-size:11px} /*********************************************************************FOOTER********************************************************************/ /*followfotter*/ #followfotter{text-align:center;width:203px;height:75px;position:absolute;bottom:0;right:10px;background-image:url('../imgs/bg-dejanos.png');background-repeat:no-repeat;padding:25px 0px;color:#005D6E;font-weight:bold;font-size:12px} #followfotter a{color:#005D6E;text-decoration:none} /*footer*/ #footer{background-color:#005d6e} #footer-links,#footer-arti{padding-top:30px;padding-left:20px;font-size:11px;color:#fff} #footer-links a,#footer-arti a{text-decoration:none;color:#fff} #footer-links a:hover,#footer-arti a:hover{text-decoration:none;color:#80aeb7} #footer-links img{float:left} #footer-dades{padding-top:30px;padding-right:20px;font-size:11px;color:#fff;text-align:right} #footer-dades a{text-decoration:none;color:#FFF} #footer-dades a:hover{text-decoration:none;color:#80aeb7} #footer-pago{font-size:11px;padding-left:2%;padding-right:2%;padding-top:0} #footer-pago h6{color:#fff;font-size:11px;padding-bottom:10px} #footer-pago-right{text-align:right} #footer-pago-left a{margin-right:8px;float:left} #footer-pago-right a{margin-left:8px;float:right} #footer .vermell{color:#D06B27} #footer-pago-left p strong,#footer-pago-right strong{color:#fff;padding-bottom:10px;display:inline-block} .footer-dades-mobile{display: none} @media screen and (max-width:640px){ #footer{background-color:#e8e8e9;text-align: center} #footer-links,#footer-arti{padding-right: 20px;font-size:13px;color:#000} #footer-links a:hover,#footer-arti a:hover{text-decoration:none;color:#005D6E} #footer-links a,#footer-arti a{color:#000} .footer-dades-desktop{display: none} .footer-dades-mobile{display: block} #footer .footer-dades-mobile .vermell{color:#000} #footer-dades a{color:#000} #footer-dades a:hover{color:#000} #footer-pago{display: none} .footer-dades-mobile p{ padding-bottom: 10px} #footer h4{ font-size: 16px;padding-bottom: 5px} .footer-dades-mobile h4.tit-nudo{ padding-top: 30px;background-image:url(../imgs/ico-nudo.png);background-repeat:no-repeat;background-position:center top;background-size:30px auto} } /********** TEXTS **********/ .info{font-size:10px;font-weight:bold;color:#D06B27} .text-informatiu{font-size:10px;color:#005d6e;text-align:right;width:236px;font-weight:bold;margin-bottom:10px;margin-top:-10px} .text-informatiu-graella{font-size:10px;color:#005d6e;margin-top:10px;margin-left:20px;font-weight:bold} /********** SUBMENU **********/ /*estructura*/ #peu_txt_nens_variable{font-size:9px;color:#FFF;margin-left:15px} .code{ border:1px solid #ccc;list-style-type:decimal-leading-zero;padding:5px;margin:0} .code code{ display:block;padding:3px;margin-bottom:0} .code li{ background:#ddd;border:1px solid #ccc;margin:0 0 2px 2.2em} .indent1{ padding-left:1em} .indent2{ padding-left:2em} /*llista de naixement*/ /************** landingpade STOKKE ************************/ #top{height:108px} #stokke #menu-top{width:750px;padding-right:21px;font-weight:bold} #stokke #menu-inicio{width:150px;float:left;padding-left:21px;font-weight:bold} #stokke #producte-home-esq{padding:0 20px 20px 0;width:294px;height:294px} #stokke #producte-home-esq img{position:absolute;margin:0} #stokke #producte-home-esq a:link,#stokke #producte-home-esq a:visited{text-decoration:none} #stokke #producte-home-esq em,#stokke #producte-home-esq a:link em, #stokke #producte-home-esq a:visited em{position:absolute;margin:262px 0 0 0;color:#D06B27;font-size:15px;display:block;width:294px;font-style:normal;text-align:center;font-weight:bold;font-family:Arial,Helvetica,sans-serif;text-decoration:none} #stokke #producte-home-esq sup{font-size:11px} .cen{margin-left:150px} #stokke .banner{width:452px;height:200px;margin-bottom:22px;margin-right:22px;font-size:14px;font-family:Arial,Helvetica,sans-serif;float:left} #stokke .banner h3{color:#D06B27;font-size:19px} #stokke .banner h4{color:#000;font-size:12px} #stokke .banner h5{color:#D06B27;font-size:11px;margin-top:5px} #stokke .banner h6{color:#000;font-size:19px} #stokke .banner p{margin-top:5px;margin-bottom:5px} #stokke .banner b{color:#D06B27} #stokke .banner em{font-size:12px;font-style:normal} #stokke .banner .marco{width:452px;height:200px;position:absolute} #stokke .banner .txt1{width:275px;height:176px;position:absolute;margin:20px 0px 0 160px} #stokke .banner .txt1 em{font-style:normal;color:#005D6E;font-size:13px} #stokke .banner .txt1 b{color:#D06B27} #stokke .banner .txt2{width:452px;height:176px;position:absolute;margin:20px 0px 0 0px;text-align:center} #stokke .banner .txt2 img{margin-top:10px} #stokke .banner2{width:926px;height:214px;margin:25px 0} #stokke #content h2{display:block;width:900px;text-align:center;color:#D06B27;font-size:21px;margin-bottom:25px;font-family:Arial,Helvetica,sans-serif} #stokke sup{font-size:11px} #stokke .banner .txt3{width:330px;height:166px;position:absolute;margin:30px 0px 0 560px;text-align:right} #stokke .banner .txt3 h3{color:#D06B27;margin-bottom:15px} #stokke .compartir{ float:left;width:926px;margin-bottom:22px} #stokke .enviar_amigo:link,#stokke .enviar_amigo:visited{background:url("../stokke/imgs/i_enviar.jpg") no-repeat scroll 0 0 transparent;color:#9B9A9B;display:block;float:left;margin-top:0;padding:7px 0 10px 45px;width:300px;text-decoration:none;font-size:13px} #stokke .redes{float:right;width:170px} #stokke .redes p{margin-bottom:5px;text-align:justify;float:left;padding-top:7px;width:100px;font-size:13px} .error{font-size:21px;color:#D06B27;font-weight:bold;font-variant:normal;font-family:Verdana,Geneva,sans-serif} /*----- MENU AREA CLIENT -----*/ .cistella-producte-text p br{margin-bottom:6px} .titol_globus{font-size:18px;font-weight:bold;color:#D06B27} /*new home*/ .producte-subtitol-mas{font-size:12px;font-weight:bold;color:#005d6e;text-align:justify;padding-bottom:10px} /*social_box*/ #visita_box{bottom:0;position:absolute;min-height:273px} #visita{width:152px;padding:18px 20px 17px 16px;background-color:#cfdfe2;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;text-align:right;float:left;min-height:238px} #visita h5{color:#005D6E;margin-bottom:5px} #visita p{font-size:11px} #visita a:link,#visita a:visited{color:#005D6E;font-size:10px;margin-top:5px;display:inline-block;text-decoration:none} #visita a:link em,#visita a:visited em{color:#000;font-style:normal} /*new empresa*/ .framemapa iframe{border:2px solid #005D6E;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px} /*form dejanos*/ body.formdejanos{background-image:none;background-color:#fff;padding:20px} .formdejanos h1,.formdejanos h2{color:#005D6E;font-size:12px;font-weight:bold;padding-bottom:15px} .formdejanos p{color:#2B2B33;float:left;font-size:11px;font-weight:normal;height:auto} .form_dejanos label{color:#2B2B33;float:left;font-size:11px;font-weight:normal;width:100%;padding-bottom:5px} .form_dejanos input[type="text"],.form_dejanos textarea{width:100%;margin-bottom:5px} .form_dejanos em{float:left;color:#005D6E;font-style:normal;font-size:11px} @media only screen and (max-width:640px) { .formdejanos h1,.formdejanos h2{font-size:16px} .formdejanos p,.form_dejanos label,a.mail,.form_dejanos em{font-size:16px !important} .form_dejanos input[type="text"]{color: #55555C;font-size: 14px;border: #e8e9ea solid 1px;height: 35px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 2px 3px 3px 3px} .form_dejanos textarea{color: #55555C;font-size: 14px;border: #e8e9ea solid 1px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 2px 3px 3px 3px} } .form_dejanos input[type="submit"],.formdejanos input[type="button"]{background-color:#0e5d6d;float:right;border:none;color:#fff;font-size:11px;padding:2px 5px;cursor:pointer} @media only screen and (max-width:640px) { .form_dejanos input[type="submit"]{padding: 8px 10px;font-size: 13px;font-weight: bold;text-decoration: none;color: #FFF;background-color: #005d6e;min-height: 34px;display: block;float: right;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;text-transform: uppercase;width:100%;margin-top: 20px;margin-bottom: 0px !important} } .form_dejanos input[type="submit"]:hover,.formdejanos input[type="button"]:hover{background-color:#D06B27} .formdejanos input[type="button"]{position:absolute;bottom:20px;right:20px} .formdejanos hr{clear:both;border:0;color:#d5d5d6;background-color:#d5d5d6;height:1px;width:100%;margin-top:20px;margin-bottom:20px;display:inline-block} /*pluguin facebook*/ .uiStreamLargeHeadline .uiStreamStory .uiStreamHeadline{font-size:11px;line-height:1} #pagina-estatica-text a{color:#000} /*banners*/ #banners img{width:100%;height:auto} /**XEC REGAL**/ .titolxec{ font-family:Open Sans;font-size:32px;color:#005D6E;font-weight:bold;text-align:center;margin-bottom:20px} .bannerxec{ background-color:#005D6E;color:#FFFFFF;border-radius:10px;text-align:center;font-family:Open Sans;font-size:20px;font-weight:700;padding:8px;margin:10px 0px;line-height:40px;margin-bottom:20px} .txtxec{ font-family:Open Sans;font-size:14px;color:#005D6E;font-weight:700;text-align:left;margin-bottom:15px} /*new forms*/ #cistella-registre-formulari .form-group {margin-bottom:10px} #cistella-registre-formulari .form-control{box-shadow: none;margin-top:8px;font-size:16px} @media only screen and (max-width:640px) { /*#cistella-registre-formulari .form-control#telefon{margin-bottom: 20px}*/ #cistella-registre-formulari-peu{margin-top: 20px} #cistella-registre-formulari input#cognoms{ margin-bottom: 20px} } #cistella-registre-formulari a.boto,#cistella-producte a.boto,#cistella-producte button.boto,#cistella-producte-botons a.boto,#cistella-producte-botons button.boto,#registre-boto a.boto,a.boto#registre-boto{padding:8px 10px;font-size:13px;font-weight:bold;text-decoration:none;color:#FFF;background-color:#005d6e;min-height:34px;display:block;float:right;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;text-transform:uppercase} @media only screen and (max-width:640px) { /*new forms*/ #cistella-registre-formulari .form-group {padding-bottom: 10px;margin-bottom:0} #cistella-registre-formulari a.boto,#cistella-producte a.boto,#registre-boto a.boto,a.boto#registre-boto{width:100%;text-align: center} #cistella-producte #registre-nou-cistella a.boto,#cistella-producte #registre-cistella-boto a.boto{width:100%} #registre-nou-cistella #registre-cistella-text {padding: 30px 0px 30px} } #cistella-producte .lista-4 a.boto{ width:100%} #cistella-producte a.boto{ margin-bottom:2px} @media only screen and (max-width:640px) { #cistella-producte a.boto{margin-top: 20px;margin-bottom: 0px !important} #cistella-registre-formulari label {display: none} } #cistella-registre-formulari a.boto:hover,#cistella-producte a.boto:hover{text-decoration:none;color:#FFF;background-color:#D06B27} #taula-botons a.boto,#cistella-registre-formulari-peu a.boto,#cistella-producte-botons a.boto{ margin-left:8px} #cistella-producte .acces_llista.left a.boto,#cistella-producte .cistella-producte-codipromo a.boto,a.boto#registre-boto{ float:left} @media only screen and (max-width:740px) { #cistella-producte .acces_llista.left a.boto{ margin-top: 60px} .acces_llista.left{min-height: 154px;} #cistella-producte form[name="regl"] a.boto { margin-top: 0px; margin-bottom: 20px !important; } } #cistella-registre-formulari hr{margin-bottom:35px;margin-top: 45px} @media only screen and (max-width:768px) { #cistella-registre-formulari hr{margin-bottom:5px} } .cistella-producte-titol.tit_recoger{padding-bottom:35px;font-size:18px;display:flex;align-items:start} @media only screen and (max-width:640px) { .cistella-producte-titol.tit_recoger{padding-bottom:15px; font-size: 16px} } .cistella-producte-titol.tit_recoger em{color:#000;font-style:normal} .cistella-producte-titol.tit_recoger input{margin:8px 0 0} .cistella-producte-text.datos_envio{width:30%} .form_observaciones{float:left;width:70%} @media only screen and (max-width: 740px) { .cistella-producte-text.datos_envio, .form_observaciones{width:100%} .form_observaciones{padding-left: 0 !important} } .cistella-producte-codipromo input.form-control{width:30%} .cistella-producte-codipromo p{padding-top:5px} #xec_regal.form-control{width:50px;text-align:right;display:inherit} .deseo_factura{margin-bottom:20px} .cistella-producte-form-pagament-input-text.deseo_factura{font-size:18px;color:#005d6e;font-weight:bold} .cistella-producte-form-pagament-input-radio.deseo_factura{font-size:18px;color:#005d6e} #toggle-factura #cistella-registre-formulari-peu{padding-top: 0} .col-search .form-control{ display:inline} form fieldset .form-group{float:left;width: 50%} form fieldset .form-group:nth-child(1){ padding-right: 2.8%} form fieldset .form-group.group-large{float:left;width:100%} form fieldset .form-group.group-large:nth-child(1){ padding-right: 0} .txtenviosdev p{ margin-bottom:10px !important} @media only screen and (max-width:768px) { form fieldset .form-group{width:100%} form fieldset .form-group:nth-child(1){ padding-right: 0} } @media only screen and (min-width:481px) { #fitxa-bloc-esq{width:220px;margin-right:20px} #fitxa-bloc-esq-img{width:220px} #fitxa-bloc-dt{width:calc(100% - 240px)} } @media only screen and (min-width:641px) { #fitxa-bloc-esq{width:420px;margin-right:20px} #fitxa-bloc-esq-img{width:420px} #fitxa-bloc-dt{width:calc(100% - 440px)} } @media only screen and (max-width:480px) { .affix {position: relative} } .div_politica{clear: both;color: #2b2b33;font-size: 11px;float:left;margin-top:10px} .popover {padding: 0;max-width: inherit;border: 1px solid #cdcccf;border-radius: 15px;-webkit-box-shadow:none;box-shadow: none;overflow: hidden} .popover-content {padding: 0 !important} .pagina-empresa #pagina-estatica-text{ font-size: 14px} .pagina-empresa #pagina-estatica-text p{ padding-bottom: 10px} .pagina-empresa #pagina-estatica-text h2{ font-size: 14px;font-weight: 700} .pagina-empresa #pagina-estatica-text h3{ font-size: 14px;font-weight: 700} .pagina-empresa #pagina-estatica-text a{ font-size: 14px} .pagina-empresa .text-negreta-color{font-size: 14px;font-weight: 700} .txt-parking{ float: right} #parking-client strong{background-image:none;background-repeat:no-repeat;background-position:left center;background-size:20px 20px;padding:5px 0 5px 0px} .tooltippop{float: right;width: 20px;height: 20px;background-image:url(../imgs/parking.png);background-repeat:no-repeat;background-position:center center;background-size:20px 20px;padding:0px 0 0px 30px;text-indent: -9999px;cursor: pointer} .tooltip_templates { display: none} .tooltipster-sidetip .tooltipster-box {background: #cdcccf !important;border: 1px solid #cdcccf !important;border-radius: 15px !important;} .tootipster-base{ height: 400px !important;/*margin-left: -198px*/} .tooltipster-sidetip .tooltipster-content {padding: 0 !important;overflow: hidden;border-radius: 15px !important} .tooltipster-sidetip .tooltipster-content img{border-radius: 15px !important} .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {border-bottom-color: #cdcccf !important} .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #cdcccf !important} /*header-mobile*/ .header-mobile-box{ display: inline-block;width: 100%;padding: 22px 0 5px;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1} .burguer-mobile {float: left;width: 85px} /*ico-lupa.png*/ .navbar-toggle .icon-bar{height:2px;width:30px;background-color: #005D6E} .navbar-toggle .icon-bar + .icon-bar {margin-top: 8px} .navbar-toggle[aria-expanded="true"] .icon-bar{transform:rotate(45deg) translate(4px, 7px)} .navbar-toggle[aria-expanded="true"] .icon-bar + .icon-bar { display: none} .navbar-toggle[aria-expanded="true"] .icon-bar + .icon-bar + .icon-bar {display: inline-block;transform:rotate(-45deg) translate(0px, -3px)} .logo-mobile {float: left;width: calc(100% - 180px);text-align: center} .logo-mobile img{width: 70px} .user-mobile {float: left;width: 95px;padding-right: 10px} .header-mobile .navbar-toggle {float: left;width: 40px;margin-top: 0} .header-mobile .search-toggle {float: left;width: 30px;height: 30px;background-image: url(../imgs/ico-lupa.png);background-repeat: no-repeat;background-position: center center;background-size: 30px auto;border: none;background-color: transparent;margin-left: 10px;margin-top: 5px} .user-toggle {float: left;width: 40px;height: 40px;background-image: url(../imgs/ico-user.png);background-repeat: no-repeat;background-position: center center;background-size: 25px auto;border: none;background-color: transparent;margin-top: 0} .see-basket {float: left;width: 40px;height: 40px;background-image: url(../imgs/ico-shop-off.png);background-repeat: no-repeat;background-position: center center;background-size: 40px auto;border: none;background-color: transparent;position: relative;margin-top: -3px} .see-basket.see-basket-on {background-image: url(../imgs/ico-shop-on.png)} .see-basket.see-basket-llista {background-image: url(../imgs/ico-menu-llistanado.png)} .see-basket label{position: absolute;top: 2px; right: 0;width: 15px;height: 15px;background-color: #D06B27;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius: 999px;z-index: 2;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 12px} @media only screen and (max-width:767px) { #buscador-mob #menu-esq-cercador input {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius: 3px;color: #55555C;font-size: 14px;border: #e8e9ea solid 1px;height: 35px} #buscador-mob ::-webkit-input-placeholder, .form-control::-webkit-input-placeholder{ /* Edge */color: #bababa} #buscador-mob :-ms-input-placeholder, .form-control:-ms-input-placeholder{ /* Internet Explorer 10-11 */color: #bababa} #buscador-mob ::placeholder, .form-control::placeholder{color: #bababa;opacity: 1} #buscador-mob ::-ms-input-placeholder, .form-control::-ms-input-placeholder{ /* Microsoft Edge */color: #bababa} } #acces-mob #registre{ padding:10px 20px 10px 20px!important;background-color:#fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin:0;border-bottom:1px solid #005d6e} #acces-mob #registre-toggle{padding-left:20px;padding-right:20px;overflow:hidden} #acces-mob .form-control{ font-weight:normal;border: #e8e9ea solid 1px;-webkit-box-shadow: none;box-shadow: none} @media only screen and (min-width:768px) and (max-width:802px) { #menu-esq-cercador {padding: 12px 20px 20px 20px} } @media only screen and (max-width:767px) { #menu-esq-cercador {padding: 12px 0px 20px 0px} #menu-esq-cercador input{ width: 100% !important} #menu-esq-cercador-boto {display: none} .tit-cerc-mob{display: none} } @media only screen and (min-width:766px) and (max-width:767px) { #registre{ padding:0 0 10px 0!important;background-color:#D06B27;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin:0;border-bottom:1px solid #005d6e} #registre.caixa_registre p{cursor:pointer;text-align:left;font-size:13px;color:#fff;padding-left:20px;padding-right:20px;padding-top:10px!important} #registre-toggle{display:none;padding-left:20px;padding-right:20px;overflow:hidden} #registre-links a:link,#registre-links a:visited,#registre-links a:hover {color: #fff!important} #registre p br{display:none} /*button descargar lista articulos*/ #llista-articles{padding-top:10px!important;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin-bottom:0;border-bottom:1px solid #005d6e;text-align:left;padding-left:20px;text-transform:capitalize} #llista-articles br{display:none} #llista-articles img{display:none} #llista-articles div{float:left!important} /*menu esquerra*/ #menu-esq{width:100%;background-color:#ccdfe2;padding-top:0;padding-bottom:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin-bottom:0} #menu-esq-titol,#menu-esq-titol-prod{border-bottom:1px solid #005d6e;cursor:pointer;padding:10px 15px 10px 20px} #menu-esq-familia,#menu-esq-prod{display:none} } @media only screen and (max-width:767px) { #menu-esq{width:calc(100% - 40px);background-color:#fff;padding-top:0;padding-bottom:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin-bottom:0;margin-left: 20px;margin-right: 20px} #menu-esq-titol,#menu-esq-titol-prod{font-size: 16px;font-weight: 400;border-bottom:1px solid #eeefef;cursor:pointer;padding:10px 0px 10px 0px;background-image: url(../imgs/ico-menu-down.png);background-position: right center;background-repeat: no-repeat;background-size:18px auto /*12px auto*/} #menu-esq-familia,#menu-esq-prod{display:none} } #buscador-mob #menu-esq {border-bottom: 1px solid #eeefef} .header-mobile .navbar-nav{ float: left;width:calc(100% - 40px);margin: 0 20px 0} .header-mobile .navbar-nav li a:link,.header-mobile .navbar-nav li a:visited,.header-mobile .navbar-nav li a:hover{color: #005d6e;font-size: 16px;font-weight: 400;border-bottom:1px solid #eeefef;cursor:pointer;padding:10px 0px 10px 0px;background-image: url(../imgs/ico-menu.png);background-position: right center;background-repeat: no-repeat;background-size: 12px auto} .header-mobile .navbar-nav li a:hover{background-color: transparent } .extra-mobile {float: left;width: 100%;background-color: #f2f2f2;padding:0px 20px 0px 20px} .extra-file {padding:10px 0px 10px 0px;border-bottom:1px solid #e1e1e1} .extra-file .ico{display: inline-block;width: 100%;padding: 10px 0 10px 50px;background-position: left center;background-repeat: no-repeat;background-size: 40px auto;font-size: 16px} .extra-file .ico a:link,.extra-file .ico a:visited,.extra-file .ico a:hover{font-size: 16px;color: #000000;text-decoration: none} .lang-mobile .ico{background-image: url(../imgs/ico-idioma.png)} .dejanos-mobile .ico{background-image: url(../imgs/ico-mensaje.png)} .lista-mobile .ico{background-image: url(../imgs/ico-descargar.png)} .parking-mobile .ico{background-image: url(../imgs/ico-parking.png);color: #D06B27} .lista-mobile .ico br{display:none} .lang-mobile .ico select{-webkit-appearance:none;-moz-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; border: none; background-color: transparent; background-image: url(../imgs/ico-menu-down.png); background-repeat: no-repeat; background-position: right 55%; background-size: 13px auto; padding-right: 18px;margin-left: 10px} .header-mobile ul#submenu li {border-top-width: 0px !important;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #eeefef;background-color: transparent;text-align: left} .header-mobile a.familia {background-color: #FFF;color: #005d6e;padding: 10px 0 !important} .header-mobile a.subfamilia {font-size: 13px;padding: 10px 0 !important} .fordenacio-box{float:left; padding-top: 10px;} .fordenacio-box{color: #005d6e} @media only screen and (max-width:640px) { .fordenacio-box{ width: 100%; font-size: 16px !important} .fordenacio-box select{width: 100%; height: 30px; margin: 10px 0} #num-productes{margin-left: 0; margin-top: 10px !important} #num-productes .selected {font-size: 16px} #pagines,#pagines-bottom{ width: 100%;} #pagines-bottom{margin-right: 0px;} .paginacio ul {float: left;font-size: 16px} .paginacio li {float: left; padding: 0 4px 0 0} .paginacio a.currentpage,.paginacio a.normal, .paginacio a.normal:visited, .paginacio a.normal:active{-webkit-border-radius:9999px;-moz-border-radius:9999px;border-radius: 9999px;} .paginacio a.currentpage,.paginacio a.normal, .paginacio a.normal:visited, .paginacio a.normal:active { padding: 0; /*text-decoration: none; color: #FFF; background-color: #005d6e; font-weight: bold;*/ width: 30px; height: 30px; display: flex; align-items: center; flex-flow: row nowrap; justify-content: center; } h1 {font-size: 16px} .graella-productes h1{margin-top: 10px} #txt_descripcio p {font-size: 16px} } #menu-esq-familia img{ max-width: 100%; } .success-popup { padding: 20px; } .success-popup .boto { margin: 0 10px; padding: 8px 10px; font-size: 14px; font-weight: bold; text-decoration: none; color: #FFF; background-color: #005d6e; min-height: 34px; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-transform: uppercase; float: none; } .success-popup-botons { margin-top: 16px; text-align: center; } /* Cambios/devoluciones */ .infoenvios { display: inline-block; width: 20px; height: 20px; background-color: white; font-size: 16px; border-radius: 100%; text-decoration: none !important; transform: scale(.6); } .return-box { padding: 20px; } .return-box__content { max-width: 500px; } .return-box__title { font-weight: 700; font-size: 14px; margin-bottom: 8px; } .return-box label { display: block; } .return-box__label { display: block; margin-bottom: 8px; } .return-box__input { display: block !important; padding: 4px 6px !important; height: auto !important; width: 100% !important; text-align: left !important; font-size: 14px !important; } .return-box__input.short { max-width: 10em !important; } .pedido-info-cambios-devoluciones ol li { margin-top: 1em; } .pedido-info-cambios-devoluciones ol li:first-child { margin-top: 0; } .devolucions h1 { color: #005D6E; font-size: 26px; font-weight: 400; } .devolucions h2 { color: #005d6e; font-size: 18px; font-weight: 400; } .devolucions-confirmar-taula-productes { margin-top: 2rem; margin-bottom: 2rem; } .devolucions-confirmar-taula-productes div.row { display: flex; border-bottom: 1px solid #ccccc2; font-size: 16px; color: #0c5969; font-weight: bold; text-align: right; box-sizing: border-box; overflow: hidden; } .devolucions-confirmar-taula-productes div.row > div { float: left; padding: 1rem 1rem; } .devolucions-confirmar-taula-productes div.col-valor { color: #d06b27; } .devolucions-confirmar-taula-productes div.row > div:nth-child(1) { text-align: left; width: 50%; flex: 1 0 auto; } .devolucions-confirmar-taula-productes div.row > div:nth-child(2) { width: 25%; flex: 0 0 8em; } .devolucions-confirmar-taula-productes div.row > div:nth-child(3) { width: 25%; flex: 0 0 8em; } .devolucions-confirmar-taula-productes div.row-gastos-envio { border-bottom: none; padding-top: 1rem; } .devolucions-confirmar-taula-productes div.row-total { padding-bottom: 1rem; } .devolucions .toggle-factura p.intro { margin: 1rem 0; font-size: 16px; } .devolucions #cistella-registre-formulari-peu { padding-top: 0; } /** * Date picker for list * (fix problems, probably due to mismatch version of js and css) */ .ui-datepicker { width: 17em; display: none; background: white; padding: .5rem .5rem; border-radius: 2px; border: 1px solid #DDD; } .ui-datepicker-prev, .ui-datepicker-next { position: absolute; top: .75rem; cursor: pointer; } .ui-datepicker-prev { left: .5rem; } .ui-datepicker-next { right: .5rem; } .ui-datepicker .ui-datepicker-title { display: block; text-align: center; margin-top: .25rem; } .ui-datepicker table:last-child { margin-bottom: 0; } p.header-horari-especial-covid { margin-top: 2px; } p.header-horari-especial-covid a { display: inline-block; font-weight: bold; text-transform: uppercase; color: #D06B27; padding: 2px 6px; border: 1px solid #D06B27; border-radius: 5px; } #fancybox-horari-especial-covid { max-width: 40rem; }