/* ------ margin i padding a zero per anular els marges x defecte dels navegadors -------*/
body, html {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	margin: 0;
	padding: 0;
}
h1 {
	font-size: 3em;
	margin:0 0 .5em 0;
}
h2 {
	font-size: 2em;
	margin:1em 0 .5em 0;
}
h3 {
	font-size: 1em;
	margin:0 0 .5em 0;
}
h4 {
	font-size: .8em;
	margin:0 0 .5em 0;
}
h5 {
	font-size: .7em;
	margin:0;
}
table {
	font-size: .8em;
}
p {
	font-size: .8em;
	margin:0 0 1em 0;
}
/* ------ link normal -----------*/
a:link {
	text-decoration: none;
	color: #a7821d;
	font-weight: bold;
}
/* ------- link hover -----------*/
a:hover {
	text-decoration: underline;
}
/* ------- link actiu -----------*/
a:active {
	font-weight: bold;
}
/* ------- link visitat ----------*/
a:visited {
	color: #970000;
}
/* ------- anul·la la vora blava quan la imatge és un enllaç -------*/
img {
	border: none;
}
/* ----- enllaç a fitxers PDF ------*/
.pdf {
	padding: 0 0 0 22px;
	background: #FFF url(imatges/icon_pdf.png) no-repeat left center;
}
/* ----- enllaç a fitxers DOC ------*/
.doc {
	padding: 0 0 0 22px;
	background: #FFF url(imatges/icon_doc.gif) no-repeat left center;
}
/* ---- enllaç a fitxers XLS ------*/
.xls {
	padding: 0 0 0 22px;
	background: #FFF url(imatges/icon_xls.gif) no-repeat left center;
}
/* ------IMATGES PETITES DE GALERIA -----*/
.thumbnail {
	float: left;
	width: 175px;
	border: 1px solid #999;
	margin: 0 10px 10px 0;
	padding: 5px;
}
/* -------- FI --------- */

/* --------- FORMULARI --------------------- */
/* dona forma a l'etiqueta LEGEND (títol de les subcaixes) */
legend {
	font-size: .8em;
}
/* dona forma al text de les etiquetes LABEL (les etiquetes dels camps)*/
label {
	font-size: .8em;
	color: #666666;
	display: block;
	margin: .5em 0 0 0;
}
/* dona un marge a totes les DIV class=form contingudes al FORMULARI */
.form {
	margin: .5em 0;
}
/* dona un espai de 30% d'amplada fins els camps per posar les etiquetes */
.form label {
	width:20%;
	float: left;
}
/* modifica el camp del formulari quan hi posem el cursor */
input:focus {
	border: 2px solid #000;
	background: #FCE8C2;
}
/* --------- FI ------- */

/* --------- DIVS --------------------- */
div#contenedor {
  position: relative;
  min-height: 400px;
  border: 1px solid gray;
  max-width: 900px;
  min-width: 750px;
  margin: auto;
}
div#primera-columna {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 180px;
  margin: 3px;
}
div#tercera-columna {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0px;
  margin: 3px;
}
div#primera-columna {
  left: 0;
}
div#tercera-columna {
  right: 0;
}
div#contenido {
	margin: 3px 25px 5px 190px;
	border: 1px solid white;
	min-height: 392px;
}
div#cap {
	padding: 0px;
	max-width: 900px;
	min-width: 744px;
	margin: auto;
}
div#peu {
	background: #DCB468;
	padding: 3px;
	max-width: 900px;
	min-width: 744px;
	margin: auto;
	text-align: center;
}
div#cap {
  border-bottom: none;
}

