html,body{
margin:0;
padding:0
}

body{
font: 76% arial,sans-serif;
background:#e3e3e1
}

p{
	margin:0 10px 10px;
	
}

a{
color: #3e3e3e;

text-decoration: none;
}

a:hover{
	text-decoration: underline;
	
	}

div#header h1{
height:28px;
line-height:80px;
margin:0;
padding-left:10px;
color: #e3e3e1
}
  
div#container{
text-align:left

}


/* === Contingut === */

div#content p{
line-height:1.4;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom:15px;
}

div#content {

background:#e7f6e8;
}

div#content{
  position: relative; 
margin-left: 320px;
margin-top:6px;
border: 5px solid #FFFFFF;
}

html>body #content{
margin-top:148px;

}

/* === Contingut empresa=== */

div#contentem p{
line-height:1.4;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom:15px;
}

div#contentem {

background:#e7f6e8;
}

div#contentem{
  position: relative; 
margin-left: 443px;
margin-top:6px;
border: 5px solid #FFFFFF;
}

html>body #contentem{
margin-top:148px;

}


/* === SubMenu empresa=== */

div#extraem{
background:#ffffff;
}

div#extraem{
position: relative; 
margin-top:24px;
float:left;
width:353px;
height:283px;
margin-left:-570px;
border: 5px solid #FFFFFF;
}

/* === Adreça === */

div#footer{
color: #6a6a6a;
font: 75% arial,sans-serif;
float:left;
position: relative; 
margin-top:8px;
}

div#footer p{
margin:0;
margin-left:320px;


}


/* === Adreça empresa=== */

div#footerem{
color: #6a6a6a;
font: 75% arial,sans-serif;
float:left;
position: relative; 
margin-top:-365px;
}

div#footerem p{
margin:0;
margin-left:90px;


}


/* === Contingut productos === */

div#producto p{
line-height:1.4;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom:15px;
}

div#producto {

background:#ffffff;
}

div#producto{
  position: relative; 
margin-left: 320px;
margin-top:6px;
border: 5px solid #FFFFFF;
}

html>body #producto{
margin-top:148px;

}



/* === Menu === */

div#navigation{
background:#656565
}

div#navigation{
  position: relative; 
	float:left;
	width:125px;
	height:150px;
	margin-top:105px;
	margin-left:-700px;
	border: 5px solid #FFFFFF;
}

#navigation
{
  
  padding-right: 15px;
  margin: 0;
  list-style: none; 
  font-weight: bold;
    
}

#navigation li
{
	float: right;
	display: block;
	width: 110px;
	
	margin-bottom: -1.5em;
 }

#navigation a
{
  display: block;
  width: 110px;  height: 30px;  
  background-color: inherit;
  text-decoration: none;
  line-height: 31px;
  margin-left: 1em;
  padding:9px
 
}

#navigation a:link, #navigation a:visited
{
  color: #ffffff; 
  
 
}

#navigation a:hover, #navigation a:active
{
	color: #e7f6e8;
	background-image: url(img/menu.gif);
	background-repeat: no-repeat;
	background-position: left center;
}




/* === Quadrat === */

div#quadrat{
background:#17aa1d;
}

div#quadrat{
position: relative; 
float:left;
width:47px;
height:47px;
margin-left:-622px;
margin-top:260px;
border: 5px solid #FFFFFF;
}




/* === SubMenu === */

div#extra{
background:#ffffff;
}

div#extra{
position: relative; 
float:left;
width:230px;
height:345px;
margin-left:-570px;
border: 5px solid #FFFFFF;
}






/* === SubMenu producto=== */

div#proextra{
background:#e7f6e8;

}

div#proextra{
position: relative; 
float:left;
width:230px;
height:345px;
margin-left:-570px;
border: 5px solid #FFFFFF;
}

div#proextra p{
line-height:1.5;
padding-right: 2px;
padding-left: 4px;
padding-top:20px;
}



#proextra a
{

  text-decoration: none;
     
}

#proextra a:link, #proextra a:visited
{
  color: #3e3e3e; 
  
 }

#proextra a:hover, #proextra a:active
{
	padding-left: 8px;
	margin-left: 6px;
	background-image: url(img/menu.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	}










/* === Idioma=== */

div#idiom{
	color: #6a6a6a;
	font: 90% arial,sans-serif;
	

}

div#idiom{
color: #6a6a6a;
  position: relative; 
  float: right;
margin-left: 400px;
margin-top:130px;

}


div#idiom p{
margin:0;
}





/* === Adreça === */

div#footer{
color: #6a6a6a;
font: 75% arial,sans-serif;
float:left;
position: relative; 
margin-top:8px;
}

div#footer p{
margin:0;
margin-left:320px;


}





div#container{
width:655px;
margin:0 auto;
}

div#wrapper{
float:left;width:100%;
}


h1
{
	margin: 0px 0 -20px 0px;
	padding: 8px 0px 10px 18px;
	font-size: 13px;
	color: #ffffff;
	background-color:#17aa1d;
	font-weight: normal;

  }
  
  .color{font-size: 10px;
  color: #606060;
  
  }
  

	/* Tabla */

	table{
		border: 1px solid #666;
		
	}
	tr td{
		font-size: 8pt;
		padding: 3px 8px;
		background: #fff;
	}
	thead td{
		color: #fff;
		background-color: #666;
		font-weight: bold;
		border-bottom: 1px solid #999;
	}
	tbody td{
			border-left: 1px solid #D9D9D9;
	}
	tbody tr.even td{
		background: #eee;
	}
	tbody tr.selected td{
		background: #ebebeb;
		
		
	}
	tbody tr.ruled td{
		color: #000;
		background-color: #C6E3FF; 
		font-weight: bold;
		border-color: #3292FC;
	}
	
	/* Opera fix */
	head:first-child+body tr.ruled td{
		background-color: #C6E3FF; 
	}