@font-face {  font-family: 'GRegular'; src: url('../fonts/georgia-webfont.eot');  src:  url('../fonts/georgia-webfont.ttf') format('truetype');  font-weight: normal;  font-style: normal;}
@font-face {  font-family: 'GBold'; src: url('../fonts/georgiab-webfont.eot');  src:    url('../fonts/georgiab-webfont.ttf') format('truetype');  font-weight: normal;  font-style: normal;}


@font-face {    font-family: 'Bold';    src: url('../fonts/DMSans-Bold.eot');    src: url('../fonts/DMSans-Bold.eot?#iefix') format('embedded-opentype'),        url('../fonts/DMSans-Bold.woff2') format('woff2'),        url('../fonts/DMSans-Bold.woff') format('woff'),        url('../fonts/DMSans-Bold.ttf') format('truetype'),        url('../fonts/DMSans-Bold.svg#DMSans-Bold') format('svg');    font-weight: bold;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Regular';    src: url('../fonts/DMSans-Regular.eot');    src: url('../fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),        url('../fonts/DMSans-Regular.woff2') format('woff2'),        url('../fonts/DMSans-Regular.woff') format('woff'),        url('../fonts/DMSans-Regular.ttf') format('truetype'),        url('../fonts/DMSans-Regular.svg#DMSans-Regular') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Light';    src: url('../fonts/DMSans-Light.eot');    src: url('../fonts/DMSans-Light.eot?#iefix') format('embedded-opentype'),        url('../fonts/DMSans-Light.woff2') format('woff2'),        url('../fonts/DMSans-Light.woff') format('woff'),        url('../fonts/DMSans-Light.ttf') format('truetype'),        url('../fonts/DMSans-Light.svg#DMSans-Light') format('svg');    font-weight: 300;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'SemiBold';    src: url('../fonts/DMSans-Medium.eot');    src: url('../fonts/DMSans-Medium.eot?#iefix') format('embedded-opentype'),        url('../fonts/DMSans-Medium.woff2') format('woff2'),        url('../fonts/DMSans-Medium.woff') format('woff'),        url('../fonts/DMSans-Medium.ttf') format('truetype'),        url('../fonts/DMSans-Medium.svg#DMSans-Medium') format('svg');    font-weight: 500;    font-style: normal;    font-display: swap;}

@font-face {    font-family: 'Billie';    src: url('../fonts/BillieEilish-Regular.eot');    src: url('../fonts/BillieEilish-Regular.eot?#iefix') format('embedded-opentype'),        url('../fonts/BillieEilish-Regular.woff') format('woff'),        url('../fonts/BillieEilish-Regular.ttf') format('truetype'),
        url('../fonts/BillieEilish-Regular.svg#BillieEilish-Regular') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}


a:focus {
    outline: 1px auto -webkit-focus-ring-color !important;
}

.gridcesto {display: grid;grid-template-columns: 120px 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 20px;grid-row-gap: 0px; border: 1px solid #cccccc; background-color: #ffffff; padding: 2%; line-height: 2.6rem; font-size: 1.6rem; margin-bottom: 25px;}
.gridcesto1 { grid-area: 1 / 1 / 2 / 2;}
.gridcesto2 { grid-area: 1 / 2 / 2 / 3; background-color: #f2f2f2;padding:12px; }
.gridcesto3 { grid-area: 2 / 2 / 3 / 2;margin-top:10px;}
.gridcesto4 { grid-area: 2 / 2 / 3 / 3;margin-top:10px; }
.gridcesto5 { grid-area: 3 / 2 / 4 / 3; }
.gridcesto6 { grid-area: 4 / 2 / 5 / 3;text-align: right; line-height: 2.6rem; font-size: 2.1rem;margin-top:1rem;background-color:#FAF6EB; padding:1rem; }

.gridcesto2 h4 {    font-family: 'Semibold', Arial, Helvetica, sans-serif;    font-size: 21px;    line-height: 22px;    color: #414141;    font-weight: normal;    font-style: normal;    margin:0px;}

.gridcestolista {display: grid;grid-template-columns: 120px 1fr;grid-template-rows: repeat(5, auto);grid-column-gap: 20px;grid-row-gap: 0px; border: 1px solid #cccccc; background-color: #ffffff; padding: 2%; line-height: 2.6rem; font-size: 1.6rem; margin-bottom: 25px;}
.gridcestolista1 { grid-area: 1 / 1 / 2 / 2;}
.gridcestolista2 { grid-area: 1 / 2 / 2 / 3; background-color: #f2f2f2;padding:12px; }
.gridcestolista3 { grid-area: 2 / 2 / 3 / 3;margin-top:10px;}
.gridcestolista4 { grid-area: 3 / 2 / 4 / 3; }
.gridcestolista5 { grid-area: 4 / 2 / 5 / 3; }
.gridcestolista7 { grid-area:5 / 2 / 6 / 3;; text-align: right; line-height: 2.6rem; font-size: 2.1rem;margin-top:10px;background-color:#FAF6EB; padding:10px;}
.gridcestolista6 { grid-area:2 / 1 / 3 / 2; text-align: center; line-height: 2.6rem; font-size: 2.1rem;margin-top:10px;background-color:#FAF6EB; padding:10px;}
.gridcestolista2 h4 {    font-family: 'Semibold', Arial, Helvetica, sans-serif;    font-size: 21px;    line-height: 22px;    color: #414141;    font-weight: normal;    font-style: normal;    margin:0px;}



input.error, select.error, textarea.error {    border: 1px solid red !important;    background-color: rgba(255, 0, 0, 0.05);}
label.error {    font-family: 'Regular';    color: red;    padding: 0 0 1rem 1rem;    font-size: 1.2rem;    line-height: 1.6rem;    font-weight: 400;    margin: 0px 0px 6px 0px;}
.mm-selected a{	color:#212121 !important;	background-color: rgba(0, 0, 0, 0.01);	background-size: cover;}
#conformitat-error {    position: absolute;    top: 24px;    min-width: 220px;}

/*NEWS CSS*/

.detallescesto{width: 20%; display: inline-block; padding:14px; background-color: #E3C0AA; border-radius: 6px 6px 0 0 ; margin-left: 1%;min-height:65px;}
.detallescesto2{width: max-content; display: inline-block; padding:1.5rem; background-color: #E3C0AA; border-radius: 6px 6px 0 0 ; margin-left: 1%;min-height:65px;text-align: center;font-size: 1.7rem;line-height: 2.3rem;}
#total_iva{font-size: 17px; line-height: 20px;}
#descompte_total{font-size: 17px; line-height: 20px;}
#descompte_total_usuari{font-size: 17px; line-height: 20px;}

.cantidad1{ padding: 0.5rem 2rem; display: inline-block; transition: 0.8s; background-color: #FAF6EB; color:#323232; text-transform:uppercase;  font-family: 'Bold'; font-size: 1.4rem;border-radius:4px;    border: 2px solid #a1bbba;}
.cantidad2{ padding: 0.5rem 2rem; display: inline-block; transition: 0.8s; background-color: #fff; color:#323232; text-transform:uppercase;  font-family: 'Bold'; font-size: 1.4rem;border-radius:4px; border: 1px solid #ddd; }
.cantidad3{ padding: 1px 6px; display: inline-block; transition: 0.8s; background-color: #90bba1; color:#ffffff; text-transform:uppercase;  font-family: 'Bold'; font-size: 12px;border-radius:4px;}


.alturapies{line-height: 3.5rem;}
.lasfamilias1 {display: inline-flex; background-color: #fff; border: 2px solid #ccc; padding:0.5rem 5rem;   margin: 0px 0px 1rem 0px; font-family: 'Bold'; font-size: 1.2rem; text-transform: uppercase;}
.lasfamilias2 {display: inline-flex; background-color: #A1BBBA;border-radius: 50px;padding:2px 50px;   margin: 0px 0px 10px 0px; font-family: 'Bold'; font-size: 1.2rem; text-transform: uppercase;}
.lasfamilias3 {display: inline-flex; background-color: #8fbaa0;border-radius: 50px;padding:2px 50px;   margin: 0px 0px 10px 0px; font-family: 'Bold'; font-size: 1.2rem; text-transform: uppercase;}
.lasfamilias4 {display: inline-flex; background-color: #d49e76;border-radius: 50px;padding:2px 50px;   margin: 0px 0px 10px 0px; font-family: 'Bold'; font-size: 1.2rem; text-transform: uppercase;}

#menuOpcions{display: none; position: absolute!important; top: 0px; width: 100%; height: auto; background-color: transparent; z-index: 88888;margin-top: 0px; }
.menuOpcions{display: none; position: absolute;  width: 100%; height: auto; z-index: 99999; background-color: #f3f3f3;left: 0;}

#menuOpcions2{display: none; position: absolute!important; top: 0px; width: 100%; height: auto; background-color: transparent; z-index: 88888;margin-top: 0px; }
.menuOpcions2{display: none; position: absolute;  width: 100%; height: auto; z-index: 99999; background-color: #FAEBED;left: 0;}


.los65{text-align:right;height: 65vh;}

.lasfamilias a{color: #000!important;}
.margineshome{margin-top: 10rem!important; margin-bottom: 2rem!important;}

.colocavideo{width: 53%; padding: 2px 2% 0 0;}
.dejatop{background-color:#ffffff; }
.menuScroll2{background-color: #fff;padding: 2rem!important; border-bottom: 1px solid #bbb; }
.bannerGran{display: block;}
.bannerMobile{display: none;}
.mini{    line-height: 2rem;    font-size: 1.4rem; margin-bottom: 15px;}

.solete{width:85px!important; height: auto!important;}
.colocaflor{position:absolute; width: 160px;z-index: 5;left: 43%;bottom:23px;}
.colocaflor img{ width: auto; height: 63vh;}

.sumar_producte{ margin-top: -12px;}
.restar_producte{ margin-top: -12px;}
.imagenestop{width: 100%; object-fit: cover; height: 200px; object-position: center center;}

.formato1 {display: grid;grid-template-columns: 65% 1fr;grid-template-rows: auto;grid-column-gap: 20px;grid-row-gap: 0px; background-color: #ffffff; border-radius:  12px;}
.formato1_img { grid-area: 1 / 1 / 2 / 2; position: relative; }
.formato1_text { grid-area: 1 / 2 / 2 / 3; text-align: left; display: grid; vertical-align: bottom; align-items: end;}

.formato2 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.formato2_img { grid-area: 1 / 1 / 2 / 2; position: relative; }
.formato2_text { grid-area: 2 / 1 / 3 / 2;  text-align: left;}

.maspeque{clear:both; padding: 0 3%;}
.maspeque .titProducte {    font-size: 1.5rem;    line-height: 2.1rem;}

.CajaFotoHome { background-image: url('../imgs/fons.webp'); background-position: center right; background-size: cover; margin:0rem 0; padding:10rem 0; background-color: rgba(150, 150, 150, 0.01);}

.padinews h2 {	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 2.3rem;	line-height: 2.5rem; color: #111111;	font-weight: normal; font-style: normal; margin: 0 0 10px 0;}

.nver h3 {    font-family: 'SemiBold', Arial, Helvetica, sans-serif;    font-size: 2rem;    line-height: 2rem;    color: #111;    font-weight: normal;    font-style: normal;    margin: 5px 0;}
.cajafiltros{text-align: right;}
.movimg{top: 18rem; position: sticky;}
.los5{margin-top: 5rem;}

.CabSuperior {display: grid;grid-template-columns: 11% 1fr 11%;grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px;transition: 0.5s; padding: 3rem 0;}
.CabSuperior2b {display: grid;grid-template-columns: 11% 1fr 11%;grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px; margin-top: 0px; padding:2rem 0; width: 100%; transition: 0.5s;}
.CabSuperior1 { grid-area: 1 / 1 / 2 / 2; }
.CabSuperior2 { grid-area: 1 / 2 / 2 / 3; display: flex; justify-content: center; align-items: center;}
.CabSuperior3 { grid-area: 1 / 3 / 2 / 4; text-align:right; position: relative;}

.segundocarrusel{display: none;}
.incPie2{background-color: #f3f3f3;}
/*NEWS CSS*/

/*carrusel chat*/
.ernest {  position: relative;  overflow: hidden;  width: 100%;  max-width: 800px;  margin: auto;  touch-action: pan-y;}
.ernest-track {  display: flex;  transition: transform 0.5s ease;}
.ernest-item {  min-width: 100%;  user-select: none;}
.ernest-item img {  width: 100%;  display: block;}
.ernest-button {  position: absolute;  top: 50%;  transform: translateY(-50%);  background-color: rgba(0, 0, 0, 0.4);  border: none;  color: white;  font-size: 24px;  padding: 10px;  cursor: pointer;  z-index: 10;}
.ernest-button.prev {  left: 10px;}
.ernest-button.next {  right: 10px;}
.ernest-button:hover {  background-color: rgba(0, 0, 0, 0.6);}
/*carrusel chat*/



.estructuraPeu{display: grid;grid-template-columns: 30% 7% repeat(2, 22%) 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.estructuraPeu1 { grid-area: 1 / 1 / 2 / 2; }
.estructuraPeu2 { grid-area: 2 / 1 / 3 / 2; }
.estructuraPeu3 { grid-area: 3 / 1 / 4 / 2; }
.estructuraPeu4 { grid-area: 1 / 2 / 4 / 3; }
.estructuraPeu5 { grid-area: 1 / 3 / 4 / 4; }
.estructuraPeu6 { grid-area: 1 / 4 / 4 / 5; }
.estructuraPeu7 { grid-area: 1 / 5 / 4 / 6;  text-align: center;}

.logosKit{text-align: right; display: block; margin-top: 3rem;}
.imgNext{max-width: 14rem; margin: 0 0 10px 0;}
.imgRecu{max-width: 13rem; margin: 0px 0 0px 2rem;}

.sumar_product img {margin-top: 5px;}


html{font-size: 10px}

.txtble img{margin:-3px 4px 0 0 ;}

.submenu {font-family: 'Bold'; text-transform: uppercase; font-size: 1.9rem; line-height: 1.9rem; color:#323232; }
.submenu a {padding: 0 2.5rem; color:#03303a!important;}
.verde{color:#d49e76}
.enviogratis{font-family: 'Light';  font-size: 2.2rem; line-height: 3rem; text-transform: uppercase;}
.pedidos{font-family: 'Bold';  font-size: 1.1rem; line-height: 1.2rem; text-transform: uppercase;}
.xarxessocials{text-align: center;}
.xarxessocials img{    width: 4rem !important;    margin: 1rem 0.5rem; transition: 0.5s;}
.xarxessocials img:hover{transform: scale(1.1); transition: 0.5s;}

.logosfooter{width:27px;margin:0px 15px 15px 0px; float: left;}
.peu{font-family: 'Semibold';  font-size: 1.1rem; line-height: 1.2rem; padding: 0}
.ajustPeu b{text-transform: uppercase; font-size: 1.1rem; line-height: 1.2rem;}
.hipermenu{position:relative;}
.homecategorias {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(30em, 1fr));    grid-gap: 0px;grid-column-gap: 0px;grid-row-gap: 0px;}
.laImatge{}
.laImatge img{width: 100%; object-fit:cover; height:64vh }
.elText{ position:absolute; top:30px; z-index: 21;padding:30px 0 0 40px;font-family: 'Bold'; font-size: 3.2rem; text-transform: uppercase; line-height: 2.1rem}
.elText span{font-family: 'Regular'; font-size: 1.6rem; text-transform: uppercase; line-height: 1.3rem}
.listadoproductos {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));  grid-column-gap: 2.0em;grid-row-gap: 10rem;}
.homeproductos {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));  grid-column-gap: 2.0em;grid-row-gap: 2rem;}
.homeservicios {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(43em, 1fr));  grid-column-gap: 2.0em;grid-row-gap: 5rem;     font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #474747;    line-height: 2.2rem;    font-weight: normal;    font-style: normal;    font-size: 1.4rem;}

.homeservicios img{    object-fit: cover; height: 440px;}
.homeservicios h3 {    font-family: 'SemiBold', Arial, Helvetica, sans-serif;    font-size: 2.3rem;    line-height: 3rem;    color: #111;    font-weight: normal;    font-style: normal;    margin: 5px 0;}
.adjuntos{padding:1rem; background-color:#FAF6EB;margin-top: 2rem; font-size: 1.4rem; font-family: 'Semibold';}
.agrupar{;padding: 1rem}
.padinews{padding:2%;}
.escuadra {display: grid;grid-template-columns: 15% 1fr;grid-template-rows: auto;grid-column-gap: 3%;grid-row-gap: 0px;}


.escuadradiv1 { grid-area: 1 / 1 / 2 / 2; }
.escuadradiv2 { grid-area: 1 / 2 / 2 / 3; }
.formErrorContent {width: 399px;    background-color: #e4e4e4;    position: absolute;    z-index: 22;    padding: 9px;    font-size: 1.4rem;}

.productbox {display: grid;grid-template-columns: 40% 56%;grid-template-rows: auto;grid-column-gap: 4%;grid-row-gap: 0px;}
.productboxdiv1 { grid-area: 1 / 1 / 2 / 2; }
.productboxdiv2 { grid-area: 1 / 2 / 2 / 3; }
.cajafaqs{border:1px solid #a1bbba; padding:3rem; transition: 0.5s;}
.cajafaqs:hover{border:1px solid #FAF6EB; transition: 0.5s; background-color: #FAF6EB;}

.inputayuda{font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #474747;    line-height: 1.6rem;     font-style: italic;    font-size: 1.2rem; padding:8px 14px; height: 36px; min-width: 350px;    border-radius: 4px; border:1px solid #ccc;}
.margincomment{padding: 0 15% 0 0; margin: 5px;}
body {	font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #474747;    line-height: 2.8rem;    font-weight: normal;    font-style: normal;    font-size: 1.8rem;}
.ocho{padding-left:8px;}
.desaparece ul {width: 88%}
.peque {	font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #474747;  line-height: 2.6rem;    font-weight: normal;    font-style: normal;    font-size: 1.6rem;	}
.azulin {	font-family: 'Bold' ,Arial, Helvetica, sans-serif;    color: #e1ebf3;   line-height: 20px;    font-weight: normal;    font-style: normal;    font-size: 15px;}
.minimaaltura{min-height:69px;}
.marquines{text-align:center;background-color:#e4e4e4;font-family: 'Semibold'; font-size: 14px;padding:4px 11px; }
.dropdown-menu > li > table > tbody > tr > td > h2 > a {  font-family: 'Bold';     margin: 0px 0 0px 0; line-height: 20px;}
.dropdown-menu > li > table > tbody > tr > td > h2  {  margin: 0px 0 0px 0;}
.dropdown-menu > li > table > tbody > tr > td > h3 > a {  font-family: 'Semibold'; font-size: 11px;    line-height: 14px; border-bottom: 1px dotted #ababab;}
.dropdown-menu > li > table > tbody > tr > td > h4 > a {  font-size: 15px;    line-height: 16px; margin:0 0 0 5px!important;}
.dropdown-menu > li > table > tbody > tr > td > h4  {  margin:0;}
.gramatica{text-align: left;}
.gramatica img{width: 58px;padding:0 5px; display: inline-block;}
.peuDret{font-family: 'Bold'; font-size: 12px;line-height: 15px; letter-spacing: 0; min-height: 120px!important;}
.tab-pane p {font-family: 'Regular'; font-size: 17px; line-height: 19px;}
.contenedor {padding:0 5%!important;max-width: 1920px;margin:0 auto;}
.contenedorsin {padding:0 10px!important;max-width: 1800px;margin:0 auto;}
.nohaystock{text-align:center;width:100%;font-size:14px;  font-family: 'black'; font-style: italic;     color: #581010;    background-color: #f3f3f3;}
  	.maps_web {  		display: block;  	}
  	.maps_mobil {  		display: none!important;  	}
  	.imagenesitems{width:27px;}
.espect{font-family: 'Regular', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 17px;padding-left: 10px; font-weight: normal !important;}
.subcategoria{font-family: 'Semibold' ,Arial, Helvetica, sans-serif; font-size: 15px; line-height: 17px;padding-left: 20px; text-transform: uppercase;}
.deimagen{float:right;margin:0 0 20px 40px;text-align:center;max-width:300px;}
.deimagen img{max-width:500px; max-height:400px;width:100%}
.estiqui{position:sticky!important;top:0;z-index:45;background-color:#ffffff;-webkit-box-shadow: 0px 3px 0px -2px rgba(0,0,0,0.33);-moz-box-shadow: 0px 3px 0px -2px rgba(0,0,0,0.33);box-shadow: 0px 3px 0px -2px rgba(0,0,0,0.33);}
.dropdown-menu > li > table > tbody > tr > td > hr {    margin-top: 10px;    margin-bottom: 10px;    border: 0;    border-top: 1px solid #ababab; }
.mostrarfamilia{margin-bottom:25px;margin-right:20px;}
.altbuscar{background-color:#f4f4f4;padding:13px;min-height:64px;}
.localizamenu{position:absolute;top:9px;z-index:54;}
.medidamarca{width:100%;max-width:150px;}
.cestopeque{background-color:#0b5b9a;height:25px;padding:2px 25px; text-align:center;color:#ffffff;font-family: 'Semibold';}
.desaparece{display: block;}
.aparececesto{display: none;}
.alturalogo{height:98px;}
.colocamenu{min-width:300px;float:left;}
.verduzco{width:100%;float:left;background-color:#008499;color:white;margin-top:2px;}
.especialh4 > a > h4 {font-size: 18px;  font-family: 'Semibold'; line-height: 22px; text-align: center;}
.lupita{display: none;}
.colocamenu h3{font-size: 15px;}
.cestico{    float: right;    margin: 2px 0 0 15px;    width: 19px;}
img.cestico{  padding-top:4px;}
.idiomes{font-family: 'Bold';    text-transform: uppercase;    font-size: 1.1rem;    line-height: 1.4rem;	margin-right: 25px; background-color: rgba(0, 0, 0, 0.01);}
.idiomes a{padding:0 6px;}
.corazon{width:39px;margin-top:13px;padding-right:5px;}
.segundologo{margin:4px 10px 0 20px; max-width:114px; width:100%;}
.tercerlogo{margin:4px 15px 0 0; max-width:110px; width:100%;}
img { border: 0; }

.itemcesto{font-family: 'Semibold'; font-size: 14px;text-transform: uppercase;padding:2px 0 ; width:105px;top:-1px;}
a .itemcesto {color: #ffffff!important;}
.esconderico{	display: none;}
.dropdown{	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 18px; color: #111111;text-transform: none; line-height: 15px; margin-top: 0px;}
.dropdown a{color: #fff !important; text-transform: uppercase;}
/*.dropdown:last-child {border-right:#cccccc 0px solid;}*/

.fcontact {    margin-top: 80px;    background-color: #e7e7e7;    padding: 80px 0 30px 0;}
.familias{
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	color: #959595;
	text-transform: uppercase;
	min-height: 34px;
	text-align: center;
	margin: 4px 3px 0 0;
	display: inline-block;    
	padding: 25px 0px 0 20px;    
	font-size: 14px;
}

.idiomas{	
	width:140px;	
	text-align: center;	
	display: inline-block;	
	margin-top: 20px;	
	font-family: 'Semibold', Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	color: #ffffff;    
	font-weight: normal;    
	font-style: normal;	   
	text-transform: uppercase;    
	line-height: 15px;    
	background-color: #939393;   
	width: 55px;	
	padding:5px;
}

.idiomas2{ background-color: #0b5b9a!important; width:140px;	text-align: center;	display: inline-block;	margin-top: 20px;	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 12px;	color: #ffffff;font-weight: normal;    font-style: normal;	    text-transform: uppercase;    line-height: 15px;  width: 55px;	padding:5px; }
.idiomas a{color:#ffffff!important;}
.idiomas2 a{color:#ffffff!important;}

.compras{	
float: left;
	color:#ffffff;
    padding: 1px 11px;
    width:130px;
    margin-right: 5px;
    margin-top: 14px;
    background: rgba(227,9,63,1);
background: -moz-linear-gradient(left, rgba(227,9,63,1) 0%, rgba(147,6,43,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(227,9,63,1)), color-stop(100%, rgba(147,6,43,1)));
background: -webkit-linear-gradient(left, rgba(227,9,63,1) 0%, rgba(147,6,43,1) 100%);
background: -o-linear-gradient(left, rgba(227,9,63,1) 0%, rgba(147,6,43,1) 100%);
background: -ms-linear-gradient(left, rgba(227,9,63,1) 0%, rgba(147,6,43,1) 100%);
background: linear-gradient(to right, rgba(227,9,63,1) 0%, rgba(147,6,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3093f', endColorstr='#93062b', GradientType=1 );
}
.compras a { color:#0761a8;}

.desplazarli li{margin-left:25px;}

.zonas1{background-color:#FAF6EB;color:#323232 !important;min-height:80px;text-align:center;margin-bottom:0px;display: flex; align-items: center; justify-content: center; font-size: 1.5rem;}
.vales1{background-color:#FAF6EB;color:#323232 !important;min-height:4rem;text-align:center;margin-bottom:0px;display: flex; align-items: center; justify-content: center; font-size: 1.5rem;}

a:link{	text-decoration: none;	color: #111;}
a:visited{	text-decoration: none;	color: #111111;}
a:hover{	text-decoration: none;	color: #a1bbba !important;}
a:active{	text-decoration: none;	color: #111111;}

.banners{width:100%;margin:0 0 25px 0;}
.pieespecialnew{opacity:0.8;background-color:#f3c801;padding:20px; min-height:260px;border-top:6px solid #ffffff; font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 16px;	color: #2d2c2c; line-height: 18px;}
.pieespecial:hover, .pieespecialnew:hover{opacity:1;}
.pieespecial{opacity:0.84;background-color:#ffffff;padding:20px; min-height:260px;border-top:6px solid #f3c801; font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 16px;	color: #2d2c2c; line-height: 18px;}
.pieespecial a{color: #2d2c2c;}
.borrar{display: block;}
.aparecer{display: none;}

.footer {font-family: 'Regular', Arial, Helvetica, sans-serif;	line-height: 24px;font-size: 15px;	color: #212121;    font-weight: normal;    font-style: normal; padding: 3% 0; text-transform:uppercase; }
.footer {padding: 6px;}
.footer a{color: #323232;  text-transform: none;	font-size: 1.5rem; line-height: 2rem; font-family: 'Regular', Arial, Helvetica, sans-serif; transition:0.5s;}
.footer a:hover{color: #a1bbba !important; transition: 0.5s;}
.footer p{font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 1.2rem;	color: #323232;    font-weight: normal;    font-style: normal; padding: 0;  line-height: 1.5rem; text-transform: none; margin-botoom: 2rem;}


.marcas{font-size: 14px;font-family: 'Semibold';line-height: 14px;}
.marcas td{border:1px solid #fff;padding:5px!important;}
.logo1 {  width: 100%;    transition: all 1s ease;    z-index: 77;    position: absolute;    max-width: 25rem; top:0.8rem; left: 5%;}
.logo2 {  width: 100%;    transition: all 1s ease;    z-index: 77;    position: absolute;    max-width: 15.5rem; top: 0.8rem;}

.bottoninfo{ border: #cccccc 0px solid;text-transform: uppercase;	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 15px;	color: #ffffff;	padding: 4px 24px 4px 24px;	width:150px;	background-color: #0b5b9a;}
a.bottoninfo{color: #ffffff!important;}

.bottoncomprar{	    background-color: #888;
    padding: 4px 30px;
    color: #212121;
    text-align: center;
    font-size: 1.4rem;
    transition: 0.8s;
    border: 0;
    height: 36px;
    text-transform: uppercase;
    font-family: Semibold;  }


.bwish{	font-family: 'Semibold';	font-size: 13px;	color: #ffffff;	padding: 1px;	min-width:120px;	background-color: #ababab; border:0;text-transform: uppercase; float:right;margin:2px;}


.bottoncomprar_wishlist{
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	padding: 3px;
	text-align: center;
	width:48.5%;
	text-transform: uppercase;
	background-color: #0b5b9a;
	border:0;
	margin:2px;
}

.iconografiarosa11:hover, .bottoninfo:hover, .bottoncomprar:hover{ color: #fff; background-color: #dad66d!important; -webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}
.alturabuscador{height:64px!important;}


h1 {
	font-family: 'Billie', Arial, Helvetica, sans-serif;
	font-size: 5rem;
	line-height: 6rem;
	color: #03303a !important;
	font-weight: 400;
	font-style: normal;	
    letter-spacing: 0.1rem;
}
.similarh1 {
	font-family: 'Billie', Arial, Helvetica, sans-serif;
	font-size: 4.5rem;
	line-height: 5.6rem;
	color: #88bedc;
	font-weight: 400;
	font-style: normal;	
	margin: 0 0 10px 0;
}

.menulateral {
	width: 100%;
	margin: 1rem 0px;
	padding: 1.3rem;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
	background-color: #fff;
	font-style: normal;
	text-transform: uppercase;
	border-radius: 5px;
	color: #323232;
	transition: 0.5s;
    border: 1px solid #ddd;
}
.menulateral a{color:#323232 !important;}

.menulateral1 {
	width: 100%;
	margin: 1rem 0px;
    padding: 1.3rem;
    font-family: 'Semibold', Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
	border-radius: 5px;
	background-color: #FAF6EB;
	font-style: normal;
	text-transform: uppercase;
	color: #323232;
	transition: 0.5s;
    border: 1px solid #A1BBBA;
}

.menulateral1 a{color:#323232 !important;}

.menulateral1:hover { background-color: #A1BBBA; transition: 0.5s; cursor:pointer;}
.menulateral:hover { background-color: #A1BBBA; transition: 0.5s; cursor:pointer;}


.menufiltro {
	width:100%;
	padding:20px;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	border:1px solid #cccccc;
}

.color_avis_ie { color:#0b5b9a; }

.inputcontacto {
	border: #dbe3db 1px solid;
	padding: 5px 20px !important;
    font-family: 'Regular', Arial, Helvetica, sans-serif;
    font-size: 15px !important;
	color: #666666;
	background-color: #FFFFFF;
	width: 89%;
}
.inputrosa {
	border: #888 1px solid;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 5px;
	background-color:#888;
}
.input {
	border: #cccccc 1px solid;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin-right: 25px;
	padding: 5px;
	background-color: #FFFFFF;
	font-style: italic;
	width: 160px;
}
.inputtrans {
	border: #000 2px solid;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	padding: 5px;
	background-color: #FFFFFF;
	font-style: normal;
	width: 100%;
}

.bottonbuscar {
	border: #cccccc 0px solid;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding: 8px 20px;
	text-transform: uppercase;
	float: right;
	background-color: #dad66d;
}

.bottonbuscarfiltro {
	border:0;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding:3px 11px;
	text-transform: uppercase;
	background-color: #000000;

}

.buscar {
/*margin-top: 19px;*/
    /* margin-right: 35px; */
    /*width: 57%;*/
    float: right;
}


.inputbuscador {
    font-family: 'Regular', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #555;
    height: 35px;
    background-color: rgba(220,220,220,0.5);
    border: 0px ;
    font-style: italic;
    width: 180px;
    padding-left: 17px;
    float: left;
    margin-top: 10px;
    margin-right: 5px;
    border-radius: 29px;
    transition: 0.5s;
    color:#164cab;
}

.inputbuscador:focus {width: 90%;transition: 0.5s;}

.inputbuscadorx {
    border-right: 0px;
    border-left: 0;
    border-top: 0;
    font-family: 'Regular', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555;
    height: 35px;
    background-color: rgba(220,220,220,0.3);
    border: 1px solid #d49e76 ;
    font-style: italic;
    width: 180px;
    padding-left: 17px;
    float: left;
    margin-top: 10px;
    margin-right: 5px;
    border-radius: 9px;
    transition: 0.5s;
}

.inputbuscadory {
    font-family: 'Regular', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555;
    height: 35px;
    background-color:#ffffff;
    border: 1px solid #ccc;
    font-style: italic;
    padding: 3px 3px 3px 13px;
    width: 50%;
    border-radius: 9px;
    transition: 0.5s;
    margin-left: 19px;
}

.inputbuscador_error {
    border-right: 0px;
    border-left: 0;
    border-top: 0;
    font-family: 'Regular', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555;
    height: 35px;
    background-color: rgba(220,220,220,0.3);
    border: 1px solid #efefef;
    font-style: italic;
    width: 180px;
    padding-left: 17px;
    float: left;
    margin-top: 10px;
    margin-right: 5px;
    border-radius: 9px;
    transition: 0.5s;
}


.inputbuscador_errorx {
    border-right: 0px;
    border-left: 0;
    border-top: 0;
    font-family: 'Regular', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555;
    height: 35px;
    background-color: rgba(220,220,220,0.3);
    border: 1px solid #ff0000;
    font-style: italic;
    width: 180px;
    padding-left: 17px;
    float: left;
    margin-top: 10px;
    margin-right: 5px;
    border-radius: 9px;
    transition: 0.5s;
}

.inputbuscador_errory {
    border-right: 0px;
    border-left: 0;
    border-top: 0;
    font-family: 'Regular', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555;
    height: 35px;
    background-color: rgba(220,220,220,0.3);
    border: 1px solid #efefef;
    font-style: italic;
    width: 180px;
    padding-left: 17px;
    float: left;
    margin-top: 10px;
    margin-right: 5px;
    border-radius: 9px;
    transition: 0.5s;
}

.inputayuda {
	border: #555 1px solid;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
	height: 45px;
	background-color: #FFFFFF;
	font-style: italic;
	width: calc(100% - 150px);
	padding-left: 18px;
	max-width: 350px;
	float: left;
	margin-right: 5px;
}

.botonbuscador {
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 35px;
	height: 35px;
	float: left;
}

.botonbuscadorx {
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 35px;
	height: 35px;
	float: left;
}

.botonbuscadory {
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #212121;
	background-color: #ccc;
	width: 35px;
	height: 35px;
	border-radius: 6px;
}

.botoModifica {
	margin: 1.5rem 0px;
	border: #ddd 1px solid;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	color: #323232 !important;
	padding: 0.5rem 2rem;
	background-color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 4px;
	transition: 0.5s;
}

.botoModifica:hover {
	background-color: #ddafb2;
    color: #323232 !important;
	text-decoration: none;
	transition: 0.5s;	
}

.bottoncomprar2 {
	border: #cccccc 0px solid;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #ffffff;
	padding: 8px 22px;
	width:200px;
	background-color: #000;
	margin: 0 auto;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear
}
.bottoncomprar2:hover {
	background-color: #318ba2;
	text-decoration:none;
}
.decantidad{background-color:#d7d7d7;padding: 16px;color:#414141;text-transform:uppercase;font-size:13px;text-align:center;display:flex;}
.bottoncomprarproducto {
	border: 0px;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #111111;
	padding: 1px 40px;
	/*width:100%;*/
	max-width: 300px;
	text-align: center;
	background-color: #fef500;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear;
	height: 50px;
}

.bottoncomprarproducto:hover {
	color: #ffffff;
	background-color: #e96050;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear;
	height: 50px;
}

.bottoncomprarproducto2 {
	border: 0px;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #111111;
	padding: 15px 40px;
	/*width:100%;*/
	max-width: 300px;
	text-align: center;
	background-color: #fef500;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear;
	height: auto;
}

.bottoncomprarproducto2:hover {
	color: #ffffff;
	background-color: #e96050;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear;
}


.bottonafegiracistell {
	display: inline-block;
	border: 0px!important;
	padding: 0px;
	padding-top: 18px;
	margin:  0px;
	width:  30px; height: 30px;
	cursor: pointer;
}
.bottonafegiracistell:hover {
	opacity: 0.85;
}
.texto {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #575757;
	font-weight: normal;
	font-style: normal;	
}

.ref{font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 17px;	color: #000; line-height: 20px; text-transform: uppercase;}


hr.lineamenu { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 1.5rem;
	margin-bottom:1.5rem;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom: 1px solid #ededed;
}


hr.lineanegra { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom:3px;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom: 1px dashed #ffffff;
}
hr.linea { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 2rem;
	margin-bottom:2rem;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom: 1px solid #A1BBBA;
}
hr.lineaesp { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom: 1px solid #b8b8b8;
}

hr.lineag { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom:5px;
	border: 0;
	border-bottom: 1px solid #ddd;
	float: left;
}

hr.lineaproducto { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom:5px;
	border: 0;
	float: left;
	border-bottom: 1px solid #e4e4e4;
}
hr.lineacesto { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom:5px;
	border: 0;
	border-bottom: 1px solid #e4e4e4;
	display: flex;
}

h2 {
	font-family: 'Billie', Arial, Helvetica, sans-serif;
	font-size: 5rem;
	line-height: 6rem;
	color: #03303a;
	font-weight: normal;
	font-style: normal;	
	margin:10px 0 10px 0;
}

.similarh2 {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 3.3rem;
	line-height: 3.5rem;
	color: #111111;
	font-weight: normal;
	font-style: normal;	
	margin:10px 0 10px 0;
}


h3 {
font-family: 'Regular', Arial, Helvetica, sans-serif;
    font-size: 3rem;
    line-height: 4rem;
    color: #111;
	font-weight: normal;
	font-style: normal;	
	margin: 5px 0;
}

h4 {
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 27px;
	color: #414141;
	font-weight: normal;
	font-style: normal;	
	margin: 5px 0 10px 0;
}

a h4 {
	color: #212121;
}
h5 {	font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 24px;	line-height: 27px;	color: #414141;	font-weight: normal;	font-style: normal;		margin: 5px 0 10px 0;}


.familia {	font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 16px;	line-height: 13px;	color: #232323;		font-weight: normal;	font-style: normal; }
.familia a{color:#a7a7a7!important;}


.nombre {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #232323;
	font-weight: normal;
	font-style: normal; 
}

.desc {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 1.2rem;	line-height: 1.3rem;	color: #323232;	font-weight: normal;	font-style: normal;  text-transform: none;}
.descrip {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 1.7rem;	line-height: 2rem;	color: #323232;	font-weight: normal;	font-style: normal;  text-transform: none;}

.descnou {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color: #838383;
	font-weight: normal;
	font-style: normal; 
	background-color: #f2f2f2;
	display: inline-block;padding: 3px 10px;
}
.derecha {border:0;min-width:100px; max-height:140px;float:right;}

.pvpoferta {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #616262;
	font-weight: normal;
	text-decoration: line-through;
}
.coloroferta {	color: #d49e76; padding-left: 10px;}
.pvpcesto {	font-family: 'Semibold', Arial, Helvetica, sans-serif;    font-size: 22px;    line-height: 27px;    color: #292929;  font-weight: normal;    font-style: normal; }
.pvp {	font-family: 'Semibold', Arial, Helvetica, sans-serif;    font-size: 22px;    line-height: 27px;    color: #292929;    padding-top: 10px;    font-weight: normal;    font-style: normal;    text-align: center;}
.pvp #preu_total {font-family: 'Semibold', Arial, Helvetica, sans-serif;    font-size: 30px !important;    line-height: 27px;    color: #111111;    padding-top: 10px;    font-weight: normal;    font-style: normal;    text-align: right;}

.txtSotaPreus {	font-size: 16px;	font-weight: normal;	color: #848383;}
.pvp2 {	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 2.6rem;	line-height: 2.6rem;	color: #323232;	font-weight: normal;	font-style: normal; }

.data {
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 26px;
	color: #888;
	font-weight: bold;
}
.newsdesc {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 18px;
	color: #454545;
	font-weight: bold;
}


.oferta {
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    line-height: 1.4rem;
	color: #000000;
	background-color: #d49e76;
	text-align: center;
	font-weight: normal;
	width: auto;
	min-width: 100px;
	height: 30px;
	position: absolute;
	z-index: 44;
	top: 35px;
    right: 0px;
    padding: 8px 12px 8px 12px;
}
.novedad {
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: #fff;
    background-color: #e0041a;
    text-align: center;
    font-weight: normal;
    width: auto;
    min-width: 100px;
    height: 30px;
    position: absolute;
    z-index: 44;
    top: 0px;
    right: 0px;
    padding: 8px 12px 8px 12px;
}
.destacat {
	position: absolute;
	z-index: 44;
	top:   -5px;
	left: 0px;
}

.wishlistico {
	display: none!important;
	text-align: center;
	width: 60px;
	height: 29px;
	position: absolute;
	z-index: 3;
	top: 200px;
	right: 8px;
	padding: 0px;
}

.numeros {
font-family: 'Semibold', Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #323232;
    font-weight: normal;
    text-align: center;
    background-color: #A1BBBA;
    padding:0.5rem 1rem;
    margin-right: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


.numeros2 {
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #bbb;
	font-weight: normal;
	padding: 0px;
	float: left;
	margin-right: 4%;
	text-transform: uppercase;

}

.ayudanos {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #454545;
	font-weight: normal;
	height: 25px;
	padding: 2px 8px 2px 8px ;
	text-align: center;
	background-color: #e4e4e4;
	margin-right: 10px;
	width:95%;
	text-transform: uppercase;
	max-width: 140px;
}

.ayudanos2 {
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight: normal;
	height: 25px;
	padding: 2px 8px 2px 8px ;
	text-align: center;
	background-color: #0b5b9a;
	margin-right: 10px;
	width:95%;
	text-transform: uppercase;
	max-width: 140px;
}

/* ----------------------------------------------  divs AREA PRIVADA  ---------------------------------------------- */
.cajaprivada {
	border:1px solid #cccccc; 
	width:100%; 
	min-height:250px;
	padding:20px; 
	margin:15px 0;
}


/* ----------------------------------------------  divs home  ---------------------------------------------- */

.taula_cistella {
	color:#575757;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 14px;
}


.modifdatos {
    margin: 1.5rem 0px;
    border: #ddd 1px solid;
    font-family: 'Semibold', Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    color: #323232 !important;
    padding: 0.5rem 2rem;
    background-color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    transition: 0.5s; 
    display: inline-flex;
    width: 100%;
    max-width: 15rem;
    float: right;
}

.modifdatos:hover {
    background-color: #ddafb2;
    color: #323232 !important;
    text-decoration: none;
    transition: 0.5s;   
}


/* ----------------------------------------------  divs productos  ---------------------------------------------- */

.cajaaclientes {
	width:100%;
	padding:20px; 
	position:relative;
	background-color: #FAF6EB;
}

.npedido{
	padding:0.7rem;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 1.8rem;
	line-height: 1.8rem;
	width:100%;
	text-align: center;
	text-transform: uppercase;
	margin-right:11px;
	height:3.5rem;
	margin-bottom: 0.5rem;
	float: left;
	background-color:#A1BBBA;
	color:#03303A;
}
.npedido1{
	background-color:#fff; 
	padding:1.5rem;
	color: #03303A;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	line-height: 1.8rem;
	width:20%;
	text-align: center;
	text-transform: uppercase;
	margin-right:7px;
	min-height:8rem;
	margin-bottom: 0.5rem;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.npedido1 b{font-family: 'Bold';font-size: 21px; line-height: 31px;}
.nver{
	background-color:#fff; 
	padding:1.5rem;
	color:#03303A;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 1.6rem;
	line-height: 1.8rem;
	width:35%;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
    border: 2px solid #A1BBBA;
    border-radius: 5px;
    letter-spacing: 0.1rem;
    transition: 0.5s;
}

.nver:hover{
    background-color:#ddafb2; 
    padding:1.5rem;
    color:#03303A;
    font-family: 'Semibold', Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    line-height: 1.8rem;
    width:35%;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    border: 2px solid #ddafb2;
    border-radius: 5px;
    letter-spacing: 0.1rem;
    transition: 0.5s;
}


.productboxsrel {
	width:100%; 
	padding:0px; 
	min-height: 400px;
	margin-bottom: 50px;
	text-align: center;
	border-bottom:1px solid #bababa;
}

.productboxsrel img {
	border:1px solid #d0d0d0; 
}

.productboxsrel:hover {
	-webkit-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.31);
	box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.31);
	background-color: #e4e4e4;
}

.productboxsrel2 {
	width:100%; 
	padding:0px; 
	min-height: 280px;
	margin-bottom: 50px;
	text-align: center;
	-webkit-transition:padding 200ms linear;
	-moz-transition:padding 200ms linear;
	-o-transition:padding 200ms linear;
	-ms-transition:padding 200ms linear;
	transition:padding 200ms linear;
	border:2px solid #fef500;
	background-color: #fafaed;
}

.productboxsrel2 img {
	border:1px solid #d0d0d0; 
}
.productboxsrel2:hover img {
	border:1px solid #ffffff; 
}
.productboxsrel2:hover {
	-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
	padding:5px;
	-webkit-transition:padding 200ms linear;
	-moz-transition:padding 200ms linear;
	-o-transition:padding 200ms linear;
	-ms-transition:padding 200ms linear;
	transition:padding 200ms linear;
}

.cajaproductos2 {
	width:100%; 
	text-align: center;
	transition: 0.5s;
}

.cajaproductos2 img {
	border-bottom:1px solid #d0d0d0; 
}

.cajaproductos2:hover {
	-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.22);
	-moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.22);
	box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.22);
	transition: 0.5s;
}
.cajaproductos2:hover img {
	border:1px solid #fff;
}

.cajaproductos {
	width:100%; 
	padding:0px; 
	min-height: 450px;
	margin-bottom: 50px;
	text-align: left;
}

.cajaproductos img {
	border:1px solid #ffffff; 
}

.cajaproductos:hover img {
	border:1px solid #ccc; 
}

.cajaproductosnouser {
	width:100%; 
	padding:0px; 
	min-height: 420px;
	margin-bottom: 50px;
	text-align: left;
	border-bottom:1px solid #bababa;
}

.cajaproductosnouser img {
	border:1px solid #d0d0d0; 
}

.cajaproductosnouser:hover {
	-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.22);
	-moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.22);
	box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.22);
}

p {
	margin: 0px;
}

.iconografia {
	background-color:#fff; 
	padding:0.5rem;
	color:#545454;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 1.8rem;
	min-width:10rem;
	text-transform: uppercase;
	margin-right:1rem;
	height:5.3rem;
	margin-bottom: 0.5rem;
	float: left;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.iconografia2 {
	background-color:#A1BBBA; 
    padding:0.5rem;
    color:#545454;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    min-width:10rem;
    text-align: center;
    text-transform: uppercase;
    margin-right:1rem;
    height:5.3rem;
    margin-bottom: 0.5rem;
    float: right;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconografiarosa {
	background-color:#0b5b9a; 
	padding:7px;
	color:#ffffff;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width:100px;
	text-align: center;
	text-transform: uppercase;
	margin-right:11px;
	height:53px;
	margin-bottom: 5px;
	float: left;
}

.iconografiarosa11 {
	background-color:#dad66d; 
	padding:7px;
	color:#ffffff;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 18px;
	width:200px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.numeros3 {
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #111;
	font-weight: normal;
	height: 50px;
	background-color: #ffffff;
	float: left;
	width: 50px;
	border: 1px solid #dbdbdb;
    margin-right: 8px;
display: flex;
align-items: center;
justify-content: center;

}

table.taulaPrivacitat td{ border: 1px solid #d4d4d4; padding: 10px;}

.cuadrobase {
	background-color:#ffffff; 
	padding:20px;
	color:#545454;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-right:11px;
	margin-bottom:15px;
	float: left;
	border-bottom: 1px solid #ddd;
	width: 100%;
	min-height:110px;
}

.cuadrobase2 {
	background-color:#ffffff; 
	padding:0px;
	color:#545454;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-right:11px;
	margin-bottom:15px;
	float: left;
	border-bottom: 5px solid #454545;
	padding-bottom:15px;
	width: 100%;
	min-height:110px;
}

.marcasproduct{
	background-color:#e5e5e5; 
	padding:7px 15px 7px 15px;
	margin-right:11px;
	float: left;
	margin-bottom: 5px;
	margin-top: 15px;
	display: block;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;	
	height: 33px;
}

.conoferta{
    background-color: #dd9b3a;
	padding:14px 5px 6px 5px;
	margin:8px 10px 0 5px;
	color: #ffffff;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.4rem;
	width: 44px;
    height: 44px;
	text-align: center;
	text-transform: uppercase;
	float: right;
    border-radius: 55px;
}

.connovedad{
	background-color: #88bedc;
	padding:4px 10px 4px 10px;
	margin:8px 10px 0 5px;
	color: #000;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.4rem;	
	width: 44px;
    height: 44px;
	text-align: center;
	text-transform: uppercase;
	float: right;
    border-radius: 55px;
    padding: 16px 5px 6px 5px;

}

.entregaprevistaenXdies {
	padding:1rem 0px;
	margin: 1rem 0 2rem 0;
	color: #A1BBBA;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 1.6rem;
	line-height: 1.9rem;
	text-transform: uppercase;
	background-color: rgba(0, 0, 0, 0.01);
    border: 1px solid #ddd; 
    padding: 1rem 2rem;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
}

.star{
	float: left;
	margin-right: 3px;
	margin-top: 10px;
}

#corMostrar{
   opacity: 0;
}

.cajaproductos:hover #corMostrar {opacity: 1;}

/* modo lista************************************************************************************************/

.cajaproductosLista {
    display: inline-block;
	width:100%; 
	padding:5px 0; 
	min-height: 80px;
	margin-bottom: 5px;
	border-bottom:1px solid #bababa;
}

/*.cajaproductosLista img {
	border:1px solid #d0d0d0; 
}*/
.ofertagraella {
	background-color: #b47fa2;
font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #fff;
    text-align: center;
    font-weight: normal;
    width: auto;
    min-width: 100px;
    height: 26px;
    position: absolute;
    z-index: 44;
    top: 60px;
    right: 0px;
    padding: 6px 10px 6px 10px;
}


.ofertaLista {
	background-color: #b47fa2;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 1rem;
    line-height: 1.4rem;
	color: #fff;
	text-align: center;
	font-weight: normal;
	width: 100px !important;
	height: 27px;
	padding: 7px 6px 6px 6px;
	margin-bottom: 5px;
	margin-right: 7px;
	display: inline-block;
}
.destacat2{    border: 1px solid #2bb996;    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.22);}

.novedadLista {
	background-color: #e0041a;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 1rem;
    line-height: 1.4rem;
	color: #fff;
	text-align: center;
	font-weight: normal;
	width: 100px !important;
	height: 27px;
	padding: 7px 6px 6px 6px;
	margin-bottom: 5px;
	margin-right: 7px;
	display: inline-block;
}
.destacatLista {
	position: absolute;
	z-index: 50;
	top:   -5px;
	left: 5px;
}
.parpadea {
/*  animation-name: parpadeo;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;*/
}


.form_consen{min-height:750px;}

.capsetaConsentiment {
	margin: 10px 0px; padding: 10px 0px; 
	border-top: 1px solid #d1d0d0;
	border-bottom: 1px solid #d1d0d0;
}

.familiaLista {
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #232323;
	text-transform: none;
	font-weight: normal;
	font-style: normal; 
	padding-top: 12px;
}

.pvpofertaLista {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	color: #d49e76;
	font-weight: normal;
	text-decoration: line-through;
}


.pvpLista {
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	color: #111111;
	font-weight: normal;
	font-style: normal; 
}

/* ------------------------------------------
  NAV TOGGLE STYLES
  --------------------------------------------- */

  .promocions_error{
  	border: #ff0000 2px solid;
  }

  .promocions{
  	border: #888 1px solid;
  	font-family: 'Semibold', Arial, Helvetica, sans-serif;
  	font-size: 18px;
  	color: #ffffff;
  	padding: 5px;
  	background-color: #888;
  	margin: 1px 0 1px 0;
  	width: 50px;
  }

  .codi_repetit{
  	display:none;
  }

  .codi_repetit_error{
  	display:inline;
  	color: red;
  }

  .no_veure{
  	display: none;
  }

  .ajudansmobil{
  	display:none;
  }

  .ajudanspc{
  	display:inline;
  }

  .pregunta{
  	width:300px;
  	height:25px;
  	text-align:left;
  	float:left;
  	padding-top:10px;
  }

  .valoracio_pregunta{
  	margin-left:5%;
  	float:left;
  	width:50%;
  	padding-top:10px;
  }

  .inputpregunta
  {
  	border: #cccccc 1px solid;
  	font-family: 'Bold', Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #666666;
  	padding: 4px;
  	background-color: #FFFFFF;
  	margin: 3px 0 3px 0;
  	width: 100%;
  }
  .visible_peu{
  	width: 100%;
  	display: none;
  }
  .imatge_seccio_esq{
  	margin:1%;
  	margin-left:20px;
  	border:0;
  	width:90%;
  }

  .imatge_seccio_dre{
  	margin:1%;
  	margin-right:20px;
  	border:0;
  	width:90%;
  }

  .imatge_seccio_cen{
  	border:0;
  	width:100%;
  }

  .div_seccio1{
  	width:35%;
  	margin-bottom:20px;
  }

  .div_seccio2{
  	width:65%;
  	margin-bottom:20px;
  }

  .noticia_imatge{
  	width:100%;
  	float:left;
  }

  .noticia_descripcio{
  	width:100%;
  	float:left;
  }

  .maps_mobil{
  	display: none;
  }

  .videos_mobil{
  	display: none;
  }

  .minim4caracters{
	color: #ff0000;
    font-size: 12px;
    position: absolute;
    top: 53px;
    left: 22px;
  }

  .minim4caracters_no{
  	display: none;
  }

  .minim4caractersx{
  	margin-top: -8px;
  	color: #ff0000;
  	font-size: 12px;
  }

  .minim4caracters_nox{
  	display: none;
  }

  .minim4caractersy{
	color: #ff0000;
    font-size: 12px;
    position: absolute;
    top: 80px;
    right: 59px;
  }

  .minim4caracters_noy{
  	display: none;
  }

  #animLoading {
  	width: 100%;
  	height: 50px;
  	text-align: center;
  	position: relative;
  	top: -40px;
  	left: 0px;
  	border-top: 1px dotted #999;
  	padding:20px;
  	font-size: 14px;
  	display: none;
  }

  .overlay{
  	background:transparent url(images/overlay.png) repeat top left;
  	position:fixed;
  	top:0px;
  	bottom:0px;
  	left:0px;
  	right:0px;
  	z-index:91100;
  }
  .box{
  	position:fixed;
  	top:-400px;
  	left:30%;
  	right:30%;
  	width:600px;
  	background-color:#fff;
  	color:#7F7F7F;
  	padding:20px;
  	border:2px solid #ccc;
  	-moz-box-shadow: 0 1px 5px #333;
  	-webkit-box-shadow: 0 1px 5px #333;
  	z-index:91101;
  }
  a.boxclose{
  	float:right;
  	width:26px;
  	height:26px;
  	background:transparent url(images/cancel.png) repeat top left;
  	margin-top:-30px;
  	margin-right:-30px;
  	cursor:pointer;
  	z-index:91101;
  }
.badge-notify{
background: #0b5b9a !important;
    position: relative;
    top: -10px;
    left: -44px;
  }

.textckeditor img {
	width: 100%;
	max-width: 500px;
}

.telConta{font-size: 22px;}

.menu-item a.mm-selected,  a.mm-selected  { color:#111111!important;}

.remarcat {
	color:#111111 !important;
}

.colorCorporatiu1 {
	color:#888 !important;
}
.colorAvisCampObligatori {
	color:#888 !important;
}
.taula tr td{padding:5px 15px; }

.taula {
	width: 			100%;	/* width */ 
	margin-left:	auto; 	/* align */
	border-spacing: 0px;	/* cellspacing */
	border-width: 	0px; 	/* border */
}
.taula td.tdtops {
	vertical-align: top;
}
.taula td {
	padding: 		2px;	/* cellpadding */
}
.taula tr {
}




/*capçalera******************************/

.blanc{color:#fff !important; font-size: 18px;}
.botoSaberMes{background-color: #888; padding: 25px 50px; color: #ffffff; text-align: center;font-size: 30px; display: inline-block; margin: 5% auto 10px auto; transition: 0.8s;}
.botoSaberMes:hover{background-color: #fef500; color: #111111; transition: 0.8s;}
     
/*barra Icones **************************/ 
.badge{font-family: 'Bold'; text-transform: uppercase; font-size: 1.1rem; line-height: 1.4rem;}
.aIcones1{font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 16px; color: #32320b !important; padding-top: 15px;}
.aIcones2{font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 16px; color: #32320b !important; padding-top: 7px;}

/*banner Qui som*************************/
.textQS{font-family: 'Bold', Arial, Helvetica, serif; color:#fff;font-size: 3vw; line-height: 4.4vw;}
.botoQS{font-family: 'Semibold', Arial, Helvetica, sans-serif;background-color: #d49e76; padding: 5px 20px; color: #fff; text-align: center;font-size: 14px; line-height: 20px; transition: 0.8s; text-transform: uppercase;}
.botoQS:hover{background-color: #212121; color: #fff!important; transition: 0.8s;}
#sepTaronja{padding: 0;  height: 450px;background-image: url(../imgs/fonsTriangles.jpg);}
.theHonest2{max-width: 180px;margin-top: 20px;}
.imgSepTaronja{background-image: url(../imgs/sepTaronja.jpg); background-size: cover; background-position: center; height: 450px; width: 100%;}


#blocNewsletter{padding: 0; background-image: url(../imgs/fonsNewsletter.jpg); background-size: cover;}
.dataNoti{background-color: #e2e591; display: inline-block; padding: 5px 20px; position: absolute; top: 0; left:5%; font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 15px;	line-height: 26px;	color: #000;	font-weight: normal;}

.titolNotiHome{font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 24px;	line-height: 28px;	color: #111111;	font-weight: normal;}
.posMenu{margin-top: 7% !important; transition: all 1s ease; padding-right: 20px;}



.titProducte{font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 2rem;	line-height: 2.5rem;	color: #03303A;	font-weight: normal;  text-transform: uppercase;}
.inputNew{ margin: 4px 0 !important; width:100% !important; padding: 5px 20px !important; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 15px !important; color:#333 !important; background-color: #fff; border: 0;}
.inputNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 13px;  color: #666;}
.caixaInput{ border: 1px solid #dbe3db; padding: 2px 5px; margin-bottom: 5px;  border-radius: 4px;}


.inputNew2{ margin: 7.5px 0 !important; border: 2px solid #ccc !important; width:100% !important; padding: 15px 20px !important; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 15px !important; color:#333 !important;  }
.inputNew2::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 13px;  color: #666;}
.textareaNew{ margin: 5px 0; border: 2px solid #ccc; width:100%; padding: 15px 20px; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 15px; color:#333;  }
.textareaNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 13px;  color: #666;}
.notas{font-size: 12px;font-family: 'Regular', Arial, Helvetica, sans-serif;}

.inputNew option{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 15px;  color: #666; font-style: italic;}
.inputNew2 option{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 15px;  color: #666; font-style: italic; padding: 10px 0;}
select .inputNew{color: #000; border-radius: 0px !important;}
.botoVeureMes{background-color: #fef500; padding: 15px 40px; display: inline-block; text-align: center; margin-top:3%; font-size: 20px; color:#111111; transition: 0.5s;}
.botoVeureMes:hover{background-color: #dad66d; color:#fff; transition: 0.5s;}
.botoVeureMes2{background-color: #fef500; padding: 7px 30px; display: inline-block; text-align: center; font-size: 15px; color:#111111 !important; transition: 0.5s;}
.botoVeureMes2:hover{background-color: #dad66d; color:#fff !important; transition: 0.5s;}
.notih1 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 36px;	line-height: 35px;	color: #111111;	font-weight: normal;	font-style: normal;		margin:10px 0 10px 0;}
.notih2 {	font-family: 'Seminbold', Arial, Helvetica, sans-serif;	font-size: 2.4rem;	line-height: 3rem;	color: #03303a;	font-weight: normal;	font-style: normal;		margin:1rem 0; letter-spacing: 0.1rem;}
.svg1:hover{opacity: 1; transition: 0.5s;}
.svg1:hover{opacity: 0.7; transition: 0.5s;}
.nav-pills>li>a{padding: 5px 10px !important;font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 13px;}
.nav-pills>li+li{background-color: #c1bbbb !important;}
.tornarLila{color:#111!important; background-color: #cccccc; transition: 0.5s; padding: 10px 30px; display: inline-block; text-align: center; font-size: 13px; transition: 0.5s; border: 0; margin-bottom: 50px; font-family: 'Semibold';  border-radius:  0 0 4px 4px;}
.tornarLila:hover{color:#565658; background-color: #f2f2f2; }
hr.lineaLila { 	width: 100%;	height: 0px;	margin: 0px;	margin-top: 50px;	border: 0;	display: flex;	text-align:left;	border-bottom: 1px solid #ddd;}

.h2rel {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 26px;	line-height: 30px;	color: #111111;	font-weight: normal;	font-style: normal;		margin:10px 0 10px 0;}

.pvprel {
font-family: 'Semibold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 27px;
    color: #111111;
    padding-top: 10px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}

.novedad2 {
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.4rem;
    color: #000;
    background-color: #88bedc;
    text-align: center;
    font-weight: normal;
    width: 44px;
    height: 44px;
    position: absolute;
    z-index: 44;
    top: 10px;
    border-radius: 55px;
    right: 10px;
    padding: 16px 5px 6px 5px;
}

.oferta2 {
font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.4rem;
    color: #111;
    background-color: #dd9b3a;
    text-align: center;
    font-weight: normal;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 10px;
    border-radius: 55px;
    right: 60px;
    padding: 14px 5px 6px 5px;
}

.ofertalist {
font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #111;
    background-color: #d49e76;
    text-align: center;
    font-weight: normal;
    width: auto;
    width: 100px;
    height: 27px;
    padding: 7px 6px 6px 6px;
    margin-bottom: 5px;
    margin-right: 7px;
    display: inline-block;
}


.botoVeureCistella{background-color: #fef500; padding: 10px 30px; display: inline-block; text-align: center; font-size: 15px; color:#111111; transition: 0.5s; border: 0;}
.botoVeureCistella:hover{background-color: #dad66d; color:#fff; transition: 0.5s;}
#preu_total{text-align: right;}


h2.comanda{	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 30px;	line-height: 30px;	color: #111111;	font-weight: normal;	font-style: normal;		margin:10px 0 10px 0;}



/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

  
.taulaEstandard {
	border-spacing: 0px;
	border-width: 0px;
}

.taulaEstandard td, .taulaEstandard th {
	padding: 0px;
	vertical-align: top;
}

.bolin{position:absolute; background-color: #dd9b3a; font-size: 9px; font-family: 'Bold'; border-radius:44px;padding:0px;color: #fff; top:-9px; right: -23px; width: 30px; height: 30px;text-align: center;}

ul.languageMenu {    left: 38px;    position: absolute;    clear: both;    top: 6px; }
ul.languageMenu a{text-decoration:none; font-weight:normal;}
ul.languageMenu, ul.languageMenu ul, ul.languageMenu li{list-style-type: none; width: 50px;}
ul.languageMenu li {padding-top:0px; text-align: center;}
ul.languageMenu li a{color:#939393; text-decoration:none;font-size:12px; font-family:'Semibold', Arial, Helvetica, sans-serif;  text-align:center;}
ul.languageMenu li a:hover {color: #fff; }
ul.languageMenuSub {display: none; position: absolute; z-index: 44}
ul.languageMenuSub li { display:block;}
ul.languageMenuSub li a {padding: 0px;margin: 0px;}
ul.languageMenu li:hover ul.languageMenuSub {display: block;text-transform: uppercase;}
ul.languageMenu li:hover ul.languageMenuSub li {}
ul.languageMenu li:hover ul.languageMenuSub li a {background:none;display: block;border: none; }
ul.languageMenu li:hover ul.languageMenuSub li a:hover{background:none; color:#fff; font-weight:normal; text-decoration:underline}
.languageMenu li:hover > a {color:#FFF;-khtml-border-bottom-right-radius: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
ul.languageMenu .dropdown {background:url('downarrow.png') no-repeat right 4px; padding-right:12px;}
.selectorIdioma { cursor: pointer; }

/************RP*************/

.titHome{font-family:'Semibold';text-transform: none; font-size: 23px;}

.centrat{text-align: center;}

.peu2 {text-transform: uppercase; font-size: 15px; padding: 0 2%;}

.peuEsq{text-align: right;border-right: 2px solid #aaa;color:#fff;text-transform: uppercase;}
.peuEsq span{padding-right: 10px;}

.peuGrisHome{padding:20px 0; clear:both;font-size: 18px;width: 100%;background-color: #ededed; font-family: 'Bold', Arial, Helvetica, sans-serif; letter-spacing: 1px;}
.peuGrisHome img{margin-right:10px; width:100%;max-width:20px; }

.peuGris{background-image:url(../imgs/sombraGris.png);background-size: cover; padding:20px 0; clear:both;font-size: 15px;width: 100%;height: auto;}

.menu2{text-decoration: none;}
.menu2 li{display: inline-block;padding: 30px 20px 0 20px;}
.separador1{padding: 20px;text-transform: uppercase;}

.imgPeu{position: relative;}
.mascaraPeu{ position:absolute; bottom:0px; left:0px; border:none;}

.redes{text-decoration: none;float: right; margin-top: 14px;}
.redes li{display: inline-block;padding: 10px 5px 0 5px;}

.h1titPro{font-family:'Semibold';font-size: 24px;line-height: 28px;}

.botonVolver{color:#959595;font-family: 'Semibold'; font-size:15px;text-transform:uppercase;}

.cenDir{padding-right:42px;}
.iconoHide{display: none;}
.incPie2{background-color:#fff;width:100%;text-align:left; padding: 3rem 0;}

.divConfigCookies { background-color: #fff; border-radius: 0.4rem; margin: 0 auto; min-width: 400px; padding: 2rem 3rem 0px 3rem; font-weight: normal!important; font-size: 1.4rem; text-align: center;	display: inline-block;	width: 100%; margin-bottom: 2rem;}



/* -----------------------------------------*/

.loginportalform {
    width: 260px;
    border: 0;
    position: absolute;
    top: 118px !important;
    left: inherit !important;
    right:5px !important;
    padding: 16px 24px 10px 0px !important;
    z-index: 100;
    display: none;
    font-family: 'Semibold', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:#ffffff!important;
    -webkit-box-shadow: 0px 19px 17px -18px rgba(0,0,0,0.62);
    -moz-box-shadow: 0px 19px 17px -18px rgba(0,0,0,0.62);
    box-shadow: 0px 19px 17px -18px rgba(0,0,0,0.62);
    background-color: #0b5b9a;
}

.loginportalform a{color:#ffffff!important;}








/*efectos cuadro familias*/
.h1cuadros{
    color:#fff;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 33px;
    position:absolute;
     z-index:5;
     top:0px;
    left:12px;
    background-image:url('../imgs/fons-list.png');
    background-repeat: no-repeat;
    padding:20px 20px 20px 30px;
    min-height:163px;
    width:100%;
}


#categ1 ul li{list-style: none;}
#categ2 ul li{list-style: none;}
#categ3 ul li{list-style: none;}
#categ4 ul li{list-style: none;}
#categ5 ul li{list-style: none;}
#categ6 ul li{list-style: none;}
#categ7 ul li{list-style: none;}
#categ8 ul li{list-style: none;}
#categ9 ul li{list-style: none;}
#categ10 ul li{list-style: none;}
#categ11 ul li{list-style: none;}
#categ12 ul li{list-style: none;}
#categ13 ul li{list-style: none;}
#categ14 ul li{list-style: none;}
.content-slider li{list-style: none;}

.mesInfo {
	text-align: center;
    /*background-color: #dcdcdc;*/
    color: #1d3d74;
    margin-top: 15px;
    margin-bottom: 15px;
    /* border-radius: 4px; */
    /*font-weight: normal;*/
    /*font-size: 14px;*/
    /*text-transform: uppercase;*/
    /*font-family: 'Semibold';*/
}
.mesInfo img {
	border:0px;margin-bottom:2px;
}
.mesInfo:hover{
	opacity: 0.8;
}
.miniFormCompra {
	clear:both;
	color: #777;
	padding: 1px 10px 5px 10px;
	width: 100%; 
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.miniFormCompra.nostock {
	font-size:1.4rem;
	font-style: italic;
	font-weight: bold;
}
.miniFormCompra .bottoncomprarproducto{display: inline-block;    height: 27px;    font-size: 14px;    padding: 1px 31px !important;    float: right;    margin-top: 5px;}
.miniFormCompra .bottoncomprarproducto:hover {
	/*opacity: 0.8;*/
	background-color: #dad66d;
	color: #fff;
}
.handle-counter { 
	float: left;
	overflow: hidden; 
	margin-top: 6px;
}
.handle-counter .counter-minus,  .handle-counter .counter-plus,  .handle-counter input {
  float: left;
  text-align: center;
}

.handle-counter .counter-minus,  .handle-counter .counter-plus { text-align: center;  font-size: 20px!important;}

.handle-counter input {
	font-size: 15px;
  	width:  50px;
  	height: 25px;
  	font-family: 'Semibold';
  	border-width: 0px;
  	border-left: none;
  	border-right: none;
  	border: 1px solid #ccc;
  	margin-right: 3px;
}

.handle-counter .btn {
  	width: 24px; 
  	height:37px;
  	padding: 0px 0px;
  	color: #fff;
  	font-size: 20px;
  	font-weight: bold;
  	outline: none;
  	background-color: #818181;
  	margin-right: 5px;
}
.handle-counter .btn:hover {
	color: #fff;
	background-color: #c1bbbb;
}
.handle-counter .btn.counter-minus {
	border-top-left-radius:  	0px;
	border-bottom-left-radius:  0px;
	border-top-right-radius: 	 0px;
	border-bottom-right-radius:  0px;
}
.handle-counter .btn.counter-plus {
	border-top-left-radius:  	 0px;
	border-bottom-left-radius:   0px;
	border-top-right-radius:  	0px;
	border-bottom-right-radius: 0px;
}
.handle-counter .btn:active, .handle-counter .btn:focus {
	box-shadow:	 none !important;
	outline:	 none !important;
	border: 1px solid transparent !important;
}
.handle-counter .btn:disabled, .handle-counter btn:disabled:hover {
  	background-color: #818181;
  	cursor: not-allowed;
}
.centreCistellaResumida {
	margin-top: 20px;
}
.unaFilaCistella {
	font-size: 13px; border-bottom: 1px solid #ececec;margin-top: 10px;
}
.filaTotalCistella {
	text-align: right;
	color:#323232;
	font-size: 2rem; background-color: #FAF6EB; margin-top: 10px;
	padding: 1rem;
}
.filaTotalCistella .import{
	font-family: 'black', Arial, Helvetica, sans-serif;
	font-weight: bold !important;
}
.columnaFiltres {
	border: 0px solid #ccc;
	padding: 0px;
	width: 95%;
}
.blocFiltres {
	border-bottom: 1px solid #ececec;
	padding: 10px 0;
}
.blocFiltres:last-of-type {
	border-bottom: 0px;
}
.blocFiltres .titol {
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.8rem;
	color: #333;
	padding-bottom: 6px;
}
.blocFiltres .llistaOpcions {

}
.blocFiltres .llistaOpcions  ul li {
    list-style: none;
}
.blocFiltres .irs--round .irs-bar {
    background-color: #73b21e;
}
.blocFiltres .irs--round .irs-from, 	.blocFiltres .irs--flat .irs-from,
.blocFiltres .irs--round .irs-to,  		.blocFiltres .irs--flat .irs-to,
.blocFiltres .irs--round .irs-single,  	.blocFiltres .irs--flat .irs-single
{
    background-color: #888;
}
.blocFiltres .irs--flat .irs-from:before,
.blocFiltres .irs--flat .irs-to:before,
.blocFiltres .irs--flat .irs-single:before {
    border-top-color: #1861c8
}
.blocFiltres .irs--round .irs-handle {
    border: 4px solid #e9a029;
}
.blocFiltres .irs--flat .irs-bar {
    background-color: #888;
}
.blocFiltres .irs--flat .irs-handle>i:first-child {
	width: 3px;
    background-color: #07365a;
}
.blocFiltres .irs--flat .irs-handle.state_hover>i:first-child,
.blocFiltres .irs--flat .irs-handle:hover>i:first-child {
    background-color: #009688;
}

.filtresActius {
	border: 1px solid #f3f3f3;
	padding: 10px;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 20px;
}

.filtresActius .unaParaula {
	display: inline-flex;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 4px;
	padding: 4px 8px;
	background-color: #f3f3f3;
	color: #515151;
	cursor: pointer;
}
.filtresActius .unaParaula:hover {
	background-color: #ffe9e9;
}
.filtresActius .unaParaula .btn {
	margin-left: 4px;
	margin-top: 4px;
}
.filtresActius .unaParaula:hover .btn{
	color: red;
	background-color: #ffe9e9;
}

.blocOrdenar {
	display: inline-block; 
	font-size: 12px;
	height: 34px;
	margin-top: 1px;
}
.titolOrdenarPer {
	display: inline-block;
	margin-bottom: 0;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-right: 5px;
}
.divSelectOrdenar {
	display: inline-block;
	margin-bottom: 0;
}
.divSelectOrdenar select {
}

.treureFiltres {
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 6px;
	font-weight: normal;
}
.btn.tornar {
	color:#5f5f5f;
}
.btn.tornar:hover {
	color:#000000;
	background-color: #bbbbbb;
}



.barraIcones{padding: 30px 0;}

.imgDestHome{width:100%; height: 70%; background-size: cover;background-repeat: no-repeat;background-position:center;}
.ajustSocialPeu{padding-left: 10px; padding-top: 25px;}
.textSegueix{padding: 0 30%;}
.potPetit{display: none;}




.botoDescobreix{background-color: rgba(255,255,255,0); padding: 4px; display: inline-block; margin: 5% auto 10px auto; transition: 0.8s; border: 0px solid #555;}
.botoDescobreix2{background-color: #d49e76; padding: 10px 40px; color: #ffffff; text-align: center;font-size: 20px; transition: 0.8s;}
.botoDescobreix2:hover{background-color: #d49e76; color: #d49e76; transition: 0.8s;}
    
.botoSuscriure{background-color: rgba(255,255,255,0); padding: 1rem 0rem; display: inline-flex; align-items: center; transition: 0.8s; border: 0px solid #555; height: 45px;} 
.botoSuscriure2{ display: flex; align-items: center; background-color: #a1bbba; padding: 1rem 3rem; color: #323232; text-align: center;font-size: 1.4rem; transition: 0.8s; border: 0; text-transform: uppercase; font-family:Bold;line-height: 2.8rem; border-radius: 4px; letter-spacing: 0.4rem;}
.botoSuscriure2:hover{background-color: #ddafb2; color: #323232; transition: 0.8s;}

.botoSeguirCompra{ display: inline-flex; align-items: center; background-color: #FAF6EB; padding: 1rem 3rem; color: #323232; text-align: center;font-size: 1.4rem; transition: 0.8s; border: 0; text-transform: uppercase; font-family:Bold;line-height: 2.8rem; border-radius: 4px; letter-spacing: 0.4rem;}
.botoSeguirCompra:hover{background-color: #ddafb2; color: #323232; transition: 0.8s;}




.botoAfegir{ padding: 4px; display: inline-block; transition: 0.8s; border: 0px solid #ccc; height: 50px;} 
.botoAfegir2{font-family: 'Semibold'; background-color: #a1bbba; padding: 1rem 3rem; color: #03303a; text-align: center;font-size: 2rem; transition: 0.8s; border: 0; border-radius: 4px; margin-top: -5px; text-transform: uppercase; letter-spacing: 0.1rem; min-height: 5rem;}
.botoAfegir2:hover{background-color: #ddafb2; color: #323232; transition: 0.8s;}

.botoImprimir{background-color: rgba(255,255,255,0); padding: 4px; display: inline-block; transition: 0.8s; border: 0px solid #555; height: 40px; float: right;} 
.botoImprimir2{background-color: #d49e76; padding: 4px 20px; color: #ffffff; text-align: center;font-size: 14px; transition: 0.8s; border: 0;}
.botoImprimir2:hover{background-color: #d49e76; color: #d49e76; transition: 0.8s;}

.botoError{clear: both; background-color: rgba(255,255,255,0); padding: 1rem 3rem; transition: 0.8s; border: 1px solid #A1BBBA; height: auto; width: 100%; margin-bottom: 5px;} 
.botoError:hover{background-color: #ddafb2; color: #03303a; transition: 0.8s;}

.botoAdjuntarPdf{border:0; background-color: #d49e76; padding: 10px 20px;}
#fileDissenyClient{font-size: 16px; border: 0;}

/*.bottonayuda {	background-color: #d49e76; padding: 4px;	font-family: 'Regular', Arial, Helvetica, sans-serif;	color: #ffffff;	border: #555 1px solid;	height:45px;	width:150px;	transition: 0.7s;}
.bottonayuda:hover{background-color: #d49e76; color: #111; transition: 0.7s;}

*/




.benvingudaHome .strong {
	font-size: 24px!important;
	color: #555555;
}
.UnBannerPetit {	padding: 0px; max-height: 30rem; overflow: hidden; transition: 0.5s;}
.UnBannerPetit img{transition: 0.5s;}
.UnBannerPetit:hover img {    transform: scale(1.2);    transition: 0.5s;}

.UnBannerPetit hr{
	height: 1px;
	width: 82px;
	margin: 0px auto;
	margin-top: 4%;
	margin-bottom: 5%;
	background-color: #555555;
}
.textSobreUnBannerPetit {
	text-align: center;
	background-color: rgba(255,255,255,0.8);
	padding: 3.6% 0;
    font-size: 19px;
    line-height: 22px;
	color: #000 !important;

}
.textSobreUnBannerPetit .titolet {
	font-size:	 4rem;
	line-height: 5rem;
    color: #03303a;
    font-family: 'Billie';
    letter-spacing: 0.1rem;
}
.petit {
	font-size: 12px;
}
.divMostraDissenyClient {
	display: inline-block; background-color: #ececec; padding: 2px 8px 6px 8px; border-radius: 4px; 
	margin-left: 10px; font-size: 11px; text-align: center;
}

.textNews{background-color: rgba(255,255,255,0.8);}
.textNews p{font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #474747;    line-height: 16px;    font-size: 14px;}
.aNews{font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #474747;    line-height: 16px;    font-size: 14px;}
.iconetaCistella {	cursor: pointer;	float: left;}
.iconetaAmbNumCistell {	cursor: pointer; user-select: none; position: absolute;
    background-color: #fff;
    border: 2px solid #d2d4af;
    font-size: 1rem;
    font-family: 'Bold';
    border-radius: 50%;
    padding: 0px;
    color: #000;
    top: -9px;
    right: -18px;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.botoIdiomes{list-style: none; margin-top: 0;}
.botoIdiomes2{border: 0px solid #ccc; padding: 5px 10px; color:#164cab; transition: 0.7s; background-color: #ebebeb;border-radius: 64px; margin-bottom:5px; }
.botoIdiomes2:hover{background-color: #ebebeb;border: 0px solid #888; transition: 0.7s;}

.ajustContingut{margin-top:10rem; padding: 0 3%;margin-bottom:10px;}
.nav-pills>li+li>a:hover{color: #222 !important;background-color: #ebebeb}
.activo{
    border: 0px solid #89bfdb!important;
    color: #fff|important;
    background-color: #89bfdb!important;
    cursor: pointer;
}


figure.snip0015 {
  font-family: 'Regular', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0px;
  min-width: 210px;
  max-height: 210px;
  width: 100%;
  padding-top: 94%;
  background: #fff;
  text-align: center;
}
figure.snip0015 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0015 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  filter: brightness(0.30);
}
figure.snip0015 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
figure.snip0015 figcaption::before {
  position: absolute;
  top: 50%;
  right: 30px;
  bottom: 50%;
  left: 30px;
  content: '';
  opacity: 0;
  background-color: #888;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0015 h2,
figure.snip0015 .signeMes,
figure.snip0015 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0015 h2,
figure.snip0015 .signeMes {
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  font-size: 24px;
}
figure.snip0015 p {
  font-weight: 200	;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0015 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff !important;
}
figure.snip0015:hover img {
  opacity: 0.35;

}
figure.snip0015:hover figcaption h2,
figure.snip0015:hover figcaption .signeMes {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  width: 100%;
  height: 100%;
  background-color: rgba(108,112,89,0.8);
}
figure.snip0015:hover figcaption p {
  opacity: 0.9;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0015:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  top: 30px;
  bottom: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.icoDest{width: 50px !important; opacity: 1 !important; padding-top: 23%;}

.numcomandaTitol{font-size: 30px;}


.menuScroll{transition: all 0.7s ease;  width: 100%;   min-height: 100px;   position: sticky;   top: 0;  z-index: 222;}
.barraVerd{background-color: #888 !important;position: fixed; top: 133px; left: 0; width: 100%; z-index: 46; height: auto; padding: 10px 0;transition: all 0.7s ease;}
.barraVerdAjust{top: 49px !important; padding: 0px 0 0 5px !important; transition: all 0.7s ease;}

.navbar-right, .navbar-nav > li {
    float: none !important;
}    
 
.navbar-nav > li {
    display: inline-block;
}

.navbar-right{
    text-align: center;
}

.slogan{text-align: center;font-size: 50px; color:#888; text-transform: uppercase;font-family: 'Semibold', Arial, sans-serif;}
.slogan2{text-align: center;font-size: 28px; color:#888; font-family: 'Regular', Arial, sans-serif;}

.divCapInt{clear:both; margin-top: 90px;position: relative;}


#divFiltres 	{ min-height:500px; }
#divBotoAplicar { display: none; }


.prodDestaca4{display: none;}
.ajustDestacatsHome{margin-left: -12px;}
.nomesEscriptori{display: block;}
.centratBoto {background-color: #ececec; color:black;}
.morecontent span { display: none;}

.imatgeEnLlistat { transition: 0.5s;	width:100%; padding-top: 100%; 	background-size: cover;background-repeat: no-repeat;background-position:center;    -webkit-transition: background 0.5s;    -moz-transition: background 0.5s;    -o-transition: background 0.5s;    transition: background 0.5s; transition: 0.5s;}
a.checked {	color: #888;	font-family: 'Semibold';	font-size: 15px;}
.imatgeEnLlistat:hover{-webkit-box-shadow: 0px 3px 10px 5px rgba(0,0,0,0.33);-moz-box-shadow: 0px 3px 10px 5px rgba(0,0,0,0.33);box-shadow: 0px 3px 10px 5px rgba(0,0,0,0.33); transition: 0.5s;}

.botoGhost2{color: #888;	font-family: 'Bold', Arial, Helvetica, sans-serif;}
.videoTaller:hover{opacity: 0.8;}





.barraSuperior{justify-content: center; padding: 0.7rem 2rem; display: flex; align-items: center; background-color: #A1BBBA; width: 100%; font-size: 1.5rem; color: #03303A;}
.iconTop{width: 4rem;}
.llistat3 {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(25em, 1fr));  grid-column-gap: 4rem;grid-row-gap: 4rem;     }

.llistat4 {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));  grid-column-gap: 4rem;grid-row-gap: 4rem;     }

.margin4{margin-top: 4%;}
.margin7{margin-top: 7%;}
.dadesProducte{padding: 1rem 2rem 6rem;}
.dadesProducte h2{font-family: 'Billie'; font-size: 2.4rem; line-height: 3rem;}
.dadesProducte h3{font-family: 'Regular'; font-size: 1.4rem; line-height: 2rem;}
.centrat{text-align: center;}
.boxsubcat{height: 30rem; width: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; position: relative; padding:2rem 4rem ; background-color: rgba(161, 187, 186, 1); transition: 0.5s;}
.boxsubcat h2{ border: 1px solid #ffF; padding: 1rem 3rem; color: #03303A; font-family: 'Billie'; font-size: 4rem; line-height:4.2rem; background-color: rgba(255, 255, 255, 0.5);}
.boxsubcat img{object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; opacity: 0.4; background-color: #FAF6EB; transition: 0.5s;}
.boxsubcat:hover{background-color: rgba(161, 187, 186, 0.9); transition: 0.5s;}
.boxsubcat:hover img{opacity: 0.9}
.boxsubcat:hover h2{ background-color: rgba(255, 255, 255, 0.9); transition: 1s;}
.infmenu{text-transform: none;}

.marginBot{margin-bottom: 5rem;}

.dos50 {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 10rem;grid-row-gap: 0px;}
.dos50_div1 { grid-area: 1 / 1 / 2 / 2; }
.dos50_div2 { grid-area: 1 / 2 / 2 / 3; }

.boto{ display: inline-flex; align-items: center; background-color: #a1bbba; padding: 1rem 3rem; color: #03303a; text-align: center;font-size: 1.4rem; transition: 0.8s; border: 0; text-transform: uppercase; font-family:Bold;line-height: 2.8rem; border-radius: 4px; letter-spacing: 0.4rem;}
.boto:hover{background-color: #ddafb2; color: #323232 !important; transition: 0.8s;}

.botoComprarR{ display: flex; align-items: center; background-color: #fff; padding: 1rem 3rem; color: #323232; text-align: center;font-size: 1.4rem; transition: 0.8s; border: 1px solid #ddd; text-transform: uppercase; font-family:Bold;line-height: 2.8rem; border-radius: 4px; letter-spacing: 0.4rem; margin-top: 1.5rem; justify-content: center; position: absolute; bottom: 1rem; width: 90%;}
.botoComprarR:hover{background-color: #a1bbba;  border: 1px solid #a1bbba; color: #323232 !important; transition: 0.8s;}

.boto2{ display: inline-flex; align-items: center; background-color: transparent; padding: 1rem 3rem; color: #03303a; text-align: center;font-size: 1.4rem; transition: 0.8s; border: 0; text-transform: uppercase; font-family:Bold;line-height: 2.8rem; border-radius: 4px; letter-spacing: 0.4rem; border: 1px solid #03303a; }
.boto2:hover{background-color: #ddafb2; color: #323232 !important; transition: 0.8s; border: 1px solid #a1bbba;}

.boto3{ display: inline-flex; align-items: center; background-color: transparent; padding: 0.5rem 3rem 0.5rem 0; color: #03303a; text-align: center;font-size: 1.2rem; transition: 0.8s; border: 0; text-transform: uppercase; font-family:Bold;line-height: 2.8rem; border-radius: 4px; letter-spacing: 0.4rem; border: 1px solid transparent; }
.boto3 img{width: 3rem; margin-left: 1rem;}
.boto3:hover{background-color: #a1bbba; color: #323232 !important; transition: 0.8s; border: 1px solid #a1bbba; padding: 0.5rem 3rem;}

.presentacio {display: grid;grid-template-columns: 35% 1fr;grid-template-rows: 1fr;grid-column-gap: 10rem;grid-row-gap: 0px;}
.presentacio_div1 { grid-area: 1 / 1 / 2 / 2;  font-family: 'Regular', Arial, Helvetica, sans-serif;  line-height: 3rem;  font-size: 2rem; color: #03303a; display: flex; align-items: center;}
.presentacio_div2 { grid-area: 1 / 2 / 2 / 3; }
.presentacio_div1 img{width: auto; height: 15rem; padding-top: 10px;}

#blocNewsletter{display: flex; align-items: center; padding: 5rem 0;}

.dividerBotiga{ height: 5.4rem; background-image: url(../imgs/fonsNews2.svg); background-size: cover; background-position: top center; border-bottom: 4px solid #A1BBBA;  border-top: 4px solid #A1BBBA}
.xarxessocialsHome{text-align: left;}
.xarxessocialsHome img{width: 5rem !important; margin:1rem 1rem 2rem 0; height: auto; transition: 0.5s;}
.xarxessocialsHome img:hover{transform: scale(1.1); transition: 0.5s;}




.blognew {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10rem;
grid-row-gap: 3rem;
position: relative;
    align-items: start;
}

.blognew_div1 { grid-area: 1 / 1 / 2 / 2; grid-area: 1 / 1 / 2 / 2; 
    position: -webkit-sticky; /* Soporte para Safari */
    position: sticky; 
    top: 16rem; /* La distancia desde el borde superior */}
.blognew_div2 { grid-area: 1 / 2 / 2 / 3; }



































































@media (min-width: 1003px) and (max-width: 1980px) {
	.selectorfamilia { display:none; }
	#divFiltres 	{ display:block !important; }
}

@media (min-width: 1004px) and (max-width: 1100px) {
	.icoConta{width: 30px !important;}
}

@media (min-width: 767px) and (max-width: 1003px) {
	.telConta{font-size: 16px;}
	.faxConta{font-size: 15px;}
	.icoConta{width: 25px !important;}
	.cajaaclientes {	border:1px solid #e4e4e4; 	width:100%;	}
	.selectorfamilia, .ocultar {	display:none;	}
	.input {	width: 85%;	}
	.ajudansmobil {	display:inline;	}
	.ajudanspc {	display:none;	}
	.noticia_imatge {	width:37%;	float:left;	}
	.noticia_descripcio {	width:63%;	float:left;	}
	.medidamarca{float:right;width:100%;max-width:110px;}
}

@media screen and (max-width: 1680px) {
	#sepTaronja, .imgSepTaronja{height: 420px;}
	.colocaflor{bottom:20px;}
}

@media screen and (max-width: 1600px) {
	.contenedor {padding-right: 4%;	padding-left: 4%;}
	.botoSaberMes {    padding: 25px 38px;    font-size: 24px;}
	.colocavideo{width: 55%; padding: 2px 2% 0 0;}
	.titProducte { font-size: 1.7rem;  line-height: 2.2rem;}

}

@media screen and (max-width: 1440px) {
	.colocaflor img{width:145px;}
	.textSegueix{padding: 0 21%;}
	.pvp2 {    font-size: 2.2rem;    line-height: 2.0rem;}
	.titolNotiHome {    font-size: 21px;    line-height: 28px;}
	.espect {    font-size: 14px;}
	.blocFiltres .titol {    font-size: 1.6rem;}
	.textSobreUnBannerPetit .titolet {	font-size:24px;	line-height: 24px;}
	.colocavideo { width: 59%; padding: 2px 2% 0 0; }
	.colocaflor{bottom:17px;}
	.estructuraPeu {    grid-template-columns: 37% 7% repeat(2, 22%) 1fr;}
}

@media (max-width: 1366px) {
	.dropdown {    font-size: 17px;	}
	.margincomment{padding: 0 5% 0 0; margin: 0px;}
	body {    line-height: 2.5rem;    font-size: 1.6rem;}
	.colocaflor {    bottom: 16px;}
	.margineshome{margin-top: 5rem!important; margin-bottom: 2rem!important;}
    .formato1 {    grid-template-columns: 62% 1fr;    grid-column-gap: 15px;}
	.estructuraPeu {    grid-template-columns: 34% 7% repeat(2, 22%) 1fr;}
	.similarh1 { font-size: 3.5rem; line-height: 4.6rem;}

}

@media (max-width: 1360px) {
	.cajaproductos {	width:100%; }.nav > li > a { padding: 0px 11px;}
	.colocamenu{min-width:280px;float:left;}
	.colocamenu h3{font-size: 14px;}
}

@media (max-width: 1280px) {
	.dropdown {    font-size: 17px;}	
	.textSegueix{padding: 0 22%;}
	.descnou.proveidor{font-size: 12px;}
	.descnou.marca{font-size: 12px;}
	.handle-counter input.relacionats{width: 40px !important;}
	.textSobreUnBannerPetit .titolet {    font-size: 21px; font-family: 'Semibold';}
	.homecategorias {    grid-template-columns: repeat(auto-fill, minmax(25em, 1fr));}
	.homeproductos {    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));}
}

@media (max-width: 1150px) {
	.loslaterales {    padding: 0 1%!important;}
	.espect {    font-size: 14px;    padding-left: 6px;}
	.imagenesitems{width:27px; display: none;}
}

@media (max-width: 1145px) {
	.colocamenu{width:217px;min-width:217px;float:left;min-height:200px;}
	.altbuscar{background-color:#f4f4f4;padding:13px;min-height:84px!important;}
	.contenedor {    padding-right: 4%!important;    padding-left: 4%!important;}
	.elText {    padding: 30px 30px 0 40px;    font-size: 2.8rem;    line-height: 2.1rem;}
}

@media (max-width: 1024px) {
.mini {    font-size: 1.2rem; line-height: 1.5rem;}
    .formato1 {        grid-template-columns: 55% 1fr;    }

    .pvp2 {        font-size: 2.1rem;        line-height: 2.1rem;    }
.pvpoferta {    font-size: 12px;    line-height: 16px;}
	.similarh1 { font-size: 3.0rem; line-height: 4.0rem;}	
.footer a {   font-size: 13px; line-height: 16px;}
	.estructuraPeu { line-height: 2.1rem;     font-size: 1.3rem;}
	.submenu {    font-size: 1.3rem;    line-height: 1.4rem;}
	.submenu a {    padding-right: 2rem; }
	.homeproductos {    grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));    grid-column-gap: 2.0em;    grid-row-gap: 2rem;}
	.menuGRAN{height: 100px;}
	.familias{padding: 25px 0 0 18px;}
	.lupita{width: 40px;    float: right;    margin-top: 31px;display: block;}
	.cajaproductos {	width:100%; }
	.itemcesto {    font-size: 11px;    padding: 2px 0;    width: 79px;}
	.familias {    padding: 25px 0 0 10px;}
	.row {  margin-left: 0px!important;  margin-right: 0px!important;}
	.cajaproductosrel {    min-height: 300px;}
	.cajaproductosrel2 {    min-height: 350px;}
	.contenedor {    width: 100%;    padding-right: 1%;    padding-left: 1%;}
	.loslaterales{padding:0 2%!important;}
	.cestico{float:right;margin: 0 0 0 0px;width:15px;}
	.selectorIdioma {    margin-left: 0px!important;    padding: 2px 7px!important;    font-size: 12px!important;}
	.minimaaltura{min-height:76px;}
	.localizamenu {    top:22px!important;}	
	.ocho{padding-left:0px!important;}
	.peuDret{ font-size: 11px;line-height: 13px;}
	.segundologo {    margin: 10px 10px 0 20px;}
	.tercerlogo {    margin: 6px 15px 0 0;}
	.flex-caption img{width: 120px}
	.solete{width:55px!important;}	
	.posMenu{margin-top: 4% !important;}
	.liFinal{padding-right: 30px;}
	.aIcones1, .aIcones2{font-size: 14px; line-height: 18px;}
	.imgIcona{width: 40px !important;}
	.barraIcones{padding: 15px 0;}
	.similarh2{font-size: 40px; line-height: 40px;}
	#sepTaronja, .imgSepTaronja{height: 272px;}
	.miniFormCompra .bottoncomprarproducto {   padding: 1px 30px!important;}
	/*.imgProdDestHome{height: 200px; }*/
	.cajaproductos2{min-height: 565px;}
	.svg1{width: 40px !important;}
	/*#blocNewsletter, .imgNewsletter {height: 350px;}*/
	.logo2{max-width: 100px;}
	.ajustSocialPeu{padding-left: 0px}
	.botoSaberMes {    padding: 10px 20px;    font-size: 18px;}
	.textSegueix{padding: 0 12%;}
	.cajaproductosrel .oferta{padding:7px 20px;}
	.miniFormCompra .bottoncomprarproducto{font-size: 15px;}
	.inputbuscador{width: 125px;}
	.barraVerd{top:100px;}
	.titolNotiHome{font-size: 21px; line-height: 24px;}
	.footer{	font-size: 14px; line-height: 20px;}
	.modePagament{margin-bottom: 0px !important;}
	.taula_cistella{font-size: 15px;}
	.pvp{padding-top: 0; font-size: 17px;}
	.handle-counter input{width: 40px; height: 40px;font-size: 17px;}
	.unProducte{min-height: 390px !important;}
	.laImatge img {    height: 49vh;}
	.UnBannerPetit hr {    margin-top: 1%;    margin-bottom: 1%;}
	.escuadra {    display: grid;    grid-template-columns: 22% 1fr;}
	.hipermenu {    margin-top: 25px;}
	.blocFiltres .titol {  font-size: 1.4rem; }
	.pvp2 { font-size: 2.3rem; line-height: 2.1rem;}
}


@media (max-width: 1023px) {
	.colocaflor{left: 85%;}
	.estructuraPeu {display: grid;grid-template-columns: 33% repeat(2, 1fr) 33%;grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
	.estructuraPeu1 { grid-area: 1 / 1 / 2 / 2; }
	.estructuraPeu2 { grid-area: 1 / 2 / 2 / 4; }
	.estructuraPeu3 { grid-area: 1 / 4 / 2 / 5; }
	.estructuraPeu4 { grid-area: 2 / 1 / 3 / 5; text-align: center;}
	.estructuraPeu5 { grid-area: 3 / 1 / 4 / 3; }
	.estructuraPeu6 { grid-area: 3 / 3 / 4 / 5; }
	.estructuraPeu7 { grid-area: 4 / 1 / 5 / 5; margin-top: 30px;}
	.xarxessocials{display: inline-flex;}

	.formato1 {grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);}
	.formato1_img { grid-area: 1 / 1 / 2 / 2;  }
	.formato1_text { grid-area: 2 / 1 / 3 / 2;}
	.los65{text-align:right;height: 31vh;}
	.colocaflor img {  width: 123px;}
	.CabSuperior {    grid-template-columns: 1fr 1px 220px;}
	.segundocarrusel{display: block;}
	.ajustPadGrid{padding: 0 !important;}	
	.movimg{top: 0px; position: relative; clear: both;}
	h3 {    font-size:21px;    }
	.buscar {display: none}
	.borrar{display:none;}
	.navbar-nav{display:none!important;}
	.minimaaltura{min-height:80px;} 
	.localizamenu {    top:10px!important;}	
	.segundologo{display:none}
	.tercerlogo{display:none}
	.hipermenu{display:none}
	.padinews{padding:1% 2% 2% 2%;}
	.homecategorias {    grid-template-columns: repeat(auto-fill, minmax(19em, 1fr)); }
	.laImatge img {    height: 36vh;}
	.toggleFiltres{border: 2px solid #ccc !important; background-color: #ebebeb; width: 97%; border-radius: 5px;}
	.productbox { grid-template-columns: 0% 1fr;    grid-template-rows: auto;    grid-column-gap: 0%;    grid-row-gap: 0px;}
    .logo1 {  max-width: 180px;        margin-left: 80px;        margin-top: -25px;    }
    .logo2 {  max-width: 127px;    }
}

@media (max-width: 1010px) {
	.cajaproductos {width:100%; overflow:visible; height:auto; }
	.aparecer{display: block;}
	.alturabuscador{ height:85px;}
	.alturalogo { height: 83px;}
	.aparececesto{display: block;}
	.buscar{margin-top: 3px;float: left;  min-width: 219px;}
	.corazon{width:39px;margin-top:4px;padding-right:5px;}
	.loslaterales{margin-bottom: 20px;}
	.bottoncomprarproducto {margin-top: 2px;}
	.botoSaberMes {    padding: 10px 30px;    font-size: 20px;}
	.fildariadna {    padding: 0px 0px 0 0px;}
}

@media (max-width: 991px) {
	.escuadra {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
	.escuadradiv1 { grid-area: 1 / 1 / 2 / 2; }
	.escuadradiv2 { grid-area: 2 / 1 / 3 / 2; }
	 #divFiltres 	{ display: none; min-height:50px; }
	 .menulateral{display: none;}
	 .menulateral1{display: none;}
}



@media screen and (min-width: 1003px) {
  	#menuMobile{display:none;}
}

 @media screen and (max-width: 768px) {
    .colocaflor img {        width: 99px;    }  
	.logosKit { display: inline-flex;}
 	.desapareceeee{display: none;}
	.cajaproductos { min-height: 615px!important; }
	.idiomes{margin-left: 30px;}
	.aIcones1, .aIcones2{font-size: 12px; line-height: 18px;}
	.imgIcona{width: 30px !important; margin-top: 7px;}
	.textQS{font-size: 20px; line-height: 30px;}
	.botoQS {  padding: 10px 40px;    font-size: 20px;    line-height: 20px; margin-top: 10px;}
	#sepTaronja, .imgSepTaronja{height: 190px;}
	.logo1{width: 200px; margin-top: 5px;}
	.logo2 {  width: 200px;  margin-top: -22px; }
	p.blanc{font-size: 17px !important;}
	.aNews{font-size: 14px;}
	.textSegueix{padding: 0 10%;}
	.oferta, .novedad{right: 5px;}
	.enviamentTop{display: none;}
	.barraVerd{display: none;}
	.textSobreUnBannerPetit{font-size: 14px;     top: 10%;    bottom: 10%;}
	.textSobreUnBannerPetit .titolet{font-size: 18px;}
	.inputayuda {  width: calc(100% - 170px);}
	.caixaModePagament {text-align: right;}
	.peu2{font-size: 12px;}
	.ajustPeu{padding: 0 !important}
	.divCapInt{margin-top: 10px; background-color: #888; height: 10px;}
	.redes{display: none;}
	h1{margin-top: 20px;}
	.cajaproductosrel {    min-height: 365px;}
	.h2rel{margin-top: 50px;}
	.prodDestaca4{display: block;}
    #divBotoAplicar { display: block; border: 0px solid #ccc; margin-top: 20px; text-align: center;}
    #divBotoAplicar button{background-color: #888 !important; color: #fff; transition: 0.7s; width: 100%;        padding: 10px;}
    #divBotoAplicar button:hover{background-color: #fff !important; color: #888; transition: 0.7s;}
	.nomesEscriptori{display: none;}
	.divConfigCookies {    border-radius: 0rem;    min-width: 200px;    padding: 1rem 2rem 0px 2rem;}
	.homeproductos, .listadoproductos{   grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));    grid-column-gap: 2em;    grid-row-gap: 5rem;}
	.caixaGraella { border: 1px solid #ccc !important; }
}

@media screen and (max-width: 767px) {
.dejatop {
    background-color: transparent;}
	.padinews h2 {    margin: 20px 0 10px 0;}

	.cuadrobase {    padding: 12px;}
	.taula tr td {   padding: 3px 7px;}
	h3 { font-size: 17px;  }
	.homeproductos, .listadoproductos { grid-template-columns: repeat(auto-fill, minmax(7em, 1fr));        grid-column-gap: 1em;        grid-row-gap: 2rem;    }
	.los5{margin-top: 1rem;}
	h5 {    font-size: 18px;    line-height: 20px;}
	.escuadra {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
	.escuadradiv1 { grid-area: 1 / 1 / 2 / 2; }
	.escuadradiv2 { grid-area: 2 / 1 / 3 / 2; }
  	.gramatica img {    width: 31px;    padding: 0px 3px;    display: inline-block;}
  	.deimagen{float:none;margin:0 0 0 0px;text-align:center;max-width:1300px;}
	.deimagen img{max-width:1100px; max-height:1100px;width:100%}
  	.medidamarca{float:right;width:100%;max-width:80px;}
	.badge-notify{    top: -31px;    left: -44px;  }
  	.derecha{border:0;width:auto;float:left;min-width:auto; max-height:none;padding:10px 0;}
  	.cajaaclientes {border:1px solid #e4e4e4;   		width:100%;  	}	
  	.esteticafamilia {  		background-color: #f2f2f2;  		width:48%;   		margin-right:3px;  		padding:15px;  		border: #cccccc 0px solid;	  		color:#2d2c2c;  		font-family: 'Bold', Arial, Helvetica, sans-serif;  		font-size: 16px;  		margin-bottom: 18px;  		-webkit-appearance: none;  	}
  	.ocultar {  		display:none;  	}
  	.ajudansmobil {  		display:inline;  	}
  	.ajudanspc {  		display:none;  	}
  	.valoracio_pregunta {  		width:40%;  	}
  	.visible_peu {  		display:inline;  	}
  	.noticia_imatge {  		width:100%;  		clear: both;  	}
  	.noticia_descripcio {  		width:100%;  		clear: both;  	}
  	.maps_mobil {  		display: inline;  	}
  	.maps_web {  		display: none;  	}
  	.videos_mobil {  		display: inline;  	}
  	.videos_web {  		display: none;  	}
  	.borrarLogoPeu{display: none;}
	.redes{display: none;}
	.desaparece767{display: none;}
	.inputayuda { min-width: 150px;}

	.estructuraPeu {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(7, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
	.estructuraPeu1 { grid-area: 1 / 1 / 2 / 2; }
	.estructuraPeu2 { grid-area: 2 / 1 / 3 / 2; }
	.estructuraPeu3 { grid-area: 3 / 1 / 4 / 2; }
	.estructuraPeu4 { grid-area: 4 / 1 / 5 / 2;margin-top:10px; border-top:1px solid #888; padding-top:10px; }
	.estructuraPeu5 { grid-area: 5 / 1 / 6 / 2; }
	.estructuraPeu6 { grid-area: 6 / 1 / 7 / 2; }
	.estructuraPeu7 { grid-area: 7 / 1 / 8 / 2; }
	.xarxessocials {  text-align: left; margin-top:10px;  padding-top:10px; }
    .footer {   font-size: 15px;  line-height: 20px; }
    a.peu {font-size: 13px;    }
	.logosKit { text-align: left;}
	.menuGRAN{height: 60px;  margin-bottom: 30px;}

	.CabSuperior3{ display: none}

        .blognew {
        grid-template-columns: 1fr;
        grid-column-gap: 0;
    }
    .blognew_div1 {
        position: static; /* Quitamos el sticky en pantallas pequeñas */
    }
  }

@media (max-width: 718px) {
	.inPie2{clear: both;margin-bottom: 0;}
	.peuEsq{clear: both;text-align: center;padding: 0; }
	.iconoShow{display: none;}
	.iconoHide{display: inline-block;}
	.cenDir{padding-right: 12px;}
	.mascaraPeu{display: none;}
	.loslaterales{padding:0 0%!important;}
}


 @media screen and (max-width: 679px) {
    .logo2 {        width: 84px;        margin-top: -23px;    } 	
		  	.bannerGran{display: none;}
		  	.bannerMobile{display: block;}
		  	.borrar679{display: none;} 	
.titProducte {    font-size: 1.2rem;    line-height:1.4rem;} 	
    .contenedor {  padding-right: 14px !important;  padding-left: 14px !important;    }
        .pvp2 {        font-size: 1.8rem;        line-height: 1.8rem;    }
    .col-xs-24 {padding-left: 4px!important;    padding-right: 4px!important;}
	.ajustDestacatsHome {    margin-left: 0px;} 	
	.fora679{display: none;}
	.h2Honest{font-size: 20px !important; padding-top: 3px !important;}
	.barraIcones div{display: grid !important; text-align: center;}
	.imgIcona{margin: 30px auto 0 auto !important;}
	.barraIcones{padding: 0 0 20px 0;}
	.centratXS{text-align: center;}
	.ajustPad{padding: 10% 3% !important;}
	#sepTaronja{height: 450px; text-align: center;}
	.imgSepTaronja{height: 200px;}
	.textQS{font-size: 25px; line-height: 35px; margin-top: 20px;}
	.imatgePot{margin: 40px 0;}
	.textSegueix{padding: 0 5%;}
	.imgNewsletter{height: 222px;}
	#blocNewsletter{height: auto; }
	.inputayuda{width: 100% !important;}
	.bottonayuda{width: auto !important;}
	.footer a.blanc{font-size: 25px;}
	.footer a {    line-height: 1.0rem;}
	.footer_1, .footer_2{margin-bottom: 50px;}
	.handle-counter input {  height: 27px;width: calc(100% - 68px);    }
	.capcaleraXS{display: block;}
	.textNews{padding: 12% !important;}
	.potGran{display: none;}
	.potPetit{display: block;}
	.oferta, .novedad{right: 0px;}
	.menuScroll{height: 60px !important;}
	.titXS{height: auto !important; padding: 5px 20px;}
	.idiomes{display: none;}
	.insta{margin-left: 35px;  margin-top: 2px;}
	.iconUser{margin-right: 10px !important;}
	.ajustPastilles{margin: 20px 0;}
	.ajustImgInsta{margin-bottom: 20px;}
	.UnBannerPetit{padding: 0;}
	.textSobreUnBannerPetit{left: 15%; right: 15%; bottom: 15%; top:20%;}
	h2{    margin-top: 20px;    font-size: 20px;    line-height: 24px;}
	.caixaModePagament {text-align: center;}
	.peu2{font-size: 15px !important;}
	.incPie2 {padding: 5% 0;}
	.ajustImgNoti{margin-top: 30px;}
	h1 {font-size: 25px!important;	line-height: 28px!important; margin-top: 0px; font-family: 'Bold'; }
	.caixaRelacionats{height: 250px !important; }
	.prodDestaca4{display: none;}
	h2.h2compra{font-size: 24px !important; line-height: 30px !important; margin-top: 0 !important;}
.unProducte{min-height: 340px !important;}

	.productbox{grid-template-columns: 1% 96%;}


}



@media (max-width: 600px) {

	.ajustPeu b {line-height: 52px; }
  	.pregunta{		clear: both;	}
  	.valoracio_pregunta{		margin-left:0;		clear: both;		width:100%; }
  	.zonas1{background-color:#888;color:#ffffff!important;min-height:80px;text-align:center;margin-bottom:0px;padding:10px 0;}
  	.vales1{background-color:#888;color:#ffffff!important;min-height:54px;text-align:center;margin-bottom:0px;padding:10px 0;}
	.bottoncomprar{	font-size: 17px;	color: #ffffff;	padding: 8px;	min-width:130px;     height: auto;}
	.newsdesc {	font-size: 15px!important;line-height: 15px!important;}
	.iconoHide {    display: none!important;}
	.margenes{padding-left: 0px!important;    padding-right: 0px!important;}  
	.cajaproductosLista img {	border:0; }
	.iconografiarosa11 {	padding:4px;	font-size: 14px;	line-height: 18px;	width:140px;}
	.bottonayuda {width: 90px;}
	.marquines{display: none;}
	.titHome {    line-height: 25px;}
	.inputayuda {    width: calc(100% - 106px);}
	.calambre a{line-height: 33px;}
	.botoComprar{margin-top: 20px;width: 100%;}
	.botoComprar2{width: 100%;}
	.botoSeguirCompra{margin-top: 20px;width: 100%;}
	.botoSeguirCompra2{width: 100%;}

	.homeproductos{grid-row-gap: 0rem;}

}


@media (max-width: 480px) {
  		.imatge_seccio_esq{
  		margin-left:10px;
  		width:100%;
  	}

  	.imatge_seccio_dre{
  		margin-right:10px;
  		width:100%;
  	}

  	.div_seccio1{
  		width:100%;
  	}

  	.div_seccio2{
  		width:100%;
  	}
  	.cajaproductos2 {
    min-height: auto!important;
	}
}


@media (max-width: 991px){
	.desaparece{display: none;}
}

@media only screen and (max-width: 1003px),
  (min-device-width: 300px) and (max-device-width: 1003px)  {
  	.esconderico{
  		display: inline-block;
	}

  	/* Force table to not be like tables anymore */
  	.table, .thead, .tbody, .th, .td, .tr {  display: block;  }

  	/* Hide table headers (but not display: none;, for accessibility) */

  	thead tr { 
  		position: absolute;
  		top: -9999px;
  		left: -9999px;
  	}

  	.td { 
  		/* Behave  like a "row" */
  		border: none;
  		border-bottom: 1px solid #eee; 
  		position: relative;
  		padding-left: 35%;
  		min-height:65px;	  
  	}

  	.td:before { 
  		/* Now like a table header */
  		position: relative;
  		/* Top/left values mimic padding */
  		top: 0px;
  		left: 6px;
  		padding-right: 10px;
  		font-weight: bold;
  		white-space: nowrap;
  	}
}


@media (max-width: 900px) {
    .localizamenu{position:absolute;top:20px;z-index:5454;}
}



@media (max-width: 400px) {
    .inputayuda{width: 62%;}
    .form_consen{height: auto;}
/*    #divFiltres 	{ display: none; min-height:50px; }
    #divBotoAplicar { display: inline-block;}*/
}


.plegadesplega {
	display: inline-block;
	float: right;
	cursor: pointer;
	transition: all 0.25s ease;
	color: #888;
	font-size: 16px;
}
.plegadesplega:hover {
	color: #c1bbbb;
}

.mostrames {
	cursor: pointer;
	transition: all 0.25s ease;
	color: #888;
	font-size: 16px;
}
.mostrames:hover {
	color: #c1bbbb;
}

.llistaOpcions ul {
	margin-bottom: 0px !important;
}
.properament {
	font-size: 24px;
	font-style: italic;
}
.explicaCodiPromo {
	background-color: rgba(108,112,89,0.15);
	border-radius: 4px;
	padding: 5px;
	margin-top: 0px;
	font-size: 16px;
	line-height: 16px;
}
.errorPromocio {
	color: red;
}
.detallPromocio {
	color: #888;
}
.detallPromocio2 {
	font-style: italic;
}

.unaCategoriaHome {
	display: inline-block;
	width: 29%;
	min-height: 500px;
	position: relative;
}
.unaCategoriaHome .elText {
	position: absolute;
	top: 20px; left: 20px;
	z-index: 10;
}
.unaCategoriaHome .laImatge {
	position: absolute;
	top: 0px; left: 0px;
	z-index: 0;
	width: 100%;
}
.unaCategoriaHome:hover {
	opacity: 0.8;
}
.path {	padding: 14px 20px 0 0px;	font-size: 1.0rem;	line-height: 2.6rem;  font-weight: normal;    font-style: normal;}
.fildariadna {    padding: 0px 0px 1rem 0px;    font-size: 1.3rem; color: #03303A;}
.fildariadna a {  color: #03303A !important;}
.fildariadna a:hover {  color: #A1BBBA !important;}


.divCookie {z-index: 999999 !important; display:block; position:fixed;bottom:0;min-height:100%;width:100%;background:rgba(0,0,0,0.8);color:#fff !important;font-size:1.2rem !important;font-family:sans-serif !important;}
.msencajonado{animation-name: example; animation-duration: 4s; animation-delay: -2s; background-color:#fff;padding:2%; max-width:1200px; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
@keyframes example{	0% { top:0%; }	50% { top:1200px; }}
.msgcookie {width:100%; height: auto; font-size:1.2rem !important; color:#000 !important; margin:0 auto; padding: 2rem; text-align: center; padding-top: 15%;}
.msgcookie p {margin: 0px; font-size:1.3rem !important; line-height: 2rem;}
.msgcookie a:link, .msgcookie a:active, .msgcookie a:visited,.msgcookie a:hover{color:#000}
.msgcookie a.close{float:right;display:block;width:1.6rem;height:5rem;background:url(../js/cookies/cookie.png) 0 -45px no-repeat;overflow:hidden;text-indent:- 8rem;opacity:0.5;margin:0 0 0 40px}
.msgcookie a.close{text-indent:-16rem; }
a.close:hover{opacity:1}
a.linkCookies { background-color: rgba(255,255,255,0.60); font-weight: bold; color: #888!important; border-radius: 0.4rem; padding: 0.4rem 6px; margin-left: 0.5rem ;}
a.linkCookies:hover { background-color: rgba(255,255,255,0.85); color: #888!important;}
.unBlocCookies { display: inline-block; margin: 0px 1rem; }
.encaraNoDefinit { opacity: 0.5;	}
.elwasap{padding-left: 15px; color: #1f1f1f; font-size: 1.3rem; line-height: 16px; font-family: 'Bold'}
#chat a {  position: fixed;  right: -100px;  bottom: 35px;  transition: 0.3s;  padding: 10px 5px 10px 5px;  width: 140px;  text-decoration: none;  font-size: 1.4rem;  color: #1bd741;  border-radius: 5px 0 0 5px;  display: inline-flex;  z-index: 222;}
#chat a:hover {  right: 0;}
#whatsapp {
	border-top: 2px solid #1bd741;
	border-left: 2px solid #1bd741;
	border-bottom: 4px solid #1bd741;
	background-color: #fff;
	text-align: left;
}

@keyframes floating {
  0%, 100% {
    transform: translateX(-5%);
    transform: scale(1.5);
  }
  50% {
    transform: translateY(0);
    transform: scale(1.2);
  }
}

.text3linies {
	overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;
}

a {	text-decoration: underline!important;	text-decoration-color: rgb(0, 0, 0, 0)!important;}

@media print{

	.peuGrisHome{     padding: 20px 0;
	    clear: both;
	    font-size: 12px;
	    width: 100%;
	    background-color: #ededed;
	    font-family: 'Bold', Arial, Helvetica, sans-serif;
	    letter-spacing: 1px;}

	    .peuEsq {
	    text-align: right;
	    border-right: 2px solid #aaa;
	    color: #fff;
	    text-transform: uppercase;
	}

	.peuDret {
	    font-family: 'Bold';
	    font-size: 12px;
	    line-height: 15px;
	    letter-spacing: 0;
	    min-height: 120px !important;
	}

	.peuGrisHome img {
	    margin-right: 10px;
	    width: 20px;
	    
	}
}