body    { background-image: url("img/tela_clara.jpg"); margin: 0; padding: 0 }
p   { color: #000; font-size: 16px; font-family: Arial; text-align: justify }
h3   { color: #800000; font-size: 22px; font-family: Arial; font-weight: bold; text-align: justify }
.peu { color: #000; font-size: 10px; font-family: Verdana; text-align: center }
.peu a:link   { color: #000; text-decoration: none }
.peu a:hover        { color: #8b0000; text-decoration: none }
.peu a:visited  { color: #000; text-decoration: none }
a.peu:hover      { color: #800000; text-decoration: none }
.botons    { color: #000; font-size: 22px; font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold; background-image: url("img/tela.jpg"); text-align: center; word-spacing: -4px; position: relative; top: 4px; border-top: 1px solid #000 }
.botons a:link   { color: #800000; text-decoration: none }
.botons a:visited   { color: #6a0000; text-decoration: none }
.botons a:hover  { color: #b30000; font-size: 20px; font-weight: bold; text-decoration: none; padding: 5px; border: solid 1px #000 }
.subotons     { color: #000; font-size: 18px; font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold; background-image: url("img/tela.jpg"); text-align: center; word-spacing: -4px; position: relative; top: 4px; border-bottom: 1px solid #000 }
.subotons a:link   { color: #800000; text-decoration: none }
.subotons a:visited   { color: #6a0000; text-decoration: none }
.subotons a:hover   { color: #b30000; font-size: 16px; font-weight: bold; text-decoration: none; padding: 5px; border: solid 1px #000 }
.llista_contactes   { color: #000; font-size: 15px; font-family: Arial; font-weight: bold; text-align: center }
.llista_contactes2   { color: #800000; font-size: 15px; font-family: Arial; font-weight: bold; text-align: center }
#menuObra          { font-size: 18px; visibility: hidden; position: absolute; top: 84px; left: 30px }
#menuInfo    { font-size: 18px; visibility: hidden; position: absolute; top: 84px; left: 100px }
.flags { }