/* Cos de la pàgina */
body {  
    margin: 0 auto;  
    width: 90%;  
    font-family: Arial, Helvetica, sans-serif;  
    background-color: #f0f2f5; /* gris clar suau */
    color: #333;  
}  

/* Capçalera */
header {  
    padding: 30px 10px;  
    color: #fff;  
    text-align: center;  
    background-color: #003366; /* blau marí */
}  

header h1 {  
    margin: 0;  
    font-size: 2.5em;  
    font-weight: bold;  
    text-transform: uppercase;  
}  

header h2 {  
    margin: 5px 0 0;  
    font-size: 1.2em;  
    font-weight: normal;  
}  

/*********************
Menú de navegació
*********************/
nav {  
    background-color: #0055a5; /* blau més clar que la capçalera */
    padding: 12px;  
}  

nav ul {  
    list-style-type: none;  
    margin: 0;  
    padding: 0;  
    text-align: center;
}  

nav li {  
    display: inline-block;
    margin: 0 15px;  
}  

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

nav a:hover {  
    color: #ffcc00;  
    border-bottom: 2px solid #ffcc00;  
}  

/*********************
Contingut principal
*********************/
main {
    width: 70%;           /* main ocupa 60% de l'amplada */
    float: left;          /* main a l'esquerra */
    background-color: #ffffff;
color:#0000000;
    
}
.contingut {
   color: #003366;            /* text blau marí */
  background-color: #f0f2f5;            /* blau fosc amb molt bon contrast */
  font-size: 1px;
  text-decoration: none;
  padding: 2px 6px;
  font-weight: bold;
}

/*********************
Barra lateral
*********************/
aside {
    width: 30%;           /* aside ocupa 30% de l'amplada */
    float: right;         /* aside a la dreta */
    background-color: #e9f5ff;
    color: #003366;
    
}

/*********************
Peu de pàgina
*********************/
footer {  
    background-color: #003366;  
    color: #fff;  
    text-align: center;  
    padding: 15px;  
    clear: both; /* baixa després dels floats */
    margin-top: 20px;  
}

/*********************
Enllaços
*********************/
a:link {  
    color: #FFFFFF;  
    text-decoration: none;  
    border-bottom: 1px dotted #0055a5;  
}  

a:visited {  
    color: #FFFFFF; /* violeta suau */
}  

a:hover {  
    color: #ff6600;  
    border-bottom: 2px solid #ff6600;  
}  

a:focus {  
    color: #fff;  
    background: #ffcc00;  
    border: none;  
    padding: 2px 4px;  
}  

a:active {  
    color: #fff;  
    background: #333;  
}  



.saltar { background-color: #f0f2f5; /* gris clar suau */
    color: #333;  
 }