*{border:0px solid #eee;margin:0;padding:0;list-style:none}


html,body,#bg,#bg table,#bg td{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background:#000; color:#000;margin:0 auto;}
h1,.large,.left{font-size:32px}
h2{font-size:24px; color:#F00; font-weight:bold;}
h2,.box div{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}
img{display:block}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

#cont{width: 100%; position:absolute;top:0;left:0;z-index:70;overflow:auto;}

#menu{
	position:absolute;
	top:0;
	left:0;
	z-index:80;
	width:100%;
	height: 96px;
}
#menu div{height:75px;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#menuCentrat {width:100%;height:75px;position:absolute;top:0;left:0;z-index:90;}
#menuCentrat #centrat {
	width:700px;
	margin:0 auto;
	
}

#peu{position:absolute;bottom:20px;left:0;z-index:80;width:100%;line-height:12px;z-index:95;}
#peu div{height:18px;background-color:#000;color: #fff;opacity:0.6;filter:alpha(opacity=20);padding:7px 0 0 7px;text-align: center;}

h1{
	position:relative;
	width:148px;
	opacity:0.99;
	background-color:#fff;
}
h1 a{padding:0;color:#fff;background-color:#fff;display:block}
h1 a:hover{background-color:#fff;}
#menuCentrat #centrat ul{position: relative; padding-left:168px; right:0px;top:-20px;float:left; text-transform:uppercase;}
#menuCentrat #centrat ul li{float:right;display:inline;font-size: 13px;margin-right:15px;font-weight: bold;font-family:"Century Gothic","Lucida Grande",Arial,sans-serif; text-transform:uppercase;}
#menuCentrat #centrat ul li a{display:inline;color:#CCC}
#menuCentrat #centrat ul li a:hover,li.cur a{
	color:#999;
}
#menuCentrat #centrat ul li .selected{
	color:#F00;
}

#menuCentrat #centrat ul#idiomes{position: relative; left: 0px;top: -80px;float:right;}
#menuCentrat #centrat ul#idiomes li{float:right;display:inline;font-size: 10px;}
#menuCentrat #centrat ul#idiomes li a{display:inline;color:#fff}
#menuCentrat #centrat ul#idiomes li a:hover,li.cur a{color:#CCC;}

.box{
	width:690px;
	padding-bottom:100px;
	margin: 0 auto;
	margin-top:8%;
	background-color:#fff;
	padding:5px 5px;
	font-size: 12px;
	text-align: justify;
	float:auto;
	min-height:510px;
}
#esquerre {
	background:#FFF; 
	width:365px; 
	padding:10px; 
	float:left;
}

#dreta {
	width:300px;
	height:500px;
	float:right;
	position:relative;
}
#premis{
	width:111px;
	height:111px;
	position:absolute;
	left: 180px;
	top: 10px;
	
}
p {
	font-size:0.9em;
	line-height:19px;
	padding-top:10px;
}
strong {
	color:#000;	
	font-weight:bolder;
	font-size:larger;
}
/*
.large{text-align:right;top:20%;right:120px;font-size:13px}
.left{text-align:left;right:auto;left:180px;font-size:13px}
.large h2{font-size:60px}*/

.mail:hover{ color:#F00 }
.mail, .mail a:link{ color:#666}
.jcarousel-container {
	position: relative;
	clear:both;
	width:235px;
	margin:0px ;
	padding:0 36px;
}
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
 
  width:40px;
}/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
	position:absolute;
	top:2px;
	right:5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background:  transparent url(../img/jcarousel_next1.png) no-repeat 0 0;
}
.jcarousel-next-horizontal:hover {
	background-position: -32px 0;
}
.jcarousel-next-horizontal:active {
	background-position: -64px 0;
}
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}
.jcarousel-prev-horizontal {
	position:absolute;
	top:2px;
	left:5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(../img/jcarousel_prev1.png) no-repeat 0 0;
}

.jcarousel-prev-horizontal:active {
	background-position: -64px 0;
}
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}
#feature_gallery {
	height:500px;
	width:300px; 
	float:right;
	display:block;
	
}
ul#feature_gallery_pager {
	display:block;
	overflow:hidden;
	height:40px;
	
}
#feature_gallery ul.menu li a:hover {
}
ul#feature_gallery_pager li a {
	overflow:hidden;
	width:35px;
	height:35px;
	padding:2px;
	float:right;
	display:block;
}
ul#feature_gallery_pager li {
	margin:0px;
	padding:0;
}
#feature_gallery ul.menu a.activeSlide {
	background:url(../img/arrow.png) no-repeat;
}
#feature_gallery .bigimgs {
	overflow:hidden;
	height:500px;
	width:300px;
	position:relative;
	
}
#feature_gallery img.change {
	width:300px;
}
#feature_gallery img.thumb {
	width:35px;
	height:35px;
}
#output{
	width:300px;
	height:500px;
	margin: auto;
	display:block;
	clear:both;}

.producte {
	background-image:url(../img/producte-off.png);
	background-repeat: no-repeat;
	color:#FFF;
	padding-left:5px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	width:338px;
	height:60px;
}
.producte a {
	background-image:url(../img/producte-off.png);
	background-repeat: no-repeat;
	color:#FFF;
	
}
.producte a:hover {
	background-image:url(../img/producte-on.png);
	background-repeat:no-repeat;
	width:330px;
	height:55px;

}
.producte img {
	float:left; padding-bottom:1px; padding-top:1px; padding-right:4px;
}
.producte p {
margin-top:3px;
padding-top:3px;
color:#999;
}
.fitxa{
background-image:url(../img/fitxa-off.png); 
background-repeat:no-repeat; 
color:#FFF;  
padding-top:2px;
padding-bottom:2px;
padding-right:4px;
padding-left:15px;

width:330px;
height:12px;
}
.fitxa a {
color:#FFF;
cursor:pointer;
width:330px;
height:15px;

}
.fitxa a:hover {
background-image:url(../img/fitxa-on.png);
background-repeat:no-repeat;
width:330px;
height:15px;


}
.fitxa img {
	float:left; padding:10px;
}
.fitxa p {
margin-top:3px;
padding-top:3px;
}

.lliure {float:left; width:230px; color:#000;}
.error {background-color:#CCC; color:#F00; width:550px; border:#F00 2px solid;}
.color {background-color:width:550px;}