html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #006F49;
	width: 759px;
	text-align: left;
}


body.popup {
	background-color: #ECECEC;
}


	frame#header {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	frame#contingut {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		overflow-x: hidden;
		text-align: left;	
	}

	div#paginaInici {
		background-image: url(../img/fons.jpg);
		background-repeat: repeat-x;
		margin: 0 0 0 0;
		padding: 0 25px 0 25px;
	}
	
		div#infoInici {
			border: 4px solid #006F49;
			padding: 10px 10px 10px 10px;
			background-color: #FFF;
		}
		
		div#infoEmpresaInici {
			border: 4px solid #006F49;
			padding: 10px 10px 10px 10px;
			background-color: #FFF;
			background-image: url(../img/bgEmpresa.jpg);
			background-repeat: no-repeat;
			background-position: bottom;
		}
		
		div#infoProductes {
			border: 4px solid #006F49;
			padding: 10px 10px 10px 10px;
			background-color: #FFF;
		}	
		
			div.bgIma1 {
				background-image: url(../img/flors1.jpg);
				background-repeat: no-repeat;
				background-position: bottom;				
			}	
			
			div.bgIma2 {
				background-image: url(../img/flors2.jpg);
				background-repeat: no-repeat;
				background-position: bottom;				
			}
			
			div.bgIma3 {
				background-image: url(../img/flors3.jpg);
				background-repeat: no-repeat;
				background-position: bottom;				
			}				
						
			div.noticiaInici  {
				width: 450px;
				height: 129px;
			}
			
				div.requadre {
					width: 216px;
					height: 127px;
					border: 1px solid #F8981B;
				}
				
				span.titol {
					color: #006F49;
					text-align: right;
					display: block;
					margin: 10px 10px 0 0;					
				}
				
					span.titol a {
						text-decoration: none;
						color: #006F49;
					}
					
					span.titol a:hover {
						color: #000 !important;
					}
				
				span.titular {
					color: #006F49;
					font-weight: bold;
					text-align: left;
					margin: 5px 10px 0 10px;
					display: block;
				}				
				
					span.titular a {
						color: #006F49;
						text-decoration: none;
					}
					
					span.titular a:hover {
						color: #000 !important;
					}
				
				div.text {
					text-align: justify;
					margin: 8px 10px 10px 10px;
					_margin: 8px 10px 5px 10px;
				}			
				
			div#noticiaBig {
				width: 448px;
				height: 127px;
				_height: 120px;
				border: 1px solid #F8981B;
				/*margin: 12px 0 0 0;*/
			}
			
			div#apEmpresa {
				height: 410px;
				_height: 402px;
				width: 216px;
				border: 1px solid #F8981B;
				float: right;
			}
			
				div#infoEmpresa {
					width: 216px;
					height: 124px;
					_height: 133px;
				}
				
/** Empresa **/

	div#contenidor {
		border: 1px solid #9DC4B6;
		margin: 3px 3px 3px 3px;
		_margin: 3px 3px 3px 7px;
		min-height: 410px;
		_height: 410px;
	}
	
		h1#titolApartat {
			font-size: 14px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			color: #006F49;
			background-color: #9DC4B6;
			text-align: left;
			padding: 3px 0 4px 20px;
		}
		
			div#subMenu {
				width: 86px;
				margin: 0 0 0 12px;
				_margin: 20px 0 0 5px;
				float: left;
			}
			
				ul#opcions {
					color: #006F49;					
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					list-style: none;					
				}
				
					li.opcio {
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						text-align: left;
					}
					
						li.opcio a {
							text-decoration: none;
							color: #006F49;
							display: block;
							padding: 2px 0 2px 10px;
							width: 76px;
						}
						
						li.opcio a:hover {
							font-weight: bold;							
						}	
						
						.selected {
							background-color: #DBEAE4;
						}	
						
				div#interior {
					width: 494px;
					margin: 20px 0 0 149px;
					_margin: 20px 0 0 149px;
				}	
												
					div.textEmpresa {
						text-align: justify;
						margin: 20px 0 10px 0;
					}	
					
					div.textServeis {
						text-align: justify;
					}
					
					div.textImesd {
						text-align: justify;
					}	
					
					div.textlogistica {
						text-align: justify;
						margin: 0 0 20px 0;						
					}

/** Situacio **/

	#pFlash {
		/*border: 2px solid #006F49;*/
		margin: 0 0 0 0;
		padding: 0 0 0 4px;
		_margin: 0 0 0 4px;		
	}
	
		h1#situat {
			height: 19px;
			width: 651px;
			_width: 651px;
			margin: 0 0 10px 5px;
			_margin: 0 0 10px 5px;
			padding: 4px 0 0 20px;
			background-color: #DBEAE4;
			font-size: 14px;
			text-align: left;
			color: #006743;
			display: block;
		}
		
/** Productes **/
	
		a.impressora {
			background-image: url(../img/impressora.jpg);
			width: 29px;
			height: 29px;
			display: block;
			overflow: hidden;
			text-indent: -10000px;
			border: 2px solid #DBEAE4;
			margin: 0 0 7px 0;
			_margin: 0 0 2px 0;
			float: right;
		}
		
		iframe#infoFitxa {
			/*height: 404px;
			_heigth: 398px;*/
			width: 396px;
			height: 404px;
			/*_width: 394px;*/			
			overflow: hidden;
			float: right;
			margin: 0 4px 0 0;
		}
			
		div#llistaProductes {
			border: 2px solid #DBEAE4;
			height: 400px;
			width: 259px;
			margin: 0 12px 0 3px;
			_margin: 0 11px 0 3px;
			padding: 0 0 0 0;
			overflow: hidden;
			/*float: left;*/
		}
		
			div#fitxa {
				clear: both;
				border: 1px solid #9DC4B6;
				margin: 5px 0 0 0;
				height: 362px;
				/*overflow: auto;*/
			}
			
				div#scroll {
					height: 340px;
					overflow: auto;
					position: relative;
				}
			
				div#infoCnt {
					/*overflow: auto; */
					/*height: 340px;*/
					/*_height: 340px;*/
				}
				
				div#infoCnt *, div#infoCnt {
					font-size: 11px;
				}
			
				h1.titolProducte {
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					color: #006F49;
					font-size: 14px;
					text-align: left;
					background-color: #9DC4B6;
					padding: 3px 0 3px 20px;
				}
				
				h1.titolLlistat {
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					color: #006F49;
					font-size: 14px;
					padding: 3px 0 3px 5px;
					text-align: left;
				}
		
				div#descripcioPrd {
					background-color: #EAF3EF;
					text-align: justify;
					margin: 12px 12px 12px 12px;
					padding: 10px 10px 10px 10px;
					/*width: 350px;
					height: 296px;
					overflow: auto;*/
				}
				
				a.aPrd:hover {
					font-weight: bold;
				}		
				
				div#arbre {
					overflow: auto;
					text-align: left;
					height: 377px;
				}	
				
				div#arbre a {
					text-decoration: none;
					color: #006F49;
				}
				
					a.parent {
						font-size: 11px;
						font-weight: bold;
					}
					
					hr.separador {
						border: 1px solid #B5D3C9;
						margin: 12px 5px 12px 5px;
						padding: 0 0 0 0;
						_margin: 0 20px 0 20px;
						color: #B5D3C9;
					}
					
					ul.pare {
						list-style: none;
						margin: 0 5px 0 5px;
						padding: 4px 0 4px 10px;
						background-color: #CDE2DA;
					}
					
					ul.fill {
						list-style: none;
						margin: 0 0 0 0;
						padding: 4px 0 4px 20px;			
					}
	
					a.expanded {
						background-image: url(../img/expand.gif);
						background-position: left middle;
						background-repeat: no-repeat;
						display: block;
						width: 11px;
						height: 11px;
						float: left;
						margin: 1px 5px 0 0;
						_margin: 0px 5px 0 0;
						padding: 0 0 0 0;
					}
					
					a.contraed {
						background-image: url(../img/contrade.gif);
						background-position: left middle;
						background-repeat: no-repeat;
						display: block;
						width: 11px;
						height: 11px;
						float: left;
						margin: 1px 5px 0 0;
						_margin: 0px 5px 0 0;	
						padding: 0 0 0 0;
					}	
					
					a.aNom {
					}
					
					li.fulla {
						padding: 0 0 0 0;
						margin: 0 0 0 0;
						_margin: 0px 0 0px 0;
					}
					
					li.fullaPrd {
						padding: 0 0 0 15px;
						margin: 0 0 0 0;
						background-image:url(../img/asterisc.gif);
						background-position: left;
						background-repeat: no-repeat;										
					}
					
					a.aNom:hover {
						font-weight: bold;
					}			
	
					.novisible {
						display: none;
					}
					
					.visible {
						display: block;
					}

/** IFRAME Productes **/

	body.dinsFrame {
		background-color: #FFF;
		/*background-image: url(../img/bgIFrame.jpg);
		background-repeat: repeat-x;
		background-position: top;*/
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 396px;
		height: 404px;
	}
	
		label.caracter {
			display: block;
			color: #006F49;
			font-weight: bold;
			text-align: left; 
			padding: 2px 0 2px 15px;
		}
		
		div.caracterValor {
			margin: 5px 10px 5px 10px;
			padding: 5px 20px 5px 20px;
			background-color: #EAF3EF;
			color: #000;
			text-align: justify;
		}
		
		div.caracterValor p {
			margin: 0cm 0cm 0pt;
			font-size: 11px;
		}
		
		div.caracterValor p span {
			font-size: 11px !important;
		}		
		
/** Noticies **/

	div#noticiesCnt	 {
		border: 1px solid #9DC4B6;
	}

		h1.titolNoticies {
			margin: 0 0 0 0;
			padding: 3px 0 3px 20px;
			color: #006F49;
			text-align: left;
			font-size: 14px;
			background-color: #9DC4B6;
		}
		
		div#llistaNoticies {
			overflow: auto;
			height: 390px;
		}
		
			div.noticia {
				/*height: 45px;*/
				margin: 5px 5px 5px 5px;
				padding: 10px 10px 10px 10px;
				background-color: #EAF3EF;	
				text-align: left;
			}
						
				a.aImatgeNot {
					/*float: left;*/
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					text-decoration: none;				
				}
				
				div.capNoticia {
				}
			
				span.titularNoticia {
					color: #006F49;
					float: left;
					font-weight: 12px;
					margin: 0 0 0 20px;
					padding: 0 0 0 0;
				}
				
					span.titularNoticia a {
						text-decoration: none;
						color: #006F49;
					}
					
					span.titularNoticia a:hover {
						font-weight: bold;
					}						
				
				span.dataNoticia {
					font-size: 11px;
					color: #006F49;
					float: right;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}			
				
				div.descNoticia {
					text-align: justify;
					margin: 0 80px 0 20px;
				}
			
			p#noNoticies {
				color: #D70005;
				font-weight: bold;
			}
			
			div#noticiaScroll {
				height: 390px;
				overflow: auto;
			}
			
			div#fitxaNoticia {
				margin: 10px 10px 10px 10px;
				padding: 10px 10px 10px 10px;
				background-color: #EAF3EF;
				min-height: 350px;
				_height: 350px;
			}
			
				div#dataIimatges {
					width: 166px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					float: left;
				}
				
					div#dataIimatges span {
						float: right;
						color: #006F49;
						margin: 0 0 0 0;
						padding: 0 0 0 0;
					}
					
					img.imgFNoticia {
						margin: 5px 0 0 0;
						_margin: 2px 0 0 0;
						padding: 0 0 0 0;
						border: none;
					}
					
				div#titularItext {
					text-align: left;
					padding: 0 0 0 183px;	
					_padding: 0 0 0 0;
					_margin: 0 0 0 181px;			
				}
				
					span#titular {
						color: #006F49;
						font-weight: bold;
						margin: 0 0 0 0;
						padding: 0 0 0 0;
					}
												
					div#textNoticia {
						text-align: justify;
						margin: 0 0 10px 0;
						padding: 0 0 0 0;
					}
					
					a.aback {
						text-decoration: none;
						color: #006641;
					}
					
					a.aback:hover {
						color: #000;
					}					
								
/** Descarregues **/

	div#descarreguesCnt {
		border: 1px solid #9DC4B6;
	}
	
		h1.titolDescarregues {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			color: #006F49;
			font-size: 14px;
			text-align: left;
			background-color: #9DC4B6;
			padding: 3px 0 3px 20px;
		}	
		
		div#llistaDescarregues {
			height: 390px;
			overflow: auto;
		}				
		
			div.descarrega {
				min-height: 21px;
				_height: 21px;
				background-color: #EAF3EF;
				padding: 10px 10px 10px 10px;
				margin: 5px 5px 5px 5px;
			}
			
				a.aImatge {
					/*float: left;*/
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					text-decoration: none;					
				}
				
				div.capDescarrega {
				}
							
					span.titolDescarrega {
						color: #006F49;
						float: left;
						font-weight: 12px;
						/*margin: 0 0 0 20px;*/
						margin: 0 0 0 18px;
						/*_margin: 0 0 0 23px;*/
						padding: 0 0 0 0;
					}
					
						span.titolDescarrega a {
							text-decoration: none;
							color: #006F49;
						}
						
						span.titolDescarrega a:hover {
							font-weight: bold;
						}						
					
					span.dataDescarrega {
						float: right;
						color: #006F49;
						margin: 0 0 0 0;
						padding: 0 0 0 0;
					}
					
				div.descDescarrega {
					text-align: justify;
					/*margin: 0 180px 0 64px;*/
					margin: 0 180px 0 18px;
					_margin: 0 180px 0 18px; 
				}
				
			p#noDescarregues {
				color: #D70005;
				font-weight: bold;
			}

/** Contacte **/

	div#contacteCnt {
		border: 1px solid #9DC4B6;	
		/*height: 390px;*/	
	}
	
		h1.titolContacte {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			color: #006F49;
			font-size: 14px;
			text-align: left;
			background-color: #9DC4B6;
			padding: 3px 0 3px 20px;		
		}
		
		div#infoContacte {
			margin: 10px 10px 10px 10px;
			background-color: #EAF3EF;
			padding: 10px 10px 10px 10px;
			/*height: 328px;*/
		}
		
			div#contacteText {
				text-align: left;
				margin: 0 0 0 260px;
			}
			
				div#contacteText strong {
					color: #006F49;
				}	
				
				div#contacteText a {
					text-decoration: none;
					color: #006F49;
					font-weight: bold;
				}
				
				div#contacteText a:hover {	
					color: #000;
				}
				
			div#contacteText2 {
				text-align: left;
				margin: 0 0 0 0;
			}
			
				div#contacteText2 strong {
					color: #006F49;
				}	
				
				div#contacteText2 a {
					text-decoration: none;
					color: #006F49;
					font-weight: bold;
				}
				
				div#contacteText2 a:hover {	
					color: #000;
				}
				
/*			a#aFormulari {
				border: 1px solid #9DC4B6;
				color: #006F49;
				text-decoration: none;
				padding: 6px 6px 6px 6px;
				float: right;
			}*/
			
/** Formulari **/

	div#formulariCnt {
		border: 1px solid #9DC4B6;	
		height: 390px;	
	}
	
		h1.titolFormulari {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			color: #006F49;
			font-size: 14px;
			text-align: left;
			background-color: #9DC4B6;
			padding: 3px 0 3px 20px;		
		}
		
		form#frmContacte {
			margin: 0 0 0 260px;
			/*background-color: #EAF3EF;*/
			padding: 0 0 0 0;
			/*_padding: 20px 10px 10px 10px;*/
			/*height: 328px;*/
			text-align: left;
		}
		
			hr.separacio {
				border: 1px solid #9DC4B6;
				width: 300px;
				margin: 15px auto;
				padding: 0 0 0 0;
			}
			
			table#taulaForm {
				width: 360px;
				margin: 10px 0 0 0;
				padding: 0 0 0 0;
			}
			
				td.camp {
					text-align: right;
					color: #006F49;
					padding: 0 10px 0 0;
					width: 140px;
				}
				
				td.campTA {
					text-align: right;
					vertical-align: top;
					color: #006F49;
					padding: 0 10px 0 0;				
				}
				
				td.valor {
					text-align: left;
					width: 220px;
				}
				
					td.valor input {
						font-size: 11px;
						width: 220px;
					}
					
				td.valor textarea {
					width: 220px;
					_width: 224px;
					height: 60px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
				}
				
				td.botons {
					text-align: left;
					padding: 10px 1px 1px 1px;
				}
				
				td.textOB {
					color: #006F49;
					text-align: left;
					padding: 10px 1px 1px 1px;
				}
				
				input#btnEnviar {
					background-color: #006F49;
					color: #FFF;
					border-color: #006F49;
					font-size: 11px;
					width: 78px;
				}
				
				input#btnBorrar {
					background-color: #006F49;
					color: #FFF;
					border-color: #006F49;
					font-size: 11px;
					margin: 0 0 0 5px;
					width: 78px;					
				}

/** Footer **/

	div#footer {
		width: 702px;
		height: 22px;
		background-color: #1D8E71;	
		margin: 2px 0 0 3px;
		_margin: 2px 0 0 3px;	
	}
	
		div#footerInt {
			color: #FFF;
			font-weight: bold;			
			text-align: center;
			height: 22px;
			_height: 19px;
			padding: 4px 0 0 0;
		}
		
/** Altres **/

.esquerra {
	float: left;
}

.dreta {
	float: right;
}

.marge12 {
	margin: 12px 0 0 0;
}

.abaix {
	vertical-align: bottom !important;
}

.negreta {
	font-weight: bold;
	color: #000;
}

.vermell {
	color: #FF5155;
	font-weight: bold;
	padding: 0 0 10px 0;
	text-align: center;
}

/** INTRO **/

	body.introB {
		text-align: center !important;
		width: 100%;
		height: 100%;
		background-color: #006641;
	}

	div#paginaIntro {
		width: 759px;
		height: 614px;
		margin: 0 auto;
		background-image: url(../img/bgIntro.jpg);
		background-repeat: no-repeat;
		background-position: center;
	}
	
	div#divSuperior {
		padding: 63px 0 0 0;
	}	
	
	div#divInferior {
		margin: 56px 0 40px 0;
	}
	
	a.idiomesIntro {
		font-size: 12px;
		color: #FFF;
		text-decoration: none;
		font-weight: bold;	
		font-family: Arial, Helvetica, sans-serif;
	}
	
	a.idiomesIntro:hover {
		/*color: #006641;*/
		color: #FFEC01;
	}
	
	div#llistaIdiomes {
		padding: 166px 0 0 27px;
	}
	
	div#footerIntro {
		width: 702px;
		height: 22px;
		background-color: #1D8E71;	
		margin: 2px 0 0 3px;
		_margin: 2px 0 0 3px;
		margin: 0 auto;	
	}
	

#imatgesProducte {
	height: 250px;
	margin: 50px 10px 15px 10px;
}