body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.9em;
	color: #000000;
	background-color: #ffffff;
	margin: 0px;
	background-image: url(galeria/fons_cap.jpg);
	background-repeat: no-repeat;
	}
A {
	text-decoration: underline;
	font-weight: bold;
	color: #004A21;
	margin: 0px;
	padding: 0px;
	}
A:Hover {
	color: #BDE729;
	}
a:focus {
	outline:none;
	} 

form { 
	margin: 0px; 
	}
form .camp { 
	width: 150px; 
	float: left; 
	}
form .obligatori { }

:focus { outline: 0; }

h1 {
	margin: 10px 0px 5px 10px;
	padding: 0px 0px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #404040;
	background-image: url(galeria/deco_registre_subcat1.gif);
	background-repeat: no-repeat;
	}
h2 {
	font-size: 130%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	color: #99CC00;
	}
h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 10px;
	color: #FFDE316;
	}
h4 {
	background-color: none;
	font-size: 110%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	color: #FFCC33;
	}
h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	color: #FFCCCC;
	}
h6 {
	font-size: 90%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	color: #990066;
	}
h7 {
	padding: 5px 15px 10px 45px;
	font-size:90%;
	color: #9999FF;
	}
img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
img.dta {
	float: right;
	padding: 5px;
	margin: 5px 0px 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: 99%; 
	height: 35px; 
	line-height: 35px; 
	vertical-align: middle;
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	color: #404040;
	font-size: 110%;
	border: 1px solid #cccccc;
	/*border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;*/
	/*background-image: url(galeria/deco_ariadna.gif);*/
	background-repeat: no-repeat;
	background-position: top left;
	}
.situacio ul {
	width: 90%; 
	height: 40px; 
	padding: 0px 00px 0px 20px;
	margin: 0px; 
	list-style-type:none;
	float: left;
	}
.situacio ul li {
	height: 29px; 
	line-height: 29px; 
	vertical-align: middle;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	font-size: 110%;
	font-weight: bold;
	}
.situacio ul li a {
	height: 29px; 
	line-height: 29px; 
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	float: left;
	font-size: 110%;
	text-decoration: underline;
	}
.situacio ul li a:hover { text-decoration: overline;  	}
.situacio ul li p {
	height: 29px; 
	line-height: 29px; 
	vertical-align: middle;
	margin: 0px;
	float: left;
	text-decoration: none;
	font-size: 110%;
	}
table {
	text-align: left;
	}
.obligatori { 
	background-color: #CCCCCC; 
	}
  #cap {
    width: 95%;
	margin: 0px auto 0px auto;
	background-image: url(galeria/s_fonscap01.jpg);
	background-repeat: no-repeat;
	background-position: top right; 
	position: relative;
	/* original: position: static; */
	padding: 0px;
	height: 160px;
	overflow: hidden;
	_display: inline-block; /*només per IE6*/
    }
 .logo { 
    width: 300px; height: 125px;
    margin: 0px 0px 0px 115px; 
    padding-top: 3px;
    }
 #pagina {
    width: 93%; 
  	height: 100%; 
  	margin: 0px auto 0px auto; 
  	padding: 0px;
  	background-color: #ffffff;
  	/*background-image: url(galeria/fons_pagina_esq.gif); background-repeat: no-repeat; */
  	position: relative; 
  	min-height: 100%; 
  	overflow: hidden; 
	_display: inline-block; /*només per IE6*/
    }
.esquerra {
  	width: 199px;
  	height: 100%;
	margin: 22px 0px 0px 0px;
  	padding: 0px;
  	float: left;
	position: inherit; 
    }
.dreta {
  	float: right;
 	width: 100%;
  	margin-left: -200px;
 	}
.dreta1 {
  	margin-left: 200px; background-color: #ffffff;  
  	min-height: 225px;
	height: auto !important;
	height: 225px;
	clear: both;
    }
.continguts {
  	background-color: #cccccc;
 	 display:block;
  	margin: 2px 0px 0px 220px;
  	padding: 0px; 
  	min-height: 370px;
  	height: auto !important;
  	height: 370px; float: right; 
	}
html>body .continguts { overflow: auto; }
.principal {
	float: left;
	width: 98%;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	font-size: 90%;
	vertical-align: top;
	list-style-type: disc; 
	min-height: 350px;
	height: auto !important;
	height: 500px;
	clear: both;
	}
.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; }
.categories { 
   width:200px; 
   min-height: 400px; height: auto !important; height: 400px;
   margin: 25px 0px 0px 0px; 
   padding: 0px 0px 0px 0px; 
   overflow: visible;
  _display: inline-block; /*només per IE6*/
   }
.categories ul { 
   padding: 0px 0px 0px 0px; 
   margin: 0px 0px 10px 5px;
   clear: both;
   }
.categories ul li { 
   width: 185px; height: 24px; 
   margin: 0px; padding: 0px; 
   display: inline; 
   }
.categories ul li a {
   display: inline; 
   width: 185px; height: 24px;
   font-size: 125%; 
   margin: 0px 0px 0px 0px; 
   padding: 5px 0px 5px 5px; 
   float: left; 
   background-image: url(galeria/fons_categoria.gif);
	background-repeat: repeat-x;
   color: #004A21; 
   text-decoration: none;
   font-weight: normal;
   }
 .categories ul li a:hover {
   display: inline; 
   width: 185px; height: 24px;  
   font-size: 125%;  
   margin: 0px 0px 0px 0px; 
   padding: 5px 0px 5px 25px; 
   float: left;
   color: #404040;
   background-image: url(galeria/fons_categoria1.gif);
	background-repeat: repeat-x;
   background-color: #F4F4F4; 
   text-decoration: none; 
   font-weight: normal;
   }
.subcat {
  position: absolute; 
  left: 200px; background-color: #ffffff; 
  z-index:1; visibility: hidden; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
.subcat ul { 
  padding: 2px 3px 3px 3px; 
  margin: 0px 0px 0px 0px; 
  list-style-type:none; 
  background-color: #ffffff; 
  border: 1px solid #ffffff;
  }
.subcat ul li { 
  margin: 0px 0px 0px 0px; 
  min-height: 25px; height: auto !important; height: 27px; 
  line-height: 25px; 
  vertical-align: middle;
  }
.subcat ul li a {
  height: 24px; 
  display: block; 
  margin: 2px 0px 0px 0px; 
  padding: 0px 5px 0px 5px;
  font-size: 100%;  
  border-bottom: 1px solid #ffffff; 
  background-color: #F4F4F4; 
  color: #004A21; 	
  text-decoration: none; 
  }
.subcat ul li a:hover {
  height: 24px; 
  display: block; 
  margin: 2px 0px 0px 0px; 
  padding: 0px 5px 0px 5px;
  font-size: 100%;  
  border-bottom: 1px double #ffffff; 
  background-color: #F4F4F4; 
  color: #9AD026; 
  }
.destacats {
  width: 97%;
  height: 190px;
  max-height: 190px;	
  margin: 10px 0px 0px 0px;
  clear: both;
  float: left; 
  }
.destacats img { }
.destacats .destacat {
  width: 160px;
  height: 120px;
  max-height: 120px;	
  margin: 0px 0px 10px 5px;
  padding: 0px;
  float: left;
  top: 0px;
  }
.destacats .destacat img {
   margin: 0px;
   padding: 0px;
   border: 1px solid #cccccc; 
   }
.peu {
	width: 780px;
	height: 50px; 
	margin: 20px auto 0px auto;
	text-align: center; 
	padding: 0px;
	font-size: 95%;
	color: #004A21;
	background-image: url(galeria/fons_peu.gif);
	background-repeat: no-repeat;
	clear: both; 
	}
.peu p {
	padding: 0px 10px 0px 10px;
	margin: 0px; font-size: 105%;
	}
.peu a {
	font-weight: normal;
	}
.peu a:hover {
	text-decoration: underline; 
	}
.opciollista {
	width: 47%; 
	min-height: 75px; 
	height: auto !important; 
	height: 75px; 
	float: left;
	margin: 0px 5px 10px auto;
	border: 1px solid #CCCCCC;
	}
html>body .opciollista { 
	overflow: auto; 
	}
.opciollista .titol {
	color: #9AD026; 
	font-size: 110%;
	height: 50px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
.opciollista .titol a {
	text-decoration: none;
	height: 70px;
	line-height: 70px;
	vertical-align: middle;
	padding: 15px 0px 8px 10px;
	color: #004A21;
	text-decoration: underline;
	}
.opciollista .titol a:hover {
	text-decoration: none;
	line-height: 70px;
	vertical-align: middle;
	padding: 15px 0px 8px 10px;
	color: #404040;
	text-decoration: none;
	}
.opciollista .resum { 
	padding: 0px; 
	margin: 0px 0px 10px 10px;
	}
.opciollista img { 
	float: right; 
	margin: 2px; 
	padding: 0px;
	}
 .registre {
	width: 48%; 
	min-height: 100px; 
	height: auto !important;
	height: 100px; 
	margin: 0px 0px 10px 3px;
	font-size: 90%;
	color: #808080;
	float: left;
    background-color: #ffffff;
	border: 1px solid #CCCCCC;
	}
.registre a { 
    color: #004A21; 
	}
.registre a:hover {
    color: #9AD026;
	}

.registre p {
	margin: 5px 0px;
	}
.registre .resum {
	margin: 5px 0px 10px 5px;
	padding:0px; 
	font-size:100%;
	color: #808080;  
	}
.registre .resum p { font-size: 80%; color: #808080; }
.registre .imatge {
	float: right;
	margin: 5px 5px 5px 5px;
	padding: 0px;
	border: 0px;
	}
 .registre1 {
	width: 95%;
	min-height: 200px; 
	height: auto !important;
	height: 400px; 
	padding: 0px; color: #808080;
	margin: 30px 0px 10px 5px;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
html>body .registre1 { overflow: auto; }


.registre1 p {
	margin: 5px 0px; font-size: 90%; color: #808080;
	}
.registre1 .resum {
	margin-bottom: 10px; 
	padding: 0px 0px 10px 0px; 
	font-size: 95%; color: #808080;
	}
.registre1 .publicacio {
	margin: 30px 0px 0px 0px;
	}
.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;
	}
.opcions {
	width: 90%; 
	min-height: 40px; 
	height: auto !important; 
	height: 40px; 
	margin: 10px 0px 20px 0px;
	background-color: #ffffff;
	}
.boto01 ul {
	margin: 5px;
	}
.boto01 p {
	padding: 0px 5px;
	margin: 5px 0px;
	list-style: none;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	}
.boto01 p a {
	background-image: url(galeria/boto01_esq.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	display: block;
	float: left;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
	color: #ffffff;
	}
.boto01 p a:hover {
	background-image: url(galeria/boto01_esq_a.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	display: block;
	float: left;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
	color: #ffffff;
	}
.boto01 p a span {
	background-image: url(galeria/boto01_mig-dta.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	padding: 0px 20px 0px 0px;
	height:30px;
	}
.boto01 p a:hover span {
	background-image: url(galeria/boto01_mig-dta_a.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	padding: 0px 20px 0px 0px;
	height:30px;
	}
.boto02 {
	width: 50px;
	height: 15px;
	padding: 1px 10px;
	margin: 5px;
	background-color: #000000; 
	}
.boto02 a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	}
.boto02 a:hover {
	color: #ff0000;
	text-decoration: none;
	}
.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: #000000; 
	line-height: 30px;
	vertical-align: middle;
	background-color:none;
  }
.insertnet a { color: #000000; }
.insertnet a:hover { color: #cccccc; }
.acceskey { text-decoration: underline; }
.buscador { display: none; visibility: hidden; }
.separador { clear: both; }
.tirafotos { 
 	width: 550px; 
 	min-height: 150px;  height: auto !important; height: 150px;
 	padding: 0px;
 	margin: 10px 0px 0px 0px;
	 }
.tirafotos img  { border: 1px solid #E3E1E1; }
.tirafotos ul { 
	display: inline;
	list-style-type: none; 
	float: left;
	width: 100%; 
	margin: 5px;
   }
.tirafotos li { 
 width: 250px; 
 margin: 0px 3px 0px 0px; 
 display: inline; float: left;
 }
.tirafotos li a { 
 display: inline; 
 }


