body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.9em;
	color: #000000;
	margin: 0px;
	background-color:#FFDE31;
	background-image: url(galeria/fons_body_corda.gif); background-position: top center;  background-repeat: no-repeat;
	}
A {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
	}
A:Hover {
	color: #404040;
	}
a:focus {
	outline:none;
	} 

form { 
	margin: 0px; 
	}
form .camp { 
	width: 150px; 
	float: left; 
	}
form .obligatori { }

:focus { outline: 0; }

h1 {
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #CC0000;
	}
h2 {
	font-size: 130%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	color: #99CC00; /*************** verd insertnet */
	}
h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 10px;
	color: #FFDE316; /* ********** groc */
	}
h4 {
	background-color: none;
	font-size: 110%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	color: #FFCC33; /* ************* taronja claret */
	}
h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	color: #FFCCCC; /* *********** rosa pàlid */
	}
h6 {
	font-size: 90%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	color: #990066; /* ************** morat */
	}
h7 {
	padding: 5px 15px 10px 45px;
	font-size:90%;
	color: #9999FF; /* ******************* lila */
	}
img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
img.dta {
	float: right;
	padding: 5px;
	margin: 5px 0px 5px 5px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	}
img.esq {
	float: left;
	padding: 5px;
	margin: 5px 5px 5px 0px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	}
img.mig {
	text-align: center;
	display: block;
	margin: 5px 5px 5px 5px;
	padding: 5px;
	border: 1px solid #cccccc;
	background-color: #ffffff; 
	}

.situacio {
	width: 100%; 
	height: 25px; 
	line-height: 25px; 
	vertical-align: middle;
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	background-image: url(galeria/separador01.gif);
	background-repeat: no-repeat;
	background-position: bottom left;	
	}
.situacio ul {
	width: 100%; 
	height: 25px; 
	padding: 0px;
	margin: 0px; 
	list-style-type:none;
	float: left;
	font-size: 90%; color: #cccccc;
	border-bottom: 1px dashed color #cccccc;
	}
.situacio ul li {
	height: 25px; 
	line-height: 25px; 
	vertical-align: middle;
	margin: 0px;
	padding: 0px; 
	display: inline;
	}
.situacio ul li a {
	display: inline;
	height: 25px; 
	line-height: 25px; 
	vertical-align: middle;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	float: left;
	text-decoration: none;
	font-weight: normal;
	font-size: 90%;
	color: #CC0000;
	}
.situacio ul li a:hover {
	text-decoration: none; color:#404040; font-size: 90%;
	}
.situacio ul li p {
	height: 25px; 
	line-height: 25px; 
	vertical-align: middle;
	margin: 0px;
	padding: 0px 15px 0px 25px;
	float: left;
	text-decoration: none;
	color:#404040; 
	font-size: 90%;
	}


table {
	text-align: left;
	}
.obligatori { 
	background-color: #CCCCCC; 
	}

  #cap {
    width: 780px;
	margin: 0px auto 0px auto;
	background-image: url(galeria/bou_dalt.gif); background-repeat: no-repeat;   
	position: relative;
	/* original: position: static; */
	padding: 0px;
	/* background-color: #ffffff;   */
	height: 136px;
	overflow: hidden;
	_display: inline-block; /*només per IE6*/
    }
 .logo { 
  width: 160px; height: 130px;
  float: right;  margin: 4px 10px 0px 0px; 
   }
 #pagina {
   margin: 0px auto 0px auto; 
   width: 780px;
   position: relative;
   /* original: position: static; */
   top: 0px;
   padding: 0px;
   min-height: 100%;
   height: 100%; 
   overflow: hidden;
  _display: inline-block; /*només per IE6*/
   background-image: url(galeria/bou_baix.gif); background-repeat: no-repeat; 
   background-color: #ffffff;
	}
 #pagina1 {
   margin: 0px auto 0px auto; 
   width: 780px;
   position: relative;
   /* original: position: static; */
   top: 20px;
   padding: 0px;
   min-height: 100%;
   height: 100%; 
   overflow: hidden;
  _display: inline-block; /*només per IE6*/
   background-image: url(galeria/bou_dalt1.gif); background-repeat: no-repeat; 
   background-color: #ffffff;
	}
.benvinguts {
   width: 100%;
   height: 37px;
   margin: 0px 0px 0px 0px;
   padding: 5px 0px 0px 0px;
   float: left; 
   border-bottom: 2px solid #FFDE31;
   }
  .cos {
   width: 780px;
   min-height: 600px; height: auto !important; height: 600px;
   padding: 0px;
   margin: 185px 0px 0px 0px;
   }
  .esquerra { 
   width: 170px;
   min-height: 600px; height: auto !important; height: 600px;
   margin: 10px 0px 0px 0px;
   padding: 0px; 
   float: left;  
   }
  .categories { 
   width:160px; 
   min-height: 400px; height: auto !important; height: 400px;
   margin: 5px 0px 0px 0px; 
   padding: 0px 0px 0px 0px; 
   overflow: visible;
  _display: inline-block; /*només per IE6*/
   }
 .categories ul { 
   padding: 0px 0px 0px 0px; 
   margin: 5px 0px 10px 5px;
   font-size: 10px; clear: both;
   }
 .categories ul li { 
   width: 150px; height: 20px; 
   margin: 0px; padding: 0px; 
   display: inline; 
  }
 .categories ul li a {
   display: inline; 
   width: 150px; height: 20px;
   font-size: 100%; 
   margin: 0px 0px 0px 0px; padding: 5px 5px 5px 0px; 
   float: left; 
   color: #404040; 
   text-decoration: none; 
   background-image: url(galeria/fons_corda_cat01.gif); 
   background-repeat: no-repeat;
   background-position: bottom; 
   /*border-bottom: 1px dashed #C00000;*/
  }
 .categories ul li a:hover {
   display: inline; 
   width: 150px; height: 20px;  
   font-size: 100%;  
   margin: 0px 0px 0px 0px; 
   padding: 5px 5px 5px 0px; 
   float: left;
   color: #C00000; 
   text-decoration: none; 
   background-image: url(galeria/fons_corda_cat02.gif); 
   background-repeat: no-repeat;
   background-position: bottom; 
   /*border-bottom: 1px dashed #cccccc;*/
  }
  .subcat {
  position: absolute; left: 170px; background-color: #FFDE31; 
  border: 2px solid #FFDE31; height: auto; 
  z-index:1; visibility: hidden; font-size: 80%; 
  }
  .subcat ul { 
  padding: 2px 3px 3px 3px; 
  margin: 0px 0px 0px 0px; 
  list-style-type:none; 
  background-color: #ffffff; 
  }
 .subcat ul li { 
  margin: 0px 0px 0px 0px; 
  min-height: 23px; height: auto !important; 
  height: 23px; 
  line-height: 28px; vertical-align: middle;
  }
 .subcat ul li a {
  height: 23px; display: block; margin: 0px 0px 0px 0px; padding: 0px 5px 2px 6px;
  font-size: 90%;
  color: #404040; text-decoration: none;
  background-image: url(galeria/fons_corda_cat01.gif); 
  background-repeat: no-repeat;
  background-position: bottom; 
  }
 .subcat ul li a:hover {
  height: 23px; display: block; margin: 0px 0px 0px 0px; padding: 0px 5px 2px 6px;
  font-size: 90%;
  color: #C00000;
  background-image: url(galeria/fons_corda_cat02.gif); 
  background-repeat: no-repeat;
  background-position: bottom; 
  }

 .destacats {
  width: 180px;
  min-height: 130px;
  margin: 7px 0px 0px 0px;
  float: right; 
  }
 .destacats img { }
 .destacats .destacat {
   width: 180px;
   min-height: 130px;;
   max-height: 150px;	
   margin: 0px 0px 0px 0px;
   padding: 0px;
   float: left;
   top: 0px; 
   }
.destacats .destacat img {
   margin: 0px;
   padding: 0px;
   }
.peu {
	width: 780px;
	height: 50px; 
	margin: 0px auto 0px auto;
	text-align: center; 
	padding: 0px;
	font-size: 80%;
	color: #333333;
	background-image: url(galeria/fons_peu.gif);
	background-repeat: no-repeat;
	clear: both; 
	}
.peu p {
	padding: 0px 10px 0px 10px;
	margin: 0px; font-size: 80%;
	}
.peu a {
	color: #5F5A66;
	font-weight: normal;
	}
.peu a:hover {
	text-decoration: underline;
	}

.opciollista {
	width: 98%; 
	min-height: 75px; 
	height: auto !important; 
	height: 75px; 
	margin: 0px auto 10px auto;
	border: 1px solid #cccccc;
	}
html>body .opciollista { 
	overflow: auto; 
	}
.opciollista .titol {
	color: #cc0000; 
	font-size: 90%;
	height: 50px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif; 
	}
.opciollista .titol a {
	text-decoration: none;
	height: 70px;
	line-height: 70px;
	vertical-align: middle;
	padding: 5px 0px 8px 45px;
	background-image: url(galeria/punt_llista01.png);
	background-repeat: no-repeat;
	color: #3F4446;
	}
.opciollista .titol a:hover {
	text-decoration: none;
	line-height: 70px;
	vertical-align: middle;
	padding: 5px 0px 8px 45px;
	background-image: url(galeria/punt_llista01.png);
	background-repeat: no-repeat;
	color: #cc0000;
	text-decoration: underline;
	}
.opciollista .resum { 
	padding: 0px; 
	margin: 0px 0px 10px 10px;
	}
.opciollista img { 
	float: right; 
	margin: 2px; 
	padding: 0px;
	}


<!------------------------------------------------------------------------------------ >  
.blocdalt { 
	float: right;
	width: 175px;
	min-height: 15px;
	height: 15px; 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image:url(galeria/bloc_dalt.gif);
	background-repeat:no-repeat;
	}
.blocbaix { 
	float: right;
	width: 175px;
	min-height: 15px;
	height: 15px;   
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image:url(galeria/bloc_baix.gif);
	background-repeat:no-repeat;
	}
.blocdaltcat { 
	float: left;
	width: 175px;
	min-height: 15px;
	height: 15px; 
	margin: 0px;
	padding: 0px;
	background-image:url(galeria/bloc_dalt.gif);
	background-repeat: no-repeat;
	} 
.blocbaixcat { 
	float: left;
	width: 175px;
	min-height: 15px;
	height: 15px; 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image:url(galeria/bloc_baix.gif);
	background-repeat:no-repeat;
	}
 

  
	

.cap .blocs {
	float: right;
	height: 105px; 
	color: #ffffff;
	}
.cap .blocs form {
	margin: 0px; 
	padding: 0px;
	}
.cap .blocs a {
	color: #ffffff;
	}
.cap .blocs input {
	margin: 5px; 
	padding: 0px;
	}
.cap .blocs .titol1 {
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}
.cap .blocs p {
	margin: 3px 0px;
	padding: 0px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	}
.cap .blocs .bloc_usuari {
	width: 200px;
	height: 95px;
	margin: 5px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	float: left;
	font-size: 90%;
	background-image: url(galeria/quadre-bloc-200px.png);
	background-repeat: no-repeat;
	}
.cap .blocs .bloc_usuari .text {
	font-size: 75%;
	}
.cap .blocs .bloc_buscador {
	width: 150px;
	height: 95px;
	margin: 5px;
	padding: 0px;
	text-align: center;
	float: left;
	font-size: 90%;
	background-image: url(galeria/quadre-bloc-150px.png);
	background-repeat: no-repeat;
	}
.cap .blocs .bloc_carret {
	width: 150px;
	height: 95px;
	margin: 5px;
	padding: 0px;
	text-align: center;
	float: left;
	font-size: 90%;
	background-image: url(galeria/quadre-bloc-150px.png);
	background-repeat: no-repeat;
	}

	
.cap1 { width: 580px; height: 130px; margin: 0px; padding: 0px; float: left; }
.cap2 {
  text-transform:uppercase; 
  width: 745px; height: 15px; background-color:#008FE0; vertical-align: top; color: #E4E0E0;
  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 3px; display: block; 
}

.continguts {
	width: 100%; 
	min-height: 370px; 
	height: auto !important; 
	height: 370px; 
	margin: 0px 0px 0px 0px;
	background-position: 0px 120px;
	}
html>body .continguts { overflow: auto; }
.principal {
	width: 410px;
	margin: 27px 0px 0px 0px;
	padding: 0px;
	font-size: 90%;
	vertical-align: top;
	list-style-type: disc; 
	min-height: 350px;
	height: auto !important;
	height: 500px; float: left;
	background-color: #ffffff;
	}
.principal ul { }
.principal ul li {  }
.principal ul li a { padding-left: 10px; font-size: 90%; }
.principal ul li a:hover { color: #404040; font-size: 90%; }
.principal p { color:#000000; }
.registre {
	width: 99%; 
	min-height: 100px; 
	height: auto !important;
	height: 100px; 
	margin: 0px 0px 10px 0px;
	background-image: url(galeria/separador01.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	font-size: 82%;
	color: #000000;
	}
.registre a { 
    color: #404040;
	text-transform: uppercase;
	}
.registre a:hover {
    color: #C00000;
	}
	
html>body .registre { overflow: auto; }
.registre "32"></a></div> {
	color: #004187;
	padding: 5px 0px;
	}
.registre "32"></a></div> a {
	color: #004187;
	}
.registre "32"></a></div> a:hover {
	color: #016FC7;
	}
.registre p {
	margin: 5px 0px;
	}
.registre .resum {
	margin: 5px 0px 10px 5px;
	padding:0px; 
	font-size:90%;
	}
.registre .resum p { font-size: 80%; }
.registre .imatge {
	float: right;
	margin: 5px 0px 5px 5px;
	padding: 0px;
	border: 0px;
	}

.registre1 {
	width: 98%;
	min-height: 200px; 
	height: auto !important;
	height: 400px; 
	padding: 0px;
	margin: 0px 0px 10px 5px;
	border-top: 1px solid #ccccccc;
	}
html>body .registre1 { overflow: auto; }
.registre1 "32"></a></div> {
	color: #004187;
	padding: 5px 0px;
	}
.registre1 "32"></a></div> a {
	color: #004187;
	}
.registre1 "32"></a></div> a:hover {
	color: #016FC7;
	}
.registre1 p {
	margin: 5px 0px; font-size: 90%;
	}
.registre1 .resum {
	margin-bottom: 10px; 
	padding: 0px 0px 10px 0px; 
	font-size: 95%;
	}
.registre1 .publicacio {
	}
.registre1 img.dta {
	float: right;
	padding: 5px;
	margin: 2px 0px 5px 5px;
	}
.registre1 img.esq {
	float: left;
	padding: 5px;
	margin: 2px 5px 5px 0px;
	background-color: #ffffff;
	}
.registre1 .img_esq_text {
	float: left;
	margin: 5px 5px 5px 0px;
	padding: 5px;
	}
.registre1 .img_dta_text {
	float: right;
	margin: 5px 0px 5px 5px;
	padding: 5px;
	}
.registre1 .img_esq {
	text-align: left;
	display: block;
	margin: 5px 5px 5px 0px;
	padding: 5px;
	clear: both;
	}
.registre1 .img_dta {
	text-align: right;
	display: block;
	margin: 5px 0px 5px 5px;
	padding: 5px;
	clear: both;
	}
.registre1 .img_mig {
	display: block;
	margin: 5px auto 5px auto;
	padding: 5px;
	clear: both;
	}

.opcions {
	width: 90%; 
	min-height: 40px; 
	height: auto !important; 
	height: 40px; 
	margin: 10px 0px 20px 0px;
	background-color: #ffffff;
	}



.daltregistre {
	background-image:url(galeria/daltregistre.gif);
	background-repeat:no-repeat;
	background-color: #FF99CC; /* ********************************** rosa *********************** */
	}
.baixregistre {
	background-image:url(galeria/baixregistre.gif);
	background-repeat:no-repeat;
	background-color: #33FF00; /* ********************** verd *********************** */
	}

.daltprincipalreg {
	background-image:url(galeria/daltregistre.gif);
	background-repeat:no-repeat;
	background-color: #000000; /* ********************** negre ************************** */
	}
.baixprincipalreg {
	background-image:url(galeria/baixregistre.gif);
	background-repeat:no-repeat;
	}
html>body .principalreg .miniaturesh { overflow: auto; }


.boto01 ul {
	margin: 5px;
	}
.boto01 p {
	padding: 0px 5px;
	margin: 5px 0px;
	list-style: none;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	}
.boto01 p a {
	/*background-image: url(galeria/boto01_esq.png);
	background-repeat: no-repeat;
	background-position: left top;*/
	height: 30px;
	display: block;
	float: left;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
	color: #ffffff;
	}
.boto01 p a:hover {
	/*background-image: url(galeria/boto01_esq_a.png);
	background-repeat: no-repeat;
	background-position: left top;*/
	height: 30px;
	display: block;
	float: left;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
	color: #ffffff;
	}
.boto01 p a span {
	/*background-image: url(galeria/boto01_mig-dta.png);
	background-repeat: no-repeat;
	background-position: right top;*/
	display: block;
	padding: 0px 20px 0px 0px;
	height:30px;
	}
.boto01 p a:hover span {
	/*background-image: url(galeria/boto01_mig-dta_a.png);
	background-repeat: no-repeat;
	background-position: right top;*/
	display: block;
	padding: 0px 20px 0px 0px;
	height:30px;
	}

.boto02 {
	width: 50px;
	height: 15px;
	padding: 1px 10px;
	margin: 5px;
	background-color: #000000; 
	}
.boto02 a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	}
.boto02 a:hover {
	color: #ff0000;
	text-decoration: none;
	}


.contenidor1 {
	display: block;
	background-color: #ffffff;
	}



	
.insertnet { width: 100%; height: 30px; margin: 0px 0px 0px 0px; text-align: right; 
  padding: 0px; font-size: 85%; color: #ffffff; line-height: 30px; vertical-align: middle; background-color:none;
  }
.insertnet a { color: #ffffff; }
.insertnet a:hover { color: #ffffff; }

.acceskey { text-decoration: underline; }
.buscador { display: none; visibility: hidden; }
.separador { clear: both; }

.classificacio { 
	width: 100%; 
	margin: 30px 0px 0px 0px;
	text-align: center;
	}
.classificacio table { 
	width: 95%;
    margin: 0px auto;
	font-size: 90%;
	}
.classificacio table .td1 {
	border: 1px solid #666666;
	font-weight: bold;
	}
.classificacio table .td2b {
	border: 1px solid #666666;
	background-color: #ffffff;
	}
.classificacio table .td2g {
	border: 1px solid #666666;
	background-color: #dedede;
	}
.classificacio table .td2res {
	border: 1px solid #CCCCCC;
	}
.tirafotos { 
 width: 325px; 
 min-height: 140px;  height: auto !important; height: 140px;
 margin: 0px;
 padding: 0px;
 margin: 10px 0px 0px 0px;
 padding: 0px;
  }
.tirafotos img  { border: 1px solid #E3E1E1; }
.tirafotos ul { list-style-type: none; width: 100%; margin: 5px;    }
.tirafotos li { 
 width: 150px;  
 margin: 0px 7px 0px 0px; 
 display: inline; float: left;
 }

/* estils propis del comerç electronic ****************************** */
.pdestacats  {
	width: 100%;
	min-height: 10px;
	height: auto !important;
	height: 10px; clear: both;
	}
.pdestacats p {
	padding: 5px;
	margin: 0px;
	}
html>body .pdestacats {
	overflow: auto;
	}
.articles { 
	width: 98%;
	min-height: 55px;
	height: auto !important;
	height: 55px;
	overflow: visible;
	padding: 5px;
	margin: 0px 0px;
	_display: inline-block;  /*només per IE6*/
	}
.articles p {
	padding: 0px;
	margin: 0px;
	}
.articles .ariadna {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 100%;
	font-size: 110%;
	font-weight: bold;
	height: 30px;
	line-height: 25px;
	vertical-align: middle;
	background-image: url(galeria/fons_peu01.gif);
	background-repeat: repeat-x;
	}
.articles .ariadna a {
	font-weight: bold;
	margin: 2px 10px;
	}
.articles .ariadna a:hover {
	font-weight: bold;
	}
html>body .articles {
	overflow: auto;
	}
.articles .producte {
	background: none;
	}
.producte {
	width: 150px;	
	min-height: 225px;	
	height: auto !important;	
	height: 200px;	
	padding: 0px;	
	margin: 5px;
	font-size: 90%;
	border: 1px solid #0575CC;
	float: left;
	text-align: center;
	}
.productenormal {
	background: none;	
	background-color: #ff0000;
	}
.producte #detall {
	padding: 0px 0px 0px 0px;
	}
.producte #detall img {
	margin: 0px 5px 5px 0px;
	}
.producte #detallimg {
	padding: 5px;
	margin-right: 5px;
	width: 80px;
	height: 80px;
	}
.producte #detall p.dadesproductes {
	margin-top: 5px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	clear: both;
	background-color: #66CC00; /* ******** verd */
	}
.producte #detall p.nom {
	font-size: 120%;
	margin: 0px;
	font-weight: bold;
	}
.producte #detall p.nom a {
	font-weight: bold;
	margin: 0px;
	font-weight: bold;
	color: #000000;
	}
.producte #detall p.preu {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	}
.producte #detall p.proveidor {
	font-size: 90%;
	margin: 0px;
	padding: 0px;
	clear: both;
	}
.producte #detall p.reclam {
	margin: 0px;
	padding: 0px;
	background-image: url(galeria/fons01.gif);
	background-repeat:repeat-x;
	background-color: #0273CA;
	}
.producte #detall p.reclam img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
.producte #detall p.boto {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
.producte #detall p.boto img {
	border: 0px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}
.producte form {
	width: 90px;
	height: 40px;
	margin: 0px;
	float: left;
	}
.producte form img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	}
.producte form input {
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	height: 25px;
	}

html>body .producte {
	overflow: auto;
	}

.producte1 { width: 100%;
	min-height: 105px;
	height: auto !important;
	height: 105px;
	padding: 0px;
	font-size: 90%;
	float: left;
	margin: 0px;
	}
.producte1 #detall {
	padding: 0px 0px 0px 0px;
	}
.producte1 #detall img {
	padding: 5px;
	}
.producte1 #detallimg {
	padding: 0px;
	background-color: #FFFFFF;
	margin: 0px auto;
	}
.producte1 h1 {
	margin: 0px;
	font-weight: bold;
	}
.producte1 h1 a {
	margin: 0px;
	font-weight: bold;
	}
.producte1 h2 {
	font-size: 110%;
	 margin: 0px;
	font-weight: bold;
	}
.producte1 h3 {
	font-size: 110%;
	 margin: 0px;
	font-weight: normal;
	}
.producte1 h4 {
	font-size: 100%;
	margin: 0px;
	font-weight: normal;
	}
.producte1 form {
	min-height: 20px;	
	height: auto !important;	
	height: 20px;	
	margin: 10px 0px;
	clear: both;
	}
.producte1 p.dadesproductes {
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	clear: both;
	background-color: #66CC00; /* ******** verd */
	}
.producte1 p.dadesproductes img {
	margin: 0px;
	padding: 0px;
	}
.producte1 .descripcio {
	margin-top: 20px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	clear: both;
	}
.producte1 form img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float:left;
	}
.producte1 form span {
	float: left;
	height: 25px;
	line-height: 25px;
	margin-right: 5px;
	}
.producte1 form input {
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	width: 35px;
	height: 35px;
	}
.producte1 form span {
	height: 35px;
	line-height: 35px;
	vertical-align: bottom;
	}
.producte1 #reclam {
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px;
	background-image: url(galeria/fons01.gif);
	background-repeat:repeat-x;
	background-color: #0273CA;
	}
.producte1 #reclam img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
.producte1 #detall .preu {
	font-size: 120%;
	margin: 5px 0px;
	padding: 0px;
	}
.producte1 #textgris {
	color: #666666;
	font-size: 110%;
	margin: 5px 0px;
	padding: 0px;
	}
html>body .producte1 {
	overflow: auto;
	}
  
.producte1 .extres {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	clear: both;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	background-color: #ffff00;
	}
html>body .extres { overflow: auto;
	}

.articles .subfamilies {
	min-height: 140px;
	height: auto !important;
	height: 140px;
	padding: 0px;
	margin: 5px 0px;
	font-size: 90%;
	float: left;
	
}
.articles .subfamilies .producte {
	width: 100px;
	text-align: center;
	border: 0px;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	}
.articles .subfamilies .producte #detall {
	padding: 0px 0px 0px 0px;
	}
.articles .subfamilies .producte #detall img {
	border: 1px solid #0575CC;
	margin: 0px;
	}
.articles .subfamilies .producte #detallimg {
	padding: 5px;
	width: 80px;
	height: 80px;
	}
.articles .subfamilies .producte #detall p.nom {
	font-size: 120%;
	margin: 0px;
	font-weight: bold;
	}
.articles .subfamilies .producte #detall p.nom a {
	margin: 0px;
	font-weight: bold;
	color: #000000;
	}
html>body .articles .subfamilies {
	overflow: auto;
	}
  
.proveidor {
	width: 170px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	padding: 5px;
	font-size: 90%;
	float: left;
	text-align: center;
	}
html>body .proveidor {
	overflow: auto;
	}

.pseparador {
	margin: 10px 0px 10px 0px;
	border-bottom: 0px dashed #ffffff;
	clear: both;
	}
	
.cataleg { 
	float: left;
	width: 190px;
	min-height: auto;
	font-size: 90%;
	margin: 50px 0px 0px 10px;
	padding: 0px;
	text-align: left;
	background-color: #E7ECF0;
	background-image: url(galeria/cataleg_fons.png);
	background-repeat: repeat-y;
	background-position: right;
	}
.catalegdalt {
	float: left;
	width: 100%;
	min-height: 15px;
	height: 15px; 
	margin: 0px 0px 0px 0px; 
	background-image:url(galeria/cataleg_rododalt.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
.catalegbaix {
	float: left; 
	width: 100%; 
	min-height: 15px; 
	height: 15px; 
	margin: 0px 0px 0px 0px; 
	background-image:url(galeria/cataleg_rodobaix.png); 
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.cataleg p {
	margin: 5px 10px;
	}
.cataleg .titol1 {
	font-size: 110%;
	font-weight: bold;
	}
.cataleg ul {
	clear: both;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 100%;
	}
.cataleg ul li {
	width: 170px;
	height: 15px;
	height: auto;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #666666;
	list-style-type: none;
	}
.cataleg ul li a {
	width: 140px;
	height: 15px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px;
	font-size: 90%;
	color: #000000;
	text-decoration: none;
	background-image: url(galeria/llista_cataleg_cat01.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	}
.cataleg ul li a:hover {
	width: 140px;
	height: 15px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px;
	color: #000000;
	font-size: 90%;
	font-weight: bold;
	background-image: url(galeria/llista_cataleg_cat02.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	}
.cataleg ul li .actual {
	width: 140px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 5px 15px;
	color: #000000;
	font-size: 90%;
	font-weight: bold;
	background-image: url(galeria/llista_cataleg_cat03.gif);
	background-repeat: no-repeat;
	background-position: 2px 8px;
	background-color: #cccccc;
	}
.cataleg ul ul {
	clear: both;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #cccccc;
	}
.cataleg ul ul li {
	width: 150px;
	min-height: 20px;
	height: auto !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background-color: #cccccc;
	}
.cataleg ul ul li a {
	width: 150px;
	display: block;
	color: #000000;
	margin: 5px 0px;
	padding: 0px 0px 0px 15px;
	background-image: url(galeria/llista_cataleg_cat04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
.cataleg ul ul li a:hover {
	width: 150px;
	display: block;
	color: #000000;
	margin: 5px 0px;
	padding: 0px 0px 0px 15px;
	font-weight: bold;
	background-image: url(galeria/llista_cataleg_cat05.gif);
	background-repeat: no-repeat;
	background-position: 2px 0px;
	}

.carret {
	width: 100%;
	height: 50px;
	margin: 0px;
	background-repeat: no-repeat;
	}
.carret form {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
.carret p {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	text-align: center;
	}
.carret img {
	margin-left: 10px;
	}
.carret .titol1 {
	font-weight: bold;
	font-size: 100%;
	color: #ffffff;
	padding: 0px 0px 0px 2px;
	}
/* */
.carret1 {
	margin: 20px 0px 0px 10px;
	}
.carret1 table {
	width: 95%;
	}
.carret1 .td1 {
	border: 1px solid #666666;
	background-color: #CCCCCC;
	height: 27px;
	vertical-align: top;
	}
.carret1 .td2 {
	text-align: center;
	}
.carret1 td {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	height: 27px;
	text-align: left;
	vertical-align: top;
	}
.carret1 .camp1 {
	height: 19px;
	border: 0px;
	}
.carret1 .camp2 {
	height: 19px;
	border: 0px;
	border-bottom: 1px solid #878787;
	}
.carret1 .formulari textarea:focus,input:focus {
	background-color: #f1f1f1;
	/* border: 1px solid #0274CC; */
	}
.carret1 .formulari p {
	width: 98%;
	margin: 0px;
	padding: 2px;
	}
.carret1 .formulari .camp1 {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	width: 130px;
	margin-right: 5px;
	float: left;
	}
.carret1 .formulari .campobligatori {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	width: 130px;
	margin-right: 5px;
	float: left;
	background-color: #cccccc;
	}
.carret1 .formulari .camp3 {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	width: 270px;
	border: 0px;
	}
.carret1 .valor {
	text-align: right;
	height: 19px;
	border: 0px;
	border-bottom: 1px solid #878787;
	}
.carret1 img {
	border: 0px;
	}
.carret1 .accessoricarret {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-size: 80%;
	color: #333333;
	}
.carret1 .accessoricarret1 {
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #333333;
	}
.carret1 .accessoricarret1 input {
	width: 25px;
	}
.carret1 ul {
	margin: 5px 0px 0px 0px;
	font-size: 80%;
	}
.carret1 ul li {
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	}

/* estils propis del comerç electronic ^^^^^^^ ******************* */