/* =========================================================
   0) Imports / base
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');

/*@charset "UTF-8";
#TEXT2{width:300px}
*/


/* =========================================================
   1) Components nous (producte / botons / vídeos)
   ========================================================= */

/* Preu + botó */
.fila-preu-boto {
  display: flex;
  align-items: center;
  gap: 12px; /* espai entre preu i botó */
  margin-top: 10px;
}

/* Botó comprar */
.boto-comprar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  background-color: #7AA945;
  color: white;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  border-radius: 6px;
  padding: 0 12px;
  gap: 6px;
  transition: background-color 0.3s;
  cursor: pointer;
}

.boto-comprar:hover {
  background-color: #567a31;
}

.boto-comprar,
.boto-comprar:visited,
.boto-comprar:hover,
.boto-comprar:active {
  color: white;
  text-decoration: none;
}

/* Vídeos YouTube */
.videos-youtube {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
}

.videos-youtube iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* Opcional: amagar en pantalles petites */
@media (max-width: 768px) {
  .videos-youtube {
    display: none;
  }
}

/* Botó telèfon — sempre visible */
.boto-telefon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: red;
  color: #fff;
  padding: 14px 30px;
  border-radius: 3px;
  font-size: 18px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  border: none;
  box-sizing: border-box;
  max-width: 360px;
  margin: 0 auto;          /* centra’l dins el seu contenidor */
  transition: background-color 0.3s ease;
}

.boto-telefon:hover {
  background-color: #c9302c;
}

.boto-telefon .phone-icon {
  margin-right: 10px;
}

/* Ajustos menors per a pantalles petites */
@media (max-width: 480px) {
  .boto-telefon {
    font-size: 16px;
    width: 90%;
    padding: 12px 20px;
  }
}


/* =========================================================
   2) Base / tipografia / links
   ========================================================= */
body {
  text-align: center;
  margin: 0px;
  font-family: 'Inter', sans-serif;
}

input:focus { background-color:#FF9; }

A { COLOR:#333333; TEXT-DECORATION:none; }
A:hover {
  COLOR: #0000FF;
  text-decoration: underline;
  border-collapse: separate;
  border-spacing: 15px;
  /*line-height: normal;*/
}


/* =========================================================
   3) Menús laterals (menu_fac / menu_categ)
   ========================================================= */
#menu_fac { overflow:hidden; text-align:left; }
#menu_fac ul li { list-style-image:url(/0/pt72.png); }
#menu_fac ul {
  list-style-type:none;
  line-height:15px;
  margin-left:-20px;
  _margin-left:15px;
  font-family:'Inter', sans-serif;
  font-size:11px;
  font-style:normal;
  font-weight:normal;
  text-align:left;
  vertical-align:top;
  word-spacing:normal;
  color:#333333;
}

#menu_categ2 { width:200px; overflow:hidden; text-align:left; }
#menu_categ  { width:140px; overflow:hidden; text-align:left; }

#menu_categ ul.llista_categ {
  list-style-type:none;
  line-height:18px;
  margin-left:-20px;
  _margin-left:15px;
  font-family:'Inter', sans-serif;
  font-size:12px;
  font-style:normal;
  text-align:left;
  vertical-align:top;
  word-spacing:normal;
  color:#333333;
}

#menu_categ ul.llista_categ2 {
  float:left;
  list-style-type:none;
  line-height:16px;
  margin-left:-25px;
  _margin-left:15px;
  font-family:'Inter', 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:'Inter', 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:'Inter', sans-serif;
  font-size:10px;
  font-style:normal;
  text-align:left;
  vertical-align:top;
  word-spacing:normal;
  color:#333333;
}

#menu_categ ul.llista_factors {
  float:left;
  list-style-type:none;
  line-height:17px;
  margin-left:-20px;
  _margin-left:15px;
  font-family:'Inter', 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(/0/pt72.png); }
#menu_categ li.imatge_flet   { list-style-image:url(/0/ft2.png); }
#menu_categ li.i22 {
  list-style-image:url(/0/pt72.png);
  list-style-position:inherit;
  font-size:10px;
  font-weight:normal;
  margin-left:-13px;
}
#menu_categ li.if2 { list-style-image:url(/0/ft2.png); font-size:11px; margin-top:7px; }

#menu_categ a:link    { color:#333; }
#menu_categ a:visited { color:#333; }
#menu_categ a:hover   { color:#F90; }

/* Versió .menu_categ */
.menu_categ { width:130px; overflow:hidden; text-align:left; }

.menu_categ ul.llista_categ {
  list-style-type:none;
  line-height:18px;
  margin-left:-20px;
  _margin-left:15px;
  font-family:'Inter', sans-serif;
  font-size:12px;
  font-style:normal;
  text-align:left;
  vertical-align:top;
  word-spacing:normal;
  color:#333333;
}

.menu_categ ul.llista_categ2 {
  float:left;
  list-style-type:none;
  line-height:16px;
  margin-left:-25px;
  _margin-left:15px;
  font-family:'Inter', 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:'Inter', 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:'Inter', sans-serif;
  font-size:10px;
  font-style:normal;
  text-align:left;
  vertical-align:top;
  word-spacing:normal;
  color:#333333;
}

.menu_categ ul.llista_factors {
  float:left;
  list-style-type:none;
  line-height:17px;
  margin-left:-20px;
  _margin-left:15px;
  font-family:'Inter', 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(/0/pt72.png); }
.menu_categ li.imatge_flet    { list-style-image:url(/0/ft2.png); }
.menu_categ li.imatge_llista2 {
  list-style-image:url(/0/pt72.png);
  list-style-position:inherit;
  font-size:10px;
  font-weight:normal;
  margin-left:-13px;
}
.menu_categ li.if2         { list-style-image:url(/0/ft2.png); font-size:11px; margin-top:7px; }
.menu_categ li.imatge_pack { list-style-image:url(/0/ft2.png); }

.menu_categ a:link    { color:#333; }
.menu_categ a:visited { color:#333; }
.menu_categ a:hover   { color:#F90; }


/* =========================================================
   4) Botó de compra (bloc gran)
   ========================================================= */
.boto-compra {
  text-align: center;
  margin-top: 20px;
}

.boto {
  background: linear-gradient(135deg, #6ab04c, #58a034); /* degradat suau */
  border: none;
  color: white;
  font-size: 26px; /* lletra més gran */
  font-weight: 700;
  text-transform: uppercase;
  padding: 16px 37px;
  border-radius: 12px; /* menys arrodonit, modern */
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.boto span {
  font-size: 16px; /* més gran també per al span */
  font-weight: 400;
  display: block;
  margin-top: 5px;
  text-transform: none;
}

.boto:hover {
  background: linear-gradient(135deg, #58a034, #4e9030); /* degradat més fosc al hover */
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.boto:active {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}


/* =========================================================
   5) Tipografies / classes “normal” i títols
   ========================================================= */
.normal, .select2-results__option {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  text-align: left;
  vertical-align: top;
  word-spacing: normal;
  color: #333;
  line-height: 24px;
  font-weight: normal;
}

.normal-blanc {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  text-align: left;
  vertical-align: top;
  word-spacing: normal;
  color: #FFF;
  line-height: 24px;
  font-weight: normal;
}

.normal_llistat {
  font-family:'Inter', sans-serif;
  font-size:11px;
  font-style:normal;
  text-align:left;
  word-spacing:normal;
  color:#454545;
  line-height:22px;
  font-weight:normal;
  text-decoration:none;
}

.nl {
  font-family:'Inter', sans-serif;
  font-size:11px;
  font-style:normal;
  text-align:left;
  word-spacing:normal;
  color:#454545;
  line-height:22px;
  font-weight:normal;
  text-decoration:none;
}

.h2 {
  font-family:'Inter', sans-serif;
  font-size:30px;
  font-style:normal;
  text-align:left;
  vertical-align:top;
  word-spacing:normal;
  color:#666666;
  font-weight:bold;
  text-decoration:none;
  line-height:38px;
  padding-top:0px;
  margin-top:6px;
}

.h3 {
  font-family:'Inter', sans-serif;
  font-size:18px;
  font-style:normal;
  text-align:left;
  vertical-align:top;
  word-spacing:normal;
  color:#666666;
  font-weight:bold;
  text-decoration:none;
  line-height:24px;
}

.h4 {
  font-family:'Inter', sans-serif;
  font-size:16px;
  font-style:normal;
  text-align:left;
  vertical-align:top;
  word-spacing:normal;
  color:#666666;
  font-weight:bold;
  text-decoration:none;
  line-height:22px;
}
.h4:hover { color:red; text-decoration:none !important; font-weight:bold; }

.t1n {
  font-family:'Inter', sans-serif;
  font-size:11px;
  font-style:normal;
  text-align:left;
  vertical-align:middle;
  word-spacing:normal;
  color:#FFFFFF;
  font-weight:bold
}

.titol_1 {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  CURSOR: pointer;
  font-style: normal;
  text-align: left;
  vertical-align: top;
  word-spacing: normal;
  color: #333333;
  font-weight: bold;
  line-height: 23px;
  text-decoration: none;
}

.text2 {
  FONT-SIZE:7pt;
  CURSOR:default;
  COLOR:#FFFFFF;
  FONT-FAMILY:Verdana;
  font-weight:normal;
  text-transform:none;
  text-decoration:none;
  line-height:18px;
}

.normal-b {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  vertical-align: top;
  word-spacing: normal;
  color: #0000ff;
  line-height: 19px;
  text-decoration: underline;
  font-weight: normal;
  font-variant: normal;
}

.normal-precios {
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  text-align: right;
  vertical-align: middle;
  word-spacing: normal;
  color: #333333;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.5px; /* <-- afegeix aquesta línia */
}

.n2 {
  font-family:'Inter', sans-serif;
  font-size:10px;
  font-style:normal;
  text-align:right;
  vertical-align:middle;
  word-spacing:21px;
  color:#FFFFFF;
  line-height:25px;
  font-weight:bold;
  left:20px;
}

.normal-REF {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-style: normal;
  text-align: center;
  vertical-align: top;
  word-spacing: normal;
  color: #333333;
  line-height: 21px;
  font-weight: bold;
  text-decoration: none;
}

.detall-centre {
  font-family:'Inter', sans-serif;
  font-size:9px;
  font-style:normal;
  text-align:center;
  vertical-align:middle;
  word-spacing:normal;
  line-height:12px;
  font-weight:normal;
  font-variant:normal;
  color:#333333
}

.normal-centre {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  text-align: center;
  vertical-align: middle;
  word-spacing: normal;
  color: #333333;
  line-height: 24px;
  font-weight: normal;
}

.normal-centre-vermell {
  display: block;          /* assegura que és un bloc */
  text-align: left !important;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  vertical-align: middle;
  word-spacing: normal;
  color: #FF0000;
  line-height: 24px;
  font-weight: bold;
}

.detall {
  font-family:'Inter', sans-serif;
  font-size:10px;
  font-style:normal;
  text-align:left;
  vertical-align:top;
  word-spacing:normal;
  line-height:17px;
  font-weight:normal;
  font-variant:normal;
  color:#333333;
  text-decoration:none;
}

.n34 {
  font-family:'Inter', sans-serif;
  font-size:11px;
  line-height:20px;
  color:#636363;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  border-spacing:0px 0px;
  word-spacing:0px;
  text-align:left;
  text-indent:4px;
  text-transform:none;
  text-shadow:2px 1px 2px #E5E5E5;
}

.detall_caixa_groga {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  word-spacing: normal;
  font-weight: normal;
  font-variant: normal;
  color: #666666;
  border: 1px dotted #CCCCCC;
  line-height: normal;
  background-color: #FFFF99;
}

.T32 {
  font-family: 'Inter', sans-serif;
  font-size: 23px;
  font-style: normal;
  text-align: left;
  vertical-align: top;
  word-spacing: normal;
  color: #5F5F5F;
  font-weight: normal;
  text-decoration: none;
  font-variant: normal;
}


/* =========================================================
   6) Layout antics i fitxes (tal qual, reubicat)
   ========================================================= */
.img_centre { display:block; margin-left:auto; margin-right:auto; }

.llista_inferior33 { height:448px; width:900px; margin:0 auto; }

.bloc-dret  { width:458px; float:right; margin-top:-4px; margin-right:10px; }
.bloc-esq   { float:left; position:relative; margin-top:11px; left:0px; }
.bloc-centre{
  vertical-align:middle;
  width:825px;
  height:55px;
  margin-top:0px;
  margin-right:auto;
  margin-left:0px;
  margin-bottom:0px;
}

.img_top_producte { margin-top:45px; margin-bottom:44px; }

.aa_fitxa152{
  width:155px;
  text-align:center;
  background-color:#FFFFFF;
  border:1px solid #F2F2F2;
  margin:1px;
  float:left;
}
.aa_fitxa152_din{
  width:155px;
  text-align:center;
  background-color:#FFFFFF;
  height:296px;
  border:1px solid #F2F2F2;
  margin:1px;
  float:left;
  position:relative;
}
.aa_fitxa152_din:hover, .item_top:hover { opacity: 0.7; }
.aa_fitxa152_din a:hover, .item_top a:hover { color:black; text-decoration:none; }

.aa_fitxa_nom{ display:block; }
.aa_fitxa_nom_din{
  width:155px;
  display:table-cell;
  height:63px;
  vertical-align:middle;
  text-align:center
}

.aa_fitxa_preu { width:105px; height:47px; float:left; }
.aa_fitxa_carro{ float:right; margin-right:6px; }
.aa_fitxa_152_carro{ padding-top:8px; }
.aa_fitxa_stock{ text-align:left; height:21px; clear:both; }
.aa_fitxa_capcalera{ width:636px; padding-bottom:19px; margin:0px auto; }





/* rbroundbox (compactat: duplicat ajuntat) */
.rbroundbox{background:url(img/nt.gif) repeat;margin:1em auto;border-radius:10px}
.rbtop div{background:url(img/tl.gif) no-repeat top left}
.rbtop{background:url(img/tr.gif) no-repeat top right}
.rbbot div{background:url(img/bl.gif) no-repeat bottom left}
.rbbot{background:url(img/br.gif) no-repeat bottom right}
.rbtop div,.rbtop,.rbbot div,.rbbot{width:100%;height:7px;font-size:1px}
.rbcontent{margin:0 7px}
.rbroundbox .i22{margin-left:10px !important}

/* ajax_listOfOptions (compactat mínim: trec només la regla buida) */
#ajax_listOfOptions{position:fixed;width:450px;height:550px;overflow:auto;border:1px solid #FF9900;background-color:#FFF;text-align:left;font-size:0.9em;z-index:510}
#ajax_listOfOptions div{margin:1px;padding:1px;cursor:pointer;font-size:0.9em}
#ajax_listOfOptions .optionDivSelected{background-color:#FF9900;color:#FFF}
#ajax_listOfOptions_iframe{background-color:#F00;position:absolute;z-index:5}

/* (aquestes 2 definicions LES DEIXO perquè formen part del teu CSS i l’ordre importa) */
#ajax_listOfOptions{position:absolute;z-index:3000 !important}
#ajax_listOfOptions{background-color:white;border:1px solid #ccc;box-shadow:0 4px 12px rgba(0,0,0,0.15);max-height:300px;overflow-y:auto;z-index:3000 !important}

form{display:inline}

/* overlay/lightbox (compactat sense canviar res) */
#overlay{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(63,63,63,0.8);*filter:alpha(opacity=40);display:none;z-index:9999}
#lightbox{position:fixed;_position:absolute;top:50%;left:50%;padding:10px;background:#fff;width:600px;height:400px;margin:-200px 0 0 -300px;display:none;z-index:10000;-moz-box-shadow:0 0 20px rgba(0,0,0,0.7);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.7);box-shadow:0 0 20px rgba(0,0,0,0.7);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
#lightbox.loading{background:#fff url('img/loading.gif') no-repeat 50% 50%}
#lightbox a.close{color:#111;background:#fff;position:absolute;right:0;top:0;display:block;font-size:10px;z-index:5;padding:8px 14px 4px 6px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
#lightbox a.prev,#lightbox a.next{position:absolute;top:50%;left:0;padding:5px;background:#fff;margin-top:-0.5em;width:7em;text-align:center;filter:alpha(opacity=0);opacity:0.0;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
#lightbox a.next{left:auto;right:0}
#lightbox a:hover.prev,#lightbox a:hover.next{filter:alpha(opacity=100);opacity:1}




.t_inf{color:#FFF;width:1000px;margin:0px auto;background-color:#515151;}
.t_inf a{font-family:'Inter', sans-serif;font-size:7pt;text-decoration:none;color:#FFFFFF;}
.t_inf a:hover{color:#000000;font-weight:normal;}
.t_inf b{font-size:14px;}
.t_inf li{list-style:none;text-align:left;line-height:18px;font-family:'Inter', sans-serif;font-weight:normal;font-size:7pt;width:190px;}
.t_inf ul{padding-left:8px;}
.t_inf div{float:left;}
#foto_product{width:285px;}
#bigPic2{width:250px;height:250px;background-color:#FFF;margin-bottom:10px;}
#bigPic2 img{position:absolute;display:none;padding:12px;}
ul#thumbs2 li.active2{border:1px solid #333;background:#fff;padding:2px;}
ul#thumbs2, ul#thumbs li{margin:0;padding:0;list-style:none;}
ul#thumbs2 li{float:left;margin-right:7px;margin-bottom:5px;border:1px solid #CCC;padding:3px;cursor:pointer;}
ul#thumbs2 img{float:left;width:35px;height:35px;line-height:30px;overflow:hidden;position:relative;z-index:1;}
.resaltat{font-weight:bolder !important;font-size:24px;background-color:#FFFF80;}
.barra_dreta{width:250px;float:left;margin-left:8px;margin-top:10px;}
.barra_dreta #menu_categ{margin-left:-6px;width:178px;list-style:inside;}
.llista_elem li{list-style-image:url("/0/pt72.png");margin-left:-5px;}
.llista_elem{padding-left:22px;}
.llista_producte{float:left;list-style-type:none;line-height:17px;margin-left:-20px;_margin-left:15px;font-family:'Inter', sans-serif;font-size:10px;font-style:normal;text-align:left;vertical-align:top;word-spacing:normal;color:#333333;}
#menu_articles{float:left;width:307px;padding-top:1px}
#users{float:left;margin-left:40px;margin-top:26px;}
#nivell_1{margin:0px auto;width:900px;height:350px}
#destacats_inf{clear:both;display:none}
#destacats_inf+table{margin:0px auto;}
.text2[title="disseny igualada web disseny grafic"]{position:relative;left:+254px;}
.fitxa_210 a.n34{display:block;transition:background-color 0.5s ease;border-radius:10px;padding-left:1em;}
.fitxa_210 a.titol_1:hover{color:#F90;font-weight:bold;}
.fitxa_210 a.n34:hover{background-color:#E9E9E9;color:black;font-weight:bold;text-decoration:none;}
#accessoris td{vertical-align:top;}
.scrollup{width:40px;height:40px;opacity:0.3;position:fixed;bottom:50px;right:100px;display:none;text-indent:-9999px;background:url('https://www.microgamma.com/css/icon_top.png') no-repeat;}
.scrollup:focus{outline:none;}
.menu-wrapper{margin:0 auto;width:1000px;position:relative;}
.nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input{margin:0;padding:0;border:none;outline:none;}
.nav a{text-decoration:none;}
.nav li{list-style:none;}
.nav{display:inline-block;position:relative;cursor:default;z-index:500;margin:0 auto;}
.nav > li{display:block;float:left;}
.nav > li > a{position:relative;display:block;z-index:510;height:48px;padding:0 7px;line-height:40px;font-family:'Inter', sans-serif;font-weight:bold;font-size:14px;color:#e9e9e9;text-shadow:0 0 1px rgba(0,0,0,.35);background:#eaeaea;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.nav > li:hover > a{background:#C1C1C1;}
.nav > li:first-child > a{border-left:none;}
.nav > li > div{position:absolute;display:block;width:960px;top:48px;left:-53px;z-index:600;opacity:0;visibility:hidden;overflow:hidden;background:#C1C1C1;border-radius:0 0 3px 3px;-webkit-transition:all .3s ease .15s;-moz-transition:all .3s ease .15s;-o-transition:all .3s ease .15s;-ms-transition:all .3s ease .15s;transition:all .3s ease .15s;padding-top:12px;}
.nav > li:hover > div{opacity:1;visibility:visible;overflow:visible;}
.nav .nav-column{float:left;width:18%;padding:1%;}
.nav .nav-column h3{margin:0 0 0 0;line-height:15px;font-family:'Inter', sans-serif;font-weight:bold;font-size:12px;color:#372f2b;text-transform:uppercase;white-space:pre}
.nav .nav-column h3 a{color:#372f2b;}
.nav .nav-column li a{display:block;line-height:15px;font-family:'Inter', sans-serif;font-weight:bold;font-size:12px;color:#888888;}
.nav .nav-column li a:hover{color:#666666;}
.spacer{width:194px;}
.text-exemple{color:#666666;}
.avis-disp{cursor:pointer;color:red !important;text-align:center !important;display:block;font-size:9px;position:relative;top:+4px;}
.avis-disp:hover{font-weight:bold;text-decoration:none;}
#suCompra{display:block;text-align:center !important;margin-bottom:12px;}
.fons .llista_inferior .clear{clear:both;}
#social-icons{background-image:url(/0/sprites.png);background-repeat:no-repeat;background-position:-445px -51px;margin-top:14px;}
.carro-verd-plus{width:40px;height:21px;object-fit:none;object-position:-753px -10px;}
.text2 a[href='/empresa/acerca-de-microgamma.php']{position:relative;left:-326px;}
.t-factors{width:270px;margin-bottom:8px;}
#canarias{padding-top:54px;}
.btn{-webkit-border-radius:14;-moz-border-radius:14;border-radius:5px;font-family:'Inter', sans-serif;color:#ffffff;font-size:12px;background:#e80505;padding:8px 10px 8px 10px;text-decoration:none;}
#cart table{border-radius:10px}
.btn:hover{background:#3cb0fd;background-image:-webkit-linear-gradient(top, #3cb0fd, #3498db);background-image:-moz-linear-gradient(top, #3cb0fd, #3498db);background-image:-ms-linear-gradient(top, #3cb0fd, #3498db);background-image:-o-linear-gradient(top, #3cb0fd, #3498db);background-image:linear-gradient(to bottom, #c1c1c1, #636363);text-decoration:none;color:white;}
.img-600{max-width:600px;}
#serv_envio{background:url("/0/sprites_test.png") no-repeat scroll 0 -52px;height:140px;width:190px;}
#pagos{height:89px;margin-top:-91px;position:relative;top:0;width:190px;}
.stockpetit{white-space:nowrap}
.ctxt{width:600px}
.imgconjunt,.imgcontext img{max-width:737px}
.imgconjunt img{max-width:100%;height:auto;}
.select2-container--default .select2-selection--single{height:22px !important}
.select2-selection__rendered{line-height:20px !important;font-size:0.9em}
.select2-selection__arrow{height:19px !important}
#bdreta{display:table;max-width: 180px !important}
.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;}
.nomatributs td{vertical-align:middle;white-space:nowrap;padding:3px;}
.tatributs strong{padding-left:3px}
#ajax_listOfOptions{position:absolute;z-index:3000 !important;}
#ajax_listOfOptions{background-color:white;border:1px solid #ccc;box-shadow:0 4px 12px rgba(0,0,0,0.15);max-height:300px;overflow-y:auto;z-index:3000 !important;}
.row{margin-right:-15px;margin-left:-15px;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left;}
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}
.imgvertical{position:absolute;top:50%;transform:translateY(-50%);}
.doblecara{right:8px;}
.certificat{right:88px;}
.promoimg152{position:absolute;}
td[width="447"][height="81"]{vertical-align:top;}
img[src$="/0/s.gif"]{display:none;}
img[src$="/ic/stock.gif"]{display:none;}
.dinamica{background-color:#fdfdfd;}
.especial{color:#F00;font-size:14px;font-weight:bolder;font-style:italic;}
#sombra:hover,.sombra:hover{background-color:#DDDDDD;}
.sombra a{display:flex;padding:0px;width:100%;height:100%}
.sombra a:hover{text-decoration:none}
#libprod,.libprod{width:100%;}
.logoprod{margin:5px 15px 5px 5px;float:left;}
.textlib{padding:5px 5px 0 0;display:flow-root;}
.bold{font-weight:900;}
.taula_elem:not(:last-child){padding:2px 25px 3px 25px;border-right:1px solid white;float:left;}
.taula_elem:last-child{padding:2px 25px 3px 25px;float:left;}
.taula_elem:hover,.taula_elem a:hover{background-color:#D10024;color:white;text-decoration:none;font-weight:bold;cursor:pointer;height:25px}
.bold:hover{font-weight:900!important;}
.n3{width:894px;height:30px;margin-left:auto;margin-right:auto;position:relative;}
#imgbdreta{display:none;}
#bdreta_notes{display:none;position:absolute;top:-18px;left:0px;width:190px;height:80px;background-color:white;padding-bottom:18px}
.ribbon{overflow:hidden;position:relative;margin-left:-1px;margin-top:-1px;padding-top:1px}
.ribbon span{position:absolute;display:block;width:128px;padding:5px 0;background-color:red;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}
.ribbon-top-left span{left:-28px;top:20px;transform:rotate(-45deg);-moz-transform:perspective(1px) rotate(-45deg)}
[class*=" RIB"] span::after,.RIBPROMO span::after,.RIB26 span::after{content:"PROMO!";font:700 16px/0.9 'verdana';}
.RIBOFER span::after,.RIB20 span::after{content:"OFERTA";font:700 16px/0.9 verdana}
.RIBNUEVO span::after.RIB24 span::after{content:"NUEVO";font:700 16px/0.9 verdana}
.RIBRECOMENDADO span::after,.RIB25 span::after{content:"RECOMENDADO";font:700 10px/1 verdana;position:relative;left:-4px;}
.RIBLIQUIDACION span::after,.RIB22 span::after{content:"LIQUIDACIÓN";font:700 11px/1 verdana;position:relative;left:-4px;}
.slickframe .ribbon{width:300px;height:300px;}
.slickframe .ribbon span{z-index:999;left:-90px;top:+38px;width:300px;}
.slickframe .ribbon span::after{font:700 14px/1 verdana !important;}
.RIB0 span{display:none !important;}
.elemllista .ribbon span:after{font-size:8px;}
.elemllista .ribbon span{width:102px;left:-22px;top:15px;}
.elemgrid .ribbon span:after{font-size:9px;}
.elemgrid .ribbon span{width:102px;left:-22px;top:15px;}
.fitxaprod img{max-width:640px}
#linksequra img{position:relative;top:+10px;right:-28px;}
ul.detall.catlist li:first-child{list-style:none;font-weight:bolder;}
ul.detall.catlist{padding:0;list-style-position:inside;}
ul.detall.catlist li a:hover{text-decoration:none;color:#F90;}
#sectigo img{scale:70%;}
#divCarroPetit{min-height:63px;position:fixed;right:20px;top:180px;z-index:999;}
.descripcio{margin:20 0 0 0;}
td.t16[style="text-align:right;height:81px"]{position:relative;left:20px;}
[src$='afe.png']{display:none;}
@media only screen and (max-width:800px){#contenidor_cap2+table>tbody>tr>td:last-of-type[width='170']{visibility:hidden;}#divCarroPetit{visibility:visible;}}
table.top{width:900px;}
.item_top{float:left;width:175px;margin-top:20px;text-align:center;}
.videos-cont{float:right;padding-bottom:4px;padding-left:23px;}
.preuambiva{font-weight:bold;color:black;}
.preuambiva img{filter:brightness(0);}
@media screen and (max-height:900px){#divCarroPetit{top:2em;}}
body>table{max-width:1000px}
.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:rgb(249,72,57);border:0px;color:rgb(255,255,255);cursor:pointer;display:flex;-webkit-box-align:center;align-items:center;font-family:'Inter', sans-serif;font-style:normal;-webkit-box-pack:center;justify-content:center;width:100%;outline:none;}
.boton-enviarA:hover{background-color:rgb(236,59,44);}
.inputf{box-sizing:border-box;font-family:'Inter', sans-serif;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;}
#slider{width:900px !important;height:200px;margin-bottom:20px;overflow:hidden;}
.footer{background-color:#515151;color:#fff;padding:30px 10px;font-family:'Inter', sans-serif;font-size:13px;}
.footer a{color:#ccc;text-decoration:none;}
.footer a:hover{color:#fff;}
.footer-grid{display:flex;flex-wrap:wrap;gap:20px;max-width:1000px;margin:0 auto;justify-content:space-between;}
.footer-grid .fons_ul{flex:1 1 300px;min-width:240px;}
@media screen and (max-width:600px){.footer-grid{flex-direction:column;align-items:center;}}
@media (max-width:768px){#menu_categ{display:none;}}
