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: #d3b680; 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;
	background-image: url(../imatges/fons_dalt.jpg); background-position:center top; background-repeat: repeat-y; 
	}
	
#fons { border: 0px solid #f00;
	position: absolute; top: 0px; margin: 0px auto; width: 772px; height: 584px;
	background-image: url(../imatges/fons001.jpg); background-position:center top; background-repeat: repeat-y; 
	}

/* --- titol --- */
#titol { border: 0px solid #f00;
	position: relative;
	width: 100%; height: 168px;
	}
#titol h1 { 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 #f00; position: relative; z-index: 10;
	width:100%; height: 30px; margin: 0px; padding: 0px; font-size: 1.2em; }
#menu ul { margin: 0.5em 3em 0.5em 0px; padding: 0px; list-style:none; float:right; }
#menu li { border: 0px solid #ccc; display:block; margin: 0px 0.2em; padding: 0.1em 0.5em; float:right; }
#menu a { color: #ffffff; text-decoration: none; }
#menu a:hover { color: #000000; }
#menu a.on { color: #000; }
/* --- contingut --- */
#esquerra { border: 0px solid #f00;
	position:relative; float:left; width: 175px; z-index: 10; text-align: right; }
#esquerra a { font-size: 1.2em; color: #ffffff; padding: 2px 5px; }
#esquerra a:hover { color: #000;  text-decoration: none; }
#esquerra a.on { color: #000; }
/* --- */
#text { border: 0px solid #f00;
	position:relative; margin: 0px 20px 0px 200px; padding: 25px 45px 25px 45px;
	width: 450px; z-index: 10; text-align: justify; }
#fotos { border: 0px solid #f00;
		position:relative; margin: 0px 20px 0px 200px; padding: 25px 0px 25px 45px;
		width: 495px; z-index: 10; text-align: justify; }
#fotos img { float:left; margin: 0px 25px 25px 0px; }
#foto { border: 0px solid #f00;
		position:relative; margin: 0px 20px 0px 200px; padding: 25px 0px 25px 1px;
		width: 495px; z-index: 10; text-align: justify; }
#foto h2, #foto p { margin-left: 44px; }
#foto h2 a img { border: 0px; }
/* --- peu --- */
#peu { border: 0px solid #f00;
	position: relative; padding: 2em 0px 5em 0px; z-index: 10;
	width:100%; text-align:center; font-size: 0.9em; clear:both;
	background-image: url(../imatges/fons_sota.jpg); background-position:center top; background-repeat: no-repeat; 
	}
#peu p { margin-left:180px; }

/* generics */
input, textarea { border: 1px solid #937640; }
.marro { color: #937640; }
.data { border-bottom: 1px solid #d3b680;
	color: #d3b680;  font-size: 0.90em; text-align: right; }
.fesq { float: left; }