/*
	#FFFFFF - Blanc
		- Color de fondo de molts elements i texts!!
		- DEFINIR!!!
		
	#333333 - Color de la lletra!
		- Color del text de les taules
		- Color del text del link 'ver clave' els asterisks
		- Color del text dels selects|options
		- Color del text dels panells .info
		- Color del text informatiu de 'quedan 4 cuentas de 20 disponibles'
		- Color del text dels panells .claro
		- Color dels labels
		- Color dels spans de la clase formulari
		- Color del text del cargando datos del help dinàmic
		
	#666666 - Gris (potser es podria substituir per el #333333)
		- Color dels links de les pestanyes i del menú
		- borde dels selects
		- fons de les capçaleres

	#DEDFE0 - Gris clar de fondo
		- Color de fons dels selects|options
		- Color de fons del menú de la esquerra
		- Color de fons del panell .claro
		- Color de fons de les pestanyes del correu
		- Color de fons de les files zebrejades (totes les que son taules tr.p td)
		
	#0099FF - Blau fort per resaltar
		- Color del marge exterior dels elements que tenen el focus (:focus)
		- Color principal de les gràfiques
		- Color del borde superior i inferior del panell d'informació .info

	#C6E5FF - Color blau cel emprat per als fondos
		- Color de fons de les files de les taules quant pases el ratolí per sobre
		- Color de fons dels gràfics de consum i tal
		- Color de fons dels panells .info		

	#990000 - Vermell fort dels links
	
	
	IMATGES!!
		menu_bottom.gif				@ #FFFFFF » #DEDFE0
		menu_top.gif				@ #FFFFFF » #DEDFE0
		topbg.gif					@ #FFFFFF » #DEDFE0
		under_linea.gif				@ #FFFFFF » #DEDFE0
		pest_left.gif				@ #FFFFFF » #DEDFE0
		pest_right.gif				@ #FFFFFF » #DEDFE0

		cont_h3_left.gif			@ #FFFFFF » #666666
		cont_h3_right.gif			@ #FFFFFF » #666666

		menu_h3.gif					@ #DEDFE0 » #666666
		
		titol_h2.gif				@ #FFFFFF » #333333
		pest_sel_left.gif			@ #FFFFFF » #333333
		pest_sel_right.gif			@ #FFFFFF » #333333
		
		
	#FFFFFF
	#333333
	#666666
	#DEDFE0
	#0099FF
	#C6E5FF
	#990000
*/

*{
	/* reset: "font-family:inherit;" */
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
}
html{
	overflow-y:scroll;
}
:focus{
	outline:2px solid #0099FF;
}
body,html{
	background-color:#FFFFFF;
}
/* ELEMENTS BASE */
	/* TAULA */
	table{
		width:100%;
		border-collapse:collapse;
		border-spacing:0px;
	}
		table tr td{
			line-height:32px;
			height:32px;
			font-size:11px;
			color:#333333;
		}
			table tr td a.activarbackup{
				padding-right:20px;
				background:transparent url(/img/help.png) right 0 no-repeat scroll;
			}
			table tr td a.clave{
				padding-right:14px;
				background:transparent url(/img/lupita.png) right center no-repeat scroll;
				color:#333333;
			}
				table tr td a.clave:hover{
					text-decoration:none;
				}

		table tr:hover td{
			background-color:#C6E5FF !important;
		}
		table tr.p td{
			background-color:#DEDFE0;
		}
		table tr.n td{
			background-color:#FFFFFF;
		}
		/*
		table tr.inactive td{
			background-image:url(/img/inactive.png);
		}
		*/
		table.multi tr th#checks{
			width:35px;
		}
		table.multi tr td{
			text-align:center;
			vertical-align:middle;
		}
			table.multi tr td.esq{
				text-align:left;
				text-indent:15px;
			}
			table.duo tr td input{
				margin-left:15px;
			}
			table.duo tr td input,
			table.multi tr td input{
				vertical-align:middle;
			}
		table.duo tr th,
		table.multi tr th{
			font-weight:bold;
			font-size:11px;
			
			height:25px;
			text-indent:15px;
		}
			table.multi tr th.centrat{
				text-align:center;
				text-indent:0;
			}
		table.duo tr td{
			text-indent:15px;
			width:50%;
		}
	/* LINKS */
	a{
		text-decoration:none;
		color:#990000;
	}
		a:hover{
			text-decoration:underline;
		}
	/* FORMS */
	input{
		font-size:11px;
	}
	select{
		border:1px solid #666666;
		padding:1px;
		margin:2px;
		
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		-o-border-radius:4px;
		-khtml-border-radius:4px;
		border-radius:4px;

	}
	select,
	select option{
		color:#333333;
		font-size:11px;
		background-color:#DEDFE0;
	}
		select option{
			margin:1px;
		}
	/* ERROR */
	.error{
		color:red;
	}
	/* GRAPHICS */
	table tr td .graph{
		margin-top:8px !important;
		border:1px solid #FFFFFF;
		margin-left:15px;
		width:150px;
	}
	.graph{
		float:left;
		width:210px;
		
		overflow:hidden;
		height:15px !important;
		margin-right:10px;
		background-color:#C6E5FF;
		
		margin-top:3px;
	}
		.graph strong{
			float:left;
			background-color:#0099FF;
			height:100%;
			overflow:hidden;
			border-right:1px solid #FFFFFF;
		}
	.centrat{
		text-align:center;
	}

/* PLANTILLA */
#gestiona{
	margin:25px auto 25px auto;
	width:960px;
}
	#gestiona #cabecera{
		width:960px;
		height:100px;
		
		background:transparent url(/img/topbg.gif) 0 0 no-repeat scroll;
	}
		#gestiona #cabecera a{
			margin-left:20px;
		}
			#gestiona #cabecera a img{
				margin:20px 0 0 0;
			}
	#gestiona #inferior{
		margin-top:13px;
	}
		#gestiona #inferior #menu{
			width:225px;
			float:left;
		}
			#gestiona #inferior #menu #contenidomenu{
				width:204px;
				background:#DEDFE0 url(/img/menu_top.gif) 0 0 no-repeat scroll;
				
				padding-top:6px;
			}
				#gestiona #inferior #menu #contenidomenu h3{
					background:transparent url(/img/menu_h3.gif) 0 0 no-repeat scroll;
					height:24px;
					width:190px;
					
					margin-left:7px;
					text-align:center;
					line-height:24px;
					
					color:#FFFFFF;
					font-size:12px;
				}
				#gestiona #inferior #menu #contenidomenu ul{
					background:transparent url(/img/menu_bottom.gif) 0 bottom no-repeat scroll;
					padding-top:11px;
					padding-bottom:14px;
				}
					#gestiona #inferior #menu #contenidomenu ul li{
						
					}
						#gestiona #inferior #menu #contenidomenu ul li a{
							font-size:11px;
							color:#666666;
							text-decoration:none;
							
							height:22px;
							line-height:22px;
							
							display:block;
							
							text-indent:32px;
							
							background:transparent url(/img/li_dot.png) 15px 5px no-repeat scroll;
						}
							#gestiona #inferior #menu #contenidomenu ul li a:hover{
								color:#333333;
							}
			#gestiona #inferior #menu #desconectar{
				text-align:center;
				padding:8px 20px 0 0;
			}
		#gestiona #inferior #contenido{
			float:left;
		}
			#gestiona #inferior #contenido h2{
				background:transparent url(/img/titol_h2.gif) 0 0 no-repeat scroll;
				line-height:24px;
				height:24px;
				width:735px;
				text-indent:12px;
				
				color:#FFFFFF;
				font-size:15px;
				
			}
			#gestiona #inferior #contenido .bloc{
				clear:both;
				display:inline;
			}
				#gestiona #inferior #contenido .bloc .info{
					clear:both;
					display:block;
					width:711px;
					
					margin-bottom:15px;
					
					border-top:2px solid #0099FF;
					border-bottom:2px solid #0099FF;
					
					font-size:11px;
					color:#333333;
					
					background-color:#C6E5FF;
					
					padding:4px 12px;
				}
					#gestiona #inferior #contenido .bloc .info ul{
						margin:10px 0;
					}
						#gestiona #inferior #contenido .bloc .info ul li{
							line-height:22px;
							background:transparent url(/img/li_dot.png) 5px center no-repeat scroll;
							text-indent:24px;
						}
					#gestiona #inferior #contenido .bloc .info p{
						line-height:18px;
						/*text-indent:24px;*/
						padding-left:24px;
					}
						#gestiona #inferior #contenido .bloc .info p.primera{
							background:transparent url(/img/primera_ico.png) 0 1px no-repeat scroll;
						}
						#gestiona #inferior #contenido .bloc .info strong{
							font-weight:bold;
						}
				#loginform h1{font-weight:normal;}
				#loginform h1,
				#helpWin h3,
				#gestiona #inferior #contenido .bloc h3{
					background:#666666 url(/img/cont_h3_left.gif) 0 0 no-repeat scroll;
					font-size:13px;
					color:#FFFFFF;
					float:left;
					clear:both;
					
					margin-bottom:15px;
					margin-top:15px;
					
					font-style:italic;
				}
				#helpWin h3{
					margin-top:0px !important;
				}
					#helpWin h3 span,
					#loginform h1 span,
					#gestiona #inferior #contenido .bloc h3 span{
						background:transparent url(/img/cont_h3_right.gif) no-repeat scroll right 0;
						display:block;
						float:left;
						height:24px;
						line-height:24px;
						
						padding:0 12px;
					}
				#gestiona #inferior #contenido .bloc .extradicional{
					float:left;
					margin-top:15px;
					color:#333333;
					font-size:11px;
					margin-left:20px;
					line-height:24px;
				}
				#gestiona #inferior #contenido .bloc .dades{
					clear:both;
					float:left;
					width:735px;
					
					padding-bottom:20px;
					background:transparent url(/img/under_linea.gif) 0 bottom no-repeat scroll;
				}
					#gestiona #inferior #contenido .bloc .dades .claro{
						background-color:#DEDFE0;
						padding:15px;
						
						font-size:11px;
						width:705px;
						
						color:#333333;
					}
						#gestiona #inferior #contenido .bloc .dades .claro label{
							width:50%;
							float:left;
						}
						#gestiona #inferior #contenido .bloc .dades .claro span{
							padding-left:15px;
							float:left;
						}
						#gestiona #inferior #contenido .bloc .dades .claro label.unalinea{
							line-height:24px;
						}
						.de40pc{
							width:40% !important;
						}
						#gestiona #inferior #contenido .bloc .dades .claro br{
							clear:both;
						}
					#gestiona #inferior #contenido .bloc .dades .selanonim{
						text-align:center;
						margin-top:10px;
					}
						#gestiona #inferior #contenido .bloc .dades .selanonim label{
							font-size:11px;
							color:#333333;
						}
					#gestiona #inferior #contenido .bloc .duo{
						margin-top:30px;
					}
				#gestiona #inferior #contenido .bloc .formulari{
					
				}
					#gestiona #inferior #contenido .bloc .formulari .textarea{
						height:auto !important;
					}
					#gestiona #inferior #contenido .bloc .formulari div{
						height:32px;
					}
					#loginform label,
					#gestiona #inferior #contenido .bloc .formulari label{
						float:left;
						width:150px;
						
						text-indent:15px;
						font-size:11px;
						color:#333333;
						
						height:30px;
						line-height:24px;
						
						font-size:11px;
					}
					#loginform input,
					#gestiona #inferior #contenido .bloc .formulari input{
						width:170px;
						float:left;
					}
						#gestiona #inferior #contenido .bloc .formulari input.checker{
							width:auto;
						}
					#gestiona #inferior #contenido .bloc .formulari textarea{
						width:200px;
						height:100px;
						
						font-size:11px;
					}
				
					#loginform .btn,
					#gestiona #inferior #contenido .bloc .formulari .btn{
						width:auto !important;
					}
					#loginform .submit,
					#gestiona #inferior #contenido .bloc .formulari .submit{
						margin-left:150px;
					}
					#gestiona #inferior #contenido .bloc .dades .claro a.help,
					#gestiona #inferior #contenido .bloc .formulari a{
						font-size:11px;
						line-height:24px;
						float:left;
					}
						#gestiona #inferior #contenido .bloc .formulari a.mostrarKey{
							padding-left:45px;
							background:transparent url(/img/mostrarclau.gif) 19px center no-repeat scroll;
						}
						a.accedirServei{
							padding-left:45px;
						}
						#gestiona #inferior #contenido .bloc .dades .claro a.help,
						#gestiona #inferior #contenido .bloc .formulari a.help{
							width:24px;
							height:22px;
							background:transparent url(/img/help.png) center center no-repeat scroll;
							
							cursor:help;
						}
							#gestiona #inferior #contenido .bloc .dades .claro a.help span,
							#gestiona #inferior #contenido .bloc .formulari a.help span{
								display:none;
							}
					#gestiona #inferior #contenido .bloc .formulari span{
						font-size:11px;
						color:#333333;
					}
						#gestiona #inferior #contenido .bloc .formulari span.startinput{
							float:left;
							line-height:24px;
							margin-right:5px;
						}
						#gestiona #inferior #contenido .bloc .formulari span.endinput{
							line-height:24px;
							margin-left:5px;
						}
			#gestiona #inferior #contenido #ttldetcorreo{
				height:50px;
				
			}
				#gestiona #inferior #contenido #ttldetcorreo h4{
					color:#0099FF;
					float:left;
					font-size:13px;
					margin-top:20px;
					height:16px;
					
					text-indent:19px;
					background:transparent url(/img/li_dot.png) 0 center no-repeat scroll;
				}
				#gestiona #inferior #contenido #ttldetcorreo .allistado{
					float:right;
					font-size:11px;
					margin-top:20px;
					
					height:16px;
					line-height:16px;
					
					text-indent:22px;
					padding-right:4px;
					background:transparent url(/img/alistado.gif) 0 0 no-repeat scroll;
				}
				
			#gestiona #inferior #contenido #pestanyes{
				clear:both;
				display:none;
			}
				#gestiona #inferior #contenido #pestanyes li{
					float:left;
					height:31px;
					overflow:hidden;
					
					background:#DEDFE0 url(/img/pest_left.gif) 0 0 no-repeat scroll;
					margin-right:3px;
				}
					#gestiona #inferior #contenido #pestanyes li a{
						display:block;
						float:left;
						height:31px;
						line-height:31px;
						
						color:#666666;
						font-size:13px;
						font-style:italic;
						
						padding:0 10px;
						
						background:transparent url(/img/pest_right.gif) right 0 no-repeat scroll;
					}
						#gestiona #inferior #contenido #pestanyes li a:hover{
							text-decoration:none;
						}
					#gestiona #inferior #contenido #pestanyes li.selec{
						background:#333333 url(/img/pest_sel_left.gif) 0 0 no-repeat scroll;
					}
						#gestiona #inferior #contenido #pestanyes li.selec a{
							color:#FFFFFF;
							background:transparent url(/img/pest_sel_right.gif) right 0 no-repeat scroll;
						}
/* form login */
#loginform{
	width:500px;
	margin:auto auto;
}
#loginform fieldset{
	clear:both;
	width:auto;
	border:0 none #333333;
}
#loginform #elformulari div{
	height:32px;
}
/* carpetes */
.permisosError,
.permisosOK{
	padding-left:5px;
	font-weight:bold;
}
.permisosError{color:red;}
.permisosOK{color:green;}
#gestiona #inferior #contenido .bloc #carpetes td{
	vertical-align:middle;
}
#gestiona #inferior #contenido .bloc #carpetes .linkaccess{
	vertical-align:middle;
}
	#gestiona #inferior #contenido .bloc #carpetes .linkaccess a span,
	#gestiona #inferior #contenido .bloc #carpetes .linkpermisos a span{ display:none; }

	#gestiona #inferior #contenido .bloc #carpetes .linkaccess a,
	#gestiona #inferior #contenido .bloc #carpetes .linkpermisos a{
		display:block;
		margin:auto auto;
		width:18px;
		height:18px;
	}
	#gestiona #inferior #contenido .bloc #carpetes .linkaccess a{
		background:transparent url(/img/olock.png) 0 0 no-repeat;
	}
	#gestiona #inferior #contenido .bloc #carpetes .linkaccess a.ocupada{
		background:transparent url(/img/clock.png) 0 0 no-repeat;
	}
#gestiona #inferior #contenido .bloc #carpetes .linkpermisos a{
	background:transparent url(/img/attrib.png) 0 0 no-repeat;
}
#gestiona #inferior #contenido .bloc #carpetes .rwx{
	width:70px;
}
#gestiona #inferior #contenido .bloc #carpetes #rutafitxers{
	font-size:11px;
}
	#gestiona #inferior #contenido .bloc #carpetes #rutafitxers a{
		font-weight:bold;
	}
#gestiona #inferior #contenido .bloc #carpetes .directori span,
#gestiona #inferior #contenido .bloc #carpetes .fitxer span{
	display:none;
}
#gestiona #inferior #contenido .bloc #carpetes .directori a,
#gestiona #inferior #contenido .bloc #carpetes .fitxer{
	font-weight:normal;
	font-size:12px;
	display:block;
	text-indent:22px;
		
	height:16px;
	line-height:16px;
}
#gestiona #inferior #contenido .bloc #carpetes .directori a{
	background:transparent url(/img/fold16.png) left center no-repeat;
}
#gestiona #inferior #contenido .bloc #carpetes .fitxer{
	background:transparent url(/img/file16.png) left center no-repeat;
}

#gestiona #inferior #contenido .bloc #carpetes table.multi thead tr th#permisos,
#gestiona #inferior #contenido .bloc #carpetes table.multi thead tr th#proteccion{
	text-indent:0px;
	text-align:center;
	width:70px;
}
/* permisos */
#gestiona #inferior #contenido .bloc .dades#recursivo{}
	#gestiona #inferior #contenido .bloc .dades#recursivo ul{
		float:left;
		width:30%;
		
		font-size:11px;
	}
	#gestiona #inferior #contenido .bloc .dades#recursivo ul#central{
		margin:0 5%;
	}
		#gestiona #inferior #contenido .bloc .dades#recursivo ul li{
			height:24px;
			line-height:21px;
			text-indent:10px;
		}
			#gestiona #inferior #contenido .bloc .dades#recursivo ul li.p{
				background-color:#DEDFE0;
				
			}
			#gestiona #inferior #contenido .bloc .dades#recursivo ul li h4{
				font-weight:bold;
				text-indent:25px;
				height:22px;
				line-height:18px;
			}
			#gestiona #inferior #contenido .bloc .dades#recursivo ul li label{
				margin-left:5px;
			}
			#gestiona #inferior #contenido .bloc .dades#recursivo ul li input{
				vertical-align:middle;
			}
	#gestiona #inferior #contenido .bloc .dades#recursivo #edmanual{
		clear:both;
		padding-top:20px;
	}
/* FTP */
.webftp{
	display:block;
	width:22px;
	height:19px;
	background:transparent url(/img/ftpweb.png) 0 bottom no-repeat scroll;
	
	margin:auto auto;
}
	.webftp span{
		display:none;
	}
/* finestra d'ajuda */
#helpWin{
	position:absolute;
	top:0;left:0;
	/*width:300px;*/
	height:100px;
	
	font-size:11px;
}
	#helpWin h5{
		height:22px;
		line-height:22px;
		
		overflow:hidden;
		margin-left:-12px;
		
		color:#333333;
		text-indent:22px;
		font-size:12px;
		font-weight:bold;
		
		padding-right:10px;
	}
	#helpWin #helpmain{
		margin:10px;
		background-color:#FFFFFF;
	}
		#helpWin #helpmain p{
			clear:both;
			margin-bottom:5px;
		}
	
/* correu */
table tr th#espaciodisco{
	width:200px;
}
table tr th#espacioclave{
	width:140px;
}
/* error log */
#gestiona #inferior #contenido .bloc .formulari.errors textarea.errorlog{
	width:99%;
	height:200px;
}
	#gestiona #inferior #contenido .bloc .formulari.errors select{
		float:left;
	}
	#gestiona #inferior #contenido .bloc .formulari.errors input{
		width:auto;
	}
/* mysql permisos */
tr.gestMyPerm{
	display:none;
	}
	tr.gestMyPerm td fieldset{
		text-align:left;
		}
		tr.gestMyPerm td fieldset{
			float:left;
			width:27%;
			margin-left:4%;
			}
			tr.gestMyPerm td fieldset legend{
				font-weight:bold;
			}
			tr.gestMyPerm td fieldset label{
				height:auto !important;
				line-height:20px !important;
				}
				tr.gestMyPerm td fieldset label input{
					float:none !important;
				}
	tr.gestMyPerm td div.guardar{
		text-align:center;
		clear:both;
		padding:4px;
		}
		tr.gestMyPerm td div.guardar input{
			float:none !important;
		}
/* XML */
.xml div{height:auto !important;}
.xml .de1, .xml .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;color: #000020 !important;font-size:10px; line-height:15px;}
.xml  {color: #000066; padding:5px;margin:1px;height:auto !important;}
.xml a:link {color: #000060;}
.xml a:hover {background-color: #f0f000 !important;}
.xml .head {font-family: Verdana, Arial, sans-serif; color: #808080 !important; font-size: 70%; font-weight: bold; background-color: #f0f0ff; border-bottom: 1px solid #d0d0d0; padding: 2px;}
.xml .foot {font-family: Verdana, Arial, sans-serif; color: #808080 !important; font-size: 70%; font-weight: bold; background-color: #f0f0ff; border-top: 1px solid #d0d0d0; padding: 2px;}
.xml .imp {font-weight: bold; color: red;}
.xml li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;font: normal normal 95% 'Courier New', Courier, monospace; color: #003030;}
.xml li.li2 {font-weight: bold;font-weight: bold; color: #006060 !important;}
.xml .coMULTI {color: #808080 !important; font-style: italic;}
.xml .es0 {color: #000099 !important; font-weight: bold;}
.xml .br0 {color: #66cc66 !important;}
.xml .st0 {color: #ff0000 !important;}
.xml .nu0 {color: #cc66cc !important;}
.xml .sc0 {color: #00bbdd !important;}
.xml .sc1 {color: #ddbb00 !important;}
.xml .sc2 {color: #339933 !important;}
.xml .sc3 {color: #009900 !important;}
.xml .re0 {color: #000066 !important;}
.xml .re1 {font-weight: bold; color: black;}
.xml .re2 {font-weight: bold; color: black;}


/* STRONG METTER */
/* password.js */
.passwordtecla{
	vertical-align:middle;
	cursor:pointer;
	border:0 !important;
	margin-left:4px;
}
#passwordTVirtual,
#passwordCapa{
	background-color:white;
	position:absolute;
	top:0;
	left:0;
	
	display:none;
}
#passwordTVirtual{
	width:300px;
	border:1px solid black;
}
#passwordCapa{
	width:200px;
	font-size:11px;
	
	border-width:1px;
	border-style:solid;
	border-color:#999999 #666666 #666666 #999999;
}
#passwordCapa p{
	font-weight:bold;
	margin:0 0 3px 0;
	padding:3px 0 3px 5px;
	border-bottom:1px solid #CCCCCC;
}
#passwordCapa span{
	float:left;
	margin:0 5px;
}
#passwordCapa #pass-percent{
	width:24px;
}
#passwordCapa #pass-graph{
	height:5px;
	width:100%;
	clear:both;
	float:left;
	overflow:hidden;
	background-color:red;
	margin:5px 0 3px 0;
}