body {
		 padding:0px; margin:0px; text-align:center; background-color:rgb(255,255,255);
	}
		
		div, td, p, ul, ol, li, h1, h2, h3, h4, h5, a, p, strong, em, input, select, textarea {
			position:relative; text-align:justify;
		}
		
		div.clearFloat {
			clear:both; font-size:1px;
		}
		img {
			border:0px;
		}
		
		div#canvas {
			width:984px; margin:auto; border-bottom:5px solid rgb(170,170,170);
		}
		
		
		div#canvas * {
			font-family:verdana, arial, bitstream Vera Sans, sans-serif; font-size:11px; color:rgb(30,30,30);
		}
		
		div#canvas a {
			color:rgb(153,0,20); text-decoration:none;
		}
		
			div#canvas:after { 
				/* Necessari perquè el Mozilla redimensioni la capa que conté els blocs que floten */
	    		content: "."; display: block; height: 0; clear: both; visibility: hidden;
			}
			
				
				/* CAPCELERA */
				div#capcelera {
					background: url(../img/fons_capcelera.jpg) no-repeat right top; top:0px; padding-top:9px;
					margin-bottom:-1px; line-height:1.1em;
				}
				
					div#capcelera img {
						display:block; margin:0px 0px 9px 22px;
					}
					div#capcelera div#fil-ariadna{
						padding:1px 0px 3px 172px;
						background:url(../img/fons_fil_ariadna.png) repeat-x bottom rgb(178,178,178);
						color:rgb(153,0,20); font-size:10px;
					}
		
				/* MENU */
				
				div#menu {
					width:168px; height:506px; float:left; background:url(../img/menu/fons_menu.png) repeat-y ; padding:0px 0px 0px 4px;
					margin-bottom:-36px;
				}
				
					div#menu ul#menu-principal {
						list-style:none; width:20px; margin:0px 0px 0px 0px; padding:0px; background-color:white;
						float:left; display:inline;  display:block;
					}
					
						div#menu ul#menu-principal li {
							margin:0px 0px -21px 0px; padding:0px; list-style:none;
						}
						
						div#menu ul#submenu {
							float:left; display:block;height:344px; width:147px; margin:0px 0px 0px 0px; padding:38px 0px 0px 0px; list-style:none;
							background:url(../img/fons_submenu.png) no-repeat right 135px white;
							border-right:1px solid rgb(193,193,193); 
						}
						
							div#menu ul#submenu li {
								margin:0px 1px 2px 0px; list-style:none;height:18px; text-align:right; 
								background:url(../img/fons_submenu_llista1.jpg) no-repeat right top;
							}
							
							div#menu ul#submenu li.submenu {
								height:auto; 
							}
							
							div#menu ul#submenu ul {
								margin:2px 4px 0px 0px; padding:0px; 
							}
							
								div#menu ul#submenu li a {
									color:white; display:block; text-align:right; height:16px; 
									padding-top:2px; padding-right:4px;
								}
								
								div#menu ul#submenu li a:hover,  div#menu ul#submenu li a.sel {
									color:black; 
								}
								
								div#menu ul#submenu li li {
									margin-right:0px; background:url(../img/fons_submenu_llista2.jpg) no-repeat right top ;	
								}
								
						div#menu a#boletin {
							display:block; width:147px;; clear:both; padding:13px 0px; margin:-6px 0px 0px 20px;
							border-top:1px solid rgb(193,193,193); border-right:1px solid rgb(193,193,193);background-color:white;
							text-align:center; 
						}
						
					
					
					div#contingut {
						width:395px;  float:left; padding:0px 16px 0px 20px; margin-top:0px; height:451px;
						background:url(../img/ralleta_contingut.png) no-repeat 0px 39px;
					}
					
						div#contingut h2 {
							 color:rgb(153,0,20); margin:0px; padding:0px; margin-top:20px;
							 font-weight:normal;
						}
						
						div#contingut h3 {
							 color:rgb(153,0,20); margin:0px; padding:0px; font-weight:normal;
						}
						
						
						
						div#contingut ul {
							margin:0px; padding:0px; list-style:none;
						}
							
							div#contingut ul li {
							 	padding-left:15px; background:url(../img/punt_llistes.gif) no-repeat 0px 5px; margin-bottom:7px;
							}
							
							div#contingut ul.no-punts li {
							 	padding-left:0px; background-image:none;
							}
							
							div#contingut ul li em{
							 	display:block; position:relative; font-style:normal; padding-left:20px;
							}
							
							div#contingut ul li strong {
							 	display:block; text-align:left !important;
							}
						
						
						
						
						div#contingut div#controls-scroll {
							position:absolute; top:39px; right:14px; z-index:1000;
						}
						
							div#contingut div#controls-scroll a {
								display:block; margin-bottom:2px;
							}
							
							div#contingut div#controls-scroll a#avall {
								margin-bottom:15px;
							}
						
						
						
						div#contingut div#scrollWindow {
							position:absolute; top:42px; left:0px; width:100%; height:409px;
							overflow:hidden;
						}
						
						div#contingut div.fons {
							background:url(../img/fons_contingut.gif) no-repeat 15px center;
						}
						
						div#contingut div#scrollContent {
							position:absolute; top:0px; left:20px; width:355px; padding-bottom:20px;
							height:auto;
						}
						
				
						
						div#contingut p.centrat {
							text-align:center;
						}
						
						div#contingut p.alerta {
							color:red;
						}
						
						div#contingut p.gran, div#contingut p.gran strong {
							font-size:12px;
						}
						
						div#contingut p.indent1 {
							padding-left:15px;
						}
						
						
						
						
						
						
						
						div#contingut table.form  {
							width:100%; border-collapse:collapse;
						}
						
						.error {
							color:red !important;
						}
						
						div#contingut table.form td  {
							text-align:left; font-weight:bold;line-height:1.1em;
						}
						
						div#contingut table.form td  input{
							text-align:left; display:block; border:1px solid rgb(213,213,213); margin-top:3px;
						}
						
						div#contingut table.form td  input.mida1{
							width:276px;
						}
						
						div#contingut table.form td  input.mida2{
							width:164px;
						}
						
						div#contingut table.form td  input.mida3{
							width:109px;
						}
						
						div#contingut table.form td  input.mida4{
							width:84px;
						}
						
						input.mida5{
							width:48px; border:1px solid rgb(213,213,213);
						}
						
						p.legal {
							background-color:rgb(204,128,141); float:left; color:white !important ; width:60%;
							padding:1%; margin:15px 0px 0px 0px; line-height:1.1em;
						}
						
						div.botons {
							float:left; margin:22px 0px 0px 5px;
						}
						
						div.enviar {
							float:none; margin:0px; text-align:center;
						}
							div.botons input {
								border:0px; padding:0px; margin:0px;text-align:center;
							}
							
							div.botons input.aceptar {
								background: url(../img/el_grupo/fons_boto_aceptar.gif) no-repeat; width:55px; height:20px;
								line-height:1.1em; font-size:10px !important; 
							}
							
							div.botons input.cancelar {
								background: url(../img/el_grupo/fons_boto_cancelar.gif) no-repeat; width:55px; height:20px;
								line-height:1.1em; font-size:10px !important;
							}
							
							div.botons input.borrar {
								background: url(../img/el_grupo/fons_boto_borrar.gif) no-repeat; width:44px; height:24px;
								line-height:1.1em; font-size:10px !important; padding-bottom:3px !important;
							}
							
							div.botons input.enviar-datos {
								background: url(../img/el_grupo/fons_boto_enviar_datos.gif) no-repeat; width:57px; height:24px;
								line-height:1.1em; font-size:10px !important; padding-bottom:3px !important;
							}
							
						
						
						
						
					div#fotos-contingut {
						width:170px; height:430px; margin-top:40px; float:left; text-align:center; 
						border-left:1px solid rgb(193,193,193);
					}
					
						div#fotos-contingut img {
							margin-bottom:12px;
						}
					
					div#relacionat {
						width:194px; height:430px; ; float:left; padding-left:15px; padding-top:40px;
						border-left:1px solid rgb(193,193,193); background:url(../img/fons_contingut_relacionat.png) repeat-y 5px;
					}
					
						div#relacionat h3 {
							color:rgb(153,0,20);margin:0px; padding:0px; 
						}
						
						div#relacionat p {
							margin:2px 0px 10px 0px; padding:0px; 
						}
						
							div#relacionat p img {
								border:1px solid rgb(114,114,114)
							}
							
						div#relacionat p a.dreta {
							text-align:right; display:block; padding-right:10px; margin-top:2px;
						}
							
						
						
					div#peu {
						border-top: 5px solid rgb(152,0,25); margin-left:24px; 
						clear:both;  padding-left:150px; padding-top:4px;
					}
					
						div#peu img {
							 margin-right:22px; 
						}
					
					div#myScrollContainer {
						border:1px solid red;
					}