/* CSS Document */
/* dates de creació: 27.05.2011, 03.06.2011, 17.06.2011 */
/* autors: Eva Altisen i Jordi Puigoriol, 2006 - 2011 */ 

/* caracteristiques generals del fons de pantalla*/
body {
	background-color:#F3F3F3; /* color de fons */
	background-image:  url(imag/abella_06_01.jpg); /* imatge de fons */
	background-repeat:no-repeat; /* no repetició de la imatge de fons, ni vertical ni horitzontal */
	background-position: center center; /* posició de la imatge de fons */
	margin-left: 0px; /* marge esquerra*/
	margin-top: 0px; /* marge superior */
	margin-right: 0px; /* marge dret */
	margin-bottom: 0px;	 /* marge inferior */
	}

/* caracteristiques del contenidor general */
.container {
	width: 950px; /* amplada, per ser visualitzat correctament en un resolució de monitor de 1024 x 768 pixels. Independentment de les pulçades del monitor */
	height: auto; /* alçada automatica */
	background: #FFF; /* color de fons del contenidor general */
	margin: 0 auto; /* valor automàtic dels costats, espai entre el contenidor general i els cantons esquerras i dreta del navegador, per centrar el disseny. No es necessari si s'estableix l'amplada del ".container" al 100%. */
}

/* caracteristiques generals de la capçalera o header*/
#header {
	width: 950px; /* amplada de la capçalera */
	height: auto; /* alçada de la capçalera */
	}

		/* caracteristiques del logotip. Forma part de l'element "#header" o capçalera */
		#logotip {
			margin-left: 20px;
			width: 188px; /* amplada del logotip */
			height: 89px; /* alçada del logotip */
			float: left; /* posició del logotip respecte al "#header" */
			}

		/* caracteristiques del banner. Forma part de l'element "#header" o capçalera*/
		#banner {
			width: 706px; /* amplada del banner fet amb Flash */
			height: 130px; /* alçada del banner fet amb Flash*/
			border-left: 10px solid #FFF; /* separació de l'esquerra entre el logotip i el banner. Original: 20px solid #FFF*/
			float: left; /* posició del banner respecte al "#header" */
			}

		/* caracteristiques de selecció de l'idioma i el boto "inici" */
		/* caracteristiques de l'etiqueta */	
		#lenguaje p {
			display: none; /* que el cuadrat no generi cap caixa */
			}	

		/* caracteristiques generals de la llista desordenada horitzontal */
		#lenguaje ul {
			position: absolute; /* posició de la llista, respecta al "#header" */
			width: auto; /* amplada de la llista, automàtica */
			float: left; /* posició del seleccionador d'idiomes respecte al "#header" */
			top: 90px; /* posició amb pixels respecte al "#header" */
			padding: 0px; /* amplada del element. En aquest cas el "#lenguaje" 0 de separació */
			margin-left: 0px; /* marege de l'element respecte al costat esquerra */
			border: 0px; /* frontera de l'element "#lenguaje" 0 pixels pels quatre costats */
			font-family: Verdana, Geneva, sans-serif; /* familia tipografica de la font */
			font-size: 8pt; /* cos, tamany de la lletra. En aquest cas en puntas didots de tipografia gràfica */
			font-weight: normal; /* estil de la tipografia. En aquest cas normal */
			text-align: left; /* alineació del text respecte l'element */
			color: #DDD; /* color de la lletra. En aquest cas amb codi hexadacimals */
			}
			
		/* caracteristiques dels elements de la llista desordenada horitzontal */
		#lenguaje ul li {
			list-style: none; /* que els elements de la llista no tinguin imatge */
			float: left; /* posició de l'element "#lenguaje" a l'esquerra */
			margin: 0; /* marge de l'element. 0 als quatre costats */
			padding: 0; /* amplada de l'element. 0 als quatre costats */
			}
			
		/* caracteristiques dels elements de la llista desordanada horitzontals, enllaços */			
		#lenguaje ul li a:link, #lenguaje ul li a:visited {
			padding: 0px; /* amplada de l'element. 0 als quatre costats */
			margin-left: 20px; /* marge de l'element. A l'esquerra 20 pixels */
			border: 0px; /* frontera de l'element "#lenguaje" 0 pixels pels quatre costats */
			background-color: #FFF; /**/
			text-decoration: none; /**/
			display: block; /**/
			width: auto; /**/
			color: #CCC; /**/
			}

		#lenguaje ul li a:hover {
			color: #000; /**/
			font-weight: bold; /**/	
			}

		#lenguaje ul li a#current {
			color: #000; /**/
			font-weight: normal; /**/
			}

		.corclear:after {
			content: "."; /**/
			display: block; /**/
			height: 0px; /**/
			clear: both; /**/
			visibility: hidden; /**/
			}
			
		/* per IE6 */
		*html .corclear {
			height: 1%; /**/
			}
		/* per IE7 */
		*:first-child+html .corclear {
			min-height: 1px; /**/
			}
	
		#cont {
	width: 950px;
	height: auto;
	}
	
#nav_first p {
	display: none;
	}
#nav_first {	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: right;
	padding: 0;
	color: #DDD;
	width: 220px;
	float: left;
	}
#nav_first ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#nav_first ul li {
	border-left: 20px solid #FFF;
	margin: 0;
	border-top: none;
	}
#nav_first ul li a:link, #nav_first ul li a:visited {
	display: block;
	padding: 5px 20px 5px 5px;
	color: #CCC;
	text-decoration: none;
	background-color: #FFF;
	font-weight: normal;
	}
html>body #nav_first ul li a {
	width: auto;
	}
#nav_first ul li a:hover {
	color: #000;
	font-weight: bold;	
	}
#nav_first li {
	background-color: #CCC;
	font-weight: bold;
	color: #000;
	}
.nav_first_active {
	padding: 2px 20px 2px 2px;
	}

/* caracteristiques del menú secundari, secció "presentació" */	
#nav_second_pres p {
	display: none;
	}
a {
	text-shadow: 0 -1px 0px rgba (0,0,0,.8);
	}
#nav_second_pres {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	color: #DDD;
	width: 200px;
	float: left;
	}

#nav_second_pres ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#nav_second_pres ul li {
	margin: 0;
	}

#nav_second_pres ul li a:link, #nav_second_pres ul li a:visited {
	display: block;
	padding: 5px 5px 5px 20px;
	color: #E8E0C4;
	text-decoration: none;
	background-color: #FFF;
	font-weight: normal;
	}
html>body #nav_second_pres ul li a {
	width: auto;
	}

#nav_second_pres ul li a:hover {
	color: #000;
	font-weight: bold;	
	}
#nav_second_pres li {
	background-color: #E8E0C4;
	font-weight: normal;
	color: #000;
	}
.nav_second_pres_active {
	padding: 2px 2px 2px 20px;
	}

/* caracteristiques del menú secundari, secció "arees professionals" */	
#nav_second_arees p {
	display: none;
	}
a {
	text-shadow: 0 -1px 0px rgba (0,0,0,.8);
	}
#nav_second_arees {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 26px;
	/*padding: 0px; */
	color: #DDD;
	width: 200px;
	float: left;
	}

#nav_second_arees ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CCC;
	}
	
#nav_second_arees ul li {
	margin: 0;
	border-top: 1px solid #CCC;
	}

#nav_second_arees ul li a:link, #nav_second_arees ul li a:visited {
	display: block;
	padding: 5px 5px 5px 20px;
	color: #E8E0C4;
	text-decoration: none;
	background-color: #FFF;
	font-weight: normal;
	}
html>body #nav_second_arees ul li a {
	width: auto;
	}

#nav_second_arees ul li a:hover {
	color: #000;
	font-weight: bold;	
	}
#nav_second_arees li {
	background-color: #E8E0C4;
	font-weight: normal;
	color: #000;
	}
.nav_second_arees_active {
	padding: 2px 2px 2px 20px;
	}

/* caracteristiques del menú secundari, secció "equip" */	
#nav_second_equip p {
	display: none;
	}
a {
	text-shadow: 0 -1px 0px rgba (0,0,0,.8);
	}
#nav_second_equip {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 51px;
	color: #DDD;
	width: 200px;
	float: left;
	}

#nav_second_equip ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CCC;
	}
	
#nav_second_equip ul li {
	margin: 0;
	border-top: 1px solid #CCC;
	}

#nav_second_equip ul li a:link, #nav_second_equip ul li a:visited {
	display: block;
	padding: 5px 5px 5px 20px;
	color: #E8E0C4;
	text-decoration: none;
	background-color: #FFF;
	font-weight: normal;
	}
html>body #nav_second_equip ul li a {
	width: auto;
	}

#nav_second_equip ul li a:hover {
	color: #000;
	font-weight: bold;	
	}
	
#nav_second_equip li {
	background-color: #E8E0C4;
	font-weight: normal;
	color: #000;
	}
.nav_second_equip_active {
	padding: 2px 2px 2px 20px;
	}
	/* enllaços inactius sub-menu socis */
#nav_second_equip ul li.currentSub {
	padding: 4px 4px 4px 20px;
	background:#F3EFE1; /* color de fons */
	color:#000; /* color del text */
	}

/* caracteristiques del sub-menú secundari, secció "equip" */
#nav_second_equip_02 p {
	display: none;
	}
a {
	text-shadow: 0 -1px 0px rgba (0,0,0,.8);
	}
#nav_second_equip_02 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	color: #DDD;
	width: 200px;
	float: left;
	}

#nav_second_equip_02 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CCC;
	}
	
#nav_second_equip_02 ul li {
	margin: 0;
	border-top: 1px solid #CCC;
	}

#nav_second_equip_02 ul li a:link, #nav_second_equip_02 ul li a:visited {
	display: block;
	padding-bottom: 5px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 5px;
	/*padding: 5px 5px 5px 20px;*/
	color: #E8E0C4;
	text-decoration: none;
	background-color: #FFF;
	font-weight: normal;
	}
html>body #nav_second_equip_02 ul li a {
	width: auto;
	}

#nav_second_equip_02 ul li a:hover {
	color: #000;
	font-weight: bold;
	}
#nav_second_equip_02 li {
	background-color: #E8E0C4;
	font-weight: normal;
	color: #000;
	/*padding-left: 20px;*/
	}
.nav_second_equip_02_active {
	padding: 2px 2px 2px 20px;
	}
.nav_second_equip_active_02 {
	/* padding: 2px 2px 2px 40px; */
	background-color: #F3EFE1;
	}
/*.nav_second_equip_off*/

/*localitzacio */
#nav_localitzacio p {
	display: none;
	}
a {
	text-shadow: 0 -1px 0px rgba (0,0,0,.8);
	}
#nav_localitzacio {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 78px;
	color: #DDD;
	width: 200px;
	float: left;
	}

#nav_localitzacio ul {
	list-style: none;
	margin: 0;
	padding: 0;
	/* border-bottom: 1px solid #CCC; */
	}
	
#nav_localitzacio ul li {
	margin: 0;
	/* border-top: 1px solid #CCC; */
	}

#nav_localitzacio ul li a:link, #nav_localitzacio ul li a:visited {
	display: block;
	padding: 5px 5px 5px 20px;
	color: #E8E0C4;
	text-decoration: none;
	background-color: #FFF;
	font-weight: normal;
	}
html>body #nav_localitzacio ul li a {
	width: auto;
	}

#nav_localitzacio ul li a:hover {
	color: #000;
	font-weight: bold;	
	}
	
#nav_localitzacio li {
	background-color: #E8E0C4;
	font-weight: normal;
	color: #000;
	}
.nav_localitzacio_active {
	padding: 2px 2px 2px 20px;
	}
	/* enllaços inactius sub-menu socis */
#nav_localitzacio ul li.currentSub {
	padding: 4px 4px 4px 20px;
	background:#F3EFE1; /* color de fons */
	color:#000; /* color del text */
	}	

/* altres elements de la web */
/* caracteristiques del contingut "article" */
#article {
	width: 465px; /* amplada */
	float: left; /* alineació de la capa "esquerra" */
	padding: 5px 20px 5px 20px; /* marges, espais entre els limits de la capa i el text */
	background-color: #E8E0C4; /* color de fons de la capa */
	}
	
#article p {
	font-family: Verdana, Geneva, sans-serif; /* familia tipografica de la capa */
	font-size: 10pt; /* tamany de la tipografia de la capa */
	color: #000; /* color de la tipografia de la capa */
	text-align: justify; /* alineació de la tipografia de la capa */
	line-height: 125%; /* interlineat de la tipografia de la capa */
	}

#article ul, li {
	font-family: Verdana, Geneva, sans-serif; /* familia tipografica de la capa */
	font-size: 10pt; /* tamany de la tipografia de la capa */
	/* font-weight: bold; */
	color: #000; /* color de la tipografia de la capa */
	text-align: justify; /* alineació de la tipografia de la capa */
	line-height: 125%; /* interlineat de la tipografia de la capa */
	list-style-image: none;
	list-style-type: none;
	}

#article strong {
	font-weight: bold; /*resaltar l'etiqueta "STRONG" de l'HTML amb negreta */
	}
	
/* caracteristiques de la imatge*/
.imagleft {
	float: left; /* alineació de la imatge respecte al text, a l'esquerra */
	}
	
.imagright {
	float: right; /* alineació de la imatge respecte al text, a la dreta */
	}	

/* caracteristiques de la web */
#adress p {
	display: none; /* visibilitat del parragraf */
	}
		
#adress {
	clear: both; /**/
	width: 180px; /**/
	height: auto; /**/
	float: left; /**/
	padding: 10px; /**/
	margin-top: 20px; /**/
	margin-left: 20px; /**/
	border: 0px; /**/
	font-family: Verdana, Geneva, sans-serif; /**/
	font-size: 7pt; /**/
	font-weight: normal; /**/
	text-align: left; /**/
	color: #000; /**/
	background-image: url(../imag/fons_targeta_01.jpg);
	/* background-color: #E8E0C4; /**/
	vertical-align: text-bottom;
	}
	
#adress a:link, #adress a:visited {
	border: 0px; /**/
	text-decoration: none; /**/
	width: auto; /**/
	color: #000; /* Color inicial #999 */
	font-weight: bold;
	}
#adress a:hover {
	color: #000;
	font-weight: bold;	
	}
#adress a#current {
	color: #000;
	font-weight: normal;
	}

/* caracteristiques del peu de pàgina */	
	
#footer p {
	display: none; /**/
	}
		
#footer ul{
	clear: both; /**/
	width: 950; /**/
	height: auto; /**/
	padding: 0px; /**/
	padding-top: 10px; /**/
	padding-bottom: 10px; /**/
	margin-left: 0px; /**/
	border: 0px; /**/
	font-family: Verdana, Geneva, sans-serif; /**/
	font-size: 7pt; /**/
	font-weight: normal; /**/
	text-align: center; /**/
	color: #000; /**/
	background-color: #FFF; /**/
	}
	
#footer ul a:link, #footer ul a:visited {
	border: 0px; /**/
	background-color: #FFF; /**/
	text-decoration: none; /**/
	width: auto; /**/
	color: #999; /**/
	}
#footer ul a:hover {
	color: #000; /**/
	font-weight: bold; /**/	
	}
#footer ul a#current {
	color: #000; /**/
	font-weight: normal; /**/
	}