html body {
  font-family: "Trebuchet MS", Verdana, Arial; font-size: 80%; background-color: #EDE239; margin: 0px;
  color: #000000;
  }
/* \*/ 
* html img { 
 margin: 0px 0px -3px 0px; 
 } 
/* */

A {text-decoration: underline; color: #000000; font-weight: bold; }
A:Hover {text-decoration: underline; color: #666666; font-weight: bold; }

h1 { }
p { margin: 5px 5px 20px 0px; padding: 0px 0px 0px 0px; }
ul { }
img { border: 0px; }



.pagina {
  width: 740px; margin: 0px auto 0px auto;
  } 
.cap1 { width: 100%; height: 50px; background-color: #000000; }
.cap1 .centrat { width: 500px; margin: 0px; float: left;
  } 
.cap1 .logo2 { width: 180px; height: 50px; margin: 0px 0px 0px 0px; float: right;
  background-color: #000000; text-align: right; }
.cap1 .logo2 img { padding: 0px 0px 0px 0px; }

.cap { width: 590px; height: 200px; margin: 10px 0px 0px 141px; clear: both; }
.cap .logo1 { width: 370px; height: 160px; float: left; }
.cap .logo1 img { padding: 0px;}

.menus { width: 100%; height: 95px; clear: both; margin: 0px 0px 0px 0px; }

.menu {
  width: 600px; height: 24px; margin: 0px 0px 0px 0px; padding: 0px; 
  font-size: 16px; clear: both;
}
.menu ul { width: 100%; padding: 0px; margin: 0px; list-style-type: none; display: inline; }
.menu ul li { width: auto; height: 24px;
  float: left; margin: 0px; padding: 0px; 
  background-color: #EDE239; display: inline;
}
.menu ul li a { width: auto; height: 24px;
  float: left; display: inline; 
  margin: 0px 0px 0px 0px; padding: 0px 19px 2px 0px; float: left; 
  color: #000000; text-decoration: none; 
  }
.menu ul li a:hover { display: inline; width: auto; height: 24px;
  float: left; color: #000000; text-decoration: underline;
  }

#submenu1 { font-size: 110%; position: absolute; top: 250px; margin: 0px 0px 0px 0px; background-color: #ffffff; 
  width: 150px; height: 100px; padding: 5px; border-left: 1px solid #000000; border-bottom: 1px solid #000000;
  z-index:1; visibility: hidden; clear: both; }
#submenu1 ul { padding: 0px; margin: 0px 0px 0px 0px; list-style-type:none; }
#submenu1 ul li { display: block; margin: 0px 0px 0px 0px; height: 20px; width: auto; }
#submenu1 ul li a { display: block; margin: 0px 0px 0px 0px; padding: 2px 15px 2px 0px;
  color: #000000; text-decoration: none; width: auto; }
#submenu1 ul li a:hover { display: block; margin: 0px 0px 0px 0px; padding: 2px 15px 2px 0px;
  color: #000000; text-decoration: underline; width: auto; }
  
#submenu2 { font-size: 110%; position: absolute; top: 250px; margin: 0px 0px 0px 97px; background-color: #ffffff;
  width: 150px; height: 230px; padding: 5px; border-left: 1px solid #000000; border-bottom: 1px solid #000000;
  z-index:1; visibility: hidden; clear: both; }
#submenu2 ul { padding: 0px; margin: 0px 0px 0px 0px; list-style-type:none; }
#submenu2 ul li { display: block; margin: 0px 0px 0px 0px; height: 20px; width: auto; }
#submenu2 ul li a { display: block; margin: 0px 0px 0px 0px; padding: 2px 15px 2px 0px;
  color: #000000; text-decoration: none; width: auto; }
#submenu2 ul li a:hover { display: block; margin: 0px 0px 0px 0px; padding: 2px 15px 2px 0px;
  color: #666666; text-decoration: underline; width: auto; }

#submenu3 { font-size: 110%; position: absolute; top: 250px; margin: 0px 0px 0px 120px; background-color: #EDE239;
  width: 250px; height: 70px; padding: 5px; border-left: 1px solid #000000; border-bottom: 1px solid #000000;
  z-index:1; visibility: hidden; clear: both; }
#submenu3 ul { padding: 0px; margin: 0px 0px 0px 0px; list-style-type:none; }
#submenu3 ul li { display: block; margin: 0px 0px 0px 0px; height: 20px; width: auto; }
#submenu3 ul li a { display: block; margin: 0px 0px 0px 0px; padding: 2px 15px 2px 0px;
  color: #000000; text-decoration: none; width: auto; }
#submenu3 ul li a:hover { display: block; margin: 0px 0px 0px 0px; padding: 2px 15px 2px 0px;
  color: #000000; text-decoration: underline; width: auto; }

.principal { width: 100%; min-height: 400px; height: auto !important; height: 400px; }
.principal .blocesquerra  { width: 160px; min-height: 150px; height: auto !important; height: 150px; float: left; }
.principal .blocdreta     { width: 565px; min-height: 150px; height: auto !important; height: 150px; float: right; }
.principal .blocesquerra1 { width: 250px; min-height: 110px; height: auto !important; height: 110px; float: left; }
.principal .blocdreta1    { width: 475px; min-height: 110px; height: auto !important; height: 110px; float: right; }
.principal .blocdreta1 ul { margin-top: 2px; }
.principal .continguts { clear: both; }

.titol1 { font-size: 130%; font-weight: bold; color: #000000; background: none; margin: 0px 0px 10px 0px; padding: 0px; text-indent: 0px; }
.foto_dta { float: right; padding: 0px 0px 10px 5px; margin: 0px 0px 10px 10px; }
.foto_esq { float: left; padding: 0px 5px 10px 0px; margin: 0px 10px 10px 0px; }

.miniatures { width: 220px; min-height: 400px; height: auto !important; height: 400px; 
  float: left; }
.miniatures .miniatura { width: 60px; height: 60px; float: left; margin: 0px 10px 10px 0px; }
.miniatures .miniatura a { width: 60px; height: 60px; background-color: #FF94A5; color: #ffffff;
  opacity: .40; filter: alpha(opacity=40); }
.miniatures .miniatura a:hover { width: 60px; height: 60px; background-color: #FF94A5; color: #ffffff;
  opacity: 1.00; filter: alpha(opacity=100); }
  
.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;
  
  }
.dreta a { color: #A39B90; }
.dreta a:hover { color: #C0A516; }

/* per carregar imatges*/
#carregarimatge { visibility:visible; }
#ContentPhoto   { position: relative;	}
#mostrarimatge {
	z-index: 10; position: relative; width: 400px; visibility:hidden; 
	min-height: 400px; height: auto !important; height: 400px; 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 {titol1 text-align: center; z-index:1; }
#carregarimatge img { margin-top: 30px; }

.bloc01a { width: 380px; height: 10px; margin: 0px; padding: 0px; background-color: #39CEEF;
  background-image: url(galeria/fons_bloc01.gif); background-repeat: repeat-y; }
.bloc01b { width: 380px; margin: 0px; padding: 0px;
  background-image: url(galeria/fons_bloc02.gif); background-repeat: repeat-y; }
.bloc01b a { color: #000000; }
.bloc01b a:hover { color: #ffffff; }
.bloc01c { width: 380px; height: 10px; margin: 0px; padding: 0px;
  background-image: url(galeria/fons_bloc03.gif); background-repeat: no-repeat; }
.bloc02b { width: 380px; height: auto; margin: 0px; padding: 0px; }


ul { margin-left: 15px; }
ul li { list-style-type: circle; }

.abrev { border-bottom: 1px dashed #00A5C6; cursor: help; }