body {
	margin:0;
	padding:0;
	font-family:"Roboto",sans-serif;
	font-size:115%;
	background-color:#FFF;
	color:#000;
	text-align:left;
}

h1,h2,h3, .ff-slab {font-family: "Roboto Slab",serif;font-size:1.2em;font-weight:700;}
h1 {font-size:1.5em;}

a {text-decoration:none;}

.negre {color:#000;}
.blanc {color:#FFF;}
.txcentre {text-align:center;}
.fleft {float:left;}
.fright {float:right;}
.clr {width:100%;clear:both;}
.bggroc {background-color:#eab939;}
.bgblau {background-color:#3861a1;}
.bgverd {background-color:#59a859;}
.bgnegre {background-color:#000;}
.mgt2 {margin-top:2%;}
.mgt0 {margin-top:0;}
.mgb0 {margin-bottom:0;}
.mg0 {margin:0;}
.mgb10 {margin-bottom:10px;overflow:hidden;}
.mgb15 {margin-bottom:15px;overflow:hidden;}
.petita {font-size:0.9em;}

#menuburguer {position:fixed;width:100%;height:100%;background-color:#000;opacity:0.8;filter: alpha(opacity=80);z-index:200;display:none;top:0;left:0;}
#itemsburguer {position:fixed;width:100%;height:100%;color:#fff;text-align:center;text-transform:uppercase;padding-top:10%;z-index:201;display:none;}
#itemsburguer a {color:#FFF;}

#content-home {position:absolute;width:73.96%;height:auto;overflow:hidden;top:0;left:13.02%;font-size:0.8em;}
#foto-home {position:absolute;width:100%;height:100%;z-index:-5;}
#foto-home img {width:100%;}
#transnegra {position:absolute;width:100%;height:75%;z-index:0;top:0;left:0;background-color:#000;opacity:0.7;filter: alpha(opacity=70);}
#transblanca, #fila-cols {position:absolute;width:100%;height:21.76%;z-index:0;top:75%;left:0;background-color:#fff;opacity:0.7;filter: alpha(opacity=70);}

#b-top-home-n {position:absolute;width:100%;height:13.33%;text-align:center;margin-top:2%;}

#b-top-home {position:absolute;width:100%;height:13.33%;text-align:center;margin-top:2%;}
#intro-home {position:relative;width:54.93%;margin:18% auto 0 auto;}
#menu-home {position:relative;width:70%;margin:65px auto 0 auto;}
#pestana-menu {width:33.333333%;float:left;margin:0;padding:2% 0;text-transform:uppercase;font-size:0.9em;}
#pestana-menu a {color:#FFF;}
#pestana-menu:hover {background-color:#000;}
#fila-cols {opacity:1;filter: alpha(opacity=100);background-color:transparent;width:73.96%;left:13.02%;font-size:0.8em;height:auto;padding:20px 0;}
.col-home {position:relative;width:31.33%;float:left;margin:0;}
.mgcolhome {position:relative;width:3%;float:left;}
#veure-pr {position:relative;width:30%;margin:200px auto 0 auto;text-align:center;font-size:1.3em;font-family: "Roboto Slab",serif;}
#veure-pr a {color:#fff;}
#veure-pr a:hover {color:#eab939;}

#content {position:relative;width:73.96%;height:auto;overflow:hidden;margin-top:7%;margin-left:13.02%;font-size:0.8em;}

#fila-top {position:fixed;width:100%;height:14%;overflow:hidden;top:0;left:0;z-index:30;background-color:#000;font-size:0.8em;}
#b-top {position:relative;width:73.96%;height:100%;text-align:center;padding-top:1%;margin:0 auto;}
#foto-int {position:absolute;width:100%;height:46%;z-index:-5;top:14%;overflow:hidden;}
/#foto-int img {width:100%;}
#intro {position:relative;width:54.93%;margin:2% auto 2% auto;}
#menu {position:relative;width:54.93%;margin:30% auto 30px auto;overflow:hidden;}

#pictos {width:50%;height:auto;overflow:hidden;margin:30px 25%;}
.picto {width:30%;float:left;text-align:center;margin-right:2%;}

.article {border-top:1px solid #000;border-bottom:1px solid #000;padding:0;margin-bottom:10px;width:100%;overflow:hidden;}
.article-int {width:100%;margin:0;padding:0 0 15px 0;display:none;overflow:hidden;}
.col-article {position:relative;width:48.50%;height:auto;overflow:hidden;}
.col-article img {width:100%;}
.col-article p {margin:0;}

.producte {padding:0;margin-bottom:30px;width:100%;overflow:hidden;}
.col-prod {position:relative;width:70%;height:auto;overflow:hidden;margin-right:3%;}
.tit-ico {position:relative;width:27%;height:auto;overflow:hidden;font-size:0.8em;}
.col-ico {position:relative;width:100%;height:auto;overflow:hidden;border-top:1px solid #000;border-bottom:1px solid #000;padding:5px 0;text-align:center;}
.col-ico img {width:25px;margin-right:10px;}

footer {background-color:#3e4246;color:#FFF;text-align:left;width:100%;height:auto;position:relative;overflow:hidden;padding:2% 0;margin-top:100px;font-size:0.7em;}
footer a {color:#FFF;}

#footer-home {background-color:#3e4246;color:#FFF;text-align:left;width:100%;height:auto;position:absolute;overflow:hidden;padding:2% 0;top:110%;display:none;font-size:0.7em;}
#footer-home a {color:#FFF;}

.pestanaico {width:14.28%;padding:10px 0;text-align:center;float:left;margin:0;}
.pestanaico:hover {opacity:0.7;filter: alpha(opacity=70);}
.taca:hover {background-color:#000 !important;opacity:1;filter: alpha(opacity=100);}

#din {width:100%;height:auto;min-height:300px;display:none;margin-top:-20px;}
#f360 {width:100%;height:54%;margin:0;padding:0;}

#mapa {position:relative;margin:20px auto 0 auto;width:65%;height:500px;overflow:hidden;}
#mapa img {width:100%;}
#llegendes {line-height:2.1em;margin-top:20px;}

.plegable p {margin-top:0;margin-bottom:10px;line-height:1.6em;}

.desgr:hover {opacity:0.7;filter: alpha(opacity=70);cursor:pointer;}
input[type="text"] {padding:5px;border:0 none;background-color:transparent;}
textarea {border:0 none;}
table td {width:50%;overflow:hidden;}

#check img {width:100%;}

#cookies {position:absolute;width:200px;height:250px;border-radius: 20px;top:90px;left:50px;padding:15px;z-index:10;background-color:#666;color:#e8e8e8;font-size:0.8em;border:1px solid #e8e8e8;display:none;}
#cookies a {color:#FFF;text-decoration:underline;}
#accepto {cursor:pointer;}