/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}

.w3-tiny{font-size:10px!important}
.w3-small{font-size:12px!important}
.w3-medium{font-size:15px!important}
.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}

.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:transparent;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-button:disabled{cursor:not-allowed;opacity:0.3}
.w3-button:hover{color:#000!important;background-color:#ccc!important}

.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}

#fix, .w3-modal {
z-index:9999;
position:fixed;
left:0;
top:0;
width:100%;
min-height:100vh;
/*overflow:auto;*/
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.4);
display: none;
justify-content: center;
align-items: center;
/*padding:30px;*/
box-sizing:border-box;
}

.w3-modal-content {
background-color:#fff;
position:relative;
padding:0;
outline:0;
min-width:90px;
max-width:70vw;
min-height:30px;
max-height:95vh;
overflow-y:auto;
/* Avoid horizontal scroll bar shown when vertical one is required */
overflow-x:hidden;
display:inline-block;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.6),0 2px 10px 0 rgba(0,0,0,0.6);
}

.w3-modal-title {
padding: 2px 46px 0 10px;
border: 0;
background-color: antiquewhite;
width: 100%;
font-weight:bold;
margin-top:0;
cursor:move;
height:42px;
font-size:24px;
text-align:left;
box-sizing: border-box;
line-height: 40px;
}

.w3-modal-close {
height:42px;
font-size:24px;
font-weight:bold;
line-height:30px;
box-sizing:border-box;
}

.w3-padded {
padding:10px 20px 20px 20px;
}

.w3-modal-scroll {
overflow:hidden;
overflow-y:auto;
}
	
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}}
/*@media (max-width:768px){.w3-modal-content{max-width:500px}}
@media (min-width:993px){.w3-modal-content{max-width:900px}}*/
@media screen and (max-device-width:768px) {
@-ms-viewport {width:855px;}
@-o-viewport {width:855px;}
@viewport {width:855px;}
}

@font-face {
font-family:'OpenSans';
src:url('/i/OpenSans-Regular.eot');
src:url('/i/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('/i/OpenSans-Regular.woff') format('woff');
font-weight:400;
font-style:normal;
}

html {
height:100%;
overflow-y:scroll;
}

ul {list-style:none;}

ul,li,h1,h2,h3,h4,hr,form,body,html,p,fieldset,input,legend,.f-units,.cleaner,#dvcist,#dvcadd {
margin:0;
padding:0;
}

body {
background:#fff;
color:#2E4403;
font-family:'OpenSans', serif;
font-size:18px;
height:100%;
line-height:18px;
}

h1 {
font-size:28px;
font-weight:bold;
line-height:30px;
text-align:center;
}

h2  {
font-size:20px;
font-weight:bold;
margin-bottom:14px;
}

h3 {
font-size:18px;
font-weight:bold;
margin-bottom:18px;
}

h4 {
font-size:14px;
font-weight:bold;
}

h5 {
font-size:16px;
font-weight:bold;
margin-bottom:18px;
margin-top:0;
}

p {margin-bottom:7px;}

a {
color:#000;
outline:none;
}

/*a:link,a:hover,a:visited,a:focus {text-decoration:none;}*/

a img,:link img,:visited img {border:none;}

.msgBoxWarn {
color:#E64A25;
font-size:14px;
margin:10px;
}

.right {float:right}

.left {float:left}

.tright {
white-space:nowrap;
text-align:right;
}

.cleaner {
clear:left;
height:0;
}

strong {
font-weight:700;
color:#AC4420;
}

.msgBoxWarn ul {
margin:15px;
}


/* Layout principal ---------------------------- */

.ckwarn {
margin:9px auto;
position:relative;
text-align:left;
width:864px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#F8F1E0;
padding:18px;
}

#main_container {
margin:0 auto;
position:relative;
text-align:left;
width:900px;
background:transparent url('/i/h.png') no-repeat;
}

#mcontent {
height:auto;
padding-bottom:20px;
position:relative;
width:900px;
}

#footer {
background-color:#A2D166;
font-size:11px;
margin:46px 0 0;
padding:18px 46px;
text-align:center;
width:808px;
clear: both;
}

.link {
color:blue;
}

.button, .fcan, input[type="submit"].button {
border-radius:5px;
-webkit-border-radius:5px;
font-size:14px;
font-weight:bold;
color:#fff;
background-color:#2E4403; /* Verd fosc */
margin-top:18px;
margin-bottom:9px;
padding:5px 18px;
text-align:center;
line-height: 24px;
text-decoration:none;
width:auto;
display: inline-block;
}

.full {
display:block;
text-align:left;
}

/* Capçalera ---------------------------------- */

#header {
position:relative;
height:136px;
margin:0;
width:100%;
}

#header a {
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
position:absolute;
top:62px;
color:#fff;
text-decoration:none;
}

a.mnu1 {left:53px;}
a.mnu2 {left:115px;}
a.mnu3 {left:203px;}
a.mnu4 {left:616px;}
a.mnu5 {left:682px;}
a.mnu6 {left:781px;}

#google_translate_element {
position: absolute;
top: 105px;
left: 720px;
}

/* Home ---------------------------------- */

.bdcm #header { background:transparent url('/i/b1.png') no-repeat scroll 43px 46px; }
.bdcm a.mnu1 { color:#2E4403 !important; }
.bdcm #subheader { background:transparent url('/i/home.jpg') no-repeat; }

#subheader {
color:#fff;
font-size:20px;
line-height:24px;
width:900px;
position:relative;
text-align:center;
font-weight:600;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
padding-top:120px;
height:133px;
margin-bottom:16px;
}

.homgrp {
clear:both;
position:relative;
margin-left:43px;
display:table;
border-collapse:separate;
border-spacing:9px;
}

.homgrp > div {
display:table-cell;
padding:18px;
border-radius:5px;
-webkit-border-radius:5px;
width:223px;
font-size:14px;
margin-bottom:20px;
}

.homblk1 > div {
background-color:#A2D166; /* Verd mig */
height:188px;
vertical-align:top;
}

.homblk1 .center {
padding-top:18px;
}

.homblk2 {
padding:0;
border-radius:3px;
-webkit-border-radius:3px;
width:794px;
height:165px;
margin-bottom:9px;
margin-top:20px;
margin-left:52px;
background-color:#D3E9B6; /* Verd clar */
cursor:pointer;
}

.homblk2 > div {
float:left;
width:154px;
padding-left:48px;
padding-top:18px;
background:transparent no-repeat scroll 13px 19px;
}

.homblk2 > div:nth-of-type(1) { padding-left:18px; }
.homblk2 > div:nth-of-type(2) { background-image:url('/i/c1.png'); }
.homblk2 > div:nth-of-type(3) { background-image:url('/i/c2.png'); }
.homblk2 > div:nth-of-type(4) { background-image:url('/i/c3.png'); }

.homblk2 h2, .homblk3 h2 {margin-bottom:0;}

.homblk3 > div {
background-color:#D3E9B6;
height:135px;
}

.homblk3 p {
margin-top:18px;
}

/* Comú --------------------------------------------- */

.center, .resbox {text-align:center}

.alerta { color:red !important; }

.topmar { margin-top:18px; }

.buble {
position:absolute;
top:222px;
left:53px;
height:104px;
padding:26px 16px;
font-size:28px;
font-weight:bold;
color:#fff;
}

.subtit {
font-size:20px;
font-weight:bold;
line-height:25px;
text-align:center;
margin:20px 216px;
background-color:transparent;
}

.veig, .fcan { background-color:#F8F1E0 !important; color:#2E4403 !important; }
.vclar { background-color:#D3E9B6; }
.vmig { background-color:#A2D166; }

.round {
border-radius: 4px;
-webkit-border-radius: 4px;
padding:18px 18px 11px 18px;
}

.toprad {
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
padding:18px 18px 11px 18px;
}

.topblk {
width:758px;
margin-left:53px;
margin-bottom:2px;
font-size:18px;
}

.btmrad {
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
}

.btmblk {
width:776px;
margin-left:53px;
padding:9px;
margin-bottom:9px;
font-size:16px;
}

/* Qui som ------------------------------------------- */

.bdqs #header { background:transparent url('/i/b2.png') no-repeat scroll 105px 33px; }
.bdqs a.mnu2 { color:#2E4403 !important; }
.bdqs #subheader { padding:0; height:253px; /*background:transparent url('/i/quisom.png') no-repeat;*/ }
.bdqs .buble { background:transparent url('/i/qsbl.png') no-repeat; }

.bdqs #subheader img {
position:absolute;
left:0;
-webkit-transition: opacity 1.5s ease-in-out;
-moz-transition: opacity 1.5s ease-in-out;
-o-transition: opacity 1.5s ease-in-out;
transition: opacity 1.5s ease-in-out;
}

#carrus1 {
opacity:0;
}

.qsgrp {
height:250px;
margin-left:52px;
}

.qsgrp > div {
background-color:#D3E9B6;
padding:32px;
float:left;
height:166px;
}

.qsgrp > div:nth-of-type(1) {
width:465px;
font-size:14px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.qsgrp > div:nth-of-type(2) {
margin-left:2px;
width:200px;
font-size:16px;
font-weight:bold;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.qsblk > div {
height:294px;
text-align:center;
margin-top:28px;
background:#A2D166 no-repeat scroll 0px 150px;
}

.qsblk > div:nth-of-type(1) { background-image:url('/i/qs1.jpg'); }
.qsblk > div:nth-of-type(2) { background-image:url('/i/qs2.jpg'); }
.qsblk > div:nth-of-type(3) { background-image:url('/i/qs3.jpg'); }

/* On som -------------------------------------------- */

.bdon #header { background:transparent url('/i/b3.png') no-repeat scroll 195px 45px; }
.bdon a.mnu3 { color:#2E4403 !important; }
.bdon #subheader { text-shadow:none; height: 253px; padding-top:0 }
.bdon .buble { background:transparent url('/i/onbl.png') no-repeat; }

.onblk > div {
padding-top: 48px;
text-align:center;
background-color:#A2D166;
text-align:left;
}

/* Proveidors --------------------------------------- */

.bdpr #header { background:transparent url('/i/b5.png') no-repeat scroll 628px 36px; }
.bdpr a.mnu5 { color:#2E4403 !important; }
.bdpr #subheader { background:transparent url('/i/proveidors.jpg') no-repeat; }
.bdpr .buble { background:transparent url('/i/prbl.png') no-repeat; }
.bdpr .subtit { margin:20px 230px; }

#provs {
margin-left:52px;
width:810px;
}

#provs > li {
width:355px;
text-indent:9px;
padding:18px 18px 0 18px;
-webkit-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
background-color:#D3E9B6;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
line-height: 22px;
margin-bottom: 18px;
}

#provs img {
position: relative;
left: -18px;
top:6px;
padding-top:12px;
-webkit-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px;
width:391px;
}

/* Contacte -------------------------------------------- */

.bdcnt #header { background:transparent url('/i/b6.png') no-repeat scroll 744px 45px; }
.bdcnt a.mnu6 { color:#2E4403 !important; }
.bdcnt #subheader { background:transparent url('/i/contacte.jpg') no-repeat; }
.bdcnt .buble { background:transparent url('/i/cnbl.png') no-repeat; width: 135px; }
.bdcnt .subtit { margin:20px 230px; }

#frmcon {
margin-left:53px;
width:794px;
}

#frmcon .d-div input {
width:340px;
}

#frmcon textarea {
width:355px;
height:140px;
}

#dv-text {
left:388px;
position: absolute;
top:-1px;
}

/* Preguntes freqüents-------------------------------------- */

.bdfaqs #subheader { background:transparent url('/i/quisom2.jpg') no-repeat; margin-bottom:90px; }
.bdfaqs .buble { background:transparent url('/i/onbl.png') no-repeat; width: 110px; text-align: center; }
.bdfaqs p { line-height: 22px; }

/* Comanda de prova - Tria cistella ------------------------ */

.bdvv .buble, .bdv2 .buble, .bdv3 .buble {
background:transparent url('/i/vvbl.png') no-repeat;
width:180px;
top:-18px;
font-size:15px;
padding-left:12px;
padding-top:42px;
height: 30px;
padding-bottom: 0;
}

.authcli #pasos {
padding-top:0;
}

#pasos {
padding-top: 63px;
margin-left:53px;
margin-bottom:9px;
}

#pasos li, .ctitol {
display:inline-block;
border-radius:5px;
-webkit-border-radius:5px;
background-color:#A2D166;
padding:16px;
font-size:20px;
color:#fff;
}

#pasos a {
color:#fff;
text-decoration:none;
}

.ctitol {
width:762px !important;
font-weight:bold;
color:#fff;
margin-bottom: 18px;
}

.pasel { width:583px; font-weight:bold; }

.cisblk { background:transparent url('/i/cist.jpg') no-repeat 40px; }

.cisblk > div {
cursor:pointer;
height:141px;
}

.triablk > div {
cursor:pointer;
background-color:#F8F1E0;
}

#registre {
width:170px;
position:absolute;
left:640px;
top:12px;
font-size:17px;
font-weight:bold;
padding: 11px 18px;
}

#registre a {
text-decoration:none;
color:#2E4403;
}

/* Comanda de prova - Complerta la cistella ----------------- */

#ticket { display:table; }

#ticket > div {
display:table-cell;
}

#ticket > div:nth-of-type(1) {
width:659px;
}

#ticket > div:nth-of-type(2) {
width:148px;
vertical-align:top;
padding-left;
}

#ticket > div:nth-of-type(2) p {
text-align:right;
padding-right: 9px;
}

#ulcis, #provs {
-moz-column-count:2;
-moz-column-gap:10px;
/*-moz-column-fill:balance;*/
-webkit-column-count:2;
-webkit-column-gap:10px;
/*-webkit-column-fill:balance;*/
column-count:2;
column-gap:10px;
/*column-fill:balance;*/
}

#ulcis > li {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
transition:height 0.2s;
-webkit-transition:height 0.2s;
height:20px;
opacity:1;
width:320px;
text-indent:4px;
padding-top:4px;
padding-bottom:4px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}

/*.ulcis li:hover,*/
.ulcisexp {
opacity:1;
height:48px !important;
background:#fff;
border-radius: 4px;
-webkit-radius: 4px;
padding-bottom:6px;
}
/*
.ulcis li:hover .hohid { display:none; }
.ulcis li:hover .hosho { display:block; }
*/
.ulcisexp .hohid { display:none !important; }
.ulcisexp .hosho { display:block; }

.cislihe {
display: inline-block;
width:244px;
overflow: hidden;
text-overflow:ellipsis;
line-height:12px;
height: 17px;
vertical-align: text-bottom;
}

.cislipr {
display: inline-block;
text-align:right;
width:66px;
}

.cisbut {
background-color:#D3E9B6;
margin:4px 0;
padding:4px 9px 4px 4px;
height:18px
}

.cisbut span { float:left; }

.cisbut a {
float:right;
font-size:12px;
font-weight:bold;
text-decoration:none;
line-height:14px;
margin-top:2px;
margin-left:6px;
text-indent:0;
}

.plus, .minus {
display:inline-block;
height:16px;
width:14px;
background:transparent no-repeat;
vertical-align: bottom;
}

.plus { background-image:url('/i/plus.png'); }
.minus { background-image:url('/i/cminus.png'); }

#cistot {
position: relative;
padding-bottom: 50px;
}
/*
#cistot p {
text-align:right;
padding-right: 9px;
}*/

#cistot a {
/*width:115px;*/
margin-bottom:0;
display:inline-block;
position:absolute;
bottom:0;
padding: 5px 14px;
right:0;
}

#dvcerca {
padding:9px;
text-align:right;
width:776px;
}

#dvcerca form {
margin:0;
display:inline-block;
}

#dvcerca input {
width:306px;
font-size:16px;
}

.btlgnd {
background:#FDFDFD url('/i/down.png') no-repeat scroll right 13px;
font-weight:bold;
color:#A2D166;
width:115px;
display:inline-block;
height:24px;
margin-top:0;
margin-bottom:0;
position:relative;
}

#catblk {
display:none;
margin-bottom:2px;
padding:8px;
font-size:14px;
position: absolute;
left:53px;
z-index:99;
}

#catblk li {
margin-bottom:4px;
}

#catblk ul {
margin-top:4px;
margin-left:15px;
}

#catblk a {
text-decoration:none;
padding:3px 6px;
-webkit-border-radius:3px;
border-radius:3px;
}

#catblk a:hover {
color:#fff;
background-color:#A2D166;
}

#dvctdsc {
float:left;
width:auto;
padding:5px 30px 5px 20px;
max-width:227px;
overflow: hidden;
top: 1px;
text-overflow:ellipsis;
white-space:nowrap;
direction: rtl;
}

#dvctllg {
top:-1px;
}

#dvllng {
display:none;
margin-bottom:2px;
padding:8px;
font-size:14px;
position: absolute;
left:635px;
width:194px;
z-index:99;
}


#prolist {
padding-right:0;
width:785px;
}

#prolist li.ulcisli, #prolist li.ulcisexp {
display:none;
}

#prolist li {
border-radius: 4px;
-webkit-border-radius:4px;
background-color: #fff;
padding:7px;
width:234px;
margin-right: 9px;
float:left;
height:163px;
margin-bottom: 9px;
position: relative;
border:2px solid transparent;
}

#prolist li h5 {
display:block;
width:210px;
height:30px;
margin-bottom:10px;
}

#prolist li.prdrcmnt {
border:2px solid #2E4403;
background:white url('/i/es.png') no-repeat 174px 0px; 
}

body.bdv2 #modalBoxFrame {
border:2px solid #2E4403;
}

/*
#prolist li.prdcnvmes {
background:white url('/i/pp.png') no-repeat 203px 8px;
}

#prolist li.prdcnvmys {
background:white url('/i/pb.png') no-repeat 194px -2px; 
}
*/
#prolist li.prdrcmnt h5 /*,
#prolist li.prdcnvmes h5,
#prolist li.prdcnvmys h5*/ {
width:165px;
}

#prolist li.prdrcmnt .ppreu /*,
#prolist li.prdcnvmys .ppreu*/ {
color:#A2D166;
font-weight:bold;
}
/*
#prolist li.prdcnvmes .ppreu {
color:#E7962D;
font-weight:bold;
}*/

.startip {
position: absolute;
left: 178px;
top: 0px;
width: 30px;
height: 30px;
}

.prdimg {
position:absolute;
top:40px;
left:125px;
}

.prdinf {
position:absolute;
top:9px;
left:225px;
}

#prolist li p {
margin-bottom: 4px;
font-size:14px;
line-height:19px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width: 120px;
}

a.afegir {
font-size: 12px;
border-radius: 4px;
display: inline-block;
width: 72px;
padding: 4px 9px;
background-color: #A2D166;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 13px;
text-align: center;
}

#prolist li a.noprod {
color: black;
font-weight: normal;
background-color: #F8F1E0;
}

#dvprods {
padding-bottom: 0px;
margin-bottom: 100px;
}

#blankholder { display:none; }
#blankli { 	visibility: hidden; }

.recomdt {
color: #ab5634;
font-weight:bold;
}

/* Comanda de prova - Final -------------------------------- */

.infblk {
width:758px;
margin-left:53px;
padding: 32px 18px 18px 18px;
margin-bottom:2px;
font-size:18px;
font-weight:bold;
border-radius:4px;
-webkit-border-radius:4px;
text-align:center;
}

.infblk p { margin-bottom:10px; }

/* Comanda estoc -------------------------------------------- */

.db-estoc #header { background:transparent url('/i/b4.png') no-repeat scroll 571px 46px; }
.db-estoc a.mnu4 { color:#2E4403 !important; }

/* Confirmar comanda ---------------------------------------- */

#dvccfrm {
margin-left:43px;
width:814px;
border:0;
}

#dvccfrm .round {
margin-bottom:9px;
width: 760px;
margin-left: 9px;
}

#dvconfirm {
display:table;
border-spacing: 9px;
border-collapse: separate;
top: -9px;
position: relative;
}

#dvconfirm > div {
display:table-cell;
width:386px;
}

#dvconfirm  > div:nth-of-type(1) {
padding:16px 9px;
border-radius:4px;
-webkit-border-radius:4px;
}

#dvconfirm h3 {
padding-left:9px;
}

#dvresum {
margin-left:9px;
font-size:14px;
}

#dvresum table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}

.padded, .padded td {
padding:9px 18px;
}

.pastilla {
padding:9px 18px;
margin-top:2px
}

#com_comcli {
width:355px;
height:185px;
}

#cisubmit {
margin-top: 2px;
padding: 0 9px;
height: 63px;
}

.resbox {
padding:32px 18px;
}

/* Tooltips ------------------------------------------------- */

#ttip {
display:none;
position:absolute;
z-index:300;
}

#ttip.ttleft {
margin-left: -293px;
background:transparent url('/i/r.png') no-repeat scroll 266px 4px;
padding-right:7px;
}

#ttip.ttright {
background:transparent url('/i/l.png') no-repeat scroll 0 4px;
}

.ttip {
box-shadow:7px 7px 5px 0px rgba(0,0,0,0.4);
-webkit-box-shadow:7px 7px 5px 0px rgba(0,0,0,0.4);
background:white;
border:2px solid #A2D166;
font-size:16px;
line-height:18px;
opacity:1;
margin-left:7px;
padding:11px;
vertical-align:top;
width:450px;
white-space:normal;
min-height:120px;
height:auto;
border-radius:4px;
-webkit-border-radius:4px;
overflow:hidden;
}

.ttip b {
display:block;
width: 240px;
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height: 21px;
}

#ttip img {
/*
position:absolute;
left:168px;
top:45px;
*/
float:right;
}

.ttip p {
margin-top: 4px;
width: 240px;
line-height:21px;
margin-bottom: 0 !important;
}


/* Client ---------------------------------------------------- */

#clhead {
position:relative;
background:transparent url('/i/cua.png') no-repeat 50px 0px;
top:-15px;
left:53px;
font-size:18px;
font-weight:bold;
padding-top:30px;
width:794px;
}

#clhead > span {
border-radius:8px;
-webkit-border-radius:8px;
background-color:#D3E9B6;
color:#2E4403; /* Verd fosc */
padding:10px 18px;
text-align:center;
text-decoration:none;
width:auto;
display: inline-block;
font-size:16px;
}

#clhead > span:nth-of-type(1) { color:#fff; background-color:#2E4403; }

#clhead > span:nth-of-type(4) {
background-color:#F8F1E0;
float:right;
}

#clhead a {
text-decoration:none;
color:#2E4403; /* Verd fosc */
}

.fullw { width:794px; }

.bdclp #clhead { background:transparent url('/i/cua.png') no-repeat 200px 0px; }
.bdclp #clhead > span:nth-of-type(1) { color:#2E4403; background-color:#D3E9B6; }
.bdclp #clhead > span:nth-of-type(2) { background-color:#2E4403; }
.bdclp #clhead > span:nth-of-type(2) > a { color:#fff; }

.bdclc #clhead { background:transparent url('/i/cua.png') no-repeat 370px 0px; }
.bdclc #clhead > span:nth-of-type(1) { color:#2E4403; background-color:#D3E9B6; }
.bdclc #clhead > span:nth-of-type(3) { background-color:#2E4403; }
.bdclc #clhead > span:nth-of-type(3) > a { color:#fff; }

.fldblk {
display:inline-block;
padding-left: 9px;
vertical-align: top;
width:246px;
}
 
#form_customers input { width:210px; }

#form_customers h5 {
margin-top:0;
margin-bottom: 7px;
}

#form_customers div.frmbrd, #form_passw div.frmbrd { background-color:transparent; }

#form_customers fieldset, #form_passw fieldset {
background-color:#F8F1E0;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#form_customers.forms {
border:1px solid #F8F1E0;
}

#dvcus_accepta {
margin-top:20px;
}

#dvobli {
margin-top: 48px;
}

.frmbrd a.button {
margin-left:10px;
}

/* Condicions legals ---------------------------------------- */

#clegal h3 {
margin-top:30px;
margin-bottom:30px;
}

#clegal p { text-align:justify; }


/* Formularis ----------------------------------------------- */

.forms {
border:1px solid transparent; /* Safari fix */
border-radius:5px;
font-size:16px;
margin-bottom:8px;
}

.frmbrd {
background-color:#D3E9B6;
-webkit-border-radius:5px;
border-radius:5px;
padding:9px;
}

#frmlogin {
padding-bottom:9px;
}

#form_login {
margin:0;
}

#form_login .frmbrd {
background-color:transparent;
padding:0;
}

#form_login .f-submit {
float:none;
}

#form_login label {
font-weight:bold;
font-size:14px;
}

#form_login h3 {
margin-bottom:11px;
}

.frmok {
background-color:#D3E9B6;
-webkit-border-radius:5px;
border-radius:5px;
padding:18px 9px;
text-align: center;
}

.form_disabled {
background-color:#E9E9E9;
opacity:.50;
filter:alpha(opacity=50);
}

fieldset {
border:0;
position:relative;
padding:0;
}

.forms p {
margin:15px 0 15px 100px;
}

.forms label {
display:block;
line-height:18px;
height:20px;
padding:9px 8px 4px 2px;
}

label.l-ko {color:red;}

/*
label.l-text {
float:none;
margin:0 0 10px 10px;
padding:0;
text-align:left;
}*/

div.fm-required label:after { content:" *"; }

.forms input, .forms select, .forms textarea {
border-radius:5px;
-webkit-border-radius:5px;
background-color:#FDFDFD;
border:0;
color:#6D5B4D;
padding:6px 15px;
width:170px;
resize:none;
}

.forms select {
margin:0;
padding:5px 10px;
width:200px;
}

/*
.d-div {
padding:10px 0;
}*/

.forms input.f-ko, .forms select.f-ko {
-webkit-box-shadow:2px 2px 5px 2px rgba(195,50,50,0.75);
-moz-box-shadow:2px 2px 5px 2px rgba(195,50,50,0.75);
box-shadow:2px 2px 5px 2px rgba(195,50,50,0.75);
}

.f-submit {
position:relative;
overflow:hidden;
float:right;
}

input[type="submit"].button {
/*padding:6px 38px;*/
font-family:'OpenSans', serif;
}

.fcan {
padding:6px 38px;
margin-right:9px;
background-color:#D3E9B6;
}

.rmbrpssw {
display:inline-block;
width: 120px;
font-size: 14px;
text-align: right;
vertical-align: bottom;
line-height: 18px;
padding-bottom: 10px;
text-decoration:none;
}

#f-group {
position:relative;
}

.f-check input {
display:inline;
vertical-align:middle;
width:15px !important;
}

.f-check label {
display:inline;
vertical-align:middle;
font-size:15px;
line-height:14px;
float:none;
}

.f-float,.f-date,.f-time,.f-int {
text-align:right;
width:70px
}

.f-number {
text-align:right;
}

/*
fa malbe el form de contacte
.f-text{margin:0 0 10px 10px;}*/

.f-units {
width:20px;
display:inline-block;
vertical-align:text-bottom;
line-height:14px;
}

.f-ftext{
display:inline-block;
margin:5px 0 0 3px;
}

.d-none {
height: 54px;
margin:10px 0 0 103px;
}

#f-errbox {
font-size:16px;
text-align:center;
padding: 15px;
background-color: white;
border-radius: 6px;
}

#f-errbox ul {
margin:5px 10px 5px 0;
}

#f-errbox li {
display:inline;
margin-right:10px;
}

.f-cal {padding-bottom:4px}

.dvcert {
line-height:18px;
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.topo {
vertical-align:middle;
border-radius:50%;
-webkit-border-radius:50%;
display:inline-block;
height:12px;
margin:0 2px 4px 0;
width:12px;
}

.dvtopo {
width:50px;
}

.hide {
display:none !important;
}

.disabled {
color:grey;
}

/* Taules -------------------------------------------------- */

.browse_table {
border-collapse:collapse;
margin-bottom:20px;
border-style:none;
border-width:0;
}

.browse_table th {
vertical-align:middle;
white-space:nowrap
}

.browse_table td {
border:0;
padding:9px 18px;
border-bottom:2px solid white;
}

.cbstable td {
border-top:2px solid white;
}

.browse_table tr {background-color:#F8F1E0;}

.browse_table tr:hover { background-color:#D3E9B6; }

.browse_table .button { margin:0 }

#cis_list.browse_table { width:100% }

/* Modals --------------------------------------------------- */

.w3-modal-content {
padding:14px;
min-width:300px;
max-width:700px;
}

.w3-modal-content .dvtopo {
width:auto;
}

.w3-modal-content img {
padding-bottom: 10px;
}

.w3-modal-content p {
margin-bottom:6px;
font-size: 14px;
line-height: 18px;
}

.w3-modal-content h5 {
margin-bottom: 12px;
padding-right: 80px;
}

.w3-modal-content .left {
max-width: 580px;
}

.w3-modal-content .button {
display:table;
margin:auto;
margin-top:12px;
margin-bottom:0;
}

body.bdv2 #modalBoxFrame {
border:2px solid #2E4403;
}

body.bdv2 #modalBoxFrame .startip {
position: absolute;
right: 40px;
width: 40px;
height: 40px;
background: white url('/i/es.png') no-repeat;
left: unset;
}


#scorefrm {
clear:both;
padding-top: 12px;
}

#form_valorar {
margin:0;
}

#form_valorar label {
padding-top:0;
padding-bottom: 9px;
}

#form_valorar textarea {
width:auto;
margin:0;
padding:5px;
}

#form_valorar .frmbrd {
padding:13px;
}

#lblvalor {
display:inline-block;
}

.rating {
display:inline-block;
font-size: 22px;
vertical-align: sub;
}

.rating > input { display: none; } 

#form_valorar .rating label { 
 float: right;
 padding-bottom:0;
}

#f_filter { display: inline-block; margin-bottom:10px;}

#dv-val_comentari {
clear:both;
}

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #DE8723;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #DE8723;  } 

.scored {
display: inline-block;
font-size: 18px;
overflow: hidden;
vertical-align: text-top;
color: #DE8723;
}

#prolist li .scored {
position: absolute;
top: 150px;
left: 125px;
}

.score0 {width: 0}
.score1 {width: 15px;}
.score2 {width: 30px;}
.score3 {width: 45px;}
.score4 {width: 60px;}
.score5 {width: 75px;}

#dv-cognom {
left:-400px;
position:fixed;
}

/*-------------------------------*/
 
@media print {
	body {
	background:#FFF;
	}
	
	#mcontent, .albinf, #container, #aftitol {
	background-color:#FFF;
	}
	
	html, body, #main_container, #container {
	height:auto !important;
	overflow:visible !important;
	}

	#main_container{width:100%; margin:0}
		
	#hmps2 {
	border-color:#fff;
	}
	
	.brtop, .brbot, .noprint {display:none}
}