body {
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
color:#2905A1;
background:#F0EFED url(../img/fons-capcalera.jpg) 0 0 repeat-x;
text-align:center;
padding:0;
margin:0;
}

div#contenidor {
width:808px;
margin:0 auto;
text-align:left;
padding-bottom:30px;
}

	div#capcalera {
	height:162px;
	}
	
	div#capcalera div#branding {
	width:210px;
	float:left;
	margin:23px 30px 0 0;
	}
	
	div#capcalera div#branding a img {border:0}
	
		div#capcalera div#branding h1 {
		width:210px;
		height:81px;
		margin-bottom:12px;
		overflow:hidden;
		}
		
		div#capcalera div#branding p {
		width:210px;
		height:15px;
		overflow:hidden;
		}

	div#capcalera img#bebe {
	float:left;
	margin-top:15px;
	}
	
	div#accessos-directes {
	float:right;
	margin:40px 25px 20px 0;
	display:inline;
	font-weight:bold;
	color:#7B7B7B;
	word-spacing:3px;
	}
	
		div#accessos-directes a {
		color:#7B7B7B;
		text-decoration:none;
		}
		
			div#accessos-directes a:hover, div#accessos-directes a.triat {color:#E60094}
	
	div#cercador {
	background:transparent url(../img/fons-caixa-cerca-top.gif) 0 0 no-repeat;
	float:right;
	clear:right;	
	width:332px;
	}
	
		div#cercador fieldset {
		background:transparent url(../img/fons-caixa-cerca-bottom.gif) left bottom no-repeat;	
		padding:15px 20px;
		}
	
	
			div#cercador fieldset label {
			color:#F280C9;
			font-weight:bold;
			margin-right:5px;
			font-size:116%;
			}
			
			div#cercador fieldset .camp {
			border:1px solid #EAE0E8;
			width:185px;
			margin-right:5px;
			}
			
			div#cercador fieldset .boto {
			border:0;
			}


div#cos {
padding:8px 0;
clear:both;
}


	div#left-navegacio {
	float:left;
	width:210px;

	}
	div#navegacio {

	background:white url(../img/fons-navegacio-top.gif) left top no-repeat;
	margin-bottom:10px;
	}
	
	.links-cataleg a {
	display:block; 
	margin-bottom:10px; 
	margin-left:10px;
	padding-left:23px;
	height:16px;
	line-height:16px;
	font-weight:bold;
	background:transparent url(../img/icon-isuu.jpg) left center no-repeat;
	color:#7B7B7B;
	text-decoration:none;
	}
	
	div#envoltori-navegacio {
	background:transparent url(../img/fons-navegacio-bottom.gif) left bottom no-repeat;
	padding:10px 0;
	}
	
		div#navegacio h2, div#navegacio ul {
		margin:0 10px;
		}
		
		div#navegacio ul {
		list-style:none;
		padding:0;
		}
		
			div#navegacio ul ul {margin:0}
		
			div#navegacio li {
			margin:3px 0 0 0;
			padding:0;
			}
			
			div#navegacio li ul {display:none}
			div#navegacio li.obert ul {display:block}
			
		
		div#navegacio h2 span.cantonades-top, div#navegacio a span.cantonades-top {
		display:block;
		background-image:url(../img/fons-vincles-menu-top.gif);
		background-repeat:no-repeat;
		background-position:left top;
		}
		
		div#navegacio h2 span.cantonades-bottom, div#navegacio a span.cantonades-bottom {
		display:block;
		padding:4px 10px;
		background-image:url(../img/fons-vincles-menu-bottom.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		}
		
		div#navegacio h2 {
		font-size:109%;
		font-weight:bold;
		color:white;
		}		
		
		div#navegacio a {
		font-size:109%;
		font-weight:bold;
		display:block;
		background-color:#CCCCCC;
		text-decoration:none;
		position:relative;
		text-transform:uppercase;
		}
		
		div#navegacio div#productos ul a:hover {background-color:#EAE6F6}
	
		/* els colors canvien en funció de la zona de navegació */
		
		div#navegacio div#productos h2 {		
		background-color:#01135F;
		}
		
		div#navegacio div#productos ul a { /* primer nivell */
		background-color:#D4CDEC;
		color:#9482D0;
		}			
		
			div#navegacio div#productos ul ul a { /* segon nivell */
			background:#F5F3FB url(../img/ico-seccio-tercer-nivell.gif) 10px 9px no-repeat;
			}
			
			div#navegacio div#productos ul ul a span.cantonades-bottom{ /* segon nivell */
			padding-left:20px;
			}
			

		div#navegacio div#productos ul a.seleccionat { /* secció seleccionada */
		background-color:#EAE6F6;
		}
		
		div#navegacio div#productos span.amb-fills { /* les seccions que tenen fills */
		background:transparent url(../img/ico-seccio-amb-fills.gif) right center no-repeat;
		padding-right:15px;
		}
		
		div#navegacio div#exclusivas h2 {		
		background-color:#DD0067;
		margin-top:3px;
		}
		
		div#navegacio div#exclusivas a {
		background:#EF80B3;
		color:#DD0067;
		}
	
			div#navegacio div#exclusivas a:hover, div#navegacio div#exclusivas a.seleccionat  {background-color:#F7BFD9}
		
	
	div#continguts {
	float:right;
	width:594px;
	}
	
	div#continguts h1 {
	background:#D0C9BF url(../img/fons-encapcalament-pricipal-1.gif) 0 0 no-repeat;
	margin-bottom:4px;
	height:38px;
	line-height:38px;
	text-transform:uppercase;
	}
	
		div#continguts h1 span {
		background:#D0C9BF url(../img/fons-encapcalament-pricipal-2.gif) 10px 50% no-repeat;
		padding:0 13px 0 25px;
		color:white;
		font-size:150%; 
		font-weight:bold;
		}

	/* taula per llistar els productes */
	
	table.llistat-productes {
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	padding:0;
	width:594px;
	}
	
		table.llistat-productes td {
		border-collapse:collapse;
		padding:0;
		vertical-align:bottom;
		border-bottom:4px solid #F0EFED;
		}
		
		/* 1a columna */	
		table.llistat-productes td.dades-producte {
		background:white url(../img/fons-dades-producte.gif) left top no-repeat;
		}
		
			table.llistat-productes td.dades-producte div.envoltori-dades-producte{
			background:transparent url(../img/fons-envoltori-dades-producte.gif) left bottom no-repeat;
			padding:15px 25px;
			}
			
				td.dades-producte div.model {
				color:#0083D6;
				font-weight:bold;
				font-size:90%;
				}
				
				td.dades-producte h2.nom {
				color:#0083D6;
				font-weight:bold;
				font-size:100%;
				}
				
				td.dades-producte p.referencia, td.dades-producte p.descripcio-curta {
				color:#151A38;
				font-size:90%;
				}		
		
		/* 2a columna */
		table.llistat-productes td.foto-producte {
		background:white url(../img/fons-foto-producte.gif) right top no-repeat;
		border-right:4px solid #F0EFED;		
		}
		
			table.llistat-productes td.foto-producte div.envoltori-foto-producte {
			background:transparent url(../img/fons-envoltori-foto-producte.gif) right bottom no-repeat;
			padding:15px 25px 15px 0;
			text-align:right;
			}
		
		/* 3a columna */
		table.llistat-productes td.descripcio-llarga {
		background:#C4EAFA url(../img/fons-descripcio-llarga.gif) right top no-repeat;
		width:194px;
		}
		
			table.llistat-productes td.descripcio-llarga div.envoltori-descripcio-llarga {
			background:transparent url(../img/fons-envoltori-descripcio-llarga.gif) right bottom no-repeat;
			padding:15px;
			font-size:83%;
			color:#151A38;
			}
			
				div.envoltori-descripcio-llarga div.color {
				width:33px;
				height:20px;
				margin:0 5px 5px 0;
				float:left;
				}

	/* caixes que estructuren la maquetació*/

	div.columna-50x100 {
	width:295px;
	float:left;
	margin-right:4px;		
	margin-bottom:4px;
	}

	div.ultim-bloc {margin-right:0} /* la caixa que queda més a la dreta */

	/* mides graella de 3 */
	
	div.caixa-3-3 {
	background:white url(../img/fons-caixa-3-3-top.gif) 0 0 no-repeat;
	margin-bottom:4px;
	}	
		div.caixa-3-3 div.caixa-3-3-bottom{
		background:transparent url(../img/fons-caixa-3-3-bottom.gif) left bottom no-repeat;
		padding:25px;
		}
	
	/* mides graella de 2 */	
	div.caixa-1-2-top {	
	background:white url(../img/fons-caixa-1-2-top.gif) 0 0 no-repeat;
	margin-bottom:4px;
	}	
	
	div.caixa-1-2-bottom {
	background:transparent url(../img/fons-caixa-1-2-bottom.gif) left bottom no-repeat;
	padding:10px;
	}	
	
		div.caixa-1-2-bottom object {display:block}
		div.caixa-1-2-bottom h2 {margin-top:8px}
	

	/* blocs de mida variable (p.e. Filosofia  */
	
	div.producte-nou {
	background:transparent url(../img/fons-caixa-producte-nou-bottom.gif) left bottom no-repeat;
	}
	
		div.producte-nou div.dades-producte {
		width:116px;
		float:left;
		background:transparent url(../img/fons-caixa-producte-nou-top.gif) left top no-repeat;
		color:white;
		padding:10px 15px;
		}
	
			div.producte-nou div.dades-producte h2 {
			color:white;
			font-size:125%;
			font-weight:bold;
			margin-bottom:12px;
			}
	
			div.producte-nou div.dades-producte a {color:white}
	
		div.producte-nou div.foto-producte {
		width:119px;
		float:right;
		}
		
			div.producte-nou div.foto-producte h3 {
			font-size:123%;
			font-weight:bold;
			color:#00A6D6;
			margin-bottom:8px;
			}
	
	div.producte-destacat {
	background:transparent url(../img/fons-caixa-producte-destacat-bottom.gif) left bottom no-repeat;
	}
	
		div.producte-destacat div.dades-producte {
		width:116px;
		float:left;
		background:transparent url(../img/fons-caixa-producte-destacat-top.gif) left top no-repeat;
		color:white;
		padding:10px 15px;
		}
	
			div.producte-destacat div.dades-producte h2 {
			color:white;
			font-size:125%;
			font-weight:bold;
			margin-bottom:17px;
			}
			
				div.producte-destacat div.dades-producte a {color:white}
	
		div.producte-destacat div.foto-producte {
		width:119px;
		float:right;
		}
		
			div.producte-destacat div.foto-producte h3 {
			font-size:123%;
			font-weight:bold;
			color:#BA1FB5;
			margin-bottom:8px;
			}
			
		div#filosofia h2{
		height:28px;
		line-height:28px;
		padding:0 20px;
		font-size:133%;
		color:white;
		background:transparent url(../img/fons-filosofia.gif) 0 0 no-repeat;
		font-weight:bold;
		}
		
		div#filosofia div#envoltori-text-presentacio {
		background-color:#F9F8FD;
		padding:20px;
		}
		
			div#filosofia p {
			margin-bottom:20px;
			line-height:140%;
			}

/* pàgina 'contacte' */
div#adreca-contacte {
width:267px;
float:left;
text-align:center;
font-size:90%;
}
	
	div#adreca-contacte img {vertical-align:text-bottom}

	p#adreca {
	background:transparent url(../img/fons-adreca-contacte.jpg) 0 0 repeat-x;
	padding-top:15px;
	line-height:150%;
	margin-bottom:10px;
	}

div#formulari-contacte {
width:267px;
float:right;
}

	div#formulari-contacte p {margin-bottom:16px}
	
	div.item-formulari {
	float:left;
	margin-top:10px;
	}

	div.item-formulari label {
	float:left;
	margin-right:5px;
	width:70px;
	color:#9285BD;
	font-weight:bold
	}
	
	div.item-formulari .camp {
	border:1px solid #9285BD;
	float:left;
	width:190px;
	}
	
		div.item-formulari #f-consulta {
		height:100px;
		font-family:inherit;
		font-size:inherit;
		}
		
	div.item-formulari#boto-enviar {
	float:right;
	color:#9285BD;
	font-size:90%;
	text-align:right;
	}	
	
		div.item-formulari#boto-enviar .boto{
		border:0;
		}

div#peu-pagina {
text-align:center;
font-size:83%;
}

	div#peu-pagina table#marques{
	margin:0 auto;
	}
	
	div#peu-pagina table#marques td {
	padding:0 5px;
	}

	div#peu-pagina p {
	margin-top:1em;
	color:#9482D0
	}

.btn-top{ float:left; margin-left:10px; margin-right:10px;}
 .btn1{display:block;  width:93px; height:85px;  float:left; background-image:url(../img/elefant-fosc.jpg); background-repeat:no-repeat; }
 .btn1:hover{ background-image:url(../img/elefant-clar.jpg); }
 .btn2{display:block;  width:93px; height:85px;  float:left; background-image:url(../img/hipo-fosc.jpg); background-repeat:no-repeat; }
 .btn2:hover{ background-image:url(../img/hipo-clar.jpg); }
 .btn3{display:block;  width:93px; height:85px;  float:left; background-image:url(../img/lleo-fosc.jpg); background-repeat:no-repeat; }
 .btn3:hover{ background-image:url(../img/lleo-clar.jpg); }
 .btn4{display:block;  width:93px; height:85px;  float:left; background-image:url(../img/zebra-fosc.jpg); background-repeat:no-repeat; }
 .btn4:hover{ background-image:url(../img/zebra-clar.jpg); }
 .btn5{display:block;  width:93px; height:85px;  float:left; background-image:url(../img/jiraf-fosc.jpg); background-repeat:no-repeat; }
 .btn5:hover{ background-image:url(../img/jiraf-clar.jpg); }
 .btn6{display:block;  width:93px; height:85px;  float:left; background-image:url(../img/hipo2-fosc.jpg); background-repeat:no-repeat; }
 .btn6:hover{ background-image:url(../img/hipo2-clar.jpg);}
 .btn7{display:block;  width:93px; height:85px;  float:left; background-image:url(../img/mono-fosc.jpg); background-repeat:no-repeat; }
 .btn7:hover{ background-image:url(../img/mono-clar.jpg);} 

/* vincles */
a {
color:#0083D6;
text-decoration:none;
}

a:hover {text-decoration:underline}

a.rosa {
color:#E60094;
}

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

.acc {
position:absolute;
left:-100000px;
}

.negreta {font-weight:bold}