/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #000000;
}

html{
	font-size: 1em;
    line-height: 1.4;
	/*height:101%;*/
	overflow-y: scroll;
	color:#000;
	background-color:#FFFFFF;
	font-size:14px;
}

body{
	margin:0;
	padding:0;
}

a, a:hover, a:visited, a:focus, a:active { color:#1d1d1b; outline: 0; text-decoration:underline; }

h1, h2, h3 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
/*bkm*/

#container{
	position:relative;
	float:left;
	width:100%;
	opacity:0;
	overflow:hidden;
}

.container2{
	position:relative;
	width:95%;
	max-width:1250px;
	margin:0 auto;
}

.container3{
	position:relative;
	width:905px;
	margin:0 auto;
}

#avisnavegador{
	position:relative;
	float:left;
	width:100%;
	background-color:#ccc;
	color:#000;
	padding:7px 0;
	text-align:center;
}

#avisnavegador a{
	color:#000;
}

#alerts{
	position:fixed;
	top:0;
	left:0;
	background-color:#FFFF00;
	padding:3px;
	z-index:400;
	display:none;
}


/*@font-face {
    font-family:'arsenale_white';
    src: url('../fonts/arsenale_white-webfont.eot');
    src: url('../fonts/arsenale_white-webfont.eot') format('embedded-opentype'),
         url('../fonts/arsenale_white-webfont.woff') format('woff'),
         url('../fonts/arsenale_white-webfont.ttf') format('truetype'),
         url('../fonts/arsenale_white-webfont.svg#arsenale_white') format('svg');
}*/

@font-face {
    font-family:'arsenale_white';
    src: url('../fonts/Arsenale White-webfont.eot');
    src: url('../fonts/Arsenale White-webfont.eot') format('embedded-opentype'),
         url('../fonts/Arsenale White-webfont.woff') format('woff'),
         url('../fonts/Arsenale White-webfont.ttf') format('truetype'),
         url('../fonts/Arsenale White-webfont.svg#arsenale_white') format('svg');
}

@font-face {
    font-family:'OpenSansRegular';
    src: url('../fonts/OpenSansRegular-webfont.eot');
    src: url('../fonts/OpenSansRegular-webfont.eot') format('embedded-opentype'),
         url('../fonts/OpenSansRegular-webfont.woff') format('woff'),
         url('../fonts/OpenSansRegular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSansRegular-webfont.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family:'OratorStd';
    src: url('../fonts/OratorStd-webfont.eot');
    src: url('../fonts/OratorStd-webfont.eot') format('embedded-opentype'),
         url('../fonts/OratorStd-webfont.woff') format('woff'),
         url('../fonts/OratorStd-webfont.ttf') format('truetype'),
         url('../fonts/OratorStd-webfont.svg#OratorStd') format('svg');
}

@font-face {
    font-family:'BrokenChalk';
    src: url('../fonts/BrokenChalk-webfont.eot');
    src: url('../fonts/BrokenChalk-webfont.eot') format('embedded-opentype'),
         url('../fonts/BrokenChalk-webfont.woff') format('woff'),
         url('../fonts/BrokenChalk-webfont.ttf') format('truetype'),
         url('../fonts/BrokenChalk-webfont.svg#BrokenChalk') format('svg');
}

@font-face {
    font-family:'Broken Chalk2';
    src: url('../fonts/Broken Chalk2-webfont.eot');
    src: url('../fonts/Broken Chalk2-webfont.eot') format('embedded-opentype'),
         url('../fonts/Broken Chalk2-webfont.woff') format('woff'),
         url('../fonts/Broken Chalk2-webfont.ttf') format('truetype'),
         url('../fonts/Broken Chalk2-webfont.svg#Broken Chalk2') format('svg');
}

@font-face {
    font-family:'BrokenChalk3';
    src: url('../fonts/BrokenChalk3-webfont.eot');
    src: url('../fonts/BrokenChalk3-webfont.eot') format('embedded-opentype'),
         url('../fonts/BrokenChalk3-webfont.woff') format('woff'),
         url('../fonts/BrokenChalk3-webfont.ttf') format('truetype'),
         url('../fonts/BrokenChalk3-webfont.svg#Broken Chalk3') format('svg');
}

h1,h2,h3{
	font-size: 1em;
	font-weight:normal;
 	margin:auto;
}

.text{
	font-family:'Open Sans';
	font-size:16px;
	line-height:2.45;
	color:#000;
}

.hyphenate{
	hyphens: auto; 
	-webkit-hyphens: auto; 
	-moz-hyphens: auto; 
	-ms-hyphens: auto;
	-webkit-font-variant-ligatures: no-common-ligatures;
	font-variant-ligatures: no-common-ligatures;
}

.donthyphenate{
	hyphens: none; 
	-webkit-hyphens: none; 
	-moz-hyphens: none; 
	-ms-hyphens: none;
	-webkit-font-variant-ligatures: no-common-ligatures;
	font-variant-ligatures: no-common-ligatures;
}

#fotoheader{
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
}

.fons_header{
	width:100%;
	position:absolute;
	top:0;
}

#logo{
	position:absolute;
	top:35px;
	left:0;
	width:283px;
	transform-origin:top left;
}

#logo img{
	width:100%;
}

#logo2{
	position:absolute;
	top:0px;
	left:0;
	/*position:relative;
	float:left;
	margin-top:-18px;*/
	width:284px;
	transform-origin:top left;
	z-index:100;
}

#logo2 img{
	width:100%;
}

#contmenu{
	position:relative;
	float:left;
	width:100%;
	margin-top:32px;
	margin-bottom:100px;
}


#menu{
	position:relative;
	float:left;
	width:100%;
}

#menumenu{
	position:relative;
	float:right;
	width:917px;
	transform-origin:top right;
}

#menuimg{
	width:100%;
}

.menuactual{
	position:absolute;
}

.menuactual img{
	width:100%;
}

#menutitolcontacte{
	position:absolute;
	width:178px;
	top:7px;
	right:-30px;
}

#menutitolcontacte img{
	width:100%;
}

.botomenu{
	position:absolute;
	height:73px;
	top:0px;
	background-color:#0FF;
	opacity:0;
	cursor:pointer;
	z-index:200;
}

.sobremenu{
	position:absolute;
	top:-20px;
	left:0;
	opacity:0;
	z-index:100;
	width:100%;
}

.sobremenu img{
	width:100%;
}

#menuxarxes{
	/*position:relative;
	float:left;
	width:144px;*/
	position:absolute;
	width:144px;
	top:0;
	left:0;
	transform-origin:top left;
}

#menuxarxes img{
	width:100%;
}

#menuxarxes2{
	position:absolute;
	width:144px;
	top:18px;
	left:270px;
	transform-origin:top left;
	z-index:100;
}

#menuxarxes2 img{
	width:100%;
}

#menuxarxes4{
	position:absolute;
	width:144px;
	top:18px;
	left:270px;
	transform-origin:top left;
	z-index:300;
}

#menuxarxes4 img{
	width:100%;
}

#menumob{
	position:absolute;
	top:30px;
	right:30px;
	display:none;
	transform-origin:top right;
	z-index:550;
}

#menumob.open{
	position:fixed;
}

#menumobampliat{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#b9e0a0;
	display:none;
	z-index:500;
}

#menumobampliatcont{
	position:relative;
	width:100%;
	float:left;
	line-height:0.8;
}

.itemmenumobampliat{
	position:relative;
	float:left;
	clear:both;
	font-family:'OratorStd';
	font-size:22px;
	color:#000;
	letter-spacing:-1.3px;
	line-height:1.5;
	text-align:center;
	width:80%;
	left:50%;
	margin-left:-40%;
	margin-bottom:5px;
}

.itemmenumobampliat a{
	text-decoration:none;
	color:#000;
}

.itemmenumobampliatimg{
	position:relative;
	margin:0 auto;
	width:120px;
}

#contdestacats{
	position:relative;
	float:left;
	width:100%;
	margin-top:61px;
}

#contbotiga{
	position:relative;
	float:left;
	width:100%;
	margin-top:85px;
	margin-bottom:-100px;
}

#botigagrid{
	margin:0 auto;	
}

.itembotiga{
	position:relative;
	float:left;
	width:260px;
	margin-bottom:123px;
}

.itembotigafoto{
	position:relative;
	float:left;
	width:100%;
}

.itembotigafoto img{
	width:100%;
	border-radius:50%;
}

.iteminterbotiga{
	width:70px;
}

.itembotigasotafoto{
	position:absolute;
}

.itembotigasotafoto img{
	width:100%;
}


.itembotigatitol{
	position:relative;
	float:left;
	width:80%;
	margin-left:10%;
	margin-top:70px;
	font-family:'arsenale_white';
	font-size:60px;
	line-height:1.05;
	text-align:center;
	color:#000;
	/*word-wrap:break-word;*/
}

.itembotigatitol span{
	background-repeat:repeat-x;
    background-image:url(../img/sobreproductelinia.png);
    background-position: left 43px;
	background-size:750px;
	background-image:none;
	padding-bottom:50px;
}

.itemsobrebotiga{
	position:absolute;
	width:400px;
	top:-42px;
	left:-70px;
	opacity:0;
	z-index:100;
}

.itemsobrebotiga img{
	width:100%;
}

.itemsobrebotiga2{
	position:absolute;
	width:100%;
	top:-108px;
	left:0;
	opacity:0;
	z-index:100;
	text-align:center;
}

.itemsobrebotiga2 img{
	width:134px;
}

.boto{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#0FF;
	opacity:0;
	cursor:pointer;
	z-index:400;
}

#botigames{
	position:relative;
	float:right;
	width:62px;
	margin-top:-110px;
	z-index:100;
}

#botigames img{
	width:100%;
}

#containerrodonainfo{
	position:relative;
	float:left;
	width:100%;
	margin-top:-60px;
}

#controdonainfo{
	position:relative;
	/*float:left;*/
	width:601px;
	margin:0 auto;
}

#controdonainfocont{
	position:relative;
	float:left;
	width:100%;
}

#controdonainfoimg{
	/*position:relative;
	float:left;
	width:100%;*/
	position:absolute;
	top:0;
	left:0;
}

#controdonainfoimg img{
	width:100%;
}

#controdonainfotext{
	/*position:absolute;
	width:66%;
	height:50%;
	top:42%;
	left:18%;*/
	position:relative;
	float:left;
	width:66%;
	margin-top:365px;
	margin-left:18%;
	text-align:center;
	overflow:hidden;
}

#controdonainfotext2{
	position:relative;
	float:left;
	width:66%;
	margin-top:365px;
	margin-left:18%;
	text-align:center;
	display:none;
}

#controdonafranja{
	position:absolute;
	width:3239px;
	/*top:47%;*/
	top:406px;
	left:50%;
	margin-left:-1619px;
}

#controdonafranja img{
	width:100%;
}

#controdonaestrelles{
	position:absolute;
	width:179px;
	/*top:35.3%;*/
	top:305px;
  	left:102.6%;
}

#controdonaestrelles img{
	width:100%;
}

#controdonainfoavall{
	position:absolute;
	width:100%;
	bottom:-45px;
	text-align:center;
	display:none;
}

#controdonainfoavallboto{
	cursor:pointer;
	width:45px;
}

#containerinstagram{
	position:relative;
	float:left;
	width:100%;
	/*margin-top:98px;*/
	margin-top:210px;
}

#continstagram{
	position:relative;
	float:left;
	width:100%;
	z-index:50;
}

.sotainstagram{
	position:absolute;
	z-index:30;
}

.sotainstagram img{
	width:100%;
}

.iteminstagram{
	position:relative;
	float:left;
	width:260px;
	padding:34.5px;
}

.iteminstagramfot{
	width:100%;
	border-radius:50%;
}

.iteminstagramfot img{
	width:100%;
}

.itembotigatext{
	position:relative;
	float:left;
	width:100%;
	margin-top:38px;
	line-height:2.00;
}

#footer{
	position:relative;
	float:left;
	width:100%;
	height:132px;
	margin-top:130px;
}

#footerimg{
	position:absolute;
	bottom:0;
	width:1994px;
	left:50%;
	margin-left:-997px;
}

#footerimg img{
	width:100%;
}

.footercont{
	position:relative;
	float:left;
	font-family:'OratorStd';
	font-size:22px;
	color:#000;
	letter-spacing:-1.3px;
	margin-top:73px;
}

.footercont a{
	text-decoration:none;
}

.footercontimg{
	position:relative;
	float:left;
}

#footermob{
	position:relative;
	float:left;
	width:100%;
	margin-top:130px;
	background-color:#f3948b;
}

.nobr { 
	white-space: nowrap; 
}

#footermobimg{
	position:absolute;
	top:-60px;
	width:1994px;
	left:50%;
	margin-left:-997px;
}

#footermobimg img{
	width:100%;
}

#footermobcont{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	line-height:1.8; 
	color:#000;
	margin-top:16px;
	margin-bottom:20px;
}

#footermobcont a{
	text-decoration:none;
}

#botigacategories{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:60px;
	margin-top:30px;
}

#botigacategoriescont{
	position:relative;
	margin:0 auto;
	text-align:center;
}

.botigacategoriesitem{
	position:relative;
	margin-left:14px;
	margin-right:14px;
	display:inline-block;
	vertical-align:top;
	margin-bottom:10px;
}

.botigacategoriestitol{
	font-family:'OratorStd';
	font-size:26px;
	color:#000;
	letter-spacing:-1.8px;
	line-height:1.4;
	color:#000;
}

.botigacategoriestitolactual{
	background-image:url(../img/sobreproductelinia2.png);
	background-repeat:repeat-x; 
	background-position: left 25px; 
	background-size:600px; 
	padding-bottom:40px;
}

.botigacategoriesitem a{
	text-decoration:none;
	color:#e53535;
}

#botigacategoriesmob{
	position:relative;
	margin:0 auto;
	text-align:center;
	display:none;
}

.categoriesmobbot{
	position:relative;
	font-family:'OratorStd';
	font-size:26px;
	line-height:1.4;
	text-transform:uppercase;
	color:#000;
	cursor:pointer;
	z-index:200;
	display:inline-block;
	margin-bottom:10px;
}

.categoriesmobfletxa{
	position:absolute;
	top:25px;
	width:100%;
	text-align:center;
	margin-bottom:20px;
	margin-top:5px;
}

.categoriesmobfletxa img{
	width:35px;
}

#categoriesmobcont{
	position:relative;
	float:left;
	width:100%;
	display:none;
	text-align:center;
	/*margin-bottom:30px;*/
}

.categoriesmobcontitem{
	position:relative;
	font-family:'OratorStd';
	font-size:26px;
	line-height:1.4;
	text-transform:uppercase;
	color:#000;
	margin-bottom:5px;
	clear:both;
	z-index:200;
}

.categoriesmobcontitem a{
	text-decoration:none;
}

#botigasubcategoriescont{
	position:relative;
	margin:0 auto;
	text-align:center;
	margin-top:25px;
}

.botigasubcategoriesitem{
	position:relative;
	width:120px;
	height:120px;
	display:inline-block;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:10px;
}

.botigasubcategoriesitem2{
	position:relative;
	display:inline-block;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;
}

.botigasubcategoriestitol2{
	font-family:'Open Sans';
	font-size:18px;
	line-height:1.2;
	color:#000;
}

.botigasubcategoriesquadrat{
	position:absolute;
	width:124px;
	top:-1px;
	left:-2px;
}

.botigasubcategoriesquadrat img{
	width:100%;
}

.botigasubcategoriestitol{
	position:absolute;
	width:90%;
	left:5.5%;
	top:50%;
	font-family:'Open Sans';
	font-size:18px;
	line-height:1.5;
	color:#000;
	/*word-break:break-all;*/
}

.botigasubcategoriestitolactual{
	background-image:url(../img/sobreproductelinia.png);
	background-repeat:repeat-x; 
	background-position: left 25px; 
	background-size:700px; 
	padding-bottom:40px;
}

#ampliproducte{
	position:relative;
	float:left;
	width:100%;
}

#ampliproducteinfo{
	position:relative;
	float:left;
	width:574px;
}

#ampliproductefotos{
	position:relative;
	float:right;
	width:600px;
}

.ampliproductefotosfoto{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:15px;
}

.ampliproductefotosfoto2{
	margin-bottom:70px;
}

.ampliproductefotosfotoimg{
	position:relative;
	float:left;
	width:100%;
}

.ampliproductefotosfotoimg img{
	width:100%;
}

.ampliproductefotosota{
	position:absolute;
	width:686px;
	height:686px;
	top:-43px;
	left:-43px;
}

.ampliproductefotosota svg{
	width:100%;
	height:100%;
}

#ampliproductetitol{
	position:relative;
	float:left;
	width:100%;
	font-family:'BrokenChalk3';
	font-size:86px;
	line-height:1.2;
	text-align:right;
	$color:#000;
	margin-top:25px;
	margin-bottom:80px;
	word-wrap:break-word;
}

#ampliproductetext{
	position:relative;
	float:left;
	width:364px;
	text-align:right;
}

#ampliproductecontpreu{
	position:relative;
	float:right;
	width:143px;
}

#ampliproductecontpreuesq{
	position:relative;
	float:left;
	width:143px;
	transform-origin:top left;
}

#ampliproductecontpreudre{
	position:relative;
	float:right;
	width:143px;
	transform-origin:top right;
}

#ampliproductepreu{
	position:relative;
	float:left;
	width:100%;
	font-family:'arsenale_white';
	font-size:109px;
	text-align:center;
	color:#000;
}

.ampliproductepreupetit{
	font-size:73px;
}

.ampliproductepreupetit2{
	font-size:55px;
}

#ampliproductepreusota{
	position:absolute;
	width:161px;
	top:-27px;
	left:-13px;
}

#ampliproductepreusota svg{
	width:100%;
}

#ampliproductepreupreu{
	position:relative;
	float:left;
	width:100%;
}

#ampliproductequantitat{
	position:relative;
	float:right;
	width:100%;
	margin-top:12px;
}

#ampliproductequantitatmenys{
	position:absolute;
	top:5px;
	left:10%;
}

#ampliproductequantitatmes{
	position:absolute;
	top:5px;
	right:13%;
}

#ampliproductequantitatnum{
	position:relative;
	float:left;
	width:40%;
	margin-left:27%;
	text-align:center;
	font-family:'OratorStd';
	font-size:28px;
	color:#000;
}

#ampliproducteafegir{
	position:relative;
	float:right;
	width:180px;
	margin-top:75px;
	right:-12px;
}

#ampliproducteafegir svg{
	width:100%;
}

#ampliproducteafegirtext{
	position:relative;
	float:left;
	width:100%;
	font-family:'OratorStd';
	font-size:28px;
	letter-spacing:-1.7px;
	margin-top:15px;
	text-align:center;
}

#ampliproducterespostaafegir{
	position:relative;
	float:right;
	width:90%;
	margin-right:10%;
	margin-top:20px;
	text-align:center;
	line-height:1.9;
}

#ampliproductesenefa{
	position:relative;
	float:left;
	width:100%;
	margin-top:90px;
}

#ampliproductesenefa img{
	width:100%;
}

#contadorcistellanum{
	position:absolute;
	width:90px;
	top:78px;
	/*right:166px;*/
	right:142px;
	font-family:'OratorStd';
	font-size:24px;
	line-height:1.3;
	text-align:center;
	display:none;
}

.mesfotos{
	position:absolute;
	right:0;
	font-family:'OratorStd';
	font-size:28px;
	letter-spacing:-1.7px;
	bottom:-70px;
	cursor:pointer;
	transform-origin:top right;
}

#somtitol{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}

#somtitolimg{
	width:410px;
}

#somfotos{
	position:relative;
	float:left;
	width:780px;
	margin-left:62.5px;
	margin-top:50px;
}

.somfotosfoto{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:30px;
}

.somfotosfoto img{
	width:100%;
}

#somtext{
	position:relative;
	float:left;
	width:100%;
	margin-top:73px;
	text-align:center;
}

#somfotosfranja{
	position:absolute;
	width:3240px;
	bottom:10%;
	left:50%;
	margin-left:-1620px;
}

#somfotosfranja img{
	width:100%;
}

#somrodona1{
	position:absolute;
	width:536px;
	left:-125px;
	bottom:-164px;
	transform-origin:top right;
}

#somrodona1 img{
	width:100%;
}

#somrodona2{
	position:absolute;
	width:379px;
	right:-216px;
	top:50px;
}

#somrodona2 img{
	width:100%;
}

#encarrecstitol{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	margin-top:-29px;
}

#encarrecstitolimg{
	width:487px;
}

#encarrecsfotos{
	position:relative;
	float:left;
	width:780px;
	margin-left:62.5px;
	margin-top:50px;
}

.encarrecsfotosfoto{
	position:relative;
	float:left;
	width:100%;
}

.encarrecsfotosfoto img{
	width:100%;
}

#encarrecstext{
	position:relative;
	float:left;
	width:100%;
	margin-top:73px;
	text-align:center;
}

#encarrecsfotosfranja{
	position:absolute;
	width:3262px;
	bottom:10%;
	left:50%;
	margin-left:-1631px;
}

#encarrecsfotosfranja img{
	width:100%;
}

#encarrecsforma1{
	position:absolute;
	width:146px;
	left:-184px;
	bottom:169px;
	transform-origin:top right;
}

#encarrecsforma1 img{
	width:100%;
}

#encarrecsforma2{
	position:absolute;
	width:486px;
	right:-149px;
	top:-55px;
}

#encarrecsforma2 img{
	width:100%;
}

#encarrecsbot{
	position:relative;
	float:right;
	width:155px;
	margin-top:40px;
}

#encarrecsbot img{
	width:100%;
}


#contcarrito{
	position:relative;
	float:left;
	width:100%;
	margin-top:-30px;
	/*overflow:hidden;*/
}

#carritopassos{
	position:relative;
	float:left;
	width:861px;
}

#carritocomanda{
	position:relative;
	float:right;
	width:283px;
}

#carritopassoscapc{
	position:relative;
	float:left;
	/*width:100%;*/
	margin-bottom:50px;
	transform-origin:top left;
	z-index:80;
}

#carritopassosquadrat{
	position:relative;
	float:right;
	width:270px;
	height:89px;
	background-color:#000;
}

#carritopassossimbol{
	/*position:relative;
	float:right;
	width:192px;
	margin-top:-12px;*/
	/*position:absolute;
	width:192px;
	right:0;
	top:-12px;*/
	position:relative;
	float:right;
	width:177px;
	margin-top:1px;
}

#carritopassossimbol img{
	width:100%;
}

#carritopassosmob{
	position:relative;
	float:left;
	margin-bottom:75px;
	margin-top:23px;
	font-family:'OratorStd';
	font-size:26px;
	letter-spacing:-1.8px;
	line-height:1.4;
	color:#000;
	display:none;
}

#carritoproductes{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:-80px;
}

.itemcarritoproductes{
	position:relative;
	float:left;
	width:391px;
	margin-right:77px;
	margin-bottom:85px;
	/*padding-bottom:50px;*/
	/*max-width:391px;*/
}

.itemcarritoproductes:nth-child(2n+2){
	margin-right:0;
}

.itemcarritoproductesimg{
	position:relative;
	float:left;
	width:110px;
	margin-right:25px;
}

.itemcarritoproductesinfo{
	position:relative;
	float:left;
	width:190px;
}

.itemcarritoproductesimg img{
	width:100%;
}

.itemcarritoproductestitol{
	position:relative;
	float:left;
	width:190px;
	font-family:'arsenale_white';
	font-size:55px;
	line-height:0.90;
	margin-top:3px;
	margin-bottom:30px;
	word-wrap:normal;
}

.itemcarritoproductestitol a{
	text-decoration:none;
}

.itemcarritoproductestitol2{
	font-family:'AkzidenzGroteskCond2';
	font-size:25px;
	line-height:1.3;
}

.itemcarritoproductestext{
	position:relative;
	float:left;
	width:250px;
	word-wrap:normal;
}

.itemcarritoproducteseliminar{
	position:absolute;
	/*bottom:62px;*/
	top:0;
	right:0px;
	z-index:80;
}

.itemcarritoproductessenefa{
	position:relative;
	float:left;
	width:100%;
	margin-top:17px;
}

.itemcarritoproductessenefa img{
	width:100%;
}

#carritonoproductes{
	position:relative;
	float:left;
	width:100%;
}

#carritocomanda{
	position:relative;
	float:right;
	width:283px;
	margin-right:2px;
	margin-bottom:60px;
}

#carritocomandaquadre{
	position:relative;
	float:left;
	width:100%;
	margin-top:60px;
}

#carritocreu{
	position:relative;
	float:right;
	width:142px;
	height:142px;
	border:1px solid #000;
	margin-right:-1px;
}

#carritocomandamob{
	position:relative;
	float:right;
	margin-top:20px;
	display:none;
	text-align:right;
	margin-bottom:20px;
	clear:right;
}

#carritocomandatitol{
	position:relative;
	float:left;
	margin-bottom:70px;
}

#carritocomandatitol img{
	width:100%;
}

#carritocomandatitoltitol{
	position:relative;
	float:left;
	font-family:'AkzidenzGroteskCond2';
	font-size:60px;
	line-height:1.2;
	letter-spacing:6px;
}

#carritoforma1{
	position:absolute;
	/*width:383px;
	top:-195px;
	left:-70px;*/
	width:402px;
	top:-195px;
	left:-88px;
}

#carritoforma1 img{
	width:100%;
}

#carritoforma2{
	position:absolute;
	width:163px;
	top:-283px;
	left:-270px;
}

#carritoforma2 img{
	width:100%;
}

#carritocomandacont{
	position:relative;
	float:left;
	width:100%;
	margin-left:0px;
	margin-top:-20px;
	line-height:1.27;
}

.carritocomandasubtitol{
	position:relative;
	float:left;
	font-family:'OratorStd';
	font-size:26px;
	letter-spacing:-1.8px;
	line-height:1.4;
	clear:both;
	margin-bottom:10px;
}

.carritocomandaimport{
	position:relative;
	float:right;
	font-family:'OratorStd';
	font-size:26px;
	letter-spacing:-1.8px;
	line-height:1.4;
}

.carritocomandapreupetit{
	font-family:'OratorStd';
	font-size:20px;
	margin-right:3px;
}

.carritocomandatotal{
	position:relative;
	float:right;
	font-family:'arsenale_white';
	font-size:109px;
	margin-top:-27px;
}

.carritocomandatotal .carritocomandapreupetit{
	font-size:25px;
}

.carritocomandatotalmoneda, .carritocomandatotalpreupetit{
	font-family:'arsenale_white';
	font-size:55px;
}

.carritocomandasotalinia{
	position:relative;
	float:left;
	width:100%;
	margin-top:-20px;
}

.carritocomandasotalinia img{
	width:100%;
}

#botonspassos{
	position:relative;
	float:left;
	width:100%;
	margin-top:90px;
	margin-bottom:0px;
}

#botonspassosanterior{
	position:relative;
	float:left;
}

#botonspassosseguent{
	position:relative;
	float:right;
	margin-right:-15px;
}

#passosresposta{
	position:relative;
	float:right;
	margin-top:10px;
	clear:both;
	text-align:right;
}

.carritocont1{
	position:relative;
	float:left;
	width:47%;
	padding-right:43px;
	padding-bottom:70px;
	z-index:250;
	clear:left;
	background:url(../img/liniacistella.png) repeat-y top left;
	background-size:2px;
	background-position: right top;
}

.carritocont2{
	position:relative;
	float:right;
	width:47%;
	z-index:250;
}

.carritocont3{
	position:relative;
	float:left;
	width:100%;
	margin-top:40px;
	/*border-top:1px solid #000;*/
	background:url(../img/sobreproductelinia2.png) repeat-x top left;
	background-size:600px;
	background-position: left top;
	z-index:250;
	padding-top:50px;
}

.carritocont3form{
	width:60%;
}

.carritocont4{
	position:relative;
	float:left;
	width:55%;
	padding-right:45px;
	/*border-right:1px solid #000;*/
	background:url(../img/liniacistella.png) repeat-y top left;
	background-size:2px;
	background-position: right top;
	z-index:250;
	clear:left;
}

.carritocont5{
	position:relative;
	float:right;
	width:35%;
	z-index:250;
}


.carritocont6{
	position:relative;
	float:left;
	width:47%;
}

.carritocont7{
	position:relative;
	float:right;
	width:47%;
}

.carritotitol{
	position:relative;
	float:left;
	width:100%;
	/*font-family:'OratorStd';
	font-size:26px;
	letter-spacing:-1.8px;
	line-height:1.4;*/
	font-family:'arsenale_white';
	font-size:55px;
	line-height:0.90;
	margin-top:0px;
	margin-bottom:25px;
}

.carritosubtitol{
	position:relative;
	float:left;
	width:100%;
	font-family:'OratorStd';
	font-size:26px;
	letter-spacing:-1.8px;
	line-height:1.4;
	margin-top:0px;
	margin-bottom:5px;
}

.linialateralcistella{
	position:absolute;
	width:5px;
	/*height:200%;*/
	height:105%;
	top:0px;
	left:-30px;
	background:url(../img/liniacistella.png) repeat-y top left;
	background-size:2px;
	background-position: left top;
}

.linialateralcistella2{
	background:none;
	border-left:1px solid #000;
}

form{
	line-height:230%;
}

input{ 
	border:none;
	border-bottom:1px solid #000;
	background:none;
	width:68%;
	float:right;
	color:#000;
}

input,textarea,select{
	padding: 5px 2px 0px 2px;
}

textarea{
	border:none;
	border-bottom:1px solid #000;
	background:none;
	resize:none;
	padding:4px 2px 0px 2px;
	line-height:1.6;
	color:#000;
	width:100%;
}

input{
	font-family:'Open Sans';
	font-size:16px;
	color:#000;
}

textarea{
	font-family:'Open Sans';
	font-size:16px;
	line-height:2.45;
	color:#000;
}

.input1{
	width:77%;
}

.input2{
	width:30%;
	margin-right:47%;
}

.input5{
	width:69%;
}

.input6{
	width:74%;
}

.input7{
	width:55%;
}

.preinput{
	position:relative;
	float:left;
	width:100px;
	clear:both;
}

input[type="radio"]{ 
	border:0;
	width:auto;
}
input[type=radio] {
	display: none;
}
input[type=radio] + label {
	background: #fff;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: -2px 9px 0 0px;
	vertical-align:middle;
	background: url(radio.png) 0px 0px no-repeat;
	background-size:15px;
	text-indent: -1000em;
}

input[type=radio]:checked + label {
	background: url(radio.png) 0px -20px no-repeat;
	background-size:15px;
}

.inputsradio2 input[type=radio] + label {
	background: url(radio_2.png) 0px 0px no-repeat;
	background-size:14px;
}

.inputsradio2 input[type=radio]:checked + label {
	background: url(radio_2.png) 0px -20px no-repeat;
	background-size:14px;
}

input[type="checkbox"]{ 
	border:0;
	width:auto;
}
input[type=checkbox] {
	display: none;
}
input[type=checkbox] + label {
	background: #fff;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: -4px 5px 0 0px;
	vertical-align:middle;
	background: url(checkbox.png) 0px 0px no-repeat;
	background-size:14px;
	text-indent: -1000em;
}

input[type=checkbox]:checked + label {
	background: url(checkbox.png) 0px -20px no-repeat;
	background-size:14px;
}

.inputscheckbox input[type=checkbox] + label {
	background: url(checkbox.png) 0px 0px no-repeat;
	background-size:14px;
}

.inputscheckbox input[type=checkbox]:checked + label {
	background: url(checkbox.png) 0px -20px no-repeat;
	background-size:14px;
}

.inputscheckbox2 input[type=checkbox] + label {
	background: url(checkbox_2.png) 0px 0px no-repeat;
	background-size:15px;
}

.inputscheckbox2 input[type=checkbox]:checked + label {
	background: url(checkbox_2.png) 0px -20px no-repeat;
	background-size:15px;
}

#oblidat{
	position:relative;
	float:left;
	margin-top:30px;
}

#form1recordar{
	cursor:pointer;
}

.botoformulari{
	position:relative;
	float:right;
	clear:both;
	margin-top:30px;
	cursor:pointer;
}

.formulariresposta{
	position:relative;
	float:right;
	clear:both;
	margin-top:10px;
}

.accepto{
	position:relative;
	float:left;
	margin-top:30px;
}

.menyslineheight{
	/*line-height:142%;*/
	line-height:190%;
}

.privacitattitol{
	font-family:'arsenale_white';
	font-size:55px;
	line-height:0.90;
	color:#000;
	margin-top:70px;
	margin-bottom:50px;
	font-weight:400;
	text-transform:uppercase;
}

.privacitatsubtitol{
	font-family:'OratorStd';
	font-size:26px;
	letter-spacing:-1.8px;
	line-height:1.4;
	color: #000;
	margin-bottom:15px;
	text-transform:uppercase;
}

#cookies{
	position:fixed;
	width:100%;
	background-color:#72915d;
	bottom:0;
	z-index:1000;
	display:none;
}

.cookiescont{
	position:relative; 
	float:left;
	padding-top:9px;
	padding-bottom:9px;
	color:#fff;
	width:90%;
}

.cookiesconttext{
	color:#fff;
	line-height:1.9;
}

#acceptarcookies{
	position:relative;
	float:right;
	width:20px;
	height:20px;
	margin-top:10px;
	cursor:pointer;
}

#acceptarcookies span{
	display:block;
	position:absolute;
	height:1px;
	width:100%;
	background:#fff;
	top:10px;
}

#acceptarcookies span:nth-child(1){
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#acceptarcookies span:nth-child(2){
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#cookiescont{
	position:relative;
	float:left;
	width:100%;
	margin-top:5px;
	margin-bottom:90px;
}

.cookieitem{
	position:relative;
	float:left;
	width:100%;
	/*margin-bottom:20px;*/
	display:flex;
	border-bottom:1px solid #000;
	padding-top:5px;
	padding-bottom:5px;
}

.cookietext{
	/*position:relative;
	float:left;*/
	width:100%;
}

.cookieboto{
	/*position:relative; 
	float:left;*/
	width:105px;
	margin-top:5px;
	margin-left:25px;
	flex-shrink:0;
}

.cookiebotoboto{
	padding:1px 8px 1px 8px;
	cursor:pointer;
	border:1px solid #333;
	text-align:center;
}

#contbotigaoffline{
	position:relative;
	float:left;
	width:100%;
	margin-top:0px;
	margin-bottom:60px;
}

.botigaoffline{
	position:relative;
	float:left;
	width:100%;
	z-index:200;
}

.botigaofflinetext{
	position: relative;
	float:left;
	width:94%;
	margin-left:3%;
	font-family:'OratorStd';
	font-size:26px;
	color:#000;
	letter-spacing:-1.8px;
	line-height:1.4;
	color:#000;
	text-align:center;
	padding:20px 0 11px 0;
}

.botigaofflineimg{
	width:100%;
}

.botigaofflineimg img{
	width:100%;
}

.contvideo{
	position:relative;
	float:left;
	margin-top:15px;
	margin-bottom:20px;
}

#contcontacte{
	position:relative;
	float:left;
	width:100%;
	margin-top:40px;
}

#contactequadres{
	position:relative;
	float:left;
	width:100%;
	transform-origin:top center;
	text-align:center;
}

#contactequadrescont{
	position:relative;
	margin:0 auto;
}

.contactequadresitem{
	position:relative;
	/*float:left;*/
	width:244px;
	height:244px;
	margin-right:82px;
	display:inline-block;
	transform-origin:center center;
}

.contactequadresitem img{
	transform-origin:center center;
}

.contactequadresitemtext{
	position:absolute;
	width:90%;
	font-family:'OratorStd';
	font-size:26px;
	color:#000;
	letter-spacing:-1.8px;
	line-height:1.4;
	text-align:center;
	left:5%;
	top:65px;
}

.contactequadresitemtext a{
	text-decoration:none;
}

.contacterequadre{
	position:absolute;
}

.contacterequadre img{
	width:100%;
}

.contactecontform{
	position:relative;
	float:left;
	width:46%;
}

#contacteestem{
	position:relative;
	/*float:left;
	width:50%;
	margin-top:120px;
	margin-left:25%;*/
	float:left;
	width:100%;
	margin-top:120px;
}

#contacteestemcont{
	position:relative;
	width:455px;
	margin:0 auto;
}

.contacteestemtitol{
	position:relative;
	float:left;
	width:100%;
	font-family:'OratorStd';
	font-size:26px;
	color:#000;
	letter-spacing:-1.8px;
	line-height:1.4;
	text-align:center;
}

.contacteestemtext{
	position:relative;
	float:left;
	width:100%;
	margin-top:18px;
	text-align:center;
}

.contacteformulari{
	position:relative;
	float:left;
	width:100%;
	z-index:200;
	margin-top:120px;
}

#contactecontmapa{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	margin-top:70px;
	transform-origin:top center;
	margin-bottom:0px;
}






/* ==========================================================================
   Helper classes
   ========================================================================== */

/*bkm*/


/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}