/* Estructura */

body {
  text-align:center;
  padding:0;
}

#pagina {
  background:url(fons.jpg) left top;
  text-align:left !important;
  vertical-align:top;
  padding:0;
}

#superior {
  margin-top:2px!important;
  background-color:#fdac39;
}

#columna {
  float:right;
  width:25%;
  margin-top:.5em;
  display: inline; /* p. IE */
  
  min-height:85em;
  
  /*
  L'Internet Explorer no interpreta "min-height" i no ho fa bé amb "height".
  Els navegadors que interpreten correctament els estàndards ignoraran la
  segona linia.
  */
  height:auto !important;
  height:85em;
}

#contingut {
  float:left;
  width:73%;
  border-right:1px dashed #999;
}

#peu {
  padding:8px 0;
  color:#444;
  background-color:#fdac39;
  font-family:Verdana, sans-serif;
  margin-top:2px !important;
}


#inferior {
  background-color:#004173;
  height:5px;
  min-height:5px;
}

#inferior hr {
  display:none;
}

.back-inferior {
  height:5px;
}

.back-superior,
.back-menu,
.back-principal,
.back-inferior,
.back-peu {
  text-align:center;
}

.back-superior,
.back-peu {
  background-color:#fcd49b;
}

.back-menu,
.back-inferior {
  background-color:#7e9eb8;
}

.back-inferior,
.back-peu {
  clear:both;
}

.back-peu,
.back-superior {
  border-bottom:2px solid #fff;
}

#superior,
#menu,
#peu,
#inferior,
.marg-principal {
  margin:0 auto;
  max-width:70em;
  min-width:740px;
  width:auto !important;
  width:740px;
  text-align:left!important;
}

#superior,
#menu,
#peu,
#inferior,
.marg-principal {
  border:solid #fff;
  border-width:0 2px;
}

#principal {
  border:1px solid #ccc;
  border-width:0 1px;
}

#main-text fieldset {
  padding:0 1em 1em 1em;
}

#main-text legend {
  font-size:1.1em;
  font-family: Verdana, sans-serif;
  font-weight:bold;
  font-style:normal;
  padding:0 .6em 1em 0;
  margin-top:1.33em;
}

#main-text label {
  display:block;
  padding-top:.6em;
  padding-bottom:.3em;
}

#formulari-cerca fieldset div {
  margin-top:.5em;
}

#formulari-cerca fieldset input,
#formulari-cerca fieldset select {
  width:45%;
}

#barra-cerca form {
  margin:0;
  padding:5px 0;
  border-top:1px dashed #999;
  border-bottom:1px dashed #999;
}

#barra-cerca fieldset {
  border:none;
  margin:0;
  padding:.5em;
  background-color:#eee;
}

#barra-cerca label {
  display:none;
}

#barra-cerca input {
  margin-bottom:.5em;
}

#barra-cerca ul {
  margin:0;
}

#text-cerca {
  width:95%;
}

#barra-navegacio {
  clear:both;
}

/* Encapçalament */


h1#titol {
  padding:1em 1.33em !important;
  margin:0 !important;
  
  /* IE WA */
  padding:0;
  margin:1em 1.33em;
}

#titol img {
  border:none;
  vertical-align:middle;
}

#titol a {
  text-decoration:none;
}

/* Menú/Taula de continguts */

#menu {
  color:#000;
  background-color:#004173;
}

#menu ul {
  padding:.6em 10px;
  margin:0;
  display:block;
}

#menu ul li {
  display:inline;
}

#menu a {
  font-weight:bold;
  font-size:1.1em;
  text-decoration:none;
  color:#ddd;
  margin-right:1.6em;
}

#menu a strong {
  border-bottom:2px solid #ddd;
  
  /* L'error enèsim + 1 de l'IE... */
  margin-right:0 !important;
  margin-right:-1px;
}

#menu a:hover, #menu a:active {
  color:#fff;
  border-bottom:2px solid #fff;
}

#menu a:hover strong, #menu a:active strong {
  /* IE duplica la línia de base, això ho fixa */
  border:none;
}

/* Blocs */

.rbox {
  padding:.2em 1em;
  margin:1.33em 0;
  background:url(toc-br.gif) no-repeat right bottom #efefef;
}

.bloc {
  margin:0 10px 2.5em 10px;
  padding-right:1.33em;
}

/* Peu de pàgina */

#informacio {
  text-align:right;
  float:right;
  padding-right:10px;
}

#informacio ul {
  list-style:none;
  margin:0;
  padding:0;
}

#informacio ul li {
  display:inline;
  margin:0 0 0 1em;
  padding:0 0 0 1em;
  font-size:.9em;
  border-left:2px solid #fff;
}

#informacio ul li a {
  text-decoration:none;
}

#informacio ul li a:hover {
  text-decoration:underline;
}

#contacte {
  float:left;
  font-size:.9em;
}

#contacte p {
  padding:0 10px !important;
  margin:0 !important;
}

#main-seccions p,
#main-seguents p {
  margin:0;
  background-color:#eee;
}

#main-seccions p {
  padding:.4em 10px;
  margin-bottom:.5em;
}

#main-seguents p {
  padding:.4em 0;
  margin-top:.5em;
}

#main-seguents a {
  text-decoration:none;
  margin-left:10px;
  margin-right:10px;
}

.actions-list,
.actions-list ul {
  list-style-type:none;
  padding-left:0 !important;
}

.actions-list li {
  background:url(llista.gif) no-repeat;
  background-position:0 .6em;
  padding-left:15px;
  padding-top:.1em !important;
  padding-bottom:inherit !important;
  line-height:1.6em;
}

.actions-list li:hover,
.actions-list li:active {
  background-image:url(llista-on.gif);
}

.informatiu,
.error-informatiu {
  border-top:1px dashed #999;
  border-bottom:1px dashed #999;
  margin:1.33em 0 2em 0;
  padding:0 1em 0 70px;
  background-position:20px 1.6em;
  background-repeat:no-repeat;
  min-height:40px;
}

.informatiu {
  background-color:#fef6b2;
  background-image:url(info.gif);
}

.error-informatiu {
  background-color:#feddb2;
  background-image:url(error.gif);
}

.informatiu em {
  font-weight:bold;
  color:#444;
}

.preu {
  font-weight:bold;
  color:#555;
}

.feed-link {
  padding-left:18px;
  background:url('feed.png') no-repeat left bottom;
}

/* Bloc de benvinguda */

#benvinguda {
  color:#000;
  background:url('gradient.png') repeat-x left bottom #e6f0f5;
  padding:.5em 2em;
  margin:1.33em 0 2em 0;
}

#benvinguda p {
  font-size:1.1em;
  color:#00285a;
}