div#branding {
	padding:1px 0px; border-top:2px solid rgb(102,102,102); border-bottom:4px solid rgb(0,162,11);
	margin-bottom:33px;
}
	div#branding img {
		display:block;
	}
	



	
/***** CONTINGUT CENTRAL ****/	
div#contingut {
	float:left; width:570px; padding:0px; margin:0px 0px 21px 28px;  
}

div#contingut.reduit {
	width:453px; margin-left:19px;
}
	
	/* Miscel·lanea */ 
	.primer {
		clear:left;
	}
	
	.center {
		text-align:center !important;
	}
	
	.right {
		text-align:right !important;
	}
	
	.clearFloat {
		clear:both;
	}
	
	
	/* Titulars*/
	div#contingut h3,  div#contingut h4 {
		color:rgb(0,164,12); float:left; text-transform:uppercase; margin:4px 0px 31px 0px;
		padding:0px 10px 0px 0px; border-right:1px solid rgb(0,164,12); line-height:11px;
	}
	
	div#contingut h4 {
		padding:0px 0px 0px 10px; border-right:0px solid rgb(0,164,12);
	}
	
	div#contingut h5 {
		font-size:11px; font-weight:bold; color:rgb(0,164,12); clear:both;
		padding-bottom:2px; margin:40px 0px 15px 0px; border-bottom:1px solid gray;
		background-color:white;
	}
	div#contingut h5 span {
		font-size:11px; font-weight:bold; color:rgb(0,164,12); float: right;
	}
	
	
		div#contingut h5.primer {
			margin-top: 0px; 
		}
		
		div#contingut h5.usuari {
			color:rgb(50,50,50); border-bottom:0px;  margin:0px 0px 20px 0px; text-align:left;
			padding:2px 5px; background:url(../img/servei_client/fons_titol_usuari.gif)
		}
	
	div#contingut h6 {
		font-size:11px; font-weight:normal; background-color:rgb(240,240,240); margin:20px 0px 10px 0px;
		padding:2px 5px; clear:both; border-left:3px solid rgb(220,220,220); 
	}
	
	div#contingut h7 {
		font-size:110px; color:black !important; font-weight:normal;
	}
	
	
	
	/* Paragrafs */
	div#contingut p {
		margin-bottom:10px; margin-top:0px; line-height:20px; text-align:justify;
	}
	
	div#contingut p.destacat {
		font-size:12px; font-weight:bold;
	}
	
	div#contingut p.net {
		clear:both;
	}
	
	div#contingut p.boto {
		text-align:center
	}
	
		div#contingut p.boto input {
			border:0px; text-align:center; margin:0px 15px; background-color:rgb(229,246,228);
			padding:3px 10px;
		}
		
		
	
	
	div#contingut p.pdf,div#contingut p.powerpoint,
	div#contingut p.image, div#contingut p.file,
	div#contingut p.word, div#contingut p.excel,
	div#contingut p.audio, div#contingut p.video {
			height:16px; padding-left:25px;
		}
		
		div#contingut p.pdf {
			 background: url('../img/pdf_icon.gif') no-repeat left top;
		}
		
		div#contingut p.powerpoint {
			background: url('../img/powerpoint_icon.gif') no-repeat left top;
		}
		
		div#contingut p.image {
			background: url('../img/image_icon.gif') no-repeat left top;
		}
		
		div#contingut p.file {
			background: url('../img/file_icon.gif') no-repeat left top;
		}
		
		div#contingut p.word {
			background: url('../img/word_icon.gif') no-repeat left top;
		}
		
		div#contingut p.excel {
			background: url('../img/excel_icon.gif') no-repeat left top;
		}
		
		div#contingut p.audio {
			background: url('../img/audio_icon.gif') no-repeat left top;
		}
		
		div#contingut p.video {
			background: url('../img/video_icon.gif') no-repeat left top;
		}
	
	div#contingut p.boto {
		text-align:center; margin-top:15px; margin-bottom:20px;
	}
	 
	
	
	
	/* Imatges */
	div#contingut  img.alignLeft {
		float:left; margin:0px 17px 10px 0px; top:7px
	}
	
	div#contingut  img.alignRight {
		float:right; margin:0px 0px 10px 17px; top:7px
	}
	
	
	
	/* Formularis */
	
		div#contingut input.boto {
			text-align:center; background-color:#F5FCF5; border:1px outset #F5FCF5; margin-right:10px;
		}
	
	
	/* -------------   Llistes ----------------  */
	
	
		/* General "definicio" */
		div#contingut dl {
			border:2px solid rgb(229,246,228); padding:0px; margin:0px 0px 30px 0px; 
			float:none; display:block; line-height:0px;
		}
		
			div#contingut dt {
				clear:both;background-color: rgb(229,246,228); color:rgb(90,90,90); padding:0px 4px 0px 4px; margin:-2px 0px 2px 0px;
			}
			
			div#contingut dd {
				padding:0px 5px 0px 24px; margin:0px 0px 10px 0px; 
			}
				div#contingut dd img.alignLeft {
					top:4px; margin:0px 10px 5px -15px;
				}
			
			div#contingut dl dl {
				border:0px;  margin:5px 0px 0px 0px;
			}
			
			div#contingut dl dl dt {
				border-bottom:1px dotted rgb(90,162,96); background-color:transparent; color:black;
			}
			
		
		
		/* General "desordenada" */
		div#contingut ul {
			list-style:square; 
		}
		
			div#contingut ul ul {
				margin-top:10px; margin-bottom:15px; list-style:circle;
			}
			
			div#contingut ul li {
				line-height:20px; margin-bottom:5px; text-align:justify;
			}
			
		
		
		
		/* Caixes flotants */
		div#contingut dl.caixes {
			float:left; margin-right:3px; height:65px; margin-bottom:10px; margin-top:0px;
		}
		
		div#contingut dl.num3 {
			width:32%;
		}
		
		div#contingut dl.num2 {
			width:48.2%;
		}
		
		div#contingut dl.ultima {
			margin-right:0px;
		}
		
		
		
		
		
	
	
	
		
	
	
	/* Taules diverses */
	
		/* Tarifa de preus */
		
		table.tarifes {
			border-spacing:1px; font-size:10px; width:100%; clear:left;
		}
			table.tarifes th {
				color:white; background-color:rgb(90,162,96); font-weight:normal; text-align:center;
			}
			
			table.tarifes th.laterals {
				text-align:left; padding-left:5px; padding-right:5px;
			}
			
			table.tarifes td.subtitols {
				padding:0px 10px !important; font-weight:normal !important;
			}
			
			table.tarifes td.numeros {
				color:white; background-color:rgb(90,162,96); font-weight:normal; padding:0px 8px;
			}
			
			table.tarifes td.imatges-vehicles {
				background-color:rgb(238,238,238); text-align:center; padding:12px 24px;
			}
			
			table.tarifes td.descripcio {
				background-color:rgb(212,212,212); color:black; padding:12px 24px; text-align:left;
			}
			
			table.tarifes td.preu1 {
				background-color:rgb(241,214,159); color:black; font-weight:bold; text-align:center;
				padding:0px 12px;
			}
			
			table.tarifes td.preu2 {
				background-color:rgb(224,189,135); color:black; font-weight:bold; text-align:center;
				padding:0px 12px;
			}
			
			
		
		table.form {
			width:100%;
		}
		
			table.form th {
				border-bottom: 4px solid rgb(229,246,228);  text-transform:uppercase;
				padding:20px 10px 2px 5px;
			}
			
			table.form th.primer {
				padding-top:0px;
			}
			
			table.form td {
				border-bottom:1px solid rgb(229,246,228); vertical-align:top;
			}
			
			table.form td.help-text {
				border-bottom:0px;
			}	
				table.form td.help-text ul {
					margin-top:10px;
				}
			
			table.form td.ques {
				text-align:right; width:37%; padding-right:1%; padding-top:3px;
			}
			
				table.form td.ques label.error{
					color:red; font-weight:bold;
				}
			
			table.form td.num4 {
				 width:25%;
			}
			
			table.form td.res {
				padding:2px 5px; 
			}
			
			table.form  input {
				border:1px inset rgb(229,246,228);  color:black; padding:1px;
				line-height:normal; width:100%; background-color:#F5FCF5; width:320px;
			}
			
				table.form  td.res input {
					vertical-align:-2px;
				}
			
				table.form td.res input.data, table.form td.res input.cp  {
					width:80px;
				}
				
				table.form td.res input.telf, table.form td.res input.usuari {
					width:40%;
				}
			
			table.form input.radio {
					width:auto; border:0px; background-color:transparent;
			}
			
			
		table.llista {
			width:100%;
		}
		
			table.llista th {
				border-bottom: 4px solid rgb(229,246,228);  text-transform:uppercase;
				padding:0px 10px 2px 5px;
			}
			
			table.llista th.ordenar {
				cursor:default !important;
			}
			
			table.llista td {
				border:1px solid rgb(229,246,228); vertical-align:top; padding:2px 3px;
			}	
			
			table.llista .sort-arrow {
				width: 11px; height: 11px;
				background-position:center center; background-repeat:no-repeat;
				margin: 0 2px;
			
			}
			
			table.llista .sort-arrow.descending {
				background-image:url(../img/ico_ordenar_columna.gif);
			
			}
			
			table.llista .sort-arrow.ascending {
				background-image:	url(../img/ico_ordenar_columna.gif);
			}
			
			
			
		
		
		/* blocs especifics */
		
			/* Notícies */
		
			div#contingut p.noticies a {
				display:block; text-align:right; margin:10px 0px 0px 0px;
				padding-bottom:5px; float:right; 
			}
			
			
			div#contingut h5 span.data {
				font-weight:normal; 
			}
			
			p.tornar {
				clear:both; border-top:1px dotted gray; padding:2px 5px; margin-top:10px;
			}
			
			
			/* taula targetes */
			
			table.targetes th {
				font-size:10px; text-transform:none; padding-top:0px; border-bottom-width:1px;
			}
			
			table.targetes td input {
				width:90%; border:1px inset rgb(229,246,228);  color:black; padding:1px; line-height:normal;
			}
			
			/* modalitats de pagament */
			
			div.targetes{
				clear:both; border-bottom: 1px dotted gray; height:270px; margin-bottom:10px;
			}
			
			div.targetes a {
				display:block; float:left; width:24%; text-align:center; height:70px;
			}
			
			div.targetesmulti{
				clear:both; border-bottom: 1px dotted gray; height:120px; margin-bottom:10px;
			}
			
			div.targetesmulti a {
				display:block; float:left; width:24%; text-align:center; height:70px;
			}
			
				
	
	






























/***** MENU LATERAL ******/	
ul.menu-lateral {
	margin:0px 0px 30px 0px; padding:0px; list-style:none; float:left;
}

	ul.menu-lateral li  {
		background-color:rgb(184,184,184); 
	}
	
		ul.menu-lateral li a {
			text-transform:uppercase; padding:5px 18px; color:rgb(75,75,75); display:block;
			font-size:11px; padding-right:5px;
		}

	ul.menu-lateral ul {
		margin:0px; padding:0px; list-style:none;  width:163px;
	}
	
		ul.menu-lateral li ul li {
			background-color:rgb(250,250,250); border-bottom:1px solid rgb(223,223,223);
			border-right:1px solid rgb(223,223,223); border-left:1px solid rgb(223,223,223); 
		}
		
			
			/* tercer nivell */
			ul.menu-lateral li ul li ul {
				padding-left:20px; margin-left:20px; width:auto; margin-bottom:10px; list-style:square;
			}
				ul.menu-lateral li ul li ul li {
					border:0px; background-color:transparent;
				}
				
				ul.menu-lateral li ul li ul li a {
					padding:2px 18px 2px 0px; 
				}
			
			/* quart nivell */
			ul.menu-lateral li ul li ul li ul {
				padding-left:8px; margin-left:8px; width:auto; margin-bottom:10px; list-style:circle; 
			}
				
			
			
			
			ul.menu-lateral li ul li a {
				text-transform:none; color:rgb(92,92,92); 
			}
			
			ul.menu-lateral li ul li.selected {
				background-color:rgb(232,232,232)
			}




/***** INFO RELACIONADA ******/			
div#info-relacionada {
	float:left; width:121px; margin:0px 0px 20px 14px; padding:0px; background-color:orange;
	background:url(../img/fons_columna_relacionada_peu.gif) repeat-x bottom rgb(229,246,228);
}

	div#info-relacionada h4 {
		margin:0px; padding:7px 9px; text-transform:uppercase; background-color:rgb(191,232,194);
		font-weight:normal; color:rgb(75,75,75); font-size:10px; line-height:12px;
	}
	
	div#info-relacionada ul {
		margin:0px; padding:10px 0px; list-style:none; border-top:1px solid white;
	}
	
	div#info-relacionada ul * {
		color:rgb(13,40,47); font-size:11px;
	}
	
	div#info-relacionada ul li {
		padding-left:17px; background:url(../img/punt_llista_columna_relacionada.gif) no-repeat 9px 8px;
	}