@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic);

html{
  min-height: 100%;
  height: 100%;
}
body {
  min-height: 100%;
  height: 100%;
  background-color:#fff;
  color: #111;
  font-family:'Open Sans';
}

h1 { font-weight:300; font-size:24px; font-style: italic; }
h1.titol-contingut { margin-bottom:30px; margin-top:30px; }
header, footer { background-position:top; background-repeat:repeat-y; }
body { background-position:top; }
footer { margin-top:20px; background-color:#fe7b2b; background-image: -moz-linear-gradient(top, #fe7b2b, #e35600);
    background-image: -o-linear-gradient(top, #fe7b2b, #e35600);
    background-image: -webkit-linear-gradient(top, #fe7b2b, #e35600);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe7b2b), color-stop(1, #e35600));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#fe7b2b, EndColorStr=#e35600)";
	background-image: -ms-linear-gradient(top, #fe7b2b, #e35600);
    background-image: linear-gradient(top, #fe7b2b, #e35600); }

.zona-cap-taronja { background-color:#ff6100; color:#FFFFFF; }
.zona-cap-taronja a { color:#fff; }

.mes-espai { margin-top:25px; margin-bottom:25px; }
.mes-espai-extra { margin-top:50px; margin-bottom:50px; }

h1.titol-portada { font-weight:600; font-style:normal; font-size:22px; margin:30px auto; color:#555; }

div.container-fluid fons-color { background-color:#eee; }

.fons-color-gris { background-color:#eee; }

h3.subtitol-explicatiu { font-size:20px; border-bottom:1px solid #bbb; color:#666; }

.boto-opinio { margin:5px auto; }

a { color:#282828; }
a:hover, a:focus { color:#282828; }

a.zonacistella { color:#888; }
a.zonacistella:hover, a.zonacistella:focus { color:#888; }

div.caixa-acces-clients { padding:8px; width:150px; float:right; }
div.caixa-acces-clients a { color:#870000; }

a.mail-peu { font-size:14px; }

.nav-tabs > li > a { background-color:#fff; color:#111; margin-bottom:1px; font-size:18px; }
.nav-tabs > li > a:hover { color:#333; }


a.boto-consulta-llistat { color:#fff; }

.has-error .form-control { background-color:#f09999; }

div.caixa-titol-fitxa-article-mobil { display:none; }

div.zona-canvi-idioma { overflow: hidden; float: right; width: 100%; text-align: right; margin-top: 65px; }

div.caixa-text-banner { color:#fff; text-align:center; left:0; right:0; font-size:30px; padding-bottom:1px; padding-top:1px; bottom:50px; margin:0px 1px 1px 1px; font-weight: 300; font-family: 'Open Sans'; }
div.caixa-cercador-banner { background-color:rgba(0,0,0,0.50); padding:20px 40px; }
div.caixa-cercador-banner input { border-radius:0; }
div.caixa-cercador-banner .btn { border-radius:0; }
div.caixa-cercador-banner select { border-radius:0; }
div.caixa-cercador-banner .input-group-addon { border-radius:0; }

/*footer div.container { border-top : 1px solid #ccc;}*/
.caixa-instagram { float:right; max-width:370px; margin-left:1em; }
.caixa-instagram h3 { margin-top: 0;   }
.imatge-insta img { margin-left: 10px; margin-bottom: 15px; }

div.caixa-xarxes-peu { width:100%; overflow:hidden; }
div.caixa-xarxes-peu img { margin:10px 8px;}

.caixa-mes-info-article { margin-top:30px; }

img.imatge_gran { float:right; margin:0px 0px 10px 15px; }

.navbar-comunicatek { background-color:rgba(0,0,0,0.3); /*overflow:hidden;*/ min-height:95px; }

.btn-confirm-comp { /*width:100%; margin:15px auto; padding:15px; font-size:18px;*/ float:right; margin-bottom:20px; }
img.logopeu { margin-bottom:12px; opacity:0.9; }

.carousel-control.left { background-image:inherit; }
.carousel-control.right { background-image:inherit; }
.caixa-idiomes-cap { float:right; text-align:right; }

.caixa-noticia-portada { border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:20px; overflow:hidden; padding-top:10px; }
.caixa-noticia-portada:hover { background-color:#888; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.caixa-noticia-portada:hover a.titol-noticia { color:#ddd; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }

.caixa-llocs { height:310px; overflow:hidden; }
.caixa-llocs h3 { text-align:center; margin-top:5px; font-size:20px; }

div.columnes { margin-top:10px; margin-bottom:10px; }

/**** menu mobil */
.container-menu { padding:0; margin:0; background-color:#e2e2e2; border-bottom:2px solid #870000; }
.container-menu .navbar-default { background-color:transparent; border:0; border-radius:0; margin-bottom:0; min-height:56px; } 
.container-menu-ancles { padding:0; margin:0; }
.container-menu-ancles .navbar-default { background-color:#e2e2e2; border:0; border-radius:0; margin-bottom:0; }

div.container-fixed { min-height:56px; }

ul.menu li.caixa-cap-cistella2 { /*background-color:#333;*/ color:#870000; float:right; padding:8px 10px; text-align:center; }
ul.menu li.caixa-cap-cistella2 a { color:#870000; }
ul.menu li.caixa-cap-cistella2 a #num_cesta { color:#870000; }

div.cap-cistella-menu-mobil { width:50%; overflow:hidden; float:right; padding:8px 15px; text-align:right; }
div.cap-cistella-menu-mobil a { color:#fff; }

.caixa-talles-llistat-art ul { list-style:none; margin-top:10px; padding-left:0; }
.caixa-talles-llistat-art li { overflow:hidden; padding:4px 0px; }
.caixa-talles-llistat-art input { width:25%; float:right; padding:0; border:1px solid #ccc; border-radius:3px; }
.text-danger { width:25%; float:right; font-size:10px; }

ul.menu { color:#ffffff; height:40px; display:flex; width:65%; float:right; margin-bottom: 0; margin:0; padding:0;   }
ul.menu li { list-style:none; flex-grow:1; vertical-align:top; text-align:right; }
ul.menu li a { color:#ffffff; min-width:60px; text-transform:uppercase; font-size:16px; font-weight:300; }

.nav > li > a:hover, .nav > li > a:focus { background-color:inherit; text-decoration:underline; }

.no-flexbox ul.menu { display:table; width:99%; }
.no-flexbox ul.menu li { display:table-cell; margin:inherit 15px; padding:inherit 12px; }
.no-flexbox ul.menu li li{ display:block; margin:inherit 15px; padding:inherit 12px; }


.submenu2 { display: none;  background-color:#e2e2e2; padding: 0px;  margin: 0px;}
.submenu2 ul { margin: 0; padding: 3px; font-size: 95%; }
.menuOff { display: none; }
.menuOn { display: block; }

div.submenu2 ul li { border-bottom:0; }
.submenu2 a { color:#870000; }
.submenu2 a:hover { color:#870000; }

.border-bottom-menu { border-bottom:15px solid #fdd336; }
.border-bottom-menu-img {  height:10px; box-shadow:0px 3px 2px 1px #888; }

.alinear-text-dreta { text-align:right; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color:#e1b318; border-color:#e1b318; }

.pagination > li > a, .pagination > li > span { color:#888; }

.nav-tabs2 { border-bottom:none; }
.tab-content-caixa {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    padding: 10px;
	margin-bottom:10px;
}
.tab-content-caixa2 {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    padding:0px;
}
.nav-tabs {
    margin-bottom: 0;
}
.tab_panel h3 { margin:0; }

h1.titol-article-llistat { margin-top:5px; overflow:hidden; height:33px; text-align:center; font-size:22px; font-style:normal; font-weight:500; }
div.caixa-imatge-llistat { overflow:hidden; height:245px; }

/* cookies */
div.cookies { position:absolute; text-align:center; height:24px; background-color:#870000; color:white; right:0; left:0; font-size:12px; padding-top:3px; transition:all .7s; }
div.cookies2 { top : 0; }
div.cookies a {  color:white; }
body.cookies { padding-top: 26px; }
div.amagat  { top:-32px; }

div#foto_producte { border:1px solid #ccc; }
.text-centrat { text-align:center; }

.llistatbotonsportada { text-align:center; margin-top:0px; margin-bottom:20px; position:relative; }
.llistatbotonsportada .caixa-botopor { padding-left:3px; padding-right:3px; padding-bottom:3px; padding-top:3px; }
.llistatbotonsportada a { color:#038cd3; text-decoration:none; }
.llistatbotonsportada .titol { font-size:25px; text-transform:uppercase; color:#fff; text-shadow:1px 2px 3px #333; margin-top:20px; font-weight:600; }
.llistatbotonsportada .subtitol { font-size:18px; color:#fff; text-shadow:1px 2px 3px #333; font-weight:600; margin-top:0px; }
.llistatbotonsportada .zona-preu { color:#fff; margin-top:60px; }
.llistatbotonsportada .zona-preu span { background-color:#244798; padding:11px 10px 3px; }
.llistatbotonsportada .zona-preu span b { font-size:30px; }
.llistatbotonsportada .botopor-imatge { position:relative; }
.llistatbotonsportada .botopor-text { padding:10px 5px; color:#fff; /*background-color:rgba(0,0,0,0.6);*/ height:100%; overflow:hidden; position:absolute; width:100%; bottom:-75px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.llistatbotonsportada .capanegre { position:absolute; display:block; top:0; left:0; width:100%; height:100%; z-index:2; }
.llistatbotonsportada .capanegre-2 { position: relative; opacity: 1 !important; top: 0; height: 100%; display: table; width: 100%; }
.llistatbotonsportada .capanegre-3 { height:100%; width:100%; top:0; background-color:rgba(85,85,85,0.5); box-sizing:border-box; opacity:0; display:table-cell; vertical-align:middle; padding:0 10%; text-align:justify; color:#fff; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; font-size:14px; font-weight:600; }
.llistatbotonsportada .capanegre-3 b { text-align:center; color:#111; font-weight:700; font-size:21px; }
.llistatbotonsportada .botopor-imatge:hover .capanegre-3 { opacity:1; }

.llistatcategoriesportada { text-align:center; margin-top:0px; margin-bottom:20px; position:relative; }
.llistatcategoriesportada .caixa-botopor { padding-left:3px; padding-right:3px; padding-bottom:3px; padding-top:3px; }
.llistatcategoriesportada a { color:#038cd3; text-decoration:none; }
.llistatcategoriesportada .titol { font-size:20px; text-transform:uppercase; color:#111; font-weight:400; }
.llistatcategoriesportada .botopor-imatge { position:relative; }
.llistatcategoriesportada .botopor-text { padding:10px 5px; color:#111; overflow:hidden; width:100%; }
.llistatcategoriesportada .capanegre { position:absolute; display:block; top:0; left:0; width:100%; height:100%; z-index:101; }
.llistatcategoriesportada .capanegre-2 { position: relative; opacity: 1 !important; top: 0; height: 100%; display: table; width: 100%; }
.llistatcategoriesportada .capanegre-3 { height:100%; width:100%; top:0; background-color:rgba(85,85,85,0.5); box-sizing:border-box; opacity:0; display:table-cell; vertical-align:middle; padding:0 10%; text-align:justify; color:#fff; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; font-size:14px; font-weight:600; }
.llistatcategoriesportada .capanegre-3 b { text-align:center; color:#111; font-weight:700; font-size:21px; }
.llistatcategoriesportada .botopor-imatge:hover .capanegre-3 { opacity:1; }

.llistat-articles .col-md-4 { padding-left:5px; padding-right:5px; }
.caixa-llistat-article-1 { padding:2px; border:1px solid #ececec; margin-top:4px; margin-bottom:4px; }

.caixa-llistat-article-2 { width:100%; overflow:hidden; border:2px solid #ececec; margin:15px auto; color:#555; }
.caixa-llistat-article-2 .col-md-8 { padding-right:0px; }
.caixa-llistat-article-zona-1 { padding-left:5px; padding-right:5px; }
.caixa-llistat-article-zona-1 h3 { margin-top:5px; font-size:16px; padding-left:12px; }

.caixa-llistat-article-zona-2 .caixa-titol-desc-llistat { overflow:hidden; color:#555; padding:5px 15px; margin-bottom:10px; background-color:#ececec; margin-top:0px; font-size:14px; }
.caixa-llistat-article-zona-2 { font-size:12px; }
.caixa-llistat-article-zona-2 h3 { margin-top:2px; font-size:16px; margin-bottom:4px; }
.caixa-llistat-article-zona-2 th { background-color:#ececec; color:#555; }

.caixa-llistat-article-zona-3 .rang-dates-llistat-art { text-align:center; overflow:hidden; margin-top:4px; font-size:16px; }
.caixa-llistat-article-zona-3 .caixa-preu-llistat-art { text-align:center; overflow:hidden; color:#ff6100; font-size:25px; font-weight:600; padding-top:10px; padding-bottom:5px; border-bottom:2px solid #eee; }
.boto-afegir-desde-llistat { /*width:100%; border-radius:0; color:#fff; background-color:#111; margin-bottom:15px;*/ float:right; }

.titol-extres { width: 100%; overflow:hidden; margin:5px 0px; font-size: 18px; border-bottom:2px solid #ccc; }
.caixa-extres { width:20%; overflow:hidden; padding:5px; float:left; }
.caixa-extres select { border:1px solid #ccc; border-radius:2px; padding:3px; }
.caixa-extres-2 { width:100%; overflow:hidden; padding:5px; }
.caixa-extres-2 input { width:100%; border:1px solid #ccc; border-radius:2px; padding:3px; }
.caixa-extres-2 textarea { width:100%; border:1px solid #ccc; border-radius:2px; padding:3px; }

.caixa-extres-imatge { height:70px; margin:5px auto; text-align:center; overflow:hidden; }
.caixa-extres-imatge img { max-width:70px; border:1px solid #ccc; margin:0 auto; }

.titol-resum-comanda { width:100%; overflow:hidden; text-align:center; padding:8px; background-color:#ececec; font-size:18px; color:#555; margin-top:15px; }
.alinia-dreta { text-align:right; overflow:hidden; width:100%; }
span.text-petit { font-size:11px; }
.caixa-resum-preus-comanda { color:#555; }
.titol-resum-comanda-2 { width:100%; overflow:hidden; text-align:right; padding:8px; background-color:#ececec; font-size:16px; color:#555; }

/*.caixa-banner-portada { background:fixed; background-repeat:no-repeat; background-size:cover; margin-left:-15px; margin-right:-15px; min-height:550px; position:relative; }
.caixa-cercador-banner { position:absolute; bottom:0; }*/
.slide-mobil { display:none; }

@media (min-width: 992px) {

	.submenu2 { position:absolute; z-index:99; width:80%; max-width:315px; overflow:hidden; padding:20px 15px; }
	.submenu2 ul li { width:100%; float:none; display:block; padding-left:3px; }

}


ul.dropdown-menu { background-color:#333; }

div.menumobil { display:none; }

.fixed {  position:fixed; top:0; z-index:9999; width:100%; }
.fixed ul.menu{ height:32px; }
.fixed ul.menuancles{ height:32px; }
.fixed div.container-menu{ height:32px;   }
.fixed nav.navbar { min-height:32px; }
.fixed nav.navbar li { padding:1px; }
.fixed ul.menu li a { font-size:15px; }

ul.menuancles { color: #333; height: 56px; display: flex; width: 99%; margin-bottom: 0; margin:0; padding:0;   }
ul.menuancles li { list-style: none; flex-grow:1; vertical-align: middle; text-align: left; padding:16px 4px 7px;  }
ul.menuancles li a { color: #333; min-width:60px; }

div.map { padding-bottom:80%; }

label.invalid, label.invalid a { color: #c00 !important; }

div.noticies h3 { margin:0; font-size:20px;  }
div.noticies h3 a { color: #111; }
div.noticies a  { color:inherit; }

h2.titol-destacats { text-align:center; margin:5px 0px 16px; color:#870000; font-weight:300; }

h2.entexto { font-size:16px; font-weight:400; color:#870000; }
h2.entexto a { color:#870000; }

.valida_ok { text-align:center; margin:30px auto; }


div.media a.media-imatge { display:block; padding-bottom:67%; background-size:cover;  }

div.preu { margin-top:10px; } 
div.preu .label { display:block; }

table.cistella th.preu { width:180px; }
table.cistella th.unitats { width:130px; }

.visible-xxs-block { display:none !important; }
.hidden-xxs { display:block !important; }

.logo { margin-top:0px; margin-bottom:0px; }
.navbar-brand { height:auto; padding:4px 15px; }

.caixa_preu div { width:50%;   }

.subtitol-destacat { text-align:center; }
.alert-avis { color:#555; border-radius:1px; border:none; margin:5px auto 5px; font-size:15px; font-style:italic; padding-bottom:5px; height:200px; } 
.alert-avis h3 { font-family:'Open Sans'; color:#1c71dd; font-weight:400; font-size:20px; }
.firma-avis { font-size:16px; }
.alert-avis a { text-decoration:none; color:#555; }
.alert-avis a:hover { text-decoration:none; }

.buttonLlistat {
   /*border-top: 1px solid #ffba42;*/
   background: #fcb653;
   background: -webkit-gradient(linear, left top, left bottom, from(#fc830a), to(#fcb653));
   background: -webkit-linear-gradient(top, #fc830a, #fcb653);
   background: -moz-linear-gradient(top, #fc830a, #fcb653);
   background: -ms-linear-gradient(top, #fc830a, #fcb653);
   background: -o-linear-gradient(top, #fc830a, #fcb653);
   padding: 14.5px 29px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 16px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   width:23%;
   float:left;
   text-align:center;
   margin-bottom:10px;
   margin-right:2.66%;
   }
.buttonLlistat a { color:#fff; font-weight:bold; }
.buttonLlistat:hover a { color:#fc7600; }
.buttonLlistat:hover { border-top-color:#ffffff; background:#ffffff; color:#fc7600; }
.buttonLlistat:active { border-top-color:#ff6200; background:#ff6200; }

div.productes .buttonLlistat:nth-child(4n+4) { margin-right:0; }

.buttonLlistat2 {
   /*border-top: 1px solid #ffba42;*/
   background: #36a9e1;
   background: -webkit-gradient(linear, left top, left bottom, from(#36a9e1), to(#86cbed));
   background: -webkit-linear-gradient(top, #36a9e1, #86cbed);
   background: -moz-linear-gradient(top, #36a9e1, #86cbed);
   background: -ms-linear-gradient(top, #36a9e1, #86cbed);
   background: -o-linear-gradient(top, #36a9e1, #86cbed);
   padding: 14.5px 29px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 16px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   width:23%;
   float:left;
   text-align:center;
   margin-bottom:10px;
   margin-right:2.66%;
   }
.buttonLlistat2 a { color:#fff; font-weight:bold; }
.buttonLlistat2:hover a { color:#36a9e1; }
.buttonLlistat2:hover { border-top-color:#ffffff; background:#ffffff; color:#36a9e1; }
.buttonLlistat2:active { border-top-color:#36a9e1; background:#36a9e1; }

div.productes .buttonLlistat2:nth-child(4n+4) { margin-right:0; }

/*estils presonalitzats per els continguts del peu*/
ul.pagines-peu li { margin-top:0px; padding-right:10px; }
ul.pagines-peu li a { border-radius:0; padding-bottom:6px; padding-top:6px; font-size:14px;  }
ul.pagines-peu li a:hover { text-decoration:underline; color:#fff; padding-left:20px; }

.mostra-en-mobil { display:none; }
ul.menu li.mostra-en-mobil { display:none; }

div.slide { margin-top:5px; }

div.slide, div.slide img { max-width:100%; height:auto; margin:auto; z-index:2; margin-top:0px; border-bottom:none; }

@media (min-width: 1200px) {
.caixa_preu div { width:36%;   }
.caixa_preu div.descompte { width:28%;   }
}

.caixa_preu del {  display: block;
	color: #d43f3a;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px; }
	
@media (max-width: 992px) {
	
}

@media (max-width: 992px) {
	
	body {  padding-top:51px;  }
	
	.slide {  }
	.slide-mobil { display:block; overflow:hidden; margin-top:15px; }
	.slide-mobil div.caixa-cercador-banner { background-color:rgba(221,216,208,1.00); }

	.mostra-en-mobil { display:inline; }
	ul.menu li.mostra-en-mobil { display:inherit; }
	.oculta-en-mobil { display:none; }
	.container { padding-left:0; padding-right:0; }
	div.caixa-fitxa-producte { margin-top:15px; }
	div.descripcio_producte { margin-top:0; }

	div.menumobil { display: block; background-color: #ccc; text-align: left; margin-bottom: 3px;}
	div.menumobil button { background-color: transparent; border: 0; box-shadow: none; padding: 7px; }
	
	.container-menu .navbar-default { background-color:#ccc; } 
	
	.llistatbotonsportada .botopor-text { bottom:0; }
	.llistatbotonsportada .titol { font-size:14px; }
	
	ul.dropdown-menu { /*position:unset;*/ position:relative; box-shadow:none; border:none; width:100%; overflow:hidden; top:0px !important; background-color:#ff7019; }

	ul.menu { display:block; width:100%; margin:10px auto; height:auto; }
	ul.menu li { display:block; text-align:center; }
	ul.menu li a { padding:5px; }
	ul.menu li + li a { border-left:none; }
	ul.menuancles { display:none; }
	.fixed ul.menu { height:auto; }
	nav.navbar li { padding: 4px; }
	div.container-fixed {  min-height: 0; height:0;}
	
	.visible-xxs-block { display:block !important; }
	.hidden-xxs { display:none !important; }
	
	.container-fluid { padding-left:0; padding-right:0; }
	
	.col-md-12 { padding-left:5px; padding-right:5px; }
	div.caixa-cap-cistella { display:none; }
	
	img.imatge_gran { margin:10px auto; max-width:45%; }
	
	.zona-cap-taronja { border-bottom:1px solid #fff; }
	.zona-cap-taronja .col-md-6 { width:50%; float:left; }
	.navbar-comunicatek { background-color:#ff6100; min-height:50px; }
	
	.zona-social-mobil { width:100%; overflow:hidden; }
	
	.llistatcategoriesportada .caixa-botopor { border-bottom:1px solid #ccc; }
	
	/* inici estils de prova*/
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	/* fi estils de prova */
	.caixa-llocs { position:relative; width:49%; float:left; }
	.caixa-llocs h3 { text-align:center; margin-top:5px; font-size:20px; position:absolute; bottom:22px; width:93%; background-color:#fff; }
	
	.gallery { width:100%; overflow:hidden; margin-top:20px; }
	.gallery li { width:24%; float:left; }
	.gallery img { margin:0 auto; }
}

@media (max-width: 765px) {
	.hidden-xxs { display:none !important; }
	.row{ padding:0px !important; margin:0px !important; }
	
	div.productes { margin-top:10px; overflow:hidden; }
	ul.nav-tabs { margin-top:10px; }
	/*table.cistella th.unitats { width:265px; }*/
	.txt-contingut-cesta { padding-right:0px; }
	
	.icosistellamenu { display:none !important; }
	
	div.slide { margin-top:0px; }
	div.slide .img-responsive { /*display:none;*/ }
	div.caixa-text-banner { position:relative; bottom:0; margin:5px 0px; }
	div.caixa-text-banner span.contingut { display:none; }
	div.caixa-cercador-banner { background-color:rgba(221,216,208,1.00); padding-bottom:5px; }
	
}

@media (max-width: 640px) {
	.caixa-llocs { width:100%; }	
	
	.gallery li { width:49%; float:left; }
	.gallery img { margin:0 auto; }
	
	img.imatge_gran { margin:10px auto; max-width:100%; }
}


div.caixa-botons .col-md-12 { padding:0; }

div.caixa-botons .caixa-imatge-promocions { position:relative; }
div.caixa-botons .caixa-titol-promocions { position:absolute; bottom:0px; width:100%; text-align:center; background-color:#333; color:#fff; opacity:0.6; padding:15px 0px; font-size:26px; font-weight:300; }
/*article.bloc2 { margin-bottom:1em; } 
article.bloc2 aside { width:50%; display:block; float:left; }
article.bloc2 aside h3 {  font-weight: bold; margin: 0 2px; border-bottom: 1px solid #ccc; }*/

div.galeriaProductes2 { margin-top:1em; }
/*div.galeriaProductes2 { margin-top:1em; width:100%; overflow:hidden; }
div.galeriaProductes2 .caixa-imgicona { text-align:center; }
div.galeriaProductes2 .caixa-imgicona img { border:1px solid #ccc; min-width:140px; }*/
#container-pago { margin:30px auto 50px; }
#container-pago div.row { margin-bottom:8px; }

div.caixa-botons img { /*box-shadow:0px 4px 3px -1px #333;*/ }
div.caixa-botons-mobil { display:none; }


div.productes div.panel  { width: 24%; float:left; margin-right:1.33%; box-shadow:1px 2px 4px -1px #999; }
div.productes div.panel:hover { background-color:#eee; }
div.productes div.panel:nth-child(4n+4) { margin-right:0; }
p.panel-producte { height:80px; overflow:hidden; text-overflow: ellipsis; }
div.panel h3.producte { height:28px; overflow:hidden; text-overflow:ellipsis; margin:5px 0; color:#870000; }
a.titol-noticia { color:#282828; }
a.txt-noticia { color:#333; }
div.panel a.panel-producte-imatge { display:block; padding-bottom:84%; background-size:cover; margin: -15px -15px 0 -15px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.preu-article-llistat { color:#333; font-weight:bold; font-size:20px; font-family:'Open Sans'; padding-top:2px; }

div.titol-botons { text-align:center; font-weight:300; font-style:italic; font-size:20px; margin-bottom:20px; }

div.caixa-botons .caixa-imatge-promocions { position:relative; }
div.caixa-botons .caixa-titol-promocions { position:absolute; bottom:0px; width:100%; text-align:center; background-color:#333; color:#fff; opacity:0.6; padding:15px 0px; font-size:26px; font-weight:300; }
div.caixa-botons .caixa-imatge-promocions:hover { opacity:0.5; }
div.caixa-botons .caixa-titol-promocions:hover { opacity:0.5; }

@media(max-width:992px){
	.content_div{
		width:100%;
	}

	.content_div .row{
		padding:0px;
		margin:0px;
	}

	.menu_responsive{
		padding:0px;
		overflow:hidden;
	}
	
	.logo { display:block; max-width:50%; margin:0px; margin-left:15px; }
	.navbar-brand { padding:0px 5px; }
	.navbar-toggle { margin-top:3px; margin-bottom:3px; }
	

	article.product { width: 33.3%;	}
	div.productes div.panel  { width: 32%; float:left; margin-right:2%; }
	div.productes div.panel:nth-child(4n+4) { margin-right:2%; }
	div.productes div.panel:nth-child(3n+3) { margin-right:0; }
	.caixa_preu div { width:50%;  }
	.buttonLlistat { width: 48%; float:left; margin-right:2%;}
	div.productes div.buttonLlistat:nth-child(4n+4) { margin-right:2%; }
	div.productes div.panel:nth-child(3n+3) { margin-right:0; }
	
	.caixa_preu div.descompte { width:50%;  }
	
	h1 { font-size:26px; }
	h2 { font-size:20px; }
	h3 { font-size:18px; }
	
	div.panel h3.producte { font-size:23px; font-weight:300; }
	p.panel-producte { margin-bottom:0px; }
	.panel-body { padding-bottom:5px; }
	
	footer { text-align:center; }
}

@media (max-width: 640px) {
	article.product {width: 50%; }
	div.productes div.panel  { width: 49%; float:left; margin-right:1%; }
	div.productes div.panel:nth-child(4n+4) { margin-right:1%; }
	div.productes div.panel:nth-child(3n+3) { margin-right:1%; }
	div.productes div.panel:nth-child(2n+2) { margin-right:0; }	
	.buttonLlistat { width: 48%; float:left; margin-right:2%;}
	div.productes .buttonLlistat:nth-child(4n+4) { margin-right:2%; }
	div.productes .buttonLlistat:nth-child(2n+2) { margin-right:0; }
	div.productes .buttonLlistat:nth-child(2n+1) { clear: both; }
	.nav-tabs > li > a { font-size:13px; padding:10px 5px; }
	
	.buttonLlistat2 { width: 48%; float:left; margin-right:2%;}
	div.productes .buttonLlistat2:nth-child(4n+4) { margin-right:2%; }
	div.productes .buttonLlistat2:nth-child(2n+2) { margin-right:0; }
	div.productes .buttonLlistat2:nth-child(2n+1) { clear: both; }
	
	img.img-avis { margin:0 auto; overflow:hidden; float:none; }
	.alert-avis div { width:100%; overflow:hidden; }
	.alert-avis { text-align:center; }
	/*div.caixa-botons { display:none; }
	div.caixa-botons-mobil { display:inline; }
	div.caixa-botons-mobil img { border:2px solid #ccc; }*/
}

@media (max-width: 480px) {
	article.product {	width: 100%;	}	
	div.productes div.panel  { width: 100%;  }
	.buttonLlistat { width:100%;}
	.buttonLlistat2 { width:100%;}
}

div.columnes h3 { color: #ff9000; font-size:21px; }
div.columnes a { color: inherit; }

div.mosaics h3 { color:#870000; }
div.mosaics a { color: inherit; }

footer  div.container-fluid { margin-top:0px; color:#fff; }
footer a { color:#fff; }
footer div.container { padding:0.5em 0; }

.gallery ul { padding:0; margin:0; text-align:justify;  }
.gallery li { list-style:none; display:inline-block;  margin-right:3px; margin-bottom:6px;  }
.gallery img { border:2px solid #ccc; }
.gallery img:hover { border: 2px solid #870000; }

div.cap { overflow: hidden; max-width:1170px; margin:8px auto 0px; padding-bottom:5px; }

/* Estils del modul blocs */
.text_bloc_esquerra { float:left; width:48%; overflow:hidden; }
.text_bloc_dreta { float:right; width:48%; overflow:hidden; }
img.img_bloc_esquerra { float:left; margin:0px 15px 10px 0px; }
img.img_bloc_dreta { float:right; margin:0px 0px 10px 15px; }
div.caixa-bloc-general { margin-top:15px; margin-bottom:15px; }
h1.titol-bloc { text-align:center; }
.text_tot_ample { width:100%; overflow:hidden; clear:both; }

form.compra div.row  { margin-top:2px; margin-bottom:3px; }

div.tab-content div.row:first-child { margin-top: 10px; }

.breadcrumb { background-color:transparent; color:#111; }
.breadcrumb a { color:#111; }

div.caixa-fitxa-producte { padding:0px; background-color:#fff; color:#333; margin-bottom:15px; overflow:hidden; text-align:left; }
div.btn-article { width:100%; margin-bottom:8px; font-size:18px; }
div.fitxa-preu-antes { color:#d43f3a; text-decoration:line-through; text-align:right; }
div.fitxa-preu-ahora { color:#333; font-weight:bold; font-size:20px; text-align:right; }
h1.titol-fitxa-article { margin-top:0px; font-weight:400; margin-bottom:0px; color:#555555; font-style:normal; }
div.caixa-preu-fitxa { font-size:18px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:15px; padding:5px 0px; font-weight:300; }
.btn-article { background-color:#ff6200; border:1px solid #ff6200; border-radius:3px; color:#fff; }
div#descripcio_producte { margin-top:10px; overflow:hidden; }
div#descripcio_producte p { color:#333; }

div.descripcio_producte { margin-top:60px; overflow:hidden; }
div.descripcio_producte p { color:#333; }

div.titol-descripcio-llarga { color:#111; padding:6px 2px; border-bottom:1px solid #ddd; font-size:20px; overflow:hidden; margin-bottom:15px; font-weight:500; }

span.iva-inclos { font-size:14px; font-weight:normal; }

div.caixa-form-fitxa { width:100%; overflow:hidden; border:1px solid #CCCCCC; margin-top:20px; margin-bottom:20px; }
div.caixa-titol-form-fitxa { width:100%; overflow:hidden; background-color:#ccc; color:#555555; text-align:center; padding:5px; font-size:18px; }
div.caixa-valorform-fitxa { padding-top:10px; padding-bottom:10px; }

@media (max-width: 992px) {
	.breadcrumb { display:none; }	
}

@media (min-width: 640px) {
	div.noticies div.media {margin-top:1em; }
	div.noticies div.media { width:50%; float:left; /*max-height:150px;*/ overflow:hidden; }
	div.noticies div.media:nth-child(2n+1) { clear:both; }
	div.noticies .media-left, .media-right, .media-body { display:block; text-align:justify;  padding : 0.5em 1em 0; }
	div.noticies img { display:block; margin:auto; max-width:100%; }
}

@media (min-width: 992px) {
	div.noticies div.media {margin-top:1em; }
	div.noticies div.media { width:33%; float:left; /*max-height:150px;*/ overflow:hidden; }
	div.noticies div.media:nth-child(2n+1) { clear:none; }
	div.noticies div.media:nth-child(3n+1) { clear:both; }
	div.noticies .media-left, .media-right, .media-body { display:block; text-align:justify;  padding : 0.5em 1em 0; }
	div.noticies img { display:block; margin:auto; max-width:100%; }
}

@media (min-width: 1290px) {
	div.noticies div.media { width:25%; float:left; /*max-height:150px;*/ overflow:hidden; }
	div.noticies div.media:nth-child(3n+1),div.noticies div.media:nth-child(2n+1) { clear:none; }
	div.noticies div.media:nth-child(4n+1) { clear:both; }
}

@media (max-width: 640px) {
	div.noticies .media-left, .media-right, .media-body { display:block; text-align:justify;  padding : 0.5em 1em 0; }
	div.noticies img { display:block; margin:auto; max-width:100%; }
	
	/* Estils del modul blocs */
	.text_bloc_esquerra { width:100%; overflow:hidden; margin:8px auto; }
	.text_bloc_dreta { width:100%; overflow:hidden; margin:8px auto; }
	img.img_bloc_esquerra { max-width:100%; margin:8px; display:block; overflow:hidden; }
	img.img_bloc_dreta { max-width:100%; margin:8px; display:block; overflow:hidden; }	
}

/* Calendari */
h2.calendari{   font-weight:bold; color:#ff9000; margin-bottom:7px; margin-top:1.5em; border-bottom:1px solid #870000; }
h2.calendari:first-child { margin-top:0; }
.cela_agenda { vertical-align:top; }	
.taula-agenda{ background-color:#eeeeee; border:0.0625em solid #cfcfcf; width:100%; }
table.cal_taula { width:100%; margin: 1em auto 5px auto; }
table.cal_taula:first-child { margin-top:0; }
tr.cal_nom_dia {  font-weight: bold; font-size: x-small; padding:4px; text-align:center; }
td.cal_mes,td.cal_mes { font-size: small;  font-weight: bold; color: #FFFFFF; background-color: #ff9000; padding:4px; }
td.cal_dia_ocupat { padding:0; background-color: #ff9000; }
a.cal_dia_ocupat {  font-size: xx-small; color:#FFFFFF; text-decoration:none; display:block; font-weight: bold; padding:4px; text-align: center; }
 a.cal_dia_ocupat:hover { background-color:#FFB871; text-align: center; font-size: xx-small; color: #333333; display:block; padding:4px; }
td.cal_dia_lliure {  font-size: xx-small; color: #333333; background-color:#FFB871; text-align: center; padding:4px; }
td.cal_cela_buida { background-color: #ffffff; }	

.nav>li>span {    position: relative;    display: block;    padding: 10px 15px;}


/* Plugins */ 

/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
}
@media all and (max-width: 900px) {
.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}
}
.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/***
 * BxSlider v4.2.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 ***/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
/*  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;*/
 /* border: 5px solid #fff;*/
	 border: 1px solid #e3e3e3;
	 padding:4px;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index:999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}


/* Estils vells */
	#breadcrumb {
	    color: #e40000;
	    font-family: 'Open Sans', Verdana,Arial,Helvetica,sans-serif;
	    font-size: 11px;
	    font-weight: normal;
	    margin-bottom: 9px;
	    text-align: justify;
	    width: 100%;
	}

/* RESPONSIVE */

	/* ESTIL MENU PRINCIPAL */
		.navbar{
			border-radius:0px;
			border:0px;
		}

		.navbar-default{
			background-color: #000;
		}

	.busca{ padding:9px; }

	#form_registre{
		margin-top:10px;
	}
	.titol-newsletter{
		font-size: 12px;
	}
	.caixa-formulari{
		clear:both;
		height:25px;
	}
	.caixa-formulari .control-label{
		height:30px;
	}
	.oculta{display:none;}

	.offers{
		list-style-type: none;
		margin:0px;
		padding:0px;
	}
	.borde-img{
		width:100%;
	}

	.senseborde{
		width:100%;
	}

	.art_sub{
		list-style-type: none;
		margin:0px;
		padding:0px;
	}

	.subcategoria{
		clear:both;
	}

	.container{
		/*margin-top:10px;*/
	}
	
	header .container{
		margin-top:0px;
	}

	.menu_responsive{
		margin-top:10px;
	}

	.content_responsive{
		margin-top:10px;
	}

	.caixa-cap-cistella{
		text-align:right;
	}

	#srch-term{
		height:40px;
	}

	.preu_article{
		color:#444;
		font-size:16px;
		line-height:32px;
	}


	.form-peu{
		margin-top:2px;
		line-height:30px;
		height:20px;
	}

	.peu-row{
		font-size:14px;
	}

	.peu-row h5{
		font-weight:400;
		font-size:22px;
		border-bottom:1px solid #ddd;
	}

	.txt-info-productos-articulo{
		padding:15px;
	}

	.caixa_confirmar{ 
		padding:0px;margin:10px 0px; 
	}

	.factura_form{
		padding-top:8px;
	}

	.descripcio-contacte{
		text-align:justify;
		padding:30px;
	}

	.txt-center{
		text-align:center;
	}


	.cap-cistella {
	    padding : 12px;    
		
	}

	.caixa-cap-cistella { width:200px; background-color:#870000; color:#fff; float:right; padding:8px 10px; text-align:left; }
	.caixa-cap-cistella a { color:#fff; }
	.caixa-cap-cistella a #num_cesta { color:#ccc; }
	
	div.caixa-ancla-versio-mobil { display:none; width:10%; }


/* ARTICLE */
	.card-img-top{
		width:100%;
		height:200px;
		border-bottom:1px solid #ddd;
	}

	.preu_article{
		padding:0px; 
		text-align:center;
		font-size:14px;
	}

	#formulari{
		margin-bottom:10px;
	}

	.articles_relacionats{
		clear:both;
		margin:10px 0px;
	}

	.no-padding-margin{
		margin:0px;
		padding:0px;
	}
	
	div#info_producte .titolh4 { color:#888; font-size:22px; font-weight:400; font-style:italic; text-align:left; overflow:hidden; margin-bottom:25px; }
	div#info_producte select { margin:10px auto; }
	.fons-blanc { background-color:#fff; color:#333; border-radius:3px; }


/* CISTELLA */

	.cistella_button_quantitat{
		height:15px;
		width:15px;
	}
	.thumb-circle-cesta{
		max-width:80px;
		max-height:80px;
		border:1px solid #ddd;
		float:left; 
		margin-right:20px;
		margin-left:10px;
	}

	table.cistella {	    
	    clear: both;
	    margin-bottom: 0px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 0px;
	    width: 100%;
	}
	table.cistella_dades {	    
	    background-color: #fff;	    	   
	    margin-bottom: 20px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 0px;
	    width: 100%;
	    padding:20px;
	}

	.caixa_cesta .img-preu { float:left; }
	.caixa_cesta .text-forma-pagament { float:right; width:55%; }
	.clearfix{ zoom:1; }

	div.subtotal-compacte {	margin:12px 0;	text-align:right; }
	div.subtotal-compacte h4{ font-weight:bold; color:#444; }

	.txt-subtotal { font-size: 15px; padding:2px 0; }
	.txt-base-imponible {}
	.txt-portes { color: #555;}
	.txt-recargo {}
	.txt-descuento {}
	.txt-total { font-size: 15px; border-top:1px solid #ccc; font-weight:bold; margin-top:3px; padding-top:3px;}
	.import-total { color:#990000; text-shadow: 0 -1px 0 #eee;} 	
	.txt-contingut-cesta{
		font-size:13px;
		padding-right:50px;
	}
	#comprar { text-align:right; margin-top:15px; }
	#comprar button { width: 120px; margin: 5px 0 5px auto; }

	.caixa-forma-pagament{ margin:8px 0px; padding:2px; width:100%; }
	.dades_facturacio { margin-bottom:10px; overflow:hidden; } 	

	.cistelladesple{ width:400px; list-style-type:none;	padding:0; display:none; position:absolute; z-index:1300; /*background-color:#FFF;*/ color:#333333; border-radius:2px; }	

	#btn-siguiente2 {
	    background-color: #e40000;
	    color: #fff;
	    float: right;
	    font-size: 12px;
	    margin-bottom: 15px;
	    margin-left: 0;
	    margin-right: 0;
	    margin-top: 15px;
	    padding-bottom: 10px;
	    padding-left: 10px;
	    padding-right: 10px;
	    padding-top: 10px;
	    text-align: center;
	    width: 97%;
	}

	#btn-siguiente2 {
	    background-color: #e40000;
	    color: #fff;
	    float: right;
	    font-size: 12px;
	    margin-bottom: 15px;
	    margin-left: 0;
	    margin-right: 0;
	    margin-top: 15px;
	    padding-bottom: 10px;
	    padding-left: 10px;
	    padding-right: 10px;
	    padding-top: 10px;
	    text-align: center;
	    width: 97%;
	}

	#cupo_no_valid{color:#990000;}

	.cistella_dades_error {
		border: 1px solid #f09999 !important;
		border-top:2px solid #f09999 !important;
	}
	
/* FI CISTELLA */



/* slider i menu*/
	.dropdown-menu > li > a {
		color:#fff;
	}
	body.slide-active {
	    overflow-x: hidden
	}
	/*first child of #page-content so it doesn't shift around*/
	.no-margin-top {
	    margin-top: 0px!important
	}	
	/* put toggle bars on the left :: not using button */
	#slide-nav .navbar-toggle {
	    cursor: pointer;
	    position: relative;
	    line-height: 0;
	    float: left;
	    margin: 0;
	    width: 30px;
	    height: 40px;
	    padding: 10px 0 0 0;
	    border: 0;
	    background: transparent;
	}
	/* icon bar prettyup - optional */
	#slide-nav .navbar-toggle > .icon-bar {
	    width: 100%;
	    display: block;
	    height: 3px;
	    margin: 5px 0 0 0;
	}
	#slide-nav .navbar-toggle.slide-active .icon-bar {
	    background: orange
	}
	.navbar-header {
	    position: relative
	}
	/* un fix the navbar when active so that all the menu items are accessible */
	.navbar.navbar-fixed-top.slide-active {
	    position: relative
	}
	/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
	@media (max-width:767px) { 
		#slide-nav .container {
		    margin: 0;
		    padding: 0!important;
		}
		#slide-nav .navbar-header {
		    margin: 0 auto;
		    padding: 0 15px;
		}
		#slide-nav .navbar.slide-active {
		    position: absolute;
		    width: 80%;
		    top: -1px;
		    z-index: 1000;
		}
		#slide-nav #slidemenu {
		    background: #f7f7f7;
		    left: -100%;
		    width: 80%;
		    min-width: 0;
		    position: absolute;
		    padding-left: 0;
		    z-index: 2;
		    top: -8px;
		    margin: 0;
		    color:#333;
		    border-right: 1px solid #ccc;
		}
		#slide-nav #slidemenu .navbar-nav {
		    min-width: 0;
		    width: 100%;
		    margin: 0;
		}
		#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
		    min-width: 0;
		    width: 80%;
		    white-space: normal;
		}
		#slide-nav {
		    border-top: 0
		}
		#slide-nav.navbar-inverse #slidemenu {
		    background: #333
		}
		/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
		#slide-nav #navbar-height-col {
		    position: fixed;
		    top: 0;
		    height: 100%;
		    width: 80%;
		    left: -80%;
		    background: #f7f7f7;
		    color:#333;
		    z-index:1;
		    border-right:1px solid #ddd;
		}
		#slide-nav.navbar-inverse #navbar-height-col {
		    background: #333;
		    z-index: 1;
		    border: 0;
		}
		#slide-nav .navbar-form {
		    width: 100%;
		    margin: 8px 0;
		    text-align: center;
		    overflow: hidden;
		    /*fast clearfixer*/
		}
		#slide-nav .navbar-form .form-control {
		    text-align: center
		}
		#slide-nav .navbar-form .btn {
		    width: 100%
		}
	}
	
	
	

	@media(max-width:470px){
		
		.dropdown-menu{			
			width:100%;
			background-color:#f7f7f7;
			border:0px;
			text-align:center;
			box-shadow:none;
		}

		.dropdown-menu li{
			width:100%;
			padding:8px;
		}

		.dropdown-menu li{
			width:100%;
		}

		.dropdown-toggle {
			color:#333;
		}

		.busca{
			width:50px;
		}

		#slide-nav .navbar-form .btn{ width:50px; }
	}
	
@media (max-width:992px) {
	.bx-wrapper { margin-bottom:10px; }
	div#info_producte .titolh4 { margin-bottom:15px; }	
	div.descripcio_producte { margin-top:5px; padding-left:15px; padding-right:15px; }
	
	div.cookies { height:48px; }
	body.cookies { padding-top:48px; }
	.btn:hover, .btn:focus, .btn.focus { color:#fff; }
	div.caixa-logo-versio-mobil { margin:0px 20px; }
	h1.titol-llistat { font-size:22px; }
	div.caixa-titol-fitxa-article-mobil { display:inherit; width:100%; margin:0px 15px 10px 15px; }
	h1.titol-fitxa-nomobil { display:none; }
	div.caixa-input-cupo { width:70%; float:left; }
	
	div.caixa-ancla-versio-mobil { display:inherit; opacity:0.6; width:50px; font-size:20px; padding-top:10px; padding-bottom:10px; background-color:#333; position:fixed; text-align:center; z-index:1000; bottom:60px; margin-left:5px; border-radius:2px; }
	div.caixa-ancla-versio-mobil a { color:#fff; }
	/*div.slide img { margin:0px -100px 0px -50px; }*/
	
	.thumb-circle-cesta { max-width:50px; max-height:50px; margin-right:5px; margin-left:0px; }
	.txt-contingut-cesta { padding-right:0px; }
	table.cistella .col-md-3 { padding-left:0px; padding-right:0px; }
}

.btn:hover, .btn:focus, .btn.focus { color:inherit; text-decoration:underline; }


	/* Cistella Pedido */

	/* CISTELLA COMPRA */
		.taula-pasos-cesta{width:100%; height:25px; margin:10px 0px 20px 0px;  background-color:#e2e2e2; border:1px solid #b8b8b8; font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#000000;}
		.separador-pasos-cesta{width:1px; background-color:#b8b8b8;}
		.padding-txt-pasos{padding:4px 20px;}
		.cela-actiu-pasos{ background-color:#e40000; font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff; padding:10px;}

		.taula-especificacions{width:100%; margin:20px 0px 20px 0px;  background-color:#fff; border:1px solid #b8b8b8;  font-size:12px; font-weight:normal; color:#000000; text-align:justify;}
		.taula-especificacions td a{color:#DE0101;text-decoration:underline;text-align:left;height:30px;}


		.cela-producte-titol{width:332px; height:25px; padding-left:13px; background-color:#6e6e6e; font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ffffff;}
		.cela-unitat-titol{width:160px; height:25px; padding-left:15px; background-color:#6e6e6e; font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff;}
		.cela-preu-titol{width:98px; height:25px; padding-left:15px; background-color:#6e6e6e; font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff;}
		.padding-txt-especificacions{padding:15px;}
		.cela-img-mini-product{width:60px;}
		.txt-vermell-producte{ font-size:13px; font-weight:bold; color:#de0101; padding:0px 6px; }
		#div-dades-subtotal{ /*width:645px;*/ font-size:12px; font-weight:normal; color:#000000; text-align:right; margin-top:20px; margin-bottom:20px; }
		/*#btn-continuar-comprando{padding:3px 15px 5px 15px; background-color:#e40000; float:left; margin-top:20px;}*/
		#btn-siguiente{padding:3px 15px 5px 15px; background-color:#e40000; float:right; margin-top:20px; margin-bottom:10px;}
		
		a.btn-navegar:active,
		a.btn-navegar:visited,
		a.btn-navegar:link{font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff; text-decoration:none;}a.btn-navegar:hover{color:#000000;}
		
		.padding-casilla{padding:0px 0px 15px 15px;}
		.separador-pagament{width:723px; height:1px; background-color:#b5b5b5;}
		.observacions-resumen{width:615px; height:80px; border:1px solid #b5b5b5; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#DE0101;}

		a.condiciones:active,
		a.condiciones:visited,
		a.condiciones:link{ font-size:11px; font-weight:bold; color:#DE0101; text-decoration:none;}a.condiciones:hover{color:#ffa200;}

		.taula-num-comanda{/*width:645px;*/ width:100%; margin:20px 0px 20px 0px; font-size:14px; font-weight:bold; color:#DE0101; text-align:right;}
		.oculta{ display:none;}


/* BARRA */

	div.barra { width:100%; height:34px; background-color:#000; color:#fff; font-size:12px; position:relative; padding-top:4px; background-image: -webkit-gradient(linear, left top, left bottom, from(#000 ), to(#4c4c4c)); 
		background-image: -webkit-linear-gradient(top, #000 , #444 ); 
		background-image:    -moz-linear-gradient(top, #000 , #444  ); 
		background-image:     -ms-linear-gradient(top, #000 , #444  ); 
		background-image:      -o-linear-gradient(top, #000 , #444  ); 
		background-image:         linear-gradient(top, #000 , #444  );}
	div.barra div.nom { display:inline-block; float:left; margin-left:15px; padding:4px 10px; font-weight:bold;}
	div.barra a.boto { display:inline-block; background-color:#900; color:#fff; border-radius:2px; padding:4px 10px; position:absolute; right:10px; background-image: -webkit-gradient(linear, left top, left bottom, from(#eC0000 ), to(#cd0000)); 
		background-image: -webkit-linear-gradient(top, #eC0000 , #cd0000 ); 
		background-image:    -moz-linear-gradient(top, #eC0000 , #cd0000  ); 
		background-image:     -ms-linear-gradient(top, #eC0000 , #cd0000  ); 
		background-image:      -o-linear-gradient(top, #eC0000 , #cd0000  ); 
		background-image:         linear-gradient(top, #eC0000 , #cd0000  ); font-weight:bold; }

/* FI BARRA */