html, body { 
	margin: 0px; padding: 0px; width:100%; 
	font-family: "Helvetica Neue", Helvetica, Arial, Monaco, sans-serif;
	font-weight: normal; font-size: 11px; color: #333; line-height: 1.3em; text-align: center; 
}
html { background: #888 url(../imatges/fons/fons01.jpg) no-repeat center top; }
div { /*border: 0px solid #f00; */ margin: 0px; padding: 0px; }

#print { visibility: hidden; display: none; }

img, a { border: 0px; }
a { color: #333; text-decoration: none; }
a:hover { color: #992e2e;  }
h1, h2, h3, h4, h5, p { margin: 10px 0px; padding: 0px; }
.petit { font-size: 0.9em; }

/* DIVs GENERALS ------------------------ */
#tot { width: 980px; margin: 0px auto; }
#dalt { width: 980px; height: 100px; }
#mig { width: 980px; text-align: left; }
#sota { width: 980px; }

hr { clear: both; color: #fff; background: #808080; height: 1px; font-size: 0.1em; line-height: 0em; }
.neteja { clear: both; color: #fff; background: #fff; height: 0px; font-size: 0.1em; line-height: 0em; }
.neteja1 { clear: both; color: #fff; background: #808080; height: 1px; font-size: 0.1em; line-height: 0em; }
.neteja1w { clear: both; color: #fff; background: #fff; height: 1px; font-size: 0.1em; line-height: 0em; }
.neteja10w { clear: both; color: #fff; background: #fff; height: 10px; font-size: 0.1em; line-height: 0em; }
.neteja20w { clear: both; color: #fff; background: #fff; height: 20px; font-size: 0.1em; line-height: 0em; }

/* DALT --------------------- */
#dalt { color: #fff; text-align: right; position:relative; }
#dalt a { color: #c2c3c3; }
#dalt a:hover { color: #fff; }
h1 { position: absolute; top: 6px; left: 36px; margin: 0px; padding: 0px; text-align: left; }
h1 strong {	display: none; visibility: hidden; }

#dalt #idiomes { position: absolute; top: 10px; left: 500px; width: 480px; text-align: right; }
#dalt #idiomes_dins { margin: 7px 37px 0px 0px; }
#dalt #idiomes_dins img { ;margin-left: 6px; padding: 0px; }

#dalt #identificacio { position: absolute; top: 59px; left: 500px; width: 480px; }
#dalt #identificacio p { margin: 0px 40px 0px 0px; padding: 0px; }

/* GUIA ----------------------- */
#guia { margin-top: 0px; padding: 4px 5px 4px 40px; background: #66686a; color: #fff; text-align: left; }
#guia a { color: #c2c3c3; }
#guia a:hover { color: #000; }

/* SOTA ------------------------ */
#sota { margin: 2em 0px 0px 0px; padding: 0px; }
#sota p { color: #eee; margin: 0.8em 0px; font-size: 1.0em; }
#sota p a { color: #fff; }
#sota p a:hover { color: #000; }
#sota p img { margin: 0px 2em; }

/* GEMMA ??? (per repassar) -------------- */
#debug { display:none; position:absolute; top:0px; left:0px; background-color:#fff;
	text-align:left; z-index:0; width:90%; height:600px; overflow:auto; padding:20px; }
.adminerror { color:#a00; font-weight:bold; text-transform:uppercase; }
.adminok { color:#0a0; font-weight:bold; }

/* scroller de l'IE ---------------------- */
html, body, div {
	scrollbar-arrow-color: #fff;
	scrollbar-3dlight-color: #a6a6a6;
	scrollbar-highlight-color: #d9d9d9;
	scrollbar-face-color: #d9d9d9;
	scrollbar-shadow-color: #a6a6a6;
	scrollbar-darkshadow-color: #d9d9d9;
	scrollbar-track-color: #d9d9d9;
}