/* General */

body { font-family: 'Trebuchet ms', Arial, sans-serif; color: black;  font-size: 14px; margin-top: 0px; background-color: #bbccff} 
div.av {  width: 980px; margin: 0px auto; background-color: #bbccff; }
div.txt { width: 900px; margin-left: 40px }
p, li.t { padding-left: 15px; padding-right: 15px; text-align: justify }
h2 { margin-left: 50px; border: solid thick white; width: 30%; padding: 10px; color: white; background-color:  #6666ff; font-size: 18px; text-align: center }
h3 { margin-left: 50px; font-weight: bold; text-decoration: underline }
table { width: 100% }
td { vertical-align: top }
a { color: blue; text-decoration: none }
a:hover {color: red }
ul { text-align: left }
img { border: none }
.c { text-align: center }
.r { text-align: right; margin-right: 25px }
p.f { text-align: center; padding-top: 5px; padding-bottom: 5px }
td.f { text-align: center; padding-top: 5px; padding-bottom: 5px; background-color: #6666ff; color: white }
hr.f { margin-left: 10px; margin-right: 10px; height: 1px; background-color: #6666ff }


/* Específic dels quadres de cursos i activitats*/

td.a { width: 30%; font-variant: small-caps; font-weight: bold; border-top: thin dotted blue }
td.b { width: 35%; border-top: thin dotted blue; padding-left: 10px }
img.q { border: medium solid #807055 }

table.ae { width: 86%; margin-left: 7%; border: thin solid blue; border-collapse: collapse; }
td.ae1 { width: 225px; border: thin dotted blue; padding-left: 5px; padding-right: 3px; font-weight: bold }
td.ae2 { width: 175px; border: thin dotted blue; padding-left: 5px; padding-right: 3px }
td.ae3 { border: thin dotted blue; padding-left: 5px; padding-right: 3px }

/* Específic de la pàgina índex */

table.i { width: 84%; margin-left: 8%; font-family: 'Comic Sans MS', 'Lucida Handwriting', Cursive }
td.i { vertical-align: top; width: 40% }
td.i2 { vertical-align: middle; width: 30% }
td.i3 { vertical-align: middle: text-align: center; width: 20% }
p.i { width: 370px; height: 280px; padding-left: 0px; padding-right: 0px }
td.ma { vertical-align: top; margin-top: 40px; margin-bottom: 40px; background-image: url(index/bloc.gif); background-repeat: no-repeat; width: 33% }
p.mat { padding-left: 45px; text-decoration: underline; font-weight: bold; font-size: 22px }
p.ma { padding-left: 20px }
a.ma { font-size: 18px }
a.mb { font-size: 18px; color: #cc0000 }

/* Repertoris fotogràfics */

table.ft {width: 40%; margin: 20px; float: right }
caption.ft { font-style: italic; color: blue }

/* Imatges flotants aïllades */

img.fl { float: right; margin: 15px }

/* Mides i posició de la barra de menú */

div.m { width: 100%;  z-index: 99;  }

#mainNav {                       
   text-align: center;  /* No modificar */
   width: 950px; /* Amplada */
   padding-left: 60px; /* Separació entre la vora del marc i la del menú */
}

/* Característiques de la lletra de la barra de menú */

#mainNav a {
   font-family: 'Trebuchet ms', Arial, sans-serif; /* Tipus de lletra */
   color: white; /* Color */
   font-weight: bold; /* Gruix */
   font-size: 12px; /* Mida */
   text-decoration: none; /* Subratllat, etc. */
}

#mainNav li:hover a, #mainNav li.over a {
   color: #6666ff /* Color 'hover' */
}

/* Cel·les de la barra del menú */

#mainNav ul {
   margin: 0px; /* No modificar */
   padding: 0px;  /* No modificar */
}

#mainNav li {
   position: relative;  /* No modificar */
   float: left;  /* No modificar */
   list-style: none;  /* No modificar */
   background-color: #6666ff /* Color de fons de les cel·les  */
}

#mainNav li:hover, #mainNav li.over {
   background-color: white /* Color 'hover' del fons de les cel·les */
}

#mainNav li.listpares {
   width: 120px; /* Amplada */
   border: dotted 1px black; /* Vora */
   text-align: center; /* Posició del text  */
   text-transform: none; /* Eventual transformació de la lletra */
   padding-top: 3px; padding-bottom: 2px; /* Farciments */
}

/* Desplegable */

#mainNav li ul {
   display: none;  /* No modificar */
   position: absolute;  /* No modificar */
   left: 0px;  /* No modificar */
   top: 21px; /* Separació entre barra i desplegables (ajustar al final) */
   text-transform: small-caps; /* Eventual transformació de la lletra */
   list-style: none; /* No modificar */
   border-top-width: 0; /* No modificar */
   margin: 0px; /* No modificar */
   padding: 0px; /* No modificar */
}

#mainNav li li {
   width: 120px; /* Amplada de les cel·les */
   border-bottom: dotted 1px black; border-left: dotted 1px black; border-right: dotted 1px black;/* Vores de les cel·les */
   margin: 0px; /* Separació entre cel·les */
   background-color: #6666ff; /* Color de fons de les cel·les */
   text-align: center; /* Posició del text en la cel·la */
}

#mainNav li ul li:hover, #mainNav li ul li.over {
   background-color: white; /* Color 'hover' del fons de les cel·les */
}

#mainNav li ul a {
   float: none; /* no modificar */
   display: block;  /* no modificar */
   font-family: Tahoma, Arial, sans-serif; /* Tipus de lletra */
   font-weight: normal; /* Gruix de lletra */
   font-size: 11px; /* Mida de la lletra */
   text-decoration: none; /* Subratllat, etc. */
   padding-left: 0px; padding-top: 2px; padding-bottom: 3px; /* Farciments */
}

#mainNav li:hover ul a, #mainNav li.over ul a{
   color: white; /* Color de la lletra */
}

#mainNav li ul li:hover a, #mainNav li ul li.over a {
   color: #6666ff; /* Color 'hover' de la lletra */
}

#mainNav li li.listfills1 {
   border-top: dotted 1px black; /* Vora superior de les cel·les primeres de columna */
}

#mainNav li:hover ul, #mainNav li.over ul {
   display: block; /* No modificar */
}