body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em;
	color: #000000;
	background-color: #ffffff;
	margin: 0px;
	background-image: url(galeria/fons_cos1.gif);
	background-repeat: repeat;
	}
A {
	text-decoration: none;
	color: #C50007;
	margin: 0px;
	padding: 0px;
	}
A:Hover {
	color: #000000;
	}
a:focus {
	outline:none;
	} 

form { 
	margin: 0px; 
	}
form .camp { 
	width: 150px; 
	float: left; 
	}
form .obligatori { }

:focus { outline: 0; }

h1 {
	margin: 10px 0px 5px 0px;
	padding: 12px 5px 2px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #C50007;
	text-decoration: none;
	}
h2 {
	font-size: 130%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	color: #99CC00; /*************** verd insertnet */
	}
h3 {
	font-size: 98%;
	height: 30px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 3px;
	color: #000000; 
	}
h4 {
	background-color: none;
	font-size: 110%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	color: #FFCC33; /* ************* taronja claret */
	}
h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	color: #FFCCCC; /* *********** rosa pŕlid */
	}
h6 {
	font-size: 90%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	color: #990066; /* ************** morat */
	}
h7 {
	padding: 5px 15px 10px 45px;
	font-size:90%;
	color: #9999FF; /* ******************* lila */
	}
img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
img.dta {
	float: right;
	padding: 5px;
	margin: 5px 5px 5px 5px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	}
img.esq {
	float: left;
	padding: 5px;
	margin: 5px 5px 5px 0px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	}
img.mig {
	text-align: center;
	display: block;
	margin: 5px 5px 5px 5px;
	padding: 5px;
	border: 1px solid #cccccc;
	background-color: #ffffff; 
	}

.situacio {
	width: 540px; 
	height: 25px; 
	line-height: 25px; 
	vertical-align: middle;
	margin: 0px 0px 0px 0px; 
	padding: 0px; 
	}
.situacio ul {
	width: 100%; 
	height: 25px; 
	padding: 0px;
	margin: 0px; 
	list-style-type:none;
	float: left;
	color: #000000;
	border-bottom: 1px dashed color #cccccc;
	}
.situacio ul li {
	height: 25px; 
	line-height: 25px; 
	vertical-align: middle;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	display: inline;
	color: #C50007;
	}
.situacio ul li a {
	display: inline;
	height: 25px; 
	line-height: 25px; 
	vertical-align: middle;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	float: left;
	font-weight: bold;
	color: #C50007;
	}
.situacio ul li a:hover {
	text-decoration: none; color:#000000; 
	}
.situacio ul li p {
	height: 25px; 
	line-height: 25px; 
	vertical-align: middle;
	margin: 0px;
	padding: 0px 15px 0px 25px;
	float: left;
	text-decoration: none;
	color:#000000; 
	font-weight: bold;
	}
table {
	text-align: left;
	}
.obligatori { 
	background-color: #CCCCCC; 
	}

  #pagina {
	margin: 0px auto 0px auto; 
	width: 770px;
	position: relative;
	/* original: position: static; */
	top: 0px;
	padding: 0px;
	min-height: 100%;
	height: 100%; 
	overflow: hidden;
	_display: inline-block; /*només per IE6*/
	background-color: #ffffff;
	}
  .cap {
    width: 770px;
	margin: 0px 0px 0px 0px;
	position: relative;
	/* original: position: static; */
	padding: 0px;
	height: 230px;
	overflow: hidden;
	_display: inline-block; /*només per IE6*/
    }
  .logo { 
   width: 180px; 
   height: 220px;
   margin: 10px 0px 0px 10px; 
   padding: 0px;
   float: left;
   }
  .imatgecap {
   width: 550px; 
   height: 230px;
   margin: 0px 10px 0px 10px; 
   padding: 0px;
   float: right;
   }
  .continguts {
   width: 750px;
   display:block;
   margin: 10px 10px 0px 10px;
   padding: 0px; 
   min-height: 400px;
   height: auto !important;
   height: 400px; 
	}
  .esquerra {
   width: 180px;
   height: 100%;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   float: left;
   }
  .categories { 
   width: 168px; 
   min-height: 300px; height: auto !important; height: 300px;
   float: left;
   margin: 5px 0px 0px 5px; 
   padding: 0px 0px 0px 0px;
   background-color: #F4EBDE;
   /*background-image: url(galeria/fons_categories.png); background-repeat: no-repeat; */
   overflow: visible;
  _display: inline-block; /*només per IE6*/
   font-family: Arial, Helvetica, sans-serif;
   }
  .categories ul { 
   padding: 0px 0px 0px 0px; 
   margin: 25px 5px 10px 0px;
   clear: both;
   /*background-color: #F4EBDE;*/
   width: 168px;
   }
  .categories ul li { 
   width: 155px; height: 25px; 
   margin: 0px; padding: 0px; 
   display: inline;
   font-weight: bold; 
   }
   .categories ul li a {
   display: inline; 
   width: 158px; height: 25px;
   margin: 0px 0px 0px 0px; padding: 5px 0px 5px 20px; 
   font-size: 130%; font-weight: bold;
   float: left; 
   color: #C50007;
   text-decoration: none;  
   text-align: middle;
   background-image: url(galeria/fons_categoria1.gif);
   background-repeat: no-repeat;
   }
  .categories ul li a:hover {
   display: inline; 
   width: 158px; height: 25px;  
   margin: 0px 0px 0px 0px; 
   padding: 5px 0px 5px 20px; 
   font-size: 130%; font-weight: bold;
   float: left;
   color: #000000; 
   text-decoration: none;
   vertical-align: middle;
   background-image: url(galeria/fons_categoria.gif);
   background-repeat: no-repeat; 
   }
   .dreta {
   float: right;
   width: 550px; color: #000000;
   margin: 5px 0px 0px 0px;
   }
   .dreta1 {
   margin-left: 190px; background-color: #0099FF;  
   min-height: 225px; height: auto !important; height: 225px;  
  }
 .blocs { 
  width: 100%;
  float: left; 
  }
 .blocmig { 
  margin: 0px 195px 0px 165px;
  }
 .blocesquerra {
  width: 165px; 
  float: left; 
  margin-left: -100%; height: 100%; 
  background-color: #CC9933;
  }
 .blocesquerra p { margin: 5px 10px 0px 10px; }
 .blocdreta {
  width: 195px; 
  float: left;  
  margin-left: -195px; 
  height: 100%; 
  background-color: #DDDDD5; 
  }
 .principal {  
  padding: 0px 0px 0px 0px; 
  background-color: #ffffff;
  font-size: 90%; vertical-align: top; 
  min-height: 500px; height: auto !important; height: 500px; 
  }
 .principal ul { }
 .principal ul li {  }
 .principal ul li a { padding-left: 10px; font-size: 90%; }
 .principal ul li a:hover { color: #404040; font-size: 90%; }
 .principal p { color:#000000; }
  
  .cos {
   width: 780px;
   min-height: 600px; height: auto !important; height: 600px;
   padding: 0px;
   margin: 185px 0px 0px 0px;
   }
 .subcat {
  position: absolute; left: 150px; 
  border: 0px solid #ffffff; background-image: url(galeria/fons_subcat.gif); background-repeat: no-repeat;
  z-index:1; visibility: hidden; 
  }
 .subcat ul { padding: 2px 3px 3px 3px; margin: 0px 0px 0px 0px; list-style-type:none; 
   }
 .subcat ul li { margin: 0px 0px 0px 0px; min-height: 20px; height: auto !important; height: 20px; line-height: 20px; vertical-align: middle;  }
 .subcat ul li a {
  height: 20px; display: block; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px;
  font-size: 90%;  border-bottom: 1px solid #c50007;  
  color: #000000; text-decoration: none; font-weight: bold; 
  }
 .subcat ul li a:hover {
  height: 20px; display: block; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px;
  font-size: 90%;  border-bottom: 1px solid #000000; 
  color: #C50007; 
  }

 .destacats {  
  position:relative; width:190px; right:0px; float: right;
  min-height: 900px; height: auto !important; height: 900px;
  font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; 
  margin: 0px 0px 0px 0px; padding: 0px; text-align: justify; 
  }
 .destacats p { padding: 1px 5px 5px 4px; margin: 0px 0px 0px 0px; color: #000000; }
 .destacats h4 {  color: #000000;   }
 .destacats a { }
 .destacats a:hover { }
 .destacats ul { list-style-type: none; margin: 0px; padding: 0px; }
 .destacats ul li { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; }
 .destacats img.mig { text-align: center; display: block; margin: 5px 0px; padding: 0px; border: 1px solid #ffffff; }
 .peu {
	width: 770px;
	height: 40px; 
	margin: 0px auto 0px auto;
	text-align: center; 
	padding: 0px;
	color: #000000;
	clear: both;
	font-size: 105%; 
	}
 .peu p {
	padding: 6px 10px 0px 10px;
	margin: 0px; 
	}
 .peu a {
	color: #C50007;
	font-weight: normal;
	}
 .peu a:hover {
	text-decoration: underline;
	color: #000000;
	}
 .opciollista {
	width: 49%;
	float: left; 
	min-height: 75px; 
	height: auto !important; 
	height: 75px; 
	margin: 0px 5px 10px 0px;
	background-color: #F4EBDE;
	}
 .opciollista .titol {
	color: #cc0000; 
	height: 60px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
 .opciollista .titol a {
	text-decoration: none;
	height: 60px;
	line-height: 70px;
	vertical-align: middle;
	padding: 5px 0px 8px 5px;
	color: #C50007;
	}
 .opciollista .titol a:hover {
	text-decoration: none;
	line-height: 70px;
	vertical-align: middle;
	padding: 5px 0px 8px 5px;
	color: #000000;
	text-decoration: underline;
	}
 .opciollista .resum { 
	padding: 0px; 
	margin: 0px 0px 10px 5px;
	}
 .opciollista img { 
	float: right; 
	margin: 2px; 
	padding: 2px;
	}
 .registre {
	width: 49%; 
	min-height: 150px; 
	height: auto !important;
	height: 150px; 
	margin: 0px 0px 10px 3px;
	font-size: 90%;
	color: #000000;
	float: left;
    background-color: #F4EBDE;
	}
 .registre a { 
    color: #000000;
	text-transform: uppercase;
	}
 .registre a:hover {
    color: #C00000;
	}
 html>body .registre { overflow: auto; }
 .registre "32"></a></div> {
	color: #004187;
	padding: 5px 0px;
	}
 .registre "32"></a></div> a {
	color: #004187;
	}
 .registre "32"></a></div> a:hover {
	color: #016FC7;
	}
 .registre p {
	margin: 5px 0px; padding: 5px;
	}
 .registre .resum {
	margin: 5px 5px 5px 8px;
	padding:0px; 
	font-size: 100%;
	color: #000000;
	}
 .registre .resum p {  }
 .registre .imatge {
	float: right;
	margin: 5px 5px 5px 5px;
	padding: 0px;
	border: 0px;
	}
 .registre1 {
	width: 99%;
	min-height: 400px; 
	height: auto !important;
	height: 400px; 
	padding: 0px; color: #000000;
	margin: 0px 0px 10px 5px;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
 html>body .registre1 { overflow: auto; }
 .registre1 "32"></a></div> {
	color: #004187;
	padding: 5px 0px;
	}
 .registre1 "32"></a></div> a {
	color: #004187;
	}
 .registre1 "32"></a></div> a:hover {
	color: #016FC7;
	}
 .registre1 p {
	margin: 5px 0px;  
	}
 .registre1 .resum {
	margin-bottom: 10px; 
	padding: 0px 0px 10px 0px; 
	font-size: 100%;
	}
 .registre1 .publicacio {
	}
 .registre1 img.dta {
	float: right;
	padding: 5px;
	margin: 2px 0px 5px 5px;
	}
 .registre1 img.esq {
	float: left;
	padding: 5px;
	margin: 2px 5px 5px 0px;
	background-color: #ffffff;
	}
 .registre1 .img_esq_text {
	float: left;
	margin: 5px 5px 5px 0px;
	padding: 5px;
	}
 .registre1 .img_dta_text {
	float: right;
	margin: 5px 0px 5px 5px;
	padding: 5px;
	}
 .registre1 .img_esq {
	text-align: left;
	display: block;
	margin: 5px 5px 5px 0px;
	padding: 5px;
	clear: both;
	}
 .registre1 .img_dta {
	text-align: right;
	display: block;
	margin: 5px 0px 5px 5px;
	padding: 5px;
	clear: both;
	}
 .registre1 .img_mig {
	display: block;
	margin: 5px auto 5px auto;
	padding: 5px;
	clear: both;
	}
.tirafotos { 
 	width: 100%; 
	min-height: 115px; height: auto !important; height: 115px;
	padding: 0px;
 	margin: 10px 0px 0px 0px;
 	 }
.tirafotos img  { 
	border: 0px;
	 }
.tirafotos ul { 
	width: 100%;
	list-style-type: none; 
	margin: 0px; 
	}
.tirafotos li { 
 	width: 150px; height: 115px; 
 	margin: 0px 3px 6px 0px; 
	float: left;
 	}
 .tirafotos li a { 
 	margin: 0px 3px 6px 0px; 
 	}

 .opcions {
	width: 100%; 
	min-height: 40px; 
	height: auto !important; 
	height: 40px; 
	margin: 0px 0px 20px 0px;
	background-color: #ccccccc;
	}
html>body .principalreg .miniaturesh { overflow: auto; }

.contenidor1 {
	display: block;
	background-color: #ffffff;
	}
.insertnet { width: 100%; height: 30px; margin: 0px 0px 0px 0px; text-align: right; 
  padding: 0px; font-size: 85%; color: #ffffff; line-height: 30px; vertical-align: middle; background-color:none;
  }
.insertnet a { color: #ffffff; }
.insertnet a:hover { color: #ffffff; }

.acceskey { text-decoration: underline; }
.buscador { display: none; visibility: hidden; }
.separador { clear: both; }

.tirafotos { 
 width: 325px; 
 min-height: 140px;  height: auto !important; height: 140px;
 margin: 0px;
 padding: 0px;
 margin: 10px 0px 0px 0px;
 padding: 0px;
  }
.tirafotos img  { border: 1px solid #E3E1E1; }
.tirafotos ul { list-style-type: none; width: 100%; margin: 5px;    }
.tirafotos li { 
 width: 150px;  
 margin: 0px 7px 0px 0px; 
 display: inline; float: left;
 }
 .colaboradors {
 width: 95%;
 height: auto;
 margin: 0px;
 }
 .colaboradors img { padding: 3px; border: 1px solid #ffffff; }
 .colaboradors ul {
 width: 430px;
 margin: 0px 10px 0px 10px;
 display: inline;
 list-style-type: none;
 float: left;
 }
 .colaboradors ul li {
 width: 185px;
 height: 120px;
 display: inline;
 float: left;
 margin: 14px 5px 10px 0px;
 text-align: left;
 font-weight: bold;
 }
 .colaboradors img { border: 1px solid #C0C0C0; }
<!------------------------------------------------------------------------------------ >  
/*.blocdalt { 
	float: right;
	width: 175px;
	min-height: 15px;
	height: 15px; 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image:url(galeria/bloc_dalt.gif);
	background-repeat:no-repeat;
	}
.blocbaix { 
	float: right;
	width: 175px;
	min-height: 15px;
	height: 15px;   
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image:url(galeria/bloc_baix.gif);
	background-repeat:no-repeat;
	}
.blocdaltcat { 
	float: left;
	width: 175px;
	min-height: 15px;
	height: 15px; 
	margin: 0px;
	padding: 0px;
	background-image:url(galeria/bloc_dalt.gif);
	background-repeat: no-repeat;
	} 
.blocbaixcat { 
	float: left;
	width: 175px;
	min-height: 15px;
	height: 15px; 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image:url(galeria/bloc_baix.gif);
	background-repeat:no-repeat;
	}
 .cap .blocs {
	float: right;
	height: 105px; 
	color: #ffffff;
	}
.cap .blocs form {
	margin: 0px; 
	padding: 0px;
	}
.cap .blocs a {
	color: #ffffff;
	}
.cap .blocs input {
	margin: 5px; 
	padding: 0px;
	}
.cap .blocs .titol1 {
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}
.cap .blocs p {
	margin: 3px 0px;
	padding: 0px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	}
.cap .blocs .bloc_usuari {
	width: 200px;
	height: 95px;
	margin: 5px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	float: left;
	font-size: 90%;
	background-image: url(galeria/quadre-bloc-200px.png);
	background-repeat: no-repeat;
	}
.cap .blocs .bloc_usuari .text {
	font-size: 75%;
	}
.cap .blocs .bloc_buscador {
	width: 150px;
	height: 95px;
	margin: 5px;
	padding: 0px;
	text-align: center;
	float: left;
	font-size: 90%;
	background-image: url(galeria/quadre-bloc-150px.png);
	background-repeat: no-repeat;
	}
.cap .blocs .bloc_carret {
	width: 150px;
	height: 95px;
	margin: 5px;
	padding: 0px;
	text-align: center;
	float: left;
	font-size: 90%;
	background-image: url(galeria/quadre-bloc-150px.png);
	background-repeat: no-repeat;
	}

	
.cap1 { width: 580px; height: 130px; margin: 0px; padding: 0px; float: left; }
.cap2 {
  text-transform:uppercase; 
  width: 745px; height: 15px; background-color:#008FE0; vertical-align: top; color: #E4E0E0;
  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 3px; display: block; 
}*/