body { 
	margin: 0px; padding: 0px;
	background: #bd8d46; color: #f2e8da;
	background-image: url(../imatges/fons_sibe.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: normal; 
	font-size: 0.75em; line-height: 1.2em;
	}

a { color: #fff; text-decoration: none; }
a:hover { color: #8c0007; text-decoration: none; }
img { border: 0px; }
p { margin: 0px 0px 0.8em 0px; padding: 0px; }
h1, h2, h3, h4, h5 { font-weight: normal; }

/* --- dalt --- */
#sibe a:hover { color: #000; text-decoration: none; }
#logo_sibe { margin: 0px; padding: 0px; }
#logo h1 { margin: 0px; padding: 0px; font-size: 2.25em; width: 500px; line-height: 1.2em; }
#login { text-align: right; font-size: 0.85em; }
#login img { vertical-align: middle; }
/* --- menu --- */
#menu { text-align: right; }
#menu ul { margin: 0px; padding: 0px; list-style: none;	}
#menu li { padding: 4px 20px 4px 0px; }

#menu ul { font-size: 1.25em; }
#menu ul li a { color: #8c0007; }
/* GEMMA : el validador no deixa posar un altre ul directament a dins del ul (ha d'anar dins el li) */
/* això m'ha obligat a posar el margin-right:-20px */
#menu ul li ul { font-size: 0.85em; margin-right:-20px; }
#menu ul li ul li a { color: #261c0e; }
/* GEMMA: problema: l'explorer no agafa el li:hover; només agafa el a:hover (brrrr.....)  es podria fer per javascript, però és una mica xapussa...*/
#menu li.actiu, #menu li:hover { 
	background-image: url(../imatges/menu_on.png);
	background-position: right 8px; /* GEMMA: si posem y=center, quan hi ha submenú queda massa avall, per això hi poso 8px */
	background-repeat: no-repeat; 
	}
/* ------------ CONTINGUT ------------ */
#contingut { color: #4b4b43; }
#contingut a { color: #bd8d46; }
#contingut a:hover { color: #191916; }

/* --- condalt --- */
#guia { font-size: 0.85em; background: #bd8d46; color: #fff; }
#guia a { color: #fff; }
/* --- calendari --- */
#esdeveniments	{ display:none; visibility:hidden;
	background-color: #fcfae1; position: absolute; z-index: 100; 
	top: 40px; left: 110px; width: 300px; padding: 1em; /* GEMMA: Explorer: no agafa bé el left */
	border: 1px solid #8c0007; text-align: left; }
#esdeveniments p { color: #191916; font-size: 1.2em; }
#esdeveniments p b { color: #8c0007; font-weight: normal; }
#calendari { font-size: 0.80em; text-align: center; color: #7e7d70; margin-bottom: 0.5em; }
/* GEMMA : canviat #calendari .calend_mes per #calend_mes */
#calend_mes { padding-bottom: 2px; border-bottom: 1px solid #bd8d46; 
	font-size: 1.3em; text-transform: uppercase; }
#calendari ul { margin: 0px; padding: 0px; list-style: none; }
#calendari li { position: relative; margin: 2px 1px 0px 0px; padding: 2px 1px 2px 2px; float: left; }
#calendari li.avui a { color: #8c0007; font-weight: bold; }
#calendari li.noticia { background: #f3eac4; font-weight: bold; }
/* --- titol --- */
#conmig .titol { color: #191916; }
#conmig .titol a { color: #7e7d70; }
#conmig .titol a:hover { color: #191916; }
#conmig .titol { border: 0px solid #000000; clear: both; padding-bottom: 1.5em; }
#conmig .botoup p { padding-left: 2em; margin: 0px 120px 3em 0px; }
#conmig .botoup 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) */
#conmig .titol h2 {
	width: 350px; margin: 2em 0px 0px 0px;
	font-size: 2em; line-height: 1.2em;
	text-transform: uppercase; color:#bd8d46; }
/* --- botons --- */
#conmig .grup_botons { display: block; }
#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_dreta_taula { margin: 0px 0px 0px 2em; color: #7e7d70; text-align: right; }
#conmig .botons_dreta_taula img { float: right; margin-left: 1em; }
/* --- */
#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: inherit; 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: #bd8d46; font-size: 1.2em; text-transform: uppercase; margin: 0.2em 0px; }
#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-image: url(../imatges/fons_borrador.png);
	background-position: top center;
	background-repeat: repeat;
	padding-bottom: 0.2em; }

/* --- Forums --- */
.categoria { background-color:#e4e1cd; margin: 2.5em 0px 1em 0px; }
.categoria h3 { color: #8c0007; font-size: 1.1em; 
	text-transform: uppercase; font-weight: bold;
}
table { border: 0px; margin: 0px; padding: 0px; font-size:0.9em; width: 100%; }
table tr { clear: both; }
table th { font-weight: normal; font-size: 0.8em; }
table td { 
	border-top: 1px solid #e4e1cd; border-bottom: 1px solid #e4e1cd;
	margin: 0px; padding: 0.4em 0px; vertical-align: top;
}
table td.center { text-align: center; }
table td p.titol_foro { font-size: 1.2em; color: #bd8d46; }
table td p.titol_gran { font-size: 1.4em; color: #bd8d46; 
	text-transform: uppercase; font-weight: bold; }
table .amplada40 { width: 40px; }
table .amplada75 { width: 75px; }
table .amplada100 { width: 100px; }

.restringit {
	padding-left: 20px; background-image: url(../imatges/restringit.png);
	background-position: top left; background-repeat: no-repeat; }
.restringit_mig {
	padding-left: 20px; background-image: url(../imatges/restringit_mig.png);
	background-position: top left; background-repeat: no-repeat; }


/* 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: #bd8d46;
    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; }