body {
font-size:62.5%; /* 1em = 10px */
font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#E3E1DA;
color:black;
}

/***********************************************
estructura general
************************************************/

div#contenidor {
width:969px;
margin:0 auto;
padding:20px 0;
}

div#menu-principal {
background:transparent url(../imatges/fons-menu-principal.jpg) 0 0 no-repeat;
height:48px;
padding:1px 0 1px 30px;
}

	div#menu-principal span.separador,
	div#menu-principal a {
	float:left;
	height:26px;
	margin-top:10px;
	margin-right:7px;
	color:white;
	font-size:110%;
	}

	div#menu-principal span.separador {
	width:13px;
	background-image:url(../imatges/separador-items-menu-principal.jpg);
	text-indent:-10000px;
	}
	

div#peu-de-pagina {
padding:10px 0;
border-top:1px solid #BFBDB8;
border-bottom:1px solid #BFBDB8;
font-family:Arial, Helvetica, sans-serif;
}

	

	div#menu-peu-de-pagina {
	color:#FF0033;	
	text-transform:uppercase;
	margin-bottom:10px;
	
	}

	div#credits {
	float:right;
	font-size:110%;
	color:#787775;
	}

	div#dades-de-contacte {
	color:#787775;
	font-size:110%;
	float:left;
	}

/***********************************************
pàgines interiors
************************************************/
div#continguts {
margin:0 3px;
background:white url(../imatges/fons-noticies-portada.jpg) no-repeat scroll left bottom;
padding-bottom:30px;
font-size:120%;
}

div#continguts h1 {
background:transparent url(../imatges/fons-titol-pagina-interior.jpg) 0 0 repeat-x;
}

	div#continguts h1 span {
	display:block;
	font-weight:bold;
	color:#E60331;
	background:transparent url(../imatges/fons-menu-principal-icona.jpg) 0 0 no-repeat;
	text-transform:uppercase;
	height:37px;
	line-height:37px;
	padding-left:37px;
	}
	
	div#continguts div#text-seccio {
	background:transparent url(../imatges/fons-text-seccio.jpg) 0 0 repeat-x;
	padding:20px 25px;
	}

div#continguts p,
div#continguts ul,
div#continguts ol {
margin-top:10px;
margin-bootm:10px;
}

div.fotografia {
padding-bottom:6px;
background:transparent url(../imatges/fons-fotografia-interior.jpg) center bottom no-repeat;
}

	div.fotografia img {
	border:1px solid #CCCCCC;
	padding:1px;
	}
	
	.a-l-esquerra {
	float:left;
	margin:10px 10px 5px 0;
	}
	
	.a-la-dreta {
	float:right;
	clear:right;
	margin:10px 0 5px 10px;
	}

/* categories */

div.categoria {
float:left;
background:transparent url(../imatges/fons-item-categoria.jpg) bottom center no-repeat;
padding-bottom:5px;
margin-right:15px;
margin-bottom:15px;
}

div.categoria.final-fila {
margin-right:0;
}


	div.categoria div.imatge-i-nom {
	border:1px solid #CCCCCC;
	position:relative;	
	width:215px;
	height:156px;
	float:left;
	}
	
		div.categoria div.imatge-i-nom {
		border:1px solid #CCCCCC;
		position:relative;	
		width:215px;
		height:156px;
		}
		
			div.categoria div.imatge-i-nom a {
			display:block;
			position:absolute;
			width:215px;
			text-align:center;
			left:0;			
			}
			
			div.categoria div.imatge-i-nom a.imatge {
			bottom:25px;
			}
			
			div.categoria div.imatge-i-nom a.nom {
			bottom:10px;
			font-weight:bold;
			}

/* llistat de productes d'una categoria */
div.separador {
background:transparent url(../imatges/fons-item-llistat-productes.gif) left bottom repeat-x;
margin-bottom:20px;
clear:left;
height:19px;
}

div.producte {
width:440px;
margin-right:15px;
float:left;
}

	div.producte div.imatge {
	float:left;
	/*background:transparent url(../imatges/fons-item-categoria.jpg) left bottom no-repeat;*/
	margin-right:15px;
	}
	
		div.producte div.imatge img {
		padding:1px;
		border:1px solid #CCCCCC;
		}
		
	div.producte div.text {
	margin-left:144px;
	}
	
		div.producte div.text a.nom {
		font-size:116%;
		font-weight:bold;
		}
		
.clear{ clear:both;}		

/* paginador */

div.paginador-1 {
border-bottom:2px solid #D9D9D9;
}

	div.paginador-2 {
	border:1px solid #999999;
	padding:6px 12px;
	}
	
	div.paginador-2 a {
	font-weight:bold;
	}
	
		div.paginador-2 a.pagina-anterior {
		float:left;
		background:transparent url(../imatges/icona-pagina-anterior.gif) left center no-repeat;
		padding-left:20px;
		}
		
		div.paginador-2 a.pagina-seguent {
		float:right;
		background:transparent url(../imatges/icona-pagina-seguent.gif) right center no-repeat;
		padding-right:20px;
		}
		
		div.paginador-2 span.pagina-actual {
		width:300px;
		margin:0 auto;
		display:block;
		text-align:center;
		font-weight:bold;
		}


/* detall producte */

div.detall-producte div.galeria-imatges {
float:left;
width:406px;
}

	div.detall-producte div.galeria-imatges div.imatge {
	margin-bottom:5px;
	margin-right:5px;
	padding-bottom:5px;
	background:transparent url(../imatges/fons-foto-detall-petita.jpg) bottom center no-repeat;
	float:left;
	}
	
	div.detall-producte div.galeria-imatges div.imatge.gran {
	margin-right:0;
	background:transparent url(../imatges/fons-foto-detall-gran.jpg) bottom center no-repeat;
	}
	
	div.detall-producte div.galeria-imatges div.imatge.final-fila {
	margin-right:0;
	}
	
		div.detall-producte div.galeria-imatges div.imatge img {
		padding:1px;
		border:1px solid #CCCCCC;
		}
		
	div.detall-producte div.text {
	margin-left:430px;
	}
	
		div.detall-producte div.text h2 {
		font-size:141%;
		font-weight:bold;
		margin-bottom:10px;
		}


/***********************************************
portada del web
************************************************/
div#presentacio-portada {
float:right;
width:308px;
}

div#envoltori-presentacio-portada {
background:transparent url(../imatges/fons-envoltori-presentacio-portada.jpg) right bottom no-repeat;
margin:0 3px;
height:368px;
overflow:hidden;
}

	div#presentacio-portada {
	float:right;
	width:308px;
	}

		div#presentacio-portada div#text-introductori {
		font-size:110%;
		padding:20px 15px;
		}
		
		div#presentacio-portada div#text-introductori p {margin-bottom:20px;}

	div#pellicula-flash {
	width:655px;
	float:left;
	}

div#noticies-portada {
margin:0 3px;
padding-bottom:30px;
background:white url(../imatges/fons-noticies-portada.jpg) left bottom no-repeat;
font-size:110%;
}

	div#encapcalament-noticies-portada {
	padding:5px 20px 28px 20px;
	background:white url(../imatges/fons-titol-noticies-portada.jpg) left bottom repeat-x;
	}

	
	div#noticies-portada a.tots-els-items {
	float:right;	
	padding-top:5px;
	}
	
	div#noticies-portada ul {
	margin:0 20px;
	float:left;
	width:923px;
	background:transparent url(../imatges/fons-separador-noticies-portada.gif) 0 0 repeat-y;
	}
	
		div#noticies-portada ul li {
		
		margin-right:20px;
		padding-right:20px;
		width:281px;
		float:left;
		}
		
			div#noticies-portada ul li.ultim-item {
			margin-right:0;
			padding-right:0;
			background-image:none;
			}
			
			div#noticies-portada ul li span.data {
			font-weight:bold;
			color:#333333;
			margin-right:5px;
			}

/***********************************************
estils
************************************************/

a:link, a:visited {
color:#FF0033;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

div.trenca-flotat {
clear:both;
height:1px;
}

/* caixa de cerca */

.search-bar{ 
background-image:url(../imatges/search-bar.jpg);  
float:right; 
height:22px; 
padding-top:4px; 
width:176px; 
padding-left:8px; 
margin-top:6px; 
margin-right:6px;
}

.search-bar input{ 
height:16px; 
width:140px; 
font-size:11px; 
color:#666666;
border-style: none;
border-width: 0;
line-height:1.2em;   
}

.search-bar a{ 
float:right;  
height:22px; 
display:block; 
width:29px; 
margin-top:-3px;
}

/* pàgina contacte */
div.contacte form {
margin-top:10px;
margin-bootm:10px;
}

div.camp {
margin-bottom:6px;
}

	div.camp label {
	display:block;
	font-weight:bold;
	}
	
	div.camp .camp-de-text {
	font-size:inherit;
	font-family:inherit;
	padding:2px;
	border:1px solid #FF8080;
	width:450px;
	}
	
	div.camp textarea {height:100px;}
	
		div.camp .camp-de-text:focus {
		border-color:#990000;
		}


div#mapat {
    float:right;
    width: 560px;
    height: 280px;
    border: 1px solid #555;
    padding: 2px;
}

/* iamtges */

.left-img{
	float:left;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF; padding:1px;
	margin-right:10px;margin-bottom:5px;
}
.right-img{
	float:right;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF; padding:1px;
	margin-left:14px;margin-bottom:5px;
}

.btn-info{ display:block; background-image:url(../imatges/btn-info.jpg); width:218px; height:30px; padding-top:8px; color:#990000; text-align:center; font-size:14px; font-weight:bold; margin-top:3px; margin-bottom:2px;}