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

#pagina {
  margin: 0px auto 0px auto;
  width: 780px;
  position: relative;
  top: 2px;
  padding: 0px;
  min-height: 1300px;
  height: auto !important;
  height: 1300px;
  overflow: hidden; 
  z-index: 1;
  }

A {
  text-decoration: underline;
  color: #666666;
  margin: 0px;
  padding: 0px;
  }
A:Hover {
  color: #e98b2b;
  }
form {
  margin: 0px;
  }
form select {
  font-size: 80%;
  }
form .camp {
  width: 150px;
  float: left;
  }
form .obligatori { }
form .campocult { }
p {
  padding: 0px;
  }
p.p1 { background-color: #FFCC33;
  margin: 10px 0px 10px 0px;
  }
h1 {
  font-size: 150%;
  font-weight: bold;
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 5px 0px;
  }
h2 {
  font-size: 130%;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 5px 0px;
  }
h3 {
  background-color: #ffffff;
  color: #ff0000;   
  font-size: 100%;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 2px 5px 4px 5px;
  }
h3 a {
  color: #ff0000;
  }
h3 a:hover {
  color: #666666;
  }
h4 {
  background-color: #40FF40;
  font-size: 110%;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 5px;
  }
h5 {
  font-size: 110%;
  font-weight: bold;
  margin: 20px 0px 5px 0px; 
  color: #423200; 
  }
h6 { 
  font-size: 90%; 
  font-weight: bold; 
  margin: 0px 0px 5px 0px;
  }
img { 
  padding: 0px; 
  margin: 0px; 
  border: 0px; }
img.dta { float: right; 
  padding: 5px; 
  margin: 5px 0px 5px 5px; 
  background-color: #ffffff;
  }
img.esq {  
  float: left; 
  padding: 5px; 
  margin: 5px 5px 5px 0px; 
  background-color: #ffffff;
  }
img.mig { 
  text-align: center; 
  display: block; 
  margin: 5px 5px 5px 5px; 
  padding: 5px;
  }

table { 
  text-align: left; 
  }
.obligatori { 
  background-color: #CCCCCC; 
  }

.buscador { 
  text-align: right;
  width: 745px; 
  height: 25px; 
  background-color:#7FC424;
  margin: 0px 0px 0px 0px; 
  padding: 0px 5px 2px 0px; 
  display: block; 
  display: none;
  }
.cap { 
  width: 780px; 
  height: 133px; 
  margin: 0px auto; 
  padding: 0px; 
  background-image: url(imatges/fons03.gif); 
  background-repeat: no-repeat; 
  background-position: top right;
  }
.cap .esquerra { 
  width: 545px; 
  height: 115px; 
  margin: 0px 0px 0px 0px; 
  padding: 0px; 
  float: left;  
  }

 .iconesoci { width: 150px; height: 90px; margin: 0px; padding: 8px; float: left; }
.menu {
  width: 100%; 
  min-height: 60px; 
  height: auto !important; 
  height: 40px; 
  margin: 0px; 
  padding: 0px; 
  text-align: left; 
  }
html>body .menu {
  overflow: auto;
  }
.menu ul {
  height: 15px; 
  padding: 0px 10px 0px 0px; 
  margin: 20px 10px 0px 0px; 
  list-style-type:none; 
  font-size: 85%; 
  display: block; 
  float: left; 
  }
.menu ul li {
  width: 75px;  
  height: 22px;  
  margin: 0px;  
  padding: 0px;  
  display: inline;
  text-align: center; 
  }
.menu ul li a {
  display: inline;  
  width: 75px;  
  height: 18px; 
  margin: 0px 3px;  
  padding: 2px;  
  float: left; 
  color: #000000;  
  text-decoration: none;  
  text-align: center; 
  font-weight: bold;  
  font-size: 130%;
  }
.menu ul li a:hover {
  width: 75px; 
  height: 18px;  
  margin: 0px 3px;  
  padding: 2px; 
  color: #ff0000; 
  text-decoration: none; 
  text-align: center; 
  font-weight: bold; 
  font-size: 130%;
  }
.submenus { 
  width: 780px;
  position: absolute;
  top: 60px; left: auto;
  padding: 0px;
  min-height: 150px
  height: auto !important
  height: 150px; 
  margin: 0px auto 0px auto;
  z-index: 1000;
  overflow: hidden;
  visibility: hidden;
  }
.submenu {
  position: absolute;
  top: 118px;
  background-color: #ffffff; 
  border: 1px solid #000000;
  border-top: 3px solid #ffffff;
  visibility: hidden;
  z-index: 1; 
  }
.submenu ul {
  padding: 0px; 
  margin: 0px 0px 0px 0px; 
  list-style-type:none; 
  background-color: #ffffff; 
  }
.submenu ul li { 
  margin: 0px 0px 0px 0px; 
  min-height: 18px; 
  height: auto !important; 
  height: 18px; 
  line-height: 20px; 
  vertical-align: middle;
  text-align: left;
  }
.submenu ul li a {
  height: 18px; 
  display: block; 
  margin: 0px 3px 0px 0px; 
  padding: 2px;
  font-size: 100%;
  font-weight: bold;
  color: #000000; 
  text-decoration: none;
  }
.submenu ul li a:hover {
  height: 18px; 
  display: block; 
  margin: 0px 3px 0px 0px; 
  padding: 2px;
  font-size: 110%; 
  color: #ff0000; 
  text-decoration: none; 
  }
.actual { color: #00CC66; }

.cap .esquerra .frase {
  width: 80%; 
  height: 40px; 
  margin: 3px 0px 0px 0px; 
  font-size: 120%; 
  color: #ff0000;
  font-weight: bold; float: right; 
  text-align: right; 
  }
.cap .esquerra .frase p {
  margin: 3px 35px 3px 0px;
  color: #ff0000; 
  }
.cap .situacio {
  width: 85px; 
  min-height: 100px; 
  height: 100px; 
  line-height: 100px;
  vertical-align: middle;
  margin: 0px 0px 0px 0px;
  padding: 0px; 
  float: left; 
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  color: #ffffff;
  }
.cap .situacio p { 
  line-height: 100px;
  margin: 0px;
  padding: 0px 5px 5px 5px;
  vertical-align: middle;
  }
.cap .logo {
  width: 130px;  
  min-height: 100px;  
  height: 100px;  
  margin: 0px; 
  padding: 0px;  
  float: right;
  }
.cap .logo img {
  padding: 0px 33px 0px 0px;  
  margin: 0px; 
  }

.continguts {  
  width: 100%;  
  min-height: 250px;  
  height: auto !important;  
  height: 250px;  
  margin: 0px 0px 0px 0px;
  clear: both;
  position: relative;
  background-image: url(imatges/fons04.gif);
  background-repeat: repeat-y;
  }
html>body .continguts {  
  overflow: hidden;  
  }
.principal {
  float: left;  
  width: 550px;  
  margin: 0px;  
  padding: 0px;
  vertical-align: top;  
  list-style-type: disc; 
  min-height: 200px;  
  height: auto !important; 
  height: 200px; 
  text-align: left;
  position: relative;
  }
.principalreg {
  float: right;  
  width: 550px;  
  margin: 5px 0px 0px 0px;  
  padding: 5px;
  vertical-align: top;  
  list-style-type: disc;
  min-height: 350px;  
  height: auto !important;  
  height: 350px; 
}
.llista {  
  list-style-type: none;  
  margin: 20px 0px 0px 10px; 
  }
.llista ul {  
  margin: 40px 0px 0px 0px; 
  padding: 0px; 
  }
.llista li { 
  margin: 0px 0px 10px 0px; 
  height: 22px; 
  }
.llista li a { 
  background-image: url(imatges/punt_llista01.gif); 
  background-repeat: no-repeat;
  color: #ff0000;
  padding-left: 25px; 
  margin: 0px 0px 0px 5px; 
  height: 22px;
  }
.llista li a:hover { 
  background-image: url(imatges/punt_llista02.gif); 
  background-repeat: no-repeat;
  color: #000000; 
  padding-left: 25px;
  margin: 0px 0px 0px 5px;
  }

.registreportada {
  width: 100%; 
  min-height: 50px;
  height: auto !important;
  height: 50px; 
  float: left; 
  margin: 10px 0px 20px 0px;
 }
html>body .registreportada { overflow: auto; }
.registreportada p {
  margin: 0px;
  } 
.registreportada .titol {
   color: #000000; 
   font-size: 150%;
   }
.registreportada a {
   color: #ff0000;
   text-decoration: none;
   }
.registreportada a:hover {
   color: #000000;
   }
.registreportada img {
  clear: both; 
  margin: 5px 0px; 
  }

.registre {
  width: 100%; 
  height: auto; 
  min-height: 25px; 
  height: auto !important; 
  height: 25px; 
  margin-bottom: 5px; 
  float: left; 
  color: #000000; 
  }
html>body .registre { 
  overflow: auto; 
  }
.registre .titol {
  width: 100%; 
  color: #000000;   
  font-size: 150%;
  }
.registre .datapublicacio { 
  color: #000000; 
  }
.registre .resum { }
.registre img.dta { 
  float: right; 
  margin: 5px 0px 5px 5px; 
  padding: 0px; 
  }
.registre img.esq { 
  float: left; 
  margin: 0px 5px 5px 5px;  
  padding: 0px; 
  }
.registre .img_esq_text { 
  float: left; 
  margin: 0px 5px 5px 5px; 
  padding: 0px; 
  }
.registre .img_dta_text { 
  float: right; 
  margin: 5px 0px 5px 5px; 
  padding: 0px; 
  }
.registre .img_esq { 
  text-align: left; 
  display: block; 
  margin: 0px 5px 5px 5px; 
  padding: 0px; 
  }
.registre .img_dta { 
  text-align: right; 
  display: block; 
  margin: 5px 0px 5px 5px; 
  padding: 0px; 
  }
.registre .img_mig { 
  text-align: center; 
  display: block; 
  margin: 5px 0px; 
  padding: 0px; 
  }
.registre p { 
  }
.registre a { 
  color: #ff0000; 
  }
.registre a:hover { 
  color: #000000; 
  }
.registre .miniatures { 
  width: 150px; 
  float: right; 
  min-height: 350px; 
  height: auto !important; 
  height: 350px;
  margin: 5px 0px 0px 15px; 
  text-align: center; 
  }
html>body .registre .miniatures { 
  overflow: auto; 
  }
.registre .miniatures p { 
  margin: 0px; 
  padding: 5px; 
  clear: both; 
  }
.registre .miniaturesh { 
  width: auto; 
  min-height: 100px; 
  height: auto !important; 
  height: 100px;
  margin: 5px 0px 0px 0px; 
  text-align: left; 
  }
.registre .miniaturesh p { 
  margin: 0px; 
  padding: 5px; 
  float: left; 
  }
html>body .registre .miniaturesh { 
  overflow: auto; 
  }

.opciollista {
  width: 100%; 
  min-height: 40px; 
  height: auto !important; 
  height: 40px; 
  margin: 0px 0px 5px 0px;
  background-color: #ECECEC;
  }
html>body .opciollista { 
  overflow: auto; 
  }
.opciollista .titol {
  color: #000000; 
  font-size: 150%; 
  padding: 0px;
  margin: 2px;
  }
.opciollista .titol a {
  text-decoration: none; 
  padding: 0px 0px 0px 25px;
  color: #ff0000;
  background-image: url(imatges/punt_llista02a.gif);
  background-repeat: no-repeat;
  }
.opciollista .titol a:hover {
  text-decoration: none; 
  padding: 0px 0px 0px 25px;
  color: #000000;  
  background-image: url(imatges/punt_llista01a.gif);
  background-repeat: no-repeat;
  }
.opciollista .resum { 
  padding: 0px; 
  margin: 0px 0px 0px 25px; 
  }
.opciollista img { 
  float: right; 
  margin: 2px; 
  padding: 0px;
  }

.boto01 { 
  width: 30px; height: 11px; 
  background-color: #ff0000; 
  margin: 0px; 
  }
.boto01 a { 
  color: #ffffff; 
  margin-top: 1px;
  padding: 0px 15px 0px 0px;
  text-decoration: none;
  font-weight: bold;
  }
.boto01 a:hover { 
  color: #ffffff; 
  padding: 0px 0px 0px 15px;
  }

.destacats { 
  position:relative; 
  float: right; 
  width: 190px; 
  min-height: 300px;
  height: auto !important;
  height: 300px; 
  margin: 0px; 
  padding: 0px; 
  text-align: left; 
  border-left: 3px solid #000000;
  background-image: url(imatges/fons02.gif);
  background-repeat: repeat-y;
  }

.destacats a { 
  color: #ff0000; 
  }
.destacats a:hover {
  color: #000000; 
  }
.destacats .registredestacat {
  margin: 15px 5px 0px 5px;
  min-height: 50px;  
  height: auto !important;  
  height: 50x;
  }
.boto02 { 
  width: 30px; 
  background-color: #ff0000; 
  margin: 0px; 
  text-decoration: none;
  clear: both;
  color: #FFFFFF; 
  }
.boto02 a { 
  color: #FFFFFF; 
  margin-top: 1px;
  padding: 0px 5px 0px 0px;
  font-weight: bold;
  font-size: 90%;
  text-decoration: none;
  }
.boto02 a:hover { 
  color: #FFFFFF; 
  padding: 0px 0px 0px 5px;
  }
.descarregar { height: 52px; line-height: 52px; vertical-align: middle; font-size: 130%; }

.peu {
  width: 190px; 
  height: 57px; 
  margin: 5px 0px 10px 0px; 
  text-align: left; 
  float: right;
  padding: 0px; 
  font-size: 85%; 
  background-color: #ECECEC;
  clear: both; border-bottom: 2px solid #000000; 
  }
.peu p { 
  padding: 0px; 
  margin: 20px 0px 0px 0px; 
  }
.peu a { 
  color: #ff0000; 
  text-decoration: underline; 
  font-weight: normal; 
  }
.peu a:hover { 
  color: #000000; 
  text-decoration: underline; 
  }
.peu img { margin: 0px 8px; }

.contenidor1 { 
  display: block; 
  background-color: #000000; 
  }
.acceskey { 
  text-decoration: underline; 
  }

.ocult { 
  display: none; 
  }
.portada { 
  width: 56px; 
  height: auto; 
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 15px; 
  float: left; 
  }
.tirafotos { 
  width: 500px; 
  min-height: 125px; 
  height: auto !important; 
  height: 125px; 
  margin: 0px; 
  padding: 0px; 
  margin: 10px 0px 0px 0px; 
  padding: 0px; 
  }
.tirafotos img  {  }
.tirafotos ul { 
  list-style-type: none; 
  width: 100%; 
  margin: 0px; 
  }
.tirafotos li { 
  width: 180px; 
  min-height: 125px; 
  margin: 0px 15px 15px 0px; 
  display: inline; 
  }
.separador { 
  clear: both; 
  width: 100%; 
  height: 10px; 
  background-image: url(imatges/linia-punts01.gif); 
  background-repeat: repeat-x; 
  }
.ariadna { 
  width: 100%; 
  height: 35px; 
  margin: 0px 0px 10px 0px; 
  font-size: 90%; 
  color: #333333;
  text-align: left; 
  }
.ariadna p { height:35px; padding: 2px 0px 15px 0px;  }
.ariadna a {color: #000000; }
.ariadna a:hover {  color: #FF0000; }
 .socis1 { 
  width: 175px; 
  height: 733px;
  background-color: #ffffff;
  float: left;
  margin: 5px 6px 0px 0px;
  font-size: 103%;
  }
 .socis { 
  width: 175px; 
  height: 690px;
  float: left;
  background-color: #FE0000;
  margin: px 0px 0px 0px;
  font-size: 103%;
  }
 .socis p {
  width: 160px;
  margin: 5px 5px 0px 10px; 
  padding: 0px;
  text-align: left;
  color: #FFFFFF;
  font-size: 105%;
   }
  .pestanya {
   width: 175px;
   height: 43px; 
   margin: 0px;
   padding: 0px;
   }