/* Estructura */

#main-text {
  margin:0;
  padding:0 2em;
  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;
}

#main-text p {
  line-height:1.5em;
}

#main-text h1,
#main-text h2 {
	font-family: Verdana, sans-serif;
}

#main-text h1 {
  font-size:1.3em !important;
  padding-top:.6em !important;
}

#main-text h2,
.bloc h2 {
  font-size:1.2em !important;
}

#main-text h2 {
  margin-top:2em;
}

#novetats h2,
#categoria-principal h2 {
  margin-top:.5em !important;
}

#main-text li {
  padding-top:.25em;
  padding-bottom:.25em;
}

/* Productes */

#subcategories,
.cat-descripcio {
  /*margin-bottom:2em;*/
}

#subcategories,
#productes {
  clear:both;
}

.producte {
  margin-bottom:1em;
  
  /*
  Posar un espaiat aquí fa que l'IE el dupliqui al paràgraf,
  per solucionar-ho hi ha un marge a l'imatge i al paràgraf.
  
  padding:.5em;
  */
}

.producte h3 {
  /* Evito que el títol ocupi tot l'espai possible,
     perquè així queda més bé, mes espaiós. */
  padding-right:2em;
}

.producte h3 a {
  text-decoration:none;
}

.prd-imatge {
  float:left;
  overflow:hidden;
  width:110px;
}

.prd-imatge img {
  border:none;
  margin:.7em 10px .5em 10px;
}

.prd-paragrafs {
  padding:.5em .5em .5em 0;
  margin-left:121px;
  
  /*
  L'IE no interpreta "height:auto" i "height" ho interpreta com si
  fos "min-height". Sense aquests estils els paràgrafs desapareixen
  a l'IE si l'alçada del paràgraf és menor a la de la foto.
  */
  height:auto !important;
  height:160px;
}

.prd-paragrafs h3 {
  margin:0;
}

.prd-peu {
  clear:left;
  
  /*
  Per ara no faig servir el peu, per tant, l'amago.
  "font-size:0pt" i "height:0px" és per enganyar els navegadors.
  */
  visibility:hidden;
  font-size:0pt;
  height:0px;
}

.prd-senar {
  background-color:#eee;
}

.prd-destacat {
  /*border-top:3px solid #f90;*/
}

.prd-separador {
  display:none;
}


/* ARTICLES (noticies) */

#fitxa-producte h1,
#categoria h1,
.article h1 {
  margin-bottom:1em;
}

.article-entrada p {
  font-size:1.1em;
  font-style:italic;
  margin-top:0;
}

.article-entrada em {
  font-style:normal;
}

.peu-producte,
.article-peu {
  margin-top:1em;
  border-top:1px dashed #999;
}

.peu-producte {
  padding-top:1em;
  margin-bottom:1em;
}

.article-peu {
  font-style:italic;
  padding:.5em 0 .5em 20px;
  background-image:url(data.gif);
  background-position:0 7px;
  background-repeat:no-repeat;
}

#darreres-noticies {
  margin-top:2em;
}

/* Principal.css */

.article-par,
.article-imp {
  width:47%;
  padding-top:1em;
  padding-bottom:1em;
}

.article-imp {
  float:left;
}

.article-par {
  float:right;
}

.imatge {
  margin-bottom:2em;
}

.imatge img {
  border:none;
}

.imatge img a {
  text-decoration:none;
}

.paragraf {
  padding:0;
}

.paragraf h2 a {
  text-decoration:none;
}





/* Taules de continguts (TOC) */

.toc {
  background:url(form-tl.gif) no-repeat top left #fef6b2;
  
  /* Sense aquest marc l'IE s'envà de mara */
  border:1px solid #fcfcfc;
}

.toc-top {
  background:url(form-tr.gif) no-repeat top right;
}

.toc-bottom {
  background:url(form-bl.gif) no-repeat left bottom;
}

.toc-content {
  background:url(form-br.gif) no-repeat right bottom;
  padding:1em;
}

.toc-content fieldset {
  border:none !important;
  margin-top:0;
}

.toc-content legend {
  color:#000537 !important;
  background-color:#fef6b2;
}

/* Divisió de botons dels formularis */

.form-actions {
  border-top:1px dashed #999;
  padding:1em 1em 0 1em;
  text-align:right;
}

/* Caps de text en una mateixa línia */

.inline-input {
  padding-top:.5em;
}

.inline-input label {
  clear:left;
  float:left;
  width:10em;
  margin:.2em 1em 0 0;
}

.inline-input input,
.inline-input select {
  margin-top:.5em;
  width:20em !important;
}

/* Paginació */

#paginacio a {
  padding:.1em;
  margin:0 .1em;
}

dl.lajuda {
  margin-left:2em;
  margin-right:2em;
}

.lajuda dt {
  margin-top:1.5em;
}