body {
font-family:Arial, Helvetica, sans-serif;
font-size:76%; /* 1em = 12px */
text-align: center;
color:#333333;
}

/**************************************
layout general
**************************************/

div#contenidor {
text-align:left;
max-width:78em;
margin:0 auto;
padding:1em 1.5em;
}


/* capçalera */
div#imatge-institucional {
float:left;
margin-bottom:5px;
}

	div#imatge-institucional h1 {
	font-size:2.5em;
	font-weight:bold;
	}
	
		div#imatge-institucional h1 a:link,
		div#imatge-institucional h1 a:visited,
		div#imatge-institucional h1 a:hover {
		text-decoration:none;
		color:#23B2E6;
		background-color:white;
		}
	
div#opcions-usuari {
float:right;
}

	div#opcions-usuari * {float:left;}
	
	div#opcions-usuari span#nom-usuari {
	margin-right:1.66em;
	line-height:2.3em;
	color:#23B2E6;
	font-weight:bold;
	}
	
	div#opcions-usuari a.accions-context {margin-right:0}
	

div#menu-principal-1 {
clear:both;
background:#23B2E6 url(../images/fons-menu-principal-1.gif) top left no-repeat;
min-height:52px;
height:auto !important;
height:52px;
}

	div#menu-principal-2 {
	background:transparent url(../images/fons-menu-principal-2.gif) top right no-repeat;
	padding:0 10px;
	}
	
	ul#seccions, ul#seccions li, ul#seccions a {float:left} 
	
	ul#seccions {
	padding-left:2px;
	background:transparent url(../images/separador-vincles-menu-principal.gif) top left no-repeat;
	width:54em;
	}
	
		ul#seccions a {
		text-decoration:none;
		height:50px;
		line-height:50px;
		color:#FFFFFF;
		text-transform:uppercase;
		font-weight:bold;
		background:transparent url(../images/separador-vincles-menu-principal.gif) top right no-repeat;
		padding:0 1em;
		font-size:0.91em;
		} 
		
		ul#seccions a:hover {	
		color:#0375AD;
		}
	
			ul#seccions a.activa:link,
			ul#seccions a.activa:visited,
			ul#seccions a.activa:hover {
			background-color:#0477AF;
			color:#FFFFFF;
			}

	div#cercador-expedients {
	float:right;
	padding-top:12px;
	height:25px;
	width:250px;
	overflow:hidden;
	}
	
		div#cercador-expedients span#marc-cercador {
		float:left;
		padding-left:5px;
		padding-top:5px;
		height:25px;
		background:white url(../images/fons-cercador.gif) top left no-repeat;		
		}
	
		div#cercador-expedients #camp-cerca {
		border:0;		
		width:205px;
		font-size:inherit;
		color:#0573B0;
		float:left;
		background-color:transparent;
		}
		
			div#cercador-expedients #camp-cerca:focus {background-color:#FFFFFF}
		
		div#cercador-expedients #boto-cerca {float:left;}

/* cos */
div#cos {
clear:both;
padding-top:1em;
line-height:140%;
}

/* peu */
div#peu-pagina {
margin-top:1em;
background:transparent url(../images/fons-peu-pagina.gif) top left repeat-x;
padding-top:2em;
font-size:0.9em;
clear:both;
}
	span#firma {float:left}
	span#patrocinadors {float:right}


/**************************************
ítems pàgines específiques
**************************************/

/* entrar a l'aplicatiu */
div#entrar-a-l-aplicatiu {
clear:both;
border-top:2px solid #23B2E6;
padding:1em 0;
color:#666666;
}

	div#entrar-a-l-aplicatiu h2 {
	border:0;
	font-size:133%;
	margin:0 0 0.25em 0;
	color:#333333;
	}
	
	div#entrar-a-l-aplicatiu div#identificar-se {
	margin:2.5em 28em;
	}
	
	div#identificar-se div#caixa-mail-i-contrasenya {
	border:1px solid #CCCCCC;
	padding:1px 1em;
	}
	
		div#identificar-se div#caixa-mail-i-contrasenya  .entrada-text {
		width:95%;
		}
		
		div#identificar-se div#caixa-mail-i-contrasenya  a {
		font-size:90%;
		}

/* intervencions */		
div.intervencio {
background:#137AA5 url(../images/fons-intervencio-1.jpg) top left no-repeat;
margin-bottom:1em;
}

div.intervencio div.mes-informacio {display:none}

	div.desplegada div.mes-informacio {display:block} /* afegir/treiem aquesta classe sobre el div amb classe 'intervenció' quan volem desplegar/plegar una intervenció */

	div.intervencio div.resum {
	background:transparent url(../images/vora-resum.gif) bottom right repeat-x;
	color:#FFFFFF;
	}
	
		div.intervencio div.resum a:link,
		div.intervencio div.resum a:visited,
		div.intervencio div.resum a:hover {
		text-decoration:none;
		display:block;
		color:white;
		background-color:transparent;
		}			
	
		div.intervencio div.resum span.estat {
		float:left;
		font-weight:bold;
		width:15%;		
		background-position:left bottom;
		background-repeat:no-repeat;	
		}
		
			div.intervencio div.resum span.pendent {background-image:url(../images/vora-estat-pendent.jpg)}
			div.intervencio div.resum span.resolt {background-image:url(../images/vora-estat-resolt.jpg)}
		
			div.intervencio div.resum span.estat a {
			padding:0 1em 0 3.5em;
			line-height:35px;
			height:40px;
			background-position:10px 7px;
			background-repeat:no-repeat;
			}
			
				div.intervencio div.resum span.pendent a {background-image:url(../images/ico-estat-pendent.gif)}
				div.intervencio div.resum span.resolt a {background-image:url(../images/ico-estat-resolt.gif)}
		
		
		div.intervencio div.resum span.data {
		float:right;
		width:10%;			
		background:transparent url(../images/fons-intervencio-2.jpg) top right no-repeat;
		text-align:center;
		}
		
			div.intervencio div.resum span.data a {
			padding:0;
			line-height:35px;
			height:40px;
			}
		
		div.intervencio div.resum a.assumpte {
		float:left;
		color:#FFFFFF;
		width:74%;
		text-decoration:none;
		}
		
			div.intervencio div.resum a.assumpte span {
			display:block;
			background:transparent url(../images/separador-vincles-menu-principal.gif) top right no-repeat;
			}
			
				div.intervencio div.resum a.assumpte span span {
				display:block;
				background:transparent url(../images/separador-vincles-menu-principal.gif) top left no-repeat;
				padding:0 1em;
				line-height:35px;
				height:40px;
				cursor:pointer;
				}
	
		div.intervencio div.clear {
		background-color:#EDEDED;
		}
	
	div.mes-informacio {
	clear:both;
	background:#EDEDED;
	border:1px solid #CCCCCC;
	border-top-width:0;
	padding:1em 1.4em;
	}
	
		div.mes-informacio p {margin-bottom:1em}
		
		div.mes-informacio div.accions-intervencio {
		background:transparent url(../images/fons-separador-intervencio.gif) top left repeat-x;
		padding-top:1em;
		}
		
			div.canvi-estat  {float:left}
			
				div.canvi-estat input  {
				vertical-align:middle;
				margin-left:10px;
				}
				
			div.altres-opcions {float:right}
			
				div.altres-opcions a.eliminar {
				color:#BC0000;
				}
				
				div.altres-opcions a.eliminar:hover {
				background-color:#BC0000;
				color:white;
				}	

/* imprimir intervenció */

div#imprimir-intervencio {
clear:left;
}

/* expedients */
div.passos-creacio-expedient {
margin:1em 0;
padding:0.5em 1em;
background-color:#D8F0FE;	
}

	div.passos-creacio-expedient span {
	margin-right:20px;
	font-weight:bold;
	color:#0573B0;
	}

	div#pas-1 span.dades-personals,
	div#pas-2 span.formacio,
	div#pas-3 span.situacio-laboral {
	background-color:#0573B0;
	color:#D8F0FE;
	padding:0 0.25em;
	}
	
	div#pas-2 span.dades-personals,
	div#pas-3 span.dades-personals,
	div#pas-3 span.formacio {
	padding-left:23px;
	background:transparent url(../images/ico-pas-completat.gif) left center no-repeat;
	}

div#resum-expedient h1 {
color:#0573B0;
font-size:1.33em;
float:left;
margin:0.15em 1em 0 0;
font-weight:bold;
}

		div#resum-expedient p#altres-dades {
		float:left;
		color:#666666;
		margin-top:0.5em;
		}
		
			div#resum-expedient p#altres-dades span {
			float:left;
			margin-right:0.5em;
			font-weight:bold;
			}	
			
				div#resum-expedient p#altres-dades span#ultima-modificacio {
				color:#B1B1B1;
				}
				
		p#estat-seguiment {
		clear:left;
		padding-top:0.25em;
		font-size:0.83em;
		color:#999999;
		}
		
		p#estat-seguiment * {float:left}
		
		div#resum-expedient a#seguiment-usuari {
		height:15px;
		width:16px;
		display:block;
		margin-right:0.5em;
		background-image:url(../images/ico-seguiment-mini.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		}
		
		div#resum-expedient a.activat {background-position:-16px 0}		
		div#resum-expedient a.desactivat {background-position:0 0}
		
		p#estat-seguiment span#llegenda-estat {margin-right:0.5em}
		
ul#pestanyes-expedient	{
margin:1em 0;
float:left;
width:100%;
border-bottom:2px solid #0573B0;
font-size:109%;
}	

	ul#pestanyes-expedient	* {float:left}
	
	ul#pestanyes-expedient li {
	background:transparent url(../images/fons-pestanya-inactiva-1.gif) top left no-repeat;
	font-weight:bold;
	margin-right:1em;
	}
	
	ul#pestanyes-expedient li.activa {background-image:url(../images/fons-pestanya-activa-1.gif);}
	
		ul#pestanyes-expedient li a {
		height:2em;
		line-height:2em;
		background:transparent url(../images/fons-pestanya-inactiva-2.gif) top right no-repeat;
		padding:0 1em;
		color:#616161;
		}
		
		ul#pestanyes-expedient li.activa a {
		background-image:url(../images/fons-pestanya-activa-2.gif);
		text-decoration:none;
		color:white;
		}
	
div#mes-informacio-expedient {
clear:both;
margin:1em 0;
}	

	div#mes-informacio-expedient h2 .editar-bloc-de-dades {
	float:right;
	}

		.primera-columna,
		.segona-columna { /* per al fieldset  de la formació reglada*/
		width:45%;
		}
		
		.fila-de-camps {
		margin-bottom:2em;
		}	


/********************** 
estils generals
************************/

/* encapçalaments */
h2 {
font-size:1.33em;
font-weight:bold;
border-bottom:2px solid #333333;
margin:1em 0 0.5em 0;
padding-bottom:0.5em;
}

h3 {
font-size:1.16em;
margin:1em 0 0.5em 0;
font-weight:bold;
color:#00699B;
}	
	
h3 a {
font-weight:normal;
font-size:80%;
margin-left:0.25em;
}
	
h4 {
margin:1em 0;
font-weight:bold;
}

/* vincles */
a {color:#0573B0}
a:hover {
color:#FFFFFF;
background-color:#0573B0;
}

/* textos varis */
span.informacio-secundaria {
color:#999999;
font-size:0.9em;
}

/* formularis */
p.advertiment-camps-obligatoris {
font-style:italic;
}

div.camp {
margin:1em 0;
}
	
	div.camp-flotat {
	float:left;
	margin-right:1em;
	}
		
		.etiqueta {
		display:block;
		font-weight:bold;
		margin-bottom:0.25em;
		}
		
		.etiqueta img {
		vertical-align:middle;
		}
		 
		.entrada-text {
		border:1px solid #CCCCCC;
		background-color:#EDEDED;
		padding:0.2em;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		}
		
			/* mides de camp de text */
			.petit {width:3em}
			.mitja {width:12em}
			.gran {width:30em}
			.x-gran {width:50em}
			
			.maxima-amplada {width:95%;}
		
			.entrada-text:focus {
			border-color:#0084C4;
			}
		
		div.camp .subetiqueta, 
		div.camp-flotat .subetiqueta { /* per a camps dividits en més d'un camp, com les dates */
		font-weight:normal;
		font-size:0.9em;
		display:block;
		}
		
		span.ajuda-camp {
		color:#999999;
		font-size:0.9em;
		display:block;
		margin-top:0.25em;
		}
		
		span.ajuda-camp-linia {
		color:#999999;
		font-size:0.9em;
		}
		
		span.error-camp {
		color:#CE0000;
		font-size:0.9em;
		display:block;
		margin-top:0.25em;
		}
		
		div.grup-de-camps {
		border:1px solid #CCCCCC;
		padding:12px;
		margin:1em 0;
		position:relative;
		}
		
			div.grup-de-camps a.eliminar {
			position:absolute;
			top:-10px;
			right:10px;
			width:15px;
			height:14px;
			padding:1px;
			text-indent:-10000px;
			overflow:hidden;
			border:1px solid #CCCCCC;
			background:white url(../images/ico-eliminar-registre.png) 1px 1px no-repeat;
			}
			
				div.grup-de-camps a.eliminar:hover {
				background-position:-14px 1px;
				}		
		
		/* tractament de camps especials */		
		.amb-marge-superior { 
		margin-top:1.3em;	
		}

/* paginador */
div.paginador {
padding:1em 0;
float:right;
}

	div.paginador * {
	float:left;
	margin-right:1em;
	}
	
	div.paginador a {
	height:20px;
	width:20px;
	overflow:hidden;
	text-indent:-10000px;
	}
	
		div.paginador a.anterior-pagina {
		background-image:url(../images/ico-pagina-anterior.gif);
		}
		
		div.paginador a.seguent-pagina {
		background-image:url(../images/ico-pagina-seguent.gif);
		}

/* opcions contextuals */
div#opcions-contextuals {
clear:both;
background:transparent url(../images/fons-separador-accio-contextual.gif) left bottom repeat-x;
padding-bottom:1em;
margin:1em 0;
}

a.accions-context:link,
a.accions-context:visited,
a.accions-context:hover {
float:left;
margin-right:1.66em;
height:2.3em;
line-height:2.3em;
background:#E8E8E8 url(../images/fons-accions-context-1.gif) bottom left no-repeat;
color:#333333;
text-decoration:none;
font-weight:bold;
}

	a.accions-context * {float:left;}

	a.accions-context span.llegenda {
	padding:0 1.25em;
	background:transparent url(../images/fons-accions-context-2.gif) bottom right no-repeat;
	}
	
		a.accions-context span.icona {
		padding-left:25px;
		background-position:left center;
		background-repeat:no-repeat;
		}
		
			span.imprimir {background-image:url(../images/ico-imprimir.gif);}
			span.imprimir-privat {background-image:url(../images/ico-imprimir-privat.gif);}
			span.sortir {background-image:url(../images/ico-sortir.gif);}
			span.nou-item {background-image:url(../images/ico-nou-item.png);}

/* filtrar llistat */
div.filtrar-llistat {
background:#D8F0FE url(../images/fons-caixa-filtre-1.gif) top left no-repeat;
margin:1em 0;
}

	div.filtrar-llistat h2 {
	background:transparent url(../images/fons-caixa-filtre-2.gif) top right no-repeat;
	padding:0.8em 0.8em 0 0.8em;
	font-size:1.16em;
	border:0;
	margin:0;
	}
	
	div.filtrar-llistat h2 a {
	font-size:75%;
	font-weight:normal;
	margin-left:0.25em;
	}
	
	div.filtrar-llistat div.separador {
	background:transparent url(../images/fons-separador-filtre.gif) 0 0 repeat-x;
	height:1px;
	margin:0.5em 0.8em;
	}
	
	div.filtrar-llistat div.filtres-1 {
	background:transparent url(../images/fons-caixa-filtre-3.gif) bottom left no-repeat;
	}
	
	div.filtrar-llistat div.filtres-2 {
	background:transparent url(../images/fons-caixa-filtre-4.gif) bottom right no-repeat;
	padding:0 0.8em 0.8em 0.8em;
	}
	
		div.filtrar-llistat div.filtres-2 p {
		margin-top:0.5em;
		color:#4F4F4F;
		}
		
		div.filtrar-llistat div.filtres-2 p strong{
		margin-right:0.5em;
		}
		
		div.filtrar-llistat div.filtres-2 p span.filtre-actiu {
		background:#0573B0;
		color:#FFFFFF;
		font-weight:bold;
		padding:0 0.25em;
		}
		
		div.filtrar-llistat div.filtres-2 p input,
		div.filtrar-llistat div.filtres-2 p label {
		float:left;
		margin-right:0.5em;
		}
		
		div.filtrar-llistat div#filtres-expedients {display:none}
		
		div.filtrar-llistat div#aplicar-o-treure-filtre  * {
		float:left;
		margin-right:0.5em;
		font-size:90%;
		}
		
		div#detalls-filtre {
		background:transparent url(../images/fons-separador-accio-contextual.gif) repeat-x left bottom;
		padding-bottom:1em;
		}
		
			div#detalls-filtre ul {
			margin-left:2em;
			}

/* taules */
table.taula-administracio-items {
width:99%;
border:1px solid white;
}

	table.taula-administracio-items tr.capcalera-taula {
	background:#333333;
	}

	table.taula-administracio-items th {
	color:white;
	font-weight:bold;
	padding:0 5px;
	height:3.20em;
	line-height:3.20em;
	border-bottom:5px solid white;
	}

	table.taula-administracio-items td {
	padding:6px;
	border-bottom:2px solid white;
	}

	table.taula-administracio-items tr.zebra-imparell {background-color:#E5E5E5}	
	table.taula-administracio-items tr.zebra-parell {background-color:#D8F0FE}
	table.taula-administracio-items tr.zebra-over,
	table.taula-administracio-items tr.zebra-parell:hover,
	table.taula-administracio-items tr.zebra-imparell:hover {
	color:white;
	background-color:#42B9EC;
	cursor:pointer;
	}

		table.taula-administracio-items td a {
		display:block;
		height:19px;
		width:19px;
		overflow:hidden;
		text-decoration:none;
		text-indent:-1000px;
		}

		table.taula-administracio-items td a.editar {
		position:absolute;
		left:-10000px;
		}
	
			table.taula-administracio-items td a.eliminar {
			margin:0 2em 0 auto;				
			background:transparent url(../images/ico-esborrar-registre.png) 0 0 no-repeat;
			}
		
			table.taula-administracio-items td a.eliminar:hover {
			background-position:-19px 0;
			}

table.taula-presentacio-dades {
width:99%;
}

	table.taula-presentacio-dades th,
	table.taula-presentacio-dades td {
	padding:6px;
	}
	
	table.taula-presentacio-dades th {
	background-color:#CCCCCC;
	}
	
	table.taula-presentacio-dades td {
	border-bottom:1px solid #CCCCCC;
	}

/* missatges de resposta */
div.missatge-informatiu,
div.missatge-error {
margin:1em 0;
padding:1em 1em 1em 50px;
background-repeat:no-repeat;
background-position:12px 12px;
color:white;
}

	div.missatge-informatiu a,
	div.missatge-error a{
	color:white;
	font-weight:bold;
	}

	div.missatge-informatiu {
	background-color:#008ED2;
	background-image:url(../images/ico-missatge-informatiu.gif);
	}
	
	div.missatge-error {
	background-color:#CE0000;
	background-image:url(../images/ico-missatge-error.gif);
	}

/* altres */
.clear {clear:both;height:1px}