@import "multi.css";

*, *::before, *::after {
  box-sizing: border-box; 
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, blockquote, dl, dd {
  margin: 0;
  padding: 0;
}


img{
	border: 0px;
	text-align: center;
}
html{width:100%;height:100%;background-color:#FFF;}
body{width:100%;height:100%}
#site{width:100%;margin:0 auto; background-color:white;}

#formulari{font:14px/150% Verdana, Tahoma, sans-serif;padding:20px 35px;overflow:hidden;position:relative;}
#formulari input, #formulari textarea, #formulari select{padding:4px;border:solid 1px #E5E5E5;outline:0;font:normal 11px/100% Verdana, Tahoma, sans-serif;background:#FFFFFF left top repeat-x;background:-webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));background:-moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;-moz-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;-webkit-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;}
#formulari textarea {
  width: 400px;
  max-width: 400px;
  height: 150px;
  line-height: 140%;
}

#formulari-shop textarea {
  height: 100px;
  line-height: 140%;
}
#formulari input:focus, #formulari textarea:focus,
#formulari-shop input:focus, #formulari-shop textarea:focus {
  background-color: #fffde7; /* o #e6f7ff */
  border-color: #d6b400;
  box-shadow: 0 0 8px rgba(214, 180, 0, 0.4);
}
#formulari .form label{margin-left:10px;color:#999999;}
#formulari p{margin-top:15px;}
#formulari-shop{font:14px/150% Verdana, Tahoma, sans-serif;padding-top:10px;}
#formulari input, #formulari textarea, #formulari select,
#formulari-shop input, #formulari-shop textarea, #formulari-shop select {
  padding: 4px;
  border: solid 1px #E5E5E5;
  outline: 0;
  font: normal 13px/140% Verdana, Tahoma, sans-serif;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  box-sizing: border-box;
}
#formulari-shop textarea{height:100px;line-height:150%;}
#formulari-shop input:hover, #formulari-shop textarea:hover,
#formulari-shop input:focus, #formulari-shop textarea:focus{border-color:#C9C9C9;-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 8px;}
#formulari-shop .form-shop label{margin-left:10px;color:#999999;}
#formulari-shop p{margin-top:16px;}
#formulariA{color: rgb(78, 75, 75);margin: 0px;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Tahoma sans-serif";font-size: 14px;line-height: 20px;text-size-adjust: 100%;width:95%;}
.titol-formulariA {font-style: normal;font-size: 24px;line-height: 28px;font-weight: 600;margin-bottom: 16px; margin-top:15px;}

.inputf { box-sizing: border-box;font-family: inherit;font-size: inherit;font-style: normal;font-weight: normal;line-height: inherit;width: 100%;max-width: 100%;border: 1px solid rgb(209, 209, 209);color: rgb(31, 31, 31);box-shadow: rgba(0, 0, 0, 0.04) 1px 1px 3px;transition: border-radius 200ms ease 0s;height: 36px;padding: 8px 10px;border-radius: 4px;}

.inputf98 {
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  line-height: inherit;
  width: 70%; /* Ajusta aquí segons la teva necessitat */
  max-width: 500px; /* Pots establir una amplada màxima opcional */
  border: 1px solid rgb(209, 209, 209);
  color: rgb(31, 31, 31);
  box-shadow: rgba(0, 0, 0, 0.04) 1px 1px 3px;
  transition: border-radius 200ms ease 0s;
  height: 36px;
  padding: 8px 10px;
  border-radius: 4px;
}


.input-fecha{box-sizing: border-box;font-family: inherit;font-size: inherit;font-style: normal;font-weight: normal;line-height: inherit;width: 100px;max-width: 100%;border: 1px solid rgb(209, 209, 209);color: rgb(31, 31, 31);box-shadow: rgba(0, 0, 0, 0.04) 1px 1px 3px;transition: border-radius 200ms ease 0s;height: 36px;padding: 8px 10px;border-radius: 4px;}
.selectf{box-sizing: border-box;font-family: inherit;font-size: inherit;font-style: normal;font-weight: normal;line-height: inherit;width: 95%;max-width: 95%;border: 1px solid rgb(209, 209, 209);color: rgb(31, 31, 31);box-shadow: rgba(0, 0, 0, 0.04) 1px 1px 3px;transition: border-radius 200ms ease 0s;height: 36px;padding: 8px 10px;border-radius: 4px;}
.notes-formulariA {box-sizing: border-box;font-family: inherit;font-size: inherit;font-style: normal;font-weight: normal;line-height: inherit;width: 100%;max-width: 100%;border: 1px solid rgb(209, 209, 209);color: rgb(31, 31, 31);box-shadow: rgba(0, 0, 0, 0.04) 1px 1px 3px;transition: border-radius 200ms ease 0s;height: 36px;padding: 8px 10px;border-radius: 4px;resize: vertical;min-height: 95px;}
.campA{margin-top:8px;}
.boton-enviarA {box-shadow: rgba(0, 0, 0, 0.04) 1px 1px 3px;transition: border-radius 200ms ease 0s;height: unset;padding: 8px 10px;margin-top: 24px;min-height: 48px;border-radius: 4px;font-size: 16px;line-height: 20px;font-weight: 600;background-color: #d60000;border: 0px;color: rgb(255, 255, 255);cursor: pointer;display: flex;-webkit-box-align: center;align-items: center;font-family: inherit;font-style: normal;-webkit-box-pack: center;justify-content: center;width: 100%;outline: none;}
.boton-enviarA:hover {background-color: rgb(236, 59, 44);}
#atencio_client{margin-left:auto;margin-right:auto;width:1046px;height:25px;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#F00;padding-top:5px;}
#franja_roja{width:100%;background-color:#F00;height:3px;}




@media (max-width: 768px) {
  .empresa_footer {
    flex: 1 1 calc(50% - 15px); /* 2 columnes en mòbil */
  }
}


.textlib{padding:25px 10px 0 0;}
.logoprod{margin: 5px 35px 5px 5px;float:left;}s


.col-pdf {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 20px;
  max-width: 1046px;
  margin: auto;
  padding: 20px 10px;
  align-items: start;
}

.col-esquerra, .col-dreta {
  text-align: center;
}

.col-centre {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  justify-items: center;
}

.producte img {
  max-width: 150px;
  height: auto;
}

.producte a.docs {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  text-align: center;
}

@media (max-width: 768px) {
  .col-pdf {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .col-centre {
    grid-template-columns: 1fr 1fr;
    justify-content: center;
  }
  .col-esquerra, .col-dreta {
    display: none;
  }
  .producte a.docs {
    font-size: 13px;
  }
}





.block{float: left;margin-left: 23px;margin-top: 15px;width: 180px;height: 165px;float: left;font-family: Verdana, Geneva, sans-serif;}
.title_block, .title_block a{font-weight:bold;font-size:13px;color:#333; text-decoration:none;}
.block ul{padding-top:5px;}
.block li{padding-left:8px;padding-top:4px;font-size:11px;color:#333;list-style:none;}
.block li a{color:#333;text-decoration:none;}
.block li a:link{color:#333;text-decoration:none;}
.block li a:visited{color:#333;text-decoration:none;}
.block li a:hover{color:#666;text-decoration:none;}
.copyright{width:1046px;margin-left:auto;margin-right:auto;text-align:left;padding-top:2px;}


#lateral{width:198px;overflow:hidden;float:left;margin-top:10px;}
.quadre{width:190px;background:url(img/vertical_190x5.gif) repeat-y;}
.canto-dalt{background:url(img/titular.gif) no-repeat;width:190px;height:25px;}
#text_titol{font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:12px;font-weight:bold;padding-top:6px;cursor:pointer;}
#text_news{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-style:normal;text-align:left;vertical-align:top;word-spacing:normal;line-height:15px;font-weight:normal;font-variant:normal;color:#000000;text-decoration:none;padding-left:5px;padding-top:3px;}
.normal_cuadres{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;text-align:left;vertical-align:top;word-spacing:normal;color:#333333;line-height:19px;font-weight:normal;text-decoration:none;background-color:#FFF;margin:1px;border:1px solid #E6E6E6;width:157px;}
.canto-sota{background:url(img/inferior_190.gif) no-repeat;width:190px;height:10px;}
#barra_paginacio{width:600px;margin-bottom:20px;margin-left:27px;float:left;font-family:Arial, Helvetica, sans-serif;}
#pagination-clean li{border:0;margin:0;padding:0;font-size:12px;list-style:none;float:left;}
#pagination-clean a{border-right:solid 1px #DEDEDE;margin-right:4px;}
#pagination-clean .previous-off,
#pagination-clean .next-off{color:#888888;display:block;float:left;font-weight:bold;padding:3px 4px;}
#pagination-clean .next a,
#pagination-clean .previous a{border:none;font-weight:bold;}
#pagination-clean .active{color:#000000;font-weight:bold;display:block;float:left;padding:4px 6px;border-right:solid 1px #DEDEDE;}
#pagination-clean a:link,
#pagination-clean a:visited{color:#0e509e;display:block;float:left;padding:3px 6px;text-decoration:underline;}
#pagination-clean a:hover{text-decoration:none;}
#titol_items2{font-family:Arial, Helvetica, sans-serif;color:#333;font-size:22px;font-weight:bold;padding-left:25px;margin-bottom:20px;float:left;width:600px;}
#item{float:left;width:180px;margin-left:20px;margin-bottom:20px;height:265px}
#item:hover{background-color:#DDDDDD;}
.imatge_producte{padding:5px 8px 0 7px;cursor:pointer;}
.referencia{font-size:13px;font-weight:bold;width:170px;padding:5px 5px 4px 5px;text-align:center;border-bottom:#E2E2E2 solid 1px;font-family:Arial, Helvetica, sans-serif;cursor:pointer;}
.nom_producte{font-size:11px;text-align:center;width:170px;height:30px;padding:2px 5px 2px 5px;border-bottom:#E2E2E2 solid 1px;line-height:14px;font-family:Arial, Helvetica, sans-serif;cursor:pointer;}
.preu_producte{font-size:18px;font-weight:bold;width:120px;text-align:right;padding:7px 0 0 5px;float:left;font-family:Arial, Helvetica, sans-serif;}
.carro_compra{padding-left:10px;padding-top:8px;}
#item_2{float:left;width:190px;margin-left:14px;margin-bottom:14px;height:315px; border:#CCC solid 1px;}
#item_2:hover{background-color:#DDDDDD;}
.imatge_producte_2{padding:5px 0 2px 5px;cursor:pointer;}
.referencia_2{font-size:12px;font-weight:bold;width:180px;padding:4px 5px 3px 5px;text-align:center;border-bottom:#E2E2E2 solid 1px;font-family:Arial, Helvetica, sans-serif;cursor:pointer;}
.nom_producte_2{font-size:12px;text-align:center;width:180px;height:40px;padding:4px 5px 2px 5px;border-bottom:#E2E2E2 solid 1px;line-height:12px;font-family:Arial, Helvetica, sans-serif;cursor:pointer;}
.preu_producte_2{font-size:15px;font-weight:bold;width:120px;text-align:right;padding:7px 0 0 5px;float:left;font-family:Arial, Helvetica, sans-serif;}
.carro_compra_2{padding-left:20px;padding-top:6px;}
#item_3{float:left;width:150px;margin-left:15px;margin-bottom:14px;height:190px;}
#item_3:hover{background-color:#DDDDDD;}
.item_3{float:left;width:20%;margin-bottom:14px;margin-top:20px;height:200px;text-align: center;}
.item_3:hover{background-color:#DDDDDD;cursor: pointer}
.imatge_producte_3{padding:5px 0 0 7px;cursor:pointer;}
.nom_producte_3{font-size:13px;text-align:center;width:auto;height:40px;padding:8px 5px 2px 5px;line-height:14px;font-family:Arial, Helvetica, sans-serif;cursor:pointer;}




#menu_categ{width:146px;overflow:hidden;text-align:left;}
#menu_categ ul.llista_categ{list-style-type:none;line-height:19px;margin-left:20px;_margin-left:15px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;text-align:left;vertical-align:top;word-spacing:normal;color:#333333;font-weight:bold;}
#menu_categ ul.llista_categ2{list-style-type:none;line-height:19px;margin-left:20px;_margin-left:15px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;text-align:left;vertical-align:top;word-spacing:normal;color:#333333;font-weight:bold;}
#menu_categ ul.tito_categ{float:left;list-style-type:none;line-height:5px;margin-left:-20px;_margin-left:15px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;text-align:left;vertical-align:top;word-spacing:normal;color:#333333;font-weight:bold;}
#menu_categ ul.llista_producte{float:left;list-style-type:none;line-height:17px;margin-left:-20px;_margin-left:15px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style:normal;text-align:left;vertical-align:top;word-spacing:normal;color:#333333;}
#menu_categ li.imatge_llista{list-style-image:url(/ic/pt7.png);}
#menu_categ li.imatge_llista2{list-style-image:url(/ic/pt7.png);list-style-position:inherit;font-size:10px;font-weight:normal;margin-left:-13px;}
#menu_categ li.imatge_flet2{list-style-image:url(/ic/ft2.png);font-size:11px;margin-top:7px; font-weight:bold;/*float:left;*/}
#menu_categ a:link{color:#333;}
#menu_categ a:visited{color:#333;}
#menu_categ a:hover{color:#999;}
.cookies{height: 40px;background-color:#FF0000;clear: both}
.clear {clear: both;background-color: #FFFFFF;}
.spacer {clear:both;}

.img-responsive{display:block;max-width:100%;height:auto}

/*.textcerca{font-size: 2.2em !important;position: absolute;height: 40px !important;width: 340px;padding-left:4px;padding-right:30px;top: 0px;left: 335px;}*/




#cercatipus{display:none;}
#tipus{position: absolute;left: +509px;top: +47px;}
.switch-contenidor{display:inline-block;}
.select2-container .select2-selection--single{height:42px !important; font-size:1.6em;padding-top:4px/*position:relative !important;top:-18px !important;left:+85px !important*/}
{padding-top:4px !important;font-size:1.6em !important;}
.select2-results__options{font-family:Arial, Helvetica, sans-serif;}
.switch-contenidor,.switch-button-background{z-index:999;}
[src="/0/2m.png"]{display: none;}
.thetags {font-weight: 400;display: inline-block;border: 1px solid #cecece;color: #808080;padding: 2px 4px;margin: 0 4px 4px 0;border-radius: 3px;font-size: 13px;transition: 300ms all;box-shadow: inset 0 0px 0 rgba(0,0,0,.1);}
.thetags:hover {color: #fff;border: 1px solid #d94a4a;box-shadow: inset 0 -65px 0 #d94a4a;}
.botonP{font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;padding: 5px;font-weight: 600;font-size: 15px;color: #ffffff; background-color:#CC0000; border-radius: 5px; width:125px; float:left; margin-left:10px; text-align:center;line-height: 17px; margin-top:7px;}
#condicionesGenerales{padding-top: 54px;}
.checkboxGran .regular-checkbox {position: absolute;left: -19px;top: -40px;}
.checkboxGran .regular-checkbox + label {background-color: lightgray;border: 2px solid red;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);padding: 9px;border-radius: 3px;display: inline-block;position: absolute;left: -24px;top: -45px;padding: 13px;cursor: pointer;}
.checkboxGran .regular-checkbox + label:active, .regular-checkbox:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.checkboxGran .regular-checkbox:checked + label {background-color: green;border: 1px solid #adb8c0;color: #000;}
.checkboxGran .regular-checkbox:checked + label:after {content: url("/ic/ok2.png");position: absolute;top: 1px;left: 1px;}
#especifics{float:left;margin: 18px 0 30px 0;border:#CCC solid 1px;width:100%;font-family: Verdana, Arial, Helvetica, sans-serif;color: #333333;line-height: 19px; border-radius: 7px;}
.titol{font-size: 14px;font-weight:bold;height:22px;padding-left:5px;padding-top:3px;background-color:#D2D2D2;}
.nom_caract{font-size: 13px;font-weight:bold;width:53%;float:left;padding-left:5px;padding-top:3px;}
.nom_caract2{font-size: 13px;font-weight:bold;width:53%;float:left;padding-left:5px;padding-top:3px;background-color:#F2F2F2;}
.caracteristica{font-size: 13px;width:44%;float:left;padding-left:5px;padding-top:3px;}
.caracteristica2{font-size: 13px;width:44%;float:left;padding-left:5px;padding-top:3px;background-color:#F2F2F2;}
.docs:before{content: url(https://www.instop.es/0/f.png);position: relative;top: +4px;left:-4px}
#tpreus{float:left;margin: 30px 0 30px 0;border:#F00 solid 1px;width:100%;font-family: Verdana, Arial, Helvetica, sans-serif;color: #333333;line-height: 19px; border-radius: 7px;}
.tdpreus1{font-size: 13px;width:33%;float:left;padding-left:2px;padding-top:4px;}
.tdpreus2{font-size: 13px;width:34%;float:left;padding-left:1px;padding-top:4px; text-align:right;}
.tdpreus3{font-size: 13px;width:30%;float:left;padding-left:1px;padding-top:4px; padding-bottom:4px; text-align:right; font-style:italic;}
#ajax_listOfOptions_iframe{}
#sombra:hover,td#sombra2:hover{background-color:#DDDDDD;}
#sombra{background-color:#EEEEEE;}
#libprod{width:100%; cursor:pointer;}


#imglloguerurl{cursor:pointer;}

#botolloguer2021 img{display:none;}
.botomovil{float: right;}
/*#det_cond {
  padding-top: 145px;
  margin-left: 0;
  text-align: left;
  max-width: 1046px;
  margin: 0 auto;
}*/
#det_cond{float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px;line-height: 18px; font-style:normal; margin-top:-25px;}
table.consumibles {margin: 0px auto;}
.img-responsive{display:block;max-width:100%;height:auto}

.boton-consulta.compacte {
  background-color: #E60000;
  color: white;
  font-family: 'Arial', sans-serif;
  text-align: center;
  padding: 6px 12px;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  width: fit-content;
  line-height: 1.1;
}

.boton-consulta.compacte .principal {
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
}

.boton-consulta.compacte .subtext {
  font-size: 10px;
  font-weight: normal;
  margin-top: 1px;
}