body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* A, TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 18px;
	text-decoration: none;
	color: #333333;
	}*/

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999;
}

.footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999;
	font-weight:bold
}

.footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
}

/*input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #83B2C9;
	border: #336699;
	border-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
} */

.contabilidad {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.contabilidad a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.contabilidad a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0047;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.empresarial {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.empresarial a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.empresarial a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A4C535;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.digital {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:bold;
}

.digital a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.digital a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #64B9E2;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.mathematics {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.mathematics a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.mathematics a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EE7D1D;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

/**************** LOGIN ******************/

			div#login {
				width: 350px;
				_width: 350px;
				margin: 5px 0 7px 5px;
				/*_margin: 0 10px 0 0;*/
				padding: 0 0 3px 0;

			}
			
				form#frmLogin {
					margin: 0 0 7px 0;
					padding: 2px 2px 5px 2px;	
				}
				
					label.loginEtiqueta {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						color: #999;
						display: block;
						float: right;
						font-size: 11px;
						/*width: 50px;*/
						padding: 4px 4px 7px 5px;
						text-align: center;
					}
					
					input#usuari {
						width: 70px;
						float: right;
						height: 18px;
						font-size: 11px;
						border: 1px solid #999;
						margin: 3px 4px 3px 2px;
						padding: 1px 0 0 0;
					}
					
					input#clau {
						width: 70px;
						float: right;
						height: 18px;
						font-size: 11px;
						border: 1px solid #999;						
						margin: 3px 7px 3px 2px;
						padding: 1px 0 0 0;
					}
					
					#bEntrar {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						width: 80px;
						height: 18px;
						float: right;
						background-color: #64B9E2;
						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;*/
					}
					
					a#bEntrar {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						width: 80px;
						height: 18px;
						float: right;
						background-color: #64B9E2;
						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: 18px;
						float: right;
						background-color: #64B9E2;
						border: #666666;
						color: #FFF;
						font-weight: normal;
						text-align: center;
						text-decoration: none;
						display: block;
						font-size: 11px;
						margin: 3px 0 0 5px;
						padding-bottom:3px;
						/*padding: 1px 0 0 0;*/
					}
					
					input.bEntrarEditors {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						width: 150px;
						height: 18px;
						float: right;
						background-color: #CC0047;
						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: #CC0047;
							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: 20px;
						float: right;
						background-color: #64B9E2;
						border: none;
						color: #FFF;
						font-weight: normal;
						text-align: center;
						text-decoration: none;
						display: block;
						font-size: 11px;
						margin: 0 0 0 4px;
						_margin: 0 0 0 4px;
						padding: 3px 0 0 0;
					}	
					
					a.desconnectar:hover {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						width: 80px;
						height: 20px;
						float: right;
						background-color: #637978;
						border: none;
						color: #FFF;
						font-weight: normal;
						text-align: center;
						text-decoration: none;
						display: block;
						font-size: 11px;
						margin: 0 0 0 4px;
						_margin: 0 0 0 4px;
						padding: 3px 0 0 0;
					}	

/**************** PANTALLES ******************/	

			div#compres {	
				width: 162px;
				height: 30px;
				background-image: url(../img/Pastilla-Compres-1.png);
				background-position: top;
				background-repeat: no-repeat;
			}
					
			div#compres:hover {
				width: 162px;
				height: 30px;
				background-image: url(../img/Pastilla-Compres-Over-1.png);
				background-position: top;
				background-repeat: no-repeat;
			}
			
			div#vendes {
				width: 162px;
				height: 30px;
				background-image: url(../img/Pastilla-Vendes-1.png);
				background-position: top;
				background-repeat: no-repeat;
			}
			
			div#vendes:hover {
				width: 162px;
				height: 30px;
				background-image: url(../img/Pastilla-vendes-Over-1.png);
				background-position: top;
				background-repeat: no-repeat;
			}				
			
			div#elaboracions {
				width: 162px;
				height: 30px;
				background-image: url(../img/Pastilla-Elaboracions-1.png);
				background-position: top;
				background-repeat: no-repeat;
			}
			
			div#elaboracions:hover {
				width: 162px;
				height: 30px;
				background-image: url(../img/Pastilla-elaboracions-Over-1.png);
				background-position: top;
				background-repeat: no-repeat;
			}	
			
			div#parametres {
				width: 162px;
				height: 30px;
				background-image: url(../img/Pastilla-ParametresGenerals-1.png);
				background-position: top;
				background-repeat: no-repeat;
			}
			
			div#parametres:hover {
				width: 162px;
				height: 30px;
				background-image: url(../img/Pastilla-ParametresGenerals-Over-1.png);
				background-position: top;
				background-repeat: no-repeat;
			}	
			
			div#comptabilitat {
				width: 162px;
				height: 30px;
				background-image: url(../img/Pastilla-comptabilitat-1.png);
				background-position: top;
				background-repeat: no-repeat;
			}
			
			div#comptabilitat:hover {
				width: 162px;
				height: 30px;
				background-image: url(../img/Pastilla-comptabilitat-Over-1.png);
				background-position: top;
				background-repeat: no-repeat;
			}	
							
			div#amortitzacions {
				width: 160px;
				height: 30px;
				background-image: url(../img/Pastilla-amortitzacions-1.png);
				background-position: top;
				background-repeat: no-repeat;
			}
			
			div#amortitzacions:hover {
				width: 160px;
				height: 30px;
				background-image: url(../img/Pastilla-amortitzacions-Over-1.png);
				background-position: top;
				background-repeat: no-repeat;
			}

/**************** MENU ******************/			
					
			div#menu {
				height: 35px;
				margin: 0 0 0 0;
				_margin: 0 0 0 0;
				padding: 0 0 0 0;
				_padding: 0 0 0 0;
				font-family: Arial, Helvetica, sans-serif;
				position:relative;
				font-weight: bold;
				font-size: 12px;
				color: #FFF;
			}	
			
				div#cntMenu {
					
					
				}	
				
					div#cntMenu ul {
						list-style: none;
						margin: 0 0 0 0;
						padding: 10px 0 0 0;
						_padding: 10px 0 0 0;
					}
					
						li.opcio {
							display: inline;
							margin: 0 0 0 0;
							_margin: 0 0 0 0;
						}
						
						li.ambSeparador {
							background-image: url(../img/interface/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: #000;
							font-size: 12px;
						}
						
						li.opcio a:hover {
							color: #FFF;
							font-size: 12px;
						}
												
						.selected {
							color: #FFF !important;
							font-weight: bold;
							font-size: 12px;
						}				
			
				ul#mnuIdiomes {
					list-style: none;
					padding: 7px 0 0 0;
					font-size: 11px;			
				}
				
					li.opcioIdioma {
						float: right;
						display: inline;
						background-image: url(../img/interface/separadorIdiomes.gif);
						background-position: right center;
						background-repeat: no-repeat;	
						padding: 0 10px 0 5px;
						_padding: 0 10px 0 5px;																
					}	
					
					li.lastIdioma {
						float: right;
						padding: 0 10px 0 5px;
						_padding: 0 10px 0 5px;				
					}
					
						ul#mnuIdiomes li a {
							color: #000;
							font-weight: bold;
							text-decoration: none;
						}
						
						ul#mnuIdiomes li a:hover {
							color: #FFF;
						}
						
						a.idiomaSelected {
							color: #FFF !important;	
						}		

/**************** MENU PARŔMETRES GENERALS ******************/			
					
			div#menuP {
				height: 35px;
				margin: 0 0 0 0;
				_margin: 0 0 0 0;
				padding: 0 0 0 0;
				_padding: 0 0 0 0;
				font-family: Arial, Helvetica, sans-serif;
				position:relative;
				font-weight: bold;
				font-size: 12px;
				color: #FFF;
			}	
			
				div#cntMenuP {
					
					
				}	
				
					div#cntMenuP ul {
						list-style: none;
						margin: 0 0 0 0;
						padding: 10px 0 0 0;
						_padding: 10px 0 0 0;
					}
					
						li.opcioP {
							display: inline;
							margin: 0 0 0 0;
							_margin: 0 0 0 0;
						}
						
						li.ambSeparadorP {
							background-image: url(../img/interface/separadorP.gif);
							background-position: right;
							background-repeat: no-repeat;
							padding: 0 10px 0 0;
							_padding: 0 10px 0 0;
						}						
						
						li.opcioP a {
							text-decoration: none;
							color: #C0C0C0;
							font-size: 12px;
						}
						
						li.opcioP a:hover {
							color: #FFF;
							font-size: 12px;
						}
												
						.selectedP {
							color: #FFF !important;
							font-weight: bold;
							font-size: 12px;
						}				
			
				ul#mnuIdiomesP {
					list-style: none;
					padding: 7px 0 0 0;
					font-size: 11px;			
				}
				
					li.opcioIdiomaP {
						float: right;
						display: inline;
						background-image: url(../img/interface/separadorIdiomesP.gif);
						background-position: right center;
						background-repeat: no-repeat;	
						padding: 0 10px 0 5px;
						_padding: 0 10px 0 5px;																
					}	
					
					li.lastIdiomaP {
						float: right;
						padding: 0 10px 0 5px;
						_padding: 0 10px 0 5px;				
					}
					
						ul#mnuIdiomesP li a {
							color: #C0C0C0;
							font-weight: bold;
							text-decoration: none;
						}
						
						ul#mnuIdiomesP li a:hover {
							color: #FFF;
						}
						
						a.idiomaSelectedP {
							color: #FFF !important;	
						}		

/** Contingut **/
	
	div#pagina {
		margin: 10px 10px 10px 10px;
		padding: 0 0 0 0;
		vertical-align: top;
		}
	
	div#contingut {
		background-color: #c0c0c0;
		border: 1px solid #fff;
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
		min-height: 500px;		
		}
		
		h1.titol1 {
			margin: 0 0 0 0;
			padding: 4px 0 4px 12px;
			color: #FFF;
			background-color: #000;
			font-size: 14px;
		}
		
		a.capAweb {
			text-decoration: none;
			color: #FFF;
			font-weight: bold;
		}
		
		a.capAweb:hover {
			color: #CC0000;
		}
		
		div#selector {
			border: 1px solid #999999;
			background-color: #CCCCCC;
			text-align: left;
			padding: 2px 0 2px 10px;
			margin: 5px 5px 5px 5px;
		}
		
			div#selector label {
				display: -moz-inline-box;
				_display: inline-block;
				color: #666666;
				width: 120px;
			}
			
			select#selectSeccio {
				width: 200px;
			}
			
		div#menuBO {
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color: #000000;
			background-color: #333;
			height: 25px;
			margin: 5px 5px 0 5px;
		}
		
			div#menuInteriorBO {
			}
			
			div#menuInteriorBO label {
				float: right;
				margin: 5px 10px 0 0;
				color: #FFF;
			}
			
			label.nomUser {
				/*color: #448D07 !important;*/
				color: #CC0000 !important;
				font-weight: bold;
			}	
		
			a.sortirBO {
				float: right;
				text-decoration: none;
				color: #FFF;
				margin: 5px 10px 0 0;
			}
			
			a.sortirBO:hover {
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color: #CC0000;
			}
			
			div#menuInteriorBO ul {
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				list-style: none;
				float: left;
				margin: 5px 0 0 10px;
				padding: 0 0 0 0;
			}
			
			li.opcioBO {
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				display: inline;
				margin: 0 10px 0 10px;
				font-weight: bold; 
			}
			
				li.opcioBO a {
					font-family:Arial, Helvetica, sans-serif;
					font-size:10px;
					color: #FFF;
					text-decoration: none;
					font-weight: bold;
				}
				
				li.opcioBO a:hover {
					font-family:Arial, Helvetica, sans-serif;
					font-size:10px;
					color: #CC0000;
					font-weight:bold;
				}
				
				a.selected {
					font-family:Arial, Helvetica, sans-serif;
					font-size:10px;
					/*font-weight: bold;*/	
					color: #CC0000 !important;
				}
/** Vendes **/	

			div#Vendes {
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color: #000;
				font-weight: normal;
				font-style:normal;
				text-decoration:none;
				text-align:left;
			}

/** Productes **/				
			
			a#addProds {
				width: 170px;
				float: left;
				font-size: 11px;
				border: none;
				padding: 2px 2px 2px 2px;
				color: #000;
				font-weight: bold;
				background-color: #666;
				text-decoration: none;
				
			}
			
			div#paginacio {
				float: right;
				width: 150px;
				margin: 3px 0 0 0;				
			}
			
				div#paginacio a {
					text-decoration: none;
					text-indent: -10000px;
					width: 14px;
					height: 14px;
					overflow: hidden;
					display: block;
					background-repeat: no-repeat;
					float: right;
					margin: 0 0 0 5px;			
				}
				
				a.ultim {
					background-image: url(../medias/img/last.gif);
				}
				
				a.ultim:hover {
					background-image: url(../medias/img/lastOver.gif);
				}					
				
				a.seguent {
					background-image: url(../medias/img/next.gif);
				}
				
				a.seguent:hover {
					background-image: url(../medias/img/nextOver.gif);
				}					
				
				span#pagines {
					float: right;
					margin: 0 5px 0 10px;
					font-size: 11px;
				}
				
				span#paginactual {
					color: #0002F8;
					font-weight: bold;
				}
				
				a.primer {
					background-image: url(../medias/img/first.gif);
				}
				
				a.primer:hover {
					background-image: url(../medias/img/firstOver.gif);
				}					
				
				a.anterior {
					background-image: url(../medias/img/prev.gif);
				}
				
				a.anterior:hover {
					background-image: url(../medias/img/prevOver.gif);
				}	
				
		div#llistaProductes {
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align: center;
				width: 90%;	
				_width: 90%;	
									
			}
			div#llistaProductes:hover {
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align: center;
				width: 90%;	
				_width: 90%;
													
			}			
			
				table#tableProductes {
					font-size: 11px;
					border: 1px solid #656565;
					width: 99%;
					_width: 99%;
					margin: 0 0 10px 5px;
					padding: 3px 3px 3px 3px;
				}
				
				
					table#tableProductes td {
						text-align: center;
					}
					
				
					table#tableProductes a {
						color: #000;
						/*font-weight: bold;*/
						text-decoration:none;
						
					}
					
					.titolProd  {
						color: #FFF;
						font-size: 12px;
						font-weight: bold;
																
					}
       div#fitxaProducte {
				margin: 0 0 0 0;
				padding: 10px 10px 10px 10px;
				text-align: left;			
			}
			
				table#tableFitxaProductes {
					border: 1px solid #656565;
					font-size: 11px;
					width: 100%;
					_width: 100%;
				}	
				
					table#tableFitxaProductes label {
						font-weight: bold;
						color: #000;
						font-size: 11px;
					}
					
					td.tdNomProducte {
						
					}
					
					td.tdDescProducte {
						
					}
					
					td.tdFamProducte {
						
					}
					
					td.tdEstatProducte {
						
					}
			
					select#idFamilia {
						font-size: 11px;
						width: 200px;
					}
					
					input#btnPujar {
						border: none;
						color: #FFF;
						font-size: 11px;
						background-color: #999999;
						font-weight: bold;
						margin: 0 0 3px 10px;
						width: 80px;							
					}
					
					input#foto {
						font-size: 11px;
						margin: 5px 0 0 0;
					}
					
					a.delIma {
						text-decoration: none;
						font-weight: bold;
						color: #000;
					}
					
					a.delIma:hover {
						color: #F40701;
					}		
					
					span.nomIma {
						margin: 0 20px 0 0;
					}
	/**************** TOOLTIP *****************/

	
		a.Ntooltip {
		position: relative; /* es la posición normal */
		text-decoration: none !important; /* forzar sin subrayado */
		color:#000000 !important; /* forzar color del texto */
		font-weight:normal !important; /* forzar negritas */
		cursor:pointer;
		text-align:left;
		}
		
		a.Ntooltip:hover {
		z-index:999; /* va a estar por encima de todo */
		/*background-color:#000000; /* DEBE haber un color de fondo */
		cursor:pointer;

		}
		
		a.Ntooltip span {
		display: none; /* el elemento va a estar oculto */
		visibility:hidden;
		}
		
		a.Ntooltip:hover span {
		display: block; /* se fuerza a mostrar el bloque */
		position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
		top:1em; left:1em; /* donde va a estar */
		width:300px; /* el ancho por defecto que va a tener */
		padding:3px; /* la separación entre el contenido y los bordes */
		background-color: #ffffe1; /* el color de fondo por defecto */
		color: #000000; /* el color de los textos por defecto */
		font-size:9px;
		border:1px solid #000000;
		visibility:visible;
		}