body {
	background-color:#D5D5D5;
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #444;
    line-height: 25px;
}

h1 {
    color: #4d4e53;
     margin-top: 10px;
}

h4, .h4, h5, .h5, h6, .h6 {
    text-transform: uppercase;
}

a {
    color: #BF1F1F;
    text-decoration: none;
}

p {
    font-weight: normal !important;
}

/* Slider FlexSlider */

/* Slider FlexSlider */

.flexslider  ul li{
background-image:none;
padding:0px;
}

.flexslider{
margin-top: 0px;
margin-bottom: 10px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 10px solid #FFFFFF;
padding:0px;
border-radius:0px;
box-shadow:none;
/*height: 300px;*/
width: auto !important;
}

.flexslider .slides > li {
position:relative;
}

.flexslider .slides img {
/*height: 400px;*/
width: auto !important;
max-width: none !important;
}

.flexslider .flex-control-nav{
bottom:0px;
}

.flex-control-paging li a{
background:#fff;
box-shadow:0px 0px 3px #555;
}

.flex-control-paging li a:hover{
background:#ccc;
}

.flex-control-paging li a.flex-active{
background:#BF1F1F;
}

.flex-caption{
border-left: 0px !important;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
border-top: 1px solid #111111;
border-bottom: 1px solid #111111;
bottom: 0;
display: block;
left: 0;
margin: 0;
padding: 10px;
position: absolute;
width: 100%;
}

.flex-caption-v2{
border-left: 0px !important;
bottom: 50px;
display: block;
left: 0;
margin: 0;
position: absolute;
width: 100%;
}

.flex-caption-v2int {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
border-left: 6px solid #BF1F1F;
border-radius: 0 4px 4px 0;
display: table;
margin: 0;
padding: 10px 25px 14px;
}

.flex-caption h3, .flex-caption-v2int h3 {
color: #333333;
font-size: 20px;
font-weight: 600;
line-height: 22px;
margin: 0px;
padding-bottom: 1px;
}

.flex-caption h3 span, .flex-caption-v2int span {
padding-bottom:3px;
border-bottom:1px solid #999999;
}

.flex-caption p, .flex-caption-v2int p {
margin:0;
line-height: 19px;
color: #333333;
}


/* Fi Slider FlexSlider */

.well {
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 0 2px 0 #999999;
    border-radius: 0px;
}

.well_categories {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

.well_categories ul {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
}

.well_categories ul li h2 {
	font-size: 14px;
}

.prod-caption {
    background: none repeat scroll 0 0 #fbfbfb;
    border-top: 1px dotted #999;
    margin-top: 5px;
}

.caption.producte_text {
    padding: 9px 2px;
}

.productes ul {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
}

.producte {
	margin-bottom: 30px;
	/*min-height: 420px;*/
    position: relative;
}

.producte_tamano {
    display: table;
    font-weight: 600;
    margin-bottom: 2px;
    color: #666666;  
}

.producte_medida {
    display: table;
    margin-bottom: 2px;
    font-size: 11px;
    color: #666666;    
}

.producte_precio {
    display: table;
    margin-bottom: 5px;    
    font-size: 11px;
    color: #666666;  
}

.producte_detall {
    display: table;
    margin-bottom: 6px;    
    font-size: 11px;
    color: #666666;
    /*text-transform: uppercase;  */
}

.producte_text h2 {
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size: 20px;
    margin-bottom: 3px;
    margin-top: 1px;
}

.producte_text h2 a {
    color: #BF1F1F;
}

.producte_btn {
    bottom: 1px;
    left: 0;
    padding: 0 1px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.producte_descripcio {
    border-bottom: 1px solid #e5e5e5;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding-bottom: 8px;
    /*height: 32px;*/
}

/*.producte_label {
    background-color: #d9534f;
    color: #fff;
    display: block;
    font-size: 75%;
    font-weight: 600;
    line-height: 12px;
    padding: 0.3em 0.6em;
    text-align: center;
    text-transform: uppercase;
    vertical-align: baseline;
    margin-top: 5px;
}*/

.producte_label {
    border-radius: 0.25em;
    background-color: #fddcd8;
    color: #b8322e;
    display: block;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    margin-top: 12px;
    padding: 0.3em 0.6em;
    text-align: center;
    text-transform: uppercase;
    vertical-align: baseline;
}

.ribbon {
    padding-left: 44px;
    position: absolute;
    top: 50px;
}
.ribbon .ribbon-background {
    position: absolute;
    right: 0;
    top: 0;
}
.ribbon .theribbon {
    background-color: #c27baa;
    color: #fff;
    /*font-family: "Montserrat",Helvetica,Arial,sans-serif;*/
    font-family: 'Montserrat', sans-serif;
    margin: 30px 10px 10px -71px;
    padding: 6px 20px;
    position: relative;
    width: 90px;
}
.ribbon .theribbon:before, .ribbon .theribbon:after {
    content: " ";
    height: 0;
    position: absolute;
    width: 0;
}
.ribbon .theribbon:after {
    border-color: #000000 #000000 transparent transparent;
    border-style: solid;
    border-width: 5px 10px;
    left: 0;
    top: 100%;
}
.ribbon.sale {
    top: 0;
}
.ribbon.new {
    top: -20px;
}
.ribbon.new .theribbon {
    background-color: #d9534f;
    /*text-shadow: 0 1px 2px #bbb;*/
}
.ribbon.new .theribbon:after {
    border-color: #bd3733 #bd3733 transparent transparent;
}
.ribbon.gift {
    top: 100px;
}
.ribbon.gift .theribbon {
    background-color: #5cb85c;
    /*text-shadow: 0 1px 2px #bbb;*/
}
.ribbon.gift .theribbon:after {
    border-color: #357935 #357935 transparent transparent;
}

.widget {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);    
}

.widget_estil1 {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    background-color: #EEEEEE;
    border: 6px solid #fff;
}

.page-header_widget {
    /*border-bottom: 1px solid #d6d6d6;*/
    margin: 2px 0 1px;
    padding-bottom: 1px;
    text-transform: uppercase;
}

.page-header_widget h4 {
    color: #666666;
    font-size: 17px;
    font-weight: 500;
}

.widget ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}

.widget ul li h2:first-letter{
    text-transform: uppercase;
}

.widget ul li h2 {
    margin: 0;
    padding: 8px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    margin: 2px 0;
}

.widget ul li h2 a {
    font-size: 13px;
    margin: 0;
    text-transform: lowercase;
    background-image: url("../img_comuns/ico_list_5.png");
    background-position: -3px 3px;
    background-repeat: no-repeat;
    padding: 2px 0 2px 13px;
    color: #db5e01;
}

.pagination > .active > a, .pagination > .active > col-md-, .pagination > .active > a:hover, .pagination > .active > col-md-:hover, .pagination > .active > a:focus, .pagination > .active > col-md-:focus {
    background-color: #444444;
    border-color: #444444;
}
.pagination > li > a, .pagination > li > col-md- {
    color: #444444;
}

.footerMenu {
    text-align: left;
}

.footerMenu ul {
    margin: 3px 0 15px;
}

.footerMenu li {
    list-style-type: none;
    font-weight: bold;
}

.footerMenu li a {
    margin-bottom: 5px;
}

.footerMenu li ul li{
    list-style-type: none;
    font-weight: normal;
    padding: 1px 0;
}

.footerMenuCategoria {
    list-style-type: none;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid gray;
}

.footer {
    text-align: right;
    padding: 40px 0px;
    font-size: 12px;
    color: #444444;
    border-top: 10px solid #cdcbbd;
    background-color: #1f1d22;
}

.footer p {
    color: #777777;
    margin-bottom: 0;
}

.footer-links {
    margin: 10px 0;
}

.footer-links li {
    display: inline;
    padding-right: 3px;
}

.footer-links li:after {
    color: #999999;
    content: " | ";
    padding-left: 3px;
}

.footer-links li:last-child:after {
    content: "";
}

.footer_pre {
    color: #666666;
    text-align: center;
    margin: 10px 20px 40px;
    line-height: 20px;
    font-size: 11px;
}

.footer_pre a {
    color: #AAAAAA;
}

.footer_info {
}

.footer_info a {
    color: #666666;
}

header {
    /*border-bottom: 10px solid #e1dee2;*/
    background-color: #55565a;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 1px;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar {
    margin-bottom: 0px;
    margin-top: 17px;
}

.navbar-brand {
    padding: 0px;
    height: auto;
    width: 80%;
}

.navbar .nav > li > a {
    /*border-radius: 6px;*/
    /*font-family: "Open Sans Condensed",Arial,Helvetica,sans-serif;*/
    background-color: transparent;
    color: #cccccc;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-left: 1px;
    padding: 0px 16px 0;
    text-shadow: none;
    text-transform: uppercase;
}

.navbar .nav > li > a:last-child {
    padding-right: 0px;
}

.navbar .nav > li > a:hover {
    /*background-color: #555555;*/
    color: #cccccc;
}

.navbar-nav {
    border-bottom: 4px solid #BF1F1F;
    margin-top: 10px;
    padding-bottom: 10px;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0px;
}

.idiomes p {
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
    padding-left: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
}

.idiomes p span{
    font-weight: 800;
}

.navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
}

.clear {
    clear: both;
}

.descripcio h4 {
    font-size: 13px;
}

.formfiltre {
    display: inline-block !important;
    font-size: 13px;
    padding: 2px 6px !important;
}

.thumbnail.producte {
    border: 0 none;
    padding: 0;
}

label {
    font-weight: normal;
}

.form-control {
    font-size: 13px;
}

.form-group {
    padding-right: 15px;
}

.buscador {
    background-color: #c6c4b6;
    padding: 10px 20px;
    margin-bottom: 30px;
    border: 1px solid #c6c4b6;
}

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

.topbar-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.topbar-right {
    float: left;
}

.topbar-nav li {
    float: left;
}

.topbar-nav li a {
    background-color: transparent;
    display: block;
    padding: 1px 8px;
    color: #4b80b7;
}

.footer .topbar-nav li a {
    background-color: transparent;
    display: block;
    padding: 1px 8px;
    color: #666666;
}

form label span {
    font-weight: 600;
    margin-right: 5px;
    text-transform: uppercase;
}

.page-header {
    border: none;
    font-weight: 300;
    margin: 1px 0 30px;
    padding-bottom: 1px;
    text-align: center;
    text-transform: uppercase;
}

.page-header h1 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 500;
    margin-bottom: 1px;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 30px;
}

.page-header h1 span {
    font-weight: 600;
    color: #4d4e53;
}

.page-header h5 {
    line-height: 1.3;
    color: #666666;
}

.spacer {
    background: none repeat scroll 0 0 #b4b4b4;
    height: 2px;
    margin: 20px auto;
    width: 100px;
}

.ref {
    color: #aaaaaa;
    float: left;
    font-size: 11px;
    margin-bottom: 1px;
    text-transform: uppercase;
}

.caption-sup {
    clear: both;
    display: table;
    height: 18px;
    width: 100%;
}

.producte {
    background-color: #dad8ca;
    position: relative;
}

.producte .caption {
    min-height: 210px;
    background-color: #FFFFFF;
}

.caption h3 {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #00356c;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 2px 0 1px;
    border-bottom: 1px solid #e2e2e2;
    margin: 1px 0;
    padding-bottom: 8px;
    /*min-height: 58px;*/
}

.caption h3 a {
    color: #4d4e53;
}

.descripcio {
    margin: 8px 0;
    color: #555555;
    line-height: 20px;
    /*max-height: 80px;
    min-height: 80px;*/
}

.producte_mencio {
    position: absolute;
    top: 4px;
    left:  1px;

}
.mencio {
    color: #FFFFFF;
    border-right: 2px solid #000000;
    background-color: #2d2d2d;
    padding: 4px 8px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
    border-radius: 0 6px 6px 0;
}

.producte_preu {
    position: absolute;
    top: 4px;
    right: 1px;
}

.preu {
    color: #FFFFFF;
    border-right: 2px solid #BF1F1F;
    background-color: #BF1F1F;
    padding: 4px 8px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
    border-radius: 6px 0 0 6px;
}

.preu_anterior {
    border-radius: 6px 0 0 6px;
    color: #FFFFFF;
    /*border-top: 2px solid #870505;*/
    background-color: #DA6565;
    padding: 4px 8px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 2px;
    text-decoration:line-through;
}

.thumbnail.producte img {

}

.subTitle a {
    font-family: "Open Sans Condensed",sans-serif;
    font-size: 30px;
    font-weight: 500;
}

.pagina {
    background: none repeat scroll 0 0 #fff;
}

.containerpad {
    background-color: #ffffff;
    border-bottom: 1px solid #f5f5f5;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    padding: 10px;
    margin-bottom: 10px;
}

.thumbnails li {
    list-style: none;
}

.well.sidebar-nav > ul {
    margin: 10px 0;
}

.detall_llista {
    list-style: outside none none;
    margin-left: 0;
    padding-left: 1px;
}

.detall_llista li {
    background: none repeat scroll 0 0 #eeeeee;
    margin-bottom: 3px;
    padding: 2px 8px;
    font-weight: normal;
}

.detall_llista li a {
    color: #00356c;
}

.detall_llista li b {
    font-weight: 600;
}

.detall_preu {
    background-color: #BF1F1F;
    border-radius: 6px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 4px 8px;
    display: table;
}

.detall_preu_oferta {
    color: #999999;
    font-size: 14px;
    font-weight: normal;
}

.detall_nav h5 {
    font-weight: 600;
    color: #999999;
}

.breadcrumb {
    margin-bottom: 10px;
    background-color: #FFFFFF;
    border-radius: 0px;
    padding: 2px 15px;
}

.breadcrumb a, .breadcrumb span {
    color: #999;
    font-size: 11px;
}

.imageborder {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 4px;
}

.seccio_titol 
{
    color: #BF1F1F;
    border-bottom: 1px solid #C6C4B6;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.active {
    color: #BF1F1F !important;
}

hgroup h5 {
    color: #999999;
    font-size: 12px;
}

.noticia h3 {
    margin-top: 10px;
}

.btn-primary 
{
    background-color: #BF1F1F;
    border-color: #8c1616;
    color: #fff;
}

.btn-primary:hover
{
    background-color: #8c1616;
    border-color: #8c1616;
}

.div_idiomes {
    background-color: #adadad;
    text-align: right;
    text-transform: uppercase;
    border-bottom: 2px solid #9498a1;
}

.div_idiomes a {
    margin-left: 10px;
    font-size: 11px;
    color: #fff;
}

/*---------------------- SOCIAL ------------------------------*/
.twitter-like{
    width: 65px;
    float: left;
}
.google-like{
    width: 58px;
    float: left;

}
.fb-like{
    width: 86px;
    float: left;
}

.detall_nav {
    display: table;
    padding-bottom: 20px;
    width: 100%;
}

.socialblock {
    display: inline-block;
}

.navbar-brand span {
    color: #adadad;
    display: block;
    font-size: 14px;
    margin-top: 2px;
    text-align: center;
}






























/******** RESPONSIVE *******************************************************************************************************************************/
/******** RESPONSIVE *******************************************************************************************************************************/
/******** RESPONSIVE *******************************************************************************************************************************/


/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { 
.navbar {
    margin-bottom: 0;
    margin-top: 10px;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }

@media (max-width: 800px) { 

    .home_intro {
        margin-top: 30px;
    }

    .navbar-brand {
        margin-bottom: 20px;
    }

    .navbar {
        margin-bottom: 11px;
        margin-top: 10px;
    }

    .form-control {
        margin-bottom: 2px;
    }

    .producte .caption {
        min-height: 270px;
    }

}


@media (max-width: 600px) { 

    .producte .caption {
        min-height: 0px;
    }

    .navbar-nav {
        border-bottom: 0px solid #BF1F1F;
        margin-top: 20px;
        padding-bottom: 10px;
    }

    .navbar .nav > li > a {
        margin-bottom: 1px;
        margin-top: 1p;
        line-height: 26px;
        padding-left: 0px;
    }

    .idiomes {
        padding-bottom: 8px;
        padding-top: 10px;
    }

    .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }

    .navbar-toggle {
        margin-right: 0px;
        margin-top: 18px;
    }

    .ribbon .theribbon {
        margin: 30px 10px 10px -60px;
    }

    .ribbon .theribbon:after {
        border-width: 5px;
    }

    .producte_label {
        margin-bottom: 30px;
    }

    .producte {
        min-height: 0px;
    }

}

@media (max-width: 320px) { 

    .idiomes.pull-right p {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

}

/******CHAT WHATSAPP******/

.whatsappDiv.right{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 610;
}
.whatsappDiv a {
    float: right;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #fff;
    height: 55px;
    width: 55px;
    background: #65bc54 url(../img_comuns/whatsapp_icon.png) no-repeat center center;
    background-size: 55px 55px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.whatsappDiv a:before {
    -webkit-animation: sonar 1s ease-out infinite;
    -moz-animation: sonar 1s ease-out infinite;
    animation: sonar 1s ease-out infinite;
}
@-webkit-keyframes sonar {
  from {-webkit-transform: scale(0);opacity: 1;}
  to {-webkit-transform: scale(1);opacity: 0;}
}
@-moz-keyframes sonar {
  from {-moz-transform: scale(0);opacity: 1;}
  to {-moz-transform: scale(1);opacity: 0;}
}
@keyframes sonar {
  from {transform: scale(0);opacity: 1;}
  to {transform: scale(1);opacity: 0;}
}
.whatsappDiv a:before {
    background: transparent;
    border: 4px solid #57c216;
    content: "";
    height: 91px;
    left: -18px;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    top: -18px;
    width: 91px;
    z-index: 1;
    border-radius: 50%;
}

/********************************/