html {
	background-color: #FFFFFF;
	text-align: center;	
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	width: 840px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-image: url(../img/bgImatge.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 100%;
	text-align: center;
}

	div#pagina {
		width: 780px;
		margin: 0 0 0 30px;
		_margin: 0 0 0 0;
	}

	a {
		outline: none;
	}

/** HEADER **/
	
		div#header {
			width: 780px;
			height: 178px;
			text-align: left !important;
		}
		
			div#menu {
				width: 760px;
				height: 25px;
				background-color: #FE891A;
				margin: 0 0 0 10px;
			}
			
				div#borderEsquerra {
					height: 25px;
					width: 2px;
					background-image: url(../img/borderMenuEsquerra.gif);	
					float: left;				
				}
				
				div#borderDreta {
					height: 25px;
					width: 2px;
					background-image: url(../img/borderMenuDreta.gif);
					float: right;
				}	
				
				ul#ulMenu {
					list-style: none;
					margin: 0 0 0 0;
					padding: 5px 9px 0 8px;					
				}
				
					ul#ulMenu li {
						float: left;
						padding: 0 5px 0 4px;
						margin: 0 0 0 1px;
					}
					
					li.opcio {					
						background-image: url(../img/separador.gif);
						background-repeat: no-repeat;
						background-position: right center;
					}
														
						a.link {
							color: #FFFFFF;
							text-decoration: none;
						}
						
						a.link:hover {
							color: #000000;
						}
						
						a.selected {
							color: #000000 !important;
							font-weight: bold;
						}
						
					ul#ulMenuIdioma {
						float: right;
						list-style: none;
					}	

/** CONTINGUT INICI **/
					
		div#contenidor {			
		}	
		
			div#informacio {
				text-align: left;
				padding: 9px 10px 6px 10px;			
			}
			
			div#informacio2 {
				text-align: left;
				padding: 5px 10px 6px 10px;			
			}			
						
				span.data {
					color: #999999;	
					float: right;			
				}
				
				span.dataNova {
					color: #999999;	
					float: right;
					/*display: block;*/
					margin: 4px 0 0 0;			
				}				
				
				span.titol {
				}
			
			img.borderTaronja {
				border: 1px solid #FE891A;				
			}
			
			img.separacioImg {
				margin: 0 19px 23px 10px;
			}
			
			img.margeImg {
				margin: 0 0 23px 0;
				_margin: 0 0 20px 0;
			}
			
			div#textInici {
				margin: 0 10px 0 0;
				text-align: justify;
			}
			
			div#grupFitxes {
				margin: 0 0 0 10px;
				padding: 0 0 10px 0;
				_height: 1px;							
			}
			
				div.fitxa {	
					background-image: url(../img/prova1_laterals.gif); 
					background-repeat: repeat-y; 
					width: 170px; 
					float: left;
					margin: 0 25px 0 0;								
				}
				
				div.contentFitxa {																	
				}	
				
					div.titolFitxa {
						font-size: 16px;
						color: #000000;
						font-family: Arial, Helvetica, sans-serif;
						text-align: center;
						font-weight: bold;
						margin: 0 20px 5px 20px;
					}
					
						div.titolFitxa a {
							text-decoration: none;
							color: #000000;
						}
						
						div.titolFitxa a:hover {
							color: #990000;
						}
					
					div.textFitxa {
						font-size: 11px;
						color: #000000;
						font-family: Arial, Helvetica, sans-serif;
						text-align: center;
						padding: 10px 10px 10px 10px;											
					}
					
						div.textFitxa a {
							text-decoration: none;
							color: #000000;
							font-weight: bold;
						}
						
						div.textFitxa a:hover {
							color: #990000;
						}
				
				.separacioFitxa {
					margin: 0 25px 0 0;
				}

/** CONTINGUT EMPRESA **/
			
			span.titol {
				font-weight: bold;
				color: #000000;
				font-size: 14px;
			}
			
			div.textApartat {
				margin: 0 0 20px 0;
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
				/*font-weight: normal;*/				
			}
			
			a.opcions {
				text-decoration: none;
				color: #000000;
				display: block;
				float: left;
				background-color: #FE891A;
				border: 1px solid #000000;
				padding: 2px 4px 2px 4px;
				margin: 0 5px 5px 0;
			}
			
			a.opcions:hover {
				background-color: #000000;	
				border: 1px solid #FE891A;		
				color: #FFFFFF;
			}			
			
			a.subMenuSelected {
				font-weight: bold;
				background-color: #000000 !important;	
				border: 1px solid #FE891A !important;			
				color: #FFFFFF;
			}
			
			div#apartat {
				padding: 0 10px 0 10px;
				margin: 0 0 0 0;
				min-height: 130px;
				_height: 130px;
				text-align: justify;
			}
			
/** CONTINGUT CONTACTAR **/			

			div#divEsq {
				float: left;
				width: 360px;
				font-size: 12px;
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;						
			}
			
				div#divEsq a {
					color: #000;
					text-decoration: none;
				}
				
				div#divEsq a:hover {
					color: #990000;
				}
				
					div#divEsq p {
						padding: 0 0 0 0;
						margin: 0 0 0 0;
					}	
			
			div#divDret {
				float: right;
				width: 370px;
				font-size: 12px;
				text-align: center;
				border-left: 1px solid #000;
				padding: 0 0 0 20px;
				font-family: Arial, Helvetica, sans-serif;						
			}
			
				div#divDret p {
					padding: 0 0 0 0;
					margin: 0 0 0 0;
				}
					
			div#divFormulari {
				margin: 0 0 0 12px;
				_margin: 0 0 0 15px;
			}
			
			form#formulari {
				margin: 0 0 0 50px;
				padding: 0 0 0 0;
			}
			
			form#formulari label {
				float: left;
				width: 100px;
				margin: 2px 0 2px 0;
				padding: 3px 0 0 0;
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
			}
			
			form#formulari input {
				width: 420px;
				_width: 413px;
				margin: 2px 0 2px 0;
				_margin: 1px 0 1px 0;
			}
			
			form#formulari textarea {
				margin: 2px 0 0 0;	
				_margin: 1px 0 0 0;
				width: 420px;
				_width: 413px;
			}
			
			div#botonera {
				margin: 10px 0 0 0;
				width: 525px;
			}
			
			label.resaltar {
				font-weight: bold;
			}
			
				div#botonera p {
					float: left;
					margin: 4px 0 0 0;
					_margin: 2px 0 0 0;
					padding: 0 0 0 0;
					color: #000;
					font-weight: bold;
					font-size: 12px;
					font-family: Arial, Helvetica, sans-serif;
				}
			
			input#botoEnviar {
				float: right;
				width: 100px !important;
				margin: 10px 0 0 0;
			}
			
			p.msgForm {
				color: #990000;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
			}	

/** DOCUMENTS NOTICIES **/
			
				div#noticies {
					/*width: 537px;*/
					_padding: 5px 0 0 0;
				}
				
					div.noticia {
						margin: 0 0 10px 0;
					}
					
						div.titolNot {
							margin: 0 0 4px 0;
							padding: 0 0 0 0;
						}
						
							div.titolNot a {
					 			text-decoration: none;
								font-weight: bold;
								color: #990000;
							}
							
							div.titolNot a:hover {
								text-decoration: underline;
							}
						
						div.textNot {
							margin: 0 0 0 0;
							padding: 0 0 0 0;
						}
							
					div#fitxaNoticia {
						margin: 0 0 0 0;
						padding: 0 0 0 0;
					}
					
						div#botoTornar {
							background-color: #FE891A;
							width: 50px;
							height: 25px;
							margin: 10px 0 0 0;
						}
					
						a.return {
							text-decoration: none;
							color: #FFFFFF;	
							display: block;
							padding: 5px 0 0 7px;						
						}
										
						a.return:hover {
							color: #000000;
						}
						
						div.titolNotFitxa {
							margin: 0 0 4px 0;
							padding: 0 0 0 0;
							color: #990000;
							font-weight: bold;
						}						
						
						div.textNotFitxa {
							margin: 0 0 0 0;
							padding: 0 0 0 0;
						}	
						
						img.imatgeNot {
							margin: 0 10px 10px 0;
							border: 1px solid #FE891A;
						}		
						
						div.docRef {
							margin: 5px 0 0 0;	
						}
							
							div#docRef a {
								text-decoration: none;
								color: #000;
							}
						
							div#docRef a:hover {
								color: #990000;
							}
							
							label.data {
								color: #666;
								font-size: 12px;
								font-family: Arial, Helvetica, sans-serif;
								margin: 5px 0 0 5px;
							}
										
							span.data2 {
								color: #666;
								margin: 0 5px 0 0;
								padding: 0 0 0 0;
							}
			
/** DOCUMENTS ARXIUS **/

			div#documents {				
				/*_padding: 5px 0 0 0;*/
				padding: 0 0 0 0;
				margin: 0 0 0 0;
			}
			
				div#infoDoc {
					/*margin: 5px 0 5px 0;*/
					margin: 0 0 10px 0;
				}
			
				a.fitxer {
					color: #990000;
					font-weight: bold;
					widtth: 100px;	
					text-decoration: none;
				}
				
				a.fitxer:hover {
					text-decoration: underline;
				}
				
				a.download {
					background-image: url(../img/download.gif);
					background-repeat: no-repeat;
					background-position: left;
					text-decoration: none;
					padding: 0 0 0 15px;
					color: #949494;
				}
			
				a.download:hover {
					background-image: url(../img/downloadOver.gif);
					color: #000;
				}
				
				div.titolDoc {
					margin: 0 0 4px 0;
					padding: 0 0 0 0;
				}
				
/** PAGINACIO **/

				div#paginacio {
					/*background-image: url(../img/bgSubmenu.gif);*/
					background-image: url(../img/paginacio.jpg);
					background-repeat: no-repeat;
					width: 537px;
					height: 28px;
					margin: 10px 0 0 0;
					padding: 0 0 0 0;
				}
				
					div#paginacio div {
						float: left;
						margin: 7px 1px 0 1px;							
					}
					
					div#paginacio a {
						text-decoration: none;
						color: #000;	
						margin: 2px 2px 0 0;						
					}
					
					div#paginacio a:hover {
						color: #990000;
					}
					
						div#pagsPrimer a {
							background-image: url(../img/first.gif);
							background-repeat: no-repeat;
							display: block;
							overflow: hidden;
							width: 14px; 
							height: 14px;
							text-indent: -10000px;
						}					

						div#pagsPrimer a:hover {
							background-image: url(../img/firstOver.gif);
						}
					
						div#pagsAnterior a {
							background-image: url(../img/prev.gif);
							background-repeat: no-repeat;
							display: block;
							overflow: hidden;
							width: 14px; 
							height: 14px;
							text-indent: -10000px;								
						}					

						div#pagsAnterior a:hover {
							background-image: url(../img/prevOver.gif);
						}

						div#pagsSeguent a {
							background-image: url(../img/next.gif);
							background-repeat: no-repeat;
							display: block;
							overflow: hidden;
							width: 14px; 
							height: 14px;
							text-indent: -10000px;							
						}					

						div#pagsSeguent a:hover {
							background-image: url(../img/nextOver.gif);
						}

						div#pagsUltim a {
							background-image: url(../img/last.gif);
							background-repeat: no-repeat;
							display: block;
							overflow: hidden;
							width: 14px; 
							height: 14px;
							text-indent: -10000px;								
						}					

						div#pagsUltim a:hover {
							background-image: url(../img/lastOver.gif);
						}
						
						div#pagines {
							padding: 2px 5px 0 5px;
						}										
		
/** FOOTER **/		
			
		div#footer {
			width: 780px;
			height: 20px;
			margin: 30px 0 0 0;
			padding: 5px 0 0 0;
		}		
		
			div#footer a {
				text-decoration: none;				
			}	
			
			div#footer a:hover {
				color: #000000 !important;				
				text-decoration: underline;
				
			}	
			
/** POPUP **/						

	body.popup {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background-image: url(../img/bgImatge.gif);
		background-repeat: no-repeat;
		background-position: left top;
		text-align: left;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	div#popupTitle {
		text-align: left: 
		color: #000000;
		font-weight: bold;
		font-size: 14px;
		padding: 10px 10px 10px 10px;
	}
	
	div#popupContent {
		text-align: left;
		color: #000000;
		font-size: 12px;
		overflow: auto;
		height: 345px;
		padding: 10px 10px 10px 10px;	
	}