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

html{font-size: 10px}
body {  font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #323232;    line-height: 2.6rem;    font-weight: normal;    font-style: normal;    font-size: 1.8rem; background-color: #ffffff;  background-repeat: repeat-x;    overflow-x: hidden; }

.contenedor {padding:0;max-width: 1850px;margin:0 auto; width: 96%; }
.contenedor2 {padding:0;max-width: 1600px;margin:0 auto; width: 90%; }

.barraTop{position: fixed; top: 0; width: 100%; height: 10rem; transition: 0.5s;}
.barraTop2{height: 6rem; transition: 0.5s; background-color: #fff; z-index: 800; box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;}
.logoPet {  width: 100%;  max-width:40rem;  margin-top: 3.5rem; left:3.5rem;  margin-bottom: 1rem; transition:0.5s; position: absolute; z-index: 900; transition: 1s; pointer-events: auto;}
.logoPet2{max-width: 20rem; margin-top: 1.5rem;}
a:link{ text-decoration: none;  color: #111;}
a:visited{  text-decoration: none;  color: #ffffff !important;}
a:hover{  text-decoration: none;  color: #323232;}
a:active{ text-decoration: none;  color: #111111;}

h1 {
  font-family: 'Bold', Arial, Helvetica, sans-serif;
  font-size: 5rem;
  line-height: 6rem;
  color: #333;
}

.similarh1 {
  font-family: 'Regular', Arial, Helvetica, sans-serif;
  font-size: 30px;
  line-height: 30px;
  color: #515151;
  font-weight: normal;
  font-style: normal; 
  margin: 0 0 10px 0;
}

h2 {
  font-family: 'Bold', Arial, Helvetica, sans-serif;
  font-size: 4rem;
  line-height: 4.5rem;
  color: #111111;
  margin: 1rem 0;
  font-style: normal; 
}

.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;
}

h2.titolProductes {
  font-family: 'Bold', Arial, Helvetica, sans-serif;
  font-size: 7rem;
  line-height: 7.5rem;
  color: #111111;
  font-weight: normal;
  margin: 1rem 0;
}


h2.titolSeccio {
  font-family: 'Medium', Arial, Helvetica, sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  color: #111111;
  font-weight: normal;
  margin: 1rem 0;
}

h2.titolLlistat {
  font-family: 'Bold', Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  line-height: 3rem;
  color: #111111;
  font-weight: normal;
  margin: 1.5rem 0 1rem 0;
}


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

h4 {  font-family: 'Regular', Arial, Helvetica, sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  color: #414141;
  font-weight: normal;
  font-style: normal; 
  margin: 1rem 0 2rem 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;}


.video { height:99vh;    width: 100%;    object-fit: cover; z-index: 700;}
.caixaSlogan{z-index:10; top: 10rem; left: 0; position: absolute; width: 100%; height: 100vh; align-items: center; text-align: center; display: flex;}
.slogan{color:#333; background-color: rgba(255, 255, 255, 0.9); padding: 5rem; display: inline-flex; margin: 0 auto; border-radius: 2rem; max-width: 45%}

.redesociales{position: absolute;  right: 50px;   white-space: nowrap; z-index: 555; text-transform: uppercase; color: #fff; font-size: 14px; display: grid;}
.redesociales a{color: #ffffff!important; padding:10px 0!important;}
.xarxes{display: grid;}
.xarxes a:hover img{opacity: 0.5}


.footerDades{background-color: #597D61;}
.footerDades a:link{color: #fff; font-family: 'Regular'; font-size: 1.4rem; line-height: 3rem; transition: 0.5s;}
.footerDades a:visited{color: #fff;}
.footerDades a:hover{color: #DDB792 !important; font-family: 'Regular'; transition: 0.5s; padding-left: 0.5rem;}
.footerDades h3{color: #fff; font-family: 'Bold'; font-size: 2rem;}
.footer {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px; }
.footer_div1 { grid-area: 1 / 1 / 2 / 2; padding: 12% 15%; border-left: 1px solid #7A9781; display: grid;}
.footer_div2 { grid-area: 1 / 2 / 2 / 3; padding: 12% 15%; border-left: 1px solid #7A9781; display: grid;}
.footer_div3 { grid-area: 1 / 3 / 2 / 4; padding: 12% 15%; border-left: 1px solid #7A9781; border-right: 1px solid #7A9781;  display: grid;}
.footer_div4 { grid-area: 1 / 4 / 2 / 5; padding: 12% 15%; border-left: 1px solid #7A9781;  border-right: 1px solid #7A9781; display: grid;}
.footer_div1 img{width: 3rem; margin-right: 1.5rem;}
.footer_div1 a:link{font-size: 1.8rem; color: #fff;}

.footerLogo{background-color: #597D61; padding: 5rem 0;border-top: 1px solid #7A9781;}
.footer_final {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px; align-items: center; padding: 1rem 0;}
.footer_final_div1 { grid-area: 1 / 1 / 2 / 2; font-size: 1.4rem;}
.footer_final_div2 { grid-area: 1 / 2 / 2 / 3; }
.footer_final_div1 a{margin-left: 10%;}

.margin4{margin-top:7%;}
.marginBot{margin-bottom:5%;}
.bolon{z-index:10; bottom: 0; position: absolute; width: 100%; text-align: center; width: 100%; margin: 0 auto;}
.icoPeu{display: flex; align-items: center; margin-bottom: 0.5rem;}
.icoPeu img{width: 2.5rem; margin-right: 1.5rem;}

/*.llistat2 {display: grid;grid-template-columns: 1fr 50% ;grid-template-rows: 1fr;grid-row-gap: 10rem; grid-column-gap: 10rem; margin-top: 2%;}
.llistat2_div1 { grid-area: 1 / 1 / 2 / 2; padding: 10%; text-align:center; display: flex; align-items: center;}
.llistat2_div2 { grid-area: 1 / 2 / 2 / 3; }*/


.productesHome {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(5, auto);grid-gap: 2rem;}
.productesHome_div1 { grid-area: 1 / 1 / 3 / 2; height: 30vh; overflow: hidden; border-radius: 2rem; border: 1px solid red;}
.productesHome_div2 { grid-area: 1 / 2 / 4 / 3; height: 50vh; overflow: hidden; border-radius: 2rem; border: 1px solid blue; }
.productesHome_div3 { grid-area: 3 / 1 / 6 / 2; height: 30vh; overflow: hidden; border-radius: 2rem; border: 1px solid green;}
.productesHome_div4 { grid-area: 4 / 2 / 6 / 3; height: 50vh; overflow: hidden; border-radius: 2rem; }

.productesHome img{object-fit: cover; width: 100%; height: 100%;} 


#owl-clients .owl-item{display: flex; align-items: center; justify-content: center; width: 100%}
#owl-clients .owl-item img{filter: grayscale(100%); transition: 0.5s; opacity: 0.7;}
#owl-clients .owl-item:hover img{filter: grayscale(0); transition: 0.5s; opacity: 1;}

.projectesHome {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 2rem;grid-row-gap: 0px; margin-bottom: 2rem;}
.projectesHome1{grid-area: 1 / 1 / 2 / 2;}
.projectesHome2{grid-area: 1 / 2 / 2 / 3;}
.projectesHome_txt { padding: 10%; transition: 0.5s; display: flex; align-items: center;}
.projectesHome_img { overflow: hidden; border-radius: 2rem;}
.projectesHome_img img{width: 100%; height: 100%; transition: 0.5s; object-fit: cover; object-position: center;}
.projectesHome_txt span{font-size: 1.8rem; color: #555;}
.projectesHome_txt:hover{background-color: #F7EEE6;  border-radius: 2rem; transition: 0.5s;}
.projectesHome_img img:hover{transform: scale(1.1); transition: 0.5s; }
.titProj{text-transform: uppercase; letter-spacing: 0.1rem; font-size: 1.5rem; font-family: 'Medium'; color: #323232;}


.imgLlistat{overflow: hidden; width: 100%; height: 45rem; border-radius: 2rem;}
.imgLlistat img{width: 100%; height: 100%; transition: 0.5s; object-fit: cover; object-position: center;}
.imgZoom{transition: 1s; }
.imgZoom:hover{transition: 0.5s; transform: scale(1.1);}

.borderTop{border-top: 1px solid red; padding-top: 1rem; }


.llistat2Int {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr;grid-row-gap: 10rem; grid-column-gap: 10rem;}
.llistat2Int_div1 { grid-area: 1 / 1 / 2 / 2; }
.llistat2Int_div2 { grid-area: 1 / 2 / 2 / 3; }
.llistatNoms{font-size: 2rem; line-height: 4rem;}

.contNoticia {display: grid;grid-template-columns: 1fr 10%;grid-template-rows: 1fr;grid-column-gap: 5%; grid-row-gap: 0px; transition: all 0.3s ease;}
.contNoticia.sin-div2 {  grid-template-columns: 1fr; grid-column-gap: 0; }
.contNoticia_div1 { grid-area: 1 / 1 / 2 / 2; }
.contNoticia_div2 { grid-area: 1 / 2 / 2 / 3; display: block; position: relative; }
.contNoticia_div2 .iconesNoti{ border: 2px solid #597D61; width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center; clear: both; border-radius: 2rem; margin-bottom: 1rem; transition: 0.5s}
.contNoticia_div2 .iconesNoti img{height: 3rem;}

.contNoticia_div2 .iconesNoti:hover{background-color: #597D61; transition: 0.8s;}
.contNoticia_div2 .iconesNoti:hover img{filter: invert(100%);}


.llistat2 {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(48rem, 1fr));  grid-column-gap: 10rem ;grid-row-gap: 10rem;}

.llistat3 {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(38rem, 1fr));    grid-gap: 0px;grid-column-gap: 5% ;grid-row-gap: 0px;}
.llistat4 {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));    grid-gap: 0px;grid-column-gap: 5rem ;grid-row-gap: 0px;}


.acceptarConsentiment a:link{color:#597D61 !important}
.acceptarConsentiment a:visited{color:#597D61 !important}
.acceptarConsentiment a:hover{color: #DDB792 !important}

.icoConta{display: flex; align-items: center; justify-content: center; font-weight: bold;}
.icoConta2{ background-color: #DDB792; padding:1rem; border-radius: 50%; margin-right:1.5rem;}
.icoConta img{width: 8rem;  transition: 0.5s}
.icoConta:hover .icoConta2{background-color: #597D61;}
.icoConta:hover img{filter: invert(100%); transform: scale(1.1); transition: 0.5s;}

.iconesContacte {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 5%;grid-row-gap: 0px;}
.iconesContacte_div1 { grid-area: 1 / 1 / 2 / 2; }
.iconesContacte_div2 { grid-area: 1 / 2 / 2 / 3; }
.iconesContacte_div3 { grid-area: 1 / 3 / 2 / 4; }



/*-- BOTÓ----------------------------------*/

.boto {
  box-sizing: border-box;
  appearance: none;
  background-color: #597D61;
  border: 2px solid #597D61;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: inline-flex;
  align-self: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  margin: 3rem 0 2rem 0 !important;
  padding: 1em 2.8em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-family: "Medium", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.2rem;

}
.boto:hover,
.boto:focus {
  color: #fff;
  outline: 1px transparent;
}

.fourth {
  border-color: #597D61;
  color: #fff;
  background-image: -webkit-linear-gradient(
    45deg,
    #f1c40f 50%,
    transparent 50%
  );
  background-image: linear-gradient(45deg, #DDB792 50%, transparent 50%);
  background-position: 100%;
  background-size: 400%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}
.fourth:hover {
  background-position: 0;
  color: #323232;
}

/*-- FINAL BOTÓ----------------------------------*/

/*-- MENÚ----------------------------------*/
.caixaMenu {  position: absolute;  display: flex;  justify-content: center;  align-items: center;  min-height: 100vh;  margin: 0;  z-index: 999;}
.caixaMenu {  z-index: 899;  top: 0;}
.caixaMenu p {  margin: 0;}
#burger-toggle {  position: absolute;  appearance: none;  opacity: 0; z-index: 999}
#burger-toggle:checked ~ .menu {  opacity: 1;  visibility: visible;}
#burger-toggle:checked ~ .menu .menu-nav-link ins div,
#burger-toggle:checked ~ .menu img,
#burger-toggle:checked ~ .menu .title p {  transform: translateY(0);  transition: 1.2s 0.1s cubic-bezier(0.35, 0, 0.07, 1);}
#burger-toggle:checked ~ .menu .image-link:nth-child(1) img {  transition-delay: 0.18s; background-color: #7f998a;}
#burger-toggle:checked ~ .menu .image-link:nth-child(2) img {  transition-delay: 0.26s; background-color: #7f998a;}
#burger-toggle:checked ~ .menu .image-link:nth-child(3) img {  transition-delay: 0.34s; background-color: #7f998a;}
#burger-toggle:checked ~ .burger-menu .line::after {  transform: translateX(0); background: rgba(255, 255, 255, 1);}
#burger-toggle:checked ~ .burger-menu .line:nth-child(1) {  transform: translateY(calc(var(--burger-menu-radius) / 5)) rotate(45deg);}
#burger-toggle:checked ~ .burger-menu .line:nth-child(2) {  transform: scaleX(0);}
#burger-toggle:checked ~ .burger-menu .line:nth-child(3) {  transform: translateY(calc(var(--burger-menu-radius) / -5)) rotate(-45deg);}

.burger-menu {  --burger-menu-radius: 4em;  position: fixed;  top: 2rem;  right: 5rem;  z-index: 999;  display: block;  width: var(--burger-menu-radius);  height: var(--burger-menu-radius);  outline: none;  cursor: pointer; transition: 1s; background-color: #597D61; border-radius: 50%;}
.burger-menu .line {  position: absolute;  left: 30%;  width: 2.8rem;  height: 2px;  background: rgba(220, 220, 220, 1);  border-radius: 10px;  overflow: hidden;  transition: 0.5s;}
.burger-menu .line:nth-child(1) {  top: 35%;}
.burger-menu .line:nth-child(2) {  top: 50%;}
.burger-menu .line:nth-child(3) {  top: 65%;}
.burger-menu .line::after {  position: absolute;  content: "";  top: 0;  left: 0;  width: 100%;  height: 100%;  background: var(--primary-color-darker);  transform: translateX(-65%);  transition: 0.25s;}
.burger-menu .line:nth-child(2)::after {  transition-delay: 0.1s;}
.burger-menu .line:nth-child(3)::after {  transition-delay: 0.2s;}
.burger-menu:hover .line::after {  transform: translateX(0);}

.menu {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  display: flex;  justify-content: center;  align-items: center;background-color: rgba(221, 183, 146, 0.95);  opacity: 0;  overflow-x: hidden;  visibility: hidden;  transition: 0.5s;}

/*@media screen and (max-width: 750px) {
  .menu {
    display: block;
  }
}*/

.menu-nav {  flex-wrap: wrap;  margin: 0;  padding: 2rem ;  text-align: center;   list-style-type: none; }

@media screen and (max-width: 750px) {
  .menu-nav {
    flex-direction: column;
  }
}
.menu-nav-item {  flex: 1;}
.menu-nav-link {  position: relative;  display: inline-flex;  font-size: 2rem;  color: white;  text-decoration: none;}
.menu-nav-link ins {  overflow: hidden; text-decoration: none;}
.menu-nav-link ins div {  transform: translateY(102%);  color: #333;  font-family: 'Bold'; font-size: 4rem; line-height: 8rem;padding: 0 20px;}

.menu-nav-link ins div:after {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: calc(100% - 48px);
    width: 150px;
    height: 1px;
    background-color: currentColor;
    opacity: 0;
    -webkit-transform: translateX(69px);
    -ms-transform: translateX(69px);
    transform: translateX(69px);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.13,.68,.05,.83), opacity .1s;
    -webkit-transition: opacity .1s, -webkit-transform .4s cubic-bezier(.13,.68,.05,.83);
    transition: opacity .1s, -webkit-transform .4s cubic-bezier(.13,.68,.05,.83);
    -o-transition: transform .4s cubic-bezier(.13, .68, .05, .83), opacity .1s;
    transition: transform .4s cubic-bezier(.13,.68,.05,.83), opacity .1s;/*
    transition: transform .4s cubic-bezier(.13,.68,.05,.83), opacity .1s, -webkit-transform .4s cubic-bezier(.13,.68,.05,.83);*/
}

.menu-nav-link ins div:hover:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.menu-nav-link::after {  position: absolute;  content: "";  top: 100%;  left: 0;  width: 100%;  height: 3px;  background: var(--primary-color);  transform: scaleX(0);  transform-origin: right;  transition: transform 0.5s;}
.menu-nav-link:hover::after {  transform: scaleX(1);  transform-origin: left;}
.menu-nav-link ins div:hover{  color: #597D61 !important;}
.menu .gallery {  margin-top: 60px;  text-align: center;}
.menu .title {  font-size: 24px;  color: white;  overflow: hidden;}
.menu .title p {  font-size: 12px;  letter-spacing: 2px;  text-transform: uppercase;  transform: translateY(102%);}
.menu .images {  margin-top: 36px;  display: flex;  flex-wrap: wrap;}

@media screen and (max-width: 750px) {
  .menu .images {
    justify-content: center;
  }
}
.menu .images .image-link {  width: 15vw;  margin: 0 12px;  overflow: hidden;}

@media screen and (max-width: 750px) {
  .menu .images .image-link {
    width: 40vw;
    margin: 0 12px 12px 0;
  }
}
.menu .images .image-link .image {  position: relative;  transition: 0.6s;}
.menu .images .image-link .image::before {  position: absolute;  content: attr(data-label);  top: 0;  left: 0;  z-index: 1;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  color: white;  background: rgba(0, 0, 0, 0.6);  opacity: 0;  transition: 0.4s;}
.menu .images .image-link:hover .image {  transform: scale(1.2);}
.menu .images .image-link:hover .image::before {  opacity: 1;}
.menu .images img {  height: 250px;  transform: translateY(102%);}
.titolMenu{background-color: #fff; padding: 2rem 2rem; transition: 1s; margin: 0 2rem; text-transform: uppercase; font-family: 'Medium'}
.image-link:hover .titolMenu{opacity: 0; transition: 0.5s;}
.burger-menu2{top: 1rem; transition: 1s; z-index: 999;}

.icoMenu{width: 4rem;}
.redesociales{text-align: center;}

/*----- FI MENÚ ---------------------------------*/

/* arrow */
.scroll-down {
/*  cursor: pointer;*/
  position: absolute;
  left: calc(50% - 4rem);
  bottom: 2.5rem;
  display: block;
  text-align: center;
  font-size: 20px;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0;
  width: 2rem;
  height: 2rem;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  z-index: 11;
  left: calc(50% - 1rem);
  -webkit-transform: translate(-50%, 0%) rotate(45deg);
  -moz-transform: translate(-50%, 0%) rotate(45deg);
  transform: translate(-50%, 0%) rotate(45deg);
  -webkit-animation: fade_move_down 3s ease-in-out infinite;
  -moz-animation: fade_move_down 3s ease-in-out infinite;
  animation: fade_move_down 3s ease-in-out infinite;
}

/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0% {
    -webkit-transform: translate(0, -10px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 10px) rotate(45deg);
    opacity: 0;
  }
}
@-moz-keyframes fade_move_down {
  0% {
    -moz-transform: translate(0, -10px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, 10px) rotate(45deg);
    opacity: 0;
  }
}

@keyframes fade_move_down {
  0% {
    transform: translate(0, -10px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 10px) rotate(45deg);
    opacity: 0;
  }
}







/*NEWS CSS*/

.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: 70px; position: sticky;}
.los5{margin-top: 5rem;}
.segundocarrusel{display: none;}

/*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*/

.logosKit{text-align: right; display: block;}
.imgNext{max-width: 15rem; margin: 0 0 0px 0;}
.imgRecu{max-width: 13rem; margin: 0px 0 0px 2rem;}
.sumar_product img {margin-top: 5px;}
.submenu {font-family: 'Bold'; text-transform: uppercase; font-size: 1.1rem; line-height: 1.4rem; color:#fff; margin-top:11px; }
.submenu a {padding-right: 2.5rem; color:#fff!important; background-color: rgba(0, 0, 0, 0.01);}
.pedidos{font-family: 'Bold';  font-size: 1.1rem; line-height: 1.2rem; text-transform: uppercase;}

.peu{font-family: 'Medium';  font-size: 1.1rem; line-height: 1.2rem; padding: 0}
.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{ border-radius:2rem; }
.laImatge img{width: 100%; object-fit:cover; height:35vh }
.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(33em, 1fr));  grid-column-gap: 2.0em;grid-row-gap: 10rem;     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:10px;background-color:#e2e2e2;margin-top: 20px; font-size: 14px; 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; }

.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;}
.nostock{padding-top: 10px!important;}

.peque {	font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #474747;  line-height: 2.6rem;    font-weight: normal;    font-style: normal;    font-size: 1.6rem;	}
.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;}
.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;  	}
.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;}
.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;}
.medidamarca{width:100%;max-width:150px;}
.verduzco{width:100%;float:left;background-color:#008499;color:white;margin-top:2px;}
.idiomes{float:left;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;}
img { border: 0; }

.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{	
	display: flex;	
  align-items: center;
  justify-content: center;
	margin-top: 2rem;	
	font-family: 'Medium', Arial, Helvetica, sans-serif;	
	font-size: 1.2rem;	
	color: #ffffff;    
	font-weight: normal;    
	font-style: normal;	   
	text-transform: uppercase;    
	line-height: 1.5rem;    
	background-color: #597D61;   
	width: 5rem;	
  height: 5rem;
	padding:5px;
  border-radius: 50%;
}
.idiomas a{color:#ffffff!important;}


.desplazarli li{margin-left:25px;}
.zonas1{background-color:#888;color:#ffffff!important;min-height:80px;text-align:center;margin-bottom:0px;padding:10px 0; font-size: 15px;}
.vales1{background-color:#888;color:#ffffff!important;min-height:39px;text-align:center;margin-bottom:0px;padding:4px 0 0 0;  font-size: 15px; }
.banners{width:100%;margin:0 0 25px 0;}
.borrar{display: block;}
.aparecer{display: none;}
.marcas{font-size: 14px;font-family: 'Semibold';line-height: 14px;}
.marcas td{border:1px solid #ccc;padding:5px!important;}
.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;  }

.menulateral {
	width: 100%;
	margin: 10px 0px 14px 0;
	padding: 12px;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	/* letter-spacing: -1px; */
	font-weight: normal;
	background-color: #888;
	font-style: normal;
	text-transform: uppercase;
	color: #fff;
}
.menulateral a{color:#fff!important;}

.menulateral1 {
	width: 100%;
	margin: 10px 30px 14px 0;
	padding: 12px;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 15px;
	/* letter-spacing: -1px; */
	font-weight: normal;
	background-color: #656565;
	font-style: normal;
	text-transform: uppercase;
	/*border: 1px solid #b3b3b3;*/
	color: #ffffff;
}

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

.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 #006dcc ;
    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: 15px 0px;
	border: #888 0px solid;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff!important;
	padding: 6px 12px;
	background-color: #888;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 4px;
	transition: 0.5s;
}

.botoModifica:hover {
	background-color: #c1bbbb;
	text-decoration: none;
	transition: 0.5s;	
}

.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.linea { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 15px;
	margin-bottom:12px;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom: 1px solid #c6c6c6;
}

hr.lineag { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom:5px;
	border: 0;
	border-bottom: 1px solid #DFBB98;
	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;
}



.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: 12px;	line-height: 13px;	color: #111111;	font-weight: normal;	font-style: normal;  text-transform: none;}
.descrip {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 17px;	line-height: 20px;	color: #111111;	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: 16px;
	line-height: 18px;
	color: #006dcc;
	font-weight: normal;
	text-decoration: line-through;
}
.coloroferta {	color: #006dcc; padding-left: 10px;}

.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.3rem;
	line-height: 2.1rem;
	color: #212121;
	font-weight: normal;
	font-style: normal; 
}

.data {
	font-family: 'Medium', Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	line-height: 2.5rem;
	color: #555;
}
.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: #006dcc;
	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;
	border: 1px dotted #ff0000;
}

.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: 12px;
    color: #fff;
    font-weight: normal;
    height: 21px;
    padding: 0px;
    text-align: center;
    background-color: #888;
    float: left;
    margin-right: 10px;
    width: 26px;
    line-height: 21px;
}


.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: 15px 0px;
    border: #888 0px solid;
    font-family: 'Semibold', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff !important;
    padding: 6px 12px;
    background-color: #888;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    transition: 0.5s;
	width:150px;
	float: right;
}



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

.cajaaclientes {
	border:1px solid #e4e4e4; 
	width:100%;
	padding:20px; 
	position:relative;
	background-color: #ebebeb;
}

.npedido{
	padding:7px;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	width:100%;
	text-align: center;
	text-transform: uppercase;
	margin-right:11px;
	height:33px;
	margin-bottom: 5px;
	float: left;
	background-color:#888;
	color:#ffffff;
}
.npedido1{
	background-color:#fff; 
	padding:15px;
	color:#545454;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	width:20%;
	text-align: center;
	text-transform: uppercase;
	margin-right:7px;
	min-height:73px;
	margin-bottom: 5px;
    display: inline-block;
}
.npedido1 b{font-family: 'Bold';font-size: 21px; line-height: 31px;}
.nver{
	background-color:#c1bbbb; 
	padding:3px;
	color:#545454;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width:35%;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
}

.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:#e4e4e4; 
	padding:7px;
	color:#545454;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	min-width:100px;
	text-align: center;
	text-transform: uppercase;
	margin-right:11px;
	height:53px;
	margin-bottom: 5px;
	float: left;
}

.iconografia2 {
	background-color:#e4e4e4; 
	padding:7px;
	color:#545454;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	width:100px;
	text-align: center;
	text-transform: uppercase;
	margin-right:11px;
	padding-top:16px;
	height:53px;
	margin-bottom: 5px;
	float: right;
}

.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;
}



.numeros3 {
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #111;
	font-weight: normal;
	height: 50px;
	padding: 10px 0 0 0;
	text-align: center;
	background-color: #ffffff;
	float: left;
	width: 50px;
	border: 1px solid #dbdbdb;
    margin-right: 8px;
}

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

.cuadrobase {
	background-color:#f4f3ed; 
	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 #454545;
	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: #006dcc;
	padding:4px 10px 4px 10px;
	margin:8px 0 0 5px;
	color: #ffffff;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;	
	width: 120px;
	text-align: center;
	text-transform: uppercase;
	float: right;
	border-radius: 4px;
}

.connovedad{
	background-color:#e0041a; 
	padding:4px 10px 4px 10px;
	margin:8px 0 0 5px;
	color: #ffffff;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;	
	width: 120px;
	text-align: center;
	text-transform: uppercase;
	float: right;
	border-radius: 4px;

}

.entregaprevistaenXdies {
	padding:10px 0px;
	margin-bottom: 5px;
	margin-top: 12px;
	color: #111111;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 19px;	
}

.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: #006dcc;
	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:30%;
  	float:left;
  }

  .noticia_descripcio{
  	width:70%;
  	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;
}


.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; border-bottom:1px solid #f3f3f3;}

.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 {
}





/*barra Icones **************************/ 
.badge{font-family: 'Bold'; text-transform: uppercase; font-size: 1.1rem; line-height: 1.4rem;}

/*banner Qui som*************************/


#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;}
.titProducte{font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 1.2rem;	line-height: 2rem;	color: #111111;	font-weight: normal; text-transform: uppercase;}
.inputNew{ margin: 1rem 0 !important; width:100% !important; padding: 1rem 2rem !important; font-family: 'Medium', Arial, Helvetica, sans-serif; font-size: 1.6rem !important; color:#323232 !important; background-color: #fff; border: 0; font-weight: bold;}
.inputNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 1.4rem;  color: #666; font-weight: normal;}
.caixaInput{ border: 1px solid #dbe3db; padding: 0rem 2rem; margin-bottom: 2rem;  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;}

.notih2 {	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;}
.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:#323232; background-color: #DFBB98; transition: 0.5s; padding: 10px 30px; display: inline-block; text-align: center; font-size: 1.6rem; transition: 0.5s; border: 0; margin-bottom: 50px; font-family: 'Semibold';  border-radius:  0 0 4px 4px;}
.tornarLila:hover{color:#fff; background-color: #597D61; }
hr.lineaLila { 	width: 100%;	height: 0px;	margin: 0px;	margin-top: 50px;	border: 0;	display: flex;	text-align:left;	border-bottom: 2px solid #DFBB98;}

.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: 1rem;
    line-height: 1.4rem;
    color: #fff;
    background-color: #e0041a;
    text-align: center;
    font-weight: normal;
    width: auto;
    min-width: 100px;
    height: 26px;
    position: absolute;
    z-index: 44;
    top: 0px;
    right: 0px;
    padding: 6px 10px 6px 10px;
}

.oferta2 {
font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #111;
    background-color: #006dcc;
    text-align: center;
    font-weight: normal;
    width: auto;
    min-width: 100px;
    height: 26px;
    position: absolute;
    z-index: 44;
    top: 30px;
    right: 0px;
    padding: 6px 10px 6px 10px;
}

.ofertalist {
font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #111;
    background-color: #006dcc;
    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;
}


.caixaGraella{min-height: 400px !important; margin-bottom: 25px;}
.caixaGraella.destacat {border: 1px solid #2bb996;    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.22);}

.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;}
  
.taulaEstandard {
	border-spacing: 0px;
	border-width: 0px;
}

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


ul.languageMenu {position:relative; top:-1px; clear:both; z-index:1000; }
ul.languageMenu a{text-decoration:none; font-weight:normal;}
ul.languageMenu, ul.languageMenu ul, ul.languageMenu li{margin: -2px;list-style-type: none;}
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; line-height: 22px;}
ul.languageMenu li a:hover {color: #fff;}
ul.languageMenuSub {display: none; border-top:0; background-color: #ebebeb; width: 100%;}
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; display: inline-block; text-align: center; margin-left:10px; width: 100%; border:0; background-color:#ebebeb; padding:2px 10px;    font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 13px; }

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

.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;}

.cenDir{padding-right:42px;}
.iconoHide{display: none;}

.divConfigCookies { background-color: #ebebeb; 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;}

.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;
	background-color: #fafaed;
	padding: 1px 10px 5px 10px;
	width: 100%; 
	min-height: 55px;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}
.miniFormCompra.nostock {
	font-size:14px;
	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:25px;
  	padding: 0px 0px;
  	/*border: 2px solid #fef500;*/
  	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;
	font-size: 14px; background-color: #212121; margin-top: 10px;
	padding: 4px;
}
.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;
}

 
.botoSuscriure{background-color: rgba(255,255,255,0); padding: 4px; display: inline-block; transition: 0.8s; border: 0px solid #555; height: 45px;} 
.botoSuscriure2{background-color: #006dcc; padding: 6px 30px 6px 30px; color: #fff; text-align: center;font-size: 1.4rem; transition: 0.8s; border: 0; text-transform: uppercase; font-family:Semibold;line-height: 2.8rem;     border-radius: 4px;}
.botoSuscriure2:hover{background-color: #212121; color: #006dcc; transition: 0.8s;}




.botoAfegir{background-color: rgba(255,255,255,1); padding: 4px; display: inline-block; transition: 0.8s; border: 0px solid #ccc; height: 50px;} 
.botoAfegir2{background-color: #006dcc; padding: 2px 30px; color: #fff; text-align: center;font-size: 20px; transition: 0.8s; border: 0; height: 40px; border-radius: 4px;}
.botoAfegir2:hover{background-color: #212121; color: #006dcc; 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: #006dcc; padding: 4px 20px; color: #ffffff; text-align: center;font-size: 14px; transition: 0.8s; border: 0; height: 30px;}
.botoImprimir2:hover{background-color: #6a7883; color: #006dcc; transition: 0.8s;}

.botoSeguirCompra{background-color: rgba(255,255,255,0); padding: 4px; display: inline-block; transition: 0.8s; border: 0px solid #555; height: 45px; float: left;} 
.botoSeguirCompra2{background-color: #6a7883; padding: 5px 40px; color: #ffffff; text-align: center;font-size: 15px; transition: 0.8s; border: 0; height: 36px;}
.botoSeguirCompra2:hover{background-color: #212121; color: #006dcc; transition: 0.8s;}

.botoError{font-family: 'Medium'; text-transform: uppercase; background-color: #DFBB98; padding: 1rem 2rem; color: #323232; text-align: center;  transition: 0.8s; border: 0; margin-bottom: 1rem; border-radius: 10px;}

.botoError:hover{background-color: #597D61; color: #fff; transition: 0.8s;}

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



.UnBannerPetit {
	padding: 0px; max-height: 250px;
}
a .UnBannerPetit:hover {
	opacity: 0.90;
}
.UnBannerPetit hr{
	height: 1px;
	width: 82px;
	margin: 0px auto;
	margin-top: 4%;
	margin-bottom: 5%;
	background-color: #555555;
}
.textSobreUnBannerPetit {
	position: absolute; top: 20%; bottom: 20%; right: 15%; left: 15%; text-align: center;
	background-color: rgba(255,255,255,0.8);
	padding: 3.6% 0;
	font-size:	 15px;
	line-height: 18px;
	color: #000 !important;

}
.textSobreUnBannerPetit .titolet {
	font-size:	 30px;
	line-height: 30px;
}
.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;
}

.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;}

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

.ajustContingut{margin-top:3rem;margin-bottom:10px;}
.nav-pills>li+li>a:hover{color: #222 !important;background-color: #ebebeb}



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%;}

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

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


.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;}

.imatgeEnLlistat { transition: 0.5s;	width:100%; padding-top: 90%; 	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;}
a.checked {	color: #888;	font-family: 'Semibold';	font-size: 15px;}


















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

@media (min-width: 1004px) and (max-width: 1100px) {
}

@media (min-width: 767px) and (max-width: 1003px) {
    .cajaaclientes {	border:1px solid #e4e4e4; 	width:100%;	}
    .selectorfamilia, .ocultar {	display:none;	}
    .input {	width: 85%;	}
    .ajudansmobil {	display:inline;	}
    .ajudanspc {	display:none;	}
    .medidamarca{float:right;width:100%;max-width:110px;}
}

@media screen and (max-width: 1680px) {
}

@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1440px) {
    .flex-caption img{width: 200px !important;}
    .pvp2 {    font-size: 2.7rem;    line-height: 2.3rem;}
    .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;}
}

@media (max-width: 1366px) {
    .dropdown {    font-size: 17px;	}
    .margincomment{padding: 0 5% 0 0; margin: 0px;}
}

@media (max-width: 1360px) {
	  .cajaproductos {	width:100%; }.nav > li > a { padding: 0px 11px;}
}

@media (max-width: 1280px) {
    .dropdown {    font-size: 17px;}	
    .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));}
    .llistat2 {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(38rem, 1fr));}

}

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

@media (max-width: 1145px) {
    .elText {    padding: 30px 30px 0 40px;    font-size: 2.8rem;    line-height: 2.1rem;}
}

@media (max-width: 1024px) {
  html{font-size: 8px !important;}
    .CabSuperior {  grid-template-columns: 50% 1fr 45%;    }
    .homeproductos {    grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));    grid-column-gap: 2.0em;    grid-row-gap: 2rem;}
    .familias{padding: 25px 0 0 18px;}
    .cajaproductos {	width:100%; }
    .familias {    padding: 25px 0 0 10px;}
    .row {  margin-left: 0px!important;  margin-right: 0px!important;}
    .cajaproductosrel {    min-height: 300px;}
    .cajaproductosrel2 {    min-height: 350px;}
    .loslaterales{padding:0 2%!important;}
    .selectorIdioma {    margin-left: 0px!important;    padding: 2px 7px!important;    font-size: 12px!important;}
    .peuDret{ font-size: 11px;line-height: 13px;}
    .flex-caption img{width: 120px !important;}
    .liFinal{padding-right: 30px;}
    .miniFormCompra .bottoncomprarproducto {   padding: 1px 30px!important;}
    .cajaproductos2{min-height: 565px;}
    .svg1{width: 40px !important;}
    .cajaproductosrel .oferta{padding:7px 20px;}
    .miniFormCompra .bottoncomprarproducto{font-size: 15px;}
    .inputbuscador{width: 125px;}
    .titolNotiHome{font-size: 21px; line-height: 24px;}
    .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;}
    .caixaGraella{min-height: 320px !important;}
    .unProducte{min-height: 390px !important;}
    .laImatge img {    height: 49vh;}
    .ajustPastilles {padding: 0 20%!important;margin-bottom: 40px;}
    .UnBannerPetit hr {    margin-top: 1%;    margin-bottom: 1%;}
    .escuadra {    display: grid;    grid-template-columns: 22% 1fr;}
    .blocFiltres .titol {  font-size: 1.4rem; }
    .pvp2 { font-size: 2.3rem; line-height: 2.1rem;}
}


@media (max-width: 1023px) {
    .segundocarrusel{display: block;}
    .ajustPadGrid{padding: 0 !important;}	
    .movimg{top: 0px; position: relative; clear: both;}
    .homeservicios {    grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));    grid-row-gap: 5rem;}
    .homeservicios img {    height: 280px;}	
    .buscar {display: none}
    .borrar{display:none;}
    .navbar-nav{display:none!important;}
    .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;}

}

@media (max-width: 1010px) {
    .cajaproductos {width:100%; overflow:visible; height:auto; }
    .aparecer{display: block;}
    .buscar{margin-top: 3px;float: left;  min-width: 219px;}
    .loslaterales{margin-bottom: 20px;}
    .bottoncomprarproducto {margin-top: 2px;}
    .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) {
  html{font-size: 7px !important}
    .cajaproductos { min-height: 615px!important; }
    .idiomes{margin-left: 30px;}
    .aNews{font-size: 14px;}
    .oferta, .novedad{right: 5px;}
    .enviamentTop{display: none;}
    .textSobreUnBannerPetit{font-size: 14px;     top: 10%;    bottom: 10%;}
    .textSobreUnBannerPetit .titolet{font-size: 20px;}
    .inputayuda {  width: calc(100% - 170px);}
    .caixaModePagament {text-align: right;}
    .peu2{font-size: 12px;}
    .divCapInt{margin-top: 10px; background-color: #888; height: 10px;}
    .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; }
    .icoConta img { width: 4rem;}
    .llistat3 {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));    grid-gap: 0px;grid-column-gap: 5rem ;grid-row-gap: 0px;}
    .iconesContacte {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 3rem;margin-bottom: 5rem;}
    .iconesContacte_div1 { grid-area: 1 / 1 / 2 / 2; }
    .iconesContacte_div2 { grid-area: 2 / 1 / 3 / 2; }
    .iconesContacte_div3 { grid-area: 3 / 1 / 4 / 2; }


}

@media screen and (max-width: 767px) {
    .cuadrobase {    padding: 12px;}
    .taula tr td {   padding: 3px 7px;}
    .homeproductos, .listadoproductos { grid-template-columns: repeat(auto-fill, minmax(7em, 1fr));        grid-column-gap: 1em;        grid-row-gap: 2rem;    }
    .los5{margin-top: 1rem;}
    .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;}
    .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;}
    .inputayuda { min-width: 150px;}
    a.peu {font-size: 13px;    }
    .logosKit { text-align: left;}
  }

@media (max-width: 718px) {
  	.iconoShow{display: none;}
  	.iconoHide{display: inline-block;}
  	.cenDir{padding-right: 12px;}
  	.loslaterales{padding:0 0%!important;}
    .projectesHome {display: grid; grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px; margin-bottom: 5rem;}
    .projectesHome_txt { grid-area: 1 / 1 / 2 / 2; }
    .projectesHome_img { grid-area: 2 / 1 / 3 / 2; }
}


 @media screen and (max-width: 679px) {
  html{font-size: 9px;}
  .contenedor{width: 85%}
  /*.contenedor2{width: 90%}*/

    .titProducte {    font-size: 1.2rem;    line-height:1.4rem;} 	
    .pvp2 {        font-size: 1.8rem;        line-height: 1.8rem;    }
    .col-xs-24 {padding-left: 4px!important;    padding-right: 4px!important;}
    .ajustDestacatsHome {    margin-left: 0px;} 	
    .ajustPad{padding: 10% 3% !important;}
    .imgNewsletter{height: 222px;}
    #blocNewsletter{height: auto; }
    .inputayuda{width: 100% !important;}
    .bottonayuda{width: auto !important;}
    .handle-counter input {  height: 27px;width: calc(100% - 68px);    }
    .oferta, .novedad{right: 0px;}
    .menuScroll{height: 60px !important;}
    .idiomes{display: none;}
    .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%;}
    .caixaModePagament {text-align: center;}
    .peu2{font-size: 15px !important;}
    .ajustImgNoti{margin-top: 30px;}
    .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%;}

    .logoPet{max-width: 20rem;}
    .slogan{max-width: 90%;}
    h1.slogan{font-size: 3rem; line-height: 4rem;}
    .footer {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .footer_div1 { grid-area: 1 / 1 / 2 / 2; border-right: 1px solid #7A9781; border-bottom: 1px solid #7A9781;}
    .footer_div2 { grid-area: 2 / 1 / 3 / 2; border-right: 1px solid #7A9781; border-bottom: 1px solid #7A9781;}
    .footer_div3 { grid-area: 3 / 1 / 4 / 2; }
    .footer_final {display: grid; grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 3rem;}
    .footer_final_div2 { grid-area: 1 / 1 / 2 / 2; }
    .footer_final_div1 { grid-area: 2 / 1 / 3 / 2; text-align: center;}
    .logosKit{text-align: center;}
    .burger-menu{right: 2rem;}
    .llistat2Int {display: grid; grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 5rem; margin-bottom: 5rem;}
    .llistat2Int_div1 { grid-area: 1 / 1 / 2 / 2; }
    .llistat2Int_div2 { grid-area: 2 / 1 / 3 / 2; }

}



@media (max-width: 600px) {

    .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; }
    .bottonayuda {width: 90px;}
    .marquines{display: none;}
    .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 only screen and (max-width: 1003px),
  (min-device-width: 300px) and (max-device-width: 1003px)  {

  	/* 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: 20px 0px 0 0px;    font-size: 1.0rem;}


.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;
}

.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;}