body { margin:0;padding:0;border:0;background:#fff;min-width:640px;font-family:Calibri,Arial,'MgOpen Modata',sans-serif;font-size:13pt;max-height:999999px }

.colmask { position:relative;clear:both;float:left;width:100%;overflow:hidden;border-top:1px #666 solid }
.holygrail { background:#eee } /* Right column background colour */
.holygrail .colmid { float:left;width:200%;
  margin-left:-200px; /* Width of right column */
  position:relative;right:100%;
  background:#fff /* Centre column background colour */
 }
.holygrail .colleft { float:left;width:100%;margin-left:-50%;position:relative;
  left:400px; /* Left column width + right column width */
  background:#eee /* Left column background colour: ffd8b7 */
 }
.holygrail .col1wrap { float:left;width:50%;position:relative;
  right:200px; /* Width of left column */
  padding-bottom:1em /* Centre column bottom padding. Leave it out if it's zero */
 }
.holygrail .col1 {   margin:12px 215px 0; /* Centre column side padding:
  Left padding = left column width + centre column left padding width
  Right padding = right column width + centre column right padding width */
  position:relative;left:200%;overflow:hidden }
.holygrail .col2 { float:left;
  float:right; /* This overrides the float:left above */
  width:180px; /* Width of left column content (left column width minus left and right padding) */
  position:relative;
  right:10px; /* Width of the left-had side padding on the left column (was 15px) */
  margin:12px 0 }
.holygrail .col3 { float:left;
  float:right; /* This overrides the float:left above */
  width:180px; /* Width of right column content (right column width minus left and right padding) */
  margin-right:30px; /* Width of right column right-hand padding + left column left and right padding */
  position:relative;left:50% }
/* Footer styles */
#footer { clear:both;float:left;width:100%;border-top:1px solid #666 }
#footer p { padding:10px;margin:0 }

h1, h2, h3, h4, p, ol, ul, li { max-height:999999px }
h1, h2, h3 { color:#ed1b24 }
a:link, a:active, a:visited { color:#00b;text-decoration:none }
a:hover { color:#00b;text-decoration:underline }
img { border:0 }
img.a, img.aa, img.aaa { width:19px;height:21px }
img.icona { width:16px;height:16px;margin:2px 4px 0;vertical-align:top }
img.ilustra { width:570px;height:285px;margin:6px 0 0;border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px }
input,textarea,select { font-family:Arial,Helvetica,sans-serif;font-size:12pt;color:#000;background-color:#eaeaea;border:1px solid #bbb }
hr { color:#999;background-color:#999;height:1px;border:0px }
ol { margin:0 0 6px;padding:0 0 0 2em;margin-left:0 }
ul { list-style:square;margin:0 0 6px;padding:0 0 0 2em;margin-left:0 }
ul ul { margin-bottom:0 }
form { margin:0px }
p { color:#000 }
table { border-collapse:collapse;border-spacing:0;vertical-align:top }
table.cap { width:100% }
table.calendari td, table.calendari th { padding-right:10px }
table.calendari td.lloc { padding:0 }
table.formulari { border-collapse:separate;border-spacing:4px }
tr.filet { border-bottom:1px #ccc solid }
td { padding:0px;color:#000;background-color:#fff;text-align:left;vertical-align:top }
th { text-align:left;background-color:#eee }
td.cap { width:100%;text-align:right;background:url(gradacio.jpg) right no-repeat }
td.sub { padding-left:16px }
td.formulari { text-align:right;padding-top:4px }
td.formulari input#mailing { padding-top:0px }
#logotip { width:647px;height:90px;padding:8px 0 8px 15px }
#logotip a { background-image:url(imagotip.png);background-position:left top;display:block;width:647px;height:90px }
#logotip a:hover { background-position:left bottom }
#logotip h1 { display:none }

.col2,.col3 { float:left;width:120px;margin:0 12px 12px 0 }
.col2 ul,.col3 ul { list-style-type:none;margin:0;padding:0 }
.col2 li,.col3 li { font-size:11.5pt;margin:0;display:block;text-indent:6px;border-top:1px #ddd solid }
.col2 li a,.col3 li a { color:#00a;width:100%;padding:2px 0;display:block;text-decoration:none;line-height:1.25em }
.col2 li a.actiu,.col3 li a.actiu { color:#000;background:#ddd;font-weight:bold }
.col2 li a:hover,.col3 li a:hover { color:#ed1b24;background-color:#ddd }
.col2 li a:hover.actiu,.col3 li a:hover.actiu { color:#000;font-weight:bold }

.col2 li.submenu,.col3 li.submenu { font-size:10pt;text-indent:14px;border:0;background:url(punt.gif) 6px 8px no-repeat }
.col2 li.submenu a:hover,.col3 li.submenu a:hover { background:url(punt.gif) #ddd 6px 8px no-repeat }
.col2 li.submenu a.actiu,.col3 li.submenu a.actiu { color:#000;background:#ddd;background:url(punt.gif) #ddd 6px 8px no-repeat }

.activitat { font-size:10pt;color:#666;margin-left:6px;text-indent:0 }
.boto {font-family:Arial,Helvetica,sans-serif;color:#fff;background-color:#555;border-bottom:1px solid #333;border-right:1px solid #333;border-top:1px solid #777;border-left:1px solid #777;margin:12px 0 10px}
.ocult { display:none;clear:left }
.dreta { text-align:right }
.gris { color:#888 }
.llegenda { font-size:9.5pt;color:#600;margin-bottom:18px }
.ultim { border-bottom:1px #ddd solid }
.petita { font-size:10pt;line-height:90% }

.disclaimer {
    padding-left: 3px;
	padding-right: 3px;
    font-size: x-small;
    background-color: #eaeaea;
    border-style: solid;
    border-width: thin;
    border-color: #bbbbbb;
}

.address {     
	text-align: center;
    font-weight: bold;
    font-size: x-small;
	}