body { 
  font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; color: #000000; margin: 0px 0px 0px 0px;
  background-color: #ffffff;
  }
  
.dreta { background: url(galeria/o_dreta.jpg) 100% 0 no-repeat; width:260px; margin-right: 5px; }
.baix-esq { background: url(galeria/o_baix-esq.jpg) 0 100% no-repeat; }
.baix-dreta { background: url(galeria/o_baix-dreta.jpg) 100% 100% no-repeat; padding:0 11px 11px 0; }


a { color: #000000; }
a:hover   { color: #000000; text-decoration: none; background-color: #D7E710; }
a:visited { color: #666666; }

h1 { color: #000000; font-size: 130%; margin: 10px 0px 20px 0px; padding: 0px; }
h2 { color: #000000; font-size: 110%; margin: 10px 0px 20px 0px; padding: 0px; }
h3 { color: #000000; font-size: 90%;  margin: 10px 0px 20px 0px; padding: 0px; }
h6 { color: #000000; font-size: 160%;  margin: 5px 0px 10px 0px; padding: 0px; color: #666666; }
.p1 { padding: 5px; margin: 0px; background-image: url(galeria/fons06.gif); background-repeat: repeat; }
.p2 { margin: 5px 5px 0px 5px; font-size: 90%; }
.p3 {
  padding: 2px 2px 2px 10px; margin: 0px 0px 0px 0px; font-size: 90%; font-weight: bold; background-color: #dedede;
  background-image: url(galeria/fons03.gif); background-repeat: repeat-y;
  }
.p3 a { color: #666666; }
.p3 a:hover { color: #000000; background-color: #D7E710; }
.p3 a:visited { color: #666666; }

.p4 { padding: 20px 0px 0px 10px; }
.fonstextura1 { background-image: url(galeria/paper01.jpg); background-repeat: repeat; }
.fonstextura2 { background-color: #FFFF66; }
.fonstextura3 { background-image: url(galeria/paper03.jpg); background-repeat: repeat; }
.fonstextura4 { background-image: url(galeria/paper04.jpg); background-repeat: repeat; }
.fonstextura5 { background-image: url(galeria/paper05.jpg); background-repeat: no-repeat; background-color: #EFEBE2; }
.fonstextura5b { background-image: url(galeria/paper05_baix.jpg); background-repeat: no-repeat; }

.taula1 { margin-top: 20px; }
.taula1 table { font-size: 100%; }
.taula1 table td {
  padding: 5px;
  border-right: 2px solid #666666; border-bottom: 2px solid #666666;
  border-left: 1px solid #cccccc; border-top: 1px solid #cccccc;
  }
.casella1 {
  background-color: #cccccc; background-image:url(galeria/fons03.gif); background-repeat: repeat;
  }
.casella2 {
  background-color: #E5E5E5; background-image:url(galeria/fons03.gif); background-repeat: repeat;
  }
img { border: 0px; }
.img_esquerra {
  background-image:url(galeria/fons03.gif); background-repeat: repeat; background-color: #dedede;
  float: left; margin: 5px 5px 5px 0px; padding: 5px;
  }
.img_dreta {
  background-image:url(galeria/fons03.gif); background-repeat: repeat; background-color: #dedede;
  float: right; margin: 5px 5px 5px 0px; padding: 5px;
  }
#pagina{
  width: 100%; position: absolute;
  padding: 0px; margin: 0px auto; background-color: #ffffff; color: #000000;
  }

#esquerra {
  position: absolute; left: 3px; width: 170px; top: 5px; 
  min-height: 520px;  height: auto !important; height: 520px;
  background-color: #ffffff; text-align: left;
  }
#principal {
  position: absolute; left: 180px; width: 555px; 
  min-height: 520px;  height: auto !important; height: 520px; 
  height: auto; top: 5px;
  background-color: #ffffff; padding: 5px 5px 0px 5px;
  border: 3px solid #666666;
  }
.bloc1 {
  width: 132px; height: 42px; background-color: #dedede; margin-right: 3px; float: left; 
  font-weight: bold; color: #000000;
  }
.bloc2 {
  width: 132px; height: 120px; min-height: 120px; background-color: #EEEDE8;
  margin: 0px 3px 0px 0px; padding: 0px; float: left;
  }
.bloc2 ul { margin: 0px; padding: 0px; background-color: #dedede; list-style-type: none; }
.bloc2 ul li { width: 132px; }
.bloc2 ul li a { display: block; background-color: #dedede; color: #000000; margin-left: 5px; }
.bloc2 ul li a:hover { display: block; background-color: #D7E710; color: #000000; margin-left: 5px; text-decoration: none;}
.bloc2 .inactiva { width: 125px; display: block; background-color: #dedede; margin-left: 5px; }
.bloc3 {
  width: 132px; height: 5px; min-height: 5px; max-height: 5px; background-color: #ffffff; margin: 0px 3px 5px 0px; float: left; 
  background-image: url(galeria/fons03.gif); background-repeat: repeat; font-weight: bold; color: #cccccc;
  }

.nota1 { float: left; margin-right: 0px; margin-bottom: 10px; width: 260px; }
.nota2 { margin-left: 265px; margin-bottom: 10px; }

.menu{
  width: 170px; height: auto; font-size: 95%; background-color: #dedede;
  margin: 5px 0px 10px 0px; text-align: left;
  border-top: 2px solid #D7E710; border-bottom: 2px solid #D7E710; 
  background-image: url(galeria/fons03.gif); background-repeat: repeat-y;
}
.menu ul {
  width: 170px; height: auto; list-style-type: none;
  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
  }
.menu ul li {
  width: 170px; height: 25px; display: block; margin-left: 0px;
  }
.menu ul li a {
  width: 170px; height: 25px; color: #000000; padding-left: 10px;
  font-weight: bold; display: block;
  background-image: url(galeria/puntllista01.gif); background-repeat: no-repeat;
  }
.menu ul li a:hover {
  width: 170px; height: 20px; color: #000000; padding-left: 10px;
  font-weight: bold; display: block; text-decoration: none; margin-bottom: 5px;
  background-image: url(galeria/puntllista02.gif); background-repeat: no-repeat;
  }
  
.submenu {
  width: 160px; height: auto; font-size: 95%; padding: 25px 0px 0px 0px; margin: 5px 0px 0px 0px;
  float: right;
  background-image: url(galeria/paper06.jpg); background-repeat: no-repeat; 
  }
.submenu ul {
  width: 160px; height: auto; list-style-type: none;
  margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; 
  }
.submenu ul li {
  width: 160px; height: 25px; display: block; margin-left: 0px;
  }
.submenu ul li a {
  width: 160px; height: 25px; color: #000000; padding-left: 10px; display: block;
  background-image: url(galeria/puntllista05.gif); background-repeat: no-repeat;
  }
.submenu ul li a:hover {
  width: 160px; height: 20px; color: #00000; padding-left: 10px; display: block;
  background-image: url(galeria/puntllista06.gif); background-repeat: no-repeat;
  text-decoration: none; margin-bottom: 5px;
  }
.submenu .actual { padding-left: 10px; font-weight: bold; }
.submenu .inactiva { padding-left: 10px; }
.submenu img { margin-left: 5px; }
.submenu .baix { background-image: url(galeria/paper06_baix.jpg); background-repeat: no-repeat; }

.cos{
  width: 740px; height: 100%; position: relative;
  padding: 0px; margin: 0px; background-color: #DDDDDD; color: #000000;
}
.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;
}