body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:76%;
}

	body.portada {background:white;}	
	body.interior {background:#232D40;}

div#cos {
padding:10px 0 25px 0
}
 
	body.portada div#cos {
	background:white url(../imatges/fons-cos.jpg) 0 0 repeat-x;
	}
	
 
div#contenidor {
background:transparent url(../imatges/fons-contenidor-trans.png) 0 391px no-repeat;
width:977px;
margin:0 auto;
padding:0 14px;
}

	div.portada div#contenidor {
	background:transparent url(../imatges/fons-contenidor.png) 0 391px no-repeat;
	min-height:617px;
	}

div#capcalera {
background:transparent url(../imatges/fons-capcalera-trans.png) 0 0 no-repeat;
padding-top:1px;
}

	div#seleccio-idioma {
	float:right;
	margin-top:40px;
	font-size:91%;
	color:#B8BBC1;
	}
	
	div#seleccio-idioma a {
	color:#B8BBC1;
	text-decoration:none;
	}
	
		div#seleccio-idioma a:hover {
		text-decoration:underline;
		}
		
	div#seleccio-idioma span.triat {color:#FFFFFF}
	
	div#capcalera h1 {
	float:left;
	margin:13px 0 6px 20px;
	}
	
		
	
	div#navegacio-global {
	background:transparent url(../imatges/fons-navegacio-global.gif) 0 0 no-repeat;
	width:931px;
	padding:0 10px;
	margin:0 auto;
	color:#4F5463;
	height:28px;
	line-height:28px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
		div#navegacio-global a:link,
		div#navegacio-global a:visited {
		font-weight:bold;
		text-decoration:none;
		color:#689DEC;		
		}
		
		div#navegacio-global a:hover {
		color:white;
		}

div#continguts {
background-color:white;
}

div#peu-de-pagina {
background:transparent url(../imatges/fons-peu-de-pagina-trans.png) 0 0 no-repeat;
height:45px;
overflow:hidden;
color:#686868;
}

	div#peu-de-pagina p {
	padding:25px 17px 0 17px;
	font-size:91%;
	}
	
	div#peu-de-pagina p#dades-de-contacte {
	float:left;
	}
	
	div#peu-de-pagina p#vincles-peu {
	float:right;
	}
	
	div#peu-de-pagina a {
	color:#415D80;
	font-weight:bold;
	text-decoration:none;
	}
	
		div#peu-de-pagina a:hover {
		text-decoration:underline;
		}

div#firma {
padding:5px 0;
text-align:right;
color:#415D80;
font-size:91%;
}

	div#firma a {
	color:#415D80;
	text-decoration:none;
	}
	
		div#firma a:hover {text-decoration:underline;}

/***********************************
interior
***********************************/

/* estils genèrics */

div#presentacio-empresa-interior {
width:952px;
padding:6px 12px 26px 13px;
background:white url(../imatges/fons-presentacio-empresa-interior-trama.jpg) left bottom repeat-x;
}

div#continguts div#fil-ariadna {
font-size:91%;
padding:0 20px;
margin-bottom:5px;
}

	div#continguts div#fil-ariadna a {
	text-decoration:none;
	color:#333333;
	}
	
		div#continguts div#fil-ariadna a:hover {
		text-decoration:underline;
		}

div#continguts h1 {
font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
/*color:#5274A7;*/
color:#0066FF;
font-size:250%;
padding:0 20px 10px 20px;
margin-bottom:15px;
background:transparent url(../imatges/fons-titols.gif) left bottom repeat-x;
}

div#continguts div#textos-seccio {
padding:0 20px;
line-height:140%;
}


div#continguts a {
/*color:#5274A7;*/
color:MediumBlue;
text-decoration:none;
}


div#continguts h2 {
font-size:133%;
font-weight:bold;
line-height:normal;
margin:15px 0 7px 0;
}

div#continguts h3 {
font-weight:bold;
margin:15px 0 7px 0;
}


div#continguts a:hover  {
text-decoration:underline;
}

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

div#continguts ul li {
background:transparent url(../imatges/punt-llista-01.gif) 0 6px no-repeat;
padding-left:10px;
margin-bottom:5px;
}

/*
fotos
-----
*/
	
		div.fotografies div.item  {
		margin-bottom:7px;
		background-image:none;
		padding:0;
		}
			
				.imatge a img {
				padding:3px;
				border:1px solid #ACBED5;
				}
		
			.peu-de-foto {
			font-size:91%;
			padding-top:3px;
			color:#666666;
			line-height:normal;
			}
	
		/* fotos a la dreta */
		.a-la-dreta {
		float:right;
		width:308px;
		margin-left:15px;
		}
		
		/* fotos l'esquerra */
		.a-l-esquerra {
		float:left;
		width:308px;
		margin-right:15px;
		}
			
		/* en forma de galeria */
		div.en-galeria div.item { 
		width:177px;
		margin-right:10px;
		float:left;
		} 
		
		div.imatges-grans div.item { /* imatges grans */
		width:935px;
		}

/* 
arxius descarregables 
---------------------
*/
a.document {
background-repeat:no-repeat;
background-position:0 0;
padding:1px 0 1px 20px;
}

	a.document.word {background-image:url(../imatges/page_white_word.gif)}
	a.document.excel {background-image:url(../imatges/page_white_excel.gif)}
	a.document.powerpoint {background-image:url(../imatges/page_white_powerpoint.gif)}
	a.document.pdf {background-image:url(../imatges/page_white_acrobat.gif)}
	a.document.altres {background-image:url(../imatges/page_white.gif)}

div#continguts span.pes-document {
font-size:85%;
color:#666666;
}

/* llistat de productes */
div.llistat-de-productes div.producte {
float:left;
height:245px;
overflow:hidden;
width:233px;
border:1px solid #E1E1E1;
border-bottom-width:0;
border-left-width:0;
position:relative;
}

	div.llistat-de-productes div.producte.primera-columna {
	border-left-width:1px;
	}
	
	div.llistat-de-productes div.producte.ultima-fila {
	border-bottom-width:1px;
	}
	
	div.llistat-de-productes div.producte a.nom {
	display:block;
	color:#5274A7;
	padding:10px;
	text-decoration:none;
	font-weight:bold;
	font-size:91%;
	}
	
		div.llistat-de-productes div.producte a.nom:hover {
		color:#2C2C83;
		}
	
	div.llistat-de-productes div.producte a.foto {
	position:absolute;
	left:0;
	bottom:35px;
	width:100%;
	text-align:center;
	}
	
	div.llistat-de-productes div.producte span.preu {
	position:absolute;
	left:0;
	bottom:5px;
	width:100%;
	text-align:center;
	font-weight:bold;
	color:#666666;
	}

/* detall del producte */

div#detall-producte div#galeria-de-fotografies {
width:327px;
float:left;
}

	div#detall-producte div#galeria-de-fotografies * {float:left}

	div#detall-producte div.item {margin-bottom:7px}

	div#detall-producte div.peu-de-foto {
	width:327px;}

	div#detall-producte div#galeria-de-fotografies a {
	margin-bottom:5px;
	}

div#detall-producte div#descripcio {
margin-left:360px;
}

div#detall-producte div#descripcio p.preu {
font-size:125%;
color:#5274A7;
}

/* llistat de notícies */

div#llistat-de-noticies div.noticia span.data {
display:block;
color:#333333;
font-size:91%;
}

div#llistat-de-noticies div.noticia {
background:transparent url(../imatges/fons-item-llistat-de-noticies.gif) left bottom repeat-x;
padding-bottom:15px;
margin-bottom:15px;
}

div#llistat-de-noticies div.noticia a.titol {

}

/* detall notícia */

div#detall-noticia div.fotografies {
float:right;
margin:0 0 15px 15px;
width:308px;
}

	div#detall-noticia div.fotografies div.item {
	margin-bottom:7px;
	}

	div#detall-noticia div.fotografies a img {
	border:1px solid #ACBED5;
	padding:3px;
	}
	
	div#detall-noticia div.fotografies div.item div.peu-de-foto {
	font-size:91%;
	color:#666666;
	padding-top:3px;
	}

div#detall-noticia span.data {
font-weight:bold;
color:#5274A7;
font-size:91%;
display:block;
}

div#continguts div#detall-noticia h2 {
margin-top:5px;
}

/* paginador */

div.paginador {
font-size:91%;
margin-top:15px;
padding:5px;
border:1px solid #CCCCCC;
background-color:#EAEAEA;
}

	div#continguts div.paginador a {
	text-decoration:none;
	color:#333333;
	text-transform:uppercase;
	font-weight:bold;
	}
	
		div#continguts div.paginador a:hover {
		text-decoration:underline;
		}
	
	div.paginador a.pagina-anterior {
	float:left;
	padding:2px 0 2px 25px;
	background:transparent url(../imatges/fons-boto-pagina-anterior.gif) left center no-repeat;
	}
	
	div.paginador a.pagina-seguent {
	float:right;
	padding:2px 25px 2px 0;
	background:transparent url(../imatges/fons-boto-pagina-seguent.gif) right center no-repeat;
	}
	
	div.paginador span.total-pagines {
	text-align:center;
	display:block;
	padding:3px 0;
	margin:0 auto;
	}

/***********************************
portada
***********************************/		
	div#presentacio-empresa-portada {
	position:relative;
	width:952px;
	padding:6px 12px 0 13px;
	background-color:white;
	}	
	
		div#presentacio-empresa-portada div#acces-directe-productes{
		position:absolute;
		top:96px;
		left:47px;
		}
	
		div#presentacio-empresa-portada a {
		float:left;
		background:transparent url(../imatges/fons-boto-mes-productes-1.gif) top right no-repeat;		
		text-decoration:none;
		}
		
			div#presentacio-empresa-portada a span {
			float:left;
			height:32px;
			line-height:32px;
			display:block;
			background:transparent url(../imatges/fons-boto-mes-productes-2.gif) top left no-repeat;
			cursor:pointer;
			font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
			color:#CCCFEC;
			font-weight:bold;
			font-size:109%;
			padding:0 18px 0 32px;
			cursor:pointer;
			}
			
			div#presentacio-empresa-portada a:hover span {
			text-decoration:underline;
			color:white;
			}

div#ultimes-noticies {
width:952px;
margin:0 auto 10px auto;
background:transparent url(../imatges/fons-ultimes-noticies.jpg) 0 0 no-repeat;
height:95px;
}

	div#continguts div#ultimes-noticies a.totes-les-noticies {
	display:block;
	height:25px;
	line-height:25px;
	font-size:10px;
	background:transparent url(../imatges/fons-tots-els-items-ultimes-noticies.gif) 0 0 no-repeat;
	color:#FFFFCC;
	text-decoration:none;
	text-align:right;
	padding-right:20px;
	
	}
	
		div#continguts div#ultimes-noticies a.totes-les-noticies:hover {text-decoration:underline}
	
	div#ultimes-noticies p.noticia {
	width:445px;
	font-size:91%;
	}
	
	div#ultimes-noticies p.noticia.esquerra {
	float:left;
	padding-left:15px;
	}
	
	div#ultimes-noticies p.noticia.dreta {
	float:right;
	padding-right:15px;
	color:#DFE4E8;
	}
	
		div#ultimes-noticies p span.data {
		color:black;
		display:block;
		font-size:9px;
		}
		
		div#ultimes-noticies p a.titol {
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		margin-bottom:2px;
		}
		
			div#ultimes-noticies p a.titol:hover {
			text-decoration:underline;
			}

div#presentacio-serveis {
padding-left:13px;
}

	div#presentacio-serveis a {
	float:left;
	margin-right:15px;
	}

/* grans clàssics */
div.trenca-flotat {
height:1px;
clear:both;
}

div#continguts ul.brcm-list-of-attachments li{ list-style:none; padding-left:0px;   height:30px; display:block; }
a.document.altres {  padding-bottom:10px; float:left; padding-left:25px;   }

div#continguts span.pes-document{ float:left; margin-left:3px; margin-top:2px;   }