@charset "utf-8";
/* ---------------------- CSS RESET ---------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0 }
table											{  }
fieldset,img 									{ border:0 }
address,caption,cite,code,dfn,em,strong,th,var  { font-style:normal;	font-weight:normal }
ol,ul 											{ list-style:none }
caption,th 										{ text-align:left }
h1,h2,h3,h4,h5,h6 								{ font-size:100%; font-weight:normal }
q:before,q:after 								{ content:'' }
abbr,acronym 									{ border:0 }


/*------------------------IMATGES-------------------------*/
img.dreta	 	{ margin:0px 0px 0px 20px; border:#e4e4e4 solid 6px; float: right }
img.esquerra	{ margin:0 20px 10px 0; float:left; border:#e4e4e4 solid 6px; } 


/* ---------------------- BIG BOYS ---------------------- */
body 	{ font-family: Arial, Helvetica, sans-serif; font-size:.8em; padding:0; margin:0; }
strong	{ font-weight:bold; }
h1		{ text-align:left; font-size:1.6em; font-weight:bold; padding-bottom:20px; }
h2		{ text-align:left; font-size:1.3em; padding-bottom:10px; font-weight:bold; }
p		{ font-size:1.1em; line-height:1.7em; padding-bottom:15px; letter-spacing:0.02em }
a 		{ text-decoration:none; color:#000 }



/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 				{ width:990px; min-height:600px; margin:0px auto; position:relative;  }
#logo 				{ float:left;  }
#esquerra			{ width:600px; float:left;  }
#esquerra_estret	{ width:200px; float:left; }
#contingut			{ width:755px; float:right; padding:0;margin:0; height:800px }
#contingut_estret	{ width:440px; position:absolute; left:255px; top:0; }
#dreta				{ width:733px; margin-top:145px; position:absolute }
#menu				{ margin-top:45px; float:left; }	
#p_menu				{ width:220px; float:left; }
#logo				{ height:150px; }	
.logo				{ float:left; }

.info				{ margin:0;padding:0; width:550px; height:129px; padding-top:20px; }
.info .min			{ margin:0;padding:0; height:79px; }
.info h3			{ margin:0;padding:0; }

.img_producte		{ height:540px; }
.big_img			{ clear:both; }
/* ---------------------- MENU ---------------------- */
#dreta a 			{ font-weight:bold}
#dreta p			{ line-height:1.6em; }

.menucat			{ clear:both; line-height:1.8em; border-bottom:#000 solid 1px; width:150px; border-top:#000 solid 1px; padding-top:7px; padding-bottom:10px}

.menucat li a			{ color:#000 }
.menucat li.actiu a		{ color:#ee7e12 }
.menucat li a:hover		{ color:#000 }

.feines					{ float:left; margin-top:10px; line-height:1.4em; height:365px}
.feines	ul li a			{ color:#000; font-size:.9em; }
.feines	ul li a:hover	{ color:#000 }
.feines ul li.actiu a	{ color:#ee7e12 }

/* ---------------------- MENU ---------------------- */
#menu_productes			{ font-weight:bold; font-size:12px; line-height:.9em; }

#norantatres			{ float:left; width:530px; }
#norantatres a 			{ float:left; padding:0; margin:0; border:0; height:119px; width:168px; background: url(../img/93.gif) 0 0 no-repeat; overflow:hidden}
#norantatres.actiu a 	{ background-position:0 -119px; }
#norantatres a:hover 	{ background-position: 0 -119px; }

#vuitdivuit				{ float:left; width:530px; }
#vuitdivuit a 			{ float:left; padding:0; margin:0; border:0; height:120px; width:216px; background: url(../img/818.gif) 0 0 no-repeat; overflow:hidden}
#vuitdivuit.actiu a 	{ background-position:0 -120px; }
#vuitdivuit a:hover 	{ background-position: 0 -120px;}

#trentados				{ float:left; width:530px; }
#trentados a 			{ float:left; padding:0; margin:0; border:0; height:120px; width:159px; background: url(../img/32.gif) 0 0 no-repeat; overflow:hidden}
#trentados.actiu a 		{ background-position:0 -120px; }
#trentados a:hover 		{ background-position: 0 -120px;}

#vuitantanou			{ float:left; width:159px; }
#vuitantanou a 			{ float:left; padding:0; margin:0; border:0; height:120px; width:159px; background: url(../img/89.gif) 0 0 no-repeat; overflow:hidden}
#vuitantanou.actiu a 	{ background-position:0 -120px; }
#vuitantanou a:hover 	{ background-position: 0 -120px;}

#puntcom				{ float:left; width:329px; }
#puntcom a 				{ float:left; padding:0; margin:0; border:0; height:120px; width:329px; background: url(../img/com.gif) 0 0 no-repeat; overflow:hidden}
#puntcom.actiu a 		{ background-position:0 -120px; }
#puntcom a:hover 		{ background-position: 0 -120px;}

/* Idiomes */
#idiomes 						{ color:#999999; text-align:center; position:absolute; z-index:1; bottom:0px; right:0px; font-size:.85em; float:right}
#idiomes_p 						{ color:#999999;  font-size:.85em;  float:right}
#idiomes a						{ color:#999999 }
#idiomes_p a					{ color:#999999 }

/* menu petit */
#p_norantatres			{ float:left; width:530px; }
#p_norantatres a 		{ float:left; padding:0; margin:0; border:0; height:23px; width:168px; background: url(../img/p_93.gif) 0 0 no-repeat; overflow:hidden}
#p_norantatres a:hover 	{ background-position: 0 -24px;}

#p_vuitdivuit			{ float:left; width:530px; }
#p_vuitdivuit a 		{ float:left; padding:0; margin:0; border:0; height:24px; width:216px; background: url(../img/p_818.gif) 0 0 no-repeat; overflow:hidden}
#p_vuitdivuit a:hover 	{ background-position: 0 -24px;}

#p_trentados			{ float:left; width:530px; }
#p_trentados a 			{ float:left; padding:0; margin:0; border:0; height:24px; width:159px; background: url(../img/p_32.gif) 0 0 no-repeat; overflow:hidden}
#p_trentados a:hover 	{ background-position: 0 -24px;}

#p_vuitantanou			{ float:left; width:33px; }
#p_vuitantanou a 		{ float:left; padding:0; margin:0; border:0; height:24px; width:40px; background: url(../img/p_89.gif) 0 0 no-repeat; background-position:0 -24px; overflow:hidden}
#p_vuitantanou a:hover 	{ background-position: 0 -24px;}

#p_puntcom				{ float:left; width:129px; }
#p_puntcom a 			{ float:left; padding:0; margin:0; border:0; height:24px; width:129px; background: url(../img/p_com.gif) 0 0 no-repeat; overflow:hidden}
#p_puntcom a:hover 		{ background-position: 0 -24px;}
  
/* ---------------------- PRODUCTES ---------------------- */

#contingut h3			{ color:#000; text-align:left; margin-top:10px; line-height:2.6em}
#contingut p			{ color:#b1b3b4; text-align:left; font-size:.85em; line-height:1.3em}
#contingut h5			{ clear:both; color:#000; width:755px; text-align:left; font-size:.9em; margin-top:5px; height:20px; }
#contingut h5 a			{  }
#contingut img			{ float:right; }

#contingut ul			{ height:0px; background:#6F0}
#contingut ul li		{ padding:0 5px 0 0; color:#b1b3b4; float:left; }
#contingut ul li a		{ color:#b1b3b4; }
#contingut ul li.actiu a{ color:#ee7e12; }