* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif; /*si nomes fem servir una tipo, la definim aqui*/
}
#wrapper { 
 margin: 0 auto; /*d'aquesta forma centrem tot el block en la pagina*/
 width: 922px; /*aqui definim la amplada de la pagina*/
 /*color: #231f20;
 font-size: 14px;
 text-decoration: none;*/
}
#header {
 color: #333;
 width: 922px;
 float: left;
 padding: 0px;
 border: 0px solid #6db33f;
 margin: 0px 0px 0px 0px;
 /*background: #E7DBD5;*/
}
#logo {
 float: left;
 margin: 5px 0px 5px 0px;
} 
#navigation {
 float: left;
 width: 922px;
 color: #231f20;
 padding: 0px;
 border: 1px solid #ccc;/*podem crear separacio o no de la capçalera i del contingut*/
 margin: 0px 0px 0px 0px;
 /*border-bottom: 1px solid #ccc;*/
 background: #F1F1F1;
}
#navigation ul {
 margin: 0px;
 padding: 0px;
}
#navigation li { /*definim com volem que sigui els items del menu*/
 list-style-type: none;
 display: inline;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #ccc;
 padding-right: 10px;
 padding-left: 10px;
 font-size: 14px;
}
#productes {
 float: left;
 width: 900px;
 color: #231f20;
 padding: 0px;
 /* border: 1px solid #ccc;/*podem crear separacio o no de la capçalera i del contingut*/
 margin: 0px 0px 0px 0px;
 /*border-bottom: 1px solid #ccc;*/
 /* background: #F1F1F1;*/
}
#productes ul {
 margin: 0px;
 padding-bottom: 20px;
}
#productes li { /*definim com volem que sigui els items del menu*/
 list-style-type: none;
 display: block;
 padding-right: 5px;
 padding-left: 5px;
 padding-bottom: 5px;
 font-size: 14px;
}
a:link {
 color: #231f20;
 text-decoration: none;
}
a:visited {
 color: #231f20;
 text-decoration: none; 
}
a:hover {
 color: #6db33f;
 text-decoration: none;
 }
a:active {
 color: #6db33f;
 text-decoration: none;
}
#rightcolumn { 
 color: #333;
 /*border: 1px solid #6db33f;*/
 /*background: #E7DBD5;*/
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
 /*height: 350px;*/
 width: 195px;
 float: right;
 text-align: center;
  /*border-left: 1px solid #ccc;*/
}
#rightcolumn_2 { 
 color: #333;
 /*border: 1px solid #6db33f;*/
 /*background: #E7DBD5;*/
 margin: 0px 0px 0px 0px;
 padding: 50px 0px 0px 0px;
 /*height  350px;*/
 width: 450px;
 float: right;
 text-align: center;
  /*border-left: 1px solid #ccc;*/
}
#rightcolumn_3 { 
 color: #333;
 /*border: 1px solid #6db33f;*/
 /*background: #E7DBD5;*/
 margin: 0px 0px 0px 0px;
 padding: 40px 0px 0px 0px;
 /*height  350px;*/
 width: 450px;
 float: right;
 /*border-left: 1px solid #ccc;*/
}
#rightcolumn p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 20px;
}
#rightcolumn ul {
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 40px;
 margin-left: 0px;
}
#rightcolumn li { /*definim com volem que sigui els items del menu*/
 list-style-type: none;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #FFFFFF;
 padding-bottom: 10px;
 padding-top: 10px;
}
#leftcolumn { 
 float: left;
 color: #333;
 /*border: 1px solid #6db33f;*/
 /*background: #F2F2E6;*/
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 20px 0px;
 min-height: 350px;
 width: 703px;
 display: inline;
 /*border-right: 1px solid #ccc;*/
}
#leftcolumn_2 { 
 float: left;
 color: #333;
 /*border: 1px solid #6db33f;*/
 /*background: #F2F2E6;*/
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 0px 0px;
 min-height: 350px;
 width: 450px;
 display: inline;
 /*border-right: 1px solid #ccc;*/
}
#leftcolumn h1 {/*els h1,h2,h3,h4,h5, i h6 els podem utilitzar com a titulars*/
 font-family: Arial, "Times New Roman", Times, serif;
 font-size: 12px;
 color: #231f20;
 padding: 0px;
}
h1 {
color: #231f20;
 font-size: 20px;
 font-weight: bold;
 }
h2 {
/*color: #6db33f;*/
color: #333;
}
#leftcolumn p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 20px;
}
#leftcolumn ul {
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 40px;
 margin-left: 0px;
}
#leftcolumn li { /*definim com volem que sigui els items del menu*/
 list-style-type: none;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #FFFFFF;
 padding-bottom: 10px;
 padding-top: 10px;
}
#centralcolumn { 
 float: left;
 color: #333;
 border: 0px solid #6db33f;
 /*background: #F2F2E6;*/
 margin: 0px 0px 40px 0px;
 padding: 10px;
 min-height: 350px;
 width: 898px;
 display: inline;
}
#centralcolumn_2 { 
 float: left;
 color: #333;
 border: 0px solid #6db33f;
 /*background: #F2F2E6;*/
 margin: 0px 0px 40px 0px;
 min-height: 350px;
 width: 922px;
 display: inline;
}
#imatgeoferta { 
 float: left;    
 width: 180px;
 padding: 0px 0px 10px 10px;
 color: #231f20;
 font-weight: bold;
}
#imatgeoferta_2 { 
 float: left;    
 width: 150px;
 padding: 0px 0px 10px 40px;
 color: #231f20;
 font-weight: bold;
}
#titoloferta { 
 float: left;    
 width: 700px;
 padding: 0px 0px 0px 0px;
 color: #231f20;
 font-size: 20px;
 font-weight: bold;
}
#ofertes_titoloferta { 
 float: left;    
 width: 730px;
 padding: 0px 0px 0px 0px;
 color: #231f20;
 font-size: 20px;
 font-weight: bold;
}
#subtitoloferta { 
 float: left;    
 width: 882px;
 padding: 0px 0px 0px 0px;
 color: #231f20;
 font-weight: bold;
}
#titolnovetat { 
 float: left;    
 width: 600px;
 padding: 20px 0px 0px 5px;
 color: #231f20;
 font-weight: bold;
}
#promocio { 
 float: left;    
 width: 600px;
 padding: 20px 0px 0px 5px;
 color: #231f20;
 font-weight: bold;
}
#cosoferta { 
 float: left;    
 width: 500px;   
 padding: 0px 0px 0px 0px;
 }
 #oferetes_cosoferta { 
 float: left;    
 width: 730px;   
 padding: 0px 0px 0px 0px;
 }
 #textoferta { 
 float: left;    
 width: 902px;   
 padding: 20px 0px 0px 0px;
 }
 #textoferta_petit { 
 float: left;    
 width: 902px;   
 padding: 20px 0px 0px 0px;
 }
 #textoferta_petit p { 
 font-size: 12px;
 }
 #subtextoferta { 
 float: left;    
 width: 882px;   
 padding: 20px 0px 0px 20px;
 }
 #subtextoferta p { 
 line-height: 25px;
 }
 #cosoferta_gran { 
 float: left;    
 width: 902px;   
 padding: 10px 0px 10px 51px;
 }
 #cos_detall_novetat { 
 float: left;    
 width: 703px;   
 padding: 10px 0px 10px 20px;
 }
 #cos_detall_novetat p {
 line-height: 30px;
 }   
 #oferta { 
 float: left;    
 width: 507px;   
 padding: 0px 0px 0px 0px;
 }
 #ofertes_oferta { 
 float: left;    
 width: 732px;   
 padding: 0px 0px 0px 0px;
 }
 #mes_ofertes { 
 float: left;    
 width: 703px;   
 padding: 5px 0px 0px 0px;
  }
  #mes { 
 float: right;    
 width: 70px;   
 padding: 0px 0px 0px 0px;
  }
  #mes_promocions { 
 float: left;    
 width: 703px;   
 padding: 5px 0px 0px 0px;
  }
  #mes_p { 
 float: right;    
 width: 120px;   
 padding: 0px 0px 0px 0px;
  }
  #mes_novetats { 
 float: left;    
 width: 195px;   
 padding: 10px 0px 0px 0px;
  }
  #mes_n { 
 float: right;    
 width: 110px;   
 padding: 0px 0px 0px 0px;
  }
 #pujar { 
 float: left;    
 width: 922px;   
 padding: 5px 0px 5px 0px;
  }
  #pujar_fletja { 
 float: right;    
 width: 20px;   
 padding: 0px 0px 0px 0px;
  } 
  
 #oferta_gran { 
 float: left;    
 width: 703px;   
 padding: 5px 0px 0px 0px;
 background: url(/img/marc_ofertes.jpg) repeat-x 0% 0%;
 /*background: url(c:/dades/web/test/img/marc_ofertes.jpg) repeat-x 0% 0%;*/
 }
 #ofertes_oferta_gran { 
 float: left;    
 width: 922px;   
 padding: 5px 0px 0px 0px;
 background: url(/img/ofertes_marc_ofertes.jpg) repeat-x 0% 0%;
 /*background: url(c:/dades/web/test/img/ofertes_marc_ofertes.jpg) repeat-x 0% 0%;*/
  }
   #oferta_marc { 
 float: left;    
 width: 703px;   
 padding: 10px 0px 0px 0px;
 }
 #ofertes_oferta_marc { 
 float: left;    
 width: 922px;   
 padding: 10px 0px 0px 0px;
 }
 
 #oferta_pral_left { 
 float: left;    
 width: 461px;   
 padding: 0px 0px 0px 0px;
 }
 #oferta_pral_right { 
 float: right;    
 width: 461px;   
 padding: 0px 0px 0px 0px;
 }
 #oferta_pral { 
 float: left;    
 width: 922px;   
 padding: 0px 0px 0px 0px;
 margin: 15px 0px 0px 0px;
 border-top: 1.5px solid #ccc;
 border-bottom: 1.5px solid #ccc;
 }
 #serveis_index { 
 float: left;    
 width: 922px;   
 padding: 0px 0px 5px 0px;
 margin: 10px 0px 0px 0px;
 /*border-top: 1.5px solid #ccc;*/
 }
 #serveis_index_petit { 
 float: left;    
 width: 461px;   
 padding: 15px 0px 0px 0px;
 }
 #serveis_index_text { 
 float: left;    
 width: 460px;
 padding: 10px 0px 0px 0px;
 color: #231f20;
 font-size: 18px;
 font-weight: bold;
}
 #videos { 
 float: left;    
 width: 703px;   
 margin: 15px 0px 0px 0px;
 border-top: 1.5px solid #ccc;
 }
 #titol_video { 
 float: left;    
 width: 351px;   
 padding: 10px 0px 0px 0px;
 font-weight: bold;
 }
 #titol_novetat { 
 float: left;    
 width: 195px;   
 padding: 0px 0px 20px 0px;
 }
 #video_left { 
 float: left;    
 width: 351px;   
 padding: 0px 0px 0px 0px;
 }
 #video_right { 
 float: right;    
 width: 351px;   
 padding: 0px 0px 0px 0px;
 }
 #pastilles_dalt { 
 float: right;    
 width: 586px;   
 padding: 10px 0px 0px 0px;
 }
 #pastilles_sota { 
 float: right;    
 width: 586px;   
 padding: 10px 0px 10px 0px;
 }
 #pastilles_costat { 
 float: left;    
 width: 450px;   
 padding: 0px 0px 0px 0px;
 }
 #serveis_01 { 
 float: left;    
 width: 252px;   
 }
 #serveis_02 { 
 float: left;    
 width: 334px;   
 }
 #tipa { 
 float: left;    
 width: 128px;   
 padding: 0px 33px 0px 33px;
 margin: 15px 0px 15px 0px;
 border-top: 1.5px solid #ccc;
 }
 #imatge_tipa { 
 float: left;    
 width: 128px;   
 padding: 10px 0px 0px 0px;
 }
 #titol_tipa { 
 float: left;    
 width: 128px;   
 padding: 0px 0px 0px 0px;
 font-weight: bold;
 }
 #titol_detall_tipa { 
 float: left;    
 width: 920px;   
 padding: 0px 0px 0px 0px;
 font-weight: bold;
 }
 #cos_detall_tipa { 
 float: left;    
 width: 910px;   
 padding: 10px 0px 10px 20px;
 line-height: 30px;
 }
#footer { 
 width: 922px;
 height: 67px;
 clear: both;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 5px 0px;
 border-bottom: 1px solid #ccc;
 background: #F1F1F1;
}
#peu {
 float: left;
 width: 917px;
 height: 67px;
 margin: 5px 5px 5px 5px;
 /*background: #000000;*/
 font-size: 14px;
 }
 #direccio_2 {
 float: left;
 width: 400px;
 font-size: 18px;
 }

#titolpaginaactual {
 float: left;
 width: 898px;
 padding: 10px 0px;
}
#titol_familia {
 float: left;
 width: 912px;
 padding: 10px 5px;
 border: 1.5px solid #ccc;
 color: #999;
}
#titol_familia_llista {
 float: left;
 width: 449px;
 padding: 10px 0px;
 }
p.bold {
 font-weight: bold;
}
span.color {
 color: #6db33f;
 font-weight: bold;
 text-decoration: none;
}
#codi { 
 float: left;    
 width: 732px;   
 padding: 5px 0px 5px 0px;
 font-size: 12px;
 }
 #menu_productes {
 float: left;
 width: 917px;
 padding: 0px 0px 0px 5px;
 margin: 10px 0px 30px 0px;
 border: 1.5px solid #ccc;
 
 }
 #menu_productes_esquerra {
 float: left;
 width: 449px;
 padding: 0px 0px;
 }
 #menu_productes_dreta {
 float: right;
 width: 449px;
 padding: 0px 0px;
 }
 #producte_detall { 
 float: left;    
 width: 922px;   
 padding: 10px 0px 0px 0px;
  }
 #banner_epson {
 float: left;    
 width: 703px;   
 height: 90px;
 padding: 10px 0px 10px 0px;
 border-bottom: 1.5px solid #ccc;
 }
 span.color_3 {
 font-weight: bold;
 text-decoration: none;
}
span.color_4 {
 font-weight: bold;
 text-decoration: none;
 color: #f73433;
}
span.color_5 {
 font-weight: bold;
 text-decoration: none;
 color: #0c12f3;
}
span.color_6 {
 font-weight: bold;
 text-decoration: none;
 color: #ccc;
}
#filet_01 {
 float: left;    
 width: 902px;   
 height: 5px;
 padding: 5px 0px 5px 0px;
 border-bottom: 1.5px solid #ccc;
}
#oferta_pral_4450 { 
 float: left;    
 width: 762px;   
 padding: 0px 0px 0px 159px;
 margin: 0px 0px 0px 0px;
 background-color: #0c12f3;
  }