body { 
	background: #161616; color: #dae4f2;
	background-image: url(../imatges/fons_grup.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}

a { color: #fff; text-decoration: none; }
a:hover { color: #8c0007; text-decoration: none; }

/* --- dalt --- */
#logo_sibe, #logo h1 { color: #fff; }

/* --- menu --- */
#menu ul li a { color: #fff; }
#menu ul li ul li a { color: #aaa; }

/* ------------ CONTINGUT ------------ */

/* - condalt - */
#condalt { 
	background-color: #fcfae1;
	background-image: url(../imatges/fons_contingut_dalt_grup.gif);
	background-position: top center;
	background-repeat: no-repeat;
	}
/* - conmig - */
#conmig { background-color: #fcfae1; background: #fff; }
/* - consota - */
#consota { 
	background-image: url(../imatges/fons_contingut_peu_grup.gif);
	background-position: top center;
	background-repeat: no-repeat;
	}

/* --- contingut --- */
#contingut { color: #4b4b43; }
#contingut a { color: #c00; }
#contingut a:hover { color: #191916; }

/* --- calendari --- */
#esdeveniments	{ background-color: #fff; border: 1px solid #1f5299; }
#esdeveniments p { color: #191916; }
#esdeveniments p b { color: #8c0007; }
#calendari { color: #7e7d70; }
#calend_mes { border-bottom: 1px solid #c00; }
#calendari li.avui a { color: #8c0007; }
#calendari li.noticia { background: #d9e9ff; }

/* --- titol --- */
#conmig .titol { color: #191916; }
#conmig .titol a { color: #7e7d70; }
#conmig .titol a:hover { color: #191916; }
#conmig .titol h2 { color:#c00; }


/* --- botons --- */
#conmig .grup_botons { clear: right; }
#conmig .grup_botons a { color: #7e7d70; }
#conmig .grup_botons a:hover { color: #191916; }

#conmig .botons_dreta { margin: 0px 0px 0px 2em; color: #7e7d70; text-align: right; }
#conmig .botons_dreta a { color: #7e7d70; }
#conmig .botons_dreta a:hover { color: #191916; }
#conmig .botons_dreta span { padding-left: 1em; } /*GEMMA: de p a span pel validador, i padding-left de 2 a 1 */
#conmig .botons_dreta img { position: relative; float: right; margin-left: 1em; } /* EL FLOAT LEFT FA QUE L'EXPLORER NO ENSENYI LA IMATGE (el fons puja a dalt perquè si el treus ja es veu la imatge) */
#conmig .botons_esq { margin: 1em 2em 1em 0px; color: #7e7d70; }
#conmig .botons_esq span.link { margin: 0px 0px 0px 3.8em; padding: 0px; display:block; font-size:0.9em; }
#conmig .botons_esq a { color: #7e7d70; }
#conmig .botons_esq a:hover { color: #191916; }
#conmig .botons_esq span { padding-left: 1em; } /*GEMMA: de p a span pel validador, i padding-left de 3.2 a 1 */
#conmig .botons_esq img { position: relative; float: left; } /* EL FLOAT LEFT FA QUE L'EXPLORER NO ENSENYI LA IMATGE (el fons puja a dalt perquè si el treus ja es veu la imatge) */

/* --- llistat --- */
#conmig .llistat_socis { border: 0px solid #f00; 
	margin: 0px 0px 0.4em 0px; clear: both; }
#conmig .llistat { border: 0px solid #f00; 
	margin: 0.5em 0px 1.4em 0px; clear: both; }
#conmig .llistat_foto { border: 0px solid #333; position: relative; float: left; width: 100px; } /* GEMMA: el text surt a sota de la foto, com si no fés el float left de la foto */
#conmig .llistat_foto img { padding-bottom: 1.4em; }
#conmig .llistat_textfoto { margin-left: 120px; }
#conmig .llistat_text {  }
#conmig .llistat_proposta { width: 495px; }
#conmig .llistat_proposta  p { font-size: 0.85em; background: #f3eac4; color: #8c0007; padding-left: 121px; }
#conmig .llistat_titol { color: #c00; } //ok bou estil per el grup
#conmig .llistat_subtitol { color: #191916; font-size: 1.1em; margin: 0.2em 0px 0.4em 0px; }
#conmig .llistat_petit { color: #999; font-size: 0.9em; text-transform: lowercase; }
#conmig .llistat_petit a { color: #999; }
#conmig .borrador { background-color: #f3f3f3;
	background-image: none;
	background-position: top center;
	background-repeat: repeat;*/
	padding-bottom: 0.2em; }

/* --- Forums --- */
.categoria { background-color:#d9e9ff; }
.categoria h3 { color: #8c0007; }
table td { border-top: 1px solid #d9e9ff; border-bottom: 1px solid #d9e9ff; }
table td.center { text-align: center; }
table td p.titol_foro { color: #c00; }
table td p.titol_gran { color: #c00; }

/* generics */
.fesq { float: left; }
.fdreta { float: right; }
.neteja { clear: both; }
#conmig .novisible { font-size: 0.5em; font-weight: normal; visibility: hidden; }
#conmig .nodisplay { display: none; visibility: hidden; }

/* consota */
#peu { font-size: 0.85em; color: #f2e8da; }
#peu a { color: #fff; }
#peu a:hover { color: #8c0007; }

/* GEMMA - temporal */
#peu p.vermell { color: #8c0007; }
#peu p.vermell a { color: #8c0007; }
#peu p.vermell a:hover { color: #ffffff; }

/*GEMMA*/
#conmig form { margin-top:20px; }
.adm_comentari { color:#050; margin:0px; text-align:right; font-size:0.9em; padding:0px; }
.adm_proposta { font-size: 0.85em; color: #8c0007; background: #f3eac4; display:block; }
hr.adm_ratlla {
    color: #c00;
    height: 1px;
    margin-top:10px; 
    margin-bottom:10px;
}
/* GEMMA: es pot fer que la mida dels inputs sigui igual a tots els navegadors??? jo no me'n surto...
			i també: es pot fer que un input amb size=80px sigui igual d'ample que un textarea amb cols=80??? tampoc me'n surto */
input {
		margin: 0px; padding: 0px; 
		font-size: 1em;
		color: #333;
		line-height: 1.3em;
		text-align: left;
}
textarea, select {
		margin: 0px; padding: 0px; 
		font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
		font-size: 1em;
		color: #333;
		line-height: 1.3em;
		text-align: left;
}
input, textarea { padding: 2px; border: 1px solid #999; }
input:focus, textarea:focus { background-color: #eee; border-color: #bd8d46; }