/* ***************************************************************************** */
/* GENERAL */
/* ***************************************************************************** */
span.publicat {
	    background: transparent url('../imgs/menu/document_preferences.gif') no-repeat center center;
		padding-right:20px;
		}
span.no_publicat {
        background: transparent url('../imgs/menu/document_forbidden.gif') no-repeat center center;
		padding-right:20px;
		}
* {
  	margin:0px;
	padding:0px;
	font-size:11px;
  	}
#contingut ul {
   margin-left:20px; 
   }	
a img {
    border:0px;
	}
img.amaga {
	vertical-align: top;
	margin: 0 3px 0 4px;
	}		
body {
	}
#contingut {
	width:100%;
	font-family:arial;
	font-size:11px;
	clear:both;
	_padding:10px;
	}
body.html #contingut {
	background: url("../imgs/fons.gif") repeat-x 0px -129px; /* fondo barra navegación principal */
	}	
#estadistiques #contingut,#processos.html #contingut,#socis.html #contingut {
	background-position:0px -140px;
	}	
#contingut div {
	padding-top:10px !important;
	padding:0px 10px 0px 10px;
	_padding:0px;
	margin:0 auto 0 auto;
	width:auto;
	overflow:hidden;
	}	
#contingut div div{
	padding:0px !important;
	padding:0px;
	text-align:left; 
	margin:0px;
	border:0px;
	width:auto;
	float:none;
	}
#contingut  div.tickdiv {
	margin:10px 0 10px;
	}
#contingut .trackbar td.l div {
	text-align:right; 
	}
#contingut .trackbar div  {
	overflow: visible;
	margin: auto;
	padding: 0px;
	}	 					
#dialog #contingut,#dialog #contingut div {
	padding:0px !important;
	margin:0px !important;
	height:100%;
	padding:0px;
	margin:0px;
	}	
div.info p {
	text-align: center;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	background: url('../imgs/info.gif') top center no-repeat;
	padding: 40px 0 0 0;
	margin: 0 auto 30px auto;
	width:80%;
	}
.button {
	  height:20px;
	  width:100px;
	  font-size:11px;
	  font-family:arial;
	  color:#555;
	  background: url('../imgs/boto_fons.gif') top left no-repeat;
	  border:0px;
	  }	  
.button:hover {
	  background-position:bottom left;
	  color:#986b06;
	  cursor:pointer;
	  }	  
#contingut form label {
	  float:left;
	  width:110px;
	  padding-right:5px;
	  text-align:right;
	  }	  
#contingut form label.oblig {
	  font-weight:bold;
	  }	  	  
#contingut form p {
	  min-height:22px;
	  }	  
#contingut form i {
	  color:#888;
	  }	  
textarea {
	  border:solid 1px #c0c0c0;
	  font-family:arial;
	  font-size:11px;
	  padding-left:2px;
	  }	  
input,select {
	  border:solid 1px #c0c0c0;
	  font-family:arial;
	  font-size:11px;
	  padding-left:2px;
	  line-height:17px;
	  height:17px;
	  vertical-align:middle;
	  }	  
#contingut #paginacio {
	  margin:12px 0 0 0;
	  padding:6px 0px 10px 0px !important;
	  clear:both;
	  }	
#contingut #paginacio a img {
  	  vertical-align:middle;
	  }	
#contingut h2.normal {
	   font-size:11px;	   
	   font-weight:normal;
	   background:#ddd;
	   padding:4px;
	   }
#contingut h2.resposta {
	   font-size:11px;	   
	   font-weight:normal;
	   background:#ddd;
	   padding:10px;
	   margin-left:20px;
	   }
#contingut h2.small {
	   font-family:small fonts;
	   font-size:7px;	   
	   font-weight:normal;
	   text-transform: uppercase;
	   }
#contingut h1.titol {
	   font-size:22px;	   
	   font-weight:bold;
	   border-bottom:solid 0px #000;
	   }
#contingut p.descripcio {
	   margin: 20px 0;	 
	   padding: 0px;
	   _margin:40px 0;  	   	   
	   }
#contingut p.descripcio img {
	   float:right;
	   border:solid 1px #666;
	   }
#contingut p.descripcio span {
	   clear:both;
	   }	   
#top   {
	   height:18px;
	   }
#top h2,#top .menuidiomes {
	   float:right;
	   margin-right:10px;
	   }
#top .menuidiomes,#top h1,#top h2 {
	   height:18px;
	   line-height:18px;
	   }
	   

/* ***************************************************************************** */	
/* PROCESSOS */	
/* ***************************************************************************** */
	   
#processos.html #contingut,#socis.html #contingut {
	background-position:0px -140px;
	}	
#contingut div.inscrit {
	   background-repeat:no-repeat;
	   background-image: url(../imgs/check.gif);
	   line-height:32px;
	   margin-top:10px;
	   }
#contingut div.inscrit a {
	   margin-left: 40px;
	   color:#000;
	   text-decoration:none;
	   font-weight:bold;
	   white-space:nowrap;
	   display:block;
	   }
#contingut div.inscriure {
	   background-repeat:no-repeat;
	   background-image: url(../imgs/inscripcio.gif);
	   background-position:top left;
	   line-height:32px;
	   float:left;
	   margin-top:10px;
	   }
#contingut 
div.inscriure a {
	   float:left;
	   margin:0px;
	   background-repeat:no-repeat;
	   background-image: url(../imgs/inscripcio.gif);
	   background-position:top right;
	   margin-left: 20px;
	   padding-right: 20px;
	   color:#fff;
	   text-decoration:none;
	   font-weight:bold;
	   white-space:nowrap;
	   display:block;	   
	   }	   	   

/* ***************************************************************************** */	
/* GALERIA DE IMAGENES */	
/* ***************************************************************************** */

.thumb {
	   float:left;
	   min-height:90px;
  	   width:135px;
  	   margin:0px 10px 0px 0px;
  	   }
.thumb a{
  	   text-decoration:none;
  	   font-size:9px;
  	   color:#000;
  	   display:block;
  	   line-height:10px;
  	   text-align:center;
  	   vertical-align:middle;
  	   }  
#contingut .openthumb {
  	   position:absolute;
  	   width:135px;
  	   height:60px;
  	   background:url('../imgs/popup.gif') top left no-repeat;
  	   filter:alpha(opacity=35);
  	   -moz-opacity:.35;
  	   opacity:.35;
  	   }
#contingut a:hover .openthumb {   	   
	   cursor:pointer;
  	   background-position:bottom right;
  	   filter:alpha(opacity=100);
  	   -moz-opacity:1;
  	   opacity:1;
 	   }	   
#contingut .thumb {
	   float:left;
	   min-height:90px;
	   _height:90px;
  	   width:135px;
  	   margin:0px 10px 0px 0px;
  	   }
#galeria_editar #contingut .thumb {
	   min-height:116px;
	   _height:116px;
  	   }
#contingut .menuthumb {
       background-color:#ccc;
	   height:26px;
	   line-height:20px;
	   }
#contingut .menuthumb a {
  	   float:left;
	   margin:5px 3px;
	   height:80px;
	   }	   
#contingut .menuthumb a#eliminar {
  	   float:right;
	   }	     
	   
/* ***************************************************************************** */	
/* TABLAS DE REGISTROS */	
/* ***************************************************************************** */

table#registres {
		border-collapse:collapse;
		border: 0px solid #ddd;
		clear:both;
		}
table#registres th,table#registres td {
		padding:0.3em 1em;
		font-size:11px;
		}
table#registres tbody td {		
		border-top:	 1px solid #ccc;
		}
table#registres tbody td:first-child {		
		border-left: none;
		}
table#registres thead a {
		color: #000;
		}		
table#registres th,table#registres thead {
		text-align:left;
		background: #ccc url('../imgs/fons_fila.gif') 0px -1px repeat-x;
		}
table#registres tbody tr:hover, 
table#registres tr:hover .arxiupdf,
table#registres tr:hover .arxiudoc,
table#registres tr:hover .arxiuxls,
table#registres tr:hover .carpeta,
table#registres tr:hover .arxiu,
table#registres tr:hover .t0,
table#registres tr:hover .t1,
table#registres tr:hover .t2,
table#registres .seccio tr:hover .apartat, 
table#registres .seccio tr:hover .subapartat,
table#registres tr:hover .apartat, 
table#registres tr:hover .subapartat {
		background-color:#f0f3b1;
		}			
table#registres a {
		margin-right:7px;
		}		  
  
/* ***************************************************************************** */	
/* INFORMACIÓN SUPERIOR */	
/* ***************************************************************************** */

#top {
	background:#000;
	padding:5px;	
	text-align:right;
	}
#top h1 {
	font-size:10px;
	font-family:arial;
	/*text-transform: uppercase;  texto en mayúsculas */
	font-weight:normal;
	color:white;
	float:left;
	}		
#top h2 {
	font-size:10px;
	font-family:arial;
	/*text-transform: uppercase;  texto en mayúsculas */
	font-weight:normal;
	color:white;
	}		

/* ***************************************************************************** */
/* MENÚ NAVEGACIÓN PRINCIPAL */
/* ***************************************************************************** */

#header {
    width:100%;
	float:left; /* para no tener que definir una altura fija */
	background-color:#bfdbff;
	background: url("../imgs/nav_fons.gif") repeat-x bottom; /* fondo barra navegación principal */
    }
#header ul {
    padding:3px 0px 0px 3px;
    list-style:none;
    }	
#header li {
    float:left;
	background:url("../imgs/nav_esquerra2.gif") no-repeat left top; 
	padding-left:6px;  
	border-bottom:1px solid #99bbe8;
	text-align:center;
	margin-right:3px; 
	min-width:50px;
    }	
#header a {
    display:block;
    background:url("../imgs/nav_dreta2.gif") no-repeat right top; /* borde derecho */
	padding: 6px 6px 5px 0px; /* el padding izquierdo ya se define en #header li */
	white-space:nowrap; /* para que no se realice un salto de línea */
  	text-decoration:none;
	color:#315d93;
	font-size:11px;
	font-family:arial;
	font-weight:bold;
    }
#header li:hover {
    background-position:0% -150px;
  	}
#header li:hover a {
    background-position:100% -150px;
  	}
	
/* ***************************************************************************** */	
/* MENÚ NAVEGACIÓN SECUNDARIA */	
/* ***************************************************************************** */

#nav2 {
	background:url("../imgs/nav2_dre_top.gif") repeat-x top right;
	float:left;
	margin:3px 3px 3px 3px !important;
	margin:3px 3px 3px 1px;	
	padding:0px 0px 0px 0px;
	height:auto;
	width:auto;
	}	
#nav2 div {
	background:url("../imgs/nav2_dre_bot.gif") no-repeat right bottom; 
	float:left;
	}	
#nav2 div div {
    background:url("../imgs/nav2_esq_bot.gif") no-repeat left bottom;
	}	
#nav2 ul {
    background:url("../imgs/nav2_esq_top.gif") no-repeat left top;
	float:left;
	list-style:none;
	padding:4px 2px 1px 3px !important;
	padding:4px 0px 3px 2px;
	}		
#nav2 span {
	float:left;
	width:auto;
	} 	
#nav2 li {
	background:url("../imgs/nav2_o_esquerra.gif") no-repeat left top; /* borde izquierdo */
    float:left;
	height:auto;
	margin: 0 2px 2px 1px;
	height:50px;
	overflow:hidden;	
	text-align:center;
    }
#nav2 a img{
	margin:0 5px 2px 5px;
	}
#nav2 a{
	background:url("../imgs/nav2_o_dreta.gif") no-repeat left top; /* borde derecho */
    display:block;
	white-space:nowrap; /* para que no se realice un salto de línea */
  	text-decoration:none;
	color:#666;
	height:50px;
 	font-family:arial;
	font-size:11px;
	margin-left:2px !important;
	margin-left:1px;
	padding:5px 9px 5px 7px;
	float:left;
	text-align:center;
    }
#nav2 li:hover {
	background-position:0% -50px;
  	}
#nav2 li:hover a {
    background-position:100% -50px;
  	}	
	
/* ***************************************************************************** */	
/* MENÚ NAVEGACIÓN TERCIARIA */	
/* ***************************************************************************** */

#tabs {
	padding:0px !important;
	margin:15px 0px 15px 0px !important;
	height:26px;
	background:url("../imgs/punt_gris.gif") repeat-x left bottom; 
    }
#tabs ul {
    list-style:none;
	padding:0px !important;
	margin:0px 0px 0px 15px !important;	
    }	
#tabs li {
    float:left;
	background:url("../imgs/snav_esquerra.gif") no-repeat left top; 
	padding-left:6px;  
	border-bottom:1px solid #C0C0C0;
	text-align:center;
    }	
#tabs a {
    display:block;
    background:url("../imgs/snav_dreta.gif") no-repeat right top; /* borde derecho */
	padding: 6px 6px 5px 0px; /* el padding izquierdo ya se define en #header li */
	white-space:nowrap; /* para que no se realice un salto de línea */
  	text-decoration:none;
	color:#666;
 	font-family:arial;
	font-size:11px;
    }
#tabs li:hover {
    background-position:0% -150px;
  	}
#tabs li:hover a {
    background-position:100% -150px;
	color:#000;
  	}	
	
/* ***************************************************************************** */	
/* MENÚ MKTREE */	
/* ***************************************************************************** */
/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print {
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; }
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:0px; padding:0px;	spacing:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  span.bullet { padding-left: 20px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../imgs/mktree_minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../imgs/mktree_plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  { cursor: default; background: url(../imgs/mktree_esq.gif)   top left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: none; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	ul.mktree  ul li { background: url(../imgs/mktree_esq2.gif) left center repeat-y;}
	}