/* Estils generals */

html, body {
  font-family:Helvetica, Arial, sans-serif;
  font-size:9pt;
  margin:0;
  padding:0;
}

html {
  color:#000;
  background-color:#fff;
}

body {
  text-align:center;
}

table {
  font-size:1em !important; /* IE bug */
}

a {
  color:#000f78;
  text-decoration:underline;
}

/* Estructura */

div#pagina {
  text-align:left;
  width:770px;
  margin:0 auto;
  vertical-align:top;
  background-image: url('cap.jpg');
  background-repeat:repeat-x;
  background-position:top left;
  
  /* MF padding bug & border wa */
  padding:0;
  border:1px solid #fff;
}

div#columna {
  width:220px;
  padding:.5em 0 .5em .5em;
  float:right;
  margin:65px 0 0 0;
  color:#000;
  background-color:#fff;
}

div#guia {
  margin:103px 220px .5em 0;
  padding:.5em .5em 0 0;
}

/* Menú */

#menu {
  overflow:hidden;
  margin-bottom:.5em;
}

#menu ul {
  float:left;
  width:100% !important;
  margin:0;
  padding:0 0 0 1em;
  list-style-type:none;
  color:#000f78;
  background-color:#faa000;
}

#menu ul li {
  display:inline;
  line-height:1.8em;
}

#menu ul li a {
  white-space:nowrap;
  font-weight:bold;
  text-decoration:none;
  text-transform:lowercase;
  margin:0 1.6em 0 0;
  color:#000f78;
  background-color:#faa000;
  font-size:.95em !important;
}

#menu ul li.senar a {
  color:#fff;
  background-color:#faa000;
}

/* Barra lateral */

div#lateral {
  width:220px;
  color:#000;
  background-color:#fff;
  text-align:center;
  margin:0;
}

div#lateral h1 {
  padding:0 !important;
  margin:0 !important;
}

div#lateral a {
  text-decoration:none;
  color:#666;
  background-color:#fff;
}

div#lateral img {
  border:0;
}

div#lateral img.logo {
  margin:1.3em auto;
}

/* Enllaços informatius */

ul#infolinks {
  padding:0;
  margin:0;
  list-style-type:none !important;
}

ul#infolinks li {
  display:inline;
  padding:0 .2em !important;
  margin:0 !important;
}

ul#infolinks li a {
  text-decoration:underline;
  white-space:nowrap;
}

/* IE hr margin bug */
div#lateral hr {
  display:none;
}

#hline1, #hline2, #hline3 {
  border:0 !important;
  height:.5em;
}

#hline1, #hline3 {
  color:#faa000; /* IE border bug */
  background-color:#faa000;
}

#hline1 {
  margin:0 0 1.5em 0;
}

#hline2 {
  color:#000f78;
  background-color:#000f78;
  margin:1.5em 0;
}

#hline3 {
  margin:1em 0 1.5em 0;
}

/* Continguts de les pàgines */

p#titol {
  font-weight:bold;
  font-size:1.1em;
  color:#faa000;
  text-transform:lowercase;
  margin:.5em 0 !important;
  padding:0 !important;
}

p#titol a {
  color:#faa000;
  text-decoration:none;
}

/* Paginació */
div#paginacio {
  word-spacing:.2em;
  margin-bottom:1em; /* IE margin bug */
}

/* Continguts */
div#contents {
  background-color:#fee7bf;
  padding:1px 1em; /* 1px = MF bug?? */
  min-height:50em;
  height:auto !important;
  height:50em; /* IE no interpreta min-height, i no ho fa bé amb height */
}

/* Llistes */
div#contents dl,
div#contents ul {
  margin:0 1em 0 0;
  padding:0;
}

div#contents ul {
  list-style-type:none;
}

div#contents dl dd,
div#contents ul li {
  margin:1em 0 0 0;
  padding-left:1em;
  background-image: url(list.png);
  background-repeat: no-repeat;
  background-position:0 .4em;
}

div#contents ul ul {
  margin:0;
}

div#contents dl dt {
  margin-top: 1em;
  padding-left:1em;
}

/* Etiquetes per a l'accessibilitat */
.amagat {
  display:none !important;
  visibility:hidden !important;
}