*
{border: 0px;
 color: #000;
 font-size: 1em;
 line-height: 1.4em;
 margin: 0px auto;
 padding: 0px;
 text-align:justify;
 text-decoration: none;
 }

body
{background-color: #062E11;
 color: #fff;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 padding: 0;
 text-align: center;
 }

/*Big box for centering, and giving nice shadow*/

#container
{
 border: solid #333;
 border-width: 0;
 color:  inherit;
 font-size: 0.8em;
 margin: 0 auto;
 text-align:justify;
 width: 100%;
 background:url(images/eines_esq.jpg) repeat-y #ffbc2d ;
 }
 

/*The left column*/
#left
{float: left;
 width: 150px;
 margin-left:0;
 margin-top:0;

 }
 a.menu_esq
{
/*background: #CCC url(button.gif) repeat-x;*/
background:url(images/esq3.gif) no-repeat;
list-style:none;
outline:none;	
 display: block;
 font-size: 0.9em;
 font-weight:bold;
 line-height: 1.9em;
 margin: 7px 0 0 5px;
 padding: 0.65em;
 text-decoration: none;}
 #left ul {
	list-style:none;
	margin-left:0;
}
#left ul li {
	list-style:none;
}
#left ul li a {
	color:#fff;
	display:block;
	font-size:1.1em;
	width:150px;
	text-align:left;
	text-decoration:none;
}
#left ul li a:hover {
	color:#fff;
	display:block;
	font-size:1.1em;
	width:150px;
	text-align:left;
	text-decoration:none;
}
a.menu_esq:hover
{background:url(images/esq4.gif) no-repeat;
}
/*The middle column*/
#legal
{margin-left: 1%;
 margin-right: 2%;
 margin-top: 3px;}
 
#middle
{margin-left: 18%;
 margin-right: 24%;
 margin-top: 3px;}
 
 #middle a:hover
{background-color: transparent;
 color: #ff0000;
 text-decoration:none;
 border-bottom:1px dotted #0E110F;}
 
 .text_esq{
 width:290px;
 float:left;
 margin:4px 4px 0 0;
 }
 .img_inici {
 border:2px solid #ffffff;
 }

 .text_dreta{
 width:290px;
 float:right;}
 
 .contacte_dreta{
 width:340px;
 float:right;}
 
 .links_esq{
 width:280px;
 float:left;
 margin-left:0;
 text-align:left;
 }
  .links_esq ul{
list-style-type: square;
 list-style-position: inside;
 text-align: left;
 padding: 0.25em;
 margin-left: 8px;}
ul.none,.none li,.none ul
{list-style-type: none;
 text-align: left;
 }
 
  .links_dreta{
 width:280px;
 float:right;
 margin-left:0;
 text-align:left;
 }
  .links_dreta ul{
list-style-type: square;
 list-style-position: inside;
 text-align: left;
 padding: 0.25em;
 margin-left: 0px;}
ul.none,.none li,.none ul
{list-style-type: none;
 text-align: left;
 }
 

/*The right column*/

 #menu_dret{
float: right;
 margin-right:1px;
 margin-top:5px;
 margin-bottom:1px;
 width: 220px;}
	
#menu_dret ul {
	list-style:none;
	position:relative;

}
#menu_dret ul li {
	list-style:none;
}
#menu_dret ul li a {
	color:#000000;
	display:block;
	font-size:1.1em;
	outline:none;	
	padding:11px 8px;
	width:195px;
	text-align:right;
	text-decoration:none;
}
a.plantes{background: url(menu/plantes_petit.jpg) no-repeat right;
 display: block;
 font-size: 0.9em;
 font-weight: 900;
 line-height: 1.5em;
 margin: 5px;
 padding: 2px;
 text-align: right;
 text-decoration: none;}
a.gespes{background: url(menu/gespes_petit.jpg) no-repeat right;
 display: block;
 font-size: 0.9em;
 font-weight: 900;
 line-height: 1.5em;
 margin: 5px;
 padding: 2px;
 text-align: right;
 text-decoration: none;}
a.testos{background: url(menu/testos_petit.jpg) no-repeat right;
 display: block;
 font-size: 0.9em;
 font-weight: 900;
 line-height: 1.5em;
 margin: 5px;
 padding: 2px;
 text-align: right;
 text-decoration: none;}
a.terres{background: url(menu/terres_petit.jpg) no-repeat right;
 display: block;
 font-size: 0.9em;
 font-weight: 900;
 line-height: 1.5em;
 margin: 5px;
 padding: 2px;
 text-align: right;
 text-decoration: none;}	
a.materialreg{background: url(menu/materialreg_petit.jpg) no-repeat right;
 display: block;
 font-size: 0.9em;
 font-weight: 900;
 line-height: 1.5em;
 margin: 5px;
 padding: 2px;
 text-align: right;
 text-decoration: none;}
a.adobs{background: url(menu/adobs_petit.jpg) no-repeat right;
 display: block;
 font-size: 0.9em;
 font-weight: 900;
 line-height: 1.5em;
 margin: 5px;
 padding: 2px;
 text-align: right;
 text-decoration: none;}
a.iluminacio{background: url(menu/iluminacio_petit.jpg) no-repeat right;
 display: block;
 font-size: 0.9em;
 font-weight: 900;
 line-height: 1.5em;
 margin: 5px;
 padding: 2px;
 text-align: right;
 text-decoration: none;}
a.teles{background: url(menu/teles_petit.jpg) no-repeat right;
 display: block;
 font-size: 0.9em;
 font-weight: 900;
 line-height: 1.5em;
 margin: 5px;
 padding: 2px;
 text-align: right;
 text-decoration: none;}
a.fustes{background: url(menu/fustes_petit.jpg) no-repeat right;
 display: block;
 font-size: 0.9em;
 font-weight: 900;
 line-height: 1.5em;
 margin: 5px;
 padding: 2px;
 text-align: right;
 text-decoration: none;}
a.eines{background: url(menu/eines_petit.jpg) no-repeat right;
 display: block;
 font-size: 0.9em;
 font-weight: 900;
 line-height: 1.5em;
 margin: 5px;
 padding: 2px;
 text-align: right;
 text-decoration: none;}
a.complements{background: url(menu/complements_petit.jpg) no-repeat right;
 display: block;
 font-size: 0.9em;
 font-weight: 900;
 line-height: 1.5em;
 margin: 5px;
 padding: 2px;
 text-align: right;
 text-decoration: none;}	
#menu_dret ul li a:hover {
	color:#000;
	display:block;
	font-size:1.1em;
	padding:11px 8px;
	width:195px;
	text-align:right;
	text-decoration:none;
}
a:hover.plantes{
background:url(menu/plantes.jpg) no-repeat right;
}
a:hover.gespes{
background:url(menu/gespes.jpg) no-repeat right;
}
a:hover.testos{
background:url(menu/testos.jpg) no-repeat right;
}
a:hover.terres{
background:url(menu/terres.jpg) no-repeat right;
}
a:hover.materialreg{
background:url(menu/materialreg.jpg) no-repeat right;
}
a:hover.adobs{
background:url(menu/adobs.jpg) no-repeat right;
}
a:hover.iluminacio{
background:url(menu/iluminacio.jpg) no-repeat right;
}
a:hover.teles{
background:url(menu/teles.jpg) no-repeat right;
}
a:hover.fustes{
background:url(menu/fustes.jpg) no-repeat right;
}
a:hover.eines{
background:url(menu/eines.jpg) no-repeat right;
}
a:hover.complements{
background:url(menu/complements.jpg) no-repeat right;
}

/*This is used as a page footer, and to keep the #container flowing around all of the content*/

#dalt
{background-color:  #123E14;
 /*border-top: 1px solid #CCC;*/
 clear: both;
 color: #444;
 font-size: 0.9em;
  height:15px;
 text-align: center;}
 #baix
{background-color:  #123E14;
 /*border-top: 1px solid #CCC;*/
 clear: both;
 color: #999;
 font-size: 0.9em;
  height:15px;
 text-align: center;
 }
 #baix a {
	color:#999;
	font-size:1.1em;
	padding:10px;	
	text-decoration:none;
}
 #baix a:hover {
	color:#000;
	font-size:1.1em;
	padding:10px;	
	text-decoration:none;
}
/*
Navigation 
	Not very unique, but my colours are better than the default ones
*/

a
{color: #0E110F;
 text-decoration: underline;}
a:visited
{color: #0E110F;
 text-decoration: underline;}
a:hover
{background-color: transparent;
 color: #ff0000;
 text-decoration:none;}
a:active
{background-color: transparent;
 color: #0E110F;}

/*
Lists
	pretty basic affair
*/

/*ul,li
{list-style-type: square;
 list-style-position: inside;
 text-align: left;
 padding: 0.25em;
 margin-left: 0px;}
ul.none,.none li,.none ul
{list-style-type: none;
 text-align: left;}*/



/*
Paragraphs
*/

p
{padding-bottom: 0.65em;
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;}

/*
Headings
*/

h1
{background-color:  inherit;
 color: #000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 3em;
 font-weight: 900;
 line-height: 1.1em;
 padding: 0.1em;
 text-align:center;}
h2
{border-bottom: 1px solid #CCC;
 color: #000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 2.5em;
 font-weight: 900;
 line-height: 1.25em;
 margin-bottom: 25px;
 text-align: left;}
h3
{border-bottom: 1px solid #123E14;
 color: #000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 2em;
 font-weight:bold;
 line-height: 1.25em;
 margin-bottom: 15px;
 text-align: right;}

 h4
{border-bottom: 1px solid #CCC;
 color: #000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.75em;
 font-weight: 900;
 line-height: 1.25em;
 margin-bottom: 15px;
 text-align: left;}

h5
{border-bottom: 1px solid #CCC;
 color: #000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 font-weight: 900;
 line-height: 1.25em;
 margin-bottom: 15px;
 text-align: left;}

h6
{border-bottom: 1px dotted #123E14;
 color: #000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.25em;
 font-weight: 900;
 line-height: 1.25em;
 margin-bottom: 15px;
 text-align: left;}

/* Other */

hr
{background-color: #0CC;
 border: 1px solid #123E14;
 color: #0CC;
 height: 2px;
 margin:0.8em;
 }

blockquote
{background: #FFF url(quote.png) bottom right no-repeat;
 border-bottom: 2px solid #CCC;
 border-top: 2px solid #CCC;
 margin: 10px;
 padding: 10px;}

img
{border:none;
 margin: 0;}

/* Classes */

.left
{float: left;}
.right
{float: right;}
.clear
{clear: both;}

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color:#006699;
  background: #ccc;

}

input.radio {
  background: none;
  border: 0px;
}