* { margin: 0; padding: 0;} 
body { margin: 0; padding: 0; color: #64635f; font-size:75%; font-family: verdana, helvetica, tahoma, geneva, sans-serif; background: #fff url(fonslateral.png) no-repeat 0% 0%;}
#pagina { background: #fff; margin: 0 auto; padding: 0; width: 790px; height: 100%; }
#contingut { background: white; padding: 0 0 0px; position: relative; }
.idioma {text-align:right; margin-bottom:0px;margin-top:4px;}
/* ---- capcalera ---------------------- */
div#capcalera { position: relative; background: white; border-top: 0px solid #fff; padding-bottom: 20px;  }
div#capcalera h1 { background: url("logo.png"); width: 262px; height: 56px; margin: 7px 0 0; line-height:56px;}
div#capcalerar h1 a { height: 56px; }
/* ---- FONTS ----------------------*/
h1, h2, h3, h4, h5, h6 { margin: 0; color: #64635f; font-family: "Trebuchet MS", verdana, sans-serif; }
h1 { font-size: 2em; margin-bottom: .5em; }
h1 em { color: #00C5E8; font-style: normal; background: none; }
h2 { font-size: 1.4em; margin-bottom: .3em; font-weight: normal; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; font-family:  Verdana, Helvetica, sans-serif; }

a { color: #005e8a; }
a:hover { color: #ffa54e; }

p { line-height: 1.5em; margin: 0em 0em 1em; color: #64635f;  }
p a { color: #64635f; background: #def4ff; text-decoration: none; padding: .1em .3em; border-bottom: 1px solid #d1dEcC; font-weight: normal !important;   }
p a:hover { position: relative; top: -1px; left: -1px; color: #005e8a; }
em { font-style: normal; background-color: #FFFDD4; }

/* ---- ELEMENTS GENERALS ----------------*/
.img { 
	letter-spacing: -1000em;  text-indent : -999em; overflow: hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .img { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

a img { border: none; }
hr { border: none; border-bottom: 1px solid #cacaca; background: none; height: 1px; }
.clear { clear: both; height: 1px; font-size: 1px; }


/* ---- HOME -------------------------------- */
body.home div#banner { 
	background: url("imatge-portada.jpg") no-repeat left top; 
	padding-left: 401px; min-height: 278px; margin-bottom: 15px; 
}
body.home #banner h1 {  width: 331px; height: 171px; margin-bottom: 20px; }
body.home #banner p { font-size: .95em; margin: 0; }
body.home #banner p a { font-size: .9em; }


body.home #treballs { margin: 20px 0 1em;}
body.home #treballs ul { margin: 0; padding: 0; list-style-type: none; min-height: 200px; position: relative; }
body.home #treballs li { float: left; width: 202px; border-right: 1px solid #cacaca; padding: 0 24px 0 23px; min-height: 200px; }
body.home #treballs li h2 { color: #90c32c; margin-bottom: 10px; margin-left: -5px; }
body.home #treballs li p { font-size: .9em; width: 202px; }
/*body.home #treballs li:last-child { border-right: none; padding-left: 24px; padding-right: 20px; }*/
body.home #treballs li a { width: 202px; height: 113px; margin-bottom: 15px; }
body.home #treballs li#estudis a { background-image: url("01_estudios-geotecnicos.gif"); }
body.home #treballs li#sondeos a { background-image: url("02_sondeos-de-investigacion.jpg"); }
body.home #treballs li#contaminacio a { background-image: url("03_contaminacion-de-suelos.jpg"); }
 /*----Les imatges estan a l'altre fulla d'estil----*/
body.home h3#solucions a { height: 60px; }



/* ---- PEU -------------------------------- */
div#peu { 
	position: relative; background: white; padding: 15px 20px 13px; font-size: .85em; line-height: 1.3em; clear: both; 
	border-top: 1px solid #ddd; margin-top: 2em;
}
div#peu div { margin-top: 0.5em;}
div#peu div p { color: #617d8a; }
div#peu ul { margin: 0em 0em 0.5em 0em; padding: 0; list-style-type: none; position: absolute; right: 20px;}
div#peu ul li { margin: 0; padding: 0 0px 0 2px; display: inline; white-space: nowrap; }
div#peu ul li a { background: url("barra-peu.gif") no-repeat right center; padding: 0 9px 0 0; }
/*div#peu ul li:last-child a { background: none; padding-right: 0; }*/
div#peu a { color: #005e8a; }
div#peu a:hover { color: #005e8a; }

div#marca{text-align:right;font-size:xx-small;margin-right:10px;}
div#marca a { color: #A7D3EF; }
div#marca a:hover { color: #005e8a; }