body{
	font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.2em;
	background-image: url(../imatges/fons.jpg); background-position: center top; background-repeat: repeat-y;
	background-color: #8dc5d5; color: #444;
	width: 772px; margin: 0px auto;
	} 
a { color: #937640; text-decoration: none; }
a:hover{ color: #444; text-decoration: underline; }

div { border: 0px solid #ccc; }

/* --------- DIVs --------- */
#dalt { border: 0px solid #f00;
	position: relative; top: 0px; margin: 0px auto; width: 772px;
	}
	
#fons { border: 0px solid #f00; border-left:1px solid #fff; border-right:1px solid #fff;
	position: absolute; top: 0px; margin: 0px auto; width: 772px; height: 560px;
	}

/* --- titol --- */
#titol { border: 0px solid #f00;
	position: relative;
	width: 100%; height: 168px;
	}
#titol h1, #titol h2 { display:none; }
#titol #idioma { border: 0px solid #300;
	position: absolute; z-index: 10;
	top: 20px; right: 33px;
	font-size: 0.9em;
	}
#idioma	a { color: #fff; }
#idioma	a:hover{ color: #000; }

/* --- menu --- */
#menu { border: 0px solid #444;
	position: absolute; z-index: 100;
	width:250px; height: 250px; top: 310px; left: 185px;
	font-size: 1.2em; }
#menu ul { margin: 25px; padding: 0px; list-style:none; }
#menu li { border: 0px solid #ccc; display:block; margin: 0.3em 0px;  float:left; clear: both; }
#menu a { color: #eee; text-decoration: none; padding: 0.1em 0.5em; }
#menu a:hover { color: #fff; text-decoration: underline; }
#menu a.on { color: #000; }



/* --- peu --- */
#peu { border: 0px solid #f00; border-left:1px solid #fff; border-right:1px solid #fff;
	position: absolute; 
	width:772px; top: 550px ;
	padding: 2em 0px 5em 0px; z-index: 10;
	text-align:center; font-size: 0.9em; clear:both;
}
.marro { color: #531612;  }