body {
  font-family: Verdana, sans-serif;
  margin-top: 2%; margin-bottom: 1%; margin-left: 6%; margin-right: 6%;
  background: #CCCCFF;
}

/* Títol de pàgina. Sobre fons lila */
h1 {
  font-size: 30px;
  margin-top: 0em; margin-bottom: 0em; margin-left: 7em;
}

/* Títol d'encapçalament: "CEIP Sant Martí - Cerdanyola */
h2 {
  font-size: 180%;
  margin-top: 0em; margin-bottom: 0em; margin-left: 0%;
}

h3 {
  font-size: 80%;
  font-weight: bold;
  margin-top: 0.5em; margin-bottom: 1em; margin-left: 0.5%;
  text-indent: 0em;
}

h4 {
  font-size: 70%;
  margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0.5%;
  text-indent: 0em;
}

/* Subtítol de pàgina. Just a sota del fons lila */
h5 {
  font-size: 110%;
  margin-top: 0em; margin-bottom: 1em; margin-left: 3.1em;
}

h6 {
  font-size: 60%;
  margin-top: 0em; margin-bottom: 0em; margin-left: 0.2em;
}


h1,h2,h3,h4,h5,h6,p,ul {
  font-family: sans-serif;
}

p,ul,ol {
  font-size: 14px;
  text-indent: 0em;
  text-align: justify;
  color: purple;
  margin-top: 0em;
}

p.centre{
  font-size: 14px;
  text-indent: 0em;
  text-align: center;
  color: purple;
  margin-top: 0em;
}

p.menu{
  font-size: 12px;
  font-weight: bold; color: rgb(0, 0, 153);
  margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0.5%;
  text-indent: 0em;
}

p.menudreta{
  font-size: 12px;
  font-weight: bold; color: rgb(0, 0, 153);
  margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0.5%;
  text-align: right;
  text-indent: 0em;
}

p.menugran{
  font-size: 14px;
  font-weight: bold; color: purple;
  margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 0.5%;
  text-indent: 0em;
}

p.menupetit{
  font-size: 11px;
  font-weight: bold; color: rgb(0, 0, 153);
  margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 2em;
  text-indent: 0em;
}

p.menupetit2{
  font-size: 12px;
  font-weight: bold; color: purple;
  margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 2em;
  text-indent: 0em;
}

p.titol {
  font-weight: bold; color: purple;
  text-decoration: underline;
}

a:link {text-decoration: none; color: rgb(0, 0, 153);}  /* for unvisited links */
a:visited {text-decoration: none; color: rgb(0, 0, 153);} /* for visited links */
a:active {text-decoration: none; color: rgb(255, 0, 102);} /* when link is clicked */
a:hover {text-decoration: none; color: rgb(0, 96, 255)} /* when mouse is over link */


table{
  background-color: white;
}

td.menu{
  background-color: #CCCCFF;
}

.llista{
  font-size: 14px;
  text-indent: 0em;
  text-align: left;
  color: purple;
  margin-top: 0em;
  vertical-align: top;
}

.llista th{
}

.llista td{
}