html
{
  background-color: #000033;
}

body
{
  font-family: Helvetica, sans-serif;
  border: darkgrey 1px solid;
  background-color: #000033;
  color: white;
  margin: 10px;
  padding: 30px;
  font-size: 2.2em;
}

b
{
  color: #FFFF80;
  font-weight: bold;
}

a
{
  font-weight: bold;
   color: #ff0000;
  text-decoration: none;
}

a:hover { 
  background-color: red; 
  color: white;
}

h1 
{
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
  padding: 6px;
  border-bottom: #bbb 0.17em solid;
  color: lightblue;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0em;
}

h2
{
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  margin-top: 0.5em;
  color: #FB6D04;
  border-bottom: #FB6D04 0.04em solid;
  font-size: 0.5em;
  margin-right: 1em;
  margin-bottom: 0.5em;
}

h3 
{
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  color: #66CC33;
  font-size: 1.1em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 1.3em;
}

h4
{
  font-family: Helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.98em;
  margin-top: 1em;
  display: list-item;
  list-style-type: circle;
    margin-left: 0.9em;
  margin-bottom: 0.2em;
  color: white;
}

h5 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: normal; 
  font-size: 0.75em;
}



p { font-size: 0.9em; }

ul, ol
{

  margin-bottom: 1.2em;
  margin-top: 0.75em;
  margin-left: 0.8em;
  font-size: 0.86em;
}

ul ul, ul ol, ol ol
{
  font-size: 0.88em;
  margin-left: 0.16em;
}



/* per evitar que la font decreixi massa quan tenim molts nivells aniuats de llista */
ul ul ul { font-size: 0.9em; }
ul ul ul ul { font-size: 1em; }

li
{ 
  margin-bottom: 0.4em;
  margin-top: 0.3em;
}

hr { 
  margin-top: 3em;
  margin-bottom: 3em;
  border: green 2px dashed;
  margin-left: -0.8em;
  margin-right: -0.8em;
}

hr:before
{ content: "salt de transparčncia"; font-size: 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; color: green; margin-left: 1em;  }

img
{  
  vertical-align: bottom;
  margin-left: 3em;
  margin-top: 0.6em;
  margin-bottom: 0.8em;
}

table 
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 0.58em;
  margin: 30px;
}

th { background-color: navy;  color: white; }
td { background-color:  #eaeefd; color: #111; }
th, td { padding: 0.3em; }

.especificacio
{

  background-color: #f5eaeb;
  font-family: courier;
  font-size: 0.9em;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 2em;
  padding: 7px;
  border: maroon 1px solid;
  border-style: outset;
  color: #333;
  
}
.especificacio li
{
  list-style-type: none;
  margin-bottom: 0.2em;
  margin-top: 0;
}
.especificacio em
{
  color: navy;
}

.pseudo_codi
{
  font-family: Courier, mono;
/*     font-weight: bold;*/
  font-size: 0.67em;
  color: white;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  margin-left: 2em;
  border: darkred 2px solid;
/*    border-style: outset; */
  background-color: darkred
}

.pseudo_codi b
{
  color: yellow;
  font-weight: bold;
}

.pseudo_codi strong
{
  color: white;
  font-weight: bold;
}


.pseudo_codi em
{
  color: green;
  font-weight: bold;
}

.comentari:before { content:"Comentari:"; font-weight: bold;  }

.comentari
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: olive;
  background-color: #fafafa;
  font-size: 0.6em;
  margin-left: 20%;
  margin-right: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: justify;
  padding-left: 30px;
  padding-right: 30px;
  border-left: olive 3px solid;
  border-right: olive 3px solid;
}

tt
{
  font-family: Courier;
  color: yellow;
  font-size: 0.9em;
  font-weight: bold;

}

td
{
  vertical-align:top;
}

.literal        {  color: #666666; font-style: italic}
.keyword        {  color: #000099}
.identifier     {}
.comment        {  font-style: italic; color: #990000}
.special        {  color: #800040}
.preprocessor   {  color: #FF0000}
.string         {  font-style: italic; color: #666666}
.copyright      {  color: #666666; font-size: small}
.white_bkd      {  background-color: #FFFFFF}
.dk_grey_bkd    {  background-color: #999999}
.quotes         {  color: #666666; font-style: italic; font-weight: bold}


.link_versio_imprimir
{
  float: right;
  /*margin-right: 10%;*/
  margin: 0px;
  border: None;
}
a .link_versio_imprimir:hover
{
  border: 1px maroon solid;
  padding: 3px;
}

.caixa_nota, .caixa_alerta, .caixa_consell, .caixa_detall
{  font-size: 0.6em;
  color: #FF0444;
  display: block;
  border: gray 1pt solid;
  padding: 12px;
  margin: 2em 7em 2em 7em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #eaeefd;
  border-style: outset;
}
.caixa_nota:before { content: url("../estil/nota.gif") }
.caixa_alerta:before  { content: url("../estil/alerta.gif") }
.caixa_consell:before  { content: url("../estil/bombeta.gif") }
.caixa_detall:before  { content: url("../estil/lupa.gif") }