body {
		 padding:0px; margin:0px; text-align:center; background-color:rgb(244,251,255);
	}
		div {
			position:relative; text-align:left;
		}
		
		div#canvas {
			width:760px; margin:auto; background-color:#e6f1f7; margin-top:3%;
		}
		
		
		
		div#canvas * {
			font-family:verdana, arial, bitstream Vera Sans, sans-serif;
			font-size:11px; color:rgb(30,30,30);
		}
		
		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;
			}
		
		div#canvas a {
			 	color:#473410; text-decoration:underline;
			}
		
		div#canvas a:hover, div#canvas a:visited {
			 color:rgb(90,90,90);
		}
		
		 
		div#canvas h1 {
			color:rgb(240,240,240); font-size:13px; margin:0px 0px 13px 0px;
			padding:2px 5px 2px 5px; background:url(../img/home/fons_h1.gif) repeat-x bottom left rgb(80,115,135);
		}
		
		div#canvas ul {
			list-style:square; margin-bottom:0px;
		}
			
			div#toolbar {
				background-color:rgb(80,115,135); height:70px; border-bottom:2px solid #e8bb20
			}
			
				div#toolbar img#logo {
					position:absolute; left:33px; top:10px;
				}
				
				div#toolbar div#pestanyes {
					position:absolute; right:20px; bottom:0px;
				}
				
					div#toolbar div#pestanyes p {
						margin:0px 0px 0px 5px; padding:0px 10px; display:block; float:right; border-bottom:4px solid #e8bb20;
						text-align:center; height:14px; padding-top:3px; font-size:10px; color:rgb(244,235,202);
					}
					
					div#toolbar div#pestanyes p a {
						 color:rgb(244,235,202); text-decoration:none; font-size:10px;
					}
					
					
					
			/***** Peu *****/
			div#footer {
				background-color:rgb(80,115,135); height:16px; clear:right; 
				font-size:10px; padding:4px 20px 0px 33px; position:relative;
			}
			
			div#footer:after { 
				/* Necessari perquè el Mozilla redimensioni la capa que conté els blocs que floten */
	    		content: "."; display: block; 
	    		height: 0; clear: both; visibility: hidden;
			}
			
				
				
				div#footer a:hover, div#footer a:visited  {
					
				}
				
				div#footer div {
					float:right;  width:300px;
				}
				
				
				div#footer div#copy {
					float:left; color:white; margin-top:-1px;
				}
				
					div#footer div a {
						float:right; border-left:1px solid white; padding:0px 10px; font-size:10px;
						color:white !important; text-decoration:none;
					}
					
					div#footer div a:hover  {
						color:lightgray !important;
					}
					
					div#footer div a.primer {
						padding-right:0px; 
					}
					
					div#footer div a.ultim {
						border-left:0px; 
					}
	
	
	body.index div#canvas {
			width:645px; margin-top:10%;
		}
		
		body.index div#toolbar {
				width:100%; height:auto;text-align:left; padding:0px; height:153px;
			}
			
			body.index div#toolbar img {
				display:block; float:left;
			}
			
			
			body.index div#menu {
				height:auto;
			}
			
			body.index div#menu div#secundari {
				float:none; width:auto; background:url(../img/fons_submenu.gif) repeat;
				padding:15px; font-size:16px; color:rgb(50,50,50); font-weight:bold; text-align:center;
			}
			
			body.index div#contingut { 
				float:none; width:auto; padding:0px 0px;
			}
			
			body.index div#contingut a { 
				display:block;  width:21.5%; text-align:center; float:left; display:inline; 
				margin:0px 10px; background-color:white; padding:3px 0px; text-decoration:none;
			}
			
			body.index div#contingut a:hover { 
				background-color:rgb(80,115,135); color:white;
			}
		
		