@charset "utf-8";
/* CSS Document */

/* Funcionament i jerarquia dels fulls CSS */
/*
El nom i ordre de càrrega dels arxius css en el HTML serà 1)reset.css 2)structure.css 3)style.css 4)nomdelapagina.css. En cap cas hi haurà més CSS que els descrits prèviament, i l'ús dels quals serà el següent:
1) reset.css per resetejar tots els paràmetres propis dels navegadors a zero.
2) structure.css per definir els paràmetres dels "div". Aquest paràmetres NOMÉS inclouran posicionament, dimensions, colors de fons i línies
En aquest CSS únicament es tenen en compte valors d'estil, res de posicionament ni dimensions, que es definiran a l'arxiu structure.css
En el document HTML s'ha de ser prou polit com per que l'estil només necessiti elements "class", i aplicar els "div" per dimensionar, posicionar i aplicar colors o imatges de fons
En cas d'existir paràmetres concrets per a una única pàgina, es crearà un arxiu CSS del tipus nomdelapagina.css, que definirà aquells paràmetres, per evitar carregar en excés els CSS principals per detalls particulars
*/



/* ************************************************************************************************************* */

/* REGLES D'ESTIL APLICABLES A TOT EL DOCUMENT */

/* PROPIETAT ABREUJADES */
/* font: style(italic) weight(bold) variant(small-caps) size/line-height font-family; */

body{
font:12px/1em Arial,Helvetica,sans-serif;
}

a{
text-decoration:none;
}

a:hover{
text-decoration:none;
border-bottom:1px dotted;
}


/* REGLES D'ESTIL APLICABLES ALS DIFERENTS CLASS */

.title{
position:absolute;
bottom:10px;
font:2em Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:6px;
color:#000;
visibility:hidden;
}
.lema{
position:absolute;
top:24px;
font:1.6em "Times New Roman", Georgia, Times, serif;
color:#fff;
letter-spacing:1px;
visibility:hidden;
}
.language a,a:hover{
border:none;
}
/* INICI DEL MENU */
.link li{
display:inline;
}
.link a{
font:0.9em Arial, Helvetica, sans-serif;
color:#666;
margin:0 0 0 15px;
}
.link a:hover{
border-bottom:1px solid;
}
.active{
font:0.9em Arial, Helvetica, sans-serif;
color:#666;
margin:0 0 0 15px;
border-bottom:1px solid;
}

/* INICI DEL CONTINGUT */

.maintitle{
margin:15px 0 10px 0;
font:1.6em Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#000;
}
.maintext{
font:1em/1.6em Arial, Helvetica, sans-serif;
padding:0 0 15px 0;
color:#666;
text-align:left;
}
.maintext li{
list-style-type:disc;
list-style-position:inside;
}
.contactitle{
font:1em/1.6em Arial, Helvetica, sans-serif;
color:#666;
text-align:left;
}
.contacto{
font:0.9em/1.2em Arial, Helvetica, sans-serif;
padding:0 0 15px 0;
color:#666;
text-align:left;
}
.links a{
font:0.9em/1.2em Arial, Helvetica, sans-serif;
padding:0;
color:#666;
text-align:left;
}
.sidebarlink{
margin:20px 0 0 0;
}
.sidebarlink li{
padding:15px 0 0 0;
}
.sidebarlink a{
font:0.9em/1.2em Arial, Helvetica, sans-serif;
color:#666;
text-align:left;
}
.question{
font:1em/1.6em Arial, Helvetica, sans-serif;
padding:0;
color:#666;
text-align:left;
}
.strong{
font-weight:bold;
}
.italic{
font-style:italic;
}
.footext{
font:0.9em Arial, Helvetica, sans-serif;
color:#666666;
}
.mail a{
color:#E72514;
}
.mail a:hover{
color:#fff;
background:#E72514;
border:none;
}
.adress{
font:0.9em Arial, Helvetica, sans-serif;
color:#999;
}
.underlink a{
font:0.9em Arial, Helvetica, sans-serif;
color:#aaa;
}
.underlink a:hover{
border-bottom:1px dotted;
}
.underlink li{
display:inline;
float:right;
padding:0 0 2px 10px;
}
