body {
background:#D8DDE3 url(../imatges/fons-cos.jpg) 0 0 repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
color:black;
padding:1px;
}

div#contenidor {
width:899px;
margin:8px auto 10px auto;
background-color:white;
}

div#capcalera {
height:209px;
overflow:hidden;
position:relative;
background:#000066 url(../imatges/fons-capcalera.jpg) 0 0 no-repeat;
}

	div#capcalera div#seleccio-idioma {
	text-align:right;
	font-size:91%;
	padding:15px 45px 45px 0;
	color:#8C8CB7;
	}
	
		div#capcalera div#seleccio-idioma a {
		color:#8C8CB7;
		text-decoration:none;
		}
		
		div#capcalera div#seleccio-idioma a:hover {text-decoration:underline}
		
		div#capcalera div#seleccio-idioma strong {
		color:white;
		}
	
	div#capcalera h1 {
	width:234px;
	height:55px;
	overflow:hidden;
	margin:0 auto;
	}
	
	div#capcalera div#menu-principal {
	position:absolute;
	left:55px;
	bottom:25px;
	width:790px;
	text-align:center;
	}
	
		div#capcalera div#menu-principal a {
		text-decoration:none;
		font-weight:bold;
		color:white;
		padding:0;
		}
		
		div#capcalera div#menu-principal span.separador {
		padding:3px 10px 3px 0;
		margin-right:10px;
		background:transparent url(../imatges/fons-separador-items-menu-principal.png) right center no-repeat;
		}
		
		div#capcalera div#menu-principal a.ultim-item {background-image:none}

div#continguts {
padding-left:15px;
padding-right:15px;
padding-top:5px;
margin:0 4px; /* 861 d'amplada */
background:transparent url(../imatges/fons-continguts.jpg) 0 0 no-repeat;
line-height:150%;
}

div#continguts h1 {
color:#000066;
font-size:172%;
font-weight:bold;
margin-bottom:10px;
font-family:tahoma, Arial, Helvetica, sans-serif;
line-height:inherit;
padding-bottom:10px;
}


div#continguts .h2{ background-image:url(../imatges/h2-left.jpg); background-position:left; background-repeat:no-repeat; background-color:#8787B8; height:22px;  margin-bottom:10px; margin-top:20px;}
div#continguts .h2-inner{ background-image:url(../imatges/h2-right.jpg); background-position:right; background-repeat:no-repeat; padding-left:5px;height:22px;}

div#continguts h2 {
font-size:1.3em;
font-weight:bold;

line-height:inherit;
padding-top:2px;
color:#FFFFFF;
}

div#continguts h3{ color:#53538C; font-size:1.4em; font-weight:bold; margin-top:5px; margin-bottom:5px; padding:0px;}



div#continguts p,
div#continguts ol,
div#continguts ul {
margin-top:5px;
margin-bottom:15px;
}

div#continguts ul li{ background-image:url(../imatges/li.jpg); background-position:0px 6px; background-repeat:no-repeat; padding-left:15px; line-height:1.8em; } 


div#continguts ul li ul li{ background-image:url(../imatges/liuli.jpg); background-position:left; background-repeat:no-repeat; padding-left:15px;} 


div#continguts a {
color:#4E4E85;
font-weight:bold;
}

div#continguts div.imatge-flotant {
float:right;
margin:0 0 10px 10px;
}

	div#continguts div.imatge-flotant img {
	border: 1px solid #313198;
	padding:2px;
	}
	
div#continguts div.imatge-entre-linies {
margin:0 0 10px 10px;
text-align:center;
}

	div#continguts div.imatge-entre-linies img {
	border: 1px solid #313198;
	padding:2px;
	}
	
	div#continguts div.imatge-border{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F2F2F2;
	border-right-color: #D6D6D6;
	border-bottom-color: #F2F2F2;
	border-left-color: #D6D6D6;

}

	div#continguts div.right{ float:right; margin-right:14px;}
	div#continguts div.left{ float:left; margin-left:14px;}

div#continguts div.imatge-border img{ padding:2px;}

div#peu-de-pagina {
background:url(../imatges/fons-peu-de-pagina.jpg) 0 0 no-repeat #D8DDE3;
}

	div#peu-de-pagina p {
	height:50px;
	line-height:50px;
	color:#B1B1F1;
	font-size:91%;
	}
	
	div#peu-de-pagina p a {
	color:white;
	text-decoration:none;
	}
	
		div#peu-de-pagina p a:hover {text-decoration:underline}
	
	div#peu-de-pagina p#dades-empresa {
	float:left;
	padding-left:60px;
	}
	
	div#peu-de-pagina p#avis-legal {
	float:right;
	padding-right:45px;
	}

div#navegacio-peu-de-pagina {
text-align:center;
text-transform:uppercase;
font-size:91%;
padding-bottom:25px;
color:#5958B0;
}

	div#navegacio-peu-de-pagina a {
	color:#5958B0;
	text-decoration:none;
	}
	
	div#navegacio-peu-de-pagina a:hover {text-decoration:underline}

/* portada */
div#navegacio-portada {
background:transparent url(../imatges/fons-presentacio-empresa.gif) left top repeat-x;
padding-top:25px;
margin-top:15px;
}

div.seccio {
width:273px;
height:190px;
margin:0 21px 15px 0;
padding-bottom:9px;
background:#E9ECF0 url(../imatges/fons-seccio-navegacio-portada.gif) left bottom no-repeat;
position:relative;
float:left;
}

div.seccio.ultim-item {margin-right:0;}

	div.seccio div.imatge {
	background:transparent url(../imatges/fons-imatge-seccio-navegacio-portada.gif) left top no-repeat;
	padding:14px 12px 0 12px;
	}
	
		div.seccio div.imatge a {
		display:block;
		border-right:1px solid #BECFE3;
		border-bottom:1px solid #BECFE3;
		}
		
			div.seccio div.imatge a img {
			border:1px solid #999999;
			padding:2px;
			background-color:white;
			display:block
			}
	
	div.seccio p,
	div.seccio ul {
	margin-left:12px;
	margin-right:12px;
	}
	
	div#continguts div.seccio a.nom-seccio {
	position:absolute;
	display:block;
	top:55px;
	left:12px;
	width:249px;
	text-align:center;
	color:white;
	text-decoration:none;
	font-size:227%;
	font-weight:bold;
	letter-spacing:2px;
	}	

	
	div#continguts div.seccio a.nom-seccio span {
	display:block;
	cursor:pointer;
	width:249px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	padding:5px 0;
	z-index:2;	
	}
	
		div#continguts div.seccio a.nom-seccio span.jq-shadow {
		color:#131C25;
		z-index:1;
		top:1px;
		left:1px;
		}
	
	div.seccio ul li {
	padding-left:17px;
	background:transparent url(../imatges/punt-llista-portada.gif) 0 0 no-repeat;
	}

.index-col ul li{
	width:100px;
	float:left;
	background-image:none;
	margin:0px;
	padding:0px;
}
	
.index-col{
	background-image:none;
	margin:0px;
	padding:0px;
}
/* grans clàssics */
div.trenca-flotat {
height:1px;
clear:both;
}

#map_canvas {height:200px;width:600px;}

#map_canvas_contacto {height:200px;width:100%;}

#map_canvas_localizacion {height:450px;width:600px;}

.camp_formulari{ width:270px; margin:4px; }

.seccio-activa { color:#FFFFCA; }

div#continguts #llista-procesos ul{
padding:0;
margin:0;
}

div#continguts #llista-procesos ul li{
float:left;
background-image:none;
list-style:none;
text-align:center;
padding:0px;
margin-left:10px;
}

div#continguts #llista-procesos ul li a{
text-decoration:none;
}

div#continguts #llista-procesos ul li a:hover{
color:#8787B8;
}

div#continguts .menu-procesos{ background-image:url(../imatges/menu-procesos-left.jpg); background-position:left; background-repeat:no-repeat; background-color:#D3D1DE; height:22px;  margin-bottom:0px; margin-top:20px; float:left;}
div#continguts .menu-procesos-inner{ background-image:url(../imatges/menu-procesos-right.jpg); background-position:right; background-repeat:no-repeat; padding-left:0px;height:22px; float:left;}

.img-container-right{ margin-left:7px; margin-bottom:10px; float:right; }

.img-container-left{ margin-right:7px; margin-bottom:10px; float:left; }

.contenidor-miniatures{ width:345px; float:right; margin-left:5px; }

div#continguts .menu-procesos-destacat{ background-image:url(../imatges/menu-procesos-left-destacat.jpg); background-position:left; background-repeat:no-repeat; background-color:#4E4E85; height:22px;  margin-bottom:0px; margin-top:20px; float:left;}
div#continguts .menu-procesos-destacat-inner{ background-image:url(../imatges/menu-procesos-right-destacat.jpg); background-position:right; background-repeat:no-repeat; padding-left:0px;height:22px; float:left;}

div#continguts .menu-procesos-destacat-inner a{ color:#D3D1DE; }