body {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; margin: 0px;
   background-color: #A39B90;
  }
A { text-decoration: underline; color: #48140C; }
A:Hover { color: #ffffff; }
ul { margin: 10px 0px 0px 20px; }
ul li { list-style-image: url(galeria/punt05.gif); margin: 0px 0px 5px 15px; }
ul li a { color: #48140C;  }
ul li a:hover { color: #666666; list-style-image: url(galeria/punt06.gif); }
p { margin: 10px; }
.titol1 {
  margin: 10px; text-align: center; font-family: "Times New Roman", Times, serif;
  font-size: 160%; font-weight: bold;
  }
/* \*/ 
* html img { 
  margin: 0px 0px -3px 0px; 
  } 
/* */ 
form { margin-left: 15px; }
.pagina {
  min-height: 100%; height: auto !important; height: 425px; 
  width: 100%; margin: 0px 0px 0px 0px; padding: 0px;
 }
.cap {
  width: 100%; height: 120px; margin: 0px; padding: 0px;
  float: left; clear: both;
  background-color: #A39B90; background-image: url(galeria/cap001.gif); 
  }
.logo {
  width: 20%; height: 115px; float: left; margin: 0px 0px 35px 0px; padding: 0px;
  }
.telefon { background-image: url(galeria/fons004.gif); background-repeat: no-repeat;
  opacity: .8; filter: alpha(opacity=80);
  width: 200px; height: 50px; float: right; color: #ffffff; font-size: 120%;
  text-align: center; font-weight: bold; margin-top: 65px; padding-top: 5px;
  }
.telefon p { color: #C0A516; font-size: 130%; margin: 0px; }
.menu {
  width: 100%; height: 25px; margin: 0px 0px 0px 0px; padding: 0px; 
  font-size: 100%; float: left; background-image: url(galeria/FONS001.GIF); background-repeat: repeat-x;
  }
.menu ul { width: 100%; height: 25px; list-style-type: none; padding: 0px; margin: 0px 0px 0px 0px;
  list-style-type: none; list-style-image: none;
  }
.menu ul li {
  width: 100px; height: 25px; display: inline; list-style-type: none; 
  float: left; font-size: 100%; color: #FFFFFF; font-weight: bold; margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; text-align: center; 
 }
.menu ul li a {
  width: 100px; height: 25px; display: block; text-decoration: none; list-style-image: none;
  border-right: 1px solid #A39B90; padding: 5px 0px 0px 0px;
  color: #C0A516; padding 0px; background-image: url(galeria/fons003.gif); background-repeat: no-repeat;
  }
.menu ul li a:hover {
  height: 25px; text-decoration: none; color: #A39B90; list-style-image: none;
  border-right: 1px solid #A39B90; padding: 5px 0px 0px 0px;
  background-image: url(galeria/fons002.gif); background-repeat: no-repeat;
  }
.menu .actual {
  height: 25px; text-decoration: none; color: #A39B90;
  border-right: 1px solid #A39B90; padding: 5px 0px 0px 0px;
  background-image: url(galeria/fons006.gif); background-repeat: no-repeat;
  }
.menu .idioma {
  width: 100px; height: 25px; display: block; text-decoration: none; list-style-image: none;
  padding: 0px 0px 0px 0px; font-weight: normal;
  color: #A39B90; padding 0px; background-repeat: no-repeat; float: right;
  }

.foto { 
  width: 80%; height: 145px; float: right; margin: 5px 0px 0px 0px; padding: 0px; 
  }
.continguts {
  min-height: 350px; height: auto !important; height: 350px; 
  min-width: 740px; width: 100%; background-color: #A39B90; margin: 0px; padding: 0px; 
  }
.situacio { width: 100%; height: 20px; }
.situacio p { margin-left: 10px; }

.esquerra { min-height: 350px; height: auto !important; height: 350px; min-width: 350px; width: 350px;
  margin: 0px 0px 0px 0px; padding: 0px; float: left; text-align: left;
  }
.esquerra p { text-align: justify; }
.esquerraportada { min-height: 350px; height: auto !important; height: 350px; min-width: 350px; width: 48%;
  margin: 0px 0px 0px 0px; padding: 0px; float: left; 
  }
.esquerraportada p { text-align: center; }
.dreta    { min-height: 350px; height: auto !important; height: 350px; min-width: 400px; width: 50%; 
  margin: 0px 0px 0px 0px; padding: 0px; float: right; color: #A39B90;
  background:url("galeria/fons011.gif") #48140C no-repeat left bottom;
  }
.dreta a { color: #A39B90; }
.dreta a:hover { color: #C0A516; }
.dreta ul { margin: 10px 0px 0px 20px; }
.dreta ul li { list-style-image: url(galeria/punt03.gif); margin: 0px 0px 5px 15px; padding-left: 5px; }
.dreta ul li a { }
.dreta ul li a:hover { list-style-image: url(galeria/punt04.gif); }

.transparent1 {
  background-image: url(galeria/fons007.gif); background-repeat: no-repeat; 
  opacity: .9; filter: alpha(opacity=90); 
  position: relative; top: 0px; left: 0px; z-index:1; visibility: visible;
  width: 100%; min-height: 100%; height: auto !important; height: 100%;
  }
.etiqueta1 { position: absolute; height: 20px; font-size: 85%; font-weight: bold;
  background:url("galeria/fons008.gif") no-repeat right bottom;
  padding: 5px; visibility: hidden; text-align: center;
  }
.etiqueta2 { position: absolute; height: 20px; font-size: 85%; font-weight: bold;
  background:url("galeria/fons009.gif") no-repeat left bottom;
  padding: 5px; visibility: hidden; text-align: center;
  }

.peu {
  width: 100%; height: 25px; margin: 10px 0px 0px 0px; padding: 0px; padding-top: 5px; text-align: center; 
  font-size: 80%; float: left; background-image: url(galeria/FONS013.GIF); background-repeat: repeat-x;
  border-top: 1px solid #48140C; border-bottom: 1px solid #48140C; 
  }

/* per carregar imatges*/
#carregarimatge { visibility:visible; }
#ContentPhoto   { position: relative; }
#mostrarimatge {
	z-index: 10; position: relative; width: 400px; visibility:hidden; 
	min-height: 262px; height: auto !important; height: 262x; margin: 0px auto 0px auto;
	}
#mostrarimatge ul { display: inline; width: 400px; margin: 10px 0px 0px 0px; list-style-type:none; }
#mostrarimatge ul li {
  margin: 0px 3px 3px 0px; padding: 0px; border-top: 1px solid #C0A516; 
  display: inline; width: 120px;
}
#mostrarimatge ul li a {
  display: inline; color: #cccccc; text-decoration: none; width: 100px; text-align: center;
  margin: 0px 3px 3px 0px; padding: 1px; float: left; border: 1px solid #C0A516; width: 120px;
  }
#mostrarimatge ul li a:hover {
  color: #C0A516; text-decoration: none;
  }
  
div.ContentPhotoMenu {
	position: absolute; top: 0px; left: 0px; z-index: 20; width: 350px; 
	min-height: 262px; height: auto !important; height: 262px;
	}
#carregarimatge { text-align: center; z-index:1; }
#carregarimatge img { margin-top: 30px; }
.animacio { width: 350px; height: 262px; margin-left: 76px; }
/* grana:48140C - gris:A39B90 - or:C0A516 */