/*FONTS**********************************/
@font-face {
    font-family: LatoBold;
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato-bold-webfont.woff') format('woff'), url('../fonts/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: LatoLight;
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-light-webfont.woff2') format('woff2'), url('../fonts/lato-light-webfont.woff') format('woff'), url('../fonts/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato-light-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: LatoRegular;
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular-webfont.woff2') format('woff2'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayMedium';
    src: url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaySemibold';
    src: url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayBold';
    src: url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayLight';
    src: url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*GENERALS**************************/

body {
    font-size: 15px;
    font-family: ralewayMedium, LatoRegular, Lato;
    background: #FFFFFF;
    color: #313131;
}

table {
    font-size: 15px;
    font-family: ralewayMedium, LatoRegular, Lato;
}

.font-light {
    font-family:ralewayLight, LatoLight;
}

.font-bold {
    font-family: ralewayBold, LatoBold;
}

.font-regular {
    font-family: ralewayMedium, LatoRegular;
}

table.table-files thead {
    text-transform: uppercase;
}

    table.table-files thead tr td {
        padding: 8px;
    }

table.table-files tr td {
    border-top: 0px;
    padding: 0px;
}

table.table-files tr.item td {
    padding: 8px;
    border-top: 1px solid #DDDDDD;
}

html, body, form {
    height: 100%;
}

a {
    text-decoration: none !important;
    outline: none;
    color: #58544C;
}

    a:hover, a:focus {
        text-decoration: none !important;
        outline: none;
        color: #AD997A;
    }


.container-gpi {
    padding-right: 75px;
    padding-left: 75px;
}

.btn:focus {
    outline: none;
}

.float_right {
    float: right;
}

.float_left {
    float: left;
}

.fa-text-left {
    margin-left: 10px;
    font-size: 16px;
}

.fa-text-right {
    margin-right: 10px;
    font-size: 16px;
}

a img {
    border: none;
}

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

.border {
    border-bottom: 1px solid #DDDDDD !important;
}


h1, h2 {
    color: #2F2C24;
    font-size: 24px;
    margin: 0px 0px 25px 0px;
    padding: 0;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

h1 {
    font-family: ralewayBold, LatoBold;
}

    h1.titolContingut, h2.titolContingut {
        font-size:24px;
        color:#d8a400;
        font-family: ralewayBold, LatoRegular;
    }

    img.box-shadow{
       -webkit-box-shadow: 0px 6px 17px 9px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 6px 17px 9px rgba(0,0,0,0.13);
        box-shadow: 0px 6px 17px 9px rgba(0,0,0,0.13);
    }

        img.box-shadow:hover { 
            opacity:0.8;
        }

/*ESCTRUCTURA**********************/

.absoulute {
    position: absolute;
}

.relative {
    position: relative;
}


.display-inline{
    display:inline-block;
}

/*STICKY FOOTER*********************/
.wrap {
    height: auto;
    margin: 0 auto -330px;
    min-height: 100%;
    padding: 0 0 330px;
    overflow: hidden;
}

.wrap-default > .container:last-child {
    margin-bottom: 30px;
}

#footer {
    height: 330px;
    border-top: 2px solid #191817;
    background: #191817;
    padding-top: 35px;
    color: #FFFFFF;
}


.gpi-no-container .container {
    width: auto;
}


/*BOTONS***************************/
.btn {
    margin-top: 2px;
    line-height: 38px;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0 15px;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.input-group .btn {
    margin: 0px;
}

select {
    border: 0 none;
}

.btn-primary {
    background-color: #58544C;
    border: 0;
    color: #FFFFFF;
}

    .btn-primary:hover, .btn-primary:focus {
        background-color: #AD997A;
        border: 0px;
        color: #2F2C24;
    }

    .btn-primary.disabled {
        opacity: 0.6;
        background-color: #58544C;
        color: #FFFFFF;
        cursor: not-allowed;
    }

.btn-maxwidth {
    width: 100%;
}

.btn-default {
    background-color: #CDCCC8;
    border: 0;
    color: #2F2C24;
}

    .btn-default:hover, .btn-default:focus {
        background-color: #AEA795;
        color: #FFFFFF;
    }

.btn-warning {
    border: 0;
}


.btn-no-stock-consultar {
    position: absolute;
    bottom: 0px;
    right: 15px;
}

.stockFitxa .btn-no-stock-consultar {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.btn-left .glyphicon {
    margin-left: 2px;
    margin-right: 10px;
}

.btn-left .glyphicon-log-in {
    -moz-transform: scaleX(-1); /* Gecko */
    -o-transform: scaleX(-1); /* Opera */
    -webkit-transform: scaleX(-1); /* webkit */
    -ms-transform: scaleX(-1);
    transform: scaleX(-1); /* standard */
    filter: FlipH; /* IE 6/7/8 */
}


a.btn-download-login {
    line-height: 38px;
    font-size: 18px;
    padding: 0 15px;
}

button.btn-download-login {
    font-size: 18px;
    padding: 0 15px;
    background: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    color: #58544C;
    cursor: pointer;
    outline: inherit !important;
}

    button.btn-download-login:hover, button.btn-download-login:focus {
        text-decoration: none !important;
        outline: none;
        color: #AD997A;
    }


/*************************************/
/********* HEADER SUPERIOR ***********/
/*************************************/
#headerSup {
    background: #000000;
}


#headerSupCopy{
    display:none;
}

#headerMenu.affix #headerSupCopy { 
    display:block;
}

    #headerMenu.affix #headerSupCopy .container-gpi .content{ border-bottom: 1px solid #32302c; }

.wrap-default #headerSup .container-gpi  .content{ border-bottom: 1px solid #32302c; }

/*#caixaMenu.affix*/
#headerMenu.affix
{
    top: 0;
    z-index: 200;
    background-color: #000000;
    position: fixed;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    min-height: auto;
    -webkit-box-shadow: 0px 2px 20px 0px #454545;
    -moz-box-shadow: 0px 2px 20px 0px #454545;
    box-shadow: 0px 2px 20px 0px #454545;
}


    /*#caixaMenu.affix #headerMenu
    {
        height: 40px;
    }*/


#headerMenu.affix .logo {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block !important;

}


    #headerMenu.affix .logo img { 
        max-width:160px;
    }

/** CONTAINER IDIOMES **/
.minilogo img {
    max-width: 170px;
}

#caixaMenu.affix .minilogo img {
    max-width: 140px;
    margin-top: -20px;
}

.containerIdiomes {
    float: right;
    margin-bottom: 10px;

}

.copi-tel { 
    float:right;
    font-family:LatoRegular;
    color:#d8a400;
    font-size:14px;
    letter-spacing:1px;
    line-height:21px;
    margin-top:10px;
}

.copi-tel a, .copi-tel a:hover{
    color:#d8a400;
}


.copi-email { 
    line-height:21px;
    float:right;
    margin-left:30px;
    padding-left:30px;
    border-left:1px solid #5e5a4d;
    margin-top:10px;
}

    .copi-email a { color: #e1dcce; }
    .copi-email a:hover { color: #d8a400; }

.container-idiomes {
    text-align: right;
    margin-bottom: 0;
    float: right;
    padding-left:30px;
    border-left:1px solid #5e5a4d;
    margin-left:30px;
    margin-top:9px;
}

.container-idiomes ul {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #ACA48C;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-idiomes ul li {
    border-left: 1px solid #ACA48C;
    padding-left: 15px;
    margin-left: 15px;
    color: #ACA48C;
}

.container-idiomes ul li a {
    color: #ACA48C;
}

.container-idiomes ul li a:hover {
    color: #D8A400;
}

.container-idiomes ul li:first-child {
    margin: 0;
    padding: 0;
    border: none;
}

.container-idiomes ul #language-selected {
    color: #D8A400;
}

    .container-idiomes .dropdown {
        text-align: right;
        display: inline-block;
        margin-left: 5px;
    }

    .container-idiomes ul.dropdown-menu {
        z-index: 1001;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border-top: 2px solid #D8A400;
    }

        .container-idiomes ul.dropdown-menu:after {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 0 6px 6px;
            border-color: #D8A400 transparent;
            display: block;
            width: 0;
            z-index: 1;
            top: -8px;
            left: 61px;
        }

    .container-idiomes i {
        position: relative;
        color: #ACA48C;
    }

    .container-idiomes .dropdown-menu {
        background: #000000;
        min-width: 100px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0px;
    }

        .container-idiomes .dropdown-menu > li > a {
            font-size: 12px;
            text-align: right;
            padding: 0px 5px;
            line-height: 40px;
            color: #ACA48C;
            white-space: normal;
        }

            .container-idiomes .dropdown-menu > li > a:hover, .container-idiomes .dropdown-menu > li > a:focus {
                color: #D8A400;
                background: #000000;
            }


#menu-idiomes {
    line-height: 21px;
    font-size: 12px;
    color: #ACA48C;
    padding: 0px;
    margin-bottom: 5px;
    text-decoration: none;
    border-bottom: none;
}



.container-idiomes ul.dropdown-menu .container-esq {
    width: 60%;
    float: left;
    text-align: right;
    color: #9B9991;
    padding-right: 10px;
}

.container-idiomes ul.dropdown-menu li a:hover .container-esq {
    color: #D8A400;
}


.container-idiomes ul.dropdown-menu .container-dret {
    width: 35%;
    float: right;
    text-align: right;
    color: #D8A400;
    padding-left: 5px;
}


.container-idiomes ul.dropdown-menu li {
    line-height: 40px;
    border-bottom: 1px solid #453A14;
}

.container-idiomes ul.dropdown-menu:last-child {
    border-bottom: none;
}

#menu-idiomes:focus {
    outline: none;
    text-decoration: none;
}

#menu-idiomes:hover {
    color: #D8A400;
    border-bottom: 0px;
    text-decoration: none;
}

.dropdown-menu.dropdown-menu-right {
    text-align: right;
}

/***FI IDIOMES***/

/*** CONTAINER XARXES SOCIALS CAPÇALERA ***/

.container-xarxesSocials-header {
    margin-top:10px;
    margin-bottom:10px;
        /*float: right;
        margin-right: 15px;
        margin-top: 5px;*/
}

    .container-xarxesSocials-header div {
        display: inline-block;
    }

        .container-xarxesSocials-header div a.socialMedia {
            font-size: 0px;
            margin-right: 15px;
        }

            .container-xarxesSocials-header div a.socialMedia i {
                font-size: 15px;
                color: #ADA58D;
            }

            .container-xarxesSocials-header div a.socialMedia:hover i {
                color: #D8A400;
            }

/*** CONTAINER XARXES SOCIALS CAPÇALERA ***/

/***INICI BUSCADOR****/

.caixaBuscador {
    margin: 0;
    margin-right: 46px;
    display: inline-block;
    float: right;
    position: relative;
}

.buscadorCom {
    border-bottom: 1px solid #F4F1EE;
}


    .buscadorCom:focus-within {
        border-bottom: 1px solid #58544C;
    }


    .buscadorCom input.form-control {
        background: transparent;
        border: medium none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #8B989F;
        height: 33px;
        font-size: 14px;
    }

#buscador .botoCercar {
    font-size: 0;
}

    #buscador .botoCercar i {
        font-size: 20px;
        color: #868178;
        padding: 7px 9px;
        -o-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }

    #buscador .botoCercar:hover i {
        color: #58544C;
    }

    #buscador .botoCercar span.text {
        display: none;
    }


/** PENDENT!!**/

#show-results-searcher {
    position: absolute;
    right: -1px;
    top: 35px;
    background: #F4F3F1;
    z-index: 10000;
    width: 600px;
    padding: 0 15px 15px 15px;
    border: 1px solid #ECECEC;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px;
}



#top-results {
    height: 1px;
    width: 100%;
    position: absolute;
    z-index: 10001;
    background: #F5F5F5;
    top: 33px;
    right: 1px;
    display: none;
}

#caixa_cercador.results-active #top-results {
    display: block;
}

#franja-cap-resultats {
    line-height: 30px;
    text-align: left;
}

#no-results-found {
    margin-top: 30px;
    text-align: center;
}

    #no-results-found .boto {
        margin-top: 30px;
        display: inline-block;
    }

#inside-container-search {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

    #inside-container-search.auto-height {
        height: auto;
    }

#show-results-searcher ul.resultats-cerca {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    #show-results-searcher ul.resultats-cerca li {
    }

        #show-results-searcher ul.resultats-cerca li:nth-child(2n) {
            background: #E2E2E2;
        }

        #show-results-searcher ul.resultats-cerca li:nth-child(2n+1) {
            background: #ECEBEB;
        }

        #show-results-searcher ul.resultats-cerca li:hover {
            background: #F5F5F5;
        }

        #show-results-searcher ul.resultats-cerca li a {
            display: block;
            padding: 15px 0;
        }

        #show-results-searcher ul.resultats-cerca li > a > span:first-child {
            padding-right: 0;
        }

        #show-results-searcher ul.resultats-cerca li + li {
            border-top: 1px solid #FFFFFF;
        }

        #show-results-searcher ul.resultats-cerca li .nom-resultat {
            font-size: 15px;
            text-align: left;
        }

        #show-results-searcher ul.resultats-cerca li .ref-resultat {
            font-size: 13px;
            text-align: left;
        }

        #show-results-searcher ul.resultats-cerca li .resum-resultat {
            font-size: 12px;
            text-align: justify;
            margin-top: 7px;
        }

        #show-results-searcher ul.resultats-cerca li .preu-resultat {
            font-size: 16px;
            margin-top: 15px;
            text-align: left;
        }

        #show-results-searcher ul.resultats-cerca li .valor-resultat-acabat {
            font-weight: bold;
            font-size: 14px;
        }

#loading-search {
    -webkit-transform-origin: 50% 52%;
    -moz-transform-origin: 50% 52%;
    -ms-transform-origin: 50% 52%;
    -o-transform-origin: 50% 52%;
    transform-origin: 50% 52%;
    position: absolute;
    right: 65px;
    font-size: 16px;
    top: 9px;
}

.resultats-cerca a {
    color: #514B44;
}

/** PENDENT!!**/

/***FI BUSCADOR******/

/*404 -> PENDENT */

.container404 {
    font-family:ralewayLight, LatoLight;
    text-align: center;
    line-height: 120px;
    margin-top: 6%;
}

.titol404 {
    font-size: 110px;
    color: #D8A400;
}

.notrobat404 {
    font-size: 45px;
    line-height: 50px;
}

.descrip404 {
    font-size: 18px;
    line-height: 50px;
}


/*****CISTELLA***/

#caixaMenu.affix .cistella i {
    font-size: 19px;
}


#caixaMenu.affix .items_cistella .items {
    font-size: 14px;
    line-height: 25px;
    width: 25px;
    margin-top: 3px;
}

.cistella {
    letter-spacing: 1px;
    float: right;
    cursor: pointer;
    line-height: 35px;
}

    .cistella i {
        font-size: 28px;
        color: #868178;
        transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
    }

    .cistella:hover i {
        color: #58544C;
    }

.items_cistella {
}

    .items_cistella .items {
        color: #2F2C24;
        font-size: 16px;
        text-transform: uppercase;
        line-height: 35px;
        width: 35px;
        text-align: center;
        letter-spacing: 0.25px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        background: #dcd4ca;
        margin-top: -4px;
    }


    .items_cistella:hover .items {
        background: #D8A400;
        color: #FFFFFF;
    }

#basket-status-content {
    color:#313131;
    position: absolute;
    top: auto;
    right: 0px;
    z-index: 1001;
    margin-top: 40px;
    background-color: #FCFBFA;
    border-top: 2px solid #D8A400;
    width: 50%;
    padding: 15px;
    font-size: 12px;
    overflow-y:scroll;
}

    #basket-status-content .preu-modal {
        font-family:ralewayBold, LatoBold;
    }


    #basket-status-content::after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 6px 6px;
        border-color: #D8A400 transparent;
        display: block;
        width: 0;
        z-index: 1;
        top: -8px;
        right: 28px;
    }

    #basket-status-content .footer {
        margin-top: 15px;
    }


    #basket-status-content .nom-producte-modal {
        text-transform: uppercase;
        text-align: left;
        color: #6C5E48;
    }

    #basket-status-content .item-status {
        border-bottom: 1px solid #EBEAE6;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    #basket-status-content .total-cistella-modal {
        text-align: right;
        font-size: 16px;
        color: #2F2C24;
        font-family: ralewayBold, LatoBold, LatoRegular, Lato;
    }


    #basket-status-content .btn {
        font-size: 14px;
        width: 100%;
    }

.total-cistella-modal span {
    font-family: ralewayLight, LatoLight, LatoRegular, Lato;
    font-size: 14px;
    margin-right: 45px;
    text-transform: uppercase;
}

#videoModal .modal-dialog {
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    top: 50%;
    position: absolute;
    left: 50%;
    width: 75%;
    height: 75%;
    margin: 0;
}

#videoModal .modal-body {
    padding: 0;
}

#videoModal.in .modal-dialog {
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
}

#videoModal .modal-content {
    height: 100%;
}

#videoModal iframe {
    width: 100%;
    height: 100%;
}

.modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
}

.modal-body {
    text-align: justify;
    overflow-y: auto;
}

.modal-footer {
    margin-top: 0;
}


/****FI CISTELLA****/


/****INICI MINILOGIN****/

#caixaMenu .botonCuenta {
    font-size: 12px;
}

    #caixaMenu .botonCuenta i {
        font-size: 19px;
    }

.botonCuenta {
    display: inline-block;
    color: #2F2C24;
    float: right;
    font-family:ralewayLight, LatoLight;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 35px;
    transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}


    .botonCuenta i {
        font-size: 28px;
        color: #868178;
        vertical-align: middle;
        transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
    }

#headerBuscador i {
    font-size: 18px;
    color: #868178;
}

.botonCuenta:hover, .botonCuenta.sel {
    color: #2F2C24;
}

    .botonCuenta:hover i, #headerBuscador:hover i {
        color: #58544C;
    }

#miniLogin-status-content {
    position: absolute;
    top: auto;
    margin-top: 40px;
    right: 0px;
    z-index: 1001;
    background-color: #FCFBFA;
    border-top: 2px solid #D8A400;
    width: 50%;
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    color:#313131;
}

    #miniLogin-status-content .zona-privada {
        padding: 15px;
    }


    #miniLogin-status-content::after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 6px 6px;
        border-color: #D8A400 transparent;
        display: block;
        width: 0;
        z-index: 1;
        top: -8px;
        right: 134px;
    }

    #miniLogin-status-content .text-register {
        margin-top: 15px;
        /*border-bottom:1px solid #e9ebe6;*/
        /*padding-bottom:15px;*/
        /*margin-bottom:15px;*/
        float: left;
    }

    #miniLogin-status-content .text-password {
        margin-top: 15px;
        /*margin-bottom:15px;*/
        float: right;
    }

    #miniLogin-status-content #input-usuari, #miniLogin-status-content #input-password {
        margin-bottom: 15px;
    }

        #miniLogin-status-content #input-usuari .form-control.error-identificacio, #miniLogin-status-content #input-password .form-control.error-identificacio {
            border-color: #FF9A9E;
        }

    #miniLogin-status-content #error-identificacio {
        color: #FF9A9E;
    }

    #miniLogin-status-content .btn {
        font-size: 14px;
    }

.loginButtons .contanier-right {
    float: right;
}

.loginButtons .container-left {
    float: left;
}
/****FI MINILOGIN****/

/*************************************/
/********FI HEADER SUPERIOR**********/
/***********************************/

/*************************************/
/********INICI HEADER MENU**********/
/***********************************/
#headerMenu {
    background: #000000;
}

#headerMenu .logo{
    margin-top:10px;
    margin-bottom:10px;
    display:block !important;
}

/*MENU SUPERIOR*******************/
.gpi-navbar {
    margin-bottom: 0;
    background: none;
    border-left: none;
    border-right: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: 0px;
    border: 0;
    min-height: 40px;
}

.navbar-collapse .minilogo {
    max-width: 130px;
}

#caixaMenu.affix .gpi-columna > li > a, #caixaMenu.affix .dropdown-menu {
    font-size: 12px;
}

#headerMenu2{
    display:none;
}

/*#caixaMenu.affix #headerMenu2{
    display:block;
}*/

#caixaMenu.affix .gpi-navbar-nav > li > a {
    padding: 0 10px;
    font-size: 12px;
}

.gpi-navbar-nav {
    position: relative;
    float: right;
}

    .gpi-navbar-nav > li {
        position: static;
    }

        .gpi-navbar-nav > li > a {
            font-size: 14px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            color: #FFFFFF;
            padding: 0;
            padding: 0px 24px;
            border-bottom: 2px solid transparent;
            background: transparent !important;
            -o-transition: all 0.2s ease 0s;
            -moz-transition: all 0.2s ease 0s;
            -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
            line-height: 40px;
        }


            .gpi-navbar-nav > li:hover > a, .gpi-navbar-nav > li > a.sel {
                color: #D8A400;
                background: #000000;
            }

                .gpi-navbar-nav > li:hover > a::after, .gpi-navbar-nav > li > a.sel::after {
                    content: '';
                    position: absolute;
                    border-style: solid;
                    border-width: 0 6px 6px;
                    border-color: #D8A400 transparent;
                    display: block;
                    width: 0;
                    z-index: 1;
                    bottom: -2px;
                    right: 50%;
                }

.gpi-navbar-inverse .gpi-navbar-nav > li:hover > ul.gpi-dropdown-menu {
    display: block;
    left: 0px;
    right: 0px;
}

.gpi-dropdown-menu {
    background: rgba(0,0,0,0.90);
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid transparent;
    padding: 0;
}

    .gpi-dropdown-menu.align_right {
        float: none;
        right: 0px;
        margin-left: auto;
    }

/* inici ???*/



ul.gpi-dropdown-menu {
    overflow: auto;
}

.full-width-container {
    left: -15px;
    right: -15px;
    position: absolute;
    top: auto;
    margin-top: -2px;
}

.gpi-navbar-inverse .gpi-navbar-nav > li:hover > a.childs {
    position: relative;
    z-index: 10000;
}

.gpi-navbar-inverse .gpi-navbar-nav > li:hover > .full-width-container > ul.gpi-dropdown-menu {
    display: block;
    left: 0;
    right: 0;
    border-top: 2px solid #D8A400;
    background: rgba(0,0,0,0.90);
    padding-bottom: 15px;
}


.full-width-container > ul > li {
    display: inline-block;
    vertical-align: top;
    width: 19%;
}

    .full-width-container > ul > li > a, .menu-petit > ul > li > a {
        line-height: 40px;
        padding: 0px 15px;
        margin: 5px 15px 15px;
        margin-bottom: 0px;
    }

.menu-petit > ul > li > a {
    margin: 0px;
}

.full-width-container > ul > li:last-child {
    border-right: 0px;
}


.gpi-columna ul {
    padding-left: 0px;
    list-style: none;
}

.gpi-columna li {
    border-bottom: 0;
    background: transparent;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

    .gpi-columna li:last-child {
        border-bottom: 0 solid transparent;
    }

.gpi-columna > li > a {
    padding: 0px;
    font-size: 14px;
    letter-spacing: 0.6px;
    font-family:ralewayMedium, LatoRegular, Lato, 'Lato', sans-serif;
    text-transform: uppercase;
    background: transparent !important;
    color: #FFFFFF;
    display: block;
    /***afegit pel menú nou...*/
    position: relative;
    padding-right: 0;
    padding-left: 0;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
}

    .gpi-columna > li > a:hover {
        background: transparent;
        color: #D8A400;
        line-height: 40px;
    }

.gpi-dropdown-menu.nivell-3 {
    display: block;
    position: static;
    float: none;
    min-width: unset;
    margin: 0;
    background: transparent;
    margin: 0 30px 30px 30px;
    border-top: 1px solid #323232;
    padding-top: 15px;
}

    .gpi-dropdown-menu.nivell-3 > li {
        border: 0 !important;
        background: none !important;
    }

        .gpi-dropdown-menu.nivell-3 > li > a {
            color: #FFFFFF;
            line-height: 16px;
            margin-bottom: 10px;
            white-space: normal;
            padding: 0;
            font-size: 14px;
            font-family:ralewayLight, LatoLight;
            letter-spacing:1px;
        }

            .gpi-dropdown-menu.nivell-3 > li > a:hover, .gpi-dropdown-menu.nivell-3 > li > a:focus {
                background: none;
                color: #D8A400;
            }


.gpi-navbar-nav > li:hover .menu-petit .gpi-dropdown-menu {
    display: block;
}

.gpi-navbar-nav > li:hover .menu-petit {
    position: absolute;
    top: auto;
    left: auto;
    width: auto;
}

.gpi-navbar-nav > li .menu-petit .gpi-dropdown-menu {
    margin-top: 0px;
    border: 0;
    border-top: 2px solid #D8A400;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: auto;
    overflow: hidden;
    padding: 5px 15px;
}

    .gpi-navbar-nav > li .menu-petit .gpi-dropdown-menu .gpi-dropdown-menu.nivell-3 {
        border-top: 0px;
        padding: 0px;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
        margin: 0px;
        border-top: 1px solid #D8A400;
        padding-top: 15px;
    }

/*************************************/
/********FI HEADER MENU**************/
/***********************************/


/************************************/
/************BANNER*****************/
/***********************************/

.capBanner {
    height: 740px;
    overflow: hidden;
    position: relative;
    /*margin-bottom: 30PX;*/
    font-size: 18px;
}

.banner-interior .capBanner, .banner-interior .capBanner .alone, .banner-interior .capBanner .item {
    height: 520px;
}

.banner-interior .capBanner {
    margin-bottom: 15px;
}

.capBanner .item, .capBanner .alone {
    background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: inherit;
    position: absolute;
    width: 100%;
}

    .capBanner .alone .data, .capBanner .data {
        position: absolute;
        top: 0px;
        bottom: 0px;
        width: 100%;
        left: 15px;
        opacity: 0;
    }

        .capBanner .alone .data h2, .capBanner .data h2 {
            font-family: ralewayBold, LatoBold;
            font-size: 70px;
            color: #000000;
            letter-spacing: 0.5px;
            margin: 0;
            padding: 0;
            margin-bottom: 50px;
            margin-top: 10px;
            font-weight: bold;
        }

        .capBanner .alone .data h3, .capBanner .data h3 {
            font-family: ralewayBold, LatoBold;
            font-size: 90px;
            color: #000000;
            letter-spacing: 0.5px;
            margin: 0;
            padding: 0;
            margin-bottom: 50px;
            font-weight: bold;
        }

.carousel-caption {
    text-shadow: none;
    color: #000000;
}


.capBanner .pic img, .capBanner .img img, .capBanner .alone img {
    display: none;
}

.capBanner .alone img.logo{
    display:block;
}


.capBanner img {
}

.capBanner .carousel-caption, .capBanner .alone .carousel-caption {
    display: none;
    left: 700px;
    margin: 0 auto;
    opacity: 0;
    right: 0;
    text-align: left;
    top: 145px;
    width: inherit;
    color: #000000;
    text-shadow: 0px;
}

.capBanner .carousel-caption-right, .capBanner .alone .carousel-caption-right {
    left: 0;
    right: 700px;
    text-align: right;
}

.capBanner .carousel-caption-top, .capBanner .alone .carousel-caption-top {
    left: 0;
    right: 0;
    top: -200px;
}

.capBanner .carousel-caption-bottom, .capBanner .alone .carousel-caption-bottom {
    left: 0;
    right: 0;
    top: 500px;
}

.capBanner #tabs {
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 100;
}

    .capBanner #tabs > div {
        background: #DCD4CA none repeat scroll 0 0;
        border-radius: 10px;
        cursor: pointer;
        display: inline-block;
        font-size: 1px;
        height: 12px;
        margin-left: 5px;
        width: 12px;
    }

        .capBanner #tabs > div.current, .capBanner #tabs > div:hover {
            background: #ADA58D none repeat scroll 0 0;
        }

.container-data {
    background: rgba(255,255,255,0.3);
    padding: 12px 20px;
    display: inline-block;
    height: auto;
}

.capBanner .btn-primary {
    font-size: 16px;
    padding: 0 60px;
    background: #FFFFFF;
    color: #2F2C24;
    line-height: 55px;
    height: 55px;
}


    .capBanner .btn-primary:hover {
        background: #2F2C24;
        color: #FFFFFF;
    }


.capBanner .data .data-content {
    margin-top: 10%;
    position: relative;
    z-index: 10;
}


.container-data-right {
    float: right;
    text-align: right;
}


#caixaMenu.affix + .capBanner, #caixaMenu.affix + .banner-interior .capBanner {
    margin-top: 85px;
}


/*******************************/
/****FI BANNER******************/
/*******************************/

/***************/
/*BANNER POPUP*/
/*************/
#bannerModal .modal-dialog {
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    top: 50%;
    position: absolute;
    left: 50%;
    width: 60%;
    height: auto;
    margin: 0;
}

#bannerModal .modal-body {
    padding: 0;
    overflow: hidden;
    height: auto!important;
}

    #bannerModal .modal-body .bannerPopups .data {
        padding: 15px;
        position: absolute;
        top: 20px;
        right: 45px;
        background: rgba(255,255,255,0);
        height: 100%;
        width: 45%;
    }

        #bannerModal .modal-body .bannerPopups .data h2 {
            font-size: 24px;
            color: #000000;
            font-family: ralewayBold, latobold;
        }

        #bannerModal .modal-body .bannerPopups .data p {
            margin-bottom: 55px;
            color: #111111;
        }

#bannerModal.in .modal-dialog {
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
}

#bannerModal .modal-content {
    height: 100%;
}

#bannerModal .modal-body .bannerPopups img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#bannerModal .modal-body .bannerPopups .item {
    background: none !important;
}

#bannerModal button.close {
    font-size: 30px;
    color: #58544C;
    opacity: 1;
    position: absolute;
    z-index: 100000;
    right: 0;
    top: 5px;
    right: 10px;
}

    #bannerModal button.close:hover {
        opacity: 1;
        color: #AD997A;
    }



.gpi-franja-blanca {
    background: [HOME_WHITE_FRAME];
}

.container-data {
    background: rgba(255,255,255,0.3);
    padding: 12px 20px;
    display: inline-block;
    height: auto;
}
/******************/
/*FI BANNER POPUP*/
/****************/


.gpi-preu-llistat {
    display: none;
}

.pictoOferta, .pictoNovetat {
    position: absolute;
    top: 0px;
    left: 15px;
    z-index: 1;
}

.container-colors, .container-talles {
    margin-top: 15px;
    display: inline-block;
}

.llistat_lineal .container-colors, .llistat_lineal .container-talles {
    margin-top: 0px;
    /*display:inline-block;*/
}

.container-color-llistat, .container-talla-llistat, .container-color-fitxa, .container-talla-fitxa {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
}

    .container-color-llistat + .container-color-llistat, .container-color-fitxa + .container-color-fitxa {
        margin-left: 17px;
    }

.container-colors .stock-linia {
    font-size: 0px;
}

.container-color-llistat.selected, .container-color-fitxa.selected {
    border-color: #58544C;
}

.container-talla-llistat, .container-talla-fitxa {
    color: #000000;
    font-family: ralewayLight, LatoLight, Lato;
    font-size: 16px;
    line-height: 31px;
    padding: 0 7px;
}

    .container-talla-llistat + .container-talla-llistat, .tooltip + .container-talla-llistat,
    .container-talla-fitxa + .container-talla-fitxa, .tooltip + .container-talla-fitxa {
        margin-left: 5px;
    }

    .container-talla-llistat:hover, .container-talla-llistat.selected, .container-talla-fitxa:hover, .container-talla-fitxa.selected {
        background: #D7D2CC;
    }

    .container-talla-llistat.disabled, .container-talla-fitxa.disabled {
        opacity: 0.4;
        cursor: not-allowed;
    }

/*****************************/
/********FI LLISTAT**********/
/****************************/


/*****************************************/
/********INICI LLISTAT DESTACATS HOME i LLISTAT NO LINEAL DE PRODUCTE *****/
/****************************************/


/* Common style */
.itemSearchList figure {
    position: relative;
    cursor: pointer;
}

    .itemSearchList figure img {
        position: relative;
        display: block;
        max-width: 100%;
        opacity: 0.8;
    }

    .itemSearchList figure figcaption {
        padding: 0px 10px;
        text-transform: uppercase;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .itemSearchList figure figcaption::before,
        .itemSearchList figure figcaption::after {
            pointer-events: none;
        }

/*-----------------*/
/***** Steve *****/
/*-----------------*/

.itemSearchList {
    z-index: auto;
    overflow: visible;
    position: relative;
}

    .itemSearchList figure.effect-steve .container-img-list {
        overflow: hidden;
    }

    .itemSearchList:before{
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        content: '';
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
        -webkit-box-shadow: 0px 2px 20px 0px rgba(213,213,213,1);
        -moz-box-shadow: 0px 2px 20px 0px rgba(213,213,213,1);
        box-shadow: 0px 2px 20px 0px rgba(213,213,213,1);
        opacity: 0;
    }

    .itemSearchList:hover:before {
        opacity: 1;
    }
 
    .itemSearchList figure.effect-steve figcaption {
        z-index: 1;
    }

figure.effect-steve img {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: perspective(1000px) translate3d(0,0,0);
    transform: perspective(1000px) translate3d(0,0,0);
}

.itemSearchList figure.effect-steve .content-petit {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(0.9,0.9,1);
    transform: scale3d(0.9,0.9,1);
}


.itemSearchList figure.effect-steve:hover .content-petit {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.itemSearchList figure.effect-steve .shopControlFigcaption {
    background: rgba(47,43,36,0.95);
    top: 50%;
    left: 50%;
    position: absolute;
    margin: 0 !important;
    padding: 10px 0px;
    opacity: 0;
    transform: scale3d(0.9,0.9,1);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(0.9,0.9,1);
    transform: scale3d(0.9,0.9,1);
    transform: translate(-50%, -50%);
    width: 70%;
    text-align: center;
}

.itemSearchList figure.effect-steve:hover:before {
    opacity: 1;
}

.itemSearchList figure.effect-steve:hover img {
    -webkit-transform: perspective(1000px) translate3d(0,0,21px);
    transform: perspective(1000px) translate3d(0,0,21px);
    opacity: 0.60;
}

.itemSearchList figure.effect-steve:hover .text:before {
    opacity: 0;
}

.itemSearchList figure.effect-steve:hover .shopControlFigcaption {
    opacity: 1;
}



.llistat-search .itemSearchList figure.effect-steve a.mes-info, .llistat-search .itemSearchList figure.effect-steve .btn-primary {
    display: inline-block;
    font-size: 0px;
    background: none;
    padding: 0px;
    width: 49%;
    margin: 0px;
    line-height: 16px;
    text-align: center;

}

    .llistat-search .itemSearchList figure.effect-steve .btn-primary i {
        margin-left: -6px !important;
    }

.llistat-search .itemSearchList figure.effect-steve a.mes-info {
      text-align: center;
}

.llistat-search .itemSearchList figure.effect-steve span {
    font-size: 16px;
}

.llistat-search .itemSearchList figure.effect-steve a.mes-info:hover i, .llistat-search .itemSearchList figure.effect-steve .btn-primary:hover i {
    color: #FFFFFF;
}

.llistat-search .itemSearchList figure.effect-steve .btn-primary i, .llistat-search .itemSearchList figure.effect-steve a.mes-info i {
    font-size: 16px;
    color: #DBD1C2;
    position: relative;
    top: 5px;
}

.llistat-search .itemSearchList figure.effect-steve a.mes-info i {
}


.llistat-search .item .btn-comprar-lineal {
    visibility: hidden;
}

.llistat-search .item .btn-comprar-normal {
    visibility: visible;
}


/*****************************************/
/********FI LLISTAT DESTACATS HOME *****/
/****************************************/

/****************************************/
/******** INICI LLISTAT LINEAL ***********/
/****************************************/


.llistat_lineal .item {
    position: relative;
    margin-bottom: 15px;
}

.llistat_lineal .container-item {
    margin-bottom: 15px;
    border-bottom: 1px solid #F6F6F6;
}

    .llistat_lineal .container-item:last-child {
        margin-bottom: 15px;
        border-bottom: 0px;
        padding-bottom: 0px;
    }

.llistat_lineal .item:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    content: '';
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(213,213,213,1);
    -moz-box-shadow: 0px 2px 20px 0px rgba(213,213,213,1);
    box-shadow: 0px 2px 20px 0px rgba(213,213,213,1);
    opacity: 0;
}

.llistat_lineal .item:hover:before {
    opacity: 1;
}


.llistat_lineal .item .titol h2 {
    color: #2F2C24;
    font-size: 16px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: normal;
}

.llistat_lineal .item h3 {
    margin-top: 0px;
    margin-bottom: 15px;
    text-align: justify;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
}

.llistat_lineal .item .container-descrip {
    padding: 0 15px;
    padding-left: 0px;
}

.llistat_lineal .item .boto-mesInfoFitxa {
    margin-top: 10px;
    padding-top:10px;
    border-top:1px solid #F6F6F6;
    padding-bottom:0px;
}

.llistat_lineal .item .pictoOferta, .llistat_lineal .item .pictoNovetat {
    left: 30px;
}

.llistat_lineal .item .btn-comprar-lineal .btn-comprar-normal {
    visibility: visible;
}

.llistat_lineal .item .btn-comprar-normal {
    visibility: hidden;
}

.llistat_lineal .shopControl .gpi-preu-llistat-lineal {
    text-align: left;
}


.llistat_lineal .currentStock {
    text-align: left;
    margin-top: 15px;
}

.llistat_lineal .unitats {
    margin-top: 20px;
}

.llistat_lineal .btn-primary {
    width: 100%;
}

.container-border{
    margin-top:10px;
    border-top:1px solid #F6F6F6;
}

/****************************************/
/******** INICI LLISTAT LINEAL ***********/
/****************************************/





/******************************************/
/********* FORMULARI CONTACTE FITXA *******/
/******************************************/

.fitxaForm {
    background: #F6F5F3;
    padding: 15px;
}

    .fitxaForm .titolForm {
        color: #2F2C24;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 15px;
    }

        .fitxaForm .titolForm i {
            font-size: 18px;
        }

    .fitxaForm .form-group {
        margin-bottom: 5px;
    }

    .fitxaForm input, .fitxaForm textarea.form-control {
        background: transparent;
        color: #87857E;
        border: 0px;
        border-bottom: 1px solid #E0DED8;
        padding: 0px;
        line-height: 25px;
        height: 25px;
    }

    .fitxaForm textarea.form-control {
        height: 85px;
    }

    .fitxaForm .form-control:focus {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }


    .fitxaForm input[type="submit"] {
        background: none;
        border: none;
        color: #2F2C24;
        font-family: ralewayBold, LatoBold;
        font-size: 14px;
        letter-spacing: 1px;
        height: 25px;
        line-height: 25px;
        float: right;
        padding-right: 0px;
    }

        .fitxaForm input[type="submit"]:focus, .fitxaForm input[type="submit"]:hover {
            color: #D8A400;
        }

    .fitxaForm .container-checkbox label::before, .fitxaForm .container-checkbox2 label::before {
        border-color: #d3cbbf;
        top: 0px;
        background: transparent;
    }

    .fitxaForm .container-checkbox label::after, .fitxaForm .container-checkbox2 label::after {
        top: -1px;
    }

    .fitxaForm .container-checkbox, .fitxaForm .container-checkbox2,
    .fitxaForm .container-checkbox label, .fitxaForm .container-checkbox2 label,
    .fitxaForm .container-checkbox a, .fitxaForm .container-checkbox2 a {
        font-size: 12px;
        color: #D8A400;
    }


        .fitxaForm .container-checkbox a:hover, .fitxaForm .container-checkbox2 a:hover {
            color: #2F2C24;
        }


.formMesInfo #iframeInfo {
    border: 0 none;
    width: 100%;
    height: 185px;
    overflow: hidden;
    margin-bottom: -5px;
}


/******************************************/
/*********FI FORMULARI CONTACTE FITXA *******/
/******************************************/


/****************************/
/********INICI MODALS********/
/***************************/

.modal {
    z-index: 20050;
}

.modal-content {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

    .modal-content .modal-header {
        background: #F4F1EE;
        color: #313131;
    }

        .modal-content .modal-header .close {
            font-size: 26px;
            color: #7F766A;
            opacity: 1;
        }

            .modal-content .modal-header .close:hover {
                opacity: 0.6;
            }

    .modal-content .titol-modal {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        min-height: 20px;
        color: #313131;
    }

    .modal-content .modal-body {
        font-size: 14px;
        color: #313131;
    }

/** MODAL DESPRÉS D'AFEGIR UN PRODUCTE A LA CISTELLA **/

#modal-product-added button.close {
    font-size: 30px;
    color: #58544C;
    opacity: 1;
    position: absolute;
    z-index: 100000;
    right: 0;
    top: 5px;
    right: 10px;
}

    #modal-product-added button.close:hover {
        opacity: 1;
        color: #AD997A;
    }

#modal-product-added .imatge-modal {
    margin-bottom: 15px;
}

#modal-product-added .modal-content .modal-header .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 10;
}

#modal-product-added .nom-producte-modal {
    text-align: center;
    color: #595550;
    font-size: 12px;
}

    #modal-product-added .nom-producte-modal .nomProduct {
        font-size: 18px;
        text-transform: uppercase;
        color: #6C5E48;
    }

#modal-product-added .modal-dialog {
    max-width: 450px;
}

#modal-product-added .modal-footer button {
    width: 100%;
    font-size: 15px;
    letter-spacing: 0.5px;
}

#modal-product-added .modal-footer .btn-primary {
    width: 100%;
    font-size: 15px;
    letter-spacing: 0.5px;
}

#modal-product-added #modal-product-addedLabel {
    text-align: center;
    font-size: 16px;
    color: #6C5E48;
    padding-bottom: 15px;
}

#modal-product-added .unitats-preu-modal {
    color: #595550;
    font-size: 16px;
}

#modal-product-added .preu-modal {
    color: #2F2C24;
    font-size: 20px;
    font-family: ralewayBold, LatoBold;
}

#modal-product-added .modal-footer {
    padding: 15px;
}

.modal-backdrop.in {
    opacity: 1;
}

.modal-backdrop {
    background-image: url('/FitxersWeb/67923/fons-modal.png');
    background-size: cover;
    background-position: center;
    background-color: transparent;
}

.blueimp-gallery {
    background-image: url('/FitxersWeb/67923/fons-modal.png');
    background-size: cover;
    background-position: center;
    background-color: transparent;
}



/***************************/
/********FI MODALS*********/
/*************************/

/**************************/
/*****INICI FOOTER*********/
/**************************/
.titolFooter {
    font-family: ralewaySemibold, LatoBold;
    font-size: 15px;
    color: #DFC475;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 15px;
    text-align:left;
}

.contentFooter {
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 15px;
}


/*****INICI XARXES******/
.xarxesPeu {
    line-height: 20px;
    letter-spacing: 0.5px;
    border-top: 1px solid #32302C;
    padding-top: 15px;
}

    .xarxesPeu div {
        display: inline-block;
        margin-right: 10px;
    }

    .xarxesPeu a {
        color: #C4B8A6;
        -o-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
        font-size: 0px;
    }

        .xarxesPeu a:hover {
            color: #C4B8A6;
        }

    .xarxesPeu i {
        color: #ADA58D;
        font-size: 18px;
        width: 12px;
        -o-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }

    .xarxesPeu a:hover i {
        color: #D9A500;
    }
/*****FI XARXES*********/

/*MENU PEU WEB*********************/

.menu_peu {
    margin-bottom: 15px;
    text-align:left;
}

    .menu_peu ul {
        list-style: none;
        padding: 0px;
        margin: 15px 0px 0px 0px;
        overflow: hidden;
        font-size:15px;
        font-family:ralewayLight;
    }

    .menu_peu li {
    }

        .menu_peu li a {
            color: #CBC9C4;
            line-height: 24px;
        }

            .menu_peu li a.sel, .menu_peu li a:hover {
                color: #D8A400;
            }

/***FI MENU PEU WEB*******/

/*****DADES PEU*********/
.dadesPeu {
    color: #CBC9C4;
    margin-top: 20px;
    letter-spacing: 1.5px;
}

    .dadesPeu div.clearfix {
        margin-bottom: 5px;
    }

    .dadesPeu a:hover {
        color: [FOOOTER_MENU_PIE_ACT];
    }

    .dadesPeu .glyphicon {
        margin-left: 8px;
    }

    .dadesPeu .telfPeu {
        font-family: ralewayBold, LatoBold;
        font-size: 24px;
        color: #B58A04;
        display: inline-block;
        font-family:LatoRegular;
    }

        .dadesPeu .telfPeu a { 
            color: #B58A04;
        }

            .dadesPeu .telfPeu a:hover { 
                color: #B58A04;
            } 

    .dadesPeu .faxPeu {
        font-size: 20px;
    }

    .dadesPeu .mailPeu {
        display: inline-block;
    }

        .dadesPeu .mailPeu a {
            color: #CBC9C4;
        }

            .dadesPeu .mailPeu a:hover {
                color: #D8A400;
            }

    .dadesPeu .picto-info {
        display: inline-block;
    }

        .dadesPeu .picto-info i {
            font-size: 20px;
            margin-right: 15px;
            color: #56544F;
        }

            .dadesPeu .picto-info i.fa-map-marker {
                position: relative;
                bottom: 10px;
            }


    .dadesPeu .address-info {
        display: inline-block;
    }

/****FI DADES PEU*******/

#footer .horaris-peu {
    color: #CBC9C4;
}

#footer .horaris-peu h4 {
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 15px;
}

#footer .distribuidor {
    display: inline-block;
}

#footer .creditsWebnet {
    display: inline-block;
}

.credits {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #8F887E;
    font-size: 12px;
    border-top: 1px solid #32302C;
    margin-top: 30px;
}

    .credits a {
        display: inline-block;
        color: #8F887E;
    }

        .credits a:hover {
            color: #D8A400;
        }

.container-credits {
    text-align: right;
}

.credits .menu_peu ul {
    display: flex;
    align-items: center;
    margin-top: 0;
}

.credits .menu_peu ul li {
    margin-right: 15px;
    /* padding-right: 15px;
    border-right: 2px solid #CBC9C4; */
}

.credits .menu_peu ul li:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.txt-credit p {
    margin: 0px;
}

img.peuLogo {
    position: relative;
    top: 3px;
    margin-left: 15px;
}

/*****FI CREDITS*****/

/* MENU LATERAL  *****************/
.titolMenuLat {
    color: #2F2C24;
    border-bottom: 0px solid #FFFFFF;
    font-size: 22px;
    text-transform: uppercase;
    font-family: ralewayBold, LatoBold, Lato;
    padding: 15px 0px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    padding-top: 0px;
}

#menu ul {
    margin: 0px 0px 45px 0px;
    padding: 0px;
    list-style: none;
    padding-bottom: 15px;
}
    #menu ul li.n1 > a {
        color: #605129;
        font-weight: bold;
        text-transform: uppercase;
    }


        #menu ul li.n1 > a:hover, #menu ul li.n1 > a.sel {
            color: #2F2C24;
            border-bottom: 1px solid [MENU_LAT_COLOR_BORDER_LI_ACT];
        }

#menu li a {
    color: #2F2C24;
    display: block;
    font-size: 14px;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #BEAF9A;
    padding: 10px 0;
}

    #menu li a.sel, #menu li a:hover {
        color: #AD997A;
    }

#menu ul ul {
    border: none;
    margin: 0px 0px 0px 10px;
    padding-bottom: 0px;
    display: none;
}

    #menu ul ul li {
        padding: 0px;
    }

        #menu ul ul li a {
            font-size: 13px;
            border-bottom: 1px solid #ECE8E4;
            padding: 8px 0;
        }

            #menu ul ul li a.sel, #menu ul ul li a:hover {
                color: #AD997A;
                border-bottom: 1px solid #F4F4F1;
            }

    #menu ul ul ul {
        border: none;
        margin: 0px 0px 0px 15px;
        padding-bottom: 0px;
        display: none;
        margin-left: 15px !important;
    }

        #menu ul ul ul li {
            padding: 0px;
        }

            #menu ul ul ul li a {
                font-size: 12px;
                border-bottom: 0px solid transparent;
                padding: 4px 0;
            }

                #menu ul ul ul li a.sel, #menu ul ul ul li a:hover {
                    border-bottom: 0px;
                }



#menu a.sel + ul {
    display: block !important;
    margin-left: 0px;
}


/*LLISTAT*********************************/
.llistat {
    min-height: 350px;
    position: relative;
}

    .llistat .glyphicon-refresh {
        font-size: 60px;
        text-align: center;
        color: #58544C;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%; /* IE 9 */
        -webkit-animation: spin 2s infinite linear;
        -moz-animation: spin 2s infinite linear;
        -o-animation: spin 2s infinite linear;
        animation: spin 2s infinite linear;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -30px;
        margin-top: -30px;
    }

    .llistat .item {
        margin-bottom: 50px;
    }

 
        .llistat .item:nth-child(4n+1) {
            clear: both;
        }

        .llistat .item .shopControl {
            padding-bottom: 15px;
        }

            .llistat .item .shopControl .span-pvp-ant, .llistat_lineal .item .shopControl .span-pvp-ant  {
                margin-left: 5px;
                font-size: 14px;
                color: #8C8A88;
            }

            .llistat .item .shopControl .pvp-ant, .llistat_lineal .item .shopControl .pvp-ant   {
                font-size: 14px;
                text-decoration: line-through;
            }

.wrap-default .llistat.llistat-search .container-item:nth-child(4n+1) {
    clear: none;
}

.wrap-default .llistat.llistat-search .container-itemSug:nth-child(4n+1) {
    clear: both;
}

.wrap-default .llistat.llistat-search .container-item:nth-child(3n+1) {
    clear: both;
}

.sumaryNewsOffers .llistat.llistat-search .container-item:nth-child(3n+1) {
    clear: none;
}

.sumaryNewsOffers .llistat.llistat-search .container-item:nth-child(4n+1) {
    clear: both;
}


.llistat .item img {
    margin: 0 auto;
}

.llistat .titol h2, .suggerencies .titol h2 {
    font-size: 16px;
    color: #2F2C24;
    font-family:ralewayMedium, LatoRegular;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 20px;
    padding-bottom:20px;
    text-align: center;
}

.llistat .container-img-list {
    display: block;
}

.preu {
    color: #2F2C24;
    font-size: 24px;
    font-family: ralewayBold, LatoBold;
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 30px;
}

.llistat .preu .text-desde {
    color: #6E6851;
    font-size: 16px;
    font-family: ralewayLight, LatoLight, LatoRegular, Lato;
    text-align: justify;
    letter-spacing: 0.5px;
    line-height: 24px;
}


.llistat .itemLinial {
    padding: 5px 8px;
    line-height: 16px;
    vertical-align: middle;
}

.llistat .contLlistatLineal:nth-child(2n+1) .itemLinial {
    background: #F6F5F3;
}

.llistat .itemLinial .titol {
    height: 32px;
    line-height: auto;
    vertical-align: middle;
    display: table-cell;
}

.llistat .itemLinial .referencia {
    font-weight: normal;
    height: 32px;
    display: table-cell;
    vertical-align: middle;
}


.llistat .itemLinial .preu {
    color: #AD997A;
    font-size: 18px;
    display: inline-block;
    line-height: 32px;
}

.llistat .itemLinial .stock {
    float: left;
    padding-top: 8px;
}

.llistat .itemLinial .contSubmit {
    min-width: 125px;
    float: right;
}

.llistat .itemLinial .peu {
    float: right;
    text-align: right;
}

.llistat .itemLinial .btn {
    margin-top: 0px;
    margin-left: 15px;
    float: none;
}

.llistat .contLlistatGraella .stock {
    font-size: 12px;
}


/*FITXA******************************/
.containerVolverFitxa {
    margin-top: -38px;
    color: #868178;
    font-size: 14px;
    height: 20px;
}

    .containerVolverFitxa a {
        color: #868178;
        display: block;
        text-transform: uppercase;
        float: right;
        z-index: 100;
        position: relative;
    }

        .containerVolverFitxa a i {
            color: FICHA_LINK_VOLVER_PICTO_DES;
        }

        .containerVolverFitxa a:hover {
            color: #3D3A33;
        }

            .containerVolverFitxa a:hover i {
                color: #9F8E74;
            }


.fitxa {
    margin-top: 30px;
}

    .fitxa .foto_fitxa {
        position: relative;
        margin-bottom: 30px;
    }

    .fitxa .descripcio h3 {
        color: #2F2C24;
        font-size: 14px;
        font-family:ralewayMedium, LatoRegular, Lato;
        text-align: justify;
        letter-spacing: 0.5px;
        line-height: 24px;
        margin-top: 0;
        margin-bottom:0px;
        text-transform: none;
    }

    .fitxa .descripcio .sep{
        margin-top:10px;
        padding-bottom:10px;
        border-bottom:1px solid #F6F6F6;
    }

    .fitxa .descripcio h2 {
        font-weight: normal;
        margin: 15px 0 30px;
        font-size: 12px;
        color: #AD997A;
        text-align: left;
    }

    .fitxa .descripcio .logoMarca {
        margin-bottom: 30px;
    }

    .fitxa .descripcio .cataleg {
        margin: 30px 0 0px;
    }

        .fitxa .descripcio .cataleg a {
            font-size: 12px;
            text-transform: uppercase;
            color: #2F2C24;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -webkit-transition: all 0.4s;
            transition: all 0.4s;
        }

            .fitxa .descripcio .cataleg a i {
                margin-right: 8px;
                font-size: 20px;
                color: #868178;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                -webkit-transition: all 0.4s;
                transition: all 0.4s;
            }

            .fitxa .descripcio .cataleg a:hover {
                color: #3D3A33;
            }

                .fitxa .descripcio .cataleg a:hover i {
                    color: #2F2C24;
                }

    /*ACABATS*/
    .fitxa .descripcio .acabats, .fitxa .descripcio .acabats .container-colors {
        margin-top: 4px;
        padding-top: 5px;
        display: inline-block;
    }

        .fitxa .descripcio .acabats .unitats, .llistat_lineal .acabatsFitxa .unitats {
            font-family: ralewayLight, LatoLight, Lato;
            font-size: 12px;
            color: #000000;
            letter-spacing: 0.5px;
            text-align: right;
        }


            .fitxa .descripcio .acabats .unitats span, .llistat_lineal .acabatsFitxa .unitats span {
                vertical-align: middle;
                display: inline-block;
            }

.selectricWrapper.quantity-box {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 9px;
    vertical-align: middle;
    border-bottom: 1px solid #F4F1EE;
}

    .selectricWrapper.quantity-box:hover {
        border-bottom: 1px solid #58544C;
    }

    .selectricWrapper.quantity-box .selectric {
        height: 24px;
    }

        .selectricWrapper.quantity-box .selectric .label {
            margin-right: 24px;
            padding-top: 0;
            padding-bottom: 0;
            text-align: center;
            line-height: 24px;
            min-width: 32px;
            color: #7F766A;
        }

        .selectricWrapper.quantity-box .selectric .button {
            background: #FFFFFF;
            top: 0;
            bottom: 0;
            height: auto;
            color: #58544C;
        }

            .selectricWrapper.quantity-box .selectric .button:hover,
            .selectricWrapper.quantity-box .selectric .button:focus,
            .selectricWrapper.quantity-box.selectricHover .selectric .button,
            .selectricWrapper.quantity-box.selectricOpen .selectric .button {
                background: #FFFFFF;
                color: #3E3426;
            }

    .selectricWrapper.quantity-box.selectricOpen .selectric {
        background: #FFFFFF;
    }

        .selectricWrapper.quantity-box.selectricOpen .selectric .label {
            color: #3E3426;
        }

.fitxa .acabats .btn {
    margin-top: 14px;
    font-size: 14px;
    display: block;
}

.producteQuantitat {
    width: auto !important;
    text-align: center;
    height: 30px !important;
}

.fitxa .descripcio .acabatsFitxa .preu, .llistat_lineal .acabatsFitxa .preu {
    padding-right: 7px;
    font-size: 30px;
    margin-top: 15px;
    line-height: 34px;
    font-family:ralewayBold,  LatoBold, Lato;
    text-align: left;
    letter-spacing: 0.5px;
    float: left;
    white-space: nowrap;
}

.fitxa .shopControl .pvp-ant {
    font-size: 14px;
    text-decoration: line-through;
}

.fitxa .shopControl .span-pvp-ant {
    margin-left: 5px;
    font-size: 14px;
    color: #8C8A88;
}

/*.fitxa .acabatsFitxa {
    margin-top: 50px;
}*/

    .fitxa .acabatsFitxa .currentStock, .llistat_lineal .acabatsFitxa .currentStock {
        margin-top: 15px;
        color: #87837E;
        font-size: 12px;
        height: 24px;
    }

    .fitxa .acabatsFitxa .currentStock {
        margin-bottom: 15px;
    }

.llistat_lineal .acabatsFitxa .currentStock {
    margin-top: 10px;
}

    .fitxa .acabatsFitxa .currentStock a, .llistat_lineal .acabatsFitxa .currentStock a {
        color: #87837E;
    }

    .fitxa .acabatsFitxa .currentStock i.fa-archive, .llistat_lineal .acabatsFitxa .currentStock i.fa-archive {
        font-size: 20px;
    }

.fitxa .acabatsFitxa .preus-a-partir, .llistat_lineal .acabatsFitxa .preus-a-partir {
    color: #6E6851;
    font-size: 12px;
    font-family: ralewayLight, LatoLight, Lato;
    text-align: justify;
    letter-spacing: 0.5px;
    line-height: 24px;
}

.fitxa .acabatsFitxa .titol1P, .llistat_lineal .acabatsFitxa .titol1P {
    text-transform: uppercase;
    font-size: 13px;
    color: #6E6851;
    letter-spacing: 0.5px;
    font-family:ralewayMedium, LatoRegular, Lato;
    display: inline-block;
    margin-right: 15px;
}

.fitxa .acabatsFitxa .titol1P {
    margin-bottom: 15px;
}

.fitxa .acabatsFitxa .titol2P, .llistat_lineal .acabatsFitxa .titol2P {
    text-transform: uppercase;
    font-size: 13px;
    color: #6E6851;
    letter-spacing: 0.5px;
    font-family: ralewayMedium, LatoRegular, Lato;
    margin-top: 25px;
    display: inline-block;
}

.fitxa .acabatsFitxa .boto-afegir-linia, .llistat_lineal .acabatsFitxa .boto-afegir-linia {
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
}

.llistat_lineal .acabatsFitxa .btn, .llistat_lineal .acabatsFitxa .boto-mes-info, .llistat_lineal .acabatsFitxa .boto-afegir-linia {
    margin-top: 0px !important;
}

.llistat_lineal .boto-comprar {
    text-align: right;
    margin-top: 10px;
}

.fitxa .acabatsFitxa .boto-comprar .btn-primary,
.fitxa .acabatsFitxa .boto-comprar .btn-primary i,
.llistat_lineal .acabatsFitxa .boto-comprar .btn-primary, .llistat_lineal .acabatsFitxa .btn-primary i {
    background: none;
    color: #58544C;
}

.fitxa .acabatsFitxa .boto-comprar .btn-primary:hover, .fitxa .acabatsFitxa .boto-comprar .btn-primary:hover i, .llistat_lineal .acabatsFitxa .boto-comprar .btn-primary:hover, 
.llistat_lineal .acabatsFitxa .btn-primary:hover i{
    color: #AD997A;
}

    .fitxa .acabatsFitxa .boto-comprar .btn-primary i,
    .llistat_lineal .acabatsFitxa .btn-primary i {
        border-left: 1px solid #58544C;
        padding-left: 10px;
        font-size: 28px;
    }

    .llistat_lineal .acabatsFitxa .boto-comprar .btn-primary:hover, .llistat_lineal .acabatsFitxa .boto-comprar .btn-primary:hover i {
        color: #AD997A;
    }

    .fitxa .acabatsFitxa .boto-comprar .btn-primary:hover i,
    .llistat_lineal .acabatsFitxa .btn-primary:hover i {
        border-left: 1px solid #AD997A;
    }

.llistat_lineal .acabatsFitxa .boto-afegir-linia, .llistat_lineal .acabatsFitxa .boto-mes-info, .llistat_lineal .acabatsFitxa .btn-primary {
    display: inline-block;
    width: auto;
}

.llistat_lineal .acabatsFitxa .boto-mes-info {
    margin-left: 5px;
}

    .llistat_lineal .acabatsFitxa .boto-mes-info i, .llistat_lineal .acabatsFitxa .boto-mes-info:hover i {
        border-left: 0px !important;
        padding-left: 0px !important;
        margin: 0px !important;
    }


.llistat_lineal .acabatsFitxa {
    margin-bottom: 15px;
}

.fitxa .acabatsFitxa .btn-primary {
    display: block;
}

.fitxa .acabatsNormal .btn-primary, .llistat_lineal .acabatsNormal .btn-primary {
    margin-top: 10px;
}

.fitxa .acabatsFitxa .boto-afegir-linia .tooltip {
    text-transform: none;
}




.tabFitxa .tab-content, .fitxa .contentDescrip {
    padding: 15px 0px;
    border: 0px;
    border-top: 1px solid #F6F6F6; /*[FICHA_BORDER_PESTANA];*/
    color: #2F2C24;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 30px;
    margin-top: -1px;
}

.tabFitxa .nav-tabs > li a, .fitxa .titolDescrip {
    color: #87837E;
    text-transform: uppercase;
    font-size: 14px;
    font-family: ralewayMedium, LatoRegular;
    line-height: 30px;
    border: 0px;
    border-bottom: 2px solid transparent;
    position: relative;
}


    .tabFitxa .nav-tabs > li.active a, .tabFitxa .nav-tabs > li a:hover, .tabFitxa .nav-tabs > li a:focus, .fitxa .titolDescrip {
        color: #58544C;
        border: 0px;
        border-bottom: 2px solid #AD997A;
        background: none;
    }

        .tabFitxa .nav-tabs > li.active a:after, .tabFitxa .nav-tabs > li a:hover:after, .tabFitxa .nav-tabs > li a:focus:after, .fitxa .titolDescrip:after {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 0 6px 6px;
            border-color: #D8A400 transparent;
            display: block;
            width: 0;
            z-index: 1;
            bottom: -2px;
            right: 50%;
        }

        .fitxa .titolDescrip:after {
            left: 50px;
            right: auto;
        }

.tabFitxa .tab-content p, .tabFitxa .tab-content table, .tabFitxa .tab-content ul {
    color: #2F2C24;
    font-size: 14px;
}

.container-color-fitxa {
    line-height: 0;
    cursor: pointer;
}

.container-talla-fitxa {
    cursor: pointer;
}

.fitxa #posicio-quantitat, .llistat_lineal #posicio-quantitat {
    float: right;
    margin-top: 21px;
}

.blueimp-gallery-controls > .prev i.fa {
    font-size: 45px;
    line-height: 38px;
    margin-left: -5px;
}

.blueimp-gallery-controls > .next i.fa {
    font-size: 45px;
    line-height: 38px;
    margin-right: -5px;
}

.blueimp-gallery > .slides > .slide > .slide-content {
    max-height: 80%;
    max-width: 80%;
}

.blueimp-gallery > .title {
    right: 15px;
    left: 15px;
    margin: 0 40px;
    text-align: center;
}

.blueimp-gallery > .indicator {
    height: 5%;
    bottom: 2.5%;
}

    .blueimp-gallery > .indicator > li {
        background-size: contain;
        background-color: transparent;
        margin: 0 5px;
        width: 50px;
        height: 100%;
        box-shadow:none;
        border:0;
    }

    .blueimp-gallery > .indicator > .active, .blueimp-gallery > .indicator > li:hover {
    background-color: transparent;
    border-color: #fff;
    opacity: 1;
    border:0px solid transparent;
}

/**SUGGERÈNCIES**/
.suggerencies {
    margin-bottom: 30px;
}

.titolSugg {
    font-size: 20px;
    font-family: ralewayBold, LatoBold;
    color: #2F2C24;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    text-align: center;
}

/*** FI SUGGERÈNCIES ***/


/*** CAROUSEL FITXA PRODUCTES ****/
.fitxa #container-carousel-indicators {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}


.fitxa .carousel-indicators {
    position: static;
    margin: 0;
    width: 100%;
    left: unset;
    bottom: unset;
    white-space: nowrap;
    text-align: left;
    font-size: 0;
    overflow: auto;
    overflow-y: hidden;
}

    .fitxa .carousel-indicators li {
        width: 23%;
        height: 100%;
        border: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin: 0;
        -moz-transition: background-color 0.4s ease;
        -o-transition: background-color 0.4s ease;
        -webkit-transition: background-color 0.4s ease;
        transition: background-color 0.4s ease;
    }

        .fitxa .carousel-indicators li.active {
            background: #FFFFFF;
        }

        .fitxa .carousel-indicators li img {
            -moz-transition: opacity 0.4s ease;
            -o-transition: opacity 0.4s ease;
            -webkit-transition: opacity 0.4s ease;
            transition: opacity 0.4s ease;
        }

        .fitxa .carousel-indicators li.active img, .fitxa .carousel-indicators li:hover img {
            opacity: 0.6;
        }

        .fitxa .carousel-indicators li.active, .fitxa .carousel-indicators li:hover {
            /*opacity: 0.6;*/
            background: #000000;
        }


        .fitxa .carousel-indicators li + li {
            margin-left: 10px;
        }

        .fitxa .carousel-indicators li.primera-detalls {
            margin-left: 0 !important;
        }

/*** FI CAROUSEL FITXA PRODUCTES ****/


.textStock {
    display: inline-block;
    line-height: 23px;
    padding-left: 10px;
}

.fitxa #socialFitxa {
    margin: 22px 0px;
    overflow: hidden;
    display: block;
}

.fitxaFacebook {
    display: inline-block;
    vertical-align: top;
}

.fitxaTwitter, .fitxaGoogle, .fitxaPin {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
}


/*login*****************************/
.subForm {
    margin: 20px 0 0 0;
    color: #AD997A;
    font-size: 16px;
}

.conditions .form-control {
    border: none;
    width: auto;
    box-shadow: none;
}

.zonaClientTitols {
    font-size: 14px;
    margin-top: 20px;
}


.margePeuHome {
    margin-left: 10px;
}

.sepPeuHome {
    margin-top: 20PX;
}

    .sepPeuHome img {
        max-height: 35px;
    }


.form-control, .producteQuantitat, .form-control[readonly] {
    background-color: #F6F5F3;
    background-image: none;
    border: 1px solid #FFFFFF;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    color: #313131;
    cursor: default;
    border:1px solid #cccccc;
}

    .form-control:focus, .producteQuantitat:focus, .form-control[readonly]:focus {
        border-color: #E3DED7;
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #EEEEEF;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #EEEEEF;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #EEEEEF;
        outline: 0 none;
    }

.gpi-formulariData input {
    border: 1px solid #FFFFFF;
    color: #313131;
    margin: 5px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    height: 34px;
    line-height: 1.42857;
}

.gpi-campsFormulari {
    line-height: 30px;
    text-align: right;
}

.container-checkbox, .container-checkbox2 {
    position: relative;
    display: block;
    margin-top: 4px;
    padding-left: 20px;
}

    .container-checkbox input[type="checkbox"], .container-checkbox2 input[type="checkbox"] {
        opacity: 0;
        position: absolute;
        margin-top: 4px;
        margin-left: -20px;
    }

.fitxaForm .container-checkbox input[type="checkbox"] {
    margin-top: -4px;
    margin-left: -19px;
    z-index: 1;
}


.container-checkbox a, .container-checkbox2 a {
    font-size: 16px;
}

.container-checkbox label, .container-checkbox2 label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    min-height: 20px;
    font-weight: 400;
    cursor: pointer;
    font-size: 16px;
}

    .container-checkbox label:before, .container-checkbox2 label:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 15px;
        height: 15px;
        left: 0;
        margin-left: -20px;
        border: 1px solid #555555;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: #FFFFFF;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -moz-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        top: 4px;
    }

    .container-checkbox label:after, .container-checkbox2 label:after {
        display: inline-block;
        position: absolute;
        width: 15px;
        height: 15px;
        left: 0;
        margin-left: -20px;
        padding-left: 2px;
        padding-top: 0px;
        font-size: 12px;
        color: #555555;
        top: 3px;
    }



.container-checkbox input[type="checkbox"]:checked + label:after, .container-checkbox2 input[type="checkbox"]:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
}




/***********************/
/*******INICI MAPA******/
/**********************/
.franjaMapa {
    position: relative;
    margin-top: 35px;
    border-top: 1px solid #d8d8d8;
}

.container-google-maps {
    display: block;
    height: 310px;
    overflow: hidden;
}


    .container-google-maps .embed-responsive .embed-responsive-item, .container-google-maps .embed-responsive iframe {
        top: 0;
    }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    border: 0 none;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: -14%;
    width: 100%;
}

/**********************/
/*******FI MAPA*******/
/********************/


/* PEU ****************************/
#footer .logo-peu {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    max-height: 33px;
    margin-top: 11px;
}



/*CONTINGUT***********************/

.contingut {
    margin: 20px 0px;
    margin-bottom:0px;
}

.homeStyle .contingut {
    margin-top: 0;
}





/*PAGINADOR*****************************************/

#paginador a.btn {
    line-height: 25px;
    padding: 0 8px;
    background: #58544C;
    color: #FFFFFF;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

    #paginador span.selected a.btn, #paginador a.btn:hover {
        background: #AD997A;
        color: #2F2C24;
    }

.pagDes {
    color: #FFFFFF;
    background: #58544C;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    padding: 2px 7px;
    height: 10px;
    width: 10px;
}

.pagAct {
    color: #2F2C24;
    background: #AD997A;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    padding: 2px 7px;
    height: 10px;
    width: 10px;
}

/* ZONA CLIENT ********************/
label {
    font-weight: normal;
}

.cssLoginPassword, .cssLoginUser, .cssPasswordUser {
    background-color: #F6F5F3;
    background-image: none;
    border: 1px solid #FFFFFF;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

    .cssLoginPassword:focus, .cssLoginUser:focus, .form-control:focus, .cssPasswordUser:focus, textarea:focus {
        border-color: #E3DED7;
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #EEEEEF;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #EEEEEF;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #EEEEEF;
        outline: 0 none;
    }

.conditions .CHECKBOX, .CHECKBOX {
    margin-right: 15px !important;
    display: inline-block;
    border: none;
}

select.form-control {
    height: auto;
}


.contacteCheck input {
    margin-top: 2px;
}

/* COOKIES BANNER */
#cookies_banner {
    color: #313131;
    border-color: #FFFFFF !important;
    -o-border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    -ms-border-radius: 0 0 0 0 !important;
    border-radius: 0 0 0 0 !important;
    border-width: 1px 0 !important;
    -o-box-shadow: 0 0 10px #444444;
    -ms-box-shadow: 0 0 10px #444444;
    -webkit-box-shadow: 0 0 10px #444444;
    -moz-box-shadow: 0 0 10px #444444;
    box-shadow: 0 0 10px #444444;
    background: #ffffff;
    display: none;
    float: none !important;
    left: 0;
    margin: 0 auto !important;
    padding: 3px 0;
    position: fixed !important;
    right: 0;
    text-align: center;
    text-shadow: none;
    width: 100% !important;
    z-index: 1500;
    bottom: 0px;
}

#cookies_accept {
    cursor: pointer;
    margin: 10px auto;
    float: none !important;
    background: #58544C;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding: 0px 20px;
    line-height: 20px;
    width: 100px;
    text-align: center;
    color: #FFFFFF;
    -o-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    clear: both;
}

    #cookies_accept:hover {
        background: #AD997A;
        color: #2F2C24;
    }

#cookies_banner p {
    margin: 0px;
    padding: 0px;
}

.campoObligatorio {
    font-size: 10px;
    font-style: italic;
}

/*PAGINADOR */

#paginador {
    margin-top: 1px;
    margin-bottom:15px;
}


/*SHOP************************************ ???????????????????????????????????????????????????????? */
#basket-lateral, #basket-table {
    background: transparent;
}


    #basket-lateral .table > thead > tr > th, #basket-lateral .table > tbody > tr > th, #basket-lateral .table > tfoot > tr > th, #basket-lateral .table > thead > tr > td, #basket-lateral .table > tbody > tr > td, #basket-lateral .table > tfoot > tr > td {
        border-bottom: 1px solid #DDDDDD;
        border-top: 0;
    }

    #basket-lateral.affix {
        width: 457px;
        top: 20px;
        position: fixed !important;
    }

    #basket-lateral .capResum, #basket-table .capResum {
        background: #F4F3F1;
        padding: 15px;
        display: inline-block;
        width: 100%;
    }

    #basket-lateral .titol, #basket-table .titol {
        color: #272727;
        font-size: 18px;
        padding: 0;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        display: block;
        float: left;
    }

    #basket-lateral .botons {
        float: right;
    }

.btn-cistella {
    border: 0;
}

    .btn-cistella i.fa-text-right {
        margin-right: 0;
        font-size: 20px;
        color: #C3BEB8;
        cursor: pointer;
    }

    .btn-cistella i.fa-refresh {
        font-size: 19px;
    }

    .btn-cistella i.fa-text-right:hover {
        color: #58544C;
    }

#basket-lateral.affix .titol {
    display: block !important;
}

table.gpi-noBorder-table tr td, table.gpi-noBorder-table tr th {
    border: none;
}

.selectBasketFooter {
    width: 250px;
}


    .selectBasketFooter select {
        border: 0 none;
        margin: 0;
        padding: 2px;
        width: 250px;
    }

.table-responsive {
    border: medium none;
}

.formatCap {
    font-size: 14px;
}


.nomProducte {
    color: #AD997A;
}

.shopPreu {
    font-weight: bold;
    white-space: nowrap;
}


.inputShop input, .inputShop select, .inputShop textarea, select {
    color: #313131;
    padding: 3px;
}



.form-horizontal {
    margin-bottom: 30px;
}

/*** INICI NOTICIES ***************************/

.paddingRight0 {
    padding-right: 0;
}

.paddingLeft0 {
    padding-left: 0;
}


#columns-news {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    margin-left: -15px;
}


.item-noticies.item-noticies-opinion { 
    width: 25%;
}

.item-noticies {
    display: block;
    float: left;
    padding: 15px;
    width: 50%;
}

    .item-noticies .container-img img {
        -o-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .item-noticies .container-img:hover img {
        opacity: 0.5;
    }


    .item-noticies .desc h2 {
        font-size: 20px;
        font-family: ralewayBold, LatoBold;
        margin-top: 20px;
        margin-bottom: 10px;
        color: #2F2C24;
        text-transform: uppercase;
        text-align: center;
    }

    .item-noticies .desc h3 {
        color: #2F2C24;
        text-transform: uppercase;
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 20px;
        margin-top: 0px;
    }

    .item-noticies .desc h4 {
        color: #2F2C24;
        margin-bottom: 15px;
        font-size: 14px;
        text-align: justify;
        letter-spacing: 0.5px;
        line-height: 18px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ECEBE8;
    }

    .item-noticies .desc .fecha {
        font-size: 14px;
        color: #AC9E8A;
        display: inline-block;
        margin-right: 15px;
    }

    .item-noticies .footer .mesInfo {
        display: inline-block;
    }

        .item-noticies .footer .mesInfo a {
            color: #AC9E8A;
        }

            .item-noticies .footer .mesInfo a:hover {
                color: #2F2C24;
            }

.fitxaNews .container-img {
    margin-bottom: 30px;
}

    .fitxaNews .container-img img {
        width: 100%;
    }

.fitxaNews .container-descrip h2 {
    color: #2F2C24;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 24px;
}

.fitxaNews {
    margin-bottom:30PX;
}

.fitxaNews .fecha {
    font-size: 14px;
    margin-bottom: 15px;
    color: #605129;
}

.fitxaNews .btn-pdf {
    margin-top: 15px;
    display: block;
}


.gpi-contingut-news {
    font-size: 15px;
    line-height: 23px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ECEBE8;
}

#socialFitxa {
    margin-top: 15px;
    display: block;
}
/*** FI NOTICIES ***************************/

/**** NOTICIES RESUMIDOR HOME **************/

.resumidorNews {
    border-top: 1px solid #F6F5F3;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #F6F5F3;
}

.item-noticies-home {
    color: #2F2C24;
    font-size: 14px;
    text-align: justify;
    letter-spacing: 0.5px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .item-noticies-home h2 {
        font-weight: normal;
        margin: 0px;
        font-size: 20px;
        color: #2F2C24;
        margin-bottom: 10px;
        letter-spacing: 1px;
        font-family:ralewayBold, LatoBold;
        margin-top: 22px;
    }

    .item-noticies-home h3 {
        text-transform: uppercase;
        font-size: 16px;
        color: #2F2C24;
        font-weight: normal;
        margin: 0px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    .item-noticies-home .dia {
        font-size: 48px;
        font-family:ralewayBold, LatoBold;
        color: #C4B8A6;
    }

    .item-noticies-home .mesAny {
        color: #776954;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 30px;
    }

    .item-noticies-home .btn-primary {
        background: #D6CEB6;
        color: #48453a; /*#2F2C24;*/
        margin-top: 15px;
    }

        .item-noticies-home .btn-primary i {
            color:#8d7225; /*#FFFFFF;*/
        }

        .item-noticies-home .btn-primary:hover {
            background: #d7b95b; /*#AEA795;*/
             color: #48453a; /*#FFFFFF;*/
        }

            .item-noticies-home .btn-primary:hover i {
                color:#8d7225; /*#2F2C24;*/
            }

.resumidorNews a.btn-veureTotes {
    display: block;
    font-size: 32px;
    text-align: center;
    color:#a8a18e;
}

    .resumidorNews a.btn-veureTotes:hover {
        color:#8f752c;
    }

.item-noticies-home:nth-child(2) {
    border-right: 1px solid #FFFFFF;
}

.item-noticies-home:nth-child(3) {
    border-left: 1px solid #DCE0D8;
}

/***** FI NOTICIES RESUMIDOR HOME **********/

.franjaLogosPeu{
    background:#e4e6e5;
    border-top:1px solid #e0e1df;
    padding-top:25px;
    padding-bottom:25px;  
}

.franjaLogosPeu p{
    padding:0px;
    margin:0px;
}

/** NAVEGADOR *****************************/
.breadcrumb {
    background: none !important;
    font-size: 11px;
    margin-bottom: 0px;
    padding: 0 15px;
    text-transform: uppercase;
    position: relative;
    z-index: 100;
    display: inline-block;
}

    .breadcrumb li a {
        color: #ACA48C;
    }

        .breadcrumb li a:hover, .breadcrumb .active {
            color: #D8A400;
        }

    .breadcrumb > li + li::before {
        content: "_";
    }

/** FI NAVEGADOR *******************/

/* CERCADOR DINÀMIC ****************/

.creditsWebnet {
    display: block;
}

#basket-footer input {
    position: relative;
}

    #basket-footer input[type="text"] {
        border: 0;
        height: 24px;
        font-size: 14px;
        text-align: left;
        width: 100%;
        margin-top: 0;
        padding-left: 9px;
    }


/* SELECTTRIC */
.selectricWrapper {
    position: relative;
    margin: 0 0 10px;
    cursor: pointer;
    border: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px;
    font-size: 12px;
    height: auto;
    border-bottom: 1px solid #F4F1EE;
}

    .selectricWrapper:hover {
        border-bottom: 1px solid #58544C;
    }


.selectBasketFooter .selectricWrapper {
    margin-bottom: 0;
}

.selectricDisabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectricOpen {
    z-index: 9999;
}

    .selectricOpen .selectricItems {
        display: block;
    }

.selectricHideSelect {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

    .selectricHideSelect select {
        position: absolute;
        left: -100%;
        display: none;
    }

.selectricInput {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    _font: 0/0 a;
    background: none !important;
}

.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

.selectric {
    border: 0px;
    background: #FFFFFF;
    position: relative;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

    .selectric .label {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        margin: 0 23px 0 0;
        padding: 0px 10px;
        font-size: 12px;
        min-height: 22px;
        font-weight: normal;
        margin-right: 24px;
        text-align: left;
        line-height: 24px;
        min-width: 32px;
        color: #7F766A;
    }

    .selectric .button {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        display: block;
        position: absolute;
        right: 0;
        width: 24px;
        text-align: center;
        font: 0;
        line-height: 24px;
        background: #FFFFFF;
        top: 0;
        bottom: 0;
        height: auto;
        color: #58544C;
    }

        .selectric .button i.fa {
            font-size: 20px;
            line-height: 24px;
        }

.selectricHover .selectric {
    background: #FFFFFF;
}

    .selectricHover .selectric .button {
        color: #3E3426;
    }



    .selectricHover .selectric .button,
    .selectricOpen .selectric .button {
        background: #FFFFFF;
        color: #3E3426;
    }

.selectricOpen .selectric {
    background: #FFFFFF;
    z-index: 9999;
}


    .selectricOpen .selectric .label {
        color: #3E3426;
    }
/* Items box */

.selectricItems {
    display: none;
    position: absolute;
    overflow: auto;
    top: 100%;
    left: 0;
    background: #F9F9F9;
    border: 1px solid #CCC;
    z-index: 9998;
    -webkit-box-shadow: 0 0 10px -6px;
    -moz-box-shadow: 0 0 10px -6px;
    box-shadow: 0 0 10px -6px;
}

    .selectricItems ul,
    .selectricItems li {
        list-style: none;
        padding: 0;
        margin: 0;
        min-height: 13px;
        line-height: 13px;
        font-size: 12px;
        text-align: left;
    }

    .selectricItems li {
        padding: 5px;
        cursor: pointer;
        display: block;
        border-bottom: 1px solid #EEE;
        color: #666;
        border-top: 1px solid #FFF;
    }

        .selectricItems li.selected {
            background: #EFEFEF;
            color: #444;
            border-top-color: #E0E0E0;
        }

        .selectricItems li:hover {
            background: #F0F0F0;
            color: #444;
        }

        .selectricItems li.disabled {
            background: #F5F5F5;
            color: #BBB;
            border-top-color: #FAFAFA;
            cursor: default;
        }

/**FI SELECTRIC**/


/** NAVEGADOR PASSO DE LA COMPRA *********************/

#navegador-passos {
    display: table;
    width: 100%;
    position: relative;
    margin: 15px 0 30px 0;
}

    #navegador-passos .row {
        display: table-row;
        margin: 0;
    }

        #navegador-passos .row > div {
            float: none;
            padding: 0;
            display: table-cell;
            text-align: center;
            position: relative;
            text-transform: uppercase;
        }

            #navegador-passos .row > div:before {
                bottom: 0;
                position: absolute;
                content: " ";
                height: 1px;
                background-color: #CCCCCC;
                z-index: -1;
                left: 0;
                right: 0;
            }

            #navegador-passos .row > div:after {
                bottom: 0;
                position: absolute;
                content: " ";
                height: 1px;
                background-color: #CCCCCC;
                z-index: -1;
                left: auto;
                right: 0;
            }

            #navegador-passos .row > div.active:before {
                background-color: #AD997A;
            }

            #navegador-passos .row > div.passed:before, #navegador-passos .row > div.passed:after {
                background-color: #AD997A;
            }

    #navegador-passos .btn-circle {
        width: 31px;
        height: 31px;
        text-align: center;
        padding: 6px 0;
        font-size: 17px;
        line-height: 17px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        cursor: default;
        opacity: 1 !important;
        color: #FFFFFF;
        background: #E6DED2;
        outline: none;
        margin-bottom: 10px;
        font-family: LatoBold;
    }

    #navegador-passos .active .btn-circle, #navegador-passos .passed .btn-circle {
        outline: none;
        color: #FFFFFF;
        background: #AD997A;
    }

    #navegador-passos p {
        margin-bottom: 15px;
    }


    #navegador-passos .active p {
        color: #58544C;
        position: relative;
    }

        #navegador-passos .active p::after {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 0 6px 6px;
            border-color: #AD997A transparent;
            display: block;
            width: 0;
            z-index: 1;
            bottom: -14px;
            right: 50%;
        }

    #navegador-passos .passed p {
        color: [CESTA_PASSOS_TEXT_DES];
    }
/** FI NAVEGADOR PASSO DE LA COMPRA *********************/

#pas1-compra, #pas2-compra {
    margin-bottom: 50px;
}

    #pas1-compra > div {
        padding: 0 40px;
    }

h2.pas1-titol {
    font-size: 20px;
    font-family: ralewayLight, LatoLight, Lato;
    margin-top: 0;
    margin-bottom: 15px;
}

#pas2-compra .titol, .registreUsr .titol, .zonaClient .titol, .titolRegistre {
    color: black;
    font-size: 18px;
    font-family:ralewayBold, LatoBold, Lato;
    padding-bottom: 5px;
    border-bottom: 1px solid #EDEFF0;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#observacions .titol {
    width: 100%;
}

.zonaClient .titol {
    font-size: 16px;
    font-family: ralewayMedium, LatoRegular, Lato;
}

#pas2-compra #dades-usuari + #dades-client, #pas2-compra #dades-enviament + #observacions {
    margin-top: 30px;
}

#pas3-compra .dadesUsuari {
    margin-bottom: 30px;
}

#pas3-compra #observacions-resum {
    margin-top: 80px;
}

.form-group label {
    margin-bottom: 8px;
}

/** BOTO BACKTOTOP **/
.cd-top {
    display: inline-block;
    height: 30px;
    width: 30px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #58544C url(../fonts/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    border: none;
    border-radius: 50%;
}

    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        -o-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }

    .cd-top:hover {
        background: #AD997A url(../fonts/cd-top-arrow.svg) no-repeat center 50%;
    }



    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
    }

    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        opacity: .5;
    }

    .no-touch .cd-top:hover {
        background-color: #58544C;
        opacity: 1;
    }

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 50px;
        width: 50px;
        right: 30px;
        bottom: 30px;
    }
}

/*FI BOTO BACKTOTOP **/

.datepicker .input-group {
    font-size: 0;
}

.datepicker input.form-control, .datepicker .input-group-addon {
    cursor: pointer;
}

.datepicker .input-group > a {
    display: none;
}

.picker__frame {
    top: 0;
    bottom: auto;
}

.picker--opened .picker__frame {
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 0;
}

#modal-validator-cistella .modal-body, #modal-delete-cistella .modal-body, #conditionsModalBody, #modal-product-added .modal-body {
    height: auto !important;
    padding: 0px;
    position: relative;
}

#conditionsModalBody {
    padding: 15px;
}


#modal-product-added .modal-body .container-descrip-item {
    padding: 0px 15px;
}
/*****FILTRES******/
#container-filtres {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

    #container-filtres .selectricWrapper {
        margin: 0 0 0px;
        border-bottom: 1px solid #F4F1EE;
    }

        #container-filtres .selectricWrapper:hover {
            border-bottom: 1px solid #58544C;
        }

    #container-filtres .selectric {
        background: #FFFFFF;
    }

        #container-filtres .selectric .label {
            font-family: ralewayLight, LatoLight;
        }

        #container-filtres .selectric .button {
            background: none;
        }

    #container-filtres .list_lineal, #container-filtres .list {
        float: right;
        margin-left: 10PX;
        color: #E4E1DD;
        font-size: 18px;
    }

        #container-filtres .list_lineal:hover, #container-filtres .list:hover,
        #container-filtres .list_lineal.active, #container-filtres .list.active {
            color: #A6A39C;
        }
/*****FI FILTRES********/

#taula-comandes td:empty {
    display: none;
}

.categories {
    background: [MENU_LAT_FONDO];
    padding-bottom: 15px;
}

    .categories .item-categoria {
        display: block;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 1px solid #E0DBD4;
        padding: 10px 0;
        color: #605129;
    }

        .categories .item-categoria:hover, .categories .item-categoria:focus, .categories .item-categoria.active {
            color: #2F2C24;
        }

        .categories .item-categoria:last-child {
            border: 0;
        }


/*MIDES ESPECIALS******************/
@media (min-width:1201px) and (max-width:1400px) { /** LG **/

   .container-gpi {
        padding-right: 40px;
        padding-left: 40px;
    }



    /*.capBanner, .capBanner .item, .capBanner .alone {
        height: 740px;
    }*/

        .capBanner .carousel-caption, .capBanner .alone .carousel-caption {
            top: 80px;
        }

        .capBanner .carousel-caption-bottom, .capBanner .alone .carousel-caption-bottom {
            top: 80px !important;
            margin-top: -25px;
        }

        .capBanner .carousel-caption-top, .capBanner .alone .carousel-caption-top {
            top: 80px !important;
            margin-top: -25px;
        }

    .banner-interior .capBanner {
        height: 520px;
    }

        .wrap {
    margin: 0 auto -350px;
    padding: 0 0 350px;
}



#footer {
    height: 350px;
}

.dadesPeu {
    letter-spacing: 0.5px;
}
}

@media (min-width:992px) and (max-width:1200px) { /** MD **/

    /*.capBanner, .capBanner .item, .capBanner .alone {
        height: 600px;
    }*/

    .banner-interior .capBanner, .banner-interior .capBanner .item, .banner-interior .capBanner .alone {
        height: 420px;
    }

    .fitxaTwitter, .fitxaGoogle, .fitxaPin {
        margin-right: 6px;
    }

    .item-noticies .desc h3 {
        margin-bottom: 5px;
    }

    .item-noticies .desc h2 {
        line-height: 24px;
        margin-bottom: 15px;
    }

    .dadesPeu {
        letter-spacing: 1px;
        font-size:14px;
    }

    .wrap {
    margin: 0 auto -365px;
    padding: 0 0 365px;
}



#footer {
    height: 365px;
}

 }

@media (max-width:1200px) {

      .container-gpi {
        padding-right: 50px;
        padding-left: 50px;
    }

    .capBanner .carousel-caption, .capBanner .alone .carousel-caption {
        top: 55px;
    }

    .capBanner .carousel-caption-top, .capBanner .alone .carousel-caption-top {
        top: 55px;
        margin-top: -150px;
    }

    .capBanner .carousel-caption-bottom, .capBanner .alone .carousel-caption-bottom {
        top: 55px;
        margin-top: -150px;
    }

    .capBanner .alone .data h2, .capBanner .data h2 {
        font-size: 45px;
        margin-bottom: 25px;
    }

    .capBanner .alone .data h3, .capBanner .data h3 {
        font-size: 60px;
        margin-bottom: 25px;
    }

    .dadesPeu .telfPeu {
        font-size: 22px;
    }

    .fitxa .descripcio h1 {
        font-size: 22px;
    }

    #bannerModal .modal-dialog {
        width: 80%;
    }

    #bannerModal .modal-body .bannerPopups .data {
        width: 57%;
        top: 0px;
        right: 0;
        left: auto;
    }

        #bannerModal .modal-body .bannerPopups .data h2 {
            font-size: 20px;
            margin-bottom: 10px;
            margin-top: 10px;
        }

        #bannerModal .modal-body .bannerPopups .data p {
            margin-bottom: 15px;
        }

}

@media (min-width:992px) and (max-width:1199px) { /** MD **/

    #menu.affix {
        position: static !important;
        top: auto !important;
        width: auto;
    }

    #menu.affix-bottom {
        position: static !important;
        top: auto !important;
        width: auto;
    }
    

    .selectBasketFooter select, .selectBasketFooter .selectric {
        max-width: 160px;
    }

    .selectricWrapper.form-control {
        max-width: 160px;
    }

    .item-basket td {
        white-space: nowrap;
    }

    .gpi-navbar-nav > li > a {
        padding: 0px 15px;
    }

    .formMesInfo #iframeInfo {
        height: 290px;
    }

    #basket-status-content .btn {
        font-size: 11px;
    }

    .full-width-container > ul > li > a, .menu-petit > ul > li > a, .gpi-columna > li > a:hover {
        line-height: 22px;
        padding: 7px 15px;
    }
}


@media (min-width:768px) and (max-width:991px) { /** SM **/


    /********** FORMATS GENERALS ****************/
    .container-data {
        display: none;
        opacity: 0;
    }

    .xarxesPeu {
        margin-bottom: 15px;
        text-align: center;
        padding-bottom: 15px;
        border-bottom: 1px solid #32302C;
    }

    #footer {
        height: 580px;
    }


    .contentFooter img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .wrap {
        height: auto;
        margin: 0 auto -580px;
        min-height: 100%;
        padding: 0 0 580px;
    }


    .dadesPeu .telfPeu {
        font-size: 20px;
    }


    #menu.affix {
        position: static !important;
        top: auto !important;
        width: auto;
    }

    #menu.affix-bottom {
        position: static !important;
        top: auto !important;
        width: auto;
    }


    #bannerModal .modal-dialog {
        width: 95%;
    }

    #bannerModal .modal-body .bannerPopups .data {
        width: 65%;
        left: 0;
    }

        #bannerModal .modal-body .bannerPopups .data h2 {
            font-size: 18px;
        }

    /*.capBanner, .capBanner .item, .capBanner .alone {
        height: 500px;
    }*/

    .banner-interior .capBanner, .banner-interior .capBanner .item, .banner-interior .capBanner .alone {
        height: 320px;
    }

    .copi-email {
    border-left: 0px solid #5e5a4d;
}

    /********** FI FORMATS GENERALS ****************/
    /***** LLISTAT DE PRODUCTES ****************/
    .llistat .itemLinial .stock {
        float: right;
        padding-top: 0px;
    }


    .wrap-default .llistat.llistat-search .container-item:nth-child(3n+1) {
        clear: none;
    }

    .wrap-default .llistat.llistat-search .container-item:nth-child(2n+1) {
        clear: both;
    }

    .titolSugg {
        font-size: 20px;
    }

    .llistat_lineal .acabatsFitxa .boto-afegir-linia, .llistat_lineal .acabatsFitxa .boto-mes-info, .llistat_lineal .acabatsFitxa .btn-primary {
        font-size: 12px;
        padding: 0px 10px;
    }

    /***** FI LLISTAT DE PRODUCTES ****************/

    /***** NOTÍCIES *****************************/


    .item-noticies .desc h2 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .item-noticies .desc h3 {
        margin-bottom: 0px;
        font-size: 15px;
        line-height: 20px;
        margin-top: 5px;
    }

    .gpi-contingut-news {
        margin-bottom: 20px;
    }

    /***** FI NOTÍCIES *****************************/

}

@media (max-width:991px) {

    .headerSm{
        text-align:center;
        display: flex;
        flex-direction: column;
        margin-left:auto;
        margin-right:auto;
        margin-bottom: 25px;
    }

    .headerSm .copi-email, .headerSm .copi-tel, .headerSm .container-idiomes{
        float:none;
        display:inline-block;
        text-align:center;
    }


        .headerSm .container-idiomes { 
            margin-left:0px;
            padding-left:0px;
            border-left:0px;
        }

          .headerSm .copi-email{
              padding-left:15px;
              margin-left:15px;
              margin-right:15px;
          }

    .contentFooter{
        text-align:center;
    }

    .container-gpi {
        padding-right: 40px;
        padding-left: 40px;
    }

    .container-xarxesSocials-header {
        float: left;
    }

    .caixaBuscador {
        float: left;
    }

    .tabFitxa .nav-tabs > li.active a, .tabFitxa .nav-tabs > li a:hover, .tabFitxa .nav-tabs > li a:focus, .fitxa .titolDescrip {
        margin-top: 30px;
    }


    /************INICI PERSONALITZACIONS DEL MENÚ ******************/

    #menu-sup {
        width: 50%;
        top: 0px;
        bottom: 0px;
        left: 0px;
        background: #000000;
        opacity: 1;
        z-index: 100;
        position: fixed;
        overflow-y: auto;
    }

    .menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100vw;
        height: 100vh;
        visibility: hidden;
        z-index: 91;
        cursor: pointer;
        background: #333333;
        opacity: 0;
        -moz-transition: opacity 0.2s linear, visibility 0s 0.2s linear;
        -o-transition: opacity 0.2s linear, visibility 0s 0.2s linear;
        -webkit-transition: opacity 0.2s linear, visibility 0s 0.2s linear;
        transition: opacity 0.2s linear, visibility 0s 0.2s linear;
    }

    .gpi-navbar.show-menu .menu-overlay {
        opacity: .5;
        visibility: visible;
        -moz-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        display: block;
    }

    .navbar-header {
        text-align: center;
        float: none;
        display: inline-block;
        margin-top:10px;
        margin-bottom:10px;
    }

        .navbar-header a {
            line-height: 28px;
            border-top: 2px solid #868178;
            border-bottom: 2px solid #868178;
            text-transform: uppercase;
            display: inline-block !important;
            padding: 0 10px;
            cursor: pointer;
        }

    .gpi-navbar {
        z-index: -1;
        opacity: 0;
        top: 0px;
        bottom: 0px;
        left: 0px;
        position: fixed;
        width: 50%;
        width: 100%;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
        -webkit-box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 1px 1px 15px rgba([0, 0, 0, 0.1]);
        -webkit-transition: all 0.15s ease;
        -moz-transition: all 0.15s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: translateX(-251px);
        -moz-transform: translateX(-251px);
        -o-transform: translateX(-251px);
        -ms-transform: translateX(-251px);
        transform: translateX(-251px);
    }


        .gpi-navbar.show-menu {
            z-index: 1000;
            -webkit-transform: translateX(0px);
            -moz-transform: translateX(0px);
            -o-transform: translateX(0px);
            -ms-transform: translateX(0px);
            transform: translateX(0px);
            opacity: 1;
        }

        .gpi-navbar .closeButton {
            display: inline-block;
            float: right;
            margin-top: 15px;
            margin-right: 15px;
            color:#58544C;
        }

        .gpi-navbar .closeButton:hover {
                color:#D8A400;
         }


        .gpi-navbar .brandLogo {
            display: inline-block;
            float: left;
            max-width: 150px;
            margin-top: 8px;
            margin-left: 15px;
        }

        .gpi-navbar .closeButton i.fa-times {
            font-weight: 100;
            font-size: 25px;
        }


    .gpi-navbar-nav > li:hover > a::after, .gpi-navbar-nav > li > a.sel::after {
        display: none;
    }

    .gpi-navbar-nav > li > a i.fa-minus {
        visibility: hidden;
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
        display: none;
    }

    .gpi-navbar-nav > li > a i.fa-plus {
        visibility: visible;
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
        display: block;
    }


    .gpi-navbar-nav > li.open > a i.fa-minus {
        visibility: visible;
        display: block;
    }

    .gpi-navbar-nav > li.open > a i.fa-plus {
        visibility: hidden;
        display: none;
    }


    .gpi-navbar-nav {
        margin: 0px;
        padding: 0px;
        float: none;
    }

        .gpi-navbar-nav li {
            display: block;
            width: 100%;
            text-align: left;
            height: auto;
            float: none;
        }

        .gpi-navbar-nav > li {
            clear: both;
            padding: 0px;
            border-bottom: 1px solid #323232;
        }


    .gpi-navbar-inverse .gpi-navbar-nav > li > a {
        color: #FFFFFF;
        border-bottom: 0px !important;
        padding: 0px 15px;
    }

    .gpi-navbar-nav > li:last-child > a {
        text-align: left;
    }

    .gpi-navbar-inverse .gpi-navbar-nav > li:hover > a, .gpi-navbar-inverse .gpi-navbar-nav > li:focus > a, .gpi-navbar-inverse .gpi-navbar-nav > li > a.sel,
    .gpi-navbar-inverse .gpi-navbar-nav > li:hover > a i, .gpi-navbar-inverse .gpi-navbar-nav > li:focus > a i, .gpi-navbar-inverse .gpi-navbar-nav > li > a.sel i {
        color: #D8A400;
    }

    .gpi-navbar-nav > li > a.dropdown-xs {
        display: inline-block !important;
        width: 19%;
        margin-right: 0px;
        text-align: right;
    }

    .gpi-navbar-nav > li > a.section-link {
        display: inline-block !important;
        width: 80%;
    }

    .gpi-navbar-nav > li:hover > a, .gpi-navbar-nav > li.open > a {
        border-bottom: none;
        border-top: 0px;
    }

    .gpi-navbar-inverse .gpi-navbar-nav > li:hover > a.childs {
        position: relative;
        z-index: -10000;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: transparent;
        width: 100%;
        padding: 0px;
    }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: transparent;
        border-color: transparent;
    }

    .gpi-columna ul {
        padding-left: 15px;
    }


    .gpi-columna li:hover {
        background: transparent;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #FFFFFF;
        margin-bottom: 0px;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #D8A400;
        }

    .gpi-navbar-inverse .gpi-navbar-nav > li:hover > ul.gpi-dropdown-menu .full-width-container, .gpi-navbar-inverse .gpi-navbar-nav > li:hover > .full-width-container {
        display: none;
        border: 0px;
    }

    .gpi-navbar-inverse .gpi-navbar-nav > li.open > ul.gpi-dropdown-menu .full-width-container, .gpi-navbar-inverse .gpi-navbar-nav > li.open > .full-width-container {
        display: block;
        border-top: 1px solid #323232;
    }


    .gpi-navbar-nav > li .menu-petit .gpi-dropdown-menu {
        padding-left: 0px;
        padding-right: 0px;
        border-top: 0px;
        background: none;
    }

    .gpi-navbar-nav > li:hover .menu-petit .gpi-dropdown-menu {
        display: none;
    }

    .gpi-navbar-nav > li.open .menu-petit .gpi-dropdown-menu {
        display: block;
        position: static;
        margin-top: 0px !important;
        padding-top: 5px;
    }

    .gpi-navbar-nav > li > a {
        padding: 5px 0px;
        border-bottom: 0px;
        text-align: left;
    }

    .gpi-navbar-nav > li.open .menu-petit .gpi-dropdown-menu.nivell-3 {
        padding-left: 15px;
        border-top: 0px !important;
        padding-top: 0px;
    }

    .gpi-navbar-nav > li.open .menu-petit .gpi-dropdown-menu a {
        position: static;
    }

    .gpi-navbar-inverse .gpi-navbar-nav > li.open > .full-width-container > ul.gpi-dropdown-menu {
        display: block;
        border-top: 0px;
        padding: 0;
        background: transparent;
        overflow: hidden;
    }

    .full-width-container > ul > li {
        border-right: 0px;
        display: block;
        width: 100%;
    }

    .gpi-navbar-nav > li.open .menu-petit {
        position: static;
        border-top: 1px solid #323232;
    }

    .full-width-container {
        position: static;
        margin-top: 0px;
    }

        .full-width-container > ul > li > a, .menu-petit > ul > li > a {
            margin: 5px 15px;
        }

    .gpi-navbar-nav > li.open .menu-petit .gpi-dropdown-menu li {
        line-height: 20px;
    }


    /** redefinim estils del bootstrap per aquesta amplada */
    .navbar-nav .open .dropdown-menu {
        margin-top: 0px;
        border: 0px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: relative;
        float: none;
        margin: 0px 15px;
        padding: 0px 10px;
        margin-right: 0px;
    }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 21px;
        }

        .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 0 5px;
        }

    /************FI PERSONALITZACIONS DEL MENÚ ******************/


    #miniLogin-status-content, #basket-status-content {
        margin-top: 5px;
        width: 100%;
    }

        #basket-status-content .btn-default {
            float: left;
        }

    .homeStyle .llistat .item:nth-child(4n+1) {
        float: left;
    }

    .fitxa .acabatsFitxa .boto-comprar .btn-primary {
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
    }

    .credits .container-credits {
        text-align: center;
    }

    .credits .menu-credits {
        text-align: center;
    }

    .credits .menu_peu ul {
        justify-content: center;
    }
}

@media (max-width:767px) { /** XS **/

    .titolFooter{
        text-align:center;
    }

    .menu_peu{
        text-align:center;
    }

    .container-idiomes{
        margin-left:0px;
        border-left:0px;
    }

    .container-gpi {
        padding-right: 15px;
        padding-left: 15px;
    }

    .llistat_lineal .item .container-descrip {
        padding-left: 15px;
    }

    .acabatsFitxa .col-xs-12 + .col-xs-12 {
        margin-top: 0px;
    }

    .formMesInfo #iframeInfo {
        height: 290px;
    }


    /********* PERSONALITZACIÓ BANNER ********************/
    .capBanner, .capBanner .item, .capBanner .alone {
        height: 400px;
    }

    .banner-interior .capBanner, .banner-interior .capBanner .item, .banner-interior .capBanner .alone {
        height: 196px;
    }

    .capBanner {
        font-size: 14px;
    }

        .capBanner .alone .data h2, .capBanner .data h2 {
            font-size: 25px;
            margin-bottom: 10px;
            text-align: left;
        }

        .capBanner .alone .data h3, .capBanner .data h3 {
            font-size: 25px;
            margin-bottom: 10px;
            text-align: left;
        }

        .capBanner .btn-primary {
            padding: 0 15px;
            line-height: 30px;
            height: 30px;
        }

    /********* FI PERSONALITZACIÓ BANNER ********************/

    /********* CAPÇALERA ***********************************/

    #miniLogin-status-content::after {
        left: 25px;
        left: 57px;
        right: auto;
    }

    #headerBuscador {
        float: right;
        margin-top: 7px;
        /*margin-right: 15px;*/
    }

        #headerBuscador i {
            cursor: pointer;
        }

    .caixaBuscador {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

        .caixaBuscador.collapse {
            display: none;
        }

            .caixaBuscador.collapse #buscador, .caixaBuscador.collapsing #buscador {
                opacity: 0;
                -moz-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
                margin-bottom: 10px;
                margin-top: 10px;
            }

            .caixaBuscador.collapse.in {
                display: block;
            }

                .caixaBuscador.collapse.in #buscador {
                    opacity: 1;
                    -moz-transition: all 0.4s ease;
                    -o-transition: all 0.4s ease;
                    -webkit-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                }

                .caixaBuscador.collapse.in #search-box {
                    width: 85%;
                }

    #caixaMenu .botonCuenta {
        float: left;
        margin-right: 15px;
        font-size: 0px;
    }


    /******** FI CAPÇALERA ***********************************/


    .wrap {
        padding-bottom: 0px;
        margin-bottom: 0px;
        height: auto;
    }


    #footer {
        height: auto;
        position: relative;
    }


        #footer .dadesPeu {
            text-align: center;
        }

        #footer .container-contact .dadesPeu {
            text-align: center;
        }

        #footer .container-contact .titolFooter, #footer .container-contact .picto-info {
            display: none;
        }

        #footer .container-contact {
            border-top: 1px solid #32302C;
            padding-top: 15px;
            margin-top: 15px;
        }

    .contentFooter {
        text-align: center;
    }


        .contentFooter img {
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

    .xarxesPeu {
        margin-bottom: 15px;
        text-align: center;
        padding-bottom: 15px;
        border-bottom: 1px solid #32302C;
    }


    /** MENÚ GENERAL WEB **/

    #menu-sup {
        width: 70%;
    }


    .gpi-columna {
        width: 100%;
    }

    .gpi-navbar-nav > li > a.section-link, .gpi-navbar-nav li .gpi-dropdown-menu .gpi-columna a.section-link {
        display: inline-block !important;
        width: 80%;
    }

    .gpi-navbar-nav > li > a.dropdown-xs, .gpi-navbar-nav li .gpi-dropdown-menu .gpi-columna a.dropdown-xs {
        display: inline-block !important;
        width: 16%;
        margin-right: 0px;
        text-align: right;
    }

    .gpi-columna > li > a {
        white-space: nowrap;
    }
    /** FI MENÚ GENERAL WEB **/



    /** REDEFINIM FORMATS LLISTAT CERCADOR HOME i LLISTAT NO LINEAL. **/

    .llistat-search .itemSearchList figure.effect-steve .btn-primary i, .llistat-search .itemSearchList figure.effect-steve a.mes-info i {
        /*font-size:25px;*/
        font-size: 35px;
    }

    .llistat-search .itemSearchList figure.effect-steve .btn-primary {
        padding-right: 20px;
        padding-left: 20px;
    }

    

    .llistat-search .itemSearchList figure.effect-steve a.mes-info {
        padding-right: 20px;
        padding-left: 20px;
    }

    .llistat-search .itemSearchList figure.effect-steve .btn-primary i {
        top: -4px;
    }


    /**FI REDEFINIM FORMATS LLISTAT CERCADOR HOME. **/

    /**** REDEFINIM FORMATS DE LA FITXA DE PRODUCTES ****/

    .containerVolverFitxa {
        margin-top: 0px;
    }

        .containerVolverFitxa a {
            float: left;
        }

    /** FI REDEFINIM FORMATS DE LA FITXA DE PRODUCTES ****/


    .item-noticies-home:nth-child(3), .item-noticies-home:nth-child(2) {
        border-left: none;
        border-right: none;
    }


    .item-noticies-home .dia, .item-noticies-home .mesAny {
        text-align: center;
    }

    .item-noticies-home .btn-primary {
        display: block;
    }

    /**** INICI LLISTAT DE NOTÍCIES *************/

    .item-noticies {
        width: 100%;
    }

    #columns-news {
        margin-left: 0px;
    }



    .item-noticies .desc .fecha {
        text-align: center;
    }

    .item-noticies .desc h2 {
        font-size: 18px;
        margin-top: 10px;
    }

   
    .item-noticies .desc .btn {
        margin-top: 20px;
        text-align: center;
        display: block;
        float: none;
    }

    /**** FI LLISTAT DE NOTÍCIES *************/


    /**** INICI FITXA DE PRODUCTES  I LLISTAT ************/
    .fitxa .descripcio h1, .fitxa .descripcio h3 {
        text-align: left;
    }

    .llistat .itemLinial .stock {
        float: left;
        padding-top: 8px;
    }

    .fitxa #posicio-quantitat, .llistat_lineal #posicio-quantitat {
        float: left;
    }


    /*** FI INICI FITXA DE PRODUCTES ***********/


    /*** FORMATS GENERALS *********************/

    h1.titolContingut {
        margin-top: 20px;
        font-family:ralewayBold, LatoBold;
    }

    h2.titolContingut {
        font-family:ralewayBold, LatoBold;
    }


    ul#menuSecundari li {
        line-height: 20px;
    }

        ul#menuSecundari li a {
            border: 0px;
        }

    .col-xs-12 + .col-xs-12 {
        margin-top: 30px;
    }

    .llistat-search .col-xs-12 + .col-xs-12 {
        margin-top: 0px;
    }


    #headerSup .col-xs-12 + .col-xs-12 {
        margin-top: 0px;
    }

    .gpi-contingut table {
        table-layout: fixed;
    }

        .gpi-contingut table tr td {
            display: block;
            width: 100% !important;
            padding-bottom: 20px;
        }

            .gpi-contingut table tr td img {
                display: block;
                text-align: center !important;
                margin: 0 auto !important;
                max-width: 100%;
                width: auto;
                height: auto;
            }

        .gpi-contingut table.nocode tr td {
            display: table-cell;
            padding-bottom: 0;
        }


    .titol404 {
        font-size: 50px;
    }

    .notrobat404 {
        font-size: 25px;
        line-height: 30px;
    }

    .descrip404 {
        font-size: 18px;
        line-height: 26px;
        MARGIN-TOP: 20PX;
    }

    h1, h2 {
        text-align: center;
    }

    /** FI FORMATS GENERALS *****************/


    /*** !!!!!!!!!!!!!!!!!!!!!!!!!pendent de revisar... !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!11**/
    #dades-enviament-resum, #observacions-resum {
        margin-top: 25px;
    }

    #basket-table .titol {
        float: none;
        text-align: center;
    }

    #basket-lateral.affix, #basket-lateral.affix-bottom {
        position: static !important;
        top: auto !important;
        width: auto;
    }

    #basket-lateral .titol, #basket-table .titol {
        font-size: 16px;
    }

    #basket-table table, #basket-table table tbody {
        display: block;
    }

    #basket-table .item-basket {
        display: block;
        margin-bottom: 10px;
    }

        #basket-table .item-basket > td {
            display: block;
            width: auto !important;
        }

            #basket-table .item-basket > td:first-child {
                width: auto !important;
                float: left;
                display: inline-block;
                margin-right: 10px;
                min-height:190px;
                border-top: 0;
            }

                #basket-table .item-basket > td:first-child img {
                    width: 150px !important;
                }

            #basket-table .item-basket > td span.visible-xs {
                display: inline-block !important;
                padding: 0 5px;
            }

            #basket-table .item-basket > td:nth-child(n+3) {
                border-top: 0;
                text-align: left !important;
                padding-top: 2px;
                padding-bottom: 2px;
                white-space: nowrap;
            }

            #basket-table .item-basket > td[data-title]:before {
                content: attr(data-title) ": ";
                font-weight: bold;
                display: inline-block;
                padding-right: 5px;
            }


        #basket-table .item-basket:before, #basket-table .item-basket:after {
            display: table;
            content: "";
            clear: both;
        }

    #basket-footer td {
        display: block;
        width: auto !important;
    }

        #basket-footer td[data-title]:before {
            content: attr(data-title) ": ";
            font-weight: bold;
            display: inline-block;
            padding-right: 5px;
        }

        #basket-footer td:empty {
            display: none !important;
        }

        #basket-footer td:last-child {
            border-top: 0 !important;
        }

    #basket-footer tr:last-child td:last-child {
        border-top: 1px solid #DDDDDD !important;
        font-size: 24px;
    }

    /*** fi pendent de revisar...!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!11**/


    /****** FORMATS MODAL-DIALOG PRODUCT ADD **************/
    .modal-dialog {
        position: absolute;
        left: auto !important;
        top: auto !important;
        margin: 10px !important;
        width: 100%;
        padding-right: 20px;
    }

    #modal-product-added .modal-dialog .modal-content .modal-body .nom-producte-modal {
        font-family:ralewayBold, LatoBold, Lato;
        text-align: left;
    }

    #modal-product-added .modal-footer .btn {
        font-size: 11px;
    }

    #modal-product-added .modal-footer .btn-default {
        margin-bottom: 10px;
        float: left;
    }

    #modal-product-added .modal-footer .btn-primary {
        float: left;
    }

    #modal-product-added .modal-footer .btn + .btn {
        margin-left: 0px;
    }

    #modal-product-added .modal-footer .col-xs-12 + .col-xs-12 {
        margin-top: 0px;
    }

    #show-results-searcher {
        width: 100%;
    }

    /****** FI FORMATS MODAL-DIALOG PRODUCT ADD **************/

    .containerCesta {
        margin-top: 10px;
        margin-bottom:10px;
    }

    .contactForm .btn-primary {
        width: 100%;
    }

    .contactForm .container-checkbox label, .contactForm .container-checkbox2 label {
        margin-bottom: 0px;
    }

    .wrap-news #paginador {
        margin-left: 15px;
        margin-right: 15px;
    }

     .containerResum div > div > div{
        display:block !important;
    }

    .containerResum .btn-primary{
        width:100%;
    }
}

@media (max-width:600px) {
    .fitxaForm .content-left, .fitxaForm .content-right {
        width: 100%;
        display: block;
        float: none;
    }

    .formMesInfo #iframeInfo {
        height: 310px;
    }


    .loginButtons .contanier-right, .loginButtons .container-left {
        float: none;
        display: block;
    }

        .loginButtons .contanier-right .btn, .loginButtons .container-left .btn {
            width: 100%;
        }
}

@media (max-width:450px) {
    #basket-status-content .footer div.col-xs-6{
        display:block;
        width:100%;
    }

    .llistat-search .itemSearchList figure.effect-steve .btn-primary i, .llistat-search .itemSearchList figure.effect-steve a.mes-info i{
        font-size:25px;
    }
}

@media (max-width:400px) {

    #miniLogin-status-content .text-register,
    #miniLogin-status-content .text-password {
        float: none;
        display: block;
    }

    #basket-table .item-basket > td:first-child img {
        width: 70px !important;
    }

    .container-checkbox label, .container-checkbox2 label{
        min-height:auto;
    }

   
}

@media (max-width:360px) {

    .modal-footer > .row .col-lg-6.col-md-6.col-sm-6.col-xs-6 {
        width: 100% !important;
    }
}