/*tipos de google*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}


/* modificaciķ espaiat entre columnes bootstrap */

.padding-0 {padding-left: 0; padding-right: 0}
.padding-sm {padding-left: 2px; padding-right: 2px}
.padding-md {padding-left: 5px; padding-right: 5px}

/*----*/


body {
	background-color:#ffffff;
    font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #212121;
}

h1, #coldreta .tit, .cat, .eslogan, #logo, .sidebar-nav .nav-list > li, .benvinguda .titol  {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 26px;
    margin: 10px 0 20px;
    padding: 0;
	line-height:28px;
	font-weight:normal;
}

#colcentre h1 {margin: 0 0 40px}
#colcentre h1.portada {text-align:center;}

#colcentre h3 {font-size: 14px; font-weight:bold}


h2 {
    font-size: 18px;
    font-weight: normal;
    padding: 0;
	line-height:24px;
	margin-bottom: 10px;
}

.well h2 {margin: 5px 10px 20px 0}


p {
/* font-size: 12px;*/
    line-height: 20px;
}

label, input, button, select, textarea {
    font-size: 12px;
    font-weight: normal;

}

.btn {font-size: 12px}

label.error {color: #953B39 }

a {
    text-decoration: none;
	color: #7F5600;  /* #5F7917; */
	transition:.3s;
}

a:hover {color: #402B00; text-decoration:none }

.label a:hover {text-decoration:none}

/*
#fitxa-producte a { border-bottom: 1px dotted #7F5600; }
#fitxa-producte a:hover { border-color: #402B00; }
*/

iframe {
 border:none; 
}


/* Barra top informaciķ / divises / carrito... */
#barra-top {
    background: none repeat scroll 0 0 #252525;
    color: #cccccc;
	padding-top: 0px;
    font-size: 12px;
	padding-bottom: 7px;
}

#barra-top.navbar {
    min-height: 29px;
}


#barra-top.navbar-default {border-color: transparent}


#barra-top p {margin-bottom: 0; padding-bottom: 0}

#barra-top #avis18,
#barra-top #tel-horaris,
#barra-top #usuari,
#barra-top #menus-top {
padding-top: 7px;
}

#barra-top #usuari {text-align: right; }

#avis18 {
    background: url('/static/img_theme/18.png') no-repeat left 4px;
    padding-left:25px;
}

#barra-top #menus-top {text-align:right}

#barra-top .dropdown { display:inline; margin-left: 20px}

#barra-top a {color: #cccccc}

#barra-top .dropdown ul li {text-align:left;  }
#barra-top .dropdown ul li a {color: #333}


#barra-top span.glyphicon-time, 
#barra-top span.glyphicon-phone {
margin-left: 10px;
}
#barra-top span.glyphicon-user {
margin-left: 20px;
}
#barra-top a.avis-carro {
margin-left: 20px; 
background-color: #D30707; 
padding: 4px 8px; 
color: white; 
font-size:120%;
border-radius: 4px;
}

#barra-top a.avis-carro:hover {background-color: red}

#barra-top .num-carrito {
font-family: 'Open sans', Arial, Helvetica; 
font-weight: bold;
}

#barra-top #nomusuari {text-decoration:underline }
#barra-top #nomusuari:hover {color: white; }





#capsalera {
    /* background-image: linear-gradient(to bottom right, #F7D621, #F7990C ); 
	background: #FEF35B url(../../../static/img/fons-caps-alchimia.jpg) bottom center no-repeat;
	background: #FEF35B url(../../../static/img/fons-capsalera-15.png) bottom center no-repeat; 
	background-size: cover;*/
	background-color: #FFEB3B;
    background: #FFEB3B url(../../../static/img/fons-caps-alchimia.jpg) bottom center no-repeat;
	padding: 0px;
	margin-top: 35px;
}

#capsalera {color: #111}
#capsalera a {color: #111; text-decoration: none}
/*
 #maria { background:url(../../../static/img/fulles-maria.png) bottom left no-repeat; }
/* background: url(../../../static/img/logo-alchimia_200px.png) center top no-repeat;*/



#logo {
display:block;
/*
logo-normal:
padding-top: 48px;
padding-left: 2px;
margin: 59px 0 10px;
font-size: 17px;
letter-spacing:2px;
*/
margin: 45px auto 15px;
}

p.eslogan {
font-size: 13px;
font-weight:normal;
padding-top: 94px;
letter-spacing:.5px;
color: #212121;
text-transform:uppercase;
}

/*

#logo {
display:block;
background: url(../../../static/img/logo-alchimia_200px.png) center top no-repeat;
padding-top: 48px;
padding-left: 2px;
margin: 59px 0 10px;
font-size: 18px;
letter-spacing:1.5px;
text-align: center;
font-weight:bold;
color: #DE0021;
text-transform:uppercase;
}

#eslogan {
font-size: 12px;
font-weight:bold;
margin-top: 0px;
letter-spacing:.5px;
color: #333;
}

*/


#cercador {text-align: right; color: #252525; }
/*#cercador form {margin-top: 64px} */ 
#cercador form {margin-top: 79px}  /* 85px */

#cercador button { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
#cercador input { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

#cercador .btn-inverse {
    background-color: #252525;
    border-color: #252525;
    color: #FFFFFF;
}

#cercador .input-group .form-control {float: none}


#barramenu {
border-radius: 0;
}

.navbar {
min-height:40px;
border-radius: 0px !important;
}


#barramenu .navbar-nav > li > a {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #EEEEEE;
    color: #252525;
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}


.b {font-weight:bold}

.radi {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#first ul.nav{
    border-left: 1px solid #444444;
    margin: 0 0 0 15px;
	padding-left: 10px;
}



#continguts {
/* background: url(../img/peu-pagina.jpg) bottom no-repeat; */
padding: 20px 0 40px;
}




.thumbnail { background-color:#FFFFFF; margin-bottom: 10px}
.thumbnail a img {display:block; margin: 0 auto; }
.thumbnail a {font-weight:bold;}

.caption .ud {color: #999999}


	
#colcentre {
	padding: 0px 20px 20px; 
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	/* box-shadow: 0 2px 3px rgba(0, 0, 0, 0.055); */

}


.modal-header {border: none; }

.modal-body {padding-bottom: 0px}



/*  MENU ESQUERRA  */

.sidebar-nav .navbar-collapse { max-height: none; margin: 0 0 10px 0; padding: 0 }

.navbar-collapse { max-height: none; }

.sidebar-nav  {padding: 0; font-size: 12px;}

.sidebar-nav .panel-heading {
	padding: 2px 5px 5px; 
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
	font-size: 14px;
	line-height:18px;
	text-transform:uppercase;
	font-weight:bold; 
	border-bottom: 1px solid #ccc; }


.sidebar-nav a {color: #000000; transition:.3s; display:block}
.sidebar-nav a:hover {text-decoration:none;}
.sidebar-nav ul.nav li {list-style:none; }
.sidebar-nav ul.nav li a:hover, .sidebar-nav ul.nav li a:focus { background-color: #eee}

.sidebar-nav ul.nav {margin: 0 0 5px;} 

.sidebar-nav ul.nav > li > a,
.sidebar-nav ul.nav > span > li > a {
    padding: 2px 5px;
	border-bottom: 1px solid #dedede; 
}

.sidebar-nav ul.nav > li.catSel > a {
	border-bottom-style:dotted;
}


/* 1r nivell */
.sidebar-nav ul.nav li.cat a {
    font-size: 14px;
	margin-top: 20px; 
}

.sidebar-nav ul.nav li.catSel a {font-weight:bold}
.sidebar-nav ul.nav li.catSel{
list-style:square;
	margin-left: 15px;
	}
.sidebar-nav ul.nav li.catSel {
margin-bottom: 5px;
border-bottom: 1px solid #dedede;
border-top: none;
}

.sidebar-nav ul.nav li.catSel.catLevel3, .sidebar-nav ul.nav li.catSel.catLevel4  {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding-left: 0;
margin-bottom: 0;
border: none;
}

/* 2n nivell */
.sidebar-nav ul.nav > li.catSel > ul {
  margin: 5px 0 ; padding: 0 0 5px 10px; 
  border-bottom: 0px solid #dedede;
}
.sidebar-nav ul.nav > li > ul > li {
list-style:square;
margin-left: 10px;
}

.sidebar-nav ul.nav li.catSel > ul > li > a {
	color: #333; 
	font-weight:normal; 
	border-bottom: 1px dotted #dedede; 
	padding: 2px;
}

.sidebar-nav ul.nav li.catSel > ul > li.catSel > a { font-weight:bold }

/*3r nivell */
.sidebar-nav ul.nav > li > ul > li > ul {
	margin: 0; padding: 0;
	}
.sidebar-nav ul.nav > li > ul > li > ul > li {
	list-style: circle ;
	margin-left: 15px;
}

.sidebar-nav ul.nav li.catSel > ul > li > a {color: #333}
.sidebar-nav ul.nav > li.catSel > ul > li > ul > li > a { color: #666666 }

.sidebar-nav ul.nav li.catSel > ul > li.catSel > ul > li.catSel > a {
	color: #333; 
	font-weight:bold;
}




	
#coldreta .tit {
    background-color: #fff;
    border-bottom: medium none;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
	text-transform:uppercase;
	margin-bottom: 10px;

}	


#coldreta ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#coldreta #acceso, .boxRight {
    margin: 10px 0;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

#coldreta #acceso {margin-top: 0}


#coldreta .radi {border-radius: 0} 

#coldreta span.glyphicon {color: #7F5600; margin-right: 1px}


#coldreta #carrito li.total { font-weight:bold; margin: 10px 0}




#acceso .btn {margin: 10px 0}

.ofertaBox {
    background-color: #ffffff;
    margin: 0;
    padding: 0px;
}
.oferta {
    color: #DE0021;
    font-weight: bold;
}
.nooferta {
    line-height: 15px;
    text-decoration: line-through;
	color: #999;
}

.i {
    border-ius: 5px 5px 5px 5px;
}
.centralBlock {
    background-color:#f6f6f6; /* #E6F3FF; */
	padding: 10px 20px;
	margin: 10px 0; 
}

.blockProduct h2 {
    display: inline;
    padding-right: 18px;
	line-height:20px;
	}

.benvinguda .titol {font-size: 14px;}




/* footer */


#peu1 { 
	background-color: #333;
	color: #ccc;
	border-top:	1px solid #444;
	margin: 0;
	padding: 20px 20px 40px;
	/* background:url(../img/fons-peu.jpg) bottom no-repeat; */
	}

#peu2 {background-color:#252525; color: #666; font-size: 11px; padding: 15px 20px 15px}



#peu1 ul {
	list-style: none;
	margin:0 40px 0 0;
	padding: 0;
	border-bottom: 1px dotted #444;
}

#peu1 ul li {
	border-top: 1px dotted #444;
	padding: 0;
	margin: 0;

}

#peu1 ul li a {
	display:block;
	color: #ccc;
	padding: 5px;
	transition:.3s;
}
#peu1 ul li a:hover {
	color: #fff;
	background-color:#222;
	text-decoration:none;	
}

#peu1 .glyphicon {color:; margin-right: 5px}

.colpeu4 a {transition: .3s;}

#peu1 p.titol {font-weight:normal; font-size:14px; margin-top: 10px; }

.targescredit {margin-top:40px; padding-top: 20px; border-top: 1px dotted #444;}
.targescredit2 {margin-top:0px; padding-top: 15px; border-top: 0px dotted #444;}

.botonssocials a {
	transition: .3s;
	opacity:0.8;
	filter:alpha(opacity=80); 
	}
.botonssocials a:hover {
	opacity:1;
	filter:alpha(opacity=100); 
}

#peu2 p a { color: #666; }
#peu2 p {margin: 0; padding: 0; font-size:11px; line-height:160%}
#peu2 p span {font-size: 11px}
#peu2 p strong {font-weight: normal}
#peu2 p.avislegal {float: right; margin: 0}


footer .navbar-inverse {
    background-color: #222222;
    border-color: #333;
	padding: 8px 0 6px;
}

footer .navbar-inverse .btn {
    padding: 6px 10px;
}


/* cookies */

#aviscookies { display:none }

#aviscookies {
	background: rgba(255, 243, 83, .8); 
    bottom: 0;
    padding: 10px 0 0px;
    position: fixed;
    width: 100%;
    z-index: 100;
	border-top: none;
	-webkit-box-shadow: 0px -5px 10px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px -5px 10px 0px rgba(50, 50, 50, 0.25);
	box-shadow:      solid   0px -5px 10px 0px rgba(50, 50, 50, 0.25);

}






.navbar-inner span { color: #ccc;}


/*
.navbar {
    background-color: #f6f6f6;
    border-radius: 0px;
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #eee;
}



.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    background-color: #fff;
}

.navbar-nav { 
	border-right: 1px solid #fff;
	border-left: 1px solid #eee;
	}

.navbar-nav > li > a {
    border-radius: 0px;
    color: #252525;
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
	border-right: 1px solid #eee;
	border-left: 1px solid #fff;

}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background-color: #eee;
}


#barramenu .navbar {
    border-top: 1px solid #fff;
    margin-bottom: 5px;
	}
*/

#portada .panel {margin-bottom: 10px}


.well {background-color: #f6f6f6; border-color: #eee }
.well.fonsclar {background-color:#f6f6f6}
.well.ofertes {background-color:#FFFFFF}


/*** Video responsive  */

.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* pag videos amb columnes masonry */

.row.masonry {
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 15px;
 -webkit-column-gap:15px;
 padding-right: 15px; 
  padding-left: 15px; 
  
}

.row.masonry > .col-md-4 {
 display: inline-block;
 padding: 0;
 width:  100%; 
 float:none;
 border-radius: 3px;
 border: 1px solid #eee;
 margin-bottom: 10px;
 background-color: #f6f6f6;
 overflow:hidden;
}

.row.masonry p, .row.masonry  h2 { padding: 0px 15px; }

a.veurevideo {display:block; padding: 10px 15px; text-align: center; font-size:150%; }

.row.masonry  h2 { background-color: #FFFFFF; margin: 0; padding-top: 10px; font-size: 14px; line-height:18px;} 

.row.masonry p {background-color: #FFFFFF; padding: 0px 15px 5px; margin: 0 }

.img-responsive {   border:0px solid #999; }

.banner-youtube {margin-bottom: 30px; }
.banner-youtube img {border:1px solid #f0f0f0; }

/* pag video de detall.. */

.introvideo p {
font-size:140%; 
line-height: 140%;
}

.descripciovideo {
border-top: 1px dotted #ddd;
padding-top: 15px;
margin-top: 15px;
}

.descripciovideo h3 {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight:normal !important;
text-decoration: none !important;
font-size: 140% !important;
margin-top: 5px; margin-bottom: 20px;
}
.descripciovideo h3 span {text-decoration: none !important;}


/* pag promocions */

#promocions {margin-top: 40px}

h3.titolpromo {
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; 
font-weight: !important; 
font-size:24px !important;
color: rgba(0,0,0,0.87);
padding: 0px 0;
margin-bottom: 0
}

#promocions.row.masonry h3 {
 
 padding: 10px 10px 5px; 
 margin: 0; 
 background-color: #ffffff; 
 color: rgba(0,0,0,0.87);
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
 font-weight:;
 font-size: 16px;
 line-height:20px;
 border-bottom: 0px solid white;
 }  

#promocions.row.masonry > .col-md-4 {
border-color: #ddd;

}

#promocions.row.masonry  p {background-color: #ffffff; padding: 0 10px 10px; margin: 0 }






/* pāg contacte */

#pagcontacte h2 {margin-top: 0}
#pagcontacte h4 {font-size: 12px; font-family:Arial, Helvetica, sans-serif}

#pagcontacte input, #pagcontacte textarea {margin-bottom: 5px}

.input-recaptcha{
 width:172px;
}

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


/* Llistats */

#llistat {padding-top: 0px; margin-top: 40px;  }

#llistat h3 {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #999999; text-align:right; font-weight:normal }
#llistat .caption h3 {font-size:14px; font-weight:normal; margin-top: 0; text-align:left;}
#llistat ul {list-style: none; margin: 0; padding:0; }
#llistat .preu span.preunormal {font-weight: bold; font-size: 14px}
#llistat li.preu {margin-bottom: 10px; line-height:130% }
#llistat li.preu .ud {color: #666666;}


/* pāgina de detall */

#colcentre h1.media-heading {margin-bottom: 20px}
.table.taulapreus {text-align:right; margin-top: 40px; margin-bottom: 20px}
table.table.taulapreus td {vertical-align:middle; text-align: right; }
td.preu {font-weight: bold; font-size:14px}
.par {background-color:#f9f9f9; }


/* Taula chart */

table.chart {border-top: none; margin-bottom: 0}
table.chart th, table.chart td {text-align:center}

table.chart td.text-right {text-align:right; }

.table th {border-top: 0px !important}


.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices, .stButton .stArrow  {height:25px !important}

/* galeria pāgina detall */

a.quadrat {
	display: block;
    float:left;
    position: relative;
    width: 31%;
    padding-bottom : 23%; /* = width for a 1:1 aspect ratio */
    margin:1.16%;
    background-color:#1E1E1E;
    overflow:hidden;
	background-position:center center;
	background-repeat: no-repeat;
	text-indent:-9000px; border-radius: 3px;
}


/*
#icones-fitxa  {margin-top: 30px; text-align:center; padding-top: 10px; padding-bottom: 10px;  color: #FF6600; font-size: 90%; background-color: #f9f9f9; border-radius: 3px; margin: 0 0 20px 0 }
#icones-fitxa span {font-size: 300%; margin: 0 0 5px 0}
 */
 
.icones-fitxa .media {
background: #777777; /* Old browsers */
background: -moz-linear-gradient(top,  #777777 0%, #404040 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#404040)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #777777 0%,#404040 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #777777 0%,#404040 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #777777 0%,#404040 100%); /* IE10+ */
background: linear-gradient(to bottom,  #777777 0%,#404040 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#404040',GradientType=0 ); /* IE6-9 */

 color: white; 
 border-radius: 3px;
 padding: 8px 5px 8px 5px; 
 margin-bottom: 2px;
 margin-top: 2px ;

 }


.icones-fitxa {
clear: both; 
margin-top: 10px;
border-top: 1px solid #f3f3f3;
}

.icones-fitxa .media {
background: #ffffff !important; 
color: #333; 
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
text-transform: uppercase;
border-bottom: 1px solid #f3f3f3;
}



 
.icones-fitxa span.glyphicon {font-size: 200%; background-color: #ffffff; color: #333333;  padding: 10px;  border-radius: 50%; border: 2px solid #cccccc; }
.icones-fitxa h5.media-heading {padding-top: 8px; font-weight: bold; line-height:1.2}

.icones-socials { border-top: 0px solid #f3f3f3;  border-bottom: 1px solid #f3f3f3; text-align:right; padding-top: 0px; padding-bottom: 20px }



/* comentaris */

#reviews {color: #999; background-color:#f9f9f9; margin: 40px 0; padding: 20px 0 0 0; border-top: 1px solid #ddd}
#reviews h3 {color: #333; margin-bottom: 20px}
.revDiv {color: #333333;  margin-left: 0px; padding-left: 20px; border-left: 3px solid #ccc; margin-bottom: 20px }
.replyRev {background-color:#fff; margin-left: 4px; padding: 20px 20px 0 20px; border-radius: 5px; margin-bottom: 20px}
.replyRev .revDiv {border: none; margin: 0; padding: 0; font-style:normal; color: #333; display: block; }

.desta {
	background: #fcf8e3 url(/images_theme/star_1.png) top  right no-repeat;
	color: #8a6d3b;
	padding: 15px 15px 0;
	margin-bottom: 20px;
	border: 1px solid #faebcc;
	border-radius: 4px;
}

.desta .revDiv {border-left: none; margin-bottom: 0 } 


.alert h2 {margin: 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; text-transform: none }
.alert h2 .glyphicon {font-size: 24px; vertical-align:top; margin-right: 5px}
.alert-success a {color:#356635; font-weight:bold}
.alert-danger a {color:#953b39; font-weight:bold}
.well .alert {margin-bottom: 0}

a.alerta {color: red }

/* pag categories */

#cat-desc img {float: left; margin: 0 20px 10px 0 }

#etiquetes {text-align:center; margin-top: 10px}

#etiquetes ul {margin-bottom: 0}

#etiquetes ul li {margin: 0 0px 5px 0; padding: 0}

#etiquetes h3, #etiquetes h2 {font-weight:normal; font-size: 14px; margin: 0 0 10px}


/* Check out  */

.radio h2 {font-family:Arial, Helvetica, sans-serif; }
.radio h2, .radio p {margin: 0;  padding: 0}  
.label a {color: white; }
.seleccionar { text-align:center; padding-top: 5px;}




/*paginaciķ */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #333333;
    border-color: #333333;
    color: #FFFFFF;
    cursor: default;
    z-index: 2;
}



/* slider portada */

.carousel-inner > .item > a > img {
    margin-left: auto;
    margin-right: auto;
   
}



/* pag 404 */

.missatge404 { 
	background: url(../../../static/img/fons-404-1.jpg) top center no-repeat;
	background-size:100% auto;
}

.missatge404 h3 {
	margin: 0px 0 20px 40px ; 
	font-family: 'Love Ya Like A Sister', 'Open Sans', Arial, Helvetica, sans-serif;;
	font-size:700% !important; 
	color: #DE0021; 
	font-weight:bold;
	/* text-shadow: -4px 0 #FFE508, 0 4px #FFE508, 4px 0 #FFE508, 0 -4px #FFE508; */
	}
	
.missatge404 p {font-family: 'Love Ya Like A Sister', 'Open Sans', Arial, Helvetica, sans-serif;; font-size:200%; margin: 10px 40px; color: #666;    font-weight:bold; line-height: 120% }

.missatge404 h5 {
	margin: 40px !important;  
	font-family: 'Permanent Marker', 'Open Sans', Arial, Helvetica, sans-serif;; 
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:150%; 
	color: #DE0021; 
	font-weight:normal;
	/* text-shadow: -1px 0 #FFE508, 0 1px #FFE508, 1px 0 #FFE508, 0 -1px #FFE508; */
	}
	

/* lista deseos */

   #listadeseos .row {padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px}
   #listadeseos h4 {margin: 2px 0 5px 0}
   #listadeseos .thumbnail {margin-bottom: 0}
   #listadeseos a .glyphicon-trash {color: #cccccc; font-size:150%; margin-top: 5px}
   #listadeseos a:hover .glyphicon-trash {color: #212121;}
   .producte-oferta {background-color: #FFFDE7 }
   .producte-outlet {background-color: #FFFDE7 }
   .producte-rebaixat {background-color: #FFFDE7 }
   .producte-esgotat {background-color: #f6f6f6; color: #999999 }


/* modes enviament */


#formesenviament h4 { margin-top: 0; }

#formesenviament h4 { margin-top: 0; }



@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}


@media (max-width: 976px) {  /* Enlloc dels 992px per evitar els px de la barra d'escroll... */

	/* body { padding-bottom: 40px; } */

	p.eslogan {
	letter-spacing:0px;
	}

	#coldreta {
	clear: both; 
	padding-left: 20px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #EEEEEE;
	}
	
	#colcentre {
    border-right: 0px solid #EEEEEE;
	padding: 0 0px 20px 20px;
	}

	#peu1 ul {
		margin: 0;
		}
/*
	@grid-gutter-width: 10px;
	#colcentre .col-sm-3 {padding: 0 2px} */
	#coldreta #acceso {margin-top: 20px}
	#coldreta #acceso, .boxRight {border-bottom: none; }
	
	#barramenu .navbar-nav > li > a {padding-left: 9px; padding-right: 9px}







}

/*@media (max-width: 767px) { */



@media (min-width: 768px) {
 
/*  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
*/


	

}


@media (max-width: 767px) { 

	#capsalera {margin-top: 65px}

	#barra-top p, #barra-top ul {
	margin: 0;
	padding: 2px 0;
	float: none;
	}

	#barra-top p.text-warning-top,
	#barra-top p.horari {
		padding-left: 25px;
		text-align:center;
	}
		#menuidiomes, .horari {
		border-top: 0 solid #333;
		text-align: left;
		}
	
	#barra-top #usuari{ text-align:center; border-top: 1px solid #555; margin-top: 5px }
	
	#barra-top #usuari .dropdown { display: inline; padding: 10px }
	#barra-top #usuari .dropdown ul li {text-align:left;}
	#barra-top .dropdown {margin-left: 0px; }
	

#barra-top .avis-carro {
display: inline; 
margin-left: 10px; 
background-color: transparent; 
padding: 0px; 
color: white; 
font-size:125%;
overflow:hidden;
}

#barra-top #tel-horaris, 
#barra-top #usuari
{text-align: center; }

/* lista deseos */


#listadeseos .paperera {text-align: right}
#listadeseos .etiqueta {clear: both; text-align: center}
#listadeseos .thumbnail {margin-bottom: 10px; text-align:center;}




}


@media (max-width: 751px) {  /* Enlloc dels 767px per evitar els px de la barra d'escroll... */

	body { padding: 0px 0 40px 0; }
	

	#capsalera {margin-top: 68px}

	#capsalera #logo { margin: 30px 0 0; }
	
	#maria { background-image: none; }
	
	#barra-top {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}

	 #barra-top #usuari { padding-bottom: 5px} 


	#capsalera #cercador {
	margin: 0;
	padding: 0 15px;
	}
	
	#cercador form { margin-top: 10px; }
	
	.navbar-form { padding: 0 15px;	}
	
	#capsalera #logo { margin: 15px 0 10px; }

	
	#menuidiomes li {padding: 2px 0 0 4px}	

	
	.navbar-header {
	background-color: #FFFFFF;
	}
	
	#barramenu .navbar-nav > li > a, 
	.sidebar-nav .nav > li > a,
	.sidebar-nav .nav > span > li > a    {
	background-color: #FFFFFF;
	border-bottom: 1px solid #EEEEEE;
	color: #252525;
	line-height: 18px;
	padding: 4px 20px ;
	}
	
	.navbar-default { background-color: #FFFFFF; }

	.navbar-nav, .sidebar-nav {margin: 0 -15px}
	
	.sidebar-nav {
	border-bottom: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	padding-bottom: 0px;
	margin-bottom: 30px;
	}
	
	.navbar {
	margin: 0 ;
	padding: 0;
	}
	
	.nav > li > a {
	padding: 0;
	}
	.sidebar-nav .navbar-collapse {
	margin: 0;
	}


	.navbar-toggle {
	margin-bottom: 4px;
	margin-right: 8px;
	margin-top: 4px;
	padding: 4px 10px;
	}
	
	
		
	#continguts {padding: 0}
	
	
	#peu2 p.avislegal {float: none; margin: 0 0 20px }
	#colcentre { border: none; background: #ffffff; margin-top: 30px}
	#colcentre h2 {font-size: 14px; font-weight:bold; color: #000000; text-transform:uppercase}
	#colcentre .centralBlock { background-color:#ffffff; padding: 0;}
	#coldreta {border-top: 0px dotted #ccc; margin-top: 10px}
	#coldreta #acceso, .boxRight {border-bottom: none; }
	#coldreta #acceso {
		margin-top: 20px;
		clear: both; 
		padding-left: 20px;
		padding-top: 20px;
		border-top: 1px dotted #CCCCCC;
	}


.modal-footer {
    margin-top: 5px;
    padding: 9px 20px 10px;
    text-align: right;
}


select.input-sm {
    height: 24px;
    line-height: 24px;
}
.input-sm {
    border-radius: 3px;
    font-size: 12px;
    height: 24px;
    line-height: 1.5;
    padding: 4px;
}




	#llistat h3 {text-align:left; }
	
	#llistat-fotos {margin-bottom: 20px}

	#aviscookies {margin-bottom: 60px}


    .icones-socials { text-align:center; }
	
	/* pag 404 */
	.missatge404 { background-image: none !important ; }
	
	.missatge404 h1, .missatge404 h3, .missatge404 p {
		margin: 0 0 30px !important;
		text-align:center;
		}
	
}


a.cor {color:#CCCCCC; }
a.cor:hover {color: #FFC1C1; font-size: 150%;}
a.cormarcat {color:#FB0000; }
#barra-top a.cormarcat {color:#FB0000; }

table.zebra tr:nth-child(even){
    background: #f6f6f6;
}


#problemtree {margin: 20px 0 0;  padding: 20px 0 0; border-top: 1px solid #eee; paddin }
#problemtree .row { margin-bottom: 20px;}
#problemtree .actual { font-weight: bold;}	



/* estrelles valoracio producte */

.estrelles {
color:#FFC107; 
margin-top: -10px; 
margin-bottom: 10px; 
font-size: 90%;
}


/*
.rate_widget {
    border:     0px solid #CCC;
    overflow:   visible;
    padding:    0px;
    position:   relative;
    width:      180px;
    height:     32px;
}
*/

.ratings_stars {
/*    background: url('../../images_theme/star_0.png') no-repeat;
    float:      left;
    height:     22px;
    padding:    0px;
    width:      25px;
*/

	 display: inline-block;
	 font: normal normal normal 14px/1 FontAwesome;
	 font-size: 150%;
	 text-rendering: auto;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 transform: translate(0, 0);
	 cursor:pointer;
}

.ratings_stars:before {
	content: "\f006";
}

.ratings_vote:before {
	content: "\f005";
}

.ratings_over:before {
	content: "\f005";
	color: red;
}

.total_votes {
	display: inline;
	font-size: 11px; 
	color: #999999;
} 

.alerta-valoracio {cursor: auto; color: #999999; display: inline}

.movie_choice {
    font: 10px verdana, sans-serif;
    margin: 0 auto 40px auto;
    width: 180px;
}

.rate_widget {
	
}
@media (max-width: 767px) { 
  #colcentre {
      padding: 0 0px 20px 0px !important; 
  }
}

.botoCor {margin: 20px 0; }
.botoCor,
.botoCor:hover,
.botoCor:focus,
.botoCor:active  {background-image: none; text-shadow: none; box-shadow: none;  }
.botoCor:hover {background-color: #f6f6f6}
.botoCor:active,
.botoCor:focus { background-color: #FFEBEE; border-color: #F44336; color: #F44336;}
.Cor.vermell {color:#FB0000; }
.botoCor span {color: #999}
.botoCor:active span,
.botoCor:focus span {color: #F44336}


table.taulapreus4 {margin-top: 20px; }
table.taulapreus4 tr th{ text-align: center }
table.taulapreus4 tr td{ text-align: right ; vertical-align: middle;}
table.taulapreus4 tr td:first-child {text-align: left}
table.taulapreus4 tr td:nth-child(2),
table.taulapreus4 tr td:nth-child(3) { font-size: 14px; font-weight: bold }
table.taulapreus4 tr td:nth-child(2) span { color: #fff; background-color:  #F44336; padding: 3px 4px; border-radius: 3px; text-align: center; }
table.taulapreus4 tr td span.avis { font-size: 80%; display: block; color: #DE0021 }

table.taulapreus4 tr.warning td { background-color: #FFFDE7 }
table.taulapreus4 tr.warning td:nth-child(1) span.avis { color: green; } /* #F57F17*/
table.taulapreus4 tr.warning td:nth-child(4) { color: #DE0021 ; } /* #F57F17*/

table.taulapreus4 tr td span.canvi {color: #999; font-size: 80%}
table.taulapreus4 tr td span.nooferta {color: #999; font-weight: normal; }
table.taulapreus4 tr.senseStock td {color: #999;  }

.contenidor-cinta {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: 15px;
  }
  .cinta {
    font: bold 15px 'Open Sans', Arial, Helvetica, sans-serif;
    background-color: #FF0000;
    color: #FFF;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    position: relative;
    padding: 7px 0;
    top: 17px;
    right: -30px;
    width: 130px;
	z-index: 999;
	box-shadow: 0 0 3px rgba(0,0,0,.3); 
}

.cinta span { font-size: 65% }

.review {
     display: inline;
     //border-left: 1px solid #ccc;
     //padding-left: 8px;
     margin-left: 5px;
     font-size: 12px;
 }

 .review span { cursor: pointer; color: #7F5600; }

 #dialegReview .modal-header h4 {
     font-size: 26px;
     color: #666;
 }

 #dialegReview h3 {
 	font-size: 20px;
 }


 #dialegReview img.size-full {
     display: block;
     width: 100%;
     height: auto;
     margin-top: 20px;
 }

 #dialegReview .data-review {
     color: #666;
 }

 #dialegReview .wp-caption-text {
     color: #666;
     font-style: italic;
 }

 #dialegReview .modal-body {
     padding-top: 0
 }

 #dialegReview .wp-caption {
     width: 100% !important
 }

 #dialegReview .modal-header {
     background-image: url('/static/img_theme/icona-review.png');
     background-position: 15px 20px;
     background-repeat: no-repeat; 
     padding-left: 70px;
     border-bottom: 1px solid #e5e5e5;
 }

 

  #dialegReview .modal-content {
     background-image: url('/static/img_theme/icona-review-text.png');
     background-position: right top;
     background-repeat: no-repeat; 
 }
 		 		 

 @media screen and (min-width: 1200px) {
 
     #dialegReview .modal-dialog {
         min-width: 800px;
     }
 
     #dialegReview .modal-header {
         padding: 30px 40px 20px 90px;
         background-position:  35px 35px;
     }
 
     #dialegReview .modal-body {
         padding: 0 40px 20px;
     }

     #dialegReview .modal-content {
     	background-position: 380px 15px ;
     }
 
 }