body {
  font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000;
  background-color: #cccccc; margin: 5px 0px 0px 0px; 
}
A { text-decoration: underline; font-weight: normal; color: #DE2918; margin: 0px; padding: 0px;
border: 0;
}
A:Hover { color: #666666; }
form { margin: 0px;}
p { padding: 5px; margin: 0px;}
h1 { }
h2 { }
h3 { margin: 5px; }
h4 { }
h5 { }
.foto1 {
  width: 300px; height: 225px; background-color:#ffffff; padding: 10px 15px 14px 10px;
  background-image: url(galeria/fons_fotos01.gif); background-repeat: no-repeat;
}
.foto2 {
  width: 225px; height: 300px; background-color:#ffffff; padding: 10px 14px 15px 10px;
  background-image: url(galeria/fons_fotos02.gif); background-repeat: no-repeat;
}
.foto3 {
  padding: 5px; border: 1px solid #999999; margin: 5px 10px 5px 5px; }
.foto4 {
  padding: 5px; margin: 5px 10px 5px 5px; }
.foto5 {
  width: 450px; height: 337px; background-color:#ffffff; padding: 10px 14px 15px 10px;
  background-image: url(galeria/fons_fotos05.gif); background-repeat: no-repeat;
}
p.centrat {
  text-align: center;
}  
.peufoto { font-size: 80%; font-style:italic; color: #666666; }
.textdestacat { font-size: 100%; font-weight: bold; }
img.dta { float: right; padding: 5px; margin: 5px; background-color: #ffffff;}
img.esq { float: left;  padding: 5px; margin: 5px; background-color: #ffffff;}
img.mig { padding: 5px; margin: auto; background-color: #ffffff;}
img.fixa { float: right; padding: 0px 0px 0px 5px; }
#pagina {
  margin: auto auto auto auto; padding: 0px; border: 1px solid #999999;
  width: 750px; position: relative; top: 0px;
}
.barramenu { 
  text-align: left;
  width: 750px; height: 35px; background-color: #ffffff;
  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; 
  background-image: url(galeria/fonsbarra01.gif); background-repeat:repeat-x;
}
.columnamenu { width: 125px; height: 320px; min-height: 300px;
  background-color: #DE2918; z-index:1 ; padding: 30px 0px 0px 0px;
  background-image: url(galeria/fonscolumna01.gif); background-repeat: repeat-y; float: left;
}
.columnamenu ul { padding: 0px; margin: 0px 0px 0px 0px; list-style-type:none;}
.columnamenu ul li { 
  margin: 0px 0px 0px 0px; border-bottom: 1px solid #ffffff; width: 125px; height: 35px;
  }
.columnamenu ul li a {
  width: 125px; height: 35px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
  background-image: url(galeria/fonscolumna01.gif); background-repeat: no-repeat;
  }
.columnamenu ul li a:hover {
  height: 35px; background-image: url(galeria/fonscolumna02.gif); background-repeat: no-repeat;
  }

.columnamenu1 { width: 125px; height: 320px; min-height: 300px; text-align: right;
  background-color: #DE2918; z-index:1 ; padding: 30px 0px 0px 0px; float: right;
  background-image: url(galeria/fonscolumna03.gif); background-repeat: repeat-y;
}
.columnamenu1 ul { padding: 0px; margin: 0px 0px 0px 0px; list-style-type:none;}
.columnamenu1 ul li { 
  margin: 0px 0px 0px 0px; border-bottom: 1px solid #ffffff; width: 125px; height: 35px;
  }
.columnamenu1 ul li a {
  width: 125px; height: 35px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
  background-image: url(galeria/fonscolumna03.gif); background-repeat: no-repeat;
  }
.columnamenu1 ul li a:hover {
  height: 35px; background-image: url(galeria/fonscolumna04.gif); background-repeat: no-repeat;
  }

.barrabaix { 
  text-align: left;
  width: 750px; height: 40px; background-color:#C0C0C0; 
  margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; display: block; 
  background-image: url(galeria/barrahor01.gif); background-repeat:repeat-x;
}
.cap {
  width: 750px; height: 75px; margin: 0px; padding: 0px; background-color:#ffffff;
}
.cap1 { 
    width: 750px; height: 75px; margin: 0px; padding: 0px; display: inline; background-color: #ffffff;
}
.logo {
  width: 600px; height: 45px; background-color: #ffffff;
  margin: 0px 0px 0px 0px; padding: 3px 0px 0px 10px; 
  text-align: left; float: left;
}
.idiomes {
  width: 127px; height: 45px; background-color: #ffffff;
  margin: 0px 0px 0px 610px; padding: 3px 10px 0px 0px; 
  text-align: right; 
}
.continguts {
  width: 745px; height: auto; min-height:320px; padding: 0px 0px 0px 5px; 
  background-color: #FFFFFF;
}
.principal {
  float: left; width: 525px; margin: 10px 5px 0px 0px; padding: 5px 5px 5px 5px;
  font-size: 90%; text-align: justify; vertical-align: top; list-style-type: disc;
  background-image:url(galeria/fons05.gif); background-repeat:repeat-x;
}
.dreta {
  float: left; width: 200px; min-height: 300px; font-size: 90%; background-color: #FFECC4;
  margin: 10px 0px 0px 0px; padding: 5px 5px 5px 5px; text-align: left;
}
.peu {
  float: left; width: 740px; margin: 10px 0px 10px 0px; text-align: center; 
  padding: 5px; border: #6666FF; font-size: 90%; background-color: #FFECC4;
}
ul.llista1 { margin: 5px 5px 5px 25px; }

.submenu {
  position: absolute; z-index:1; visibility: hidden;
  width: 200px; top: 75px; font-size: 95%;
  background-color: #cccccc; background-image: url(galeria/fonscolumna05.gif); background-repeat: repeat-y; 
  border-left: 10px solid #ffffff; border-right: 10px solid #ffffff; border-bottom: 10px solid #ffffff;
}
.submenu ul { padding: 0px; margin: 0px 0px 0px 0px; list-style-type:none; }
.submenu ul li { margin: 0px 0px 0px 0px;  }
.submenu ul li a {
  width: 190px; display: block; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 10px;
  text-transform:uppercase; font-weight: normal; color: #DE2918; text-decoration: none; 
  background-color: #cccccc; background-image: url(galeria/fonscolumna05.gif); background-repeat: repeat-y;
  }
.submenu ul li a:hover {
  text-transform:uppercase; font-weight: normal; color: #ffffff; text-decoration: none; 
  background-color: #DE2918; background-image: url(galeria/fonscolumna06.gif); background-repeat: repeat-y;
  }
.obligatori { background-color: #CCCCCC; }
.acceskey { text-decoration: underline; }
img
{ 
border:0;
}
.mostrarnoticia
{
text-align:left;
margin: 0px auto 0px auto;
position: relative; 
width: 600px;
}
.tirafotos { 
 width: 600px; 
 height: 127px; 
 margin: 0px;
 padding: 0px;
 margin: 20px 20px 0px 80px;
 padding: 0px;
  }
.tirafotos img  { border: 1px solid #ffffff; }
.tirafotos ul { list-style-type: none; width: 100%;    }
.tirafotos li { 
 width: 150px;  
 margin: 0px 2px 0px 0px; 
 display: inline;
 }
.peutira { 
 width: 600px; 
 margin: 0px;
 padding: 0px;
 margin: 0px 20px 0px 80px;
 padding: 0px; font-size: 130%; font-weight: bold;  
  }
.peutira ul { list-style-type: none; width: 100%;    }
.peutira li { 
 width: 150px;   
 margin: 0px 2px 0px 0px; float: left; 
 display: inline;
 }