body { 
  font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; margin: 0px 0px 0px 0px;
  background-color: #C5C5C5; }

a {
  font-family: Arial, Helvetica, sans-serif; font-size: 100%; text-decoration: none;
  color: #CC0000;
}
a:active  { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { color: #666666; text-decoration: none; }

a.opcions {
  font-size: 100%;
  font-weight:bold; color:#CCCCCC; text-decoration: none;
}
a.opcions:active  { text-decoration: none; }
a.opcions:visited { text-decoration: none; }
a.opcions:hover   { color: #CC0000; text-decoration: none; }
h1 { color: #000000; font-size: 130%; margin: 10px 0px 20px 0px; padding: 0px;}
h2 { color: #000000; font-size: 120%; margin: 20px 0px 5px 0px; padding: 0px;}
font.opcions {
  font-size: 100%;
  font-weight:bold; color:#CC0000; text-decoration: none; font-style:italic;
}
#cap{
  width: 740px; height: 200px; position: relative;
  padding: 0px; margin: 0px; background-color: #000000; color: #000000;
}
#menu{
  width: 175px; height: 190px; float:left; background-color: #000000;
  font-size: 120%; line-height: 25px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 10px;
}
#menu ul {
  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #000000;
  list-style-type: none; list-style-position: outside; 
}
#foto{
  width: 535px; position: relative;
  bottom: 0; float: right;
}
#cos{
  width: 740px; height: 100%; position: relative;
  padding: 0px; margin: 0px; background-color: #DDDDDD; color: #000000;
}
#horari{
  width: 200px; height: 100%; float:left; background-color: #C5C5C5;
  font-size: 100%; padding: 10px 0px 10px 5px; margin: 0px 0px 0px 0px;
}
#continguts{
  width: 530px; height: auto; position: relative; padding: 10px 0px 10px 5px;
  bottom: 0; float: right; background-color:#DDDDDD;
}

.peu {
  margin-left: 0px; width:750px;
}