body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000099; }
h3 { padding: 0 20px; margin: 1em; font-weight: bold; font-size: 130%; text-align: center;}
h4 { padding: 0 20px; margin: 1em; font-weight: bold; font-size: 120%; }
p  { padding: 5px 10px;  line-height: 150%;}

ul, ol {	/* Marge a dreta i esquerra */
	margin: 0 1em; }
li {	/* padding superior i inferior per donar aire */
	margin: 0 1em 0 1em;
	padding: 0.5em 0 0.5em 0; }

#wrapper {
	background-color: #E1E7FD;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.petit { font-size: 80% }
.quadre{ padding: 0,5em; border-bottom: 1px solid #000099; margin: 10px; }

#menu a { border: 0 none; }
#menu a img { height: 26px; padding: 2px; margin: 10px; border-top: 2px solid #000099; border-bottom: 2px solid #000099; }
#menu a:hover img { padding: 0; margin: 10px 9px;
				border: 3px solid #000099;
				text-decoration: none; outline-style: none; }

.menuPetit { text-align: right;  float: right; margin: 10px; font-size: 80%; }
.menuPetit ul { margin: 0; padding: 0; }
.menuPetit ul li { list-style-type: none; display: inline; padding: 0; margin: 0; }
.menuPetit ul li a { border-top: 1px solid #000099; border-bottom:  1px solid #000099; 
					 padding: 5px 5px 5px 5px; margin: 2px 0; height: 15px;
					 background-color: #b4ccfe;  color: #000099; text-decoration: none; outline-style: none; }
.menuPetit ul li a:hover { padding-bottom: 3px; border-bottom: 3px solid #5f5f5f; border-top-color: #5f5f5f; 
							background-color: #d0d0d0; color: #5f5f5f; }
							


/* FORMULARI */
fieldset {
	background-color: #efefef;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 14px;
	border: solid 1px #d3d3d3;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
label.labelField {
	font-weight: bold;
	line-height: normal;
	text-align: right;
	display: block;
	margin-right: 10px;
	position: relative;
	width: 100px;
	float: left;	
}
label.labelFieldCols {
	font-weight: bold;
	line-height: normal;
	text-align: right;
	display: inline;
	left: 10px;
	margin-right: 10px;
	position: relative;
	width: 100px;
}

input.formInputField {
	border: solid 1px #f66;
	background-color: #fee;
	color: #333;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px;
}

input.formInputFieldSelected {
	background-color: #ccffff;
	color: #000;
	border: solid 1px #006600;	
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px;
}

input.formInputField:hover {
	border: solid 1px #006600;		
}

textarea.formTextArea {
	border: solid 1px #f66;
	background-color: #fee;
	color: #333;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px;
}
textarea:hover {
	border: solid 1px #006600;		
}
textarea.formTextAreaSelected {
	background-color: #ccffff;
	color: #000;
	border: solid 1px #006600;	
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px;
}

select {
	border: solid 1px #f66;
	background-color: #fee;
	color: #333;
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px;
}

select:hover {
	background-color: #ccffff;
	color: #000;
	cursor: pointer;
}

input.formInputButton {
	border: solid 1px #f66;
	background-color: #f99;
	color: #300;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bolder;
	text-align: center;
	margin-right: 5px;
	padding: 1px;
	vertical-align: middle;
}

input.formInputButton:hover{
	background-color: #ccffff;
	color: #000;
}