/* CATALOGO */

.brick a {
	color: #222;
}
.brick a:hover {
	color: #6db742;
	text-decoration:none;
}
.info-familia {
	padding: 15px;
}

/* CARGANDO */

#cargando {
    position: fixed;
    background-color:rgba(255, 255, 255, 0.75);
    border: 0px solid #fff;
    z-index: 1600;
    margin: 0 0 0 0;
    padding: 10px;
    display: none;
    /*opacity: 0.5;*/
}
.carga_derecha {
    top: 53px;
    right:0;
    bottom: 0; /* 50 */
    height: auto;
    width: 70px; /* 50 */
}
.carga_inferior {
    left: 0;
    right:0;
    bottom: 0; /* 6 */
    height: 70px; /* 50 */
    width: auto;
}

 /* PROVEEDORES */
 #contenido{position:relative;}
 .container-proveedores, .container-empresas{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);

     margin: 0 auto;
     padding:2em;
     text-align: center;
     /*overflow: auto;*/
     height:80%;
     /* display: flex; justify-content: center; align-items: center; resize: both; */
 }
 .container-proveedores .row, .container-empresas .row {
     margin-bottom:2em;
    /* display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;
     -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap; */
 }
 .container-proveedores .row:after, .container-empresas .row:after {clear:both;display:table; content:" ";}

 .container-proveedores .row img, .container-empresas .row img{
    max-width:100%;
     height:auto;
     -webkit-box-shadow: 0px 3px 6px 1px rgba(102,102,102,.4);
     -moz-box-shadow: 0px 3px 6px 1px rgba(102,102,102,.4);
     box-shadow: 0px 3px 6px 1px rgba(102,102,102,.4);
 }


/* FAMILIAS */

.titular-familias {
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight: 700;
	font-size: 2.1em;
	line-height: 1em;
	margin-top:16px;
	text-transform:uppercase;
	color:#68af2d;
}

.container-familias {
	background: #fff;
	border-top: 6px solid #68AF2D;
}

/*** CSS MASONRY ***/
 @supports (display: flex) {
     .container-familias .row:not(:first-child) {
         display:flex;
         flex-flow: row wrap;
     }
     .container-familias .row > div[class^="col-"]{
         flex: 0 0 auto;
     }

 }
 @supports not (flex-wrap: wrap) {
     .container-familias .row:not(:first-child) > div[class^="col-"]{
         display: inline-block;
         vertical-align: top;
     }
 }
 @supports (-webkit-overflow-scrolling: touch) {
     /* CSS specific to iOS devices */
     .container-familias .col-lg-2{width:16%;}
     .container-familias .col-sm-4{width:33%;}
     .container-familias .col-xs-6{width:49%;}
 }
 @media screen and (min-color-index:0)
 and(-webkit-min-device-pixel-ratio:0) { @media
 {
     .container-familias .col-lg-2{width:16%;}
     .container-familias .col-sm-4{width:33%;}
     .container-familias .col-xs-6{width:49%;}
 }}
 /*** END CSS MASONRY ***/



.margin-top-familia{
    margin-top:24px;
    margin-bottom:36px;
}


.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 0px;
    line-height: 1.4;
    border: 0px solid #e9e9e9;
    border-radius: 2px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.10);
    background: #fff;
}


.thumbnail a  {
	height: 232px;
	display: block;
	padding-bottom: 32px;
	background-position: center center;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: cover;
}



.thumbnail:hover {
    box-shadow: 0 12px 15px rgba(0,0,0,0.35);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: box-shadow;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: initial;
}
.thumbnail a {
    text-decoration:none;
}
.thumbnail h4 {
    font-family: "Roboto Condensed",Arial,sans-serif;
    font-weight: 400;
    font-size: 1em;
    text-align: left;
	margin:0px;
}
.thumbnail .caption {
	position:absolute;
    background-color: #3a3a3a;
	color:#fff;
	bottom:0px;
	width:calc(100% - 30px);
}

.missatge-fam{
    padding-top: 16px;
    padding-bottom: 20px;
}
.thumbnail .caption .badge {
    background-color: #333;
}


/*  FAMILIAS NUEVO */

.card {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.card {
    margin-top: 10px;
    box-sizing: border-box;
    border-radius: 2px;
    background-clip: padding-box;
}

.card .card-image {
    position: relative;
    overflow: hidden;
}
.card .card-image img {
    border-radius: 2px 2px 0 0;
    background-clip: padding-box;
    position: relative;
    width:100%;
    height:auto;
}
.card .card-content {
    padding: 16px;
    border-radius: 0 0 2px 2px;
    background-clip: padding-box;
    box-sizing: border-box;
    background-color: #3a3a3a;
    color: #fff;
}
.card .card-content p {
    margin: 0;
    color: inherit;
}
.card .card-content span.card-title {
    line-height: 48px;
}


/* FREEWALL */

.articulos {
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    padding: 2px;
    /*
     * para horizontal
    overflow-x: auto;
    overflow-y: hidden;*/
    /*
     * para vertical
    overflow-x: hidden;
    overflow-y: auto;*/
}

.free-wall {
    height: 100%;
    margin: auto;
}

/* La capa articulo es la que lleva los estilos por defecto independientemente del tamaño que se le asigne */
.articulo {
    background-color:#fff;
}

.brick {
	border: none;
	overflow:visible !important;
}

/* cada tamaño irá numerado, aquí sólo estilo específicos del tamaño en cuestión */

.size100 { width: 100px; height: 100px; }

.size100 .articulo-detalles-right {
	display:none !important;
}

.size100 .articulos-interior {
    padding: 0px;
	margin: 0px;
    width: 100%;
    height: 100%;
}
.size100 .articulo-imagen {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.size100 .clip-path-circle {
	clip-path: circle(40px at center);
  /*-webkit-clip-path:circle(40px at center);*/
}

.size100 .icones-dreta-article {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 3px;
    top: 3px;
}

.size100 .info-cantidad {
	position: relative;
    height: 30px;
    width: 30px;
    z-index: 1001;
    background-color: #d50000;
    border-radius: 50%;
    opacity: 0.85;
    margin-bottom: 4px;
}
.size100 .info-cantidad > span {
    display: block;
    width: 30px;
    font-size: 11px;
    line-height: 30px;
    text-align: center;
}
.size100 .info-oferta {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: url(img/oferta.png) no-repeat top left;
	position: relative;
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-size: 0.8em;
	font-weight: 300;
	color: #fff;
	text-align: center;
	line-height: 30px;
	background-size: 30px 30px;
}

.size100 .icones-info li:nth-child(2), .size100 .icones-info li:nth-child(3), .size100 .icones-info li:nth-child(4), .size100 .icones-info li:nth-child(5){
	display:none;
}
.size100 .icones-info {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 28px;
}
.size100 .icones-info li {
	border-radius: 0px;
	height: 28px;
	border: 0px solid #c2c2c2;
	background-color: #fff;
	margin-bottom: 0px;
}
.size100 .icones-info li:hover {
    border: 0px solid #c2c2c2;
    background-color: #6db742;
	color:#fff;
}

.size100 .icones-info li a:hover {
	color:#fff;
}


.size100 .icones-info li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #555;
    text-align: center;
	line-height:28px;
}

.size100 .icones-info li a span {
    line-height: 28px;
    font-size: 1.35em;
}


/* tamaños nuevos con 75 px de diferencia */

.size175 {
    width: 175px;
    height: 295px; /* NECESARIO PARA QUE NO SE SOBREPONGAN CAPAS! NI TOCARLO! */
}


.size175 .articulos-interior {
    padding: 0px;
	margin: 0px;
    width: 100%;
    height: 100%;
}
.size175 .articulo-imagen {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}


.size175 .clip-path-circle {
	clip-path: circle(75px at center);
  /*-webkit-clip-path:circle(75px at center);*/
}


.size175 .articulo-identificacion .articulo-codigo-propio {
    font-size: 0.9em;
    line-height: 1em;
}
.size175 .articulo-precio {
    font-size: 1em;
    line-height: 0em;
}



.size175 .form-cart {
	width: 36px;
}
.size175 .form-cart input {
	width: 36px;
	height:24px;
	padding-left:6px;
	padding-right:6px;
}

.size175  .cd-customization {
	margin-top:10px;
}

.size175  .cd-customization .info-cart {
    font-size: 1.25em;
    width: 24px;
    padding-left: 1px;
    padding-top:1px;
    /*padding-top: 3px; margin-right: 4px;*/
}

.size175 .eliminar_articulo {
	/* background-image: url(img/paperera.svg); */
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	background-size: 14px 14px;
}

.size175 .cd-customization .color, .size175 .cd-customization .size, .size175 .cd-customization .add-to-cart, .size175 .cd-customization .info-cart {
  height: 24px;
}

.size175 .cd-customization .color, .size175 .cd-customization .size, .size175 .cd-customization .remove-of-cart {
  height: 24px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.size175 .styled-select select {
	width: 100%;
	font-size: 0.9em;
	line-height: 24px;
	height: 24px;
	padding-left:6px;
}
 @-moz-document url-prefix() {
     .size175 .styled-select select {
         padding-left:0;
     }
 }

.size175 .styled-select {
	width: calc(100% - 126px);
    padding: 0 6px 0 0;
	margin-left: 4px;
	margin-right: 4px;
	height: 24px;
	background: url(img/cd-icon-arrow.svg) no-repeat #fff;
	background-position : calc(100% - 6px) center;
}
.size175 .cd-customization .add-to-cart {
  width: 24px;
}

.size175 .cd-customization .size li, .size175 .cd-customization .add-to-cart, .size175 .cd-customization .remove-of-cart {
  line-height: 24px;
}

.size175 .cd-customization .remove-of-cart {
  width: 24px;
  /*margin-right:4px;*/
}



.size250 {
	width: 250px;
	height: 370px; /* NECESARIO PARA QUE NO SE SOBREPONGAN CAPAS! NI TOCARLO! */
 }


.size250 ul.icon-links li a span {
	width: 42px;
	height: 42px;
	margin-right:4px;
	margin-left:4px;
}

.size325 { width: 325px; height: 445px; }
/*.size325 .articulo-imagen svg { width: auto; height: 445px; }*/
.size325 ul.icon-links li a span {
	width: 48px;
	height: 48px;
	margin-right:4px;
	margin-left:4px;
}


.size400 { width: 400px; height: 520px; }
.size400 ul.icon-links li a span {
	width: 56px;
	height: 56px;
	margin-right:4px;
	margin-left:4px;
}


.size600 { width: 600px; height: 740px; }
.size600 ul.icon-links li a span {
	width: 64px;
	height: 64px;
	margin-right:4px;
	margin-left:4px;
}



/* ARTICULOS */

.pasar-fam{
	background-color: rgba(0,0,0,0.10) !important;
	opacity: 0.2;
        position:relative;
}
.pasar-fam:hover{
	opacity: 0.2; /* 1 */
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.fam-anterior-txt{
        position:absolute;
	color:#fff;
	background-color:#333;
	width:auto !important; height:auto;
	margin:0px;
        padding:8px;
	text-align: center;
	font-weight: 300 !important;
	font-size: 1.3em;
}
.size100 .fam-anterior-txt{
    top:35%; left:0%; font-size: 0.8em; padding:4px;
}
.size175 .fam-anterior-txt{
    top:20%; left:18%;font-size: 0.9em;padding:6px;
}
.size250 .fam-anterior-txt{
    top:25%; left:20%;
}
.size325 .fam-anterior-txt{
    top:30%; left:25%;
}
.size400 .fam-anterior-txt{
    top:35%; left:30%;
}
 .size625 .fam-anterior-txt{
    top:45%; left:40%;
}

.fam-anterior-representada-txt{
    position:absolute;
    color:#fff;
    background-color:#333;
    width:auto !important; height:auto;
    margin:0px;
    padding:8px;
    text-align: center;
    font-weight: 300 !important;
    font-size: 1.3em;
}

 .size100 .fam-anterior-representada-txt{
     top:35%; left:0%; font-size: 0.8em; padding:4px;
 }
 .size175 .fam-anterior-representada-txt{
     top:20%; left: 13%; right: 20%;font-size: 0.9em;padding:6px;
 }
 .size250 .fam-anterior-representada-txt{
     top:25%;right:20%; left:20%;
 }
 .size325 .fam-anterior-representada-txt{
     top:30%;left: 20%;right: 23%;
 }
 .size400 .fam-anterior-representada-txt{
     top:35%; left: 22%; right: 27%;
 }
 .size625 .fam-anterior-representada-txt{
     top:45%; left: 26%; right: 32%;
 }


.clip-path-circle {
	clip-path: circle(30% at center);
  /*-webkit-clip-path:circle(30% at center);*/
}

.descuentos {
    color: green;
}

.precio_original {
    color: #AAA;
}
.articulos-interior {
	padding:6px;
	background-color:#fff;
	height: 100%;
	font-family: "Roboto Condensed",Arial,sans-serif;
	background: white;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
	border-radius: 3px;
    overflow: hidden;
    position: relative;
}
.articulos-interior:hover{
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.6);
}
.articulo-imagen {
    position: relative;
	display:block;
    border: 0px solid #555555;
    height: calc( 100% - 122px ); /* sin esto el catalogo 3 no se centra y la altura no cuadra */
    z-index: 1;
}
/* ¡¡¡ esta clase debe estar siempre despues de .articulo-imagen !!! */
.size100 .articulo-imagen {
    bottom: 0px;
}
.articulo-imagen img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.articulo-datos {
    width: 96%;
    height: 122px;
    position: absolute;
    bottom: 0;
    background-color:#fff;
}
/* ¡¡¡ esta clase debe estar siempre despues de .articulo-datos !!! */
.size100 .articulo-datos {
    display:none;
}



/* sobreescribimos una clase del bootstrap que no se adapta el width: */
.btn-group {
    display: block !important;
}

.articulo-imagen:hover .articulo-overlay { display: block; }


.articulo-detalles  {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1px;
    font-family: "Roboto",Arial,sans-serif;
    min-height: 20px
}

.articulo-detalles-left  {
    font-weight: 500;
    font-size: 0.85em;
    color:#555;
}

.articulo-detalles-right  {
	padding-top:6px;
    float:right;
}

.icones-dreta {
	font-size: 1.3em;
	color: #797979;
	padding-left: 6px;
}

.articulo-identificacion .articulo-descripcion {
    font-family: "Roboto Condensed",Arial,sans-serif;
    font-weight: 500;
    font-size: 1.2em;
    line-height: 1.2em;
}
.articulo-identificacion .articulo-descripcion:hover {
	color:#000;
	text-decoration:underline;
}

/* DEGRADAT QUE OCULTA EL TEXT DESBORDAT */
.one-line{
	/*display:table-cell;*/
}
.one-line .fade-container {
	overflow: hidden;
	position: relative;
	line-height: 18px; /* height must be a multiple of line-height for how many rows you want to show (height = line-height x rows) */
	height: 18px;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
.one-line .fade-container {
	word-break: break-all; /* chops words which shows less white space when the line ends, but looks bad for multiple lines */
}
.articulo-degradat-blanc  {
	display: block;
	width: 100%;
	height: 50px;
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.00) 85.23%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0.00) 85.72%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(255,255,255,0.00) 85.72%,rgba(255,255,255,1.00) 100%);
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.00) 85.72%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(255,255,255,0.00) 85.72%,rgba(255,255,255,1.00) 100%);
	position: absolute;
	right: 0px;
}
/* FINAL DEGRADAT QUE OCULTA EL TEXT DESBORDAT */

.articulo-identificacion .articulo-codigo-propio {
    font-family: "Roboto Condensed",Arial,sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1em;
    color:#333;
}
.articulo-precio {
    font-family: "Roboto Condensed",Arial,sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 0em;
}
.articulo-oferta {
    color: #158B00;
}
.articulo-ver-detalle .btn-blau {
    margin: 2px 2px 0;
    padding: 1em;
    border: 1px solid #6db742;
    background: #fff;
    color: #6db742;
}
.articulo-ver-detalle .btn-blau:hover{
    background: #6db742;
    color: #fff;
 }




 .botons-article {
	border: 1px solid #fff;
}

.botons-article:hover, .boto:active, .boto:focus, .boto:visited {
	color:#6db742;
	background-color: #efefef;
	border: 1px solid #efefef;
}

.boto {
	background-color: #fff;
	border: 1px solid #fff;
	height: 30px;
	width: 40px;
	border-radius: 0px;
	padding:0px;
	line-height:30px;
	font-size: 20px;
	color: #5c5c5c;
	text-align: center;
}
.boto:hover, .boto:active, .boto:focus, .boto:visited {
	color:#6db742;
	background-color: #efefef;
	border: 1px solid #efefef;
}



.input-article {
	width: 60px !important;
	color:#000;
	font-weight: 400;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	-ms-border-radius: none;
	-o-border-radius: none;
	border-radius: none;
	padding: 8px;
	border: none;
	border-bottom: solid 2px #c9c9c9;
	-webkit-transition: border 0.3s;
	-moz-transition: border 0.3s;
	-o-transition: border 0.3s;
	transition: border 0.3s;
	text-align: center;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
}
.input-article:focus, .input-article .focus {
	  outline: none;
  border-bottom: solid 2px #6db742;
}





.icones-info {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 34px;
    z-index:1001;
}

.icones-info li {
	list-style-type: none;
	display: block;
	border-radius: 3px;
  	border: 1px solid #c2c2c2;
  	background-color: #ffffff;
  	-webkit-font-smoothing: antialiased;
	margin-bottom:6px;
    height: 34px;
    overflow:hidden;
}

.icones-info li a {
	display: block;
	width:100%;
	height:100%;
  	color: #555;
	text-align:center;
}

.icones-info li:hover {
  border: 1px solid #555;
}

.icones-info li a:hover {
  color: #333;
}

.icones-info li a span {
	line-height: 22px;
	font-size: 1.5em;
    padding:6px;
}

.icones-info-detalle{
    left:unset;
    top:8px;
    right:24px;
    display:flex;
    flex-direction: column;
}
 .icones-info-detalle .info-oferta{
     width: 38px;
     height: 38px;
     margin-left:-2px;
 }
.icones-info-detalle .info-oferta,
.icones-info-detalle .info-oferta:hover{
    border:none;

}


.icones-dreta-article {
	position:absolute;
	width: 38px;
	height: 38px;
	right: 5px;
    top: 5px;
    z-index: 100;
}

.info-cantidad {
	position: relative;
	height: 38px;
	width: 38px;
	z-index: 1001;
	background-color: #d50000;
	border-radius: 50%;
	opacity: 0.75;
	margin-bottom:8px;
}

.info-cantidad-bodegon {
	top:26px;
	z-index:1400;
	position: absolute;
	height: 48px;
	width: 48px;
	z-index: 1001;
	background-color: #d50000;
	border-radius: 50%;
	opacity: 0.75;
	margin-bottom:8px;
}

.info-cantidad-detalle {
	margin-top:16px;
}


.info-cantidad > span {
	display: block;
	width: 38px;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	color: #FFF;
}
.info-cantidad-bodegon > span {
	display: block;
	width: 48px;
	font-size: 14px;
	line-height: 48px;
	text-align: center;
	color: #FFF;
}


.info-oferta {
    width: 38px;
    height: 38px;
    display: inline-block;
    background: url(img/oferta.png) no-repeat top left;
    position: relative;
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-size: 1em;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 38px;
	z-index:1001;
}



/* BODEGONES */



.bodegones {
	overflow:hidden;
    height: 100%;
    width: 100%;
	padding-bottom: 100px; /* HA DE SER LA MATEIXA ALÇADA QUE LA CAPA INFO-ARTICULO-BODEGON */
}

.bodegon {
    background-color: #E0E0E0;
    border: 3px solid transparent;
    float: left;
    text-align: center;
}
.bodegon img{
	display:block; /* ES NECESSARI PER CENTRAR VERTICALMENT EN CHROME */
    height: auto;
    max-height: 100%;
    max-width: 100%;
	position: relative;
	margin-left:auto;
	margin-right:auto;

	/*da problemas con el mapster*/
	/*top: 50%;
	transform: translateY(-50%);*/
}


.bodegon-col-1 { width: 100%; }
.bodegon-col-2 { width: 50%; }
.bodegon-col-3 { width: 33%; }
.bodegon-col-4 { width: 25%; }
.bodegon-col-5 { width: 20%; }


.bodegon-row-1 { height: 100%; }
.bodegon-row-2 { height: 50%; }
.bodegon-row-3 { height: 33%; }
.bodegon-row-4 { height: 25%; }
.bodegon-row-5 { height: 20%; }



.info-articulo-bodegon {
	height: 100px;
	width: 100%;
	position: absolute;
	bottom: 0;
	overflow-y: scroll;
	border-top: 1px solid #B6B6B6;
}

.bodegon-esquerra {
	width:calc(50% - 25px);
	float:left;

}
@media (min-width:920px){
    .bodegon-esquerra{padding-left:10%;}
    .bodegon-dreta{padding-right: 10% !important;}
}
@media (min-width:1580px){
    .bodegon-esquerra{padding-left:16%;}
    .bodegon-dreta{padding-right: 16% !important;}
}
.bodegon-dreta {
	width:calc(50% + 25px);
	float: left;
	padding-top: 30px;
	padding-right: 8px;
	padding-left: 0px;
	padding-bottom: 30px;
}


.imatge-info-bodegon{
	width:100px;
	/* float:left; */ display:inline-block;
	margin:0; padding-right: 20px;
}
.detalle-info-bodegon{
	/* float:right;*/ display:inline-block;
	width: calc(100% - 110px);
}
.detalle-info-bodegon td{display:table-cell; padding-right:25px !important;}

.info-descripcion-bodegon {
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight: 500;
	font-size: 1.1em;
	line-height: 1em;
	margin-top: 10px;
}
.info-codigo-propio-bodegon {
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight: 300;
	font-size: 1.0em;
	line-height: 0.3em;
	color: #414141;
	margin:0px;
}
.info-precio-bodegon {
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight: 700;
    font-size: 15px;
    color: #333;
	margin-top:8px;
	margin-bottom:2px;
}

.info-descuento-bodegon {
    margin-right: 10px;
    padding: 1px 2px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    background: #f13340;
    border: 1px solid #d02a2c;
	display:inline-block;
}

.info-precio-anterior-bodegon {
	margin:0px;
    font-size: 13px;
    text-decoration: line-through;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    line-height: 20px;
}

.btn-bodegon {
	width: 40px;
	height: 40px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
	font-size: 1.2em;
    margin-right: 4px;
    color: #333;
    border: 1px solid #c2c2c2;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
	transition-duration: 0.2s;
}
.btn-bodegon:hover {
    border: 1px solid #555;
}

.btn-bodegon-sumar {
	border-radius: 3px;
	color:#fff;
	 background-color: #333;
	 margin:0px;
}
.btn-bodegon-sumar:hover {
	 background-color: #6db742;
	 border: 1px solid #6db742;
	 color:#fff;
}
.btn-bodegon-eliminar{
    font-size:1.5em;
}

.btn-bodegon-info {
	border-radius: 3px;
	 margin:0px;
	font-size:1.6em;
	margin-right:4px;
	transition-duration: 0.2s;
	line-height:1.2em;
	text-align:center;
	padding-top:8px;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
}
.btn-bodegon-uc {
	border-radius: 3px;
	line-height: 38px;
	font-size: 0.9em;
	margin-right: 6px;
	text-align: center;
	border: 1px solid #D8D8D8;
	background-color: #D8D8D8;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #333;
}

.info-precio-bodegon {
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight: 700;
    font-size: 14px;
    color: #333;
	margin-top:6px;
	margin-bottom:2px;
}

.input-bodegon{
	width:60px;
	border: 1px solid #c2c2c2;
	text-align:center;
	height:40px;
	padding:8px;
	margin-right:4px;
	font-size: 1.05em;
	background-color:#fff;
}

.input-bodegon select{
	float:left;
}

.input-bodegon:hover{
	 border: 1px solid #555;
	 height:40px;
	 margin-right:4px;
}

.bodegon-dreta form {
	float:right;
}
.bodegon-dreta .form-group{position:relative;}
.bodegon-dreta form label{
    position:absolute;
    top:-12px; /* 15px */
    text-transform:uppercase;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-weight:normal;
    font-size:9px;
    color:#666;
    letter-spacing:1px;
}

@media (max-width: 767px) {

.bodegones {
	padding-bottom: 157px; /* HA DE SER LA MATEIXA ALÇADA QUE LA CAPA INFO-ARTICULO-BODEGON */
}

.info-articulo-bodegon {
    height: 157px;  /* HA DE SER LA MATEIXA ALÇADA QUE LA CAPA INFO-ARTICULO-BODEGON */
    width: 100%;
    position: absolute;
    bottom: 0;
    overflow-y: hidden;
}
.bodegon-esquerra {
	width:100%;
	height:100px;
	float:none;
}
.bodegon-dreta {
	margin-top:0px;
	display:block;
	width: 100%;
	height: 57px;
	padding: 8px;
	border-top: 1px solid #c2c2c2;
}
.bodegon-dreta form {
	width:100%;
}

.btn-bodegon {
	/* float:left;*/ display:inline-block;
	width:40px;
	height: 40px;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
    border-radius: 3px;
    position: relative;
	font-size: 1.4em;
    margin-right: 4px;
}
.input-bodegon{
	/* float:left;*/ display:inline-block;
	width:52px;
	height: 40px;
	margin-right:4px !important;
	font-size:1em;
}
.input-bodegon:hover{
	width:52px;
	height: 40px;
}
.bodegon-esquerra{text-align:center;}
.bodegon-esquerra .detalle-info-bodegon{width:auto !important; text-align: left;}
.bodegon-dreta form label{top:-12px;}
.bodegon-dreta{padding:12px 8px 4px;}
.bodegon-dreta .form-inline{text-align:center;}
.btn-bodegon-uc {
	float:left;
	line-height: 28px;
	font-size: 0.9em;
	margin-top:4px;
	margin-right: 4px;
	text-align: center;
	background-color: #D8D8D8;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #333;
}
.form-group {
	display:inline-block; position:relative; width:auto;
	/*float:left;  width:113px !important; */
	margin-right:0px;
}

.btn-bodegon-restar {
	margin-left: 4px;
}

.btn-bodegon-sumar {
	/* float:right;*/
	margin:0px;
}
.info-descuento-bodegon {
    margin-right: 10px;
    padding: 1px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.info-precio-anterior-bodegon {
    font-size: 12px;
    line-height: 12px;
}
.info-descripcion-bodegon {
	font-size: 1em;
	line-height: 1em;
	margin-top: 8px;
}
.info-codigo-propio-bodegon {
	font-size: 0.9em;
}

.info-cantidad-bodegon {
	top:26px;
	right:6px;
	z-index:1400;
	position: absolute;
	height: 48px;
	width: 48px;
	z-index: 1001;
	background-color: #d50000;
	border-radius: 50%;
	opacity: 0.75;
	margin-bottom:8px;
}


}






/*MAPSTER TOOLTIP*/

.mapster-tooltip {
	background-color: #fff;
	padding: 0;
	width: 300px;
	height: 150px;
	-webkit-box-shadow: 0px 0px 10px 3px #838383;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.mapster-tooltip2 {
    color: #900;
    font-weight: bold;
}

.detalle-bodegon{
	width: 100%;
	padding-left:16px;
}

.detalle-descripcion-bodegon {
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.1em;
	margin-top:20px;
}
.detalle-codigo-propio-bodegon {
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight: 300;
	font-size: 1.0em;
	line-height: 0.55em;
	color: #414141;
	margin:0px;
}
.detalle-precio-bodegon {
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight: 700;
    font-size: 16px;
    color: #333;
	margin-top:12px;
	margin-bottom:6px;
}

.detalle-descuento-bodegon {
    margin-right: 10px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    display:inline-block;
}

.detalle-descuento-bodegon > span {
    padding: 1px 2px;
    border: 1px solid #d02a2c;
    background: #f13340;
    display:inline-block;
}

.detalle-precio-anterior-bodegon {
	margin:0px;
    font-size: 14px;
    text-decoration: line-through;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    line-height: 20px;
}

/*MAPSTER TOOLTIP*/



/* INPUT GRID TAMAÑO CATALOGO */

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
.grid-chooser {
    width: 45px;
    background-image: url(img/grid.png);
    background-color:transparent;
    border:none;
 }
.grid-chooser + .grid {
    width: 163px;
    height: 123px;
    background: #fff;
    position: relative;
    padding: 2px;
    display: block;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    cursor:pointer;
}

/*.grid-chooser:focus + .grid { display: block; }*/ /* con esto se muestra pero no sirve para controlar click con JS */
.grid-chooser + .grid .grid-row:first-child .grid-square:first-child { background: #6db742; }
.grid-chooser + .grid .grid-row { height: 23px; }
.grid-chooser + .grid .grid-square:first-child { margin-top: 1px; }
.grid-chooser + .grid .grid-square {
    height: 38px;
    width: 38px;
    float:left;
    margin: 1px 0 0 1px;
    border-radius: 0px;
    background: #7D7D7D;
}
.grid-chooser + .grid .grid-square:hover, .grid-chooser + .grid .grid-square.grid-highlight { background: #6db742; }



/* FANCY BOX  (sobreescribimos algunos estilos) */
.fancybox-nav span {
    visibility: visible;
}
/* zoom icon on hover */
.detalle-gallery a.fancybox:hover{
    cursor:zoom-in;
}



/* ANTERIOR Y SIGUIENTE BODEGONES */

/* SVG wrap */
.svg-wrap {
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.bodegon-flechas {
	padding: 1em;
	text-align: center;
	position: relative;
	margin: 40px;
	height: calc(100% - 80px);
	overflow: hidden;
}
.nave a {
	position: absolute;
	top: 50%;
	display: block;
	outline: none;
	text-align: left;
	z-index: 1000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.nave a.prev {
	left: 0;
}
.nave a.next {
	right: 0;
}
.nave a svg {
	display: block;
	margin: 0 auto;
	padding: 0;
}

/*--------------------*/
/* Rounded slide */
/*--------------------*/
.nav-slide a {
	margin: 0 20px;
	padding: 15px;
	width: 62px;
	height: 62px;
	border-radius: 40px;
	background: #333;
	-webkit-transition: width 0.3s, background-color 0.3s;
	transition: width 0.3s, background-color 0.3s;
}

.nav-slide .icon-wrap {
	position: absolute;
	width: 32px;
}

.nav-slide a.prev .icon-wrap {
	left: 15px;
}

.nav-slide a.next .icon-wrap {
	right: 15px;
}

.nav-slide svg.icon {
	fill: #fff;
}

.nav-slide h3 {
	font-family: 'Roboto Condensed', Arial, sans-serif;
	position: absolute;
	top: 0;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 4.45;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.nav-slide a.prev h3 {
	right: 25px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.nav-slide a.next h3 {
	left: 25px;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.nav-slide a:hover {
	width: 210px;
	background: #6db742;
}

.nav-slide a:hover h3 {
	opacity: 1;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}



/* ICONES DEMANAR ARTICLE */

.articulo {
	overflow:hidden;
}
/*
.articulo-imagen { transition: all .1s ease-in-out; }
.articulo-imagen:hover {
	transform: scale(1.12);
}
*/
.articulo-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

ul.icon-links {
	position:relative;
	display: table;
	width:auto;
	text-align: center;
	bottom:0px;
	margin-top:83%;
}
ul.icon-links li{
	float: left;
	list-style-type: none;
}
ul.icon-links li a span {
	display: block;
	width: 38px;
	height: 38px;
	background-color:#333;
	border-radius: 50%;
	margin-right:2px;
	margin-left:2px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}
ul.icon-links li a span:hover  {
	background-color:#6db742;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s;
}
.icon-embalaje {background-image: url(img/a.png);}
.icon-subembalaje {	background-image: url(img/b.png);}
.icon-caja {	background-image: url(img/c.png);}
.icon-palet {background-image: url(img/d.png);}







.botons-detall {
    margin-top:16px !important;
}

.detalle-img {
    height:auto;
    width: 100%;
    margin-right:auto;
    margin-left:auto;
}
.detalle-descripcion {
    font-family: "Roboto Condensed",Arial,sans-serif;
    font-weight: 700;
    font-size: 2em;
    line-height: 1em;
    margin-top:16px;
}
.detalle-codigo-propio {
    font-family: "Roboto Condensed",Arial,sans-serif;
    font-weight: 300;
    font-size: 1.25em;
    line-height: 0.25em;
    color: #414141;
}
.detalle-precio {
    font-family: "Roboto Condensed",Arial,sans-serif;
    font-weight: 700;
    font-size: 29px;
    line-height: 32px;
    color: #333;
}

.detalle-descuento {
    margin-right: 10px;
    padding: 1px 2px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    font-size: 21px;
    line-height: 23px;
    color: #fff;
    background: #f13340;
    border: 1px solid #d02a2c;
    display:inline-block;
}

.detalle-precio-anterior {
    padding-bottom: 15px;
    margin:0px;
    font-size: 17px;
    text-decoration: line-through;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    line-height: 23px;
    display:inline-block;
}

.detalle-pedir {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 4px;
    margin-bottom: 24px;
    background: #f6f6f6;
    border: 1px solid #d2d0d0;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom:8px;
}

.detalle-titular {
	border-bottom: 1px solid #888;
	color: rgb(34, 34, 34);
	padding-bottom: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:0px;
}

.detalle-gallery {
	border: 1px solid #dbdbdb;
	padding-top: 16px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 36px;
}

.detalle-hr {
	border-top: 1px solid #dbdbdb;
    margin: 0px 0 20px;
}
.detelle-titular-seccion {
	font-family: "Roboto",Arial,sans-serif;
	color: #666;
	font-weight: 300;
	font-size: 1.2em;
	line-height: 0.5em;
	padding-bottom: 0px;
	text-transform: uppercase;
	margin-top: 36px;
	padding-bottom:16px;
	border-bottom: 1px solid #6D6D6D;
}

.detalle-colecciones {
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight: 700;
	font-size: 1.3em;
	line-height: 0.5em;
	padding-bottom: 16px;
}

.detalle-taula th  {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

.detalle-taula td {
	font-size: 12px;
	font-weight:normal;
	color:#666;
}
@media screen and (max-width: 767px) {
    .detalle-taula tbody td {
        white-space:normal !important;
    }
 }
.detalle-taula>thead>tr>th, #articulo_detalle #descuentos h4  {
	border-bottom-color: rgb(34, 34, 34);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: rgb(34, 34, 34);
	padding-bottom:10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	text-transform: uppercase;
}

/* SLIDESHOW DE LA PÀGINA DE DETALL PER QUAN TENIM MULTIFOTO */

#slideshow-wrap {
	display: block;
	height: auto;
	width: 100%;
	margin: 0px;
	position: relative;
}
#slideshow-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
#slideshow-inner>ul {
    list-style: none;
    height: 100%;
    width: 400%;
    overflow: hidden;
    position: relative;
    left: 0px;
	padding:0px;
	margin:0px;
    -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
}
#slideshow-inner>ul>li {
    width: 25%;
    height: auto;
    float: left;
    position: relative;
}
#slideshow-inner>ul>li>img {
    margin: auto;
	width: 100%;
    height: auto;
}
#slideshow-wrap input[type=radio] {
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 100;
    visibility: hidden;
}
#slideshow-wrap label:not(.arrows) {
	position: absolute;
	left: 50%;
	bottom: 23px;
	z-index: 100;
	width: 12px;
	height: 12px;
	background-color: #333333;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s;
}
#slideshow-wrap input[type=radio]#button-1:checked~label[for=button-1] { background-color: #6db742 }
#slideshow-wrap input[type=radio]#button-2:checked~label[for=button-2] { background-color: #6db742 }
#slideshow-wrap input[type=radio]#button-3:checked~label[for=button-3] { background-color: #6db742 }
#slideshow-wrap input[type=radio]#button-4:checked~label[for=button-4] { background-color: #6db742 }
#slideshow-wrap label[for=button-1] { margin-left: -52px }
#slideshow-wrap label[for=button-2] { margin-left: -34px }
#slideshow-wrap label[for=button-3] { margin-left: -16px }
#slideshow-wrap input[type=radio]#button-1:checked~#slideshow-inner>ul { left: 0 }
#slideshow-wrap input[type=radio]#button-2:checked~#slideshow-inner>ul { left: -100% }
#slideshow-wrap input[type=radio]#button-3:checked~#slideshow-inner>ul { left: -200% }
#slideshow-wrap input[type=radio]#button-4:checked~#slideshow-inner>ul { left: -300% }
label.arrows {
	font-family: 'icones';
	background-color: rgba(255,255,255,0.75);
	font-size: 6em;
	color: #333;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	display: none;
	cursor: pointer;
	z-index: 1000;
}
label.arrows:before {
	content: '\e87f';
}
label.arrows:hover {
	color: #6db742;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
input[type=radio]#button-1:checked~.arrows#arrow-2, input[type=radio]#button-2:checked~.arrows#arrow-3, input[type=radio]#button-3:checked~.arrows#arrow-4 {
    right: 0px;
    display: block;
}
input[type=radio]#button-2:checked~.arrows#arrow-1, input[type=radio]#button-3:checked~.arrows#arrow-2, input[type=radio]#button-4:checked~.arrows#arrow-3 {
    left: 16px;
    display: block;
	transform:rotate(180deg)
}
input[type=radio]#button-2:checked~.arrows#arrow-1 { left: 52px }
input[type=radio]#button-3:checked~.arrows#arrow-2 { left: 34px }


/**** slideshow w/ thumbnails ****/
.detalle-gallery .bx-wrapper{margin-bottom:20px;box-shadow: 0 0 0px #ccc!important;-moz-box-shadow: 0 0 0px #ccc!important;-webkit-box-shadow: 0 0 0px #ccc!important;}
#bx-pager{
    width: 100%;
    max-height: 140px;
    margin: 0 auto; text-align:center;
    overflow: auto;
}
#bx-pager .bx-item-thumb{
    display: table;
    overflow:auto;
    border-spacing:4px;

}
#bx-pager .bx-item-thumb a{
    position: relative;
    width: auto !important;
    max-width:140px !important;
    max-height:80px;
    border:1px solid #dbdbdb;
    margin:6px;
    display: table-cell;overflow:hidden;
}
#bx-pager a:hover{border:1px solid #666;}
#bx-pager a img {width: auto; max-height: 80px; display:inline-block;  }
.bx-viewport li img{max-height:50vh;width: auto !important; margin: 0 auto;}

 /* Detalle btn descarregar imatges */
 .detalle-descargar {
     display: inline-block;
     font-size: 1.1em;
     background: #8b8a8c;
     color: #fff;
     padding: 6px 16px;
     margin:1em 0;
     width: 50%;
     text-align: center;
     border:none;
     border-radius: 3px;
 }
 .detalle-descargar i {
     padding-right:.5em;
 }
 .detalle-descargar:hover {
    background:#6b6a6c;
     color:#fff;
 }


/* ======================= COLECCIONES  ======================= */


/*=Slides
----------------------------------------------- */
.cslide-slides-master {
  overflow: hidden;
  margin-bottom: 60px; }

.cslide-slides-master:last-child {
  margin-bottom: 0; }

.cslide-slides-container {
  visibility: hidden; }

.cslide-slide {
  float: left; }


.cslide-slide img{
  width:100%;
  height:auto;
  }

/* prev next buttons */
.cslide-prev-next {
  margin-bottom: 16px;
  display: none;
  text-align: right;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cslide-prev, .cslide-next {
	display: inline-block;
	color: #333;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 4em;
}

.cslide-prev:hover,
.cslide-next:hover {
	color:#6db742;
}

.cslide-prev.cslide-disabled:hover,
.cslide-next.cslide-disabled:hover {
}

.cslide-disabled {
  opacity: 0.3; }

/* =Extras
-------------------------------------------------------------- */
.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}



/* HACKS
-------------------------------------------------------------- */
.selector:not(*:root) {}
@media screen and (min-width:0\0) {}








/*! Flickity v1.1.0
http://flickity.metafizzy.co
---------------------------------------------- */


.container .row .col-sm-12 .flickity-page-dots {
	display:none;
}


.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  z-index:1001;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}




.fa-flip-horizontal {
	display:block;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}


.navbar-xs { margin-top:24px; min-height:24px; border-radius:0}
.navbar-xs .navbar-nav > li > a { border-right:1px solid #ddd; padding-top: 2px; padding-bottom: 2px; line-height: 24px }

.navbar-detall-article {
	background-color: #fff;
	margin-top:0px;
	margin-bottom:8px;
}

.navbar-detall-article .navbar-nav {
	    margin: 0px 0px;
}
.navbar-detall-article .navbar-nav > li {
	color: #605151;
	width: 36px;
	height: 36px;
}
.navbar-detall-article .navbar-nav > li > a {
	font-size: 1.2em;
	text-align: center;
	color: #605151;
	padding: 0px;
	line-height: 36px;
    border: 1px solid #fff;
	border-radius: 3px;
}
 .navbar-detall-article .nav-detall-esquerra > li > a {
     font-size: 1.4em;
 }
.navbar-detall-article .navbar-nav > li > a:hover {
	border: 1px solid #BCBCBC;
	background-color:#fff;
}



.navbar-detall-article .navbar-nav > li > a > span {
	height:36px !important;
	line-height: 36px;
}



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

Primary style

-------------------------------- */
img, svg {
  max-width: 100%;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  padding: 0;
}
button:focus {
  outline: none;
}







 .articulo-detalle-embalajes{
     margin:1em .5em 1em 0;
 }
 .articulo-detalle-embalajes tbody tr{
     border:none !important;
 }
 .articulo-detalle-embalajes tr:hover{
     background:none;
     border:none;
 }
 .articulo-detalle-embalajes tbody td{
     padding:0 0 3px;
     text-align:right;
     text-transform: lowercase;
     font-family: "Roboto Condensed",Arial,sans-serif;
     font-weight: 700;
     color:#666;
     font-size:1em;
     line-height:18px;
 }
 .articulo-detalle-embalajes tbody td img{
     margin:0 0 0 1em;
 }
 .detalle-pedir .detalle-titular{
     border:none;
 }
 .detalle-pedir .detalle-precio{
     font-size:32px;
 }
.tipos-articulo-container{
    /* min-height:250px; */
}
 .tipos-articulo-container .articulo-boton-embalaje{
     min-width:80px;
     width: auto !important;  /*calc(100% - 186px) */
 }
@media screen and (max-width: 360px){
    .tipos-articulo-container .form-cart {
        width: 32px;
    }
    .tipos-articulo-container .articulo-boton-embalaje{
        min-width: 60px;
    }
}

 .table-tipos-articulo tbody {
     max-height: 160px;
     overflow-y:auto;
     width:100%;
     position:relative;
     display:block;
}
 .table-tipos-articulo tr{
     width:100%;
     display:inline-table;
 }
.table-tipos-articulo tr:hover{
    background:none;border:none;
}
.table-tipos-articulo thead tr{
    background:none !important;
}
 .table-tipos-articulo thead th{
     border-bottom:1px solid #333 !important;
     color:#333;
     font-size:12px;
     line-height:1em;
     padding: 8px 0 6px !important;
 }
 .table-tipos-articulo tr, .table-tipos-articulo th, .table-tipos-articulo td{
     border-top:none !important;
 }
 .table-tipos-articulo th:first-of-type, .table-tipos-articulo td:first-of-type{
     width:30%;
 }
 .table-tipos-articulo td{
     border-bottom:1px solid #ddd;
 }
 .table-tipos-articulo td.info-tipo{
     line-height:36px;
 }
.detalle-pedir .cd-customization{
    visibility: visible;
    opacity:1;
    clear:both; /* line-height:42px; min-height:42px;border-bottom:1px solid #ddd;margin-top:6px;*/
}
 .detalle-pedir .borrar-articulos, .detalle-pedir .remove-of-cart, .detalle-pedir .add-to-cart{
     display:inline-block;float:left;
 }
 .detalle-pedir .borrar-articulos{
     position:relative;
 }
 .detalle-pedir .add-to-cart{
     margin-left: 6px;
 }

.borrar-articulos .form-control{
    min-width:80px;
    max-width:80px;
    margin:0 !important;
}
 @media screen and (min-width:480px){
     .borrar-articulos .form-control{max-width:100px;}
 }
@media screen and (min-width:768px){
    .borrar-articulos .form-control{max-width:130px;}
    .articulo-detalle-embalajes tbody td img{margin:0 .3em 0 2em;}
    .cd-customization .add-to-cart, .cd-customization .remove-of-cart {
        font-size: .9em;
    }
    .tipos-articulo-container .articulo-boton-embalaje{
        width:  calc(100% - 186px);
    }
}
.borrar-articulos .input-group-btn > .btn {
    border:none;
    position:absolute;
    top:0;
    left:-40px;
    z-index:99;
    background:none;
 }
 .borrar-articulos .input-group-btn > .btn i{
     font-size:1.5em;
     color:#999;
 }
 .borrar-articulos .input-group-btn > .btn:hover i{
     color:#444;
 }



/**** MIS PEDIDOS ****/
 .pedidos-top-btns div[class^="col-"] { margin: 0 auto; text-align:center;}
 .btn-blau{width:100%; margin: 0 auto;}
 .filtro-clientes{margin:2rem 0;text-align: center;}
 .filtro-clientes .form-group{margin-bottom:0; text-align: center;}
 .filtro-clientes .form-group label{display:inline-block; text-align: right; font-weight: normal; line-height:34px; padding-right:1rem; color:#777;}
 .filtro-clientes .form-group select{display: inline-block !important; width: auto; margin:0 !important; vertical-align: middle;border:1px solid #999}


 .tabs-style-topline nav a span.fa-user {font-size:1.05em;}




 /**** PENDIENTES ****/
 .filtrar-disponibles{
     margin: 0 0 12px 46px;
     width: auto;
     display: inline-block;
     background: #f4f4f4;
     border-radius: 4px;
     border: 1px solid #eee;
     padding: 8px 16px;
     text-transform: lowercase;
 }
 .filtrar-disponibles label{
     font-size:1.1em;
     font-weight: normal;
     color:#666;
     margin:0;
 }
 .filtrar-disponibles label:first-letter{
     text-transform: uppercase;
 }
 .filtrar-disponibles input[type="checkbox"]{
     margin:0 8px 0 0;
     -ms-transform: scale(1.3);
     -moz-transform: scale(1.3);
     -webkit-transform: scale(1.3);
     -o-transform: scale(1.3);
     transform:scale(1.3);
 }




/****** BREADCRUMBS ******/

.breadcrumb-detall-article {
	padding: 0px;
    margin-bottom: 16px;
    list-style: none;
    background-color: #fff;
	border: 1px solid #dbdbdb;
    border-radius: 3px;
	font-size: 0.85em;
}
.breadcrumb-detall-article ul{
	padding: 0px;
    margin: 0px;
}

.breadcrumb-detall-article li {
	border-right: 1px solid #dbdbdb;
	padding-top:6px;
	padding-bottom:6px;
  padding-right: 10px;
    padding-left: 8px;
}

.breadcrumb-detall-article>.active {
	color:#333;
}

.breadcrumb-detall-article>li+li:before {
    padding: 0px;
	margin:0px;
    content: none;
	display:none;
}
.navbar-detall-article .nav-detall-esquerra{
    min-width:80%;
}
.navbar-detall-article .detalle-breadcrumbs{
    width:90% !important;
    margin-left: 8px;
}
#breadcrumbs li{
    display:inline-block;
    color:#7a7a7a;
    line-height: 36px;
}
#breadcrumbs li a{
    font-family: "Roboto Condensed", Arial, sans-serif;
    color:#212121;
}
#breadcrumbs li a:hover{
    color:#7a7a7a;
    text-decoration: underline;
}
@media screen and (max-width: 1200px){
    .navbar-detall-article .nav-detall-esquerra {
        min-width: 70%;
    }
}
 @media screen and (max-width: 1024px){
    .navbar-detall-article .detalle-breadcrumbs {
        width:90% !important;
    }
    #breadcrumbs li {
        max-width:100px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow: ellipsis;
    }
}
@media (max-width: 767px) {
    .navbar-detall-article .nav-detall-esquerra{
        min-width:40%; /* 60% falta espai per compartir */
    }
    #breadcrumbs{
        display:none;
    }
    .nav-detall-dreta  {
        float: right !important;
    }
    .nav-detall-esquerra  {
        float: left !important;
    }
    .breadcrumb-detall-article {
        padding: 0px 4px;
        margin-bottom: 16px;
        list-style: none;
        background-color: #fff;
        border: 1px solid #dbdbdb;
        border-radius: 3px;
        font-size: 0.8em;
    }
    .articulo-detallle-compartir-url{
        float:left;
    }
}

@media (max-width:420px){
    .imatge-info-bodegon{float:left;padding-right:10px;}
    .detalle-info-bodegon{float:left;}
    .detalle-info-bodegon td {font-size: 12px; padding-right:5px !important;}
    .btn-bodegon{width:32px;}
}








/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: roboto;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  font-family: roboto;
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.modal-backdrop{
	z-index:1045;
	position:fixed;
	top:0 !important;
	right:0 !important;
	left:0 !important;
	background-color:#000;
}
.modal-backdrop.fade{
	filter: alpha(opacity=0);
	opacity: 0;
}
.modal-backdrop.in{
	filter:alpha(opacity=50);
	opacity:.5;
}


/***** CLIENTES *****/
  .mis-clientes-filtrar .input-group{max-width:75%;float:left;}
  @media screen and (min-width:600px){
      .mis-clientes-filtrar .input-group{max-width:50%;}
  }
 .mis-clientes-filtrar label{float:left; margin:2em 2em 0 0;  font-weight:normal;}
 .mis-clientes-filtrar .form-control{border:1px solid #d3d3d3;}
hr.notop{margin-top:0; border-top-color:#ececec;}

 .mis-clientes-izquierda{padding-left:0;}
 .mis-clientes-derecha{ padding-right:0;}
 .mis-clientes-izquierda table, .mis-clientes-derecha table{border:1px solid #dbdbdb; font-size:1.3rem; margin: 1.5rem 0;}
 .mis-clientes-izquierda thead th, .mis-clientes-derecha thead th {background:#eaeaea; color:#212121;
     font-weight:bold; text-transform: capitalize;}
 .mis-clientes-izquierda tr td:first-of-type, .mis-clientes-derecha tr td:first-of-type,
 .mis-clientes-izquierda tr th:first-of-type, .mis-clientes-derecha tr th:first-of-type {padding-left:1.2rem;}
 .mis-clientes-izquierda thead th, .mis-clientes-derecha thead th{font-size:1.3rem;}
 .mis-clientes-izquierda tbody td{cursor:pointer;}
 .mis-clientes-izquierda tbody td, .mis-clientes-derecha tbody td{padding-top:1rem; padding-bottom:1rem; position: relative;}
 .mis-clientes-izquierda tr, .mis-clientes-derecha tr{border-top: 1px solid #e0e0e0;}
.mis-clientes-izquierda tr:nth-child(even){background:#f6f6f6;}
.mis-clientes-derecha tbody td:first-of-type{color:#777; font-size:1.15rem;}
 /* scrollable tbody */
 .mis-clientes-izquierda .table{width:100%; table-layout: fixed; border-collapse: collapse;}
 .mis-clientes-izquierda tr, .mis-clientes-izquierda thead, .mis-clientes-izquierda tbody{width:100%;}
 .mis-clientes-izquierda thead tr {display: block; position: relative; }
 .mis-clientes-izquierda thead tr th{height:48px;}
 .mis-clientes-izquierda tbody {display: block; overflow: auto; height: 400px; }
 .mis-clientes-izquierda td, .mis-clientes-izquierda th{min-width:200px;}
 .mis-clientes-izquierda td:first-of-type, .mis-clientes-izquierda th:first-of-type{width:20%;}

 /* active */
 .mis-clientes-izquierda tr:hover td, .mis-clientes-izquierda tr.hover td{background:#7cd9f1; color:#fff;}
 .mis-clientes-izquierda tr:hover td:last-of-type::after,
 .mis-clientes-izquierda tr.hover td:last-of-type::after {
     font-family: "Font Awesome 5 Free";
     content: "\f054";
     font-size: 1.8rem;
     position: absolute;
     top: 0.7rem;
     right: 1rem;
     background: none;
     font-weight: 900;
 }





.stockverde {
	display: block;
	height: 16px;
	width: 16px;
	background-color: #8FBE00;
	border-radius: 50%;
	float:left;
	margin-right:8px;
}

.stocknaranja {
	display: block;
	height: 16px;
	width: 16px;
	background-color: #F07241;
	border-radius: 50%;
	float:left;
	margin-right:8px;
}

td .stockverde, td .stocknaranja {
	float:right;
}

.recargo { color: #000099; }




.rojo {
    color: #900000;
}
.ambar {
    color: #E2893A;
}
.verde {
    color: #158B00;
}



.scroll-top {
    position: fixed;
    width: 50px !important;
    height: 50px !important;
    bottom: 20px;
    right: 40px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    z-index: 1600;
    text-align: center !important;
    padding-top: 8px;
    padding-bottom: 10px;
    font-size: 20px !important;
    line-height: 1.7 !important;
    border-radius: 50%;
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-shadow: 0 3px 10px rgba(0,0,0,0.16), 0 3px 10px rgba(0,0,0,0.23);
}

.scroll-top:hover {
    background-color: #3276b1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-shadow: 0 14px 45px rgba(0,0,0,0.25), 0 10px 18px rgba(0,0,0,0.22);
}
#articulo_detalle {
    background:rgba(255,255,255,.7);
}
.flowbox{background:#fff; margin-top:1.5em; padding-bottom:1.2em;
    -webkit-box-shadow: 0px 0px 25px 15px rgba(60,60,60,0.4);
    -moz-box-shadow: 0px 0px 25px 15px rgba(60,60,60,0.4);
    box-shadow: 0px 0px 25px 15px rgba(60,60,60,0.4);}
#articulo_detalle .bx-wrapper .bx-viewport{
	box-shadow:none;}
#articulo_detalle #descuentos h4{
	padding-left:8px;margin-top:2em;}
#articulo_detalle #descuentos .lineasdto thead tr{
		height:auto;}
#articulo_detalle #descuentos .lineasdto thead td{
	padding:12px 8px;color:#000;line-height: 1; vertical-align: middle;font-size:11px;font-weight: 700; border-bottom:1px solid #888;}
#articulo_detalle #descuentos .lineasdto tbody tr{
	cursor:pointer;}
#articulo_detalle #descuentos .lineasdto tbody tr:hover{
	background:#f0f0f0;}
#articulo_detalle #descuentos .lineasdto tbody tr:hover>td{	
	border-color:#ccc;font-weight:400;}
#articulo_detalle #descuentos .lineasdto tbody td{
	text-align:center;}
#articulo_detalle #descuentos .lineasdto tbody td:nth-child(2),#articulo_detalle #descuentos .lineasdto tbody td:nth-child(6){
	color:#000;font-weight:400;}
#articulo_detalle #descuentos .lineasdto td:nth-child(5), #articulo_detalle #descuentos .lineasdto td:nth-child(6){
	text-align:right;}
#articulo_detalle #descuentos .lineasdto tbody td:nth-child(3), #articulo_detalle #descuentos .lineasdto tbody td:nth-child(4){
	color:green;}


/*.bodegon-tooltip {*/
    /*stroke: #282828 !important;*/
    /*stroke-width: 1px;*/
    /*fill: #f2f2f2 !important;*/
    /*fill-opacity: 1;*/
    /*height:100px !important;*/
    /*box-shadow: 3px 3px 5px 0px rgba(99,99,99,1);*/
    /*z-index:9999 !important;*/
/*}*/
/*.bodegon-tooltips .bodegon-descripcion, .bodegon-anclados .bodegon-descripcion {*/
    /*stroke: #282828 !important;*/
    /*stroke-width: 1px;*/
    /*fill: #282828 !important; color: #282828 !important;*/
    /*fill-opacity: 1;*/
    /*font-size: 18px !important;*/
    /*font-weight: bold;*/
/*}*/
/*
.bodegon-tooltip:nth-child(even) {
    stroke: #3d3d3d !important;
    stroke-width: 1px;
    fill: #5e5e5e !important;
    fill-opacity: 1;
    padding:10px !important;
}
.bodegon-tooltip:nth-child(even) .bodegon-descripcion {
    stroke: #ffffff !important;
    stroke-width: 1px;
    fill: #ffffff !important;
    fill-opacity: 1;
    font-size: 18px !important; line-height:24px !important;
    font-weight: bold;
}
*/


 .articulo-encontrado {
     background-color: #158B00;
 }

 .articulo-no-encontrado {
     background-color: #F44336;
 }
 #articulo_detalle {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     position: fixed;
     z-index: 1200;
     border: 0px solid #FFF;
     overflow-y: scroll;
 }

 .info-novedad {
     display: block;
     width: 38px;
     font-size: 10px;
     line-height: 38px;
     text-align: center;
     background-color: orange;
     color: #FFF;
     border-radius: 50%;
     opacity: 0.75;
     margin-bottom: 8px;
     margin-top: 8px;
 }
#freewall .articulo-ver-detalle .btn-blau {
    margin: 0 auto !important;
    display:block;
    float:none;
    max-width:64%;
    font-size: 1.2em;
    font-weight:normal;
    letter-spacing: 1px;
    color: #444;
    background-color: #fff;
    border-color:#c2c2c2;
    line-height:34px;
    padding:0;
    transition: all .3s ease-in;
}
 #freewall .articulo-ver-detalle .btn-blau:hover, #freewall .articulo-ver-detalle .btn-blau:active {
     background-color: #6db742; /* verd defecte */
     border-color: #6db742; /* verd defecte */
     color:#fff;
 }



/****** ICON FAVORITOS ******/

li.articulos-favoritos{
    height:34px;
}
 a.boton-articulo-detalle,
 a.detalle-favorito,
 a.boton-articulo-favoritos{
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    z-index:99;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
 }
 /*
 .flowbox a.detalle-favorito {
     padding-left:2em;
 }
 #articulo_detalle .favoritos, #articulo_detalle .favoritos_outline{
    right:0;
    left:unset;
}
*/
.favoritos, .favoritos_outline{
     width: 70px;
     height: 70px;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     background: url(../../img/favs.png) no-repeat;
     background-position: 0 0;
     cursor: pointer;

 }
 /*.favoritos_outline:hover, */ .favoritos {
    animation: fave-heart 1s steps(28);
     background-position: -1960px 0;
     transition: background 1s steps(28);
 }

 @keyframes fave-heart {
     0% {
         background-position: 0 0;
     }
     100% {
         background-position: -1960px 0;
     }
 }
 /* Pag favoritos */
 .table-favoritos .opciones-tabla{
     position:relative;
     width:100%;}
.table-favoritos  a.botons-accions-filtres:hover{
    box-shadow:none;
    background:none;}
.table-favoritos .botons-accions-favs{
    width:36px;
    height:36px;
    overflow:hidden;
    position:relative;
    box-sizing: border-box;}
 .table-favoritos .favoritos, .table-favoritos .favoritos_outline{
     left:0;
     top:0;
     transform: translate(-20px, -20px);
     display:block;}
 .table-favoritos .botons-accions-add, .table-favoritos .botons-accions-rem, .table-historico .botons-accions-add,
 .table-historico .botons-accions-rem, .table-pendientes .botons-accions-add, .table-pendientes .botons-accions-rem{
     border:1px solid #597DE8;
     background:#597DE8;
     border-radius:2px;
     padding:4px;
     margin-top:8px;}
 .table-favoritos .botons-accions-rem{
     padding:3px;}
 .table-favoritos  .botons-accions-filtres span, .table-historico .botons-accions-filtres span, .table-pendientes .botons-accions-filtres span{
     font-weight:bold;
     color:#fff;}
 .table-favoritos .botons-accions-add:hover, .table-favoritos .botons-accions-rem:hover{
     background:#23527c !important;}

@media (max-width: 620px){
    .table-favoritos .botons-accions-add, .table-favoritos .botons-accions-rem{margin-top:4px;}
}


 /* CARGANDO */
 .cargando-freewall{
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
     width:100%;
     height:100%;
     z-index:1002;
     margin:0 auto;
     background:rgba(255,255,255,.6);
     display:flex;
     justify-content: center;
     align-items: center;
 }
 .cargando-freewall span,
 .cargando-freewall span:after {
     border-radius: 50%;
     width: 10em;
     height: 10em;
 }
 .cargando-freewall span {
     margin: 100px auto;
     font-size: 10px;
     position: relative;
     text-indent: -9999em;
     border-top: 1.1em solid rgba(255, 255, 255, 0.2);
     border-right: 1.1em solid rgba(255, 255, 255, 0.2);
     border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
     border-left: 1.1em solid #bdbdbd; /* color gris */
     -webkit-transform: translateZ(0);
     -ms-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-animation: loader 1.1s infinite linear;
     animation: loader 1.1s infinite linear;
 }
 @-webkit-keyframes loader {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 @keyframes loader {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 /* PAGINACION */
.catalogo-paginado-botones{
    position: relative;
    display:block;
    width:100%;
    min-height:64px;
    height:auto;
    margin-top:16px;
}
 .catalogo-paginado-botones .pagenav{
     margin:0 auto;
     text-align: center;
 }
 .catalogo-paginado-botones a#carga_datos_anterior,
 .catalogo-paginado-botones a#carga_datos_siguiente{
     /* float: left; */
     /*display:inline-block !important;*/
     position: relative;
     top: 10px;
     cursor: pointer;
     border-radius: 3px;
     margin: 0 8px 12px 0;
     text-align: center;
     user-select: none;
     transition: all 0.2s ease;
     width: auto;
     min-height: 36px;
     padding:10px 18px;
     font-size: 14px;
     background:#597DE8; /* blau btns */
     box-shadow: 0px 3px #375dcd; /* blau btns hov */
     color: #fff;
 }
 .catalogo-paginado-botones a#carga_datos_anterior:active,
 .catalogo-paginado-botones a#carga_datos_siguiente:active{
     top: 3px;
     box-shadow: inset 0px 0px 12px rgba(0,0,0,0.3);
 }
 .catalogo-paginado-botones a#carga_datos_anterior:hover,
 .catalogo-paginado-botones a#carga_datos_siguiente:hover{
     background:#375dcd;
 }
 @media (max-width: 991px){
     .catalogo-paginado-botones {
         display:flex;
         justify-content: space-between;
     }
 }
 @media (max-width: 380px) {
     .catalogo-paginado-botones a {
         margin-right: 0;
     }

     .catalogo-paginado-botones div[class^="col"] {
         padding-left: 8px;
         padding-right: 8px;
     }
 }
 /* CAMBIAR PAGINACION */
 .cargar-cambiar-paginacion{
     position:relative;
     cursor:pointer;
     text-align: right;
     font-size:12px;
     line-height:14px;
     padding-top: 16px;
     vertical-align: middle;
     font-weight: bold;
     color:#597de8;

 }
 .carga_inferior .cargar-cambiar-paginacion{
     top:-50px;
 }

 .cargar-cambiar-paginacion a:hover{
     text-decoration:underline;
 }
 @media (min-width: 768px){
     .cargar-cambiar-paginacion{
         padding-right:1em;
         font-size:13px;
         line-height:15px;
     }
 }
 @media (max-width: 380px){
      .cargar-cambiar-paginacion{
          font-size:11px;
          line-height:13px;
      }
 }





/*
 .detalle-favorito span{line-height: 34px; font-size: 1.5em;color:#555;}
.icones-info .icon-favorite, .flowbox .icon-favorite{color:#ff0000;}
 .icones-info .icon-favorite, .icones-info .icon-favorite_outline, .flowbox .icon-favorite, .flowbox .icon-favorite_outline{
     position:absolute;top:0; left:0; z-index: 100; width:100%; height:100%; text-align:center;}
 .icones-info .articulos-modal-detalle, .flowbox a.detalle-favorito{
     position:relative;
     overflow: hidden;
     height: 34px;
     width: 32px;}
 .icones-info .icon-favorite:before,  .icones-info .icon-favorite_outline:before,
 .flowbox .icon-favorite:before,  .flowbox .icon-favorite_outline:before{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }
 .icones-info .icon-favorite:after, .flowbox .icon-favorite:after{content: '\e291';  }
 .icones-info .icon-favorite_outline:after, .flowbox .icon-favorite_outline:after{content: '\e292';}
 .icones-info .icon-favorite:after, .icones-info .icon-favorite_outline:after,
 .flowbox .icon-favorite:after, .flowbox .icon-favorite_outline:after {
     z-index: -1;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     transform: scale(0);
     -webkit-transform: scale(0);
     color:#7a7a7a;
 }
 .icones-info .icon-favorite:after, .flowbox .icon-favorite:after{color:#ff0000;}
 .icones-info a.boton-articulo-detalle:hover .icon-favorite, .icones-info a.boton-articulo-detalle:hover .icon-favorite_outline,
 .flowbox a.detalle-favorito:hover .icon-favorite, .flowbox a.detalle-favorito:hover .icon-favorite_outline{
    -webkit-animation-name: beat;
    animation-name: beat;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;}
 .icones-info a.boton-articulo-detalle:hover .icon-favorite:after, .icones-info a.boton-articulo-detalle:hover .icon-favorite_outline:after,
 .flowbox a.detalle-favorito:hover .icon-favorite:after, .flowbox a.detalle-favorito:hover .icon-favorite_outline:after{
     -webkit-animation: beat-b 0.3s 0.2s forwards;
     -moz-animation: beat-b 0.3s 0.2s forwards;
     animation: beat-b 0.3s 0.2s forwards;
 }

@keyframes beat{
    25% {
        font-size:1.3em;
        opacity:1;
    }
    75% {
        font-size:1.7em;
        opacity:0.5;
    }
 }

 @keyframes beat-b {
     100% {
         -webkit-transform:scale(1.6);
         transform:scale(1.6);
         -moz-transform:scale(1.6);
         opacity:0.2;
     }
 }
*/






 /****** PRINT STYLES ******/
 @media print {
     a[href]:after {content:"" !important;}
     body{width:100%; margin:0; padding:0;}
     @page{margin:1cm;}
     img{max-width:100% !important;}
     ul, img{page-break-inside: avoid;}
     nav, aside, .navbar-detall-article .navbar-nav > li > a > span, .menu-top-home, .nav-slide, .menu-top-usuario, .menu-top-cesta, .menu-top-home{display:none !important;}
     .menu-top-home a, .botons-accions-filtres, #cookiesBannerContainer{display:none !important;}
     .header-logo, .header-logo img{z-index:1400 !important; display:block; position:absolute;top:0;}

     /**** FITXA DETALL ****/
     #freewall, .bodegones .bodegon, .detalle-herramientas-pedido{display:none;}
     .flowbox > .row:nth-child(2) > .col-md-6, .cd-single-item > .row:nth-child(2) > .col-md-6 {width:100%; float:none;}
     .cd-single-item .container > .row > .col-md-6{padding:0;}
     /* img */
     .flowbox .detalle-gallery, .cd-single-item .detalle-gallery{border:none; padding:0;}
     .flowbox .detalle-gallery .bx-wrapper, .cd-single-item .detalle-gallery .bx-wrapper{margin-bottom:0;}
     .flowbox .detalle-gallery .bx-viewport, .cd-single-item .detalle-gallery .bx-viewport {width:auto !important; height:auto !important; margin: 0 auto; overflow:visible; text-align:center;border:none;background:none !important;}
     .flowbox .detalle-gallery .bx-viewport ul, .cd-single-item .detalle-gallery .bx-viewport ul{width:100% !important; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
     .flowbox .detalle-gallery .bx-viewport ul, .flowbox .detalle-gallery .bx-viewport ul li,
     .cd-single-item .detalle-gallery .bx-viewport ul, .cd-single-item .detalle-gallery .bx-viewport ul li {margin: 0 auto; text-align: center; overflow:visible;transform:none !important;}
     .flowbox .detalle-gallery .bx-viewport ul li,
     .cd-single-item .detalle-gallery .bx-viewport ul li{float:none !important; margin-top:0; width:100% !important;}
     .flowbox .detalle-gallery .bx-viewport li img, .cd-single-item .detalle-gallery .bx-viewport li img{width:100% !important; height:auto; max-height:unset; }
     .detalle-gallery .bx-viewport li:nth-child(3), .bx-clone{display:none;}
     /* end img */

     /* ocultar paginacion, botones, etc. */
     .flowbox #bx-pager, .cd-single-item #bx-pager,
     .detalle-gallery .bx-controls,
     .icones-info-detalle .detalle-favorito,
     .flowbox .table-responsive .espai-24px, .cd-single-item .table-responsive .espai-24px,
     .detalle-pedir .articulo-botones, .flowbox .detalle-hr, .cd-single-item .detalle-hr{display:none;}
     /* end ocultar */

     /* table */
     .flowbox .table-responsive, .cd-single-item .table-responsive{max-height:unset !important; position:relative;}
     .flowbox .articulo-detalle-campos, .detalle-taula tbody tr{border-color:#e0e0e0;}
     .detalle-taula>thead>tr>th{padding-bottom:6px;}
     .detalle-taula tr th:first-child{width:24%; text-transform: capitalize; font-weight: normal; color:#888 !important;}
     .detalle-taula>tbody>tr>td, .detalle-taula>tbody>tr>th{padding:4px 8px;}
     /* end table */

     /* precio absolute */
     .flowbox .detalle-pedir, .cd-single-item .detalle-pedir{position: absolute; top: 0; right: 0; padding: 0; width: auto; border: none;}
     .detalle-pedir .detalle-precio{margin:0; font-size:24px;line-height: 1.15; text-align: right;}
     .detalle-pedir .detalle-precio span[id^="titulo_precio"]{display:none;}
     .detalle-pedir .detalle-precio .descuentos, .detalle-pedir .detalle-precio .precio_original{display:block;font-size:18px; font-weight:normal;}
     .flowbox h1.detalle-descripcion, .cd-single-item h1.detalle-descripcion{margin-top:0; max-width:66%;}
     /* end precio */

     /* relacionados, etc. */
     .cd-single-item .detelle-titular-seccion, .flowbox .detelle-titular-seccion{margin-top:0;}
     .cd-single-item .detalle-gallery .bxslider2 li img, .flowbox .detalle-gallery .bxslider2 li img,
     .cd-single-item .detalle-gallery .bxslider3 li img, .flowbox .detalle-gallery .bxslider3 li img{max-height:3cm !important; width:auto !important;}
     /* end relacionados */

     h2.detalle-codigo-propio, h2.articulo-detalles-left{margin:0; line-height:1;}
     h2.detalle-codigo-propio, h2.articulo-detalles-left, h2.detalle-codigo-propio strong, h2.articulo-detalles-left span{color:#888 !important;}
     h2.detalle-codigo-propio{margin-bottom:3px;}
     h2.detalle-codigo-propio strong{font-weight:normal !important;}
     .detalle-fila-descripcion{margin-top:24px; }
     .detalle-fila-descripcion h1{margin-top:0;}
     .detalle-fila-precio .col-md-6{width:48%; float:left;}
     .flowbox .detalle-fila-precio > div:first-of-type{padding-left:36px;}
     .flowbox > div:nth-child(1){display:none; }
     .flowbox > div:nth-child(2){margin-top:-24px;}
     .flowbox .col-md-6 > .col-md-12, .cd-single-item .col-md-6 > .col-md-12{margin-top:16px;}
     .icones-info-detalle li{border:none;}

 }
 @media print and (-webkit-min-device-pixel-ratio:0) { /* chrome only */
     .detalle-fila-descripcion{margin-top:-148px !important; }
     .flowbox .detalle-gallery .bx-viewport li img{width:80% !important; margin-left:32px;}
 }



 .articulo-cargando {
     margin: 40px 0 0 0;
 }
 .opacidad { opacity: 0;
     visibility: hidden;
     height: 0px;
 }
 .shopitem .sales {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;*zoom: 1;z-index: 99;-o-text-overflow: clip;text-overflow: clip;min-width: 60px;position: absolute;text-align: center;top: 45%;left: 0;z-index: 99;background: url("img/star-descuento.svg");background-size: contain;background-position: center;background-repeat: no-repeat;}
 /*icono descuentos eliminar estilos comunes*/
 .shopitem .innersales::after {position: inherit;top: auto;left: auto;content: none;background: none;background-size: auto;width: auto;height: auto;z-index: auto;max-width: none;max-height: none;}
 .size175 .shopitem .innersales::after {position: inherit;top: auto;left: auto;content: none;background: none;background-size: auto;width: auto;height: auto;z-index: auto;}
 .size175 .shopitem .sales .innersales, .shopitem .sales .innersales, .size250 .shopitem .sales .innersales {color: inherit;text-align: center;margin: 0 auto;padding: 15px ;display: inherit;position: relative;top: 0;right: 0;margin-top: auto;margin-left: auto;padding: 16px;}
 .shopitem .sales span{display:block; color:#ff4e00;line-height:16px;width:100%;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;position:relative;
     text-align:center; margin: 0 auto;}
 .shopitem .sales .units{font-weight:400;font-size:11px;color:#3d1c00; /*top:calc(1px + 1vw);*/}
 .shopitem .sales .price{font-weight:700;font-size:13px;line-height:18px;}
.globoEstadoArticulo{
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px solid #e61c1c;
    background-color: #e61c1c;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    margin-left: 26px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    padding-left:1px;
}

/* Sobreescribe el padding 6 12 del bootstrap porque sino no caben 4 dígitos */
.articulo-boton-bultos .form-control {
    padding: 6px;
}

/********* COMPARTIR URL ***********/
.compartir-url {
    background-color: #EFEFEF;
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    padding: 5px;
    width: 70%;
}
 .navbar-detall-article .articulo-detallle-compartir-url li {
     width:auto;
 }
 .navbar-detall-article .articulo-detallle-compartir-url a > *{
     display:inline-block;
 }
 .navbar-detall-article .articulo-detallle-compartir-url > li > a:hover{
     border: 1px solid #fff;
     color: #7a7a7a;
 }
 .articulo-detallle-compartir-url span{
     font-size:12px;
     font-weight: bold;
     margin-left:3px;
 }
 .modal .compartir-url-flexrow{
     display:flex;
     justify-content: space-between;
     align-items: stretch;
 }
 .modal button.compartir-url-copiar{
    width:25%;
     margin-left:5%;
     color: #fff;
     background: #597DE8;
     border: 1px solid #597DE8;
     border-radius: 3px;
     font-weight: 700;
     font-size: 0.9em;
 }
 .modal button.compartir-url-copiar:hover{
     color: #fff;
     background: #444;
     border: 1px solid #444;
 }





/**** SPECIFICS ALP ****/
 .empresa-card {
     box-shadow: 0 4px 8px 0 rgba(102,102,102,.4);
     transition: 0.3s;
     min-width: 40%;
     border-radius: 6px;
 }
 .empresa-card:hover {
     cursor: pointer;
     box-shadow: 0 8px 16px 0rgba(102,102,102,.6);
 }
 .empresa-card .img-responsive{
     max-width:100px;
     height: auto;
     margin:0 auto;
     box-shadow:none !important;
 }
 .empresa-card .card-footer ul{
     display:flex;
     justify-content: space-around;
 }
 .empresa-card .btn{
     text-transform: uppercase;
     background: #fff;
     color: #0D61A7;
     border-radius: 6px;
     padding:8px 24px;
     border:1px solid #0D61A7;
 }
 .empresa-card .btn-primary{
     background: #0D61A7;
     color: #fff;
 }
 .empresa-card .btn:hover{
     background-color: #0D61A7;
     color:#fff;
 }
 .empresa-card .btn-primary:hover{
     background:#353535;
     border-color:#353535;
 }
 .empresa-card .empresa-descripcion{
     padding:0 8px 12px;
     color:#a0a0a0;
 }

 @media screen and (max-width: 1400px) {
     .empresa-card .btn{
         padding:6px 12px;
     }
 }


 /* CATÁLOGO MULTIFOTO */
 #freewall .articulo .owl-nav{
     /*position:absolute;*/
     /*top:0;*/
     /*bottom:0;*/
     /*left:0;*/
     /*right:0;*/
 }
 #freewall .articulo .owl-prev span,
 #freewall .articulo .owl-next span{
     position: absolute;
     top: 50%;
     margin-top: -16px;
     outline: 0;
     width: 32px;
     height: 32px;
     text-indent: -9999px;
     z-index: 9999;
 }
 #freewall .articulo .owl-prev span{
     left: 0;
     background: url(/vistas/css/images/controls.png) 0 -32px no-repeat;
 }
 #freewall .articulo .owl-next span{
     right: 0;
     background: url(/vistas/css/images/controls.png) -43px -32px no-repeat;
 }


/* BOTON COMPRAR + MODAL LOGIN */

.boton-ver-precio {
    color: #1B3F52;
    background-color: #EBAE51;
    font-family: "Forum", "Sans-serif";
    font-size: 1.2em;
    font-weight: 400;
    border: 0;
    border-radius: 15px;
    padding: 6px 27px;
    box-shadow: 0px 3px 10px 0px rgba(17,17,17,0.40);
}
.boton-ver-precio:hover {
    color: #333;
    background-color: #FFB743;
    border-color: #FFB743;
    box-shadow: 0px 3px 10px 0px rgb(17 17 17 / 67%);
}

.modal-login-botones .btn-blau:hover {
    color: #333;
    background-color: #FFB743;
    border-color: #FFB743;
    box-shadow: 0px 3px 10px 0px rgb(17 17 17 / 67%);
}
 .modal-login-botones .btn-blau {
    color: #1B3F52 !important;
    background-color: #EBAE51;
    font-family: "Forum", "Sans-serif";
    font-size: 1.5em !important;
    font-weight: 400;
    border: 0;
    border-radius: 15px;
    margin: 20px;
    padding: 10px 37px;
    box-shadow: 0px 3px 10px 0px rgba(17,17,17,0.40);
}
/*.btn-gris {*/
/*    color: #1B3F52 !important;*/
/*    background-color: #EBAE51;*/
/*    font-family: "Forum", "Sans-serif";*/
/*    font-size: 1.5em !important;*/
/*    font-weight: 400;*/
/*    border: 0;*/
/*    border-radius: 15px;*/
/*    margin: 20px;*/
/*    padding: 10px 37px;*/
/*    box-shadow: 0px 3px 10px 0px rgba(17,17,17,0.40);*/
/*}*/
.modal-login-texto{
    padding: 40px;
    font-size: 2em;
}
.modal-login{
    padding-bottom: 10%;
}