body {padding-top:0em;margin-top:0em;margin-bottom:120px;font-family: 'Roboto', sans-serif; font-weight: 400;line-height:120%;font-size:1em;}
a {color:#000;}
a:hover {color:#666;}
hr{border-color:#ddd !important;}
h1 {font-size:2.2em;color:#868971;line-height:100%;margin-bottom:0.25em;}
h2 {font-size:1.5em;color:#363;line-height:110%;margin-bottom:0.5em;}
p{margin-bottom:0.5em;}
b{font-weight:bold !important;}

.clickable{cursor:pointer;}
.tachado{text-decoration:line-through; color:#c00;}
.ombra{box-shadow: 0px 0px 10px #000;}

.custom{color:#e30613;}
.bg-custom {background-color:#e30613;}
.link-custom {color:#e30613;}
.link-custom:hover {color:#aaa;}

.verd{color:#70837f;}
.bg-verd{background-color:#70837f;}
.link-verd {color:#70837f;}
.link-verd:hover {color:#aaa;}

.verd-fosc{color:#363;}
.bg-verd-fosc{background-color:#363;}
.link-verd-fosc {color:#363;}
.link-verd-fosc:hover {color:#aaa;}

.red{color:#b00f4b;}
.bg-red{background-color:#b00f4b;}
.link-red {color:#b00f4b;}
.link-red:hover {color:#222;}

.white {color:#fff!important;}
.bg-white {background-color:#fff!important;}
.link-white {color:#fff!important;}
.link-white:hover {color:#444!important;}

.black {color:#000!important;}
.bg-black {background-color:#000!important;}
.link-black {color:#666!important;}
.link-black:hover {color:#000!important;}

.xclar {color:#ddd!important;}
.bg-xclar {background-color:#ddd !important;}

.clar {color:#eee!important;}
.bg-clar {background-color:#eee !important;}
.link-clar {color:#eee!important;}
.link-clar:hover {color:#fff!important;}

.gris {color:#aaa!important;}
.bg-gris {background-color:#aaa!important;}
.link-gris {color:#aaa!important;}
.link-gris:hover {color:#222!important;}

.fosc {color:#70837f!important;}
.bg-fosc {background-color:#70837f !important;}

.titol {color:#868971!important;}
.bg-titol {color:#fff!important;}

.rodo{
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	border-radius: 6px;  
}
.degradat{
	background:-webkit-linear-gradient(top,#fff,#ddd) ;
	background:-moz-linear-gradient(top,#fff,#ddd) ;
	background:-ms-linear-gradient(top,#fff,#ddd) ;
	background:-o-linear-gradient(top,#fff,#ddd) ;
	background:linear-gradient(top,#fff,#ddd) ;
}
#abrenosPorWhats{
    background-color:#868971;
    color: #fff;
    display: block;
    left: 1em;
    bottom: 0;
    border-radius: 5px 5px 0px 0px;
    position: fixed;
    cursor: pointer;
    z-index: 2020;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 5px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size:0.8em;
}
#scrollToTop{
    background-color:rgb(102, 102, 102);
    color: #fff;
    display: block;
    width:50px;
    height:50px;
    right: 70px;
    bottom: 10px;
    position: fixed;
    cursor: pointer;
    z-index: 1025;
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform .4s ease;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
    border-radius: 50%;
    display: block; 
    text-align:center;
    vertical-align:middle;
    padding-top:7px;
}

/*----------------- estils d'impresió -------------------------*/
.printable { display: none; }
@media print {
	.non-printable { display: none; }
    .printable { display: block; }
    #divAlbaraDatosCliente { width:48%; float:left; }
    #divAlbaraDatosEnvio { width:48%; float:right; }
}
/*----------------/ estils d'impresió -------------------------*/

/*----------------------------------- FONTS -----------------------*/
.font-titol{font-family: 'Roboto Slab', sans-serif; font-weight: 400;}
.font-titol-bold{font-family: 'Roboto Slab', sans-serif; font-weight: 700;}
.font-body{font-family: 'Roboto', sans-serif; font-weight: 400;}
.font-body-bold{font-family: 'Roboto', sans-serif; font-weight: 700;}
.font-cond-light{font-family: 'Roboto Condensed', sans-serif; font-weight: 300;}
.font-cond-normal{font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
.font-cond-bold{font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}

.fs05{font-size:0.5em !important;}
.fs06{font-size:0.6em !important;}
.fs07{font-size:0.7em !important;}
.fs075{font-size:0.75em !important;}
.fs08{font-size:0.8em !important;}
.fs09{font-size:0.9em !important;}
.fs10{font-size:1em !important;}
.fs11{font-size:1.1em !important;}
.fs12{font-size:1.2em !important;}
.fs13{font-size:1.3em !important;}
.fs14{font-size:1.4em !important;}
.fs15{font-size:1.5em !important;}
.fs16{font-size:1.6em !important;}
.fs17{font-size:1.7em !important;}
.fs18{font-size:1.8em !important;}
.fs19{font-size:1.9em !important;}
.fs20{font-size:2em !important;}

.lh100{line-height:100% !important;}
.lh110{line-height:110% !important;}
.lh120{line-height:120% !important;}
.lh130{line-height:130% !important;}
.lh140{line-height:140% !important;}
.lh150{line-height:150% !important;}

/* Imágenes responsive */
img.my-imagen-responsive {width:100%;height:auto;}
img.my-imagen-responsive-v {height:100% !important;width:auto;}
.img-back-centered{background-position:center;background-size:cover;}

/*----- header --------------*/
#my-navbar-container {position:relative;padding:0;}
.my-navbar-phone {position:absolute;top:0.25em;right:1em;font-size:1.5em;}
.my-navbar-phone a{color:darkslategrey;}
/*----- header: menu xarxes -------------------------*/
.ulXarxes{list-style:none; display:inline-block; text-align:right; padding:0 0 0 0; background-color:transparent;font-size:1.1em;}
	.ulXarxes li{display:inline-block; margin:0 0 0 0.5em;}
		.ulXarxesTop li a{color:#fff;}
		.ulXarxesTop li a:hover{color:#ddd;}	
        .ulXarxesBottom{text-align:center;}
        .ulXarxesBottom li a{color:#fff !important;}
        .ulXarxesBottom li a:hover{color:#ddd !important;}	
/*----- header: menu shrotcuts -------------------------*/
.ulShortcuts{list-style:none; display:inline-block; text-align:right; padding:0.3em 0 0 0; background-color:transparent;
			font-weight: 300;font-size: 1.1em;font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;}
	.ulShortcuts li{display:inline-block; margin:0 0 0 0;}
		.ulShortcuts li {border-left:1px dotted #868971; padding:0 0.5em;}
		.ulShortcuts li:last-child {border-right:1px dotted #868971;}
		.ulShortcuts li a{color:#000; }
		.ulShortcuts li a:hover{color:#999;}
		.ulShortcuts li a small{font-size: 0.7em;}
/*----- header: menu idiomes -------------------------*/
.ulIdiomes{list-style:none; display:block; text-align:right; margin:0 0 0 0; background-color:transparent; 
            font-weight: 300;font-size: 0.9em;font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;}
	.ulIdiomes li{display:inline-block; margin:5px 1em 0 0;}
		.ulIdiomes li a{color:#000;}
		.ulIdiomes li a:hover{color:#999;}	
		.ulIdiomes .active > a{color:#000; font-weight:700;}
/*----- header: navbar bootstrap --------------*/
#navbarTop{background-color:#fff;margin-top:0px;}
.navbar-brand img{max-height:80px;margin:0 13px;vertical-align: bottom;}
/* items del menu */
#navbarTop .navbar-nav .nav-link {
    padding-right: 2rem;
    padding-left: 0rem;
    color: #fff;
	font-weight:300;
	font-size:1em;
	font-family: 'Roboto Condensed', sans-serif;
/*	text-transform: uppercase;	*/
	margin-top: 0px;
}
#navbarTop .navbar-nav .nav-link:hover {color: #ddd;text-decoration: underline;}
#navbarTop .navbar-nav .nav-link.active {color: #fff; font-weight:700; margin-top:0.5em}
/* items submenu */
#navbarTop .navbar-nav .dropdown{position:inherit !important;}
.dropdown-menu{position:absolute;background-color:#f8f9fa;width:100%;left:0;margin-top:-1px;border:1 !important;border-top:0 !important;border-radius:0 !important;/*box-shadow: 0px 2px 1px #666;*/}
/*#dropdown-menu-licencias{min-width:50em; margin-left:-10em;
    -webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:0.5em;
	-moz-column-gap:0.5em;
	column-gap:0.5em;
}*/
#navbarTop .navbar-nav .dropdown-menu .nav-link {
    padding: 0 0;
    color: #444;
	font-weight: 300;
	font-size: 1em;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
    margin-top: 0px;
}
#navbarTop .navbar-nav .dropdown-menu .nav-item {
	padding: 0.2em 0.8em;
}
#navbarTop .navbar-nav .dropdown-menu .nav-link:hover {
    color: #000;
	text-decoration: underline;
}
#navbarTop .navbar-nav .dropdown-menu .nav-link.active {color:#000;text-decoration:none;font-weight:700;}
#navbarTop .navbar-nav .dropdown-menu .nav-link.active:hover {text-decoration: underline;font-weight:700;}
.suMenuBlock{padding:0 1em !important;}

/* toggler */
.navbar-toggler{border:0 !important;}
#my-navbar-toggler{
    position:relative;
/*	top:0.8em; */
/*	left:0;	*/
/*	margin-left:-2.75em; */
	margin-left:-0.5em;
    height:100%;
    width:20%;
    border-right:1px dotted #aaa;
    text-align:center;
}
/*----- header: carro -------------------------*/
#divCarroHeader{position:absolute;top:0;right:12px;width:400px;height:auto;margin:0;padding:0;border:1px solid #aaa;background-color:white;
                font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size:0.8em;display:none;}
#cabecera-cesta{height:80vh;overflow:auto;}
/*----------------------------------- CAROUSEL BOOTSTRAP -----------------------------------*/
.my-carousel-control span{position:absolute;top:50%;}
.my-carousel-indicators {padding-bottom: 20px}
/*.my-carousel-indicators li {border-color:#c0df16;}
.my-carousel-indicators li.active {background-color:#c0df16;}*/
.my-carousel-item {background:#f4f8fd no-repeat center center;background-size:cover;}
.my-carousel-caption-back{background-color:#000;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.5;z-index:-1;padding-bottom:1em;}
.my-carousel-caption-titol{font-size:3em;margin-bottom:0;color:lightgrey;}
.my-carousel-caption-subtitol{font-size:1.5em;line-height:1em; margin-bottom:30px;text-shadow: 2px 2px #666;color:white;}

/*----------------------------------- PERSONALITZACIÓ BOOTSTRAP -----------------------**/
.btn:hover {cursor:pointer;color:inherit;}
/*.btn-danger {color:#fff !important;}*/
.btn-custom {
    color: #fff;
    background-color: #e30613;
    border-color: #999;
	font-weight: 700;
	font-size: 0.85em;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
    padding:0.8em 1em !important;
}
.btn-custom-2 {
    color: #fff;
    background-color: #222;
    border-color: #999;
	font-weight: 400;
	font-size: 0.85em;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
    padding:0.8em 1em !important;
}
.btn-custom:hover, .btn-custom-2:hover {
    color: #444;
    background-color: #ddd;
    border-color: #444;
}
.btn-custom:not([disabled]):not(.disabled).active, .btn-custom:not([disabled]):not(.disabled):active, .show>.btn-custom.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #444;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,.5);
}

/* paginador*/
.page-link{color:#868971;}
.page-link:hover{color:#868971;}
.page-item.active .page-link{background-color:#e30613;border-color:#e30613;}

.card-columns {column-count: 2;}
/*.card-columns-ferias {column-count: 6;}
.card-deck-articles {line-height:100%;}
.card-deck-articles .card-title{font-family:'Roboto Slab', sans-serif;font-weight: 700;color:#868971;font-size:1.1em;}
.card-deck-articles .card-text{font-family:'Roboto Condensed', sans-serif;font-weight: 300;color:#666;font-size:0.9em;}*/

/*----------------------------------- GLOBAL DIVS -----------------------**/
.divSpace{overflow:hidden; height:1em;}
.divSeparador{width:25%; height:3px; background-color:#222; margin:2em 0;}
/*#divMenuSpace{overflow:hidden; height:168px;}
#divDebug{background-color:#F5EF93;display:none;}*/

#divTop{height:36px;}
#divBody{background-color:white;}
	#divTextHome{font-size:0.85em;}
	#divTextHome .titol{font-size:1.2em;margin-bottom:0.5em;}
#divBottom{color:#ddd;padding:2em 0 6em 0;}
    #divBottom a{color:#ddd;}
#divCreditos{font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size:0.75em; padding-bottom:3.5em;}


/*---------------- blog footer -------------------------*/
#ulBlogFooter{margin:0;padding:0;}
    #ulBlogFooter li img{padding:0.5em;background-color:white; }
    #ulBlogFooter li .titol-nota-blog a{color:white; font-size:1em; font-family: 'Roboto Slab', sans-serif; font-weight: 400; margin-bottom: 0.85em}
    #ulBlogFooter li p{color:#ddd; font-size:0.85em; font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
/*---------------- blog footer -------------------------*/

/*---------------- menu footer -------------------------*/
.ulMenuFooter {list-style-type:none; text-align:center; margin:0; padding:0;}
    .ulMenuFooter li {
            color: #fff !important;
            font-weight:700;
            font-size:0.9em;
            font-family: 'Roboto Condensed', sans-serif;
            text-transform: uppercase;
            padding:0.3em 0.5em;
            display:inline-block;
            }
    .ulMenuFooter li:hover{transition:all 0.15s ease-in 0s;background-color:#fff;}
    .ulMenuFooter li a {color:#fff !important;display:block;}
    .ulMenuFooter li a:hover {color:#868971 !important;text-decoration: none;}
/*---------------- menu footer -------------------------*/    

/*----- cataleg: llistat -------------------------*/
/*---------------- menu cercador-filtres -------------------------*/
.ulFiltres {list-style-type:none;margin:0;padding:0;}
.ulFiltres hr{color:#c0df16;background-color:#c0df16;}
    .ulFiltres li {
            color: #70837f;
            font-weight:300;
            font-size:0.85em;
            font-family: 'Roboto Condensed', sans-serif;
            text-transform: none;
            padding:0.2em 0.5em;
            }
    .ulFiltres li:hover {transition:all 0.15s ease-in 0s;background-color:#e30613;}
    .ulFiltres li a {color:#70837f;display:block;}
    .ulFiltres li a:hover {color:#000;text-decoration: none;}
    
.btn-filtres {
    color: #444;
    background-color: transparent;
    border-top: 1px dotted #999;
	font-weight: 700;
	font-size: 0.9em;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
    text-align: left;
}

.itemArticle{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;width:100%;height:100%;background-color:white}

/*----- cataleg: detall -------------------------*/
.art-td-titol{vertical-align:top;background-color:#eee;border-bottom:1px solid #aaa;line-height:140%;padding:1em;text-transform: uppercase;}
.art-td-more-info{vertical-align:top;border-bottom:1px solid #aaa;font-size:1em;line-height:110%;padding:1em;}
/*.art-td-more-info img{vertical-align:middle;max-width:100% !important;height:auto !important;}*/
.art-td-imgs-i-preu{vertical-align:middle;background-color:#fff;padding:1em;border-bottom:1px solid #aaa;}
.art-td-cesta{vertical-align:middle;background-color:#ddd;padding:1em;border-bottom:1px solid #aaa;}


#divOptionsArticlesDetall{width:100%;height:auto;margin:0;padding:0;
                            border-top:1px solid #aaa;border-bottom:1px solid #aaa;background-color:white;
                            font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size:1em;}
                            
.ulLoginOptions {list-style-type:none; text-align:center;margin:0;}
    .ulLoginOptions li {
            color: #666;
            font-weight:300;
            font-size:0.9em;
            font-family: 'Roboto Condensed', sans-serif;
            text-transform: uppercase;
            line-height:100%;
            padding:0.5em 0.5em;
            display:inline-block;
            vertical-align: middle;
            }
	.ulLoginOptions li.active{background-color:#ffc107;}
    .ulLoginOptions li:hover{transition:all 0.15s ease-in 0s;background-color:#c0df16;}
    .ulLoginOptions li a {color: #666;display:block;}
    .ulLoginOptions li a:hover {color: #000;text-decoration: none;}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*----- portatil vinx ---------------------------*/
@media screen and (max-device-width:1366px),screen and (max-width:1366px){
	/*.card-columns {column-count: 3;}*/
}
/*----- portatil 1200 / 1280 ---------------------------*/
@media screen and (max-device-width:1199px),screen and (max-width:1199px){
	/*----- header: navbar bootstrap --------------
	#navbarTop .navbar-nav .nav-link {padding-right:1.25rem;}*/
}
/*----- lg -> ipad horizontal + ipad pro vertical ---------------------------*/
@media screen and (max-device-width:1024px),screen and (max-width:1024px){
    body {font-size:0.75em;}
    #scrollToTop{
        width:40px;
        height:40px;
        right:60px;
        padding-top:3px;
    }
    /*.ulIdiomes{padding:0.3em 0 0 0;}
    .ulShortcuts{padding:0.5em 0 0 0;}*/
}

/*----- sm ---------------------------*/
@media screen and (max-device-width:991px),screen and (max-width:991px){
	/*body {padding-top:8.5em;}*/
	/*----- header --------------*/
    /*#my-navbar-container {padding:1em 0 1em 0;}	
	.my-navbar-phone{position:absolute;width:100%;top:0.5em;left:0.25em;margin:0;padding:0;font-size:1.2em; text-align:left;}*/
	/*----- header: navbar bootstrap --------------	*/
    .navbar-brand img{max-height:60px;margin:0 0;}
    #navbarTop .navbar-nav {padding:1em 2em;max-height:65vh;overflow: scroll;}
	#navbarTop .navbar-nav .nav-link {margin-top: 0.3em;font-size: 1.5em;}
    .dropdown-menu{border:0;padding:1em 1em;box-shadow: none;}
    #dropdown-menu-licencias{max-width:auto; max-height:15em; margin-left:-1.3em; overflow:scroll;background-color:#eee;
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
        -webkit-column-gap:0;
        -moz-column-gap:0;
        column-gap:0;
    }
    #navbarTop .navbar-nav .dropdown-menu .nav-link {font-size: 1em;}
    #navbarTop .navbar-nav .dropdown-menu .nav-item {padding: 0.5em 0.8em 0.5em 0.5em;}
	
    /*.card-columns {column-count: 2;}
    
    .ulIdiomes{padding:0.3em 0 0 0;}
    .ulShortcuts{padding:0.8em 0 0 0;}*/
}

/*----- ipad vert vertical ---------------------------*/
@media screen and (max-device-width:767px),screen and (max-width:767px){
    /*#divTop{height:50px;}*/    
    /*----- header --------------*/
    /*#my-navbar-container {padding:1em 0 1em 0;} 
	.my-navbar-phone{display:none;}*/
    /* toggler 
    #my-navbar-toggler{top:0em; /* left:0;	margin-left:-1.5em;*/}*/
    /*----- header: menu shrotcuts -------------------------
	.ulShortcuts li i{font-size:1.6em;}*/
    /*----- header: navbar bootstrap --------------
    #navbarTop{margin-top:50px;} 
    .navbar-right {flex-direction:row;float:right;}
    .navbar-right li a{color:#aaa !important; font-size:1em !important}
		.navbar-right li a:hover{color:#868971 !important;}	
		.navbar-right .active > a{color:#868971 !important; font-weight:700;}*/

    /*.carousel-item img{height:200px !important} 
    .card-columns {column-count: 2;}*/

    /*---------------- menu footer -------------------------
    .ulMenuFooter {list-style-type:none;margin-left:0; margin-top:0px;}*/
    /*---------------- menu footer -------------------------*/  
}

/*----- iphone 6+ horizontal ---------------------------*/
@media screen and (max-device-width:736px),screen and (max-width:736px){
	/*#divTop{height:46px;}*/
    
    h1 {font-size:1.6em;}
    h2 {font-size:1.1em;}
    /*.card-columns {column-count: 1;}
    
    .ulShortcuts{padding:0.7em 0 0 0;}*/
}

/*----- iphone 6/7/8  horizontal ---------------------------*/
@media screen and (max-device-width:667px),screen and (max-width:667px){
    /*#divTop{height:50px;}
    body {padding-top:6.75em;}*/
	/*----- header --------------*/
    /*	#my-navbar-container {padding:0.25em 0 0.25em 0;} 
	.my-navbar-phone{position:relative;top:0;left:0;width:100%;margin:0.75em 0 0 0;padding:0.25em 1em;
                        background-color:#868971;color:white;font-size:1.1em;}
	.my-navbar-phone a{color:white;}
	.my-navbar-phone .my-whatsapp{float:right;}*/
	/*----- header: menu xarxes -------------------------
    .ulXarxes{text-align:center;}*/
	/*----- header: navbar bootstrap --------------
	.navbar-brand img{max-height:40px;margin:0 0;}
	#navbarTop .navbar-nav .nav-link {margin-top: 0.1em;font-size: 1.3em;}
    #dropdown-menu-licencias{max-height:11em;max-width:300px;}*/
	/* toggler */
/*	#my-navbar-toggler{top:0em; left:0;margin-left:0em;} */
}

/*----- iphone 5 horizontal ---------------------------*/
@media screen and (max-device-width:568px),screen and (max-width:568px){
	/*----- header: menu shrotcuts -------------------------
	.ulShortcuts{margin:0;padding:0;text-align:center;}*/
}

/*----- iphone 6/7/8 vertical ---------------------------*/
@media screen and (max-device-width:480px),screen and (max-width:480px){
    #abrenosPorWhats{
        /*transform: rotate(90deg) translate(0, 50%);
        transform-origin: 100% 50%;
        left: 0.5;
        bottom: 30%;
        border-radius: 0px 0px 5px 5px;*/
    }
    /*----- header: carro -------------------------
    #divCarroHeader{top:0;right:0;width:100%;height:auto}*/
}

/*----- iphone 5 vertical ---------------------------*/
@media screen and (max-device-width:320px),screen and (max-width:320px){
    /*.ulShortcuts{text-align:center;font-size:0.95em;}*/
}

/*---------------- bootstrap z-indexs --------------------------
$zindex-dropdown:          1000 !default;
$zindex-sticky:            1020 !default;
$zindex-fixed:             1030 !default;
$zindex-modal-backdrop:    1040 !default;
$zindex-modal:             1050 !default;
$zindex-popover:           1060 !default;
$zindex-tooltip:           1070 !default;
---------------------------------------------------------------*/