
body { font-family: Arial, Helvetica, sans-serif; font-size:69%; margin-top:3px; }

p{ margin-top:0em; margin-bottom:0.4em; text-align:justify;}

h1 { color:#F5AE0A; font-size:1.5em; margin-bottom:0.2em; margin-top:0px; }
h2 { color:#F5AE0A; font-size:1.2em; margin-bottom:1em; margin-top:1em; font-weight:bold; }

ul { margin:1em 0; padding:0 0 0 2em; }
#MenuPrincipal { text-align:center; font-size:18px;}
#MenuPrincipal li { padding: 3px;}
#DesplegableClients { text-align:center; }
#Validacio { padding-left:20px; }
img { border:none; }

.web{ width:780px; margin:auto;}
.top{ width:780px; background-image:url(../imatges/sistema/top.jpg); background-repeat:no-repeat; height:111px; margin-bottom:2px;}
.interior { width:780px; background:url(../imatges/sistema/Middle-bol.jpg) repeat-y; }
.interior-in-top { background:url(../imatges/sistema/Top-bol.jpg);text-align:right; padding-right:20px; padding-bottom: 2px; padding-top: 2px; font-family:Verdana; font-size:1.0em; }
.interior-in-top a { text-decoration:none; color:#fff; }
.interior-in-top a:hover { text-decoration:none; color:#000; }
.interior-in-bottom { clear:both; height:1px; }

.MenuLeft { width:165px; float:left; font-size:1em; color:#4C4C4C; line-height:1.6em; padding-top:10px; }
.MenuLeft a { color:#FFFFFF; text-decoration:none; }
.MenuLeft a:active { color:#000000; text-decoration:none; font-weight:bold;}
.MenuLeft a:hover { color:#000000; text-decoration:none; }
.MenuLeft ul { margin:0px; padding:0px; list-style-type:none; }

.MenuLeftLogo { text-align:center; }
.MenuLeftContent { }

.Content { width:576px; float:left; margin-left:5px; padding:0px 15px 10px 15px; }
.Content a { color:#F5AE0A;}

.groc { color:#F5AE0A; }
.groc a { color:#F5AE0A; }

.negre { color:#000000; }
.vermell { color:#FF0000; }

.Bottom { clear:both; }
.BottomLeft { float:left; font-size:0.9em; padding-top:4px; font-family:Arial; margin-left:10px;}
.BottomRight { float:right; font-size:0.9em; padding-top:4px; font-family:Arial; margin-right:5px; }
.BottomCenter { text-align:center; padding-top:4px;}
.Bottom a{ color:#666666; text-decoration:none;}

.TopContent { width:560px; float:left; height:17px; margin-left:6px; color:#000000; padding-left:47px; }

.RightMenuButons { float:right; margin-right:13px;}
.RightMenuButons a { color:#FFFFFF; text-decoration:none;}

.Middle { background-image:url(../imatges/sistema/Middle-bol.jpg); background-repeat:repeat-y; }
.MiddleInner1 { background-image:url(../imatges/sistema/bottom-normal.jpg); background-repeat:no-repeat; background-position:bottom; overflow: hidden; width:100%; }
.MiddleInner2 { background-image:url(../imatges/sistema/Top-bol.jpg); background-repeat:no-repeat; background-position:top; overflow: hidden; width:100%; }

/*--------------------------------------------------------*/

.FormInput, select {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #F7A40A;
	color:#333333;
	font-weight:normal;
}
.FormInput3{
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #999999;
	color:#333333;
	font-weight:normal;
}
.form{
	background-color:#F9F9F9;
	padding:5px;
	color:#333333;
	font-weight:normal;
	border: 2px solid #E4E4E4;
	font-size:1em;
	line-height:1.3em;
}

.FormButon { height:25px; border:none; margin-top:10px; }

.FormTopLlistat {
	font-weight:bold;
	border-bottom: 1px solid #F7A40A;
	margin-bottom:3px;
}

.link2 { color:#999999; }
.Content .link2 a { color:#999999; }

.link3 { color:#666666; }
.Content .link3 a { color:#666666; }

.SmallText { font-size:0.9em; color:#663300; line-height:1em; }

.ListSeparator { background-color:#999999; height:1px; line-height:1px; }
.ListSeparator2 { height:8px; line-height:1px; }
.ListTopSeparator{
	border-top: 1px solid #FF9900;
	height:3px; 
	line-height:3px;
	margin:0px; 
	padding:0px;
}

.ConfirmationText{ color:#666666; font-weight:normal;}

.bordertaula{
	border: 1px solid #CCCCCC;
	padding:2px;
	background-color:#FFFFFF;
}

.bordertaulaSelect{
	background-color:#FEF8EC;
	border: 1px solid #CCCCCC;
	padding:2px;
}

.clear { clear:both; }

/* Estils que només són per imprimir. S'amaguen per pantalla */
#escut, #logo-blipvert, #logo-minis, #titol_imp, .nomes_imp {
	display: none;
}

/* Estil que formata el missatge d'informació que apareix en algunes pŕgines */
.guideinfo {
	border: 1px solid #aaa;
	padding: 5px;
	margin-bottom: 15px;
	font-weight: bold; 
	text-align: center;
	/*background-color: #fff4df;*/
}

/* Classe alternativa pels enllaços */
.enllas {
	text-decoration: none;
	color: #0066ff !important;
}

.retirattemporalment {
	background-color: #ffafba;
}

.errormessage { 
	color: #FF0000;
	border:2px solid #ff0000;
	background-color: #FFE4DF;
	padding: 3px;
	margin: 5px;
}

