body { 
  background: black url("img/fons.jpg");
  background-repeat: repeat-x;
  background-attachment:fixed;
  margin: 0;
  padding: 0;
  font-size: 10px;
}

#contenidor {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  background-color: #000000;
  border: 1px solid #333333;
}

#superior {
  margin: 10px;
  background: url("img/logo-premsa.jpg");
  background-repeat: no-repeat;
  height: 30px;
  }
  
#imatge-superior {
  background: url("img/imatge-superior.jpg");
  height: 150px;
  width: 800px;
  border: 1px solid #333333;
  margin-left: -1px; /* pel border */
  margin-bottom: 10px;
}

#menu {
  height: 300px;
  width: 200px;
  background: url("img/punt-gris.jpg");
  background-repeat: repeat-y;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  margin-bottom: -300px; /* alçada del menú en negatiu */
}

#contingut {
  background: url("img/punt-gris.jpg");
  background-repeat: repeat-y;
  padding-left: 10px;
  margin-left: 220px;
  margin-right: 10px;
  margin-bottom: 10px;

}

/*
 * Tipografies
 */
.article-titol {
  font-family: Arial, Helvetica, sans-serif;
  color:#FF0000;
  font-weight:bold;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.2em;
  font-size: 1.8em;
}

.article-subtitol {
  font-family: Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.2em;
  font-size: 1.8em;
}

.article-base {
  font-family: Arial, Helvetica, sans-serif;
  color: #CCCCCC;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.2em;
  font-size: 1.2em;
}

.article-destacat {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.2em;
  font-size: 1.2em;
}

.article-referencia {
  font-family: Arial, Helvetica, sans-serif;
  color:#999999;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.2em;
  font-size: 1.2em;
}

a {
  font-family: Arial, Helvetica, sans-serif;
  color:#999999;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.2em;
  font-size: 1.2em;
}

a.article {
  font-family: Arial, Helvetica, sans-serif;
  color: #FF0000;
  font-weight:bolder;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.6em;
  font-size: 1.6em;
}

a.article:hover {
  font-family: Arial, Helvetica, sans-serif;
  color:  #FF0000;
  font-weight:bolder;
  text-decoration: underline;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.6em;
  font-size: 1.6em;
}

a.referencia {
  font-family: Arial, Helvetica, sans-serif;
  color: #999999;
  text-decoration: underline;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.2em;
  font-size: 10px;
  font-size: 1.2em;
}

/** Dosta **/
#dosta {
	margin:-20px auto 0;
	text-align:right;
	width:800px;
}

#dosta a:link,
#dosta a:visited {
	color: #FFFFFF;	
}

#dosta a:hover {
	text-decoration: underline;	
}