body { 
  font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; margin: 0px 0px 0px 0px;
  padding: 0px; background-color: #808080; background-image: url(galeria/fons01.gif); background-repeat: repeat-x; }
img { border: 0px; }
a {
  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: none;
  color: #666666;
}

a.opcions {
  font-size: 100%;
  font-weight:bold; color:#000000; text-decoration: none;
}
a.opcions:active  { text-decoration: none; }
a.opcions:visited { text-decoration: none; }
a.opcions:hover   { color: #FFFFFF; text-decoration: none; }
h1 { color: #000000; font-size: 130%; margin: 10px 0px 20px 0px; padding: 0px;}
h2 { color: #000000; font-size: 120%; margin: 20px 0px 5px 0px; padding: 0px;}

#pagina {  background-color:#FFFFFF;
 margin: 10px auto 0px auto;
 padding: 0px; 
 width: 725px;  position: relative; top: 0px; 
}
.cap1 {  
 width: 725px; height: 25px;  font-weight: bold; margin: 0px; padding: 0px; 
 background-image: url(galeria/fons03.gif);  background-repeat: repeat-x; background-color: #FFCC00; 
 color: #000000; vertical-align: middle; text-align: centre; text-decoration: none
 }
.cap1 ul { 
 padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px; height: 25px;
 color: #000000; width: 720px; background-color: #FFCC00;
 }
.cap1 ul li { 
 display: inline; margin: 2px 8px 4px 3px; padding: 2px 8px 0px 3px; 
 border-right:1px solid #000000; float: left; background-color: #FFCC00;   
 }
.cap1 ul li a {  padding: 0px; color: #000000; text-decoration: none; 
 display: inline; background-color: #FFCC00;    
}
.cap1 ul li a:hover  { color: #FFFFFF; text-decoration: underline; 
  display: inline;  background-color: #FFCC00; 
 }
 
.cap2 {  
 width: 725px; height: 20px; float: left; 
 background-color: #808080; background-image: url(galeria/fons02.gif); background-repeat: repeat-x; 
 color: #FFFFFF;  font-style: normal; font-weight: bold; 
 padding: 5px 0px 0px 0px;
 }
.cap2 a { color: #FFFFFF; }
.cap2 a:hover { color: #FFCC00; }
.cap2 p { margin: 0px; padding: 0px 5px 0px 0px; float: right; }
.cap1 {  background-color: #FFCC00; background-image: url(fons03.gif); background-repeat: repeat-x; height: 25px; width: 700px;  font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; vertical-align: middle; text-align: centre; text-decoration: none}
.peu1 {  
 width: 725px; height: 25px; margin: 0px; padding: 0px;
 background-color: #FFCC00; background-image: url(fons03.gif); background-repeat: repeat-x; 
 font-weight: bold; color: #000000;  vertical-align: bottom; 
 }
.peu1 p {  padding: 5px 5px 5px 10px; margin: 0px; vertical-align: middle; font-size: 95%;
 }
.peu1 a{ color: #000000; text-decoration: underline; font-size: 95%; }
.peu1 a:hover { color: #FFFFFF; font-size: 95%;}




#navcontainer .actual { 
  padding: 0px; 
  color: #ffffff; text-decoration: none; padding: 0px 20px 0px 3px;
  display: inline; margin: 5px 10px 2px 3px; 
}
.cos {
  width: 725px; color: #000000; width: 100%; text-align: justify; background-color: #FFFFFF;
  height: 250px; min-height: 250px;  
}
.cos a { font-weight: bold; color: #000000; }
.cos a:hover { color: #FFCC00; }
.cos1 {
   color: #000000; width: 725px; text-align: justify; background-color: #FFFFFF;
   height: 250px; clear: both; padding: 0px; margin: 0px;
}
.cos1 img { border: 0px; }
ul { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 10px; }

.cos2 {  background-color: #FFFFFF; height: auto; width: 725px; padding: 0px; margin: 10px 0px 0px 0px; padding: 0px;  }
.cos2 p { text-align: justify; margin: 5px 15px 5px 15px; padding: 0px;  }
.cos2 ul {  width: 650px; margin: 10px 0px 10px 20px;   }
.cos2 ul li { list-style-type: disc; margin: 8px 0px 0px 0px; }
.fotos { width: 640px; heigt: auto; margin: 10px 10px 10px 20px; float: left; }
.situacio{ width:100%; height: 15px; background-color: #FFF2C5; margin: 0px 0px 10px 0px; 
color: #000000; float: left; font-size: 90%; padding: 0px; }
.situacio a { font-weight: bold; color: #000000; font-size: 100%; }
.situacio a:hover { color: #FFCC00;  }
.llista { width: 550px; height: 270px; font-size: 110%; clear: both; }
.llista ul { width: 100%; margin: 20px 0px 20px 60px; float: left; }
.llista ul li { margin: 0px 0px 10px 0px; }
.llista ul li a { font-size: 110%; border-bottom: 1px dashed #FFCC00; color: #464646;  }
.llista ul li a:hover { color: #FFCC00; border-bottom: 1px dashed #464646; font-size: 110%;  }
.obres { width: 600px; }
.obres ul { margin: 10px 0px 40px 40px; }
.obres ul li {margin-bottom: 10px;}
.obres ul li a { margin-bottom: 10px; }
.cos2 {
  width: 725px; color: #000000; width: 100%; text-align: justify; background-color: #FFFFFF;
  height: 125px; min-height: 125px; margin: 0px; padding: 0px;   
}
.cos2 {
  width: 725px; color: #000000; width: 100%; text-align: justify; background-color: #FFFFFF;
  height: 125px; min-height: 125px; margin: 0px; padding: 0px;   
}
.cos3 {
  width: 725px; color: #000000; width: 100%; text-align: justify; background-color: #FFFFFF;
  height: 20px; min-height: 20px; margin: 0px; padding: 0px;   
}
.cos3 a { color: #7D7D7D; }
.cos3 a:hover { color: #FFCC33; }
.obres { 
	width: 680px;
	margin: 0px 10px 0px 30px;
	float: left;
	}