.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}}*/
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width:50px;
height:28px;
}

/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}

/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #2196F3;
}

input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
} @media screen and (max-device-width:768px) {
@-ms-viewport {width:855px;}
@-o-viewport {width:855px;}
@viewport {width:855px;}
}

@font-face {
font-family:'Garamond';
src:url('/i/GaramondPro.eot');	/* IE 8 and lower http://msdn.microsoft.com/en-us/library/ie/ms530757%28v=vs.85%29.aspx */
src:url('/i/GaramondPro.eot?#iefix') format('embedded-opentype'), url('/i/GaramondPro.woff') format('woff');
font-weight:400;
font-style:normal;
}

@font-face {
font-family:'Verna';
src:url('/i/verna.eot');
src:url('/i/verna.eot?#iefix') format('embedded-opentype'), url('/i/verna.woff') format('woff');
font-weight:normal;
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:#E4DCD5 url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCABkAGQDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAQACB//EACkQAAMAAgEEAgECBwAAAAAAAAABESExAhJBUWFxgSIDkTJiobHB8PH/xAAWAQEBAQAAAAAAAAAAAAAAAAAAAQP/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDvnLtNmLVlOZeQHjnPkK1Ul77gY58rEEFUnehWllxhEkpAqa6dBE29gCdcf0wNRUCmNgTa6vYVcoAZTx9AM35CKeNgZ5X99gWogJIK09J+NhBW9gEcx9AKw4BqKAZjr8oKn5vyA7kCF9gBJ1wAXh7AUuqgEj9gLWPXcAbUV2ApgWIAXAFyecfYBKBrXoCy2qBNzW3gAd+wqTaa94CHNygJt/WgMJZQCk6BrjjLKLpUID9PXzsCWHQqbbWdhDy5anYAndAXV3CrtAiT5NgTcfoBiToUO2hFH9FFieyAr4v0FXU2wNdWW0gBNvinMTIQ+E3Eu4AmpHigLStXkCvbsUFWFukFykAk127hU4luhGe3sDXS+l1/AVJX7CF4wBZsWmBPOv8AYBlypsB4rkt7AXNAE6fkDL6tPQGlwx7Aul7YBgK21+SS0ESqvhgS48mqBX8X5AI0lAHDTfdaALnHcAe219gPLLvkA7AStoFW/gAil7gavcB92gS5O+gqcCB8nGBdqAYa9oAeQJpwCf8AcBWp3AI65oC/mAXHx9gSTgGuLwBY347AZaun/EAfksWgF9AaS7+Apv35KjLZFajTTWaEFjgDFIALiArDAXOwGe+AB9V9AXU19gS5ckoAdXN/EAnVoBjqa77AePJgLSda8gHTkCfGVgSm2FLid/cIy+W+wGlrewM8uLlWwL8tsBWAKV9S13AZMgTbU8ADfsCjn9AHvnQGXOrGgLnJ6ufkCf8AwBQG1b7mADlcfAGVpQBcmNlErgCzcgZ/Hqd1ckDn6/wB/9k=');
color:#6D5B4D;
font-family:'Garamond', serif;
font-size:18px;
height:100%;
line-height:18px;
}

h1, .upper {
text-transform:uppercase;
}

h2,h3 {
font-size:17px;
font-weight:normal;
}

h2,h3,h4 {
margin-bottom:10px;
}

p {margin-bottom:7px;}

a {
color:inherit;
outline:none;
}

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

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

.msgBoxOk {
font-weight:bold;
background-color:white;
padding:10px 5px;
}

.msgBoxWarn {
color:#E64A25;
font-family:'Garamond', serif;
font-size:14px;
margin-bottom:10px;
}

.right {float:right}
.left {float:left}

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

.flip, .dvllas:before {
transform:scaleX(-1);
-ms-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
}

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

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

.msgBoxWarn ul {
margin:15px;
}

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

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

#main_container {
height:98%;
margin:0 auto;
position:relative;
text-align:left;
width:835px;
}

.brtop {
margin-left:9px;
vertical-align:top;
}

.brbot {
margin-left:9px;
vertical-align:bottom;
}

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

#footer {
color:#7E6B60;
font-size:16px;
margin:40px 0 15px;
text-align:center;
width:820px;
}

.block a, #footer a, #form_login_submit:hover, .fcan:hover, #alogout:hover,
a.link:link, a.link:visited, a.link:hover {
text-decoration:underline;
}

.link {
color:blue;
}

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

#header {
position:relative;
background:transparent url(/i/h.png) no-repeat 0 17px;
height:140px;
margin:0;
width:820px;
}

.lccpae {
width: 60px;
left: 320px;
position: absolute;
top: 20px;
}

#header a.rsbox1, #header a.rsbox2 {
display:inline-block;
position:absolute;
height:29px;
top:46px;
width:28px;
}

.rsbox1 {
left:744px;
}

.rsbox2 {
left:776px;
}

#cliar a.mnu7 {display:none}
#cliar a.mnu4 {display:inline}

#subheader {
background-color:#C7B299;
color:#fff;
font-family:Verna;
font-size:24px;
height:90px;
line-height:20px;
margin:0 8px 0;
padding:15px 0 0 25px;
width:780px;
position:relative;
}

#subheader span, #subheader p, #alogout,
.forms input, .forms select, .forms textarea , #cismnu {
font-family:'Garamond', serif;
font-size:16px;
}

#subheader span {
margin-top:6px;
position:absolute;
left:24px;
top:65px;
}

#subheader p {
margin-top:5px;
}

#subheader span a {
color:#000;
}

#subheader span a:nth-child(n+2), .barra {
border-left:1px solid #fff;
margin-left:15px;
padding-left:15px;
}

.slfc,.bdcm .slcf, #seccomandes #cmnds, #secperfil #prfl, #secpassw #cnvpw {
font-weight:700;
}

.bdcm .slfc {font-weight:400;}

#espcli, #gohome {
background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALMAAAAfBAMAAABe5OFVAAAALVBMVEUAAACUhHNrWkqlkHu2qZygloqchHOId2ecjHPOwbl+a2B7c2N7Y1pzY1JzY1py7r/6AAAAAXRSTlMAQObYZgAAAKVJREFUSMfV0zEKwlAQRdEnH8RyJkQXMKViIW4gpBMsXELcgZ3138HfhWBv7y6s3UmKBCsLCdzCVw+H24z0V6veB4yOeBSGbiNi02B0rAtGx5OjLxj9Moje3hyhj/eru5uST9pq/335c2HSzpmZpmb/QlPZJizbhGV3wrJPwrIHOnE0kj3SiaMXHJ0xmoge6YzRM+5lzgjdSJo7RjPRXrDoGoteFvUV3pBBfRsK1gAAAABJRU5ErkJggg==') no-repeat;
color:#fff;
display:block;
font-size:18px;
height:32px;
left:638px;
padding:10px 0 0 30px;
position:absolute;
top:60px;
width:152px;
}

#gohome { top:20px; }

#google_translate_element {
position:absolute;
left:643px;
top:110px;
z-index: 99;
}

/* Pagina com funciona ---------------------------------- */

.block {
background-color:#E4DCD5;
line-height:25px;
margin:8px;
padding:15px 0 8px 25px;
width:780px;
}

#hmps1 {
background:#E4DCD5 url(/i/cist.png) no-repeat 250px 10px;
height:200px;
padding-top:70px;
position:relative;
}

#hmps2 {
border-right:6px solid #F0EAE6;
border-top:6px solid #F0EAE6;
height:45px;
margin:-98px 0 0 -25px;
padding:25px 0 0 25px;
width:635px;
}

#hmps3 img {margin:-30px 20px 0 9px;}

#hmps4 img {margin:-15px 0 0 40px;}

#hmps5, #mcontent {background-color:#F0EAE6;}

#hmps5 .shtit {width:235px;}

.block img, #ctitol span, #aftitol span, .ulcd span, #cismnu, .topo, .liche, .arrow {
vertical-align:middle;
}

span.pasb {
background:transparent url('data:image/gif;base64,R0lGODlhIAAgAPMPAGtaSs7GvZSEe97WztbOxqWUjHNjWr21rYRzY5yMhIx7c62clMa9tbWlnL2tpefe1iH5BAUAAA8ALAAAAAAgACAAAASa8MlJayA1a82WAiBoJM6wnc+BhGxbYOgUfG3NNnFq76xgbgeeEKT4VRjDpCBDMCSTOIrg+YQ9AtRnYpLIVh8D73OhEw8Vj4U5+ZiuhQH3exef8+p2Gz7fCjT4NQ9IgCFLA06EAA4SBYkAPwSJBRSNfAZWYCt5BxkBiG+TGp6gKKNiZDEDXVQIDDkyqzwIJa8VBAcFcggCDQExEQA7') no-repeat;
color:#fff;
display:inline-block;
font-family:Verna;
font-size:21px;
height:32px;
line-height:25px;
margin:-5px 0 0;
padding:3px 0 0;
text-align:center;
vertical-align:top;
width:32px;
}

.shtit {
display:inline-block;
vertical-align:top;
width:200px;
}

.shtext {
color:#000;
display:inline-block;
font-family:'Garamond', serif;
font-size:15px;
line-height:18px;
}

#cspr0,#cspr1,#cspr2,#cspr3 {
cursor:pointer;
display:inline-block;
font-family:Verna;
font-size:17px;
height:45px;
position:relative;
text-align:center;
top:-50px;
vertical-align:bottom;
}

#cspr1,#cspr2,#cspr3,.ttsup {
background:transparent url('data:image/gif;base64,R0lGODlhCwAFAPECAMatlN7Wzufe1gAAACH5BAUAAAIALAAAAAALAAUAAAIPlBUQxwnK0JvLuPnWxbkAADs=') no-repeat bottom left;
}

#cspr1 {width:100px; padding-top:75px;}
#cspr2 {left:20px; width:115px; padding-top:60px;}
#cspr3 {left:40px; width:125px; padding-top:60px; padding-bottom: 5px; height:45px;}
#cspr0 {left:55px; width:110px; padding-top:20px;}

#cstt0,#cstt1,#cstt2,#cstt3,#ectit {
display:inline-block;
font-family:'Garamond', serif;
line-height:14px;
position:relative;
}

#cstt1,#cstt2,#cstt3,#ectit {
color:#fff;
font-size:14px!important;
height:42px;
padding:5px;
vertical-align:top;
}

#cstt1,#cstt2,#cstt3 {
background:#C7B299;
cursor:pointer;
top:-50px;
}

#cstt1 {left:240px;width:95px;}
#cstt2 {left:256px;width:108px;}
#cstt3 {left:273px;width:115px;}

#cstt0 {
color:#000;
cursor:pointer;
font-size:14px!important;
left:288px;
top:-49px;
width:124px;
}

#cstt0 span {
font-size:17px;
line-height:18px;
}

#ectit {
background:#948473 url('data:image/gif;base64,R0lGODdhhwAFAPEAAMeymc61pZSEc/Dq5iwAAAAAhwAFAAACLYSPqcvtGkR4tNprhh64+xYJ0keWysaZahWK4wpfaEwnrfvWejLv8Y3L+XSoAgA7') no-repeat;
left:674px;
top:-20px;
position:absolute;
width:125px;
padding-top:8px;
}

/* Layout cistelles ---------------------------- */

#container {
background-color:#F0EAE6;
display:inline-block;
font-size:14px;
height:100%;
margin:0;
padding:7px 0 0 8px;
vertical-align:top;
width:625px;
}

#panelr {
display:inline-block;
margin:7px 0 0;
padding:0 5px;
width:171px;
}

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

h1, #ctitol, #aftitol {
font-family:Verna;
font-size:21px;
font-weight:normal;
}

#ctitol {
height:34px;
}

.pasg, .pasr {
color:#fff;
display:inline-block;
font-family: Verna;
font-size:14px;
height:22px;
line-height:16px;
margin:5px 2px 0 0;
padding:3px 0 0;
text-align:center;
width:23px;
}

.pasr{
background:transparent url('data:image/gif;base64,R0lGODlhFgAWAPIHAGtaSmtaUntrWoh3b5+UjMm9u+vi2vfv5yH5BAUAAAcALAAAAAAWABYAAANYeLpWJCASYpa1Bca96VUGwY2bUF0iqZpWqqrDabw0QChuFNRbpfGkQgH4IgyJJCMyeVx2mk7bLBopHHLLChR5wzlZoMHSajGIgeRLqBb7lAnnp3veKJzcCQA7') no-repeat;
}

.pasg {
background:transparent url('data:image/gif;base64,R0lGODlhFwAWAPIFAMatlMa1nM65pdbBseLWyQAAAAAAAAAAACH5BAUAAAUALAAAAAAXABYAAANTWLpFEyCKwSojMGpN7RpbqAVeAYooYBFpSjJt25lxu2S1SCh5SrE9kaARFJGARc2wkNwscckdralSIItLxaloERSlFW8ObNmiAuTSIzRIly7uSgIAOw==') no-repeat;
}

#cismnu{
display:inline;
margin-left:10px;
float:right;
}

#cismnu li, .optcats li {
background:#E4DCD5;
color:#978188;
display:inline-block;
margin:0 0 0 2px;
padding:8px 15px;
}

#aftitol, .optcats {
background:#F0EAE6 url('data:image/gif;base64,R0lGODlhJwATAPABAP39/QAAACH5BAUAAAEALAAAAAAnABMAAAI4jI+JoO3fgIS0GomtVrjv34WfFZYjVKZnlKrr0cZvENdrjY/4vu0+6fuhgsEH8cg6EhPKJqzpLAAAOw==') no-repeat bottom center;
padding:8px;
}

.cist1 #csmnu1, .cist2 #csmnu2, .cist3 #csmnu3, .cist0 #csmnu0,
.optcats li.catsel, .pwfill {
background-color:#FDFDFD;
}


/* Llegenda --------------------------------------- */

#llegenda, #dvpromo {
background:#E4DCD5;
font-size:14px;
padding:9px;
position: relative;
}

#llegenda h2 {
color:#978188;
}

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

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

/* Promocions ------------------------------------- */

#dvpromo {
margin:9px 0 60px 0;
}

#dvpromo .plus {
background-position:0 3px;
padding-left:20px;
height:auto;
width:auto;
}

/* Ticket ----------------------------------------- */

#ciscar {
background:transparent url('data:image/gif;base64,R0lGODlhDQALAPIHAMatlMa1nM65pdTBs+bd0vf38////wDe/yH5BAUAAAcALAAAAAANAAsAAAMlOHPcfiCK9Vi8INCGu7adB4XdQJbnRRTpUBhsuRp0MQ3rS+9FAgA7') no-repeat top right;
padding-top:10px;
width:191px;
}

.arrow {
background:transparent url('data:image/gif;base64,R0lGODlhIQAUAPIHAHNjUntrY4x7c5SMhKWclK2lpb21rQAAACH5BAUAAAcALAAAAAAhABQAAANVeLrc/tCRSFeBBNQ6XtYbFHTNB4YNAJCLqb5wLL/s4c44zt55D5M8n7ATFPo6AqOSpkgujYaF89lrTKmyqBUbC0SmBIN4TC5rK06UunlahwTuuFyRAAA7') no-repeat;
display:inline-block;
height:20px;
margin-right:10px;
width:33px;
}

#ciscntr {
background:#FDFDFD;
border-bottom-right-radius:7px;
padding:10px 15px 10px 10px;
}

.forms label, .f-units, .ulcis li, .ulciso li, .csvli li, .prored, .prodesc {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.csvli {
font-size:14px;
margin-top:10px;
}

.utot {
border-bottom:1px solid #6D5B4D;
padding:10px 0 25px;
margin-bottom:10px;
}

.utot h1 {
float:left;
}

#ciscar h1 {
font-size:19px;
}

.ulcd {
position:relative;
clear:both;
font-size:14px;
}

.liche {
color:#C7B299;
float:right;
font-size:20px;
margin-bottom:6px;
}

.utot .liche {
color: #6D5B4D;
}

/* Cistelles -------------------------------------- */

#dvcist, #dvcadd {
background:#FDFDFD;
overflow:hidden;
vertical-align:top;
width:625px;
transition:max-height 1s;
-webkit-transition:max-height 1s;
}

#dvcadd {
padding-top:15px;
overflow-y:auto;
}

#frmcis {
clear:both;
}

#dvla, #dvlc {
margin:5px 0 0 5px;
user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
}

#dvlc {
padding-bottom:5px;
min-height:30px;
}

#dvla {
min-height:50px;
margin-bottom:15px;
}

/* Items cistella --------------------------------- */

.ulcis li, .ulciso li {
display:inline-block;
padding:6px 0 10px 0;
position:relative;
transition:height 1s, width 0.5s, opacity 1s;
-webkit-transition:height 1s, width 0.5s, opacity 1s;
}

.ulciso li:hover {
cursor:pointer;
}

.ulcis li.pshow:hover,
.ulciso li.pshow:hover {
opacity:1;
transition:none;
-webkit-transition:none;
}

li.pshow {
height:66px;
opacity:1;
width:155px;
}

.ulciso li.phiding, li.phide {
margin:0;
padding:0;
width:0;
}

li.phide {
opacity:0;
height:0;
}

li.phiding {opacity:0;}

.prored {
display:block;
font-weight:bold;
line-height:15px;
height:16px;
font-size:16px;
margin-left:5px;
width:140px;
}

.prfot {
border-right:1px solid #6D5B4D;
left:0;
margin-right:5px;
opacity:0;
padding-right:5px;
position:absolute;
top:22px;
transition:opacity 1s;
-moz-transition:opacity 1s;
}

.prodesc {
height:58px;
line-height:15px;
margin:-1px 0 0 68px;
padding-left:4px;
width:80px;
}

.cisbut {
line-height:12px;
overflow:hidden;
position:absolute;
margin:-9px 68px 0;
width:80px;
}

.cisbut a {
opacity:0.6;
}

.dvtopo {
display:inline-block;
padding-left:7px;
width:50px;
}

li:hover .cisbut a, li:hover .dvitip {
opacity:1;
}

.plus, .minus, .dvitip, .dvttip {
display:inline-block;
height:12px;
width:12px;
vertical-align:top;
}

.plus {
background:transparent url('data:image/gif;base64,R0lGODlhDAAMAPIHAJyEc5yMe6WUhLGgkL2xptrWzf///wAAACH5BAUAAAcALAAAAAAMAAwAAAM5eHo0Q2sRQCtUE4xSBr3VYBgexWjP2HjEVIywUQAt8MYyfYRjCSgBiohECSwoAo7AFAlWjBHJZZEAADs=') no-repeat;
}

.minus {
background:transparent url('data:image/gif;base64,R0lGODlhDAAMAPIHAJyEc5yMe6WUhLGgkLqtocrBufPz7gAAACH5BAUAAAcALAAAAAAMAAwAAAMpeHpFtLCASSO9YOEbGBhgOAjZABhoakiFqaasJIakslGdd1sYtDQPSAIAOw==') no-repeat;
}

.dvitip, .dvttip {
background:transparent url('data:image/gif;base64,R0lGODlhDAAMALMAAAAAAMa1nM61nNbGtd7Ovd7Wxufezvv38wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAAMAAwAAAQsEEhQxihzlsA7lht3HJ7UBeNJnWxQnWlnwWRHALSKdzE3dQZDJ7PTESmfSQQAOw==') no-repeat;
}

.dvitip{
left:45px;
opacity:0.6;
position:absolute;    
top:70px;
z-index:100;
}


.hide {
display:none;
}

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

.ttsup {
border:0;
display:block;
height:5px;
left:32px;
position:absolute;
top:-15px;
width:20px;
z-index:400;
}

#ttip {
background:white;
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);
border:10px solid #C7B299;
display:none;
font-size:14px;
line-height:16px;
opacity:1;
position:absolute;
margin-top:20px;
margin-left:-42px;
padding:0 !important;
vertical-align:top;
width:250px;
white-space:normal;
z-index:300;
}

#ttip b {
display:block;
font-weight:bold;
font-size:15px;
}

#ttip img {
position:absolute;
left:0;
margin-left:128px;
top:5px;
}

.ttcer {
padding:5px;
}

#ttip .ttcer img, #frcnt {
position:relative;
margin:0;
}

#ttip p {
background-color:#C7B299;
color:#fff;
display:block;
padding:5px;
margin:0;
width:100%;
}

.ttltxt {
display:block;
height:auto;
left:5px;
padding-bottom:5px;
min-height:118px;
position:relative;
top:5px;
width:125px;
}

.ttfull {
padding:5px;
}

/* Productes opcionals -------------------------------------- */

.optcats {
background-position:90% 100%; 
display:inline-block;
margin:6px 0 0 -2px;
padding:0;
width:100%;
}

.bbig #dvlc {
background:transparent url('data:image/gif;base64,R0lGODlhJwATAIAAAP39/fDq5iH5BAEAAAAALAAAAAAnABMAAAI4hI+Joe3fgoS0GomtVrjv34WfFZYjVKZnlKrr0cYvENdrjY/4vu0+6fuhgsEH8cg6EhPKJqzpLAAAOw==') no-repeat 90% 100%;
}

#prdextr {
clear:both;
}

#prdextr h1 {
background:transparent url('data:image/gif;base64,R0lGODlhCgAPAPIEAHNjUntrY6WclL21rQAAAAAAAAAAAAAAACH5BAUAAAQALAAAAAAKAA8AAAMfSLqsAVC0AWEjFdy8a7cNF3ojqAxCJgxLZirieM1EAgA7') no-repeat 75px 2px;
width:85px;
}

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

.forms {
background-color:#E4DCD5;
border:1px solid transparent; /* Safari fix */
font-size:16px;
margin-bottom:8px;
}

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

fieldset {
border:0;
position:relative;
padding:0;
padding-right:10px;
}

h5 {
font-size:16px;
margin:25px 100px 0;
}

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

.forms label {
display:block;
float:left;
line-height:18px;
height:20px;
width:92px;
margin:7px 8px 0 0;
text-align:right;
}

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 {
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 {
margin: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);
}

#dv-email {
float:left;
padding-top:10px
}

#form_lostpw #dv-email {
padding-top:0;
}

#dvlcfrm .f-submit { width:120px; }
#frml .f-submit { width:123px; }

.f-submit {
background:transparent url('data:image/gif;base64,R0lGODlhDQAKAPIHAJyEc5yMc6CQf7OfjMaxnMa9tdbGsQAAACH5BAUAAAcALAAAAAANAAoAAAMiOHXcfiAC9Zi8YrXLp+0cBF7DKA3EGAiogbEoIRtybddGAgA7') no-repeat 108px 0px;
padding-top:10px;
position:relative;
overflow:hidden;
width:130px;
float:left;
}


.fsarrw {
background:transparent url('data:image/gif;base64,R0lGODlhEAAiAPIFAMa1nM69pdbGtd7Ovd7WxgAAAAAAAAAAACH5BAUAAAUALAAAAAAQACIAAANTCLrcEC6qEqBkhdoLsuadt0leNjqleaVqxLbNCy/yHNZjLdJ6Jkw9VVA0NBUHgSEBElwCa87nKypNUaueK7ZAIFlPvCw4zB2HtagyqIOOtCPmSAIAOw==') no-repeat;
height:34px;
width:16px;
float:left;
}

.d-pass {
float:left;
margin:0;
padding-top:10px;
}

a.ckbutton {
text-decoration:none;
background-color:#C7B299;
border-radius:3px;
color:#fff;
cursor:pointer;
padding:5px 8px;
}

input[type="submit"].button {
background-color:#C7B299;
border-bottom-right-radius:7px;
color:#fff;
cursor:pointer;
display:block;
float:left;
font-size:17px;
height:34px;
line-height:16px;
margin-left:-1px;
width:105px;
padding:8px 15px;
}

.fcan {
font-weight:500;
margin:18px 0px 10px 15px;
text-decoration:none;
display:inline-block;
}

.f-check {
margin-left:91px;
}

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

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

#altcsub a:link, #altcsub a:hover, #altcsub a:visited, #altcsub a:focus {text-decoration:underline;}

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

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

.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;
}

.f-rtext label {
text-align:left;
float:none;
width:195px;
}

.f-rtext input, .f-rtext textarea, .f-rtext label, .f-errbox  {
margin-left:100px;
}

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

.f-errbox {
font-size:16px;
}

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

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

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


/* Login -------------------------------------------------- */

#pwdsmt {
float:right;
}

#pwdsmt .f-submit {
margin-left:-14px;
}

#clgnopt {
display:inline;
margin-left:100px;
}

#clgnopt input {
width:auto;
}

#clgnopt a {
font-size:12px;
}

#clgnlgn {
margin:8px 0 0 0;
}

#clgnlgn .d-div {
margin-top:0;
}

.pwfill {
display:inline-block;
padding-right:17px;
margin-bottom: 2px;
}

#password {
display:inline-block;
padding-right:0;
width:77px;
}

#lgnwrp {
height:20px;
}

#form_login {
margin-bottom:20px;
width:613px;
}

#dvlcfrm fieldset, #form_customers fieldset {
width:634px;
}

#frml #form_login, #form_lostpw {
width:795px;
}

#frml fieldset {
width:817px;
padding:10px 0 10px 0;
}

#password, #email {
height:22px;
}

#frml #password, #frml #email {
width:200px;
}

#form_login h5 {
display:inline-block;
margin-top:10px;
}

#form_login .f-errbox {
float:left;
}

#form_login_cancel {
margin: 0px 50px 10px 0px;
float:right;
}

/* Alta client ---------------------------------------------- */

.subtt {
height:34px;
padding-left:105px;
}

#altcsub {
position:relative;
margin-top: 20px;
margin-bottom: 20px;
/*top:-95px;
left:310px;
width:380px;*/
}

#altclprf {
position:absolute;
top:-26px;
left:310px;
}

#fdvruta {
position:relative;
left:310px;
top:-150px;
width:300px;
}

.imgmid {
vertical-align:middle;
margin-bottom:2px;
margin-left:5px;
}

p.notap {
margin:10px 20px 20px 130px;
}

.none {
height:0;
}

.lftarrw {
background:transparent url('data:image/gif;base64,R0lGODlhBQALAPECAPTw7P39/efe1gAAACH5BAUAAAIALAAAAAAFAAsAAAIPlAUHYcseYJhUItqmYqoAADs=') no-repeat;
display:inline-block;
width:5px;
height:20px;
}

#rutinf {
background:#FDFDFD;
padding:10px 8px 18px 18px;
margin-left:5px;
margin-top:-37px;
}

#fdvruta .f-check {
margin:0;
}

#altclprf select {
background-color:#C7B299;
border-radius:5px;
color:#fff;
}

#altclprf h5 {
margin-bottom:10px;
position:relative;
width:200px;
}

#altclprf h5 img { vertical-align:middle; }

#altcsub .f-submit {
left:514px;
top:-70px;
}

#altcsub .d-none {
font-size:14px;
}

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

#form_ciscomm {
background-color:#F0EAE6;
}

.fosc {
background-color:#E4DCD5;
display:inline-block;
padding:8px;
}

.fosc textarea {
width:578px;
}

#form_ciscomm h1 {
margin:20px 0 10px 10px;
}

#form_ciscomm p.msgBoxWarn {
font-size:16px;
margin:5px 0px 15px 5px;
}

#resbtm, .resbox {
background-color:#E4DCD5;
width:612px;
}

.resbox {
padding:8px;
margin-bottom:8px;
font-size: 16px;
}

.resbox h5 {
margin:8px;
}

#resthx {
background:transparent url(/i/g.png) no-repeat bottom center;
font-family:Verna;
font-size:17px;
line-height:24px;
margin:110px 0 0 10px;
padding-bottom:110px;
text-align:center;
width:620px;
}

#restop {
background-color:#F0EAE6;
overflow:hidden;
}

#resleft, #resright {
padding-bottom:99999px;
margin-bottom:-99999px;
float:left;
}

#resleft {
width:265px;
}

#resright {
margin-left:8px;
width:307px;
}

#resleft p {
margin-left:0;
}

#resright table {
margin-bottom:5px;
width:100%;
}

#resbtm {
margin-top:8px;
padding:20px 8px 20px 8px;
position:relative;
width:597px;
}

#resbtm .f-submit {
display:inline-block;
float:right;
margin-right:-29px;
margin-top:-10px;
}

#resbtm .btn {
background-color:#F0EAE6;
display:inline-block;
margin-left:10px;
padding:8px 15px;
}

#resbtm b {
position:absolute;
left:320px;
top:27px;
}

/* 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:5px 8px;
}

.browse_table tr:nth-child(even)  {background-color:#F0F0F0;}

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

/* Espai client -------------------------------------------------------------- */

#cliar #subheader {
background-color:#978475;
}

#cliar #falda {
background:transparent url(/i/cli.png) no-repeat;
}

#alogout {
position:absolute;
left:700px;
top:5px;
}

#clicntnr {
font-size:16px;
padding:8px;
}

.clinner {
background-color:#E4DCD5;
padding:15px 8px 8px 25px;
margin-bottom:10px;
}

#form_customers {
padding-bottom:10px;
width:624px;
}

#form_lostpw .f-submit {
margin-left:-14px;
margin-top:-3px;
}

#form_lostpw label {
width:auto;
}

.l-ruta {
padding-bottom: 10px;
}

#prfrmcon .f-submit {
left:515px;
top:-50px;
}

#ckwarn {
margin-bottom:0;
line-height: 24px;
text-align: center;
padding: 15px 10px;
position:sticky;
top:0;
z-index: 999;
background-color: #948473;
color: white;
}

#dvctdsc {
margin-left:11px;
padding-right:11px;
}

.tblcookies {
margin:20px;
text-align: left;
}

.tblcookies th, .tblcookies td {
padding-bottom: 10px;
}

input:checked + .slider {
background-color: #C7B299;
}

input:focus + .slider {
box-shadow: 0 0 1px #C7B299;
}

.tedesc {
text-decoration: underline;
text-underline-offset: -40%;
text-decoration-skip-ink: none;
color:red;
}

.tenwpreu {
color: #2c9229;
}

/*-------------------------------*/

@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}
}