@charset "UTF-8";
/* CSS Document */
/*CSS GENERALS..............................................................*/
.limpiar{
	clear:both
	}
a:link {
 color:#ffffff;
 text-decoration:none}
a:hover{
	color:#993300;
	text-decoration:none}
a:visited {
	color:#ffffff;
	text-decoration:none}
	
h1{
	font-size:1.4em}
	


/*FI CSS GENERALS........................................................*/



body {
	background:url(../img/fons.gif) top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#5f5858;
	margin-top:0;
	padding-top:0;
		}
		
.wrap {
	position: absolute;
	left: 50%;
	top:2%;
	width: 770px;
	margin-left: -380px;
	overflow: none;
	border:1px solid #ffb100;
	background-color:#FFFFFF;
	margin-bottom:4em;
	height:auto;
       }

/*---------------------------------------------------------CAPÇALERA  HEADER i MENU -----------------------------------------------*/

#hd{
	padding:1em;
	margin-bottom:0;
	padding-bottom:0
	
	}
	
*html ul#menu{
	margin-left:0}
	   
ul#menu{
	list-style:none;
	position:relative;
	padding-left:0.1em;
	margin-top:0.7em;
	display:block
	
	}


ul#menu li { /* Convertimos la lista en horizontal */
	margin-right:0.4em;
      display: inline-block;
	  width:8.37em;
	  float:left;
	  color:#993300;
	  font-family:Geneva, Arial, Helvetica, sans-serif;
	  background-image:url(../img/FondoBoto.gif);
	  background-repeat:repeat-x;
	  background-position:bottom;
	  padding-right:0;
    }
ul#menu li a:link {
	color:#333333;
	display:block;
	width:7.5em;
	margin-right:0.5em;
	padding: 0;
	padding-left:0.9em;
	padding-top:0.7em;
	padding-bottom:0.5em;
    margin: 0;
    display: inline-block;
	
	
	
    }
	
ul#menu li a:hover {
	display:block;
	cursor:pointer;
	color:#993300 !important;
	background-image:url(../img/FondoBoto03.gif);
	background-repeat:repeat-x;
	background-position:bottom
	
	
    }
	
ul#menu li a:visited {
	color:#333333;
	text-decoration:none;
	display:block;
	width:7.5em;
	margin-right:0.5em;
	padding: 0;
	padding-left:0.9em;
	padding-top:0.7em;
	padding-bottom:0.5em;
    margin: 0;
	
    }

	
/*-----------------------------------------------------FI CAPÇALERA  HEADER i MENU -----------------------------------------------*/



/*-----------------------------------------------------INICI CENTRE PAGINA -----------------------------------------------*/

.histcolum{
	width:24em; 
	float:left
	}
.procolum{
	width:23.5em; 
	float:left
	}


h1{
	padding:0;
	margin:0}

.TitolApartat{
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	padding:0;
	margin:1em 0 1em 0.8em;
	
	}
.TitolApartat a{
	color:#333333;
	text-decoration:underline
	
	}
.TitolApartat a:hover{
	color:#000000;
	text-decoration:underline
	
	}
.TitolApartat a:visited{
	color:#333333;
	text-decoration:underline
	
	}
.empresa{
	width:20em; 
	background-color:#d19100; 
	color:#FFFFFF; 
	padding:1em; 
	line-height:2.4em; 
	background-image:url(img/obrer.gif); 
	background-repeat: no-repeat; 
	background-position:bottom;
	margin-left:1em
	}


.flashcolum{
	width:20.2em; 
	float:left; 
	margin-top:4em
	}
.productecolum{
	width:18em; 
	float:left; 
	margin-top:3em;
	padding:1.2em; 
	background-color:#D1A032;
	color:#FFFFFF
	
	}
	
.dretacolum{
	float:left; 
	margin-top:1.8em; 
	margin-left:1em;
	margin-bottom:2em}

.PastillaMarques{
	background-color:#EBA301; 
	width:16.4em; 
 	color:#FFFFFF;
	padding:0.8em 
	
	}
.PastillaMarques img{
	border:1px solid #999999;
	margin-top:0.3em
	}
.txtmarques{
	font-size:1.5em; 
	font-weight:bold}	
	
.txt2marques{
	font-size:1.4em; 
	font-weight:600}
	
.txt3marques{
	font-size:1.1em; 
	font-weight:bold}
	
.PastillaLocal{
	background-color:#efb738; 
	padding:0.8em ;
	width:16.4em; 
	color:#FFFFFF;
	margin-top:1em;
	}
	
.PastillaLocal img{
	border:1px solid #999999;
	
	}
	
	
	
	
.ItemProducte {
	width:17.5em;
	margin-left:1em;
	margin-right:0;
	color:#FFFFFF;
	padding:1em;
	margin-bottom:1em;
	font-size:1.1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:600;
	}
	
	
.ItemProducte a {
	color:#FFFFFF;
	text-decoration:none
	}

.ItemProducte a:hover {
	color:#990000;
	}
	
#color1{
	background-color:#d19100}

#color2{
	background-color:#d19714}
	
#color3{
	background-color:#d1a032}

#color4{
	background-color:#d1aa50}

#color5{
	background-color:#d1b474}	




div#links ul {
	list-style:none;
	margin:0;
	padding:0}	
	
div#links {
	margin:1em;
	  
	left: 1em;
	z-index: 100;}
	
div#links a {
	display: block; 
   	padding: 0.2em 0.8em;
    margin: 0 0 1px;
	border-width: 0; 
	text-decoration: none;}
   
div#links a:hover {
	color: #411;
   }

div#links a img {
	height: 0; 
	width: 0; 
	border-width: 0;}

div#links a:hover img {
	position: absolute;
	top:19em;
	left: 20.3em;
	height: 23.5em;
	width: 24em;
	border: 1px solid;
	border-color: #666666;
	border-style: solid;
	border-width: 1px;
}

.infoimg{
	position:absolute;
	background-color:#666666; 
	width:13em;  
	color:#FFFFFF; 
	float:right; 
	margin-left:17em; 
	margin-top:5em; 
	padding:3em 1em 3em 1em; 
	font-size:1.3em; 
	text-align:center
	}

.marbrecolum{
	
	width:44em; 
	float:left;
	}
*html .ulgranits  {
	line-height:0.2em}
	
*html .ulgranits li {
	line-height:0.2em}

*html .ulgranits li ul li {
	line-height:0.2em}

.ulgranits{
	width:18em; 
	background-color:#d1a032; 
	padding:1.2em 0.3em; 
	margin-top:1em; 
	color:#FFFFFF; 
	text-align:left
	}
	
.ulgranits li{
	margin-left:1em;
	color:#333333;
	font-weight:bold;
	}
	
.ulgranits li ul li{
	margin-left:0em;
	font-weight:normal;
	padding-bottom:0
	}	
	
	
.Paginacio{
	font-size:1em; 
	width:34em; 
	margin-top:1em
	}
.Paginacio a {
	color:#333333;
	text-decoration:none;
	}
.Paginacio a:hover{
	color:#CC0000;
	text-decoration:none;
	}


.peu{
	text-align:right; 
	margin-right:1.1em; 
	padding-bottom:0.5em;
	float:right;
	width:20em}
	
.peu a{
	color:#999999}
.peu a:hover{
	color:#999999;
	text-decoration:underline}
.peu a:visited{
	color:#999999;
	text-decoration:none}
.peulopixel{
	float:left;
	width:10em;
	margin-left:1em}
.peulopixel a{
	color:#999999}
.peulopixel a:hover{
	color:#999999;
	text-decoration:underline}
.popup{
	background-color:#FFFFFF;
	padding:1em;
	margin:1em}
	
.noticies{
	width:44em; 
	float:left}
	
.ItemNoticia {
	width:37em; 
	
	color:#FFFFFF;
	padding:1em;
	margin-bottom:1em;
	font-size:1.1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:600;
	margin-left:1em
	}
.instalcolum{
	width:22em; 
	float:left
	}
.instaltxt{
	width:18.8em;
	padding:1em;
	margin-left:1em;
	margin-top:1em;
	margin-bottom:1em;
	background-color:#d19100;
	color:#FFFFFF
	}
.videoscolum{
	width:44em; 
	float:left
	}
	
.TxtProducte {
	width:41em; 
	color:#FFFFFF;
	padding:1em;
	margin-bottom:1em;
	margin-left:1em;
	font-size:1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}

.webs{
	margin-left:1em;
	margin-bottom:1em}

.webs a{
 color:#990000;
 text-decoration:none}

.webs a:hover{
 color:#990000;
 text-decoration:underline}


/*FORMULARI..................................................................................*/
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 410px;
  max-width: 510px;
  width: 490px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/*FI FORMULARI...........................................................................................................*/