body * {
	font-family:arial, sans-serif; font-size:12px;
	color:rgb(87,87,87); line-height:17px;
}

body {
	background-color:white; text-align:center; padding:0px; margin:0px;
}

div, a, img,form, input, textarea, select, span, table, h1, h2, h3, h4, h5, h6, h7, object, dl, dd, dt {
	position:relative; text-align:left; padding:0px; margin:0px; 
}

a {
	color:rgb(118,175,223); text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border:0px;
}

div.clearFloat {
	clear:both; font-size:1px; width:100%; margin:0px; height:0px; background-color:transparent;
	float:none;
}

/********* Canvas **************/

div#canvas {
	width:771px; margin:auto; 
}

	
	/********* capcelera **************/
	div#capcelera {
		height:60px; padding-top:10px;
	}
	
		div#capcelera img#logo {
			float:left;
		}
		
		div#capcelera p {
			float:right; margin:16px 0px 0px 0px; padding:0px 7px 0px 0px;
		}
		
			div#capcelera p#imprimir {
				border-left:1px solid rgb(127,127,127); padding-left:9px;
			}
			
				div#capcelera p#imprimir img {
					margin-right:6px; vertical-align:-2px;
				}
				
				div#capcelera p#imprimir a#logout {
					color:#cc0000; margin-right:10px;
				}
				
					div#capcelera p#imprimir a#logout img {
						vertical-align:-1px;
					}
				
				
		
			div#capcelera p#idiomes img {
				vertical-align:1px;
			}
			
				div#capcelera p#idiomes a {
					color:rgb(127,127,127); padding-left:5px;
				}
				
				div#capcelera p#idiomes a#inici {
					margin-right:5px;
				}
			
		
		
		
		
		#menu {
			position: relative; text-align: left;  z-index:10000; margin:0px 0px 0px 0px; height:28px;
		}
		
		#tapa-menu {
			position:absolute; top:-1px; left:0px; height:0px;  height:101%; width:100%;
			z-index:15000; background:url(img/tapa_menu.gif); 
		}
		
		#llista-menu {
			width:100%; list-style: none; margin:0px; padding:0px;
		}
		
			#llista-menu ul {
				float: left; list-style: none;
				line-height: normal; padding: 0; margin: 0 0 0 0;
			}
		
			#llista-menu a {
				display: block; color: rgb(92,92,92); text-decoration: none; padding: 9px 8px 8px 8px;
				line-height:normal; background: url('../img/fons_dalt_esquerra_pestanya.gif') no-repeat top left; 
				font-family:tahoma, arial; text-transform:uppercase; font-size:9px; cursor:default;
			}
			
				#llista-menu a.ultim {
					padding: 9px 10px 8px 7px;
				}
			
			#llista-menu li {
				float: left; padding: 0; line-height:1; margin-right:1px;
				background: url('../img/fons_dalt_dreta_pestanya.gif') no-repeat top right rgb(229,229,229);
			}
			
				#llista-menu li#ultima-pestanya {
					margin-right:0px;
				}
				
				#llista-menu li.sfhover {
					background: url('../img/fons_dalt_dreta_pestanya_over.gif') no-repeat top right rgb(184,184,184);
				}
				
					#llista-menu li.sfhover a {
						background: url('../img/fons_dalt_esquerra_pestanya_over.gif') no-repeat top left; color:black
					}
				
				
				#llista-menu li ul {
					position: absolute; background-color:rgb(245,245,245);
					left: -999em;height: auto; width: 200px;
					margin: 0; border-bottom:1px solid rgb(184,184,184);border-top:2px solid white;
				}
				
					#llista-menu li ul#menu01 {
						width:150px;
					}
					
					#llista-menu li ul#menu02 {
						width:210px;
					}
					
					#llista-menu li ul#menu04 {
						width:180px;
					}
					
					#llista-menu li ul#menu05 {
						width:110px;
					}
					
					#llista-menu li ul#menu06 {
						width:210px;
					}
					
					#llista-menu li ul#menu07 {
						width:140px;
					}
					
					#llista-menu li ul#menu08 {
						width:270px; margin-left: -90px
					}
					
					#llista-menu li ul li {
						width: 100%; border-top:1px solid rgb(184,184,184);margin:0px;
						float:none; background-image:none; background-color: transparent;
					}
					
						#llista-menu li ul li.sfhover {
							background-image:none; background-color:white;
						}
					
							#llista-menu li ul li a {
								display:block; background-image:none !important; background-color: transparent;
								height:12px; padding: 5px 12px; cursor:pointer;
								font-family: arial, verdana, sans-serif; text-transform:none; 
								font-size:10px; color:rgb(92,92,92) !important;
							}
							
								#llista-menu li ul li a.sfhover {
									background-image:none; background-color:white; color:rgb(93,93,93);
								}
		
		
				#llista-menu li:hover ul, #llista-menu li.sfhover ul {
					left: auto;
				}
			
			
			div#branding {
				padding:1px 0px; border-top:2px solid rgb(102,102,102); border-bottom:4px solid rgb(163,207,236);
				margin-bottom:33px;
			}
				div#branding img {
					display:block;
				}
		
		
		
			
		
		
		
		
		
			
			
			div#footer {
				background-color:rgb(245,245,245); border:1px solid white; padding:4px 8px; font-size:10px;
			}
			
				div#footer ul {
					position:relative; list-style:none; margin:0px; padding:0px; float:right; width:auto;
				}
				
					div#footer ul li {
						position:relative; top:1px; float:left; padding:0px 6px; line-height:9px;
						border-right: 1px solid rgb(196,196,196);
					}
					
					div#footer ul li.ultim {
						border:0px; clear:right;
					}
					
					div#footer ul li a {
						color:rgb(122,122,122); font-size:10px; line-height:12px;
					}
				
				div#footer img {
					vertical-align:-4px;
				}
					
				
			/* Pestanyes */
ul#pestanyes
{
	list-style: none; padding: 0px; margin: 0px 0px 20px 0px;
	 border-bottom: 1px solid #dfdfdf; height: 27px; clear: both;
	}
	ul#pestanyes li
	{
		list-style: none; margin: 0px 1px 0px 0px !important; float: left;
		background: #fafafa url(../img/pestanya_dreta.gif) no-repeat right top;  padding: 0px;
		
		}
	ul#pestanyes li.active
	{
		background-color: #c0dced;
		}
		ul#pestanyes li a
		{
			display: block; padding: 5px 10px 5px 10px; margin: 0px; text-transform: uppercase;
			background: transparent url(../img/pestanya_esquerra.gif) no-repeat left top;
			font-size: 80%; *margin-top: -2px;
			}
		ul#pestanyes li span
		{
			display: block; padding: 5px 10px 5px 10px; margin: 0px; text-transform: uppercase;
			background: transparent url(../img/pestanya_esquerra.gif) no-repeat left top;
			font-size: 80%; *margin-top: -2px; color:#bbbbbb
			}
.dotted-line {
	display: inline-block;
	border-bottom: 1px dashed black;
}
	
	

	
label.error 
{
	color: Red; font-weight: bold;}
label.error input,
label.error select,
input.error
{
	color: Red; font-weight: bold; border: 1px solid red; padding: 1px}