body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #ffffff;
}

/******* hyperlink and anchor basics *******/
a:link, a:visited{
	color: #d46119;	text-decoration: none;
}
a:hover{
	text-decoration: underline;}

/************** tipus de headers ************/
h1{
 font: bold 110% Arial,sans-serif; color: #2b2b2b; margin: 0px; padding: 0px;}
h2{
 font: bold 105% Arial,sans-serif; color: #cc6600; margin: 0px; padding: 0px;}
h3{
 font: bold 100% Arial,sans-serif; color: #2b2b2b; margin: 0px; padding: 0px;}
h4{
 font: 100% Arial,sans-serif; color: #000000; margin: 0px; padding: 0px;}
h5{
 font: Arial,sans-serif; font-size: 10px; font-weight:bold; color: #2b2b2b; margin: 0px; padding: 0px;}
h5 em{
 font: Arial,sans-serif; font-size: 12px; font-weight:bold; color: #2b2b2b; margin: 0px; padding: 0px;}

/*************** llistes ***************/
ul{
 list-style-type: square;}
ul ul{
 list-style-type: disc;}
ul ul ul{
 list-style-type: none;}

/********* estils basics formularis*********/
form {
	margin: 0; 	padding: 0;}
label{
 font: bold 1em Arial,sans-serif; color: #2b2b2b;}				
input{
font-family: Arial,sans-serif;}
.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #2b2b2b;
	background: #dedede;
	border: 1px solid #871610; }

/********* estils PER LA HOME *********/
TABLE.canvases{ width:100%; border:0px; background-color:#FFFFFF; padding:0px; text-align:center;}
TABLE.canvas{ width:740px; border:none; background-color:#F5f7f7; }
TD.canvas {background-color:#ffffff; border:1px solid #871610;}
h3.canvas{
	font:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; background-color:#E4D6CD;
	margin: 0px; padding: 0px 10px;}
a.canvas{ font:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color: #d42219;
	background-color:#E4D6CD; text-decoration:none; font-weight:bold; }
a.canvas:hover { font:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color: #d42219;
	background-color:#E4D6CD; text-decoration:none; font-weight:bold; }
a.canvas:active { font:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color: #d42219;
	background-color:#E4D6CD; text-decoration:none; font-weight:bold; }
a.canvas:visited { font:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color: #d42219;
	text-decoration:none; font-weight:bold; }
a.canvas:link { font:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color: #d42219;
	background-color:#E4D6CD; text-decoration:none; font-weight:bold; }

/***********************************************/
/* distribució de l'espai: diferents blocs                               */
/***********************************************/
#continguts{
	position:absolute; top: 80px; left: 2%;	right: 2%;	width:96%;	background-color: #ffffff;
	border: 1px solid #871610; }
#logo{
	position: absolute; top: 6px; left: 2%;	width:48%; height:50px; 
	background-color: #ffffff; vertical-align:bottom; text-align:left;}
#logo2{
	position: absolute; top: 6px; left: 50%;	right: 2%;	width:48%; height:50px; 
	background-color: #ffffff; text-align:right;}
#barrasuperior{
	position: absolute; top:51px; left: 2%;	right: 2%;	width:96%; border: 1px solid #871610;}
#navegaciodreta{
	float: left; width:150px; padding:0px;
	border-right: 1px solid #871610; border-bottom: 0px solid #871610; font:small Verdana,sans-serif;}
#content{
	padding: 0px 10px 0px 0px; margin:0px 0px 0px 150px; border-left: 1px solid #871610;}
	
	/************** titol de la seccio ****************/
#seccio{
	padding: 0px 0px 10px 10px; margin: 0px; border-bottom: 1px solid #000000;}
#seccio h2{
	font: bold 120% Arial,sans-serif; color: #871610; margin:0px; padding: 0px;}
#seccio img{
	position: absolute; top: 0px; right: 6px; padding: 0px; margin: 0px;}

/************* globalNav styles ****************/
#navegaciodalt{
	position: relative; width: 100%; height: 20px; font-size: 14px;  color: #eeae0e; padding: 0px; margin: 0px; 
	background-color:#d42219;}
#linkdalt{
	font: bold 80% Arial,sans-serif; position:absolute; top:2px; height:14px; padding: 1px; margin: 0px;
	left: 10px; z-index: 100;}
a.dalt, a.dalt:visited{	
	color: #E4D6CD; font-weight: bold; margin: 0px; padding: 2px 3px 4px 3px;
	border-right: 1px solid #ffffff; }
a.dalt:hover{
  	color:#FFFFFF; background-color:#871610; text-decoration: none;}

/************** presentacio *****************/
.presentacio{
	padding: 0px 0px 10px 10px; font-size: 80%;	 height: 200px;}	

.presentacio h3{
	font: bold 120% Arial,sans-serif; color: #2b2b2b; padding: 30px 0px 5px 0px;}
.presentacio img{
	float: left; padding: 2px 10px 2px 2px; }
	
	/************ links barra de productes **************/

#productes{
	margin: 0px; padding: 0px;}
#productes h3{
	padding: 10px 0px 2px 10px; border-bottom: 1px solid #d4d4d4;}
#productes a:link, #productes a:visited { display: block; border-top: 1px solid #ffffff;
	border-bottom: 1px solid #871610;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #d42219;
	background-color:#E4D6CD;}
#productes a:hover{
	border-top: 1px solid #d4d4d4;
	background-color:#871610;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color:#FFFFFF;}

/************* links productes relacionats **************/

.relatedLinks{
	margin: 0px; padding: 0px 0px 10px 10px; border-bottom: 1px solid #d4d4d4;}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;}

.relatedLinks a{
	display: block; }

/*************** text dels contiguts ******************/
.story {
	padding: 10px 0px 0px 10px; font-size: 80%;}
.story h3{
	font: bold 110% Arial,sans-serif; color: #2b2b2b;}
.story p {
	padding: 0px 0px 10px 0px; }
.story a.subtitol{
	font: bold 1em Arial,sans-serif; color: #d46119; display:block; padding-bottom: 5px;}
.story a.subtitol:hover{
	text-decoration: underline;}
td.storyLeft{
	padding-right: 12px; 
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 1px;
	border-left: 5px solid #871610; 
	background-color:#f5f5f5; margin: 1px;}

th.storyLeft{
	padding-right: 12px; 
	padding-left: 12px;
	color:#871610;}


/************** casella final: links ****************/
#baix{
	clear: both; font-size: 11px; color:#d4d4d4; text-align:left;
	padding: 1px 1px 1px 1px; margin:1px; background: #871610}
#baix img{
	padding: 0px 10px 0px 10px; vertical-align: middle;}
	
#baix a:link, #baix a:visited { font-weight: bold; padding:2px;	color: #E4D6CD;}

/************** casella posicionament: text ****************/
#posicionament{
	clear: both; font-size: 11px; color:#000000; text-align:center;
	padding: 10px 1px 1px 1px; margin:1px; background: #FFFFFF}

#posicionament a:link, #posicionament a:visited { font-weight: bold; padding:2px;	color: #871610;}