* {
	padding: 0;
	margin: 0;
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	background: #fff url(../img/bg_body.gif) top center repeat-y; 
}	

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	border: 1px solid #666666;
}	
	
/* General */
a {
	text-decoration: none;
	color: #333333;
	outline:0;
	}
a:hover {
	color: #006666;
}

ul {
	list-style-type: none;
}

img {
	border: 0px;
}


.titol { font-size: 12px; color: #003333; font-weight: bold;}
.resaltar { color: #003333; font-weight: bold;}



#container { margin: 0px auto; padding: 0px; width: 750px; text-align: left; }

/* cabecera 1 */

#header {
	margin: 0px;
	height: 70px;
	padding: 0px;
	}
	#header h1 {
		float: left;
		width: 400px; /*196px;*/
		height: 69px;
		background-image: url(img/h1.gif);
		background-repeat: no-repeat;
		overflow: hidden;
	}
	#header ul { 
		float: right; 
		margin: 0px;
		padding: 35px 0px 0px 0px; 
		list-style: none;
	}
	#header li {
		float: left; 
		padding: 0px 10px; 
		background: url(../img/li_separator_header.gif) 0px 2px no-repeat; 
	}

	#header li.first {
		float: left; 
		padding: 0px 10px; 
		background: none; 
	}
	

	#header ul li p{ margin: 0px; padding: 0px 4px 0px 4px; background-color: #e7e9e8; }

	/*
	#header ul li a.f1{ font-size: 9px; }
	#header ul li a.f2{ font-size: 11px; padding-left: 2px; font-weight: bold; }
	#header ul li a.f3{ font-size: 13px; padding-left: 1px; }
	*/
	#header ul li a.f1{ font-size: 9px; }
	#header ul li a.f2{ font-size: 11px; padding-left: 2px; }    /* font-weight: bold; */
	#header ul li a.f3{ font-size: 13px; padding-left: 1px; }
	
/* cabecera 2 */

#navbar {
	margin-top: 17px;
	margin-left: 0px;
	z-index: 1;
	}

	/* hack para IE6, evitando que quite una imagen del menu si tienes el ratón sobre el menú, al cargar la página */
	* html #navbar { background: url(../img/bg_fake_ie.gif) 0px 0px no-repeat; width: 100%; height: 28px; }
	* html #navbar #nav { display: none; }
	
	/*primer nivell*/
	#navbar ul.nav1 li.lamutua{ margin: 0px; padding: 0px; float: left; width: 134px; background: none; font-weight: bold; text-align: center; background-color: #6b6e6c; }
	#navbar ul.nav1 li.lamutua a{ margin: 0px; padding: 0px 0px 6px 0px; color: #FFFFFF; display:block; }
	#navbar ul.nav1 li.lamutua a:hover { background-color: #8a8e8b; }
	#navbar ul.nav1 li.lamutua p { padding-top:8px }
	
	#navbar ul.nav1 li.lamutua_on { margin: 0px; padding: 0px; float: left; width: 134px; background: none;  font-weight: bold; text-align: center; background-color: #7a8b8a; color: #FFFFFF; }
	#navbar ul.nav1 li.lamutua_on p { margin: 0px; padding: 8px 0px 6px 0px }
	
	#navbar ul.nav1 li.queoferim, ul.nav1 li.donisdalta, ul.nav1 li.experiencies { margin: 0px; padding: 0px; float: left; width: 132px; font-weight: bold; text-align: center; background-color: #6b6e6c; }
	#navbar ul.nav1 li.queoferim a, ul.nav1 li.donisdalta a, ul.nav1 li.experiencies a{ margin: 0px; padding: 0px 0px 6px 0px; color: #FFFFFF; background: url(../img/li_separator_navbar.gif) 0px 1px no-repeat;  display:block; }
	#navbar ul.nav1 li.queoferim a:hover, ul.nav1 li.donisdalta a:hover, ul.nav1 li.experiencies a:hover{ background-color: #8a8e8b; }
	#navbar ul.nav1 li.queoferim p, ul.nav1 li.donisdalta p, ul.nav1 li.experiencies p{ padding-top:8px }
	
	#navbar ul.nav1 li.queoferim_on, ul.nav1 li.donisdalta_on, ul.nav1 li.experiencies_on { margin: 0px; padding: 0px; float: left; width: 132px; font-weight: bold; text-align: center; color: #FFFFFF; background: #7a8b8a url(../img/li_separator_navbar.gif) 0px 1px no-repeat; }
	#navbar ul.nav1 li.queoferim_on p, ul.nav1 li.donisdalta_on p, ul.nav1 li.experiencies_on p{ margin: 0px; padding: 8px 0px 6px 0px }
	
	#navbar ul.nav1 li.last1{ margin: 0px 0px 0px 0px; padding: 12px 0px 0px 8px; float: left; margin-left: 2px; width: 204px; height: 16px; background: url(../img/fons_noticies1.gif) top left no-repeat; text-align: left; font-weight: bold; color: #FFFFFF; }
	#navbar ul.nav1 li.last2{ margin: 0px 0px 0px 0px; padding: 12px 0px 0px 8px; float: left; margin-left: 2px; width: 204px; height: 16px; background: url(../img/fons_noticies3.gif) top left no-repeat; text-align: left; font-weight: bold; color: #FFFFFF; }

	/* segon nivell*/
	
	#navbar ul.nav1 li { position: relative; z-index: 1;}
	#navbar ul.nav2 { display: none; position: absolute; margin-top: 2px; padding-top: 7px; width: 132px; background: url(../img/fons_menu_adalt.gif) 0px 2px  no-repeat; }
	#navbar ul.nav1 li:hover ul { display: block; top: 0px; left: 0px; margin-top: 28px; }
	#navbar ul.nav1 li.over ul { display: block; top: 0px; left: 0px; margin-top: 28px; } /* sólo para el hack IE (js), que no acapta hover en elemento LI */
	
	#navbar ul.nav2 li.third { float:left; margin: 0px; padding: 0px; width: 132px; font-weight: normal; text-align: left; background-color: #e1e1e1;}
	#navbar ul.nav2 li.third a { margin: 0px; padding:2px 0px 2px 8px; color: #000000; background: url(../img/fons_nav2.gif) bottom left no-repeat; display:block; }
	#navbar ul.nav2 li.third a:hover { color:#ff9933; font-weight: bold; background-color: #f6f6f6; }
	
	#navbar ul.nav2 li.third_abaix { float:left; margin: 0px; padding: 0px; width: 132px; font-weight: normal; text-align: left; background-color: #e1e1e1; }
	#navbar ul.nav2 li.third_abaix a { margin: 0px; padding:2px 0px 6px 8px; color: #000000; background: url(../img/fons_menu_abaix.gif) bottom left no-repeat; display:block; }
	#navbar ul.nav2 li.third_abaix a:hover { color:#ff9933; font-weight: bold; background-color: #f6f6f6; }



/* cabecera 3 */
	
#lamutua_ca { margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 744px; height: 140px; background: url(../img/fons_lamutua_ca.jpg) top left no-repeat; }
#queoferim_ca { margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 744px; height: 140px; background: url(../img/fons_queoferim_ca.jpg) top left no-repeat; }
#experiencies_ca { margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 744px; height: 140px; background: url(../img/fons_experiencies_ca.jpg) top left no-repeat; }
#donisdalta_ca { margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 744px; height: 140px; background: url(../img/fons_donisdalta_ca.jpg) top left no-repeat; }
#contacte_ca { margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 744px; height: 140px; background: url(../img/fons_contacte_ca.jpg) top left no-repeat; }

#lamutua_es { margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 744px; height: 140px; background: url(../img/fons_lamutua_es.jpg) top left no-repeat; }
#queoferim_es { margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 744px; height: 140px; background: url(../img/fons_queoferim_es.jpg) top left no-repeat; }
#experiencies_es { margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 744px; height: 140px; background: url(../img/fons_experiencies_es.jpg) top left no-repeat; }
#donisdalta_es { margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 744px; height: 140px; background: url(../img/fons_donisdalta_es.jpg) top left no-repeat; }
#contacte_es { margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 744px; height: 140px; background: url(../img/fons_contacte_es.jpg) top left no-repeat; }

	
/* titulars */
	
#titularesquerra { 	margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 150px; height: 45px; background-color: #c7c8c7;}
#titularesquerra p { float: left; margin-left: 3px; margin-top: 29px; width: 140px; color: #ffffff; font-size: 11px; font-weight: bold; background: url(../img/fons_titulardreta.gif) 130px 5px no-repeat; }
#titulardreta { margin: 2px 0px 0px 2px; padding: 0px 0px 0px 0px; float: left; width: 592px; height: 45px; background-color: #f0f0f0; }
#titulardreta p { margin-left: 20px; margin-top: 22px; color: #000000; font-size: 18px; font-weight: bold; }

/* part central del cos */

#cos {
	float: left;
	margin: 1px 0px 0px 0px;
	position: relative;
	height: 100%;
	min-height: 250px;
	background: url(../img/bg_body2.gif) top left repeat-y;
	}

/* for IE */
* html #cos { height: 250px; }

	
#opcions {
	position: absolute;
	top: 0; left: 0;
	width: 150px;
	}
	
	#opcions ul.opc1 { margin-top: 0px; padding-top: 6px; padding-bottom:2px; width: 150px; background: #ffffff url(../img/fons_nav4.gif) 0px 0px  no-repeat;  }

	#opcions ul.opc1 li.medium { margin: 0px; padding: 0px 0px 1px 0px; width: 150px; font-weight: normal; text-align: left; background: #f0f0f0 url(../img/fons_nav2.gif) left bottom no-repeat;}
	#opcions ul.opc1 li.medium a { margin: 0px; padding: 0px; color: #000000; display:block; background: url(../img/list_image1.gif) 5px 8px no-repeat; }
	* html #opcions ul.opc1 li.medium a  { width: 100%; }
	#opcions ul.opc1 li.medium a:hover { color:#ff9933; font-weight: bold; background-color: #ffffff;  }
	#opcions ul.opc1 li.medium p {  padding: 3px 0px 1px 14px; }

	#opcions ul.opc1 li.medium_on { margin: 0px; padding: 0px 0px 1px 0px; width: 150px; font-weight: normal; text-align: left; background: #f0f0f0 url(../img/fons_nav2.gif) left bottom no-repeat;}
	#opcions ul.opc1 li.medium_on a { margin: 0px; padding: 0px; color: #ff9933; display:block; background: url(../img/list_image1.gif) 5px 8px no-repeat; font-weight: bold; }
	* html #opcions ul.opc1 li.medium_on a  { width: 100%; }
	#opcions ul.opc1 li.medium_on p {  padding: 3px 0px 1px 14px; }
	
	#opcions ul.opc2 { margin-top: 0px; padding-top: 1px; display: none; }

	#opcions ul.opc2 li.medium { margin: 0px; padding: 1px 0px 1px 0px; width: 150px; font-weight: normal; text-align: left; background: #f8f8f8 url(../img/fons_nav2.gif) top left no-repeat;}
	#opcions ul.opc2 li.medium a { margin: 0px; padding: 0px; color: #000000; display:block; background: url(../img/list_image2.gif) 14px 9px no-repeat; font-weight: normal; }
	* html #opcions ul.opc2 li.medium a  { width: 100%; }
	#opcions ul.opc2 li.medium a:hover { color:#ff9933; font-weight: bold; background-color: #ffffff;  }
	#opcions ul.opc2 li.medium p {  padding: 3px 0px 1px 20px; }

	#opcions ul.opc2 li.medium_on { margin: 0px; padding: 0px 0px 1px 0px; width: 150px; text-align: left; background: #f8f8f8 url(../img/fons_nav2.gif) top left no-repeat;}
	#opcions ul.opc2 li.medium_on a { margin: 0px; padding: 0px; color: #ff9933; font-weight: bold; display:block; background: url(../img/list_image2.gif) 14px 9px no-repeat; }
	* html #opcions ul.opc2 li.medium_on a  { width: 100%; }
	#opcions ul.opc2 li.medium_on p {  padding: 3px 0px 1px 20px; }
	
	
	
#apartatpdf {
	float: absolute;
	margin-left: 152px;
	padding: 40px 0px 20px 0px;
	width: 592px; 
	background: url(../img/fons_nav3.gif) 0px 0px repeat-x;
	position: relative;
	}

	#apartatpdf h5 { float:left; margin: 0px; padding: 0px 0px 0px 20px; font-size: 12px; width: 370px; color: #003333; }
	#apartatpdf h6 { clear: both; margin: 0px; padding: 20px 0px 0px 20px; font-size: 12px; }
	#apartatpdf p { float:left; margin: 0px 0px 0px 20px; padding: 0px; width: 370px; }
	#apartatpdf p.sinTop { margin-top: 10px; }
	* html #apartatpdf p { margin-left: 10px; }
	#apartatpdf img { float:left; margin: 0px 18px 10px 0px; padding: 0px; border-bottom: 15px solid #d7dcdc; }
	#apartatpdf img.right { float: right; border-bottom:0px }

	#apartatpdf ul { float:left; margin: 40px 0px 0px 20px; padding:0px; }
	#apartatpdf ul.right { position: absolute; top: 0px; right: 0px; }
	
	#apartatpdf ul li.first { margin: 0px; padding: 4px 0px 4px 10px; width: 170px; font-weight: normal; text-align: left; background: #d7dcdc url(../img/flecha1.gif) 165px 10px no-repeat;}
	#apartatpdf ul li.tercero  { margin: 0px; padding: 0px 0px 10px 0px; width: 170px; font-weight: bold; color: #003233; font-size:12px; text-align: left; background: url(../img/punt_raya.gif) bottom left repeat-x;}
	#apartatpdf ul li.second { margin: 0px; padding: 4px 0px 4px 10px; width: 170px; font-weight: normal; text-align: left; background: url(../img/puntets1.gif) bottom left repeat-x;}
	#apartatpdf ul li.second a { margin: 0px; padding: 4px 0px 4px 22px; color: #000000; background: url(../img/pdf.gif) 0px 2px no-repeat; display:block; }
	#apartatpdf ul li.second a:hover { color:#006666  }
	#apartatpdf ul li.img { margin: 0px; padding: 1px 0px; width: 170px; height: 50px; background: url(../img/puntets1.gif) bottom left repeat-x;}
	#apartatpdf ul li.img a img { border: none; margin: 0px; padding: 0px; }
	

	#apartatpdf ul.bottom { float:left; margin: 0px 0px 0px 20px; padding: 0px 0px 40px 0px; background: url(../img/puntets1.gif) top left repeat-x; }
	* html #apartatpdf ul.bottom { margin-left: 10px; }
	#apartatpdf ul.bottom2 { float:left; margin: 0px; padding: 40px 20px 0px 20px; }
	
	
	#apartatpdf .listaFaqs { float:left; width: 390px;  }
	#apartatpdf .listaFaqs p.pregunta { font-weight: bold; margin-top: 15px; margin-bottom: 2px; color: #003233; background: url(../img/bullet_pregunta_faq.gif) 0px 2px no-repeat; padding-left: 10px; }
	#apartatpdf .listaFaqs p.respuesta { margin-top: 0px; margin-bottom: 5px; padding-left: 10px; }
	
	#apartatpdf .normal { font-size: 11px; color: #000000; font-weight: normal;}
	
	#apartatpdf ol { clear: both; font-size: 11px; margin: 0px 0px 0px 20px; padding: 20px 0px 0px 20px; color: #003333; font-weight: bold; }
	#apartatpdf ol li { margin: 0px; padding: 0px 0px 15px 0px; }
	#apartatpdf ol.sub{ list-style-type: none; clear: both; margin: 0px; padding: 20px 0px 0px 10px; color: #000000; font-weight: normal; }
	#apartatpdf ol li.ssub{ margin: 0px; padding: 0px 0px 0px 10px; background: url(../img/bullet_pregunta_faq.gif) 0px 2px no-repeat;}

	#apartatpdf .amplitud { width: 540px; }
	

#centres {
	float: absolute;
	top:0; right: 0; 
	margin-left: 152px;
	background: url(../img/fons_nav3.gif) 0px 0px repeat-x;
	width: 592px; 
	}

	#centres p { float:left; margin: 40px 0px 0px 20px; padding: 0px; width: 550px; }
	* html #centres p { margin-left: 10px; }
	#centres img { float:right; margin: 0px 0px 0px 70px; padding: 0px; }

	#centresconcertats {
		float: left;
		margin: 40px 0px 0px 10px; padding: 0px;
		width: 270px; 
		height: 210px;
		background: url(../img/puntets1.gif) bottom left repeat-x;
		}
		#centresconcertats p { margin: 0px; padding: 6px 0px 2px 5px; width: 270px; color: #003333; background: #d8dcdd url(../img/lupa_a.gif) 250px 6px no-repeat; }
		* html #centresconcertats p { margin-left: 0px; }
		
		#centresconcertats form span.txt1 { position: relative; clear:both; float:left; margin: 10px 0px 0px 0px; padding: 4px 0px 0px 5px; width:80px; }
		#centresconcertats form input { position: relative; float:left; margin: 10px 0px 0px 0px; padding: 0px; width: 175px; }
		#centresconcertats form select { position: relative; float:left; margin: 10px 0px 0px 0px; padding: 0px; width: 175px; }

	/*
	#simulador {
		float: left;
		margin: 40px 0px 0px 10px; padding: 0px;
		width: 350px; 
		}
		#simulador p { margin: 0px; padding: 6px 0px 2px 5px; width: 350px; color: #003333; background: #d8dcdd url(../img/calc.gif) 330px 6px no-repeat; }
		* html #simulador p { margin-left: 0px; }
		
		#simulador form span.txt3 { position: relative; clear:both; float:left; margin: 10px 0px 0px 0px; padding: 4px 0px 0px 5px; width:155px; }
		#simulador form input { position: relative; margin: 10px 0px 0px 0px; padding: 0px; }
		#simulador form input.sinBorde { position: relative; margin: 10px 0px 0px 0px; padding: 0px; border: 0px;  }
		#simulador form select { margin: 10px 0px 0px 0px; padding: 0px;  }
		#simulador .resaltado { color: #006666; }
		#simulador p.linea { margin: 0px; padding: 0px 0px 10px 0px; width: 350px; background: url(../img/puntets1.gif) bottom left repeat-x; }
		#simulador form span.txt4 { position: relative; clear:both; float:left; margin: 10px 0px 0px 0px; padding: 0px; width: 90px; font-weight: bold;}

		#simulador_boton {
		float: right;
		margin: 0px 0px 0px 0px; padding: 0px;
		}
		#simulador_boton a { margin: 0px 0px 0px 0px; padding: 6px 20px 4px 15px; color: #000000; background: url(../img/boton1.gif) top left no-repeat; display: block; }
	*/	
	
	#simulador {
		position: relative;
		float: left;
		margin: 40px 0px 0px 20px; padding: 0px;
		width: 350px; 
		}
		* html #simulador { margin-left: 10px; }
		
		#simulador p { margin: 0px; padding: 6px 0px 2px 5px; width: 350px; color: #003333; background: #d8dcdd url(../img/xls.gif) 330px 3px no-repeat; }
		* html #simulador p { margin-left: 0px; }

		
		
		
		
		
	#especialistes {
		float: right;
		margin: 40px 0px 0px 0px; padding: 0px;
		width: 270px; 
		height: 210px;
		background: url(../img/puntets1.gif) bottom left repeat-x;
		}
		#especialistes p { margin: 0px; padding: 6px 0px 2px 5px; width: 270px; color: #003333; background: #d8dcdd url(../img/lupa_a.gif) 250px 6px no-repeat; }
		* html #especialistes p { margin-left: 0px; }
		#especialistes form span.txt2 { position: relative; clear:both; float:left; margin: 10px 0px 0px 0px; padding: 4px 0px 0px 5px; width:75px; }
		#especialistes form input { position: relative; float:left; margin: 10px 0px 0px 0px; padding: 0px; }
		#especialistes form select { position: relative; float:left; margin: 10px 0px 0px 0px; padding: 0px; width: 175px; }
		
	#centresconcertats_boton {
		float: left;
		margin: 10px 0px 20px 10px; padding: 0px;
		width: 263px; 
		}
		#centresconcertats_boton a { margin: 0px 0px 0px 190px; padding: 6px 20px 4px 20px; color: #000000; background: url(../img/boton1.gif) top left no-repeat; display: block; }

	#especialistes_boton {
		float: right;
		margin: 10px 0px 20px 0px; padding: 0px;
		width: 263px; 
		}
		#especialistes_boton a { margin: 0px 0px 0px 190px; padding: 6px 20px 4px 20px; color: #000000; background: url(../img/boton1.gif) top left no-repeat; display: block; }
		
#centres_rs {
	float: none;
	margin: 0px 0px 0px 152px;
	padding: 0px;
	background: url(../img/fons_nav3.gif) 0px 0px repeat-x;
	width: 592px; 
	}

	#centres_rs p { margin: 0px; padding: 40px 0px 0px 20px; }
	
	#resultats { float:left; margin: 0px; padding: 10px 0px 0px 20px; }
	#resultats .resaltar{ color: #006666}

	#imprimir { float:right; padding-left: 16px; margin-top: 10px; }
	#imprimir a { padding-left: 16px; background: url(../img/icon_imprimir_off.gif) 0px 2px no-repeat; }
	#imprimir a:hover { background: url(../img/icon_imprimir_on.gif) 0px 2px no-repeat; }
	
	#centres_rs table { clear:both; margin: 20px 0px 20px 20px; border-collapse: collapse; width: 572px; }
	#centres_rs th { padding: 6px 0px 2px 4px; color: #003333; background-color: #d8dcdd; font-weight: normal; }
	#centres_rs th.col1 { width:162px;  }
	#centres_rs th.col2 { width:150px;  }
	#centres_rs th.col3 { width:60px;  }
	#centres_rs th.col4 { width:100px;  }
	#centres_rs th.col5 { width:100px;  }

	#centres_rs th.col101 { width:172px;  }
	#centres_rs th.col102 { width:80px;  }
	#centres_rs th.col103 { width:120px;  }
	#centres_rs th.col104 { width:80px;  }
	#centres_rs th.col105 { width:120px;  }
	
	
	#centres_rs td { padding: 4px 0px 4px 4px ; background: url(../img/puntets1.gif) bottom left repeat-x; }

	#pagant { float:left; margin:0px; padding-left: 20px; }
	#pagant a { padding-left: 16px; background: url(../img/icon_pagant_off.gif) 0px 2px no-repeat; }
	#pagant a:hover { background: url(../img/icon_pagant_on.gif) 0px 2px no-repeat; }

	#pagseg { float:right; }
	#pagseg a { padding-right: 16px; background: url(../img/icon_pagseg_off.gif) right 2px no-repeat; }
	#pagseg a:hover { background: url(../img/icon_pagseg_on.gif) right 2px no-repeat; }

#apartat_art{
	float: none;
	margin: 0px 0px 0px 152px;
	padding: 0px;
	background: url(../img/fons_nav3.gif) 0px 0px repeat-x;
	width: 592px; 
	padding-bottom: 20px;
	}
	
	
#apartat{
	float: none;
	margin: 0px 0px 0px 152px;
	padding: 0px;
	background: url(../img/fons_nav3.gif) 0px 0px repeat-x;
	width: 592px; 
	padding-bottom: 20px;
	}

	#apartat p { margin: 0px; padding: 40px 20px 0px 20px; }
	#apartat img { float:left; margin: 0px 18px 30px 0px; padding: 0px; }

	#apartat img.imgfirma { position:relative; float:left; margin: 0px; padding: 40px 40px 0px 20px; }
	#apartat p.blocfirma  {position:relative; float:left; margin: 0px; padding: 40px 0px 0px 15px; width: 340px; background: url(../img/flecha2.gif) 0px 44px no-repeat; }
	#apartat p.firma { position:relative; float:right; margin: 0px; padding: 0px 20px 0px 0px; color: #003333; font-weight: bold; }
	
	#apartat .resaltat { color: #003333; font-weight: bold; }
	
	#noticia { margin: 0px; padding: 40px 40px 0px 20px; }
	#noticia p.noticia { margin: 0px; padding: 0px 0px 0px 18px; background: url(../img/flecha3.gif) 0px 4px no-repeat; }
	#noticia a { color: #003333; }
	#noticia a.tornar{ margin: 20px 0px 0px 450px; padding: 0px 0px 0px 20px ; background: url(../img/tornar.gif) 2px 2px no-repeat; color: #003333; }
	
	#apartat ul.unacolumna { margin: 10px 0px 0px 0px; padding: 0px; }
	* html #apartat ul.unacolumna { float:left; }
	#apartat ul.unacolumna li { margin: 0px; padding: 0px 0px 0px 10px; background: url(../img/flecha2.gif) 0px 4px no-repeat; }

	#apartat ul.doscolumnas { margin: 10px 0px 0px 20px; padding: 0px; width: 572px; }
	#apartat ul.doscolumnas li { float:left; width: 286px; background: url(../img/flecha3.gif) 0px 14px no-repeat; }
	#apartat ul.doscolumnas li p { margin: 0px 60px 0px 0px; padding: 10px 0px 10px 20px; background: url(../img/puntets1.gif) bottom left repeat-x; }

	
	#historia { float:left; margin: 0px; padding: 40px 40px 0px 20px; }
	#historia p.historia { position:relative; float:left; margin: 0px; padding: 0px; }
	#historia img { position:relative; float:left; clear: both; margin: 0px; padding: 20px 0px 20px 0px; }
	#historia ul.conflecha { position:relative; float:left; margin: 0px 0px 0px 0px; padding: 0px;}
	#historia ul.conflecha li { position:relative; float:left; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 10px; background: url(../img/flecha2.gif) 0px 4px no-repeat; }
	
	
	
	
	/*
	#apartat ol span{font-size:12px; color:#003333;}
	#apartat ol { margin-left: 20px; padding: 40px 0px 0px 20px; }
	#apartat ol li p{ margin: 0px; padding: 0px 0px 0px 0px;}
	*/

	#apartat .normal { font-size: 11px; color: #000000; font-weight: normal;}

	#apartat ol { font-size: 11px; margin-left: 20px; padding: 40px 20px 0px 20px; color: #003333; font-weight: bold;}
	#apartat ol li { margin: 0px; padding: 0px 0px 15px 0px; }
	
	
#onsom {
	position: relative;
	margin: 0px 0px 0px 152px;
	padding: 0px 0px 20px 0px;
	background: url(../img/fons_nav3.gif) 0px 0px repeat-x;
	width: 592px; 
	}
	#onsom_foto { position: relative; float:left; margin: 0px; padding: 40px 0px 20px 20px; width:404px; }
	#onsom_text { position: relative; float:right; margin: 65px 0px 20px 0px; bottom: 0px; width: 160px; }

	#onsom_contacte { position: relative; clear:both; margin: 0px; padding: 40px 0px 10px 20px; }
	#onsom_contacte p { margin: 0px; padding: 6px 0px 2px 5px; width: 404px; color: #003333; background: #d8dcdd url(../img/lapiz.gif) 380px 6px no-repeat; }
	* html #onsom_contacte p { margin-left: 0px; }
	#onsom_contacte form span.txt1 { position: relative; float: left; clear: both; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 5px; width:150px; }
	#onsom_contacte form input.inp1 { position: relative; margin: 10px 0px 0px 0px; padding: 0px; width: 230px; }
	#onsom_contacte form input.sinBorde { position: relative; margin: 10px 0px 0px 0px; padding: 0px; width: 20px; border: 0px; }
	#onsom_contacte form span.txt2 { position: relative; clear:both; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 5px; width:110px; float: left;}
	#onsom_contacte form input.inp2 { position: relative; margin: 10px 0px 0px 0px; padding: 0px; width: 270px; }
	#onsom_contacte form textarea.tea2 { position: relative; margin: 10px 0px 0px 0px; padding: 0px; width: 270px; }
	#onsom_contacte form span.txt3 { position: relative; clear:both; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 5px; float: left; font-weight: bold;}
	#onsom_contacte form textarea.tea3 { position: relative; margin: 10px 0px 0px 5px; width: 380px; color: #666666; font-size: 10px}
	#onsom_contacte form input.chk3 { position: relative; margin: 5px 0px 0px 5px; border: 0px; }
	#onsom_contacte form span.txt4 { font-size: 10px; }
	#onsom_contacte p.linea { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; width: 404px; background: url(../img/puntets1.gif) bottom left repeat-x; color: #333333}
	#onsom_contacte .resaltar{ color: #006666}

	#onsom_esborrar_boton { position: relative; clear:left; float:left; margin: 0px 0px 0px 250px; padding: 0px; width:90px; }
	* html #onsom_esborrar_boton { margin-left: 125px; }
	#onsom_esborrar_boton a { margin: 0px; padding: 6px 20px 4px 15px; color: #000000; background: url(../img/boton1.gif) top left no-repeat; display: block;}
	
	
	#onsom_enviar_boton { position: relative; float:left; margin: 0px; padding: 0px; width:90px; }
	#onsom_enviar_boton a { margin: 0px; padding: 6px 20px 4px 20px; color: #000000; background: url(../img/boton1.gif) top left no-repeat; display: block;}

	#mesinformacio { position: relative; clear: both; margin: 0px; padding: 40px 0px 10px 20px; }
	#mesinformacio p { margin: 0px; padding: 6px 0px 2px 5px; width: 360px; color: #003333; background: #d8dcdd url(../img/lapiz.gif) 340px 6px no-repeat; }
	* html #mesinformacio p { margin-left: 0px; }
	#mesinformacio form span.txt1 { position: relative; float: left; clear:both; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 5px; width:160px; }
	#mesinformacio form input.inp1 { position: relative; float: left; margin: 10px 0px 0px 0px; padding: 0px; width: 180px; }
	#mesinformacio form input.sinBorde { position: relative; margin: 10px 0px 0px 0px; padding: 0px; width: 20px; border: 0px; }
	#mesinformacio form span.txt2 { position: relative; float: left; clear:both; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 5px; width:120px; }
	#mesinformacio form input.inp2 { position: relative; float: left; margin: 10px 0px 0px 0px; padding: 0px; width: 220px; }
	#mesinformacio form textarea.tea2 { position: relative; float: left; margin: 10px 0px 0px 0px; padding: 0px; width: 220px; }
	#mesinformacio form span.txt3 { position: relative; float: left; clear:both; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 5px; font-weight: bold; width: 340px;}
	#mesinformacio form textarea.tea3 { position: relative; float: left; clear:both; margin: 10px 0px 0px 5px; width: 340px; color: #666666; font-size: 10px}
	#mesinformacio form input.chk3 { position: relative; float: left; margin: 0px 0px 0px 5px; border: 0px; }
	#mesinformacio form span.txt4 { font-size: 10px; }
	#mesinformacio p.linea { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; width: 360px; background: url(../img/puntets1.gif) bottom left repeat-x; color: #333333}
	#mesinformacio .resaltar{ color: #006666}
	
	#mesinformacio_esborrar_boton { position: relative; clear:left; float:left; margin: 10px 0px 20px 210px; padding: 0px; width:90px; }
	* html #mesinformacio_esborrar_boton { margin-left: 105px; }
	#mesinformacio_esborrar_boton a { margin: 0px; padding: 6px 20px 4px 15px; color: #000000; background: url(../img/boton1.gif) top left no-repeat; display: block;font-weight: normal}
	#mesinformacio_enviar_boton { position: relative; float:left; margin: 10px 0px 20px 0px; padding: 0px; width:90px; }
	#mesinformacio_enviar_boton a { margin: 0px; padding: 6px 20px 4px 20px; color: #000000; background: url(../img/boton1.gif) top left no-repeat; display: block;font-weight: normal}

	
#columnas{
	float: none;
	margin: 0px 0px 0px 152px;
	padding: 0px;
	background: url(../img/fons_nav3.gif) 0px 0px repeat-x;
	width: 592px; 
	padding-bottom: 20px;
	}
	
	#columnas ul.doscolumnas { margin: 0px 0px 20px 20px; padding: 0px 0px 0px 0px;}
	#columnas ul.doscolumnas li { margin: 50px 0px 0px 0px; padding: 0px 0px 5px 0px; background: url(../img/punt_raya.gif) bottom left repeat-x; }
	#columnas ul.doscolumnas li.b { margin: 18px 0px 0px 0px; padding: 0px 0px 5px 0px; background: url(../img/punt_raya.gif) bottom left repeat-x; }
	#columnas ul.doscolumnas li.sub { margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; background: url(../img/puntets1.gif) top left repeat-x; }
	#columnas ul.doscolumnas li.sub2 { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; background: url(../img/.gif) bottom left repeat-x;}
	
	#columnas ul.doscolumnas li.subb { margin: 0px 0px 0px 10px; padding: 0px 0px 1px 0px; background: url(../img/flechita.gif) 0px 4px no-repeat; padding-left:20px; }
	
	#columnas ul.doscolumnas li.sub p{ margin: 0px 40px 0px 0px; padding: 0px 0px 0px 0px;  background: url(../img/bullet_pregunta_faq.gif) 0px 2px no-repeat; padding-left:10px;}
	#columnas ul.doscolumnas li.sub2 p{ margin: 0px 40px 0px 0px; padding: 0px 0px 0px 0px;  background: url(../img/bullet_pregunta_faq.gif) 0px 2px no-repeat; padding-left:10px;}

	#columnas .normal { font-size: 11px; color: #000000; font-weight: normal;}

	#columnas ol { font-size: 11px; margin-left: 20px; padding: 40px 20px 0px 20px; color: #003333; font-weight: bold;}
	#columnas ol li { margin: 0px; padding: 0px 0px 15px 0px; }



	
#atencio {	
	position: relative;
	margin: 0px 0px 0px 152px;
	padding-bottom: 20px;
	background: url(../img/fons_nav3.gif) 0px 0px repeat-x;
	width: 592px; 
	}
	#atencio1 { position: relative; margin: 0px; padding: 40px 0px 0px 20px; width: 360px; }
	#atencio2 { position: absolute; margin: 0px; padding-top: 40px; top:0px; right:0px; }

	#atencio1 p.caixa1{ float:left; margin: 20px 0px 0px 0px; padding: 10px 0px 10px 10px; width: 120px; color: #003333; border: 1px solid #666666}
	#atencio1 p.caixa2{ float:right; margin: 20px 0px 0px 0px; padding: 0px; width: 200px; }

	/*
	#atencio1 p.defensor { clear: both; margin-top: 20px; padding-top: 10px; background: url(../img/puntets1.gif) top left repeat-x; }
	*/
	#atencio1 p.defensor { clear: both; margin: 0px; padding: 30px 0px 0px 0px; background: url(../img/puntets1.gif) 0px 10px repeat-x; }
	* html #atencio1 p.defensor { padding-top: 15px; }

	
	#atencio1 p.caixa1 span.resaltar { color: #003333; font-weight: bold;}

	
	#atencio2 ul { float: left; margin: 0px 0px 0px 0px; padding:0px; }
	#atencio2 ul li.first { margin: 0px; padding: 4px 0px 4px 10px; width: 170px; font-weight: normal; text-align: left; background: #d7dcdc url(../img/flecha1.gif) 165px 10px no-repeat;}
	#atencio2 ul li.second { margin: 0px; padding: 4px 0px 4px 10px; width: 170px; font-weight: normal; text-align: left; background: url(../img/puntets1.gif) bottom left repeat-x;}
	#atencio2 ul li.second a { margin: 0px; padding: 4px 0px 4px 22px; color: #000000; background: url(../img/pdf.gif) 0px 2px no-repeat; display:block; }
	#atencio2 ul li.second a:hover { color:#006666  }

	
	
.telefon { padding-left: 15px; background: url(../img/icon_telefon_off.gif) 0px 2px no-repeat; }
.fax { padding-left: 15px; background: url(../img/icon_fax_off.gif) 0px 2px no-repeat; }
.mail { padding-left: 15px; background: url(../img/icon_mail_off.gif) 0px 2px no-repeat; }
.imprimir { padding-left: 15px; background: url(../img/icon_imprimir_off.gif) 0px 2px no-repeat; }
.horari { padding-left: 15px; background: url(../img/icon_horari_off.gif) 0px 0px no-repeat; }

	
/* part central de la home*/

#flash {
	z-index: 0;
	margin: 2px 0px 0px 0px; padding: 0px;
	float: left;

}



#news {
	}
	#news ul {
		float: left; 
		margin: 2px 0px 0px 2px; padding: 0px;
		width: 212px;
		height: 105px;
		background: url(../img/fons_noticies2.gif) top left repeat-x;
	}
	#news a.first{
		margin: 4px 0px 0px 8px; padding: 0px;
		height: 35px;
		display: block;
		background: url(../img/boton_news1.gif) 186px 18px no-repeat;
	}
	#news a.first:hover{
		background: url(../img/boton_news1_on.gif) 186px 18px no-repeat;
	}
	#news a.second{
		margin: 2px 0px 0px 8px; padding: 0px;
		height: 35px;
		display: block;
		background: url(../img/boton_news1.gif) 186px 18px no-repeat;
	}
	#news a.second:hover{
		background: url(../img/boton_news1_on.gif) 186px 18px no-repeat;
	}
	/*
	#news a.third{
		margin: 2px 0px 0px 8px; padding: 2px 0px 0px 134px ;
		display: block;
		height: 16px;
		background: url(../img/boton_news2.gif) 114px 4px no-repeat;
		BORDER: 1PX SOLID YELLOW;
	}
	#news a.third:hover{
		background: url(../img/boton_news2_on.gif) 106px 4px no-repeat;
	}
	*/
	#news a.third{
		FLOAT: RIGHT; margin: 5px 0px 0px 0px; padding: 0px 8px 0px 20px ;
		display: block;
		height: 16px;
		background: url(../img/boton_news2.gif) 0px 2px no-repeat;
	}
	
	#news a.third:hover{
		background: url(../img/boton_news2_on.gif) 0px 2px no-repeat;
	}



#banner1 {
	margin-top: 0px;
	padding: 0px;
	}
	#banner1 p {
		float: left; 
		margin-left: 2px;
		margin-top: 2px;
	}
	
#bannerarticles {
	margin-top: 0px;
	padding: 0px;
	}
	#bannerarticles p {
		float: left; 
		margin-left: 2px;
		margin-top: 2px;
	}
	
/* banners */

#banners {
	}
	#banners ul {
		float: left;
		margin: 8px 0px 0px 0px; padding: 0px;
	}
	#banners li {
		float: left; 
		width: 244px;
		height: 125px;
		background: url(../img/fons_banners.gif) top left repeat-x;
	}
	#banners li.medium{
		margin-left:7px;
		margin-right:7px;
	}

/* peu */
	
#footer {
	float:both;
	margin: 0px auto; 
	padding: 0px 0px 20px 0px; width: 750px;
	}

	/*
	#footer ul { 
		margin: 18px 0px 0px 0px; 
		padding: 6px 0px 0px 0px; 
		list-style: none; 
		clear: both; 
		text-align: center; 
		background: url(../img/ul_bg_footer.gif) top left repeat-x;
	}
	*/
	#footer ul { 
		margin: 0px 0px 0px 0px; 
		padding: 24px 0px 0px 0px; 
		list-style: none; 
		clear: both; 
		text-align: center; 
		background: url(../img/ul_bg_footer.gif) 0px 18px repeat-x;
	}
	
	#footer li { 
		display: inline; 
		margin: 0px; 
		padding: 0px 15px; 
		background: url(../img/li_separator_dot.gif) 0px 7px no-repeat; 
		color: #666666;
	}
	#footer li.first{ 
		display: inline; 
		margin: 0px; 
		padding: 0px 15px; 
		background: none; 
		color: #666666;
	}

	#footer p { 
		margin: 0px; 
		padding: 1px 0px 0px 0px; 
		text-align: center; 
		color: #666666; 
		font-size: 10px;
	} 

	#footer a { 
		color: #666666; 
	} 
	#footer a:hover { 
		color: #267E7B;
	}