/* ##### Estil base ######################################################################### */
body {
	color: #000000;
	background-color: #F8FBD9;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 1.2em;
	width:69em;
	margin: 0 auto; /* centrar la pàgina a la pantalla */
	padding: 0;
	border: 1px solid #bbbbbb;
}

p {
	margin: 1em 0 1.5em 0;
	padding: 0;
	color: #51410B;
}

img{
	border: 0px;
}


/* ##### form, basat en capa ########################################################################################################### */
/* http://jeffhowden.com/code/css/forms/ */
form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 38.73em;
  max-width: 50.02em;
  width: 40em; /* amplada del formulari 40 em */
}

form fieldset {
  font-size: 100%;
  border-color: #A7AA7F;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 0.77em;
  margin: 0 0 0 0;
}

form fieldset.sense_linia { /* per als formularis en què hi ha un tabulador, no cal la línia (el tabulador ja en té una) */
  border-style: none;
}


label {
  font-size: 100%;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

input[disabled], select[disabled] { color: #000; }

textarea {
  overflow: auto;
}

form div {
  clear: none;
  display: block;
  margin: 0.39em 0 0 0; 
}

form div label {
  display: block;
  float: left; 
  clear:both;
  width: 150px; /* determina l'amplada del label. Es pot personalitzar amb les classes wXXX */
  padding: 0.23em 0.39em;
  text-align: right;
}

form div input.inputSubmit {
  width: auto;
}

form div.optional label{
  font-weight: normal;
}

form div.required label {
  font-weight: bold;
}

form div input, form div select, form div textarea {
  width: 15.5em;
  padding: 1px 0.23em;
  margin: 0 0 0 0;
}

form div input.check {
  width: 2em;
  margin: 10px 0 0 0;
}

form div textarea {
  height: 3.87em;
}

form div textarea.translation {
  width: 23.5em;
  height: 2.8em;
}

form div input.ombrejat, select.ombrejat{
  background-color: #eeeeee;
  border: 1px solid #A7AA7F;
}

form div input.ombrejat2{ /* és el ID */
  background-color: #dddddd;
  border: 1px solid #A7AA7F;
}

form div input.ID{
  background-color: #dddddd;
  border: 1px solid #A7AA7F;
  width: 1.94em; /*25px;*/
}

form div input.data{
  width: 5.03em;
}

form div input.data_ombrejat {
  background-color: #eeeeee;
  border: 1px solid #A7AA7F;
  width: 5.03em;
}


form div.fons1 {
background-color: #F6F9CF;
}

.validacio {
	color: #ff0000;
}

/* ##### Capçalera ################################################################################## */

#capcalera {
  color: inherit;
  background-color: #CBCEAA;
  background-image: url(../img/capcalera.jpg);
  background-repeat: no-repeat;
  height: 7em; 
  position: relative;
  z-index:1;
}

#logo{ 
visibility:hidden; 
display: none; 
} 


.titol_capcalera1 a{
	position:absolute;
	left:150px;
	top:0em;
	font-size: 3em;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

.titol_capcalera2 a{
	position:absolute;
	left:150px;
	top:2.2em;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

.subcapcalera {
	
	color: #222222;
	background-color: #DBDDC7;
	position:relative;
	top:5.2em; /* posició de la subcapçalera, que no ha de sobrepassar la capçalera */
	font-size: 110%;
	text-align: left;
	padding: 0 0 1px 0; /* top right bottom left */
	border-top-width: 1px;
	border-top-color: #ffffff;
	border-top-style: outset;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: inset;
}

.subcapcalera a {
	color: #444444;
	text-decoration: none;
}

.subcapcalera a.login2 {
	position:absolute;
	left:0.75em;
	background-color: transparent;
	text-decoration: none;
	padding-bottom: 0.15em;
	padding-top: 0.1em;
	padding-left:0.15em;
	padding-right:0px;
}

.subcapcalera .barra {
	position:absolute;
	left:11em;
	top:0.1em;
}

.subcapcalera a.login {
	position:absolute;
	left:57em;
	background-color: transparent;
	text-decoration: none;
	padding-bottom: 0.15em;
	padding-top: 0.1em;
	padding-left:0px;
	padding-right:0px;
}

.subcapcalera a:hover {
  color: #A5A5A5;
}


/* ##### Barra Esquerra ########################################################################## */
 #barra_esquerra { /* les mides horitzontals han de ser amb pixels, no han de créixer quan creixi el tamany de la lletra, doncs em limita l'amplada global de 1020.31em */
  width: 10.3em;
  float: left;
  clear: left;
  padding: 1em 0.23em 0.5em 0.39em;  /* top right bottom left */

}

#menu_esquerra a {
	color: #728692;
	background-color: transparent;
	text-decoration: none;
	display: block;
	padding-top: 0.2em;
	padding-right: 0;
	padding-bottom: 0.2em;
	padding-left: 0.39em;
	margin: 0;
 	border-bottom: 1px solid #bbbbbb;
}

#menu_esquerra a:hover {
	color: #2F3F5E;
	background-color: #CBCEAA;
	text-decoration: none;
	border-right-width: 0.23em;
	border-right-color: #CC9966;
	display: block;
	border-right-style: outset;
}

/* ##### Barra esquerra, menú desplegable ################################################################# */

	#nav{ /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 10.3em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.55em;
		width: 10.3em;
		z-index:2;  /* important per tal de què el submenú estigui per sobre de la zona principal, però només per a IE */
	}

	#nav ul{ /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 10.3em;
		background-color: #F8FBD9;
 		border-top: 1px solid #bbbbbb;
 		border-left: 1px solid #bbbbbb;
 		border-right: 1px solid #bbbbbb;
	}

	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 10.3em;
		margin-top : -2.01em;
	}
	
	#nav li a {
		width: 9.68em;
		display : block;
	}
	
	#nav li a:hover {
		color : #2F3F5E;
		background-color : #CBCEAA;
	}
	
	#nav li:hover ul { /* lists nested under hovered list items */ 
		display: block; /* això no seria necessari si no fos per l'IE7 */
		left: auto;
	}
	

	#nav li ul li ul{ /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 10.3em;
		margin-top : -2.01em;
		background-color: #F8FBD9;
	}

	#nav li:hover ul li ul{ /* lists nested under hovered list items */
		position : absolute;
		left: -999em;
		margin-left : 10.3em;
		margin-top : -2.01em;
		background-color: #F8FBD9;
	}

	#nav li ul li:hover ul { /* lists nested under hovered list items */
		left: auto;
	}

	#nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	

	#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}


/* ##### Barra dreta ############################################################################## */


 #barra_dreta { /* les mides horitzontals han de ser amb pixels, no han de créixer quan creixi el tamany de la lletra, doncs em limita l'amplada global de 1020.31em */
  width: 14.71em;
  float: right;
  clear: right;
  padding:0.7em 0px 0em 0px;
}

 #barra_dreta img{
 width:14em;
 }

 
/* ##### Zona principal ######################################################################################### */

#zona_ppal{
	position:relative;
	top:0px;
	left:0px;
	color: #000000;
	text-align: left;
	margin: 0 0 0 10.84em; 
	padding: 0.77em 0.39em 1.55em 0.39em;  /* top right bottom left */
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	width:41.5em;
	z-index: 0; /* he canviat de 1 a 0 el valor quan introdueixo les capes resultat_titol i resultat_detall */
	background-color:#E7EAC2;
	min-height:31em;
}

#zona_ppal h1 {
	color: #A7AA7F;
	background-color: transparent;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 175%;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0 1em 0 0;
	padding: 0 1em 0 0;
}

#zona_ppal h2 {
	color: #797B62;
	background-color: transparent;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 125%;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0 1em 0 0;
	padding: 0 1em 0 0;
}

#zona_ppal h2 a {
	color: #797B62;
}
#zona_ppal h2 a:hover {
	color: #48493A;
}

#zona_ppal h3 { /* h3 és el mateix que he però sense subratllat */
	color: #797B62;
	background-color: transparent;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 125%;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0 1em 0 0;
	padding: 0 1em 0 0;
}

#zona_ppal h3 a {
	color: #797B62;
}
#zona_ppal h3 a:hover {
	color: #48493A;
}

#zona_ppal a {
  color: #666752;
  background-color: transparent;
  text-decoration: none;
}

#zona_ppal a:hover {
	text-decoration: none;
	color: #262712;
}


/* ##### Contingut dins de zona principal ######################################### */

	#contingut1{
		position:relative;
		left:0em;
		top:0.77em;
	}


/* ##### Peu ########################################################################################## */

#peu {
	position:relative;
	color: #000000;
	background-color: #E6DFCF;
	font-size: 92%;
	line-height: 1.25em;
	margin: 0;
	padding: 1em 0.5em 0em 0.5em; 
	clear: both;
	border-top: 1px solid #bbbbbb;
}

#peu div {
  margin: 0;
  padding: 0 0 .5em 0;
  	text-align: center;
}

#peu a {
	color: #666666;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
}

#peu a:hover {
	text-decoration: none;
	color: #6699CC;
}

#w3c {
	position:absolute;
	left:0.77em;
	top:1.55em;
}