html {
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
}

	body {
		height:auto;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		/*background-color:#FFF;
		background-image: url(../img/Degradat-Fons.jpg);
		background-repeat: no-repeat;*/
	}
	
		div#pagina {
			vertical-align: top;
			width: 970px;
			margin: 0 auto;
			
		}
		
		div#allotjaments {
			vertical-align: top;
			width: 350px;
			margin: 0 auto;
			
		}
	
	
	div#pbo {
		margin: 0 auto;
		padding: 10px 0 0 0;
	}

	div#loginBO {
		margin: 0 auto;
		width: 300px;
		border: 0px solid #666666;		
	}
	
		p.titol {
			margin: 0 0 0 0;
			padding: 5px 0 5px 0;
			border-bottom: 0px solid #666666;
			font-size: 20px;
			color: #000;
			background-color: #FFFFFF;
		}
		
		p.message {
			width: 300px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			margin: 5px 0 5px 0;
			padding: 0 0 0 0;
			color: #337201;
			font-weight: bold;
		}
	
		div#formulari {
			border: 0px solid #666666;
		}
		
			form#frmLoginBO {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}

				form#frmLoginBO label {
					display: inline;
					_display: inline-block;
					width: 90px;
					margin: 0 0 2px 0 !important;
				}
				
				input.textBox {
					margin: 0 0 2px 0;
				}
				
				input.boto {
					align: right;
					background-color:#000000;
					color: #FFFFFF ;
					vertical-align: middle;
					margin: 5px 0 0 0;
					width: 80px;
				}
				
				input.boto hover {
					color: #337201;
				}
	div#loginBO {
		width: 300px;
		margin: 10px auto;
	}
	
		form#frmLoginBO {
			border: 1px solid #000000;
			margin: 0 0 0 0;
			padding: 10px 10px 10px 10px;
			background-color: #FFF;
		}
		
			form#frmLoginBO p {
				margin: 0 0 10px 0;
				padding: 0 0 0 0;
				color: #000;
				text-align: center;
				font-weight: bold;
			}
		
			div#loginBO h1 {
				font-size: 14px;
				color: #fff;
				background-color: #af240d;
				text-align: center;
				padding: 4px 0 4px 0;
				margin: 0 0 0 0;
				font-family: Arial, Helvetica, sans-serif !important;
			}
			
			div#loginBO label {
				display: block;
				float: left;
				width: 90px;
				padding: 2px 0 0 0;
				color: #000;
			}
			
			input#usuari, input#clau {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				border: 1px solid #000;
				width: 280px;
				margin: 0 0 3px 0;
				_margin: 0 0 2px 0;
			}
			
			input#btnEntrar {
				float: right;
				margin: 6px 13px 0 0;
				border: none;
				background-color: #af240d;
				color: #fff;
				font-size: 11px;
				font-weight: bold;
			}
			

<!--
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.vincles3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #060;

}
.vincles3 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #060;
}
.vincles3 a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #999;
}
.Estilo5 {
	color: #FFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 14px;
}

.Estilo5 a {
	color: #FFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 14px;
}

.Estilo5 a:hover {
	color: #FFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 14px;
}
.Estilo6 {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}

.Estilo21 {	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Estilo22 {
	color: #FFF
}
.Estilo24 {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif; 
}

-->

/************* SELECCIONAR ENVIAMENT REGISTRES *****************/
		div#loginB {
			width: 500px;
			margin: 10px auto;
			font-family: Verdana, Arial, Helvetica, sans-serif !important;
			font-size:11px;
			font-style:normal;
			font-weight:bold;
		}
	
		form#frmLoginB {
			border: 0px solid #000000;
			margin: 0 0 0 0;
			padding: 10px 10px 10px 10px;
			background-color: #FFF;
		}
		
			form#frmLoginB p {
				margin: 0 0 10px 0;
				padding: 0 0 0 0;
				color: #000;
				text-align: center;
				font-weight: bold;
			}
		
			div#loginB h1 {
				font-size: 14px;
				color: #fff;
				background-color: #af240d;
				text-align: center;
				padding: 4px 0 4px 0;
				margin: 0 0 0 0;
				font-family: Verdana, Arial, Helvetica, sans-serif !important;
			}
			
			div#loginB label {
				display: block;
				float: left;
				width: 90px;
				padding: 2px 0 0 0;
				color: #000;
			}
			
			input#usuari, input#clau {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				border: 1px solid #000;
				width: 280px;
				margin: 0 0 3px 0;
				_margin: 0 0 2px 0;
			}
			
			input#btnEntrar {
				float: right;
				margin: 6px 13px 0 0;
				border: none;
				background-color: #af240d;
				color: #fff;
				font-size: 11px;
				font-weight: bold;
			}

			
			
/************* REGISTRE *****************/

		div#header {
			width: 750px;
			height: 60px;
			text-align: left;
		}
		
			div#redLine {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-bottom: 1px solid #C0C0C0;
				font-size:11px;
				text-align:center;
				height: 20px;
				/*margin: 0 auto;*/
				margin: 0 0 0 0;
				padding: 10px 10px 5px 0;
				color: #C0C0C0;
				font-weight: bold;
			}
			
				div#redDreta {
					float: right;
					color: #C0C0C0;
					font-weight: bold;
				}
				
				div#redDreta a {
					font-weight: bold;
					text-decoration: none;
					margin: 0 0 0 10px;
					color: #C0C0C0;
				}
				
				div#redDreta a:hover {
					font-weight: bold;
					color: #337201;
				}
				
				span#adm {
					font-weight: bold;
					color: #337201;
					margin: 0 0 0 5px;
				}


/************* INICI *****************/

html.htmlPresentacio {
	height: 100%;
}

	table.bannersSup {
			background-color:#FFFFFF;
			padding: 5px 5px 5px 10px;
			float: center;
			border-bottom:#000000 1px solid;
			border-top:#000000 1px solid;
			}
	
	.bannersInf {
			float: center;
			background-color: #337201;
			/*border-bottom: 1px solid #888;*/
			width: 820px;
			/*height: 200px;*/
			margin: 0 0 0 0;
			padding: 30px 0 0 0;
			}
			
	.iniText {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #666666 !important;
			/*font-weight: normal;
			font-style: inherit;*/
			padding: 10px 0 10px ;
		}
		
		.iniText a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #337201 !important;
			font-weight: bold;
			/*font-style: inherit;*/
			padding: 10px 10px 10px 10px;
		}
		
		.iniText a:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #000000 !important;
			/*font-weight: normal;
			font-style: inherit;*/
			padding: 10px 10px 10px 10px;
		}


		.busqueda {
			padding: 0 10px 0 10px;
		}
		
body.bPresentacio {
	height: 100% !important;
}

	table#presentacio td {
		text-align: center;
		vertical-align: top;
	}
	
		div#divIdiomes {
			text-align: center;
			margin: 20px 0 0 0;
		}
	
			a.aIdioma1 {
				text-decoration: none;
				font-size: 11px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #000;
			}
			
			a.aIdioma1:hover {
				color: #337201;
			}
			
			a.aIdioma2 {
				text-decoration: none;
				font-size: 11px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #fff;
			}
			
			a.aIdioma2:hover {
				color: #337201;
			}

			#tags {
				padding: 0 5px 0 5px; 
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 8px;
				font-weight: bold;
				color:#000000;
				text-decoration:none;		
			}
			
			#tags a {
				padding: 0 5px 0 5px; 
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 9px;
				font-weight: bold;
				color:#999999;
				text-decoration:none;		
			}
			
			#tags a:hover {
				padding: 0 5px 0 5px; 
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 9px;
				font-weight: bold;
				color:#337201;
				text-decoration:none;		
			}
			
			input#btnBusqueda {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				width: 100px !important;
				height: 24px;
				/*border: 1px solid #FFFFFF; /*none !important;
				background-color: #ee820f;*/
				color: #FFF;
				font-weight: bold;
				font-size: 11px;
				background-image:url(../img/btnenviar.jpg);
				background-position:center;
				text-align:center;
				text-decoration:none;
				background-repeat:no-repeat;
				padding-bottom: 4px;
				border: 0px;
				margin-bottom: 10px;
			}
				
			input#btnBusqueda:hover{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				width: 100px !important;
				height: 24px;
				/*border: 1px solid #FFFFFF; /*none !important;
				background-color: #ee820f;*/
				color: #FFF;
				font-weight: bold;
				font-size: 11px;
				background-image:url(../img/btnenviarOver.jpg);
				background-position:center;
				text-align:center;
				text-decoration:none;
				background-repeat:no-repeat;
				padding-bottom: 4px;
				border: 0px;
				margin-bottom: 10px;
			}
			
			input#btnCaixaBusqueda {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				/*border: 1px solid #FFFFFF; /*none !important;
				background-color: #ee820f;*/
				color: #337201;
				font-weight: normal;
				text-decoration:none;
				margin-bottom: 10px;
				padding-bottom: 4px;
			}

/** CARTERA **/

	table#resultats{
		width:350px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style:normal;
		font-weight: normal;
		background-color:#337201;
		color:#FFFFFF;
		margin-left: 1px;
		_margin-left: 1px;
		padding: 5px 0 5px 0;
		border: 1px solid #337201;
	}
	
	div#carteraBox {
		width: 350px;
		/*padding: 10px 0 0 0;
		_padding: 10px 0 0 0;*/
	}
	
		div#fitxaHabitat {
			width: 100%;
			position: relative;
		}
		
		div#titolGranVivenda {
			width: 350px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			margin: 5px 0 5px 0;
			padding: 5px 0 5px 0;
			font-size: 21px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
			border-bottom: 1px solid #337201;	
		}
		
		div#buscador {
			width: 350px;
			min-height: 70px;			
			border: 1px solid #C0C0C0;			
			margin: 0 0 5px 0;
			_margin: 0 0 5px 0;
			padding: 10px 0 0 0;
			_padding: 0 0 0 0;
			text-align: left;
		}
		
/*			div#titol {
				background-color: #070707;
				color: #FFF;
				font-weight: bold;
				width: 70px;
				padding: 3px 3px 3px 3px;
				text-align: center;
			}	*/
			
			form#frmBuscador {
				width: 350px;
				margin: 0 0 0 0;
				padding: 5px 0 5px 0;
			}
			
				div#preuItipologia {
					margin: 0 0 5px 0;
					_margin: 0 0 5px 0;
					/*border: 1px solid;*/
					_float: left;
				}
				
					div#divPreus {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						float: left;
						width: 240px;
						/*border: 1px solid #990000;*/
					}
					
						label.campB {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size:10px;
							color: #000000;
							font-weight: bold;
							display: block;
							width: 50spx;
							padding: 1px 5px 0 5px;
							text-align: left;
						}
						
						label.campPreu {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size:10px;
							color: #000000;
							font-weight: bold;
							display: block;
							width: 200px;
							padding: 0 5px 0 10px;
							text-align: left;
						}
						
						label.preus {
							width: 45px;
							color: #000000;
							font-weight: bold;
							display: block;	
							float: left;
							text-align: center;
							padding: 0 0 0 8px;					
						}
						
						input#preu1 {
							background-color: #FFFFFF;
							font-size: 11px;
							border: 1px solid #070707;
							width: 55px;
							float: left;
						}
						
						input#preu2 {
							background-color: #FFFFFF;
							font-size: 11px;
							border: 1px solid #070707;	
							width: 55px;
							float: left;					
						}
						
					div#divTipologia {
						margin: 10px 0 5px 5px;
						width: 230px;
						/*border: 1px solid #33FF33;*/
					}
					
						select#selectTipologia {
							width: 140px;
							font-size: 11px;
							border: 1px solid #070707;
							margin: 0 0 0 0;
							padding: 0 0 0 0; 
							_width: 217px;
						}
						
				div#botons {
					float: right;
					width: 95px;
					height: 42px;
					border-left: 1px solid #337201;
					margin: 0 0 0 0;
					padding: 0 5px 5px 5px;
				}
				
					a.abtn {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 10px;
						text-decoration: none;
						color: #444444;
						font-weight: bold;
						background-image: url(../img/fletxa.gif);
						background-repeat: no-repeat;
						background-position: left center;
						padding: 0 0 0 15px;
						display: block;
						margin: 0 0 10px 0;
					}
					
					a.abtn:hover {
						color: #337201;
					}
					
				div#location {
					margin: 0 0 0 0;
					/*border: 1px solid;*/
					width: 350px;
					_float: left;				
				}	
				
					select#selectMunicipi {
						font-size: 11px;
						border: 1px solid #070707;
						width: 140px;		
						_width: 137px;
						float: left;
						margin-bottom:5px;
					}
					
					select#selectProvincia {
						font-size: 11px;
						border: 1px solid #070707;
						width: 140px;
						_width: 137px;
						/*margin: 0 16px 0 0;*/
						float: left;
						margin-bottom:5px;
					}											
		
		div#scrollTable {
			width: 350px;
			/*overflow: hidden;
			height: 236px;
			border: 1px solid #010101;*/
			margin: 0 0 0 0;
		}
		
			div.vivenda {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				text-decoration: none;
				margin: 5px 0 5px 0;
				padding: 5px 0 5px 0;
				background-color: #FFFFFF;
			}
			
			div.vivenda a {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				text-decoration: none;
				color:#337201;
				margin: 5px 0 5px 0;
				padding: 5px 0 5px 0;
				background-color: #FFFFFF;
			}
			
			div.vivenda a:hover {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				text-decoration: none;
				color:#337201;
				margin: 5px 0 5px 0;
				padding: 5px 0 5px 0;
				background-color: #FFFFFF;
			}
			
				div.vivenda table {
					/*width: 100%;*/
				}
				
				td.miniatura {
					vertical-align: top;
				}
				
				td.descripcio {
					text-align: justify;
				}	
				
					div#titolHab a {
						text-decoration: none;
						color: #337201;
						font-weight: bold;	
					}
					
					div#titolHab a:hover {
						color: #337201;
					}
					
		div.capzalera {
			border-bottom: 1px solid #337201;
			margin: 0 0 5px 0; 
			padding: 10px 0 0 0;		
		}
		
			span.descTitol {
				float: left;
				margin: 0 0 0 0;
				color: #337201;
				font-weight: bold;
			}
			
			span.descPTitol {
				margin: 0 0 0 0;
				color: #337201;
				font-weight: bold;
			}			
			
			span.llistaVidsTitol {
				margin: 0 0 0 0;
				color: #337201;
				font-weight: bold;
				float: right;
			}					
			
			span.fotosTitol {
				float: left;
				margin: 0 10px 0 0;
				color: #337201;
				font-weight: bold;				
			}
			
			span.obsTitol {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 14px;
				font-style: normal;
				text-decoration: none;
				float: left;
				margin: 0 0 0 0;
				padding-bottom: 2px;
				color: #337201;
				font-weight: bold;				
			}
			
			div#titolHabitat {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 18px;
				font-style: normal;
				font-weight: bold;
				text-decoration: none;
				margin: 0 0 0 0;
				_margin: 0 0 0 0;
				_padding: 0 0 0 0;
				color: #070707;
				font-weight: bold;
				_overflow: hidden;
			}
			
			div#descripcioText {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-style: normal;
				text-decoration: none;
				margin: 15px 0 15px 0;
				padding: 5px 0 0 0;
				_padding: 5px 0 0 0;
				text-align: justify;
			}
			
			div#fotografies	{
				width: 350px;
				float: left;
				margin: 0 0 0 0;
				_margin: 0 0 0 0;
				/*width: 362px;*/
				/*_width: 1%;*/
			}	
				
				div#marcFoto {
					width: 350px;
					margin: 0 0 0 0;
					_margin: 0 0 0 0;
				}
				
					div#marcFoto img {
						border: 0px solid #c0c0c0;
					}	
				
				div#miniatures {
					width: 350px;
					/*height: 42px;*/				
					float: left;
					padding: 2px 0 2px 0;
					margin: 2px 0 2px 0;
					/*margin-left: 8px;
					_margin-left: 9px;*/
				}

					img.tn	{
						border: 1px solid #000;
					}
					
					div#miniatures a {
						margin: 0 0 0 0;
						padding: 0 2px 2px 2px;
						display: inline-block;
						overflow: hidden;
						width: 42px;
						height: 42px;
					}
			
			div#observacionsText {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-style: normal;
				text-decoration: none;
				margin: 15px 0 15px 0;
				padding: 15px 0 0 0;
				_padding: 15px 0 0 0;
				text-align: justify;
			}
			
			td.campCars {
				padding-bottom: 5px;
				
			}
			
			table#tSkills {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-style: normal;
				text-decoration: none;
				width: 350px;
				_width: 350px;
				margin: 10px 0 0 0;
				_margin: 10px 0 0 0;
				_float: left;
			}
			
			span.caracters {
				margin: 0 0 0 0;
				padding: 0 0 0 0 ;
				background-image: url(../img/bullet.gif);
				background-repeat: no-repeat;
				background-position: left;
			}
			
			div#aContent {
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align: right;
				border-top: 1px solid #666;
				margin: 11px 0 0 0;
			}
			
				a.tornarPromo {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					border: none;
					text-decoration: none;
					color: #666666;
					font-weight: bold;
				}
				
				a.tornarPromo:hover {
					border: none;
					color: #337201;
				}
				
		div#descripcioPromo {
			margin: 15px 448px 5px 30px;  
			text-align: justify;
			/*width: 290px;*/
		}
	
		div#infoPromo {
			height: 252px;
			width: 350px;
			float: left;
			margin: 13px 0 0 0;
			_margin: 13px 0 0 14px;
		}

			div#icons {
				height: 240px;
				float: left;
			}		
		
				div#icons a {
					display: block;
					overflow: hidden;
					width: 54px;
					height: 54px;
					border: 1px solid #070707;
					margin: 0 6px 6px 0;
				}
				
			div#visorPromo {
				width: 610px;
				height: 240px;
				border: 1px solid #070707;
				float: left;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				_overflow: hidden;
				/*position: relative;*/
			}
			
			div#llistatVivendes {
				width: 350px;
				height: 180px;
				margin: 18px 0 8px 10px;	
				_margin: 18px 0 8px 10px;	
				overflow: auto;
				_overflow-x: hidden;
				_overflow-y: scroll;
				border: 1px solid #070707;
				padding: 5px 5px 5px 5px;
			}
				
			div#submenu {
				width: 270px;
				height: 180px;
				padding: 5px 5px 5px 5px;
				padding: 5px 5px 5px 5px;
				margin: 13px 0 8px 30px;	
				_margin: 13px 7px 8px 14px;	
				border: 1px solid #070707;
				float: left;
			}		
			
			div#divPS {
				width: 280px;
				height: 190px;
				border: 1px solid #000;
				background-color: #FFF;
				position: absolute;
				left: -1px;
				top: -1px;
				/*_left: 8px;
				_top: -1px;*/

			}
			
			div#divPP {
				width: 280px;
				height: 190px;
				border: 1px solid #000;
				background-color: #FFF;
				position: absolute;
				left: -1px;
				top: -1px;				
				/*_left: -1px;
				_top: -1px;*/
			}
			
			div#divPF {
				width: 280px;
				height: 190px;
				border: 1px solid #000;
				background-color: #FFF;
				position: absolute;
				left: -1px;
				top: -1px;				
				/*_left: 8px;
				_top: 350px;*/
			}
			
			div#divD {
				width: 280px;
				height: 190px;
				border: 1px solid #000;
				background-color: #FFF;
				position: absolute;
				left: -1px;
				top: -1px;				
				/*_left: 8px;
				_top: 350px;*/
			}									
			
			table#tLlistatViv {
				width: 100%;
				_width: 95%;				
			}
				
				a.aViPromo1 {
					color: #070707;
					font-weight: bold;
					text-decoration: none; 
					/*background-image: url(../img/bullet1.gif);
					background-repeat: no-repeat;
					background-position: left center;
					padding: 0 0 0 15px;*/					
				}
				
				a.aViPromo1:hover {
					color: #337201;
				}			
				
				td.filesViv {
					padding: 4px 10px 4px 10px;
				}
				
			p.noMsg {
				margin: 5px 5px 5px 5px;
				padding: 0 0 0 0;
				color: #000;
				font-weight: bold;
				text-align: center;
			}
			
			div#textFotos {
				margin: 10px 0 0 30px;
				_margin: 10px 0 0 30px;
			}
			
			div#textFotos p {
				_margin-top: 10px;
			}
			
			div#textFotos2 {
				margin: 0 0 0 0;
			}			
			
			h1.titolDiv {
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 11px;
				font-weight: bold;
				background-color: #CCCCCC;
				padding: 5px 5px 5px 5px;
				margin: 5px 5px 5px 5px;
			}
			
				span#tancament {
					float: right;
					background-image: url(../img/creu.gif);
					background-position: left center;
					background-repeat: no-repeat;
					padding: 0 0 0 15px;
				}
				
					span#tancament a {
						text-decoration: none;
						color: #070707;
					}
					
					span#tancament a:hover {
						color: #FF221D;
					}		
					
					a.aPS {
						text-decoration: none;
						display: block;
						width: 54px;
						height: 54px;
						border: 1px solid #070707;
						background-image: url(../img/situacio.jpg);
						background-repeat: no-repeat;
					}
					
					a.aPP {
						text-decoration: none;
						display: block;
						width: 54px;
						height: 54px;
						border: 1px solid #070707;
						background-image: url(../img/planta.jpg);
						background-repeat: no-repeat;
					}
					
					a.aPF {
						text-decoration: none;
						display: block;
						width: 54px;
						height: 54px;
						border: 1px solid #070707;
						background-image: url(../img/alcat.jpg);
						background-repeat: no-repeat;
					}
					
					a.aDoc {
						text-decoration: none;
						display: block;
						width: 54px;
						height: 54px;
						border: 1px solid #070707;
						background-image: url(../img/docs.gif);
						background-repeat: no-repeat;					
					}	
					
					div.scrollContent {
						overflow: auto;
						height: 150px;
						margin: 0 5px 0 5px;
					}
					
				table.tLlistats {
					/*width: 100%;	*/
				}
				
					table.tLlistats td {
						padding-left: 15px;
					}
				
				a.aPlansPS, a.aPlansPP, a.aPlansPF {
					text-decoration: none;
					color: #070707;
					/*background-image: url(../img/bullet.gif);
					background-repeat: no-repeat;
					background-position: 0 5px;
					padding: 0 0 0 10px;*/					
				}
				
				img.bulet {
					margin: 0 10px 2px 0;
				}
				
			/*	a.aPlansPS:hover, a.aPlansPP:hover, a.aPlansPF:hover {
				
				}*/
				
				a.aDocs {
					text-decoration: none;
					color: #070707;
					margin: 0 0 0 5px;							
				}
				
				img.format {
					margin: 1px 0 0 0;
				}
				
				a.aPlansSitua:hover, a.aPlansPlanta:hover, a.aPlansFacana:hover, a.aDocs:hover {
					color: #337201;
				}
				
				td#imaClick {
					vertical-align: middle;
					text-align: center;
					width: 350px;
					border: 1px solid #000;
				}
				
				td#imaClick a {
						text-decoration: none;
						display: block;
						overflow: hidden;
					}				
				
				table#cntTable {
					/*position: absolute;
					top: 0;
					left: 0;*/
				}
				
				div#divCapa {
					background-color: #000;
					width: 350px;
					height: 240px;
				}
				
					p#messenger {
						color: #FFF;
						font-weight: bold;
						text-align: center;
						margin: 0 10px 20px 10px;
						padding: 110px 0 0 0;
					}	
					
			div.descHabitat {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-style: normal;
				text-decoration: none;
				margin: 10px 0 0 0;
				text-align: left;
			}


		
/************* HEADER ****************/
		
			div#header {
				width: 947px;
				height: 120px;
				/* background-color: #fdd479; 
				background-color: #000;*/
			}
			
					
/**************** MENU ******************/			
					
			div#menu {
				height: 30px;
				/*background-color: #337201;*/
				margin: 0 0 0 0;
				_margin: 0 0 0 0;
				padding: 0 0 0 35px;
				_padding: 0 0 0 35px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				position:relative;s
				
			}	
			
				div#cntMenu {
					color: #337201;
					
				}	
				
					div#cntMenu ul {
						list-style: none;
						margin: 0 0 0 0;
						padding: 10px 0 10px 0;
						_padding: 10px 0 10px 0;
						border-bottom: 1px solid #666;
						font-weight: bold;
					}
					
						li.opcio {
							display: inline;
							margin: 0 0 0 5px;
							_margin: 0 0 0 5px;
						}
						
						li.ambSeparador {
							background-image: url(../img/separador.gif);
							background-position: right;
							background-repeat: no-repeat;
							padding: 0 10px 0 0;
							_padding: 0 10px 0 0;
						}						
						
						li.opcio a {
							text-decoration: none;
							color: #666;
						}
						
						li.opcio a:hover {
							color: #337201;
						}
												
						a.selected {
							color: #337201 !important;
							font-weight: bold;
						}				
			
				ul#mnuIdiomes {					
					/*border-top: 1px solid #999999;*/
					background-color: #FFF;
					list-style: none;
					padding: 5px 0 0 0;
					font-size: 11px;

				}
				
					li.opcioIdioma {
						float: right;
						display: inline;
						background-image: url(../img/separador.gif);
						background-position: right center;
						background-repeat: no-repeat;	
						padding: 0 10px 0 5px;
						_padding: 0 10px 0 5px;	
						font-weight: bold;
					}	
					
					li.lastIdioma {
						float: right;
						padding: 0 10px 0 5px;
						_padding: 0 10px 0 5px;

					}
					
						ul#mnuIdiomes li a {
							color: #666;
							font-weight: bold;
							text-decoration: none;

						}
						
						ul#mnuIdiomes li a:hover {
							color: #337201;
							font-weight: bold;
						}
						
						a.idiomaSelected {
							color: #337201 !important;	
						}		

div#menuN {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
		}	
		
			div#cntMenuN {
				float: right;
				_float: right;
			}	
			
			div#cntMenuN ul {
					float: left;
					_float: left;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					}
						
			ul#mnuIdiomesN {
					list-style: none;					
				}
				
					li.opcioIdiomaN {
						float: right;
						_float: right;	
						/*background-image: url(../img/separadorN.gif);
						background-position: left center;
						background-repeat: no-repeat;*/	
						padding: 0 10px 0 5px;																
					}	
					
					li.lastIdiomaN {
						float: right;
						_float: right;	
						padding: 0 10px 0 5px;					
					}
					
						ul#mnuIdiomesN li a {
							color: #666;
							font-weight: bold;
							text-decoration: none;
						}
						
						ul#mnuIdiomesN li a:hover {
							color: #337201;
						}
						
						a.idiomaSelectedN {
							color: #337201 !important;	
						}	
								

				div#menuInfD {
				color:#666;
				vertical-align: top;
				float: left;
				height: 60px;
				padding: 10px 20px 10px 20px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				/*border-top: 1px solid #000;*/
			}	
			
				div#cntMenuInfD {
					vertical-align: middle;
					border-bottom: 0px solid #000;
					
				}	
				
					div#cntMenuInfD ul {
						color: #337201;
						margin: 0 0 0 0;
						padding: 20px 0 20px 0;
					}
					
						li.opcioInfD {
							display: inline;
							margin: 0 1px 0 1px;
							_margin: 0 4px 0 0;
						}
						
						li.ambSeparadorInfD {
							background-color: #000;
							vertical-align: middle;
							background-image: url(../img/separador.gif);
							background-position: right;
							background-repeat: no-repeat;
							padding: 0 10px 0 0;
						}
						
						
						li.opcioInfD a {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							font-weight: bold;
							text-decoration: none;
							color: #000;
						}
						
						li.opcioInfD a:hover {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #FFF !important;
							font-weight: bold;
						}
						
						a.selectedInfD {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #FFF !important;
							font-weight: bold;
						}
					
				div#menuInfE {
				color:#fff;
				vertical-align: top;
				float: right;
				height: 60px;
				padding: 10px 20px 10px 20px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				/*border-top: 1px solid #888;*/
			}	
			
				div#cntMenuInfE {
					vertical-align: top;
					border-bottom: 0px solid #000;
					
				}	
				
					div#cntMenuInfE ul {
						color: #337201;
						margin: 0 0 0 0;
						padding: 20px 0 20px 0;
					}
					
						li.opcioInfE {
							display: inline;
							margin: 0 1px 0 1px;
							_margin: 0 4px 0 0;
						}
						
						li.ambSeparadorInfE {
							background-color: #000;
							vertical-align: middle;
							background-image: url(../img/separador.gif);
							background-position: right;
							background-repeat: no-repeat;
							padding: 0 10px 0 0;
						}
						
						
						li.opcioInfE a {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							font-weight: bold;
							text-decoration: none;
							color: #000;
						}
						
						li.opcioInfE a:hover {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #FFF !important;
							font-weight: bold;
						}
						
						a.selectedInfE {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #FFF !important;
							font-weight: bold;
						}
						
/**************** LOGIN ******************/

			div#login {
				width: 400px;
				_width: 400px;
				margin: 5px 10px 5px 5px;
				/*_margin: 0 10px 0 0;*/
				padding: 0 0 2px 0;
				float: right;
			}
			
				form#frmLogin {
					margin: 0 0 5px 0;
					padding: 0 0 0 0;	
				}
				
					label.loginEtiqueta {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						color: #999;
						display: block;
						float: right;
						font-size: 11px;
						/*width: 50px;*/
						padding: 4px 4px 5px 5px;
						text-align: center;
					}
					
					input#usuari {
						width: 70px;
						float: right;
						height: 14px;
						font-size: 11px;
						border: 1px solid #999;
						margin: 3px 0 0 0;
						/*_margin: 2px 0 2px 0;*/
						padding: 0 0 0 0;
					}
					
					input#clau {
						width: 70px;
						float: right;
						height: 14px;
						font-size: 11px;
						border: 1px solid #999;						
						margin: 3px 5px 0 0;
						padding: 0 0 0 0;
					}
					
					a#bEntrar {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						width: 80px;
						height: 16px;
						float: right;
						background-color: #337201;
						border: #666666;
						color: #FFF;
						font-weight: normal;
						text-align: center;
						text-decoration: none;
						display: block;
						font-size: 11px;
						margin: 3px 0 0 0;
						/*padding: 1px 0 0 0;*/
					}
					input.bEntrar {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						width: 80px;
						height: 16px;
						float: right;
						background-color: #337201;
						border: #666666;
						color: #FFF;
						font-weight: normal;
						text-align: center;
						text-decoration: none;
						display: block;
						font-size: 11px;
						margin: 3px 0 0 0;
						padding-bottom:3px;
						/*padding: 1px 0 0 0;*/
					}	

					input.bEntrarEditors {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						width: 150px;
						height: 16px;
						float: right;
						background-color: #337201;
						border: #666666;
						color: #FFF;
						font-weight: normal;
						text-align: center;
						text-decoration: none;
						display: block;
						font-size: 11px;
						margin: 3px 0 0 0;
						padding-bottom:3px;
						/*padding: 1px 0 0 0;*/
					}	


					a.aAjuda {
						float: right;
						width: 60px;
						height: 16px;
						text-decoration: none;
						background-color: #D4000F;
						color: #FFF;
						font-weight: bold;
						text-align: center;
						font-size: 11px;
						margin: 3px 0 0 11px;
						_margin: 3px 0 0 0;
						display: block;
					}	
					
					div#login p {
						margin: 0 6px 0 0;
						padding: 4px 0 0 0;
						float: right;
						color: #999;
						font-weight: bold;
					}
					
						div#login span {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 11px;
							margin: 0 0 1px 0;
							padding: 0 0 0 0;
						}
					
						span.nomUsuari {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 11px;
							font-weight: bold;
							/*color: #CCFF99;*/
							/*color: #333333;*/
							color: #337201;
							font-weight: bold;
							margin: 0 0 0 10px !important;	
							padding: 0 0 0 0;						
						}
					
					a.desconnectar {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						width: 80px;
						height: 16px;
						float: right;
						background-color: #337201;
						border: none;
						color: #FFF;
						font-weight: normal;
						text-align: center;
						text-decoration: none;
						display: block;
						font-size: 11px;
						margin: 3px 0 0 4px;
						_margin: 3px 0 0 4px;
					}	

/**************** INICI **************/					
			
		.textPeuInici {
			width: 447px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			color: #666 !important;
			font-weight: normal;
			font-style: normal;
			height:auto;
			margin-bottom: 12px;
			/*margin-top: 12px;*/
			text-align:left;
			line-height: 18px;
		}
			
		.textPeuIniciText {
			text-align:left;
			float: left;
			font-size:12px;
			color: #6666 !important;
			font-weight: normal;
		}

				
				
/**************** QUI SOM **************/					
			
		.quisom {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-style: normal;
			padding-bottom: 10px;
			text-align:justify;
			font-size:12px;
			color: #666 !important;
			font-weight: normal;
		}
			
		.quisomText {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-style: normal;
			padding-bottom: 10px;
			text-align:justify;
			font-size:12px;
			color: #666 !important;
			font-weight: normal;
		}

				
/**************** CONTINGUT **************/					
			
			div#content {
				width: 820px;
				/*border: 1px solid #666;
				background-color: #fff;
				margin: 11px 0 0 0;*/
				background-image:url(../img/Detall-Web-2.jpg);
				background-position:left top;
				background-repeat:no-repeat;
			}
			
			div#content2 {
				width: 820px;
				min-height: 420px;
				border: 1px solid #666;
				/*background-color: #fff;
				margin: 11px 0 0 0;*/
			}	
			
				img.imatge {
					border: 1px solid #666;
					position: bottom;					
					margin: 10px 10px 10px 10px;
					
				}
				
				label.titol {
					color: #FFF;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					/*background-color: #337201;
					font-size: 16px;
					border-bottom: 1px solid #fff;*/
					font-size: 12px;
					height: 20px;
					display: block;
					padding: 4px 0 0 10px;					
				}
				
				div.text {
					color: #000;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					/*font-size: 12px;*/
					font-size: 11px;
					text-align: justify;
					padding: 12px 12px 0 0;
					
				}
				
					div.text a {
						color: #000;
						text-decoration: none;
						font-weight: bold;
					}
					
					div.text a:hover {
						color: #333;
					}
					
				div.textPrNo {
					color: #000;
					font-family: Arial, Helvetica, sans-serif;
					/*font-size: 12px;*/
					font-size: 11px;
					text-align: justify;
					padding: 12px 12px 12px 12px;
					
				}
				
					div.textPrNo a {
						color: #337201;
						text-decoration: none;
						font-weight: bold;
					}
					
					div.textPrNo a:hover {
						color: #337201;
					}

/******* PRODUCTES ********/

		div#flash {
			width: 926px;
			height: 315px;
			/*margin: 2px 12px 0 12px;*/
			margin: 0 12px 0 12px;
			padding: 0 0 0 0;
			border: 1px solid #666666;
		}
				
			label#titolVisita {
				display: block; 
				/*font-size: 16px;*/
				font-size: 14px;
				font-family: Arial, Helvetica, sans-serif;
				padding: 6px 0 0 12px;
				height: 24px;
				color: #FFF;
				background-color: #333;
				font-weight: bold;			
			}
			
			div#ajudaFlash {
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
				color: #333;
				/*margin: 5px 12px 5px 12px;*/
				margin: 12px 12px 5px 12px;
				text-align: justify;
			}
			
			div.operacions {
				margin: 10px 0 0 0;				
				text-align: center;
			}
			
				a.carritoAdd {			
					/*float: right;*/
					background-color: #009900;
					display: block;
					height: 17px;
					width: 215px;
					padding: 3px 0 0 0;
					margin: 20px 0 0 0;
					_margin: 14px 0 0 0;
					text-decoration: none;	
					color: #FFF;
					font-weight: bold;	
					/*font-size: 12px;*/
					font-size: 11px;
					font-family: Arial, Helvetica, sans-serif;	
				}
				
				a.carritoAdd:hover {
					color: #333;
				}
				
				a.carritoDel {
					/*float: right;*/
					background-color: #D4000F;
					height: 17px;
					width: 215px;
					padding: 3px 0 0 0;
					margin: 5px 0 0 0;
					text-decoration: none;	
					color: #FFF;	
					font-weight: bold;
					display: block;	
					/*font-size: 12px;*/
					font-size: 11px;
					font-family: Verdana, Arial, Helvetica, sans-serif;		
				}
				
				a.carritoDel:hover {
					color: #333;	
				}
			
			div#fieldsets {
				font-family: Verdana, Arial, Helvetica, sans-serif;	
				padding: 10px 10px 10px 10px;
				_padding: 10px 10px 10px 10px;
				font-family: Arial, Helvetica, sans-serif;
				_margin: 0 0 0 0;
				font-size: 11px;
			}
			
				fieldset#selector {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 13px;
					font-weight:bold;
					width: 528px;
					height: 150px;
					_height: 150px;
					float: left;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					color: #333;
					border: 1px solid #333;
					overflow: hidden;
				}
				
					fieldset#selector legend {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						font-weight:bold;
						margin: 0 0 0 10px;
						_margin: 0 0 0 10px;
						font-weight: bold;
						color: #333;
					}
					
					div#dFamilia {
						/*width: 361px;*/
						width: 98%;
						height: 79px;
						_height: 76px;
						padding: 5px 5px 0 5px;
						overflow: auto;	
					}					
					
					table#tFamilia {
						/*width: 342px;*/
						width: 98%;
	
					}
					
						td.tdFamilia {
							width: 250px;
							vertical-align: top;
							
						}
					
					a.aFamilia {
						width: 250px;
						color: #337201;
						/*display: block;*/
						text-decoration: none;
						margin: 0 10px 0 0;
						padding: 2px 0 2px 0;
					}
					
					a.aFamilia:hover {
						color: #666;
					}
					
					a.fselected {
						font-weight: bold;
						color: #337201 !important;
					}
				
				fieldset#buscador {
					width: 215px;
					height: 150px;
					_height: 150px;
					float: right;
					margin: 0 0 0 0;
					_margin: 0 0 0 0;
					padding: 0 0 0 0;	
					_padding: 0 0 0 0;
					color: #333;
					border: 1px solid #333;	
					text-align: center;				
				}
				
					fieldset#buscador legend {
						width: 215px;
						margin: 0 0 0 0;
						_margin: 0 0 0 0;
						font-weight: bold;
						color: #333;
					}
					
					label#buscadorTxt {
						color: #333;
						float: left;
						margin: 10px 0 5px 10px;
						_margin: 10px 0 5px 10px;						
					}
					
					form#frmBuscador {
						width: 215px;
						margin: 0 0 0 0;
						padding: 0 0 0 0;
					}
					
					input#cerca {
						float: right;
						/*width: 163px;*/
						width: 200px;
						font-size: 12px;
						font-size: 11px;
						margin: 5px 5px 0 0;
						_margin: 5px 5px 0 0;
						paddding: 0 0 0 0;
						border: 1px solid #333;											
					}
					
					a#bCercar {
						float: right;
						margin: 5px 5px 0 0;
						_margin: 5px 5px 0 0;
						/*border: none;*/
						width: 75px;
						height: 16px;
						/*font-size: 12px;*/
						font-size: 11px;
						border: none;
						background-color: #D4000F;
						color: #FFF;
						font-weight: bold;
						padding: 2px;
						text-decoration: none;
					}
				
				form#frmBuscador2 {
						width: 350px;
						margin: 0 0 0 0;
						padding: 0 0 0 0;
					}
					
					input#cerca2 {
						float: right;
						/*width: 163px;*/
						width: 200px;
						font-size: 12px;
						font-size: 11px;
						margin: 5px 5px 0 0;
						_margin: 5px 5px 0 0;
						paddding: 0 0 0 0;
						border: 1px solid #333;											
					}
					
					a#bCercar2 {
						float: right;
						margin: 5px 5px 0 0;
						_margin: 5px 5px 0 0;
						/*border: none;*/
						width: 75px;
						height: 16px;
						/*font-size: 12px;*/
						font-size: 11px;
						border: none;
						background-color: #D4000F;
						color: #FFF;
						font-weight: bold;
						padding: 2px;
						text-decoration: none;
					}
					
			div#lstProductes {
				width: 527px;
				height: 300px;
				border: 1px solid #333;
				background-color: #FFF;
				float: left;
				overflow-y: auto;
				oberflow-x: hidden;
				margin: 0 0 10px 12px;
				_margin: 0 0 0 6px; 
			}
			div#lstProductes1 {
				width: 527px;
				height: 462px;
				border: 1px solid #333;
				background-color: #FFF;
				float: left;
				overflow-y: auto;
				oberflow-x: hidden;
				margin: 0 0 10px 12px;
				_margin: 0 0 0 6px; 
			}
			
			label#titolFamilia {
				font-family: Arial, Helvetica, sans-serif;
				color: #FFF;
				background-color: #333;
				height: 24px;
				width: 770px;
				font-weight: bold;
				/*font-size: 16px;*/
				font-size: 14px;
				display: block;
				padding: 6px 0 0 0;
				
			}
			
			p.noResultats {
				margin: 10px 0 0 10px;
				padding: 0 0 0 0;
				color: #D4000F;
				font-weight: bold;
				/*font-size: 12px;*/
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
			}
			
			div.capTaula {
				margin: 10px 0 0 12px;
				/*font-size: 12px;*/
				font-size: 11px;				
				font-family: Arial, Helvetica, sans-serif;
			}
			
				div.cNomPrd {
					/*width: 166px;*/
					width: 140px;
					_width: 140px;
					float: left;
					text-align: left;
					background-color: #333;
					color: #FFF;
					font-weight: bold;
					padding: 3px 0 3px 5px;
				/*	border: 1px solid #00FF00;*/
				}
				
				div.cStockPrd {
					width: 100px;
					_width: 100px;
					float: left;
					text-align: left;
					background-color: #333;
					color: #FFF;
					font-weight: bold;
					padding: 3px 0 3px 0;	
				/*	border: 1px solid #00FF00;	*/		
				}
				
				div.cQtPrd {
					/*width: 147px;*/
					width: 140px;
					_width: 140px;
					float: left;
					text-align: left;
					color: #FFF;
					font-weight: bold;
					background-color: #333;
					padding: 3px 0 3px 0;	
				/*	border: 1px solid #00FF00;	*/			
				}
				
				div.cPreuPrd {
					/*width: 75px;*/
					width: 82px;
					_width: 82px;
					float: left;					
					color: #FFF;
					font-weight: bold;
					background-color: #333;
					text-align: left;
					padding: 3px 0 3px 0;	
				} 
				
				div.cTotalPrd {										
					width: 29px; 
					_width: 29px;
					float: left;
					text-align: left;
					color: #FFF;
					font-weight: bold;
					background-color: #333;
					padding: 3px 0 3px 0;	
					/*border: 1px solid #00FF00;	*/	
				}
				
				div.cFinal {
					width: 33px;
					_width: 33px;
					background-color: #333;
					float: left;
					color: #FFF;
					font-weight: bold;					
					padding: 3px 0 3px 0;	
					/*border: 1px solid #00FF00;	*/			
				}
				
				div.cFinal2 {
					width: 20px;
					background-color: #333;
					float: left;
					color: #FFF;
					font-weight: bold;					
					padding: 3px 0 3px 0;	
					/*border: 1px solid #00FF00;*/								
				}
				
				div.cComanda {
					/*width: 173px;*/
					width: 195px;
					background-color: #333;
					float: left;
					color: #FFF;
					font-weight: bold;					
					padding: 3px 0 3px 0;	
					text-align: center;
					margin: 0 0 0 22px;
					
					/*border: 1px solid #00FF00;*/
				}
			
			table.productes {
				font-family: Arial, Helvetica, sans-serif;
				/*font-size: 12px;*/
				font-size: 11px;
				width: 508px;
				_width: 509px;		
			}				
			
				table.productes td {
					vertical-align: middle !important;
					/*border: 1px solid #0000FF;*/
				}
				
				td.subFamilia {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					font-weight:bold;
					padding: 4px 0 4px 4px !important; 
					background-color: #337201;
					color: #FFF;
					font-weight: bold;
				}
				
				td.nomPrd {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					font-weight:bold;
					width: 206px;	
					padding: 4px 0 4px 4px !important;		
				}
				
				td.noDisponible {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					font-weight:bold;
					text-align: center;
					font-weight: bold;
					font-size: 11px;
					font-family: Arial, Helvetica, sans-serif;
				}
				
				td.stockPrd {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					font-weight:bold;
					width: 55px;
					text-align: center;	
				}
				
				td.quantitatPrd {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					font-weight:bold;
					width: 317px;
					_width: 316px;	
					text-align: left;
					padding: 2px 0 2px 0;	
				}  
				
					div#cntIncrement1 {
						text-align: left;
					}
					
					div#cntIncrement2 {
						text-align: left;
					}				
					
					input.inQuantitat {
						background-color: #FFF;
						border: 1px solid #000;
						width: 30px;
						height: 16px;
						font-size: 11px;
						font-family: Arial, Helvetica, sans-serif;
						text-align: center;
						float: left;
					}
					
					div#increment {
						width: 10px;
						height: 20px;
						float: left;
					}
					
					a#mes {
						background-image: url(../img/mes.gif);
						background-repeat: no-repeat;
						width: 10px;
						height: 10px;
						display: block;
						overflow: hidden;
						text-indent: -10000px;
					}
					
					a#mes:hover {
						background-image: url(../img/mesOver.gif);
					}
					
					a#menys {
						background-image: url(../img/menys.gif);
						background-repeat: no-repeat;
						width: 10px;
						height: 10px;
						display: block;
						overflow: hidden;
						text-indent: -10000px;				
					}
					
					a#menys:hover {
						background-image: url(../img/menysOver.gif);
					}
					
					label.unitatsPrd {
						float: left;
						margin: 2px 5px 0 5px;
					}
					
				td.preuPrd {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					font-weight:bold;
					width: 95px;
					text-align: center;
				}	
				
					td.ofertat0 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 11px;
						font-weight:bold;
						background-image: url(../img/oferta_verde.gif);
						background-repeat: no-repeat;
						background-position: center;
						color: #333333 !important;
						font-weight: bold;
					}			
					
					td.ofertat1 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 11px;
						font-weight:bold;
						background-image: url(../img/oferta_blanc.gif);
						background-repeat: no-repeat;
						background-position: center;
						color: #FFF !important;
						font-weight: bold;
					}
					
				td.totalPrd {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					font-weight:bold;
					width: 75px;
					text-align: center;				
				}	
					
			.color0 {
				background-color: #666666;
				color: #FFF !important;
			}
			
			.color1 {
				background-color: #FFF;
				color: #333333 !important;
			}
			
			div.salt {
				clear: both;
				padding: 11px 0 0 0;
				_padding: 0 0 0 0;
				_margin: 10px 0 0 0;
			}
				
			div#cntComanda { 
				width: 215px;
				height: 312px;
				_height: 302px;
				float: right;
				overflow: hidden;
				margin: 0 12px 0 0;	
				_margin: 0 6px 0 0;
			}
			
				p.prohibitComanda {
					color: #D4000F;
					/*font-size: 12px;*/
					font-size: 11px;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					text-align: center;
					margin: 10px 0 0 0;
					padding: 0 0 0 0;
				}
			
				div#comanda {
					/*comanda {*/
					/*width: 192px;*/
					width: 213px;
					/*height: 268px;*/
					height: 196px;
					/*background-color: #FFFFFF;*/
					background-color: #FFF;
					border: 1px solid #333;
					overflow-y: scroll;
					oberflow-x: hidden;		
				}
				
					p.comandaBuida {
						margin: 0 0 0 0;
						padding: 10px 10px 0 10px;
						color: #D4000F;
						font-weight: bold;
						text-align: center;
						font-size: 11px;
						font-family: Arial, Helvetica, sans-serif;
					}
			
					table#tComanda {
						width: 164px;
						_width: 166px;
						/*font-size: 12px;*/
						font-size: 11px;
						font-family: Arial, Helvetica, sans-serif;
					}
					
						td.nomLinea {
							width: 110px; 
							_width: 111px;
						}
						
						td.qntLinea {
							width: 42px;
							text-align: center;
						}
						
						td.delLinea {
							width: 12px;
							color: #000;
						}
						
							a.paperera0 {
								text-decoration: none;
								display: block;
								overflow: hidden;
								width: 11px;
								height: 12px;
								text-indent: -10000px;
								background-image: url(../img/paperera0.gif);
								background-repeat: no-repeat;
							}
							
							a.paperera1 {
								text-decoration: none;
								display: block;
								overflow: hidden;
								width: 11px;
								height: 12px;
								text-indent: -10000px;
								background-image: url(../img/paperera1.gif);
								background-repeat: no-repeat;						
							}
						
					div#cntComanda hr {
						border: 1px solid #333;
						_margin: 0 0 0 0;
						_padding: 0 0 0 0;
					}
					
					div#totalComanda {
						/*font-size: 12px;*/
						font-size: 11px;
						font-family: Arial, Helvetica, sans-serif;
						color: #D4000F;
						font-weight: bold;
						margin: 14px 0 0 0;						
					}
					
					span#valorTotal {
						float: right;
					}

					
/*******  CONTACTAR **************/

			div#contentForm {
				width: 580px;
				min-height: 420px;
				background-color: #fff;
				margin: 11px 0 0 0;
			}	

			div.textCnt {
				color: #333;
				font-family: Arial, Helvetica, sans-serif;
				/*font-size: 12px;*/
				font-size: 11px;
				text-align: center;
				padding: 12px 12px 0 12px;
			}
			
					div.textCnt a {
						color: #333;
						text-decoration: none;
						font-weight: bold;
					}
					
					div.textCnt a:hover {
						color: #337201;
					}

			form#frmContactar {
				margin: 10px 12px 18px 12px;
				padding: 0 0 0 0;
			}
			
				div.camp {
					margin: 3px 0 0 0;
					_margin: 1px 0 0 0;
				}
				div.camp2 {
					margin: 0 0 0 0;
					_margin: 1px 0 0 0;
				}
			
				form#frmContactar label {
					display: block;
					width: 120px;
					float: left;
					/*font-size: 12px;*/
					font-size: 11px;
					font-family: Arial, Helvetica, sans-serif;
					color: #333;
					padding: 3px 0 0 0;
				}
				
				form#frmContactar input {
					width: 432px;
					_width: 427px;
					border: 1px solid #333;
					font-size: 11px;
					font-family: Arial, Helvetica, sans-serif;
				}
				
				form#frmContactar textarea {
					width: 432px;
					_width: 429px;
					height: 60px;
					_height: 59px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					border: 1px solid #333;
					font-size: 11px;
					font-family: Arial, Helvetica, sans-serif;
				}
				
				input#btnEnviar {
					width: 90px !important;
					height: 18px;
					float: right;
					border: none !important;
					background-color: #337201;
					color: #FFF;
					font-weight: bold;
					/*font-size: 12px;*/
					font-size: 11px;
					margin: 10px 0 0 0;
					_margin: 10px 0 0 0;
				}
				
				label#obligatoris {
					width: 200px !important;
					margin: 12px 0 0 0;
					font-weight: bold;
					font-family: Arial, Helvetica, sans-serif;
					/*font-size: 12px;*/
					font-size: 11px;
					color: #FFF;
				}
				
				.remarcar {
					font-weight: bold;
					color: #337201 !important;
				}
				
				label#info {
					color: #D63E2F;
					font-weight: bold;
					margin: 10px 0 10px 0;
					font-family: Arial, Helvetica, sans-serif;
					/*font-size: 12px;*/
					font-size: 11px;
					display: block;
				}
				
/******* NOTICIES ******************/

#encapsulat{
	width: 350px;
	background-color:#fff;
	display: block;
	margin: 0 auto;
	/*width: 1024px;*/
	position: relative;
	text-align: left;
	line-height: 18px;
	height:100%;
	background-repeat:no-repeat;
	background-position:right bottom;
}

	/*#corda{
		display:block;
		margin:0 auto 0 auto;
		width:1024px;
		position:relative;
		background-image:url(../img/interface/corda_pendol.jpg);
		background-repeat:repeat-y;
		background-position:left top;
		background-attachment:scroll;
		height:100%;
		overflow:auto;
	}
	
	#corda.servei {
		overflow:hidden !important;
	}*/


	table#noticies_table{
		/*margin-left:155px;*/
		padding-top:30px;
		/*height:99%;
		_height:95%;
		width:410px;*/
	}
	table#noticies_table a{
		/*color:#337201;
		text-decoration:none;*/
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	table#noticies_table a:hover{
		color:#000;
	}
	
	table#noticies_table dl{
		_margin-bottom:0px !important;
	}
	
	td#llista_noticia{
		height:95%;
		_height:80%;
	}
	td#fletxes_noticia{
		height:5%;
	}

	#td_fletxes_not{
		text-align:right;
		_margin:0 0 0 0;
		_padding:20px 0 0 0;
	}
	#td_fletxes_not a img{
		border:0px none;
	}
	
	table#table_not{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		/*height:99%;
		width:840px;
		margin-left:155px !important;*/
	}
	#not_td{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		/*color: #337201 !important;
		font-size:16px;
		font-weight: bold;
		padding-top:20px;*/
	}
	
	#not_td img{
		margin:10px 0 10px 0;
	}

	#not_td a{
		color:#666;
		font-weight: bold;
	}
	
	#not_td a:hover{
		color:#000;
		font-weight: bold;
	}
	
	#not_td p{
		margin:0 0 10px 0;
		text-align:justify;
	}

	.noticies {
			width: 350px;
			font-family: Arial, Helvetica, sans-serif;
			/*font-size:10px;
			color: #337201 !important;*/
			/*font-weight: normal;
			font-style: normal;
			height:auto;*/
			margin-bottom: 12px;
			/*margin-top: 12px;*/
		}
		
		.notTitol {
			text-align: left;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 5px 0;
			font-size: 26px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
			line-height:34px;
		}
		
		.notTitol a {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 5px 0;
			font-size:26px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
			line-height:34px;
		}
		
		.notTitol a:hover {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 5px 0;
			font-size:26px;
			color: #000 !important;
			font-weight: bold;
			font-style: normal;
			line-height:34px;
		}
		
		.notTitol2 {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 5px 0;
			font-size:14px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.notTitol2 a {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 5px 0;
			font-size:14px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.notTitol2 a:hover {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 5px 0 5px 0;
			font-size:14px;
			color: #000 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.notText {
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #666666 !important;
			/*font-weight: normal;
			font-style: inherit;*/
			text-align:justify;
		}
		
		.notText a {
			font-family:Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #337201 !important;
			font-weight: bold;
			/*font-style: inherit;*/
			text-align:justify;

		}
		
		.notText a:hover {
			text-align:justify;
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #000000 !important;
			/*font-weight: normal;
			font-style: inherit;*/
		}
		
		.notPeuFoto {
			font-family:Arial, Helvetica, sans-serif;
			text-align: left;
			margin: 5px 0 20px 0;
			font-size:10px;
			color: #888 !important;
			font-weight: normal;
			font-style: oblique;
		}
		
		.notPeu {
			font-family:Arial, Helvetica, sans-serif;
			text-align: left;
			margin: 5px 0 20px 0;
			font-size:10px;
			color: #000 !important;
			font-weight: normal;
		}
		
		.notData {
			font-family:Arial, Helvetica, sans-serif;
			float: left;
			font-size: 10px;
			color: #666 !important;
			font-weight: normal;
		}
		
		.notTitolCitacio {
			font-family:Arial, Helvetica, sans-serif;
			text-align: left;
			margin: 5px 0 10px 0;
			font-size:12px;
			color: #666 !important;
			font-weight: bold;
		}
		
		.notCitacio {
			font-family:Arial, Helvetica, sans-serif;
			text-align: justify;
			margin: 5px 0 0 0;
			font-size:12px;
			color: #666 !important;
			font-weight: normal;
		}
		
		.notEnllacCitacio {
			font-family:Arial, Helvetica, sans-serif;
			text-align: left;
			margin: 0 0 20px 0;
			font-size:12px;
			color: #333 !important;
			font-weight: bold;
		}
		
		.notEnllacCitacio a {
			font-family:Arial, Helvetica, sans-serif;
			text-align: left;
			margin: 0 0 20px 0;
			font-size:12px;
			color: #333 !important;
			font-weight: bold;
		}
		
		.notEnllacCitacio a:hover {
			font-family:Arial, Helvetica, sans-serif;
			text-align: left;
			margin: 0 0 20px 0;
			font-size:12px;
			color: #337201 !important;
			font-weight: bold;
		}

		
		.notPreu {
			font-family: Arial, Helvetica, sans-serif;
			float:left;
			text-align: left;
			font-size: 12px;
			color: #666666 !important;
			/*font-weight: normal;
			font-style: inherit;*/
		}
		
		.notPreu2 {
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 5px 0;
			font-size:14px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
		}

/********** ARTISTES **************/

.artistes {
			font-family: Arial, Helvetica, sans-serif;
			font-size:10px;
			color: #337201 !important;
			/*font-weight: normal;
			font-style: normal;
			height:auto;*/
			margin-bottom: 12px;
			/*margin-top: 12px;*/
		}
		
		.artTitol {
			text-align: left;
			width: 285px;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 5px 0 5px 0;
			font-size: 24px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.artTitol a {
			text-align: left;
			width: 285px;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 5px 0 5px 0;
			font-size:24px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.artTitol a:hover {
			text-align: left;
			width: 285px;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 5px 0;
			font-size:24px;
			color: #000 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.artTitol2 {
			text-align: left;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 5px 0;
			font-size:14px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.artTitol2 a {
			text-align: left;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 5px 0;
			font-size:14px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.artTitol2 a:hover {
			text-align: left;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 5px 0 5px 0;
			font-size:14px;
			color: #000 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.artText {
			text-align: justify;
			width: 350px;
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #666666 !important;
			/*font-weight: normal;
			font-style: inherit;*/
		}
		
		.artText a {
			text-align: justify;
			width: 350px;
			font-family:Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #337201 !important;
			font-weight: bold;
			/*font-style: inherit;*/
		}
		
		.artText a:hover {
			text-align: justify;
			width: 350px;
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #000000 !important;
			/*font-weight: normal;
			font-style: inherit;*/
		}
		
		.artText2 {
			text-align: justify;
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #666666 !important;
			/*font-weight: normal;
			font-style: inherit;*/
		}
		
		.artText2 a {
			text-align: justify;
			font-family:Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #337201 !important;
			font-weight: bold;
			/*font-style: inherit;*/
		}
		
		.artText2 a:hover {
			text-align: justify;
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #000000 !important;
			/*font-weight: normal;
			font-style: inherit;*/
		}
		
		.artPeuFoto {
			width: 350px;
			font-family:Arial, Helvetica, sans-serif;
			text-align: left;
			margin-bottom: 30px;
			font-size:10px;
			color: #888 !important;
			font-weight: normal;
			font-style: oblique;
		}
		
		.artPeu {
			width: 350px;
			font-family:Arial, Helvetica, sans-serif;
			text-align: left;
			margin-bottom: 30px;
			font-size:10px;
			color: #000 !important;
			font-weight: normal;
		}
		
		.artData {
			width: 350px;
			font-family:Arial, Helvetica, sans-serif;
			float: left;
			font-size: 10px;
			color: #666 !important;
			font-weight: normal;
		}

/********** HISTORIA **************/

	div.historia {
			height:auto;
			margin-bottom: 12px;
			margin-top: 12px;
		}
		
			div.historiaTitle {
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				margin: 12px 0 12px 0;
				padding: 0 0 0 12px;
				background-color: #337201;
				margin-top: 12px;
				font-size: 12px;
				color: #000;
			}
			
			div.historiaFotos {
				display: block;
				float: right;
				height:125px;
				/*width: 200px;
				background-color: #174159;*/
				margin: 12px 12px 18px 0;
				padding: 0 0 0 0;
				border: 1px solid #fff;
				
			}
			
			div.historiaData {
				font-family: Arial, Helvetica, sans-serif;
				margin: 12px 12px 0 12px;
				font-weight: bold;
				font-size: 11px;
				color:#FFFFFF;
			}
			
			div.historiaTexte{
				font-family: Arial, Helvetica, sans-serif;
				font-size:10px;
				margin: 12px 12px 0 12px;
				_height:100px;
				min-height: 100px;
				color:#FFFFFF;
			}
				.aRight {
					text-align: center !important;
	}
		a.button, a.button:active, a.button:visited, a.button:link {
			height: 21px;
			padding-left: 3px;
			padding-right: 3px;
			background-color:#337201;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			
			
			/*background-image: url(../img/bgButton.png);*/
			background-position: 0 0;
			_background-position: 0 1;
			border: 1px solid #fff;
			/* font-size: 11px; */
			/*height: 18px;*/
			overflow: hidden;
			padding: 2 4 2 4;
			margin: 0 0 0 0;
			text-align: center;
			text-decoration: none;
			color: #fff;
		}
		
						a.button:hover {
				background-color:#337201;
				/*background-image: url(../img/bgButtonOver.png);*/
				background-position: 0 0;
				_background-position: 0 1;
				color: #000;
				border: 1px solid #000;
			}
			
			
/******* BOTIGUES ******************/
				
		div.botiguesTitol {
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				margin: 5px 0 5px 0;
				padding: 2px 0 2px 0;
				margin-bottom: 3px;
				background-color: #337201;
				margin-top: 3px;
				font-size: 12px;
				color: #000;
				margin-left: 265px;
				}
				
		img.imatgeBotigues {
					border: 1px solid #fff;				
					margin: 12px 12px 12px 12px;
				}
				
		div.botiguesMail{
				font-family: Arial, Helvetica, sans-serif;
				margin: 12px 12px 0 12px;
				font-weight: bold;
				font-size: 11px;
				color:#FFFFFF;
				
				}

/************* COMANDA **************************/

		div.textConf {
			text-align: center;
			color: #333;
			margin: 12px 12px 0 12px;
			font-size: 11px;
			font-family: Arial, Helvetica, sans-serif;
		}

		form#frmInfo {
			margin: 10px 12px 0 12px;
			padding: 0 0 0 0;
			/*font-size: 12px;*/
			font-size: 11px;
			font-family: Arial, Helvetica, sans-serif;
			color: #333;	
		}
		
			div#recepcio {
				margin: 20px 0 10px 0;
				_margin: 20px 0 4px 0;
			}
			
			input#supermercat, input#casa {
			}
			
				input#pHoratb {
					font-size: 11px;
					border: 1px solid #333;
					width: 40px;
				}
		
				p.titolGrpRadios {
					margin: 0 0 10px 0;
					padding: 0 0 0 0;
					font-weight: bold;
				}
			
			hr.lSeparador {
				width: 600px;
				border: 1px solid #333;
				margin: 10px auto;
				_margin: 6px 0 0 0;
				padding: 0 0 0 0;
				_padding: 0 0 0 0;
			}
			
			div#dHora {
				margin: 10px 0 10px 12px;
				_margin: 1px 0 4px 12px;	
				width: 372px;	
				float: left;	
			}
			
			div#dDia {
				margin: 10px 0 10px 0;
				_margin: 1px 0 4px 0;
				padding: 0 12px 0 0;		
				float: left;		
				width: 358px;	
				border-right: 2px solid #333;					
			}
			
			div#respostaRecepcio {
				color: #D4000F;
				font-weight: bold;
				text-align: justify;
				margin: 8px 0 0 0;
				padding: 0 0 0 0;
			}
			
			.left {
				text-align: left !important;
				padding: 0 0 0 10px;
			}
			
			div#contentPas2 {
				margin: 0 12px 0 12px;
			}
			
			div#contentPas3 {
				margin: 0 12px 0 12px;
			}	
			
				form#frmDadesClient {
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}
			
			div#resum {
				margin: 0 12px 0 12px;
			}		
			
			table#myCmd {
				width: 600px;
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
				text-align: center;
				border: 1px solid #333;
				margin: 5px auto;
				_margin: 10px 0 0 0;
			}	
			
				td.capPC {
					background-color: #333;
					color: #FFF;
					font-weight: bold;
				}	
				
				td.nomPC {
					width: 200px;
				}
				
				td.qntPC {
					width: 100px;
				}
				
				td.preuPC {
					width: 100px;
				}
				
				td.totalPC {
					width: 100px;
				}
				
				td.despesesPC {
					width: 100px;
					background-color: #D4000F;
					color: #FFF;
					font-weight: bold;
				}
				
				td.finalPC {
					background-color: #333;
					color: #FFF;
					font-weight: bold;
				}
			
			form#frmEndavant {
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
			
			form#frmEnrere {
				margin: 0 0 0 0;
				padding: 0 0 0 0;			
			}
			
			input#enrereCmd {
				width: 90px;
				float: right;
				margin: 12px 10px 0 0;
				border: none;
				color: #FFF;
				font-weight: bold;
				font-size: 11px;
				background-color: #D4000F;
			}
			
			input#cancelaCmd {
				float: left;
				width: 90px;
				margin: 12px 10px 0 0;
				border: none;
				color: #FFF;
				font-weight: bold;
				font-size: 11px;
				background-color: #D4000F;
			}
			
			input#continuaCmd {
				width: 90px;
				float: right;
				margin: 12px 0 10px 0;
				border: none;
				color: #FFF;
				font-weight: bold;
				font-size: 11px;
				background-color: #D4000F;
			}
			
			input#confirmaCmd {
				width: 90px;
				float: right;
				margin: 12px 0 10px 0;
				border: none;
				color: #FFF;
				font-weight: bold;
				font-size: 11px;
				background-color: #D4000F;
			}			
			
			p.notaHorari {
				margin: 10px 0 0 0;
				padding: 0 0 0 0;
				text-align: justify;
			}

			.invisible {
				display: none;
			}
			
			.visible {
				display: block;
			}
			
			table#personal {
				width: 350px;
				margin: 12px auto;
				_margin: 12px 0 0 0;
				padding: 0 0 0 0;
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
				color: #333;
			}

				table#personal input {
					font-size: 11px;
					width: 210px;
					font-family: Arial, Helvetica, sans-serif;		
				}
				
				table#personal label {
					font-size: 11px;
					color: #333;
					font-weight: bold;
					font-family: Arial, Helvetica, sans-serif;		
				}	
				
				td.etq {
					width: 140px;
				}
				
				td.etqValor {
					width: 210px;
				}	
				
				td.tdBtn {
					text-align: center;
				}		
				
					input#btnUpdate {
						width: 100px !important;
						border: none;
						background-color: #D4000F;
						color: #FFF;
						font-weight: bold; 
					}
					
			table#personal1 {
				width: 600px;
				padding: 0 0 0 0;
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
				color: #333;
				margin: 0 auto;				
			}
						
				td.tdTitol {
					padding-left: 10px !important;
					font-weight: bold;
					text-decoration: underline;
					border-right: 0px solid #333;
					width:300px;
				}
						
				td.tdEtq {
					width: 150px;
					font-weight: bold;	
					padding-left: 10px; 				
				}
				
				.leftBorder {
					border-right: 0px solid #333;
					
				}
				
				td.tdVal {
					width: 150px;					
					border-right: 2px solid #333;
				}
				td.tdVal2 {
					width: 150px;					
					border-right: 0px solid #333;
				}
			
			p.info {
				margin: 10px auto;
				padding: 0 0 0 0;
				color: #333;
				width: 500px;
				font-weight: bold;
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
				text-decoration: underline;
			}
			
			div#agraiment {
				margin: 12px 12px 12px 12px;
				padding: 0 0 12px 0;
				_padding: 0 0 0 0;
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
				}
			
				div#textAgraiment {
					margin: 0 0 10px 0;
					paddig: 0 0 0 0;
				}
				
					div#textAgraiment a {
						margin: 10px 0 0 0;
						text-decoration: none;
						color: #333;
						font-weight: bold;
					}
					
					div#textAgraiment a:hover {
						color: #D4000F;
					}
				
				a.tornaEnrera {
					text-decoration: none;
					display: block;
					color: #FFF;
					font-weight: bold;
					background-color: #D4000F;
					width: 200px;
					text-align: center;
					padding: 2px 0 2px 0;
					margin: 0 auto 0 auto;					
				}


/************* REGISTRE *************************/
			
			div#contentReg {
				margin:auto;				
				width: 800px;
				background-color: #FFF;
				margin: 0 0 0 0;
			}	
			
			div.textReg {
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
				color: #333;
				margin: 12px 12px 0 12px;
				text-align: justify;
			}
				
			form#frmRegistrar {
				margin: 0 0 0 12px;
				padding: 0 0 0 0;
			}
			
				form#frmRegistrar fieldset {
					border: 1px solid #333;
					/*font-size: 12px;*/
					font-size: 11px;
					float: left;
					font-family: Arial, Helvetica, sans-serif;
					width: 365px;
					height: 330px;
					_height: 340px;
					margin: 15px 12px 0 0;
					padding: 8px 0 8px 15px;
					_margin: 0 12px 0 0;
					_padding: 14px 0 14px 15px;
				}
				
					form#frmRegistrar fieldset legend {
						color: #333;	
						margin: 0 0 0 4px;	
						_margin: 0 0 0 0;			
					}
					
					div.camp1 {
						margin: 0 0 0 0;
						_margin: 8px 0 0 0;
					}
					
					form#frmRegistrar fieldset input {
						width: 200px;
						_width: 195px;
						border: 1px solid #333;
						font-size: 11px;
					}	
					.seccio{
					width:205px;
					font-size:11px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					
					}			
			
					label.etiqueta {
						display: block;
						width: 140px;
						float: left;
						/*font-size: 12px;*/
						font-size: 11px;
						font-family: Arial, Helvetica, sans-serif;
						color: #333;
						padding: 3px 0 0 0;
					}
					
					label.etiqueta2 {
						display: block;
						width: 132px;
						float: left;
						/*font-size: 12px;*/
						font-size: 11px;
						font-family: Arial, Helvetica, sans-serif;
						color: #333;
						padding: 3px 0 0 0;
					}	

								
				input#btnRegistreEnviar {
					width: 90px !important;
					float: right;
					height: 18px;
					border: none !important;
					background-color: #337201;
					/*font-size: 12px;*/
					font-size: 11px !important;
					font-family: Arial, Helvetica, sans-serif;
					color: #FFF;
					font-weight: bold;
					margin: 10px 12px 12px 0;
				}
				
				label#obligatorisRegistre {
					width: 200px;
					margin: 10px 0 0 0;
					font-weight: bold;	
					display: block;
					float: left;
					/*font-size: 12px;*/
					font-size: 11px;
					font-family: Arial, Helvetica, sans-serif;
					color: #000;
					padding: 4px 0 0 0;				
				}
				
				p.registreFet {
					color: #333;
					text-align: justify;
					font-family: Arial, Helvetica, sans-serif;
					/*font-size: 12px;*/
					font-size: 11px;
					margin: 20px 12px 0 12px;
				}
				
				div#cntTornar {
					padding: 20px 0 12px 0;
					text-align: center;
				}
				
					a.tornar {
						text-decoration: none;
						display: block;
						color: #FFF;
						font-weight: bold;
						background-color: #337201;
						text-align: center;
						width: 200px;
						padding: 2px 0 2px 0;
						margin: 0 auto 0 auto;	
						font-size: 11px;
						font-family: Arial, Helvetica, sans-serif;			
					}
				
				div#cnRegistre {					
					padding: 20px 0 12px 0;
					text-align: center;
				}
				
					a.Registre {
						text-decoration: none;
						display: block;
						color: #FFF;
						font-weight: bold;
						background-image:url(../img/btnRegistre.png);
						background-repeat:no-repeat;
						background-position:center;
						text-align: center;
						width: 200px;
						height: 50px;
						padding: 2px 0 2px 0;
						margin: 0 auto 0 auto;	
						font-size: 11px;
						font-family: Arial, Helvetica, sans-serif;			
					}
					a.Registre:hover {
						text-decoration: none;
						display: block;
						color: #FFF;
						font-weight: bold;
						background-image:url(../img/btnRegistreOver.png);
						background-repeat:no-repeat;
						background-position:center;
						text-align: center;
						width: 200px;
						height: 50px;
						padding: 2px 0 2px 0;
						margin: 0 auto 0 auto;	
						font-size: 11px;
						font-family: Arial, Helvetica, sans-serif;			
					}
					
				div.divErrors {
					margin: 10px 12px 0 0;
					padding: 0 0 0 0;
				}
				
					p.errorRegistre {
						margin: 0 12px 0 12px;
						padding: 0 0 0 0;
						/*font-size: 12px;*/
						font-size: 11px;
						text-align: justify;
						font-family: Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: #337201;
					}
				
				
/******* FOOTER ******************/
					
			div#footer {
				background-color: #030;
				width: 820px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;	
			}
			
				div#cntFooter {
					font-family: Arial, Helvetica, sans-serif;
					/*font-size: 12px;*/
					font-size: 11px;
					height: 42px;
					margin-top: 0px;
					padding: 30px 0 5px 0;
					/*border-top: 1px solid #888;
					border-bottom: 0px solid #000;*/
					color: #888;
					text-align: center;
				}
				
				div#cntFooter a {
					text-decoration: none;
					color: #888;
					font-weight: bold;
				}
					
				div#cntFooter a:hover {
					color: #fff;
				}	

/******* LLIBRES ******************/
		
		.llibreTitol {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 0 0;
			font-size:16px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;

		}
		
		.llibreTitol a {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 0 0;
			font-size:16px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;

		}
		
		.llibreTitol a:hover {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 0 0;
			font-size:16px;
			color: #000 !important;
			font-weight: bold;
			font-style: normal;

		}
		
		.llibreCompra {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 0 0;
			font-size: 11px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.llibreCompra a {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 0 0;
			font-size:11px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.llibreCompra a:hover {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 0 0;
			font-size:11px;
			color: #000 !important;
			font-weight: bold;
			font-style: normal;
		}
			
		.llibreText {
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 14px;
			color: #666666 !important;
			/*font-weight: normal;
			font-style: inherit;*/
		}
		
		.llibreText a {
			font-family:Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 14px;
			color: #337201 !important;
			/*font-weight: bold;
			font-style: inherit;*/
		}
		
		.llibreText a:hover {
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 14px;
			color: #000000 !important;
			/*font-weight: normal;
			font-style: inherit;*/
		}
		
		.autorText {
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 14px;
			color: #666 !important;
			padding: 5px 0 0 0;
			font-weight: bold;
			font-style: inherit;
		}
		
		.autorText a {
			font-family:Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 14px;
			color: #666 !important;
			padding: 5px 0 0 0;
			font-weight: bold;
			font-style: inherit;
		}
		
		.autorText a:hover {
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 14px;
			color: #666 !important;
			padding: 5px 0 0 0;
			font-weight: normal;
			font-style: inherit;
		}
		
		.leerMas {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 0 0;
			font-size:12px;
			color: #000 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.leerMas a {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 0 0;
			font-size:12px;
			color: #000 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.leerMas a:hover {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 0 0;
			font-size:12px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.notTitol2Ini {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 5px 0;
			font-size:14px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.notTitol2Ini a {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 0 0 5px 0;
			font-size:14px;
			color: #337201 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.notTitol2Ini a:hover {
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 5px 0 5px 0;
			font-size:14px;
			color: #000 !important;
			font-weight: bold;
			font-style: normal;
		}
		
		.notTextIni {
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #666666 !important;
			float:left;
			padding: 0 0 5px 0;
		}
		
		.notTextIni a {
			font-family:Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #337201 !important;
			font-weight: bold;
			float:left;
			padding: 0 0 5px 0;
		}
		
		.notTextIni a:hover {
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
			font-size: 12px;
			color: #000000 !important;
			float:left;
			padding: 0 0 5px 0;
		}
		
		.ImageIni {
			float:left;
			margin-right: 10px;
		}
