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

body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}

ul, li{
	list-style: none;
}

a:link,a:visited,a:hover,a:active{
	text-decoration: none;
	color:#00305C;
}

span.taronja{
	color: #BA5700;
	font-weight: bold;
}

#principal{
	margin:30px auto;
	width:927px;
	height:511px;
	text-align:center;
	background-position: 0 46px;
	background-repeat: no-repeat;
	text-align:left;
	background-image: url(../img/fons/fons_gris_5.jpg);
	position: relative;
}

/*
#principal.filosofia{	
	background-image: url(../img/fons/fons3.jpg);
}
#principal.serveis{	
	background-image: url(../img/fons/fons2.jpg);
}
#principal.productes{	
	background-image: url(../img/fons/fons.jpg);
}

#principal.presentacio{	
	background-image: url(../img/fons/fons.jpg);
}
#principal.grissa{	
	background-image: url(../img/fons/fons_gris.jpg);
}
#principal.grissa_2{	
	background-image: url(../img/fons/fons_gris_2.jpg);
}
*/

/* ------- CABECERA ---------- */

	#cabecera{
		height:100px;
		position:relative;
		overflow: hidden;
		float:left;
		width:927px;
	}
		#idiomes{
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 8px;
			color: #00305C;
			position:absolute;
/*			left:414px;*/
			right:386px;
			top:45px;
		}
		
			#idiomes li{
				display: block;
				float:left;
				margin-right:10px;
			}
				#idiomes li.idioma_cas a{
					background-image: url(../img/banderes/cas.gif);
				}
				#idiomes li.idioma_cat a{
					background-image: url(../img/banderes/cat.gif);
				}
				#idiomes li.idioma_por a{
					background-image: url(../img/banderes/por.gif);
				}
				#idiomes li.unselected a:hover,#idiomes li.selected a{
					background-position: center 15px;
				}
			#idiomes a{
				color: #00305C;
				height:23px;
				background-position: center -48px;
				background-repeat: no-repeat;
				float:left;
				display:block;
			}
			#idiomes a:hover{
				color: #BA5700;
			}

/* ------- MENU ---------- */		

	#menu{
		float:left;
		overflow:hidden;
		width:147px;
		text-align:right;
	}
	
		#menu li{
			position:relative;
		}
	
		#menu li.seccio a{
			margin-right:20px;
		}
		
		#menu li.seccio{
			font-size:14px;
			line-height: 24px;
		}
		
			#menu li.selected a,#menu li a:hover{
				color:#BA5700
			}
			
			#menu li.selected{
				background-image: url(../img/menu/selected.gif);
				background-position: right top;
				background-repeat:no-repeat;
			}

		#menu ul.subseccions{
			margin-bottom:10px;
		}

		#menu li.subseccio{
			font-size:11px;
			line-height:16px;
		}

		#menu li.subseccio a{
			color:#00305C;
		}

			#menu ul.subseccions li.selected a,#menu ul.subseccions li a:hover{
				color:#00305C;
				font-weight:bold;
			}
			
			#menu ul.subseccions li.selected{
				background-image: none;
				background-position: top;
				background-repeat: no-repeat;
			}			
			

/* ---------- COLUMNA DRETA ------------- */
	#principal #columna_dreta{
		width:428px;
		height:341px;
		float:left;
		margin-top:4px;
		margin-left:32px;
		color:#00305C;
		font-size:13px;
		position: relative;
	}
	
	#principal #logo{
		background-image: url(../img/logo.png);
		background-position: left top;
		background-repeat: no-repeat;
		width:170px;
		height:80px;
		position:absolute;
		top:14px;
		left:571px;
	}
	

	
	
	#principal.productes #columna_dreta{
		width:560px;
	}
	
	#principal.avis_legal #columna_dreta{
		font-size:12px;
	}
	
	#columna_dreta #contingut p{
		margin-bottom:10px;
		text-align:justify;
	}
	
	#columna_dreta #contingut h1{
		font-size:19px;
		color:#BA5700;
	}
	#columna_dreta #contingut h2{
		font-size:14px;
		color:#BA5700;
	}
	#columna_dreta #contingut h3{
		font-size:11px;
		color:#00305C;
		border-bottom: 1px solid #00305C;
		margin-bottom:4px;
		margin-top:10px;
	}
	
	#columna_dreta #contingut ul{
		margin-bottom: 8px;
	}
	
	#columna_dreta #img_rodona{
		position:absolute;
		top:120px;
		left:470px;
		display:none;
	}

	#columna_dreta #contingut #items{
		margin-left:0;
		overflow: hidden;
		margin-top:10px;
		height:77px;
	}
	#columna_dreta #contingut #items ul.columna{
		float:left;
		
	}
	#columna_dreta #contingut #items li{
		list-style: none;
		/*float:left;
		display:block;*/
		/*font-size:12px;*/
		color: #00305C;
		margin-bottom:2px;
		padding-left:0;
		background-image: none;
		white-space: nowrap;
	}
	#columna_dreta #contingut #items li a{
		color: #00305C;
	}
	#columna_dreta #contingut #items li a:hover,#columna_dreta #contingut #items li a.selected{
		color: #BA5700;
	}
	
	#columna_dreta #descripcio{
		/*font-size:12px;*/
		display: none;
		background-image: url(../img/productes/punts_descripcio.png);
		background-position: left top;
		background-repeat: no-repeat;
		padding-left:30px;
	}
	
	#columna_dreta #item{
		position: absolute;
		width:444px;
		top:126px;
/*		font-size:12px;*/
	}
	#columna_dreta #item #item_contingut{
		overflow: auto;
		padding-right:10px;
		height:170px;
		scrollbar-3dlight-color: white;
		scrollbar-arrow-color: white;
		scrollbar-base-color: white;
		scrollbar-darkshadow-color: white;
		scrollbar-face-color: #BABDBB;
		scrollbar-highlight-color: white;
		scrollbar-shadow-color: white;
		scrollbar-track-color: white;
	}

		#columna_dreta #item p{
			margin-bottom:8px;
		}
		
		#columna_dreta #item div.titol {
			margin-bottom:10px;
		}
			#columna_dreta #item div.titol h1{
				font-size:18px;
				font-weight:bold;
			}
			#columna_dreta #item div.titol h2{
				font-size:11px;
				font-weight:bold;
				font-style: italic;
				color:#00305C;
			}
			
	#columna_dreta li{
		margin-bottom:1px;
		padding-left:20px;
		background-image: url(../img/productes/punt_li.png);
		background-position:left top;
		background-repeat: no-repeat;
	}

	#columna_dreta table{
		border:1px solid #00305C;
		border-bottom: 0;
		border-right:0;
		margin:4px 0 10px 20px;
	}
	#columna_dreta table td{
		border-bottom:1px solid #00305C;
		border-right:1px solid #00305C;
		padding:4px 6px;
	}
	
#principal.serveis #columna_dreta #contingut{
	margin-top:44px;
}
#principal.filosofia #columna_dreta #contingut{
	margin-top:24px;
}

/* -------------- NEWSLETTER -------------*/
div.newsletter {
	width:900px;
}
div.newsletter form {
	overflow:hidden;
	width:450px;
	margin-top:6px;
	float:left;
	display:block;
}
div.newsletter form label{
	overflow:hidden;
	width:600px;
	float:left;
	display:block;
	margin-bottom:4px;
}
div.newsletter form label *{
	display:block;
	float:left;
}
div.newsletter form label span{
	width:204px;
	font-size:11px;
	margin-top:2px;
}

div.newsletter form label input,div.newsletter form label select{
	border:1px solid #00305C;
	color:#00305C;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:2px;
	width:200px;	
}

div.newsletter form input.button{
	border:1px solid #00305C;
	color:#00305C;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:2px;
	cursor:pointer;
	margin-right:4px;
}

div.newsletter form input.disabled{
	border:1px solid #BBBBBB;
	color:#BBBBBB;
}

div.newsletter #warnings{
	float:left;
	display:block;
	margin-top:6px;
	width:170px;
	position:relative;
}

	div.newsletter #warnings div{
		color:#BA5700;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		display:none;
		position:absolute;
	}

div.newsletter form input.button{
	margin-left:204px;
}


/* ------------- CONTACTE -------------*/
#modal_window{
	display: block;
}

#resposta{
	color:#00305C;
	font-size:13px;
	font-weight:bold;
	position:absolute;	
	top:348px;
	left:314px;
}
#form_contacte{
	display:block;
	width:310px;
	color:#00305C;
	font-size:11px;
	text-align: left;
	padding-left:4px;
	/*margin-top:10px;*/
}

#form_contacte h1{
	font-size:18px!important;
	font-weight:bold;
	margin-left:70px;
	margin-bottom:6px;
	color:#BA5700;
}

#form_contacte label{
	float:left;
	display: block;
	margin-bottom:2px;
	width:310px;
}
#form_contacte label span{
	width:70px;
	float:left;
	display:block;
	margin-top:2px;
}
#form_contacte label input,#form_contacte label textarea{
	color:#00305C;
	border:1px solid #00305C;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	width:200px;
	float:left;
	display:block;
	padding:2px;
}
#form_contacte input.button{
	border:1px solid #00305C;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin-left:70px;
	_margin-left:35px;
	width:100px;
	float:left;
	display:block;
	padding:2px 0;
}
#form_contacte #cancelar{
	margin-left:6px;
}


#form_contacte label textarea{
	height:80px;
}
#form_contacte label input.camp_curt{
	width:100px;
}
div.resultat_missatge_ok{
	
}	
div.resultat_missatge_err{
	color:#BA5700;
}
/* -------------- LOCALITZACIO ----------- */
#mapa object{
	width:438px;
	height:350px;
	border:1px solid #00305C;
	float:left;
	margin-top:10px;
}
div.adreca{
	font-size:11px;
	margin-right:20px;
	margin-left:4px;
	margin-top:14px;
	float:left;
}

div.adreca a:hover{
	color:#BA5700;
}

#div_adreca{
	position: absolute;
	left:448px;
	top:5px;
	width:170px;
}


/* ------------- AVÍS LEGAL -------------- */
div.a_avis_legal{
	position: absolute;
	left:122px;
	top:350px;
	width:12px;
	height:50px;
	display:block;
/*	border:2px solid red;*/
	background-position: left top;
	background-repeat:no-repeat!important;
}
div.a_avis_legal a{
	width:12px;
	height:45px;
	display:block;
}
div.a_avis_legal:hover,div.a_avis_legal.selected{
	background-position: right top;
}
h1.avis_legal{
	font-size:11px!important;
	color:#00305C!important;
	border-bottom: 1px solid #BA5700!important;
	padding-left:2px;
	margin-top:4px;
}



/* ------------- MAPA WEB ----------------*/

div.a_mapa_web{
	position: absolute;
	left:122px;
	top:411px;
	width:12px;
	height:45px;
	display:block;
/*	border:2px solid red;*/
	background-position: left top;
	background-repeat:no-repeat!important;
}
div.a_mapa_web a{
	width:12px;
	height:45px;
	display:block;
}
div.a_mapa_web:hover,div.a_mapa_web.selected{
	background-position: right top;
}

h1.mapa_web{
	font-size:11px!important;
	color:#00305C!important;
	border-bottom: 1px solid #BA5700!important;
	padding-left:2px;
	margin-top:20px;
}

div.col_mapa_web{
	margin-top:10px;
	overflow:hidden;	
	width:110px;
	float:left;
}
div.col_mapa_web div.seccio:hover{
	color:white;
	background-position: left -50px!important;
}


	div.col_mapa_web div.seccio{
		background-image: url(../img/mapa_web/marc.png)!important;
		background-position: left top!important;
		background-repeat:no-repeat!important;
		padding:0!important;
		width:85px;
		height: 25px;
		display: block;
		margin-top:4px;
	}
	div.col_mapa_web div.seccio a{
		color: inherit;
		width:85px;
		height: 19px;
		h\eight: 25px;
		text-align:center;
		padding-top:6px;
		display: block;
	}
	div.col_mapa_web div.seccio a:hover{
		color:white;
		_color:#BA5700;
		
	}
	
	
	div.col_mapa_web div.disabled{
		color:#BABDBB;
	}

	div.mapa_web_subseccio{
		margin-top:4px;
		overflow: hidden;
		display: block;
		margin-bottom:8px;
	}
	div.mapa_web_subseccio div.subseccio{
		background-image: url(../img/productes/punt_li.png)!important;
		background-position: left top;
		background-repeat:no-repeat;
	}
	div.mapa_web_subseccio div.subseccio a{
		margin-left:20px;
	}
	div.mapa_web_subseccio div.subseccio a:hover{
		color:#BA5700;
	}
	
/* -------------- PEU -------------- */
#peu{
	margin-top:13px;
	width:950px;
	height:50px;
	float:left;
	font-size:11px;
	position:relative;
}

	#peu li{
		display: block;
		background-repeat: no-repeat;
		background-position: left top;
		height:19px;
		padding-top:4px!important;
		padding-top:2px;
	}	
	
	#peu li.documentacio{	background-image: url(../img/peu/documentacio.png);	}
	#peu li.contacte{	background-image: url(../img/peu/contacte.png);	}
	#peu li.faq{	background-image: url(../img/peu/faq.png);	}
	#peu li.newsletter{	background-image: url(../img/peu/newsletter.png);	}
	#peu li.localitzacio{	background-image: url(../img/peu/localitzacio.png);	}
	
	#peu li.faq{	background-image: url(../img/peu/faq.png);	}
	#peu li.newsletter{	background-image: url(../img/peu/newsletter.png);	}
	#peu li.localitzacio{	background-image: url(../img/peu/localitzacio.png);	}
	
	#peu li.selected, #peu li a.selected,#peu li:hover,#peu li a:hover{
		color:#BA5700;
	}
	
	#peu li.disabled{
		color:#BABDBB!important;
	}
	
	
	
	#peu_botonera_esquerra{
		position:absolute;
		left:170px;
	}
	#peu_botonera_esquerra li{
		float:left;
		margin-right:10px;
		background-position: left 3px;
		padding-left:22px;
	}
	#peu_botonera_esquerra li:hover{
		background-position: left -57px;
		color:#BA5700;
		
	}
	#peu_botonera_esquerra li.disabled{
		background-position: left -27px;;
	}
	
	#peu_botonera_dreta{
		position:absolute;
		right:131px;
	}
	#peu_botonera_dreta li{
		float:right;
		margin-left:10px;
		background-position: right 3px;
		padding-right:22px;
	}
	#peu_botonera_dreta li:hover,#peu_botonera_dreta li.selected{
		background-position: right -57px;
		color:#BA5700;
	}
	#peu_botonera_dreta li.disabled{
		background-position: right -27px;;
	}

	#peu_botonera_dreta li.ie6{
		padding-right:0;
	}
	#peu_botonera_dreta li.ie6_img{
		margin-left:3px;
	}






















	/*
	#peu_extra{
		position: absolute;
		left:704px;
	}

*/