body{ background-color:#F7F7F7; background-repeat:repeat; margin:0 0 0 0 ; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:68.75%; }
	
	.FondoTrama{background-image:url(../images/common/fondo-trama.gif); background-repeat:repeat;}
	
	.main{ width:760px; background-color:#FFFFFF; margin:auto; }
	
	.main .Padding{ }
	
	h1{ font-size:1em; margin-top:0px; padding-top:0px; letter-spacing: 0.1em; color:#028D66; }
	h2{ font-size:1em; margin:0px; padding-top:0px; color:#CCA079; margin-top:3px;}
	a{ color:#009A66; text-decoration:none;}
	a:hover{ color:#009A66; text-decoration:underline;}
	p{ margin-top:1px; margin-bottom:1px; color:#666666; font-size:0.95em; line-height:1.5em;}
	.contingut p{  margin-bottom:10px; }
	
	.clear{ clear:both;}
	
	.gris-clar{color:#CBCBCB}
	.text-form{ font-size:0.9em;}
	.but-form{ color:#FFFFFF; background-color:#009933;}
	.cont{ padding:5px; padding-bottom:10px;}
	.left{ float:left; }
	.right{ float:right;}
	

/**********************************************************************
 * Estructura
 **********************************************************************/
 
 img { border-width: 0 }
 
/**********************************************************************
 * Capçalera
 **********************************************************************/
 
	.SubTop{ background-image:#FFF url(../images/common/sub-top.gif); background-repeat:repeat-x;}
	 
	.BackgroundTittle { 
		background-image:url(../images/common/fondo-titles.gif); 
		background-repeat:repeat-x; 
		background-position:bottom; 
		line-height: 25px;
		}
		
	.Top { width:760px; margin:auto;}
	.TopImage{ 
		background-image:url(../images/common/top.jpg); 
		height:94px;
	}
	.TopImage .idiomas { float:right; font-family:Tahoma, Helvetica, sans-serif; font-size:0.8em; margin-top:20px; margin-right:15px; color:#FFFFFF;margin-bottom:15px;}
	.TopImage   a{ color:#FFFFFF;}
	.TopImage .idiomas .activat { color:#009966;}
	
	.TopImage div.separador {
	height:1px;
	clear:right;
	}
		
	.TopImage .buscador {
	background-color:#007347;
	padding:3px;
	float:right;
	margin-right:15px;
	}
	
		.TopImage .buscador input {
		font-family:inherit;
		font-size:11px;
		float:left;
		}
	
			.TopImage .buscador .campo-de-texto {		
			
			padding:2px;
			width:185px;
			color:#999;
			margin-right:3px;
			}
			.TopImage .buscador .campo-de-texto:focus{ color:#333;}
		
			.TopImage .buscador .boton {
			background:#009865 url(../images/common/fons-boto-cercador.jpg) left bottom repeat-x;
			color:white;
			border:0;
			padding:3px;
			cursor:pointer;
			margin:0;
			}
			.btn-search{
				color:#333;
			background:url(../images/common/search.jpg) no-repeat 0 0;
			width:22px;
			height:21px;
			float:left;}
			
			.ac_results {z-index: 10;}

/**********************************************************************
 * Menú principal
 **********************************************************************/

   .menu{ height:35px; background-image:url(../images/common/fondo-menu.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; }
	.menu .but{ padding-left:12px; padding-right:14px; float:left; padding-top:12px; }
	/* .menu .but { padding-left:16px; padding-right:16px;} */
	.menu .but a { display: block; text-align: center; }
	.menu .separador{  background-image:url(../images/common/linia-discontinua.gif); height:35px; width:4px; float:left; background-repeat:no-repeat; background-position:center;}
	
	.menu a{ color:#333333; text-decoration:none;}
	.menu a:hover{  color:#006C46; text-decoration:none;}


/**********************************************************************
 * "Contingut" (barra lateral + contingut + banners)
 **********************************************************************/

	div.FondoTrama .contingut { width:760px; margin:auto; background-image:url(../images/common/middle-fondo.jpg); background-repeat:repeat-x; background-position:top; background-color:#FFFFFF; }
	div.FondoTrama .contingut{} .Padding{  padding:12px; padding-top:5px;  }
	.noticies { font-size:1em; float:left;}

	.ButonImage{ width:107px; height:96px; margin:6px;  float:left; position:relative;overflow:hidden}
	.ButonImage .Text {  color:#FFFFFF; text-align:center; position:absolute; top:63px; left:0; right:0; bottom:0; text-align:center; width:100%; }
	
	.ButonImage  a { color:#FFFFFF; text-decoration:none; font-size: 10px;}
	
	
	.ButonImage2{ background-color:#999999; width:107px; height:96px; margin:0px; margin-left:50px; margin-bottom:10px; margin-top:5px; float:left; position:relative;}
	.ButonImage2 .Text{  color:#FFFFFF; text-align:center;   position:absolute; top:76px; left:0; right:0; bottom:0; text-align:center; width:100%; }
	
	.ButonImage2  a { color:#FFFFFF; text-decoration:none;  }
	
	.ButonProducteDestacat .Content{ font-size: 11px; background-color:#F2F2F2; padding:7px; width:201px; height: 180px; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px;	border-top-style: solid;	margin-bottom:4px;	border-top-color:#D9F0E8;}
	.ButonProducteDestacat{ width:211px; margin:10px; margin-top:7px; margin-bottom:0px;}
	.ButonProducteDestacat  p { color:#333333; margin-bottom:1px!important; }
	
		
	.contingut-text{ background-image:url(../images/common/fondo-detall-productes.jpg); background-position:bottom; background-repeat:repeat-x; padding-top:15px; padding-left:15px; padding-right:15px;}
	
	.separadorGris{ background-image:url(../images/common/pixel-gris-vertical.gif); background-repeat:repeat-y; width:25px; float:left;  background-position:center; height:210px; margin-top:25px; margin-bottom:25px; }
	
	.separadorVerd{ background-image:url(../images/common/pixel-verd-horitzontal.gif); background-repeat:repeat-x; background-position:bottom; height:15px; margin-bottom:15px; margin-top:1px;}
	.separadorBarra{ background-image:url(../images/common/barra-bottom.jpg); background-repeat:repeat-x; height:4px; clear:both; background-position:bottom;}
	
	.Producte{ width:133px; margin-right:10px; margin-top:7px; margin-bottom:4px;}
	
	.DetallProducte { 
		background-image:url(../images/common/fondo-detall-productes.jpg); 
		background-position:bottom; 
		background-repeat:repeat-x; 
		height:80px; 
		padding-top:15px; 
		padding-left:15px; 
		padding-right:15px;
		clear:right;
	}
		.DetallProducte p{ margin-bottom:1px!important; }
	
		
	
		.DetallProducte .right a.miniatura {
		display:block;
		position:relative;
		width:180px;
		height:75px;
		overflow:hidden;
		}
		
			.DetallProducte .right a.miniatura img {border:0}
				
				.DetallProducte .right a.miniatura div.marc {
				width:180px;
				height:75px;
				background-image:url(../images/common/marc-fotos-180-75.png);
				}
				
				.DetallProducte .right a.miniatura div.brcm-caption {display:none}
	
		div#fotografia-gran {position:relative}
		
				div#fotografia-gran div.marc {
				width:400px;
				height:300px;
				background-image:url(../images/common/marc-fotos-400-300.png);
				}
		
		div.fotos-destacats-portada {
		position:relative;
		width:201px;
		height:83px;
		overflow:hidden;
		}
		
		div.marc {
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		cursor:pointer;
		}
		
			div.fotos-destacats-portada div.marc {
				width:201px;
				height:83px;
				background-image:url(../images/common/marc-fotos-201-83.png);
				}
				
			
		div.fotos-ofertes-portada {
		position:relative;
		width:175px;
		height:73px;
		overflow:hidden;
		}
		
			div.fotos-ofertes-portada div.marc {
				width:201px;
				height:83px;
				background-image:url(../images/common/marc-fotos-175-73.png);
				}
	

	.menu-products{ color:#999999; font-weight:bold; font-family:Tahoma, Helvetica, sans-serif; text-align:center; padding-top:2px; }
	
	.menu-products a{ color:#999999;  }

	#flashMessages {
		padding: 1px 0;
	}

/* resultats cerca */
.sumari-cerca form {
	background-color:#61BFA0;
	padding:3px;
	float:left;
	margin:5px 0 10px 0;
	}
	
		.sumari-cerca form input {
		font-family:inherit;
		font-size:11px;
		float:left;
		}
	
			.sumari-cerca form .campo-de-texto {		
			color:#666666;
			padding:2px;
			width:250px;
			color:#666666;
			margin-right:3px;
			}		
		
			.sumari-cerca form .boton {
			background:#009865 url(../images/common/fons-boto-cercador.jpg) left bottom repeat-x;
			color:white;
			border:0;
			padding:3px;
			cursor:pointer;
			margin:0;
			}

.sumari-cerca p {
padding:10px;
color:#07613B;
font-size:100%;
background-color:#E1F3ED;
clear:left;
}

ol.llistat-resultats-cerca {
list-style:none;
margin:15px 0;
padding:0;
}

ol.llistat-resultats-cerca li {
margin-bottom:20px;
}

	ol.llistat-resultats-cerca li div.resum-pagina {
	margin:3px 0;
	}


	ol.llistat-resultats-cerca li div.url-pagina {color:#999999}
.butlleti{ background-image:url(../images/common/separator.jpg); background-position:top; background-repeat:repeat-x;   overflow:hidden; _display: inline-block; padding-top:15px; padding-right:13px; margin-left:-12px; margin-right:-12px;}
.butlleti-inner{background-image:url(../images/common/separator.jpg); background-position:bottom; background-repeat:repeat-x;   overflow:hidden; _display: inline-block; 
 margin-left:-12px; margin-right:-12px; padding-bottom:15px; padding-left:28px; padding-right:13px;}
.butlleti p{ float:left; width:380px; font-size:10px; line-height:1.2em;}

.butlleti .btn{ 	 background-image:url(../images/common/btn-subscribirse.jpg)!important; float:right; height:37px;  border:0 none; margin-left:5px; color:#2E6D50; font-weight:bold;cursor:pointer}



		
			
			

.butlleti .input{ background-color:#CCCCCC; float:right; height:30px; padding:5px; padding-bottom:0px; width:220px;}
.butlleti .input input{ margin:0px; border:none; height:20px; padding-top:3px; font-size:12px; width:219px;  color:#666;}
.input-butlleti{
	border:none;
	background-color: #FFF;
	border: 5px solid #CCC;
	padding:5px; font-family:Arial, Helvetica, sans-serif; width:215px; color:#666;
	float:right;
}
/**********************************************************************
 * Peu de pàgina
 **********************************************************************/

	.bottom{ background-image:url(../images/common/sub-bottom.gif); background-repeat:repeat-x; height:60px;}
	.bottom .SombraBottom{ background-image:url(../images/common/fondo-sombra-bottom.jpg); width:760px; background-repeat:no-repeat;  margin:auto; background-position:center; }
	.bottom .BottomCont{
		width:758px;
		margin:auto;
		background-image:url(../images/common/fondo-cont-bottom.jpg);
		background-repeat:repeat-x;
		padding-top:7px;
		height:53px;
		text-align:center;
		font-size:0.9em;
		color:#999999;
		border-bottom-width: 1px;
		border-top-style: none;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-right-width: 1px;
		border-left-width: 1px;
		border-right-color: #D3D3D3;
		border-left-color: #D3D3D3;
		border-bottom-color: #D3D3D3;
	}
	.bottom .BottomCont a{ text-decoration:underline; color:#999999;}
	.bottom .Padding{ padding:15px;}

/***********************
 * Pager
 ****************************/

.Pager .Title {
	white-space:nowrap;
}

.Pager ul {
	display:inline;
	margin:0pt;
	padding:0pt;
}

.Pager ul li 
{
	display:inline;
	margin:0pt;
	padding:0pt;
}

.Pager li 
{
	margin:0pt 0pt 0pt 3em;
	padding:0pt;
}


/***********************
 * subscripció newsletter
 ****************************/
 div.brcm-newsletter-module div.brcm-rss-feeds {
 margin-top:2em;
 padding-top:2em;
 background:transparent url(../images/common/separator.jpg) 0 0 repeat-x;
 }
 
 	 div.brcm-newsletter-module div.brcm-rss-feeds ul {
	 list-style:none;
	 padding:0;
	 margin:1em 0;
	 }
	 
	 	div.brcm-newsletter-module div.brcm-rss-feeds ul li {
		 margin:5px 0;
		 }
	 
	 	div.brcm-newsletter-module div.brcm-rss-feeds ul ul {
		margin-left:10px;
		}


/************
 * paginador
 ***********/
 
.bottomPageProduct{ float:right; width:330px; margin-top:15px;}	

.bottomPageProduct a.actiu{ width:86px; height:19px; padding-top:3px; text-align:center; background-image:url(../images/common/btn.jpg); color:#FFF; font-weight:bold; display:block; display:inline-block; }

.bottomPageProduct strong{ padding-left:5px; padding-right:5px;}

.bottomPageProduct a.desactivat{ display:block; font-weight:bold; background-image: url(../images/common/btn-over.jpg) ; background-repeat:no-repeat; width:86px; height:19px; padding-top:3px; text-align:center; color:#FFF; display:inline-block;}