body{
  /* background: url(imatges/niguls5.jpg) repeat fixed;*/
  background-color: #deb887 /*BurlyWood*/;
  font-family:  "Trebuchet MS", "Century Gothic", Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: maroon;
  border: 0;
  margin: 0;
  padding: 0;
  }

 p{
  text-align: justify;
  color: maroon;
  margin: 0 0 .5em;
  }

 p span.sica{
  font-family: "Utah MT", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  text-transform: capitalize;
  }

 h1, h2, h3, h4, h5, h6 {
  text-align: left; 
  color: #1e90ff /*DodgerBlue*/;
  font-family: Arial, sans-serif;
  margin: 1em 0 0;
  }
 
 h1, h2 {font-variant: small-caps; border-bottom: 1px solid #1e90ff /*DodgerBlue*/;} 

 h1{
  text-align: center;
  font-size: 1.7em;
  }

 h1.alternatiu {border:0; font-size: 1.5em;}

 h2{
  font-size: 1.5em;
  }

 h3{
  font-size: 1.2em;
  font-style: italic;
  text-decoration: underline;
  }

 h4{
  font-size: 1.2em;
  margin:0;
  }

 h5{
  font-size: 1em;
  font-style: italic;
  margin:0;
  display: inline; /*hauria de ser "run-in" pero no va*/
  }

 h6{
  font-size: .8em;
  background-color: #1e90ff /*DodgerBlue*/;
  color: #ffffe0;
  }

 blockquote, cite{
  color: dodgerblue;
  }

 cite{font-size:.9em}

 blockquote{
  background-color: #f0f8ff /*aliceblue*/;
  text-align: center;
  font-weight: bold;
  border: 2px solid #1e90ff /*DodgerBlue*/;
  width: 35%;
  margin: 5px;
  padding: 3px;
  }

 address{}

 strong{color: #1e90ff /*DodgerBlue*/; font-size:.8em;}

 a{font-family:  Verdana, Tahoma, "Trebuchet MS", Arial, sans-serif; text-decoration:underline; color: #d2691e;}

 a:visited{text-decoration:none; color: #8b008b;}

 a:hover{text-decoration:none; color: #ffffe0; background-color: #d2691e;}

/*aqui comencen els especials*/

 .canvas{
  /* background: url(imatges/niguls3.jpg) repeat fixed; */ 
  background-color: firebrick /*#00ff7f*/;
  max-width: 95%;
  min-width: 560px;
  margin: 1% auto;
  }

 .subcanvas{
  background-color: #fff8dc;
  clear: both;
  width: 100%;
  border-top: 2px solid #b22222 /*firebrick*/;
  }

 .buit{width:100%;margin:0;border:0;padding:0;} /*això és per compatibilitat amb el IE*/

 div.hr{width:100%;margin:10px 0;border:0;border-top: 1px solid #b22222;padding:0px;}

 div.hr hr{display:none}

 .transparencia{filter:alpha(opacity=70);opacity:0.7;}

 .menu{
  clear: both;
  border: 0;
  padding: 0;
  }

 .menu ul{
  width:100%;
  padding:0;
  margin:0;
  list-style-type:none;
  }

 .menu a{
  float:right;
  text-decoration:none;
  font-weight: bold;
  font-size: .8em;
  min-width:5em;
  font-variant: small-caps;	
  color: #ffffe0;
  padding:0.6em 0.6em;
  border-left:1px solid #8b0000 /*darkred*/;
  background: url(imatges/menu_fons.png) repeat-x;
  }

 .menu a:visited{color:#ffffe0;}

 .menu a:hover, .menu a.actiu {
  color: #dfdfc0;
  background: url(imatges/menu_fons_over.png) repeat-x;
  }

 .menu li {display:inline}

 .lateral .menu a{
  float:left;
  font-size: .8em;
  color: #d2691e;
  margin: 1px;
  border: 1px solid #d2691e;
  background: url(imatges/menul_fons.png) repeat-x;
  }

 .lateral .menu a:visited{color:#d2691e;}

 .lateral .menu a:hover, .lateral .menu a.actiu {
  color: #8b0000;
  background: url(imatges/menul_fons_over.png) repeat-x;
  }

 .cap, .peu{
  clear: both;
  background-color: #ffdead /*NavajoWhite*/;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #b22222 /*firebrick*/;
  }

 .peu{
  border-top: 2px solid #b22222 /*firebrick*/;
  }

 .cap{
  min-height: 116px;
  padding: 6px 4px 0;
  font-family: Arial, sans-serif;
  font-style: italic;
  }

 .cap p{
  font-size: .9em;
  text-align: right;
  color: Navy /* #007cc3 */;
  padding: 0;
  margin: 0;
  }

 .cap h1{
  font-size: 1.2em;
  text-align: right;
  margin: 0; border: 0; padding: 0; 
  }

 .cap h2{
  font-size:.9em;
  text-align: right;
  margin: 0; border: 0; padding: 0; 
  }

 .peu p{color: Navy; text-align: center; font-size:.9em}

 .cap img{border: 0; padding: 6px 0 0;}

 .principal{
  float: left;
  width: 68%;
  padding-left: 1%;
  padding-right: 1%;
  }

 .lateral{
  float: left;
  width: 28%;
  padding-left: 1%;
  border-left: 1px dashed #b22222 /*firebrick*/;
  font-size:.9em;
  }

 .lateral h2{
  clear: both;
  font-size:1.3em;
  }

 .lateral h6{
  clear: both;
  font-size:1em;
  }

 .esquerra{
  float: left;
  }

 .dreta{
  float: right;
  }

 .invisible{display: none}
 .net{clear: both}
 .vermell{color: #8b0000;}

 .OnSoc{
  font-family: Arial, sans-serif;
  font-size: .9em;
  text-align: right;
  color: #d2691e;
  }

 .docs{
  font-family: Tahoma, Arial, sans-serif;
  font-size: .9em;
  color: black;
  }

 .docs a{
  text-decoration:underline;
  /*font-variant: small-caps;*/
  font-weight: bolder;
  font-size: 1.2em;
  color: #1e90ff /*DodgerBlue*/;
  }

 .docs a:visited{color: #1e90ff /*DodgerBlue*/;}

 .docs a:hover{text-decoration:none; color: white; background-color: #1e90ff /*DodgerBlue*/}
 
 .google{text-align: center;}

 .google img{border: 0; padding: 0;}

  }