body {
	font-family: Arial, Helvetica, sans-serif; background-image: url(galeria/fons01.jpg); background-repeat: no-repeat; 
	background-color: #87B40C; font-size: 0.8em; color: #000000; 
}
/* \*/ 
* html img { 
  margin: 0px 0px -3px 0px; 
  } 
/* */ 
.pagina { 
 width: 750px; 
 height: auto; 
 margin: 0px;
 padding: 0px;
 min-height: 500px;  height: auto !important; height: 500px;  
 }
 .menu { 
 width: 100%; 
 min-height: 20px;  height: auto !important; height: 20px;  
 margin: 0px; 
 padding: 0px; 
 font-size: 100%; color: #0067C6; 
 }
 .menu ul { 
 width: 450px; 
 float: right; 
 list-style-type: none;
 margin: 0px 30px 0px 5px;
 padding: 0px; 
  }
 .menu ul li{ 
 float: right;
 width: 130px; 
 display: inline; 
 list-style-type: none;
 font-size: 120%;  
  }
 .menu ul li a { text-decoration: none; color: #0067C6;  }
 .menu ul li a:hover { color: #FFFFFF; text-decoration: none;  } 

 .cos { width: 100%; height: auto; }
 .opcions {
 width: 100px;
 min-height: 200px;  height: auto !important; height: 200px;  
 float: left; 
 margin: 10px 5px 0px 5px; 
 padding: 0px;
 }  
 .opcions ul { 
 width: 100%; 
 min-height: 200px;  height: auto !important; height: 200px;  
 list-style-type: none;
 padding: 0px; 
 margin: 0px;
 }
 .opcions ul li { 
 width: 80px; 
 min-height: 20px;  height: auto !important; height: 20px;  
 margin-top: 5px; padding: 5px 0px 2px 5px; 
 list-style-type: none; 
 font-size: 110%; 
 color: #3C4E04; background-color: #87B40C;
  }
 .opcions ul li a { text-decoration: none; color: #FFFFFF; }
 .opcions ul li a:hover { color: #F5E40E;
  }  
.central { 
 float: right;
 width: 600px;  
 min-height: 460px;  height: auto !important; height: 460px; 
 background-color: #ffffff; 
 margin: 10px 0px 0px 10px; padding: 0px; border-bottom: 2px solid #CFCFCF; 
  }  
 .logo { 
 width: 580px; 
 min-height: 85px;  height: auto !important; height: 85px; 
 margin: 0px 5px 20px 10px; padding: 0px;
  }
 .contingut { 
 clear: both;
 width: 100%; 
 min-height: 370px;  height: auto !important; height: 370px; 
 margin: 0px; 
 padding: 0px 5px 0px 10px;
 color: #87B40C;
   }
 .contingut p {  
 padding: 10px 10px 10px 10px;
 text-align: justify; 
 margin: 0px;
   }
 .contingut ul { clear: both; margin-top: 0px; padding-top: 0px; }
 .models { width: 140px; float: right; font-size: 110%; margin: 10px 0px 0px 0px; } 
 .models ul { width: 140px; float: left; margin: 0px 0px 0px 0px; padding: 0px; }
 .models ul li { margin-top: 3px; }
 .models li a { color: #87B40C; text-decoration: none; }
 .models li a:hover { color: #ffffff; background-color: #87B40C; }

 .models2 { width: 350px; min-height: 300px;  height: auto !important; height: 300px; float: left;  }
   
 .imatges { 
 width: 100%;
 min-height: 315px;  height: auto !important; height: 315px;
 padding: 0px;
 margin: 0px;
  }
 .dreta { 
 width: 339px; 
 min-height: 272px; height: auto !important; height: 272px; 
 float: left; 
 margin: 10px 2px 10px 2px;
  }
 .dreta img {  border: 1px solid #87B40C;  }
 .esquerra { 
 width: 240px; 
 min-height: 245px; height: auto !important; height: 245px; 
 float: right; 
 margin: 2px 0px 10px 5px; padding-right: 10px;
  }
 .esquerra img { border: 1px solid #87B40C; margin: 1px 10px 10px 5px; }
 
.peu { 
 clear: both;
 width: 100%; 
 min-height: 25px; height: auto !important; height: 25px; 
 margin: 0px; 
 padding: 2px 10px 5px 10px;  
 color: #1763D5; font-size: 105%; text-align: center;
   }
.peu a { 
 color: #1763D5; 
 text-decoration: underline;
  }
.peu a:hover { color: #84B508; }
.peu p {  margin: 0px; padding: 0px; }

.acabatsesq { width: 600px;  min-height: 270px; height: auto !important; height: 270px; 
 float: left; margin: 0px; padding-left: 10px; }
.acabatsesq img { border: 1px solid #87B40C; margin: 3px 5px 0px 0px; padding: 0px; }