* { margin: 0px; padding: 0px; border: 0px; }

body {
	color: #bfbab6; background: #000;
	font-family: verdana, georgia, tahoma, lucida, Geneva, Helvetica, Arial, sans-serif;
	font-weight: normal; 
	font-size: 0.80em; text-align: left; line-height: 1.2em;
	}
a { color: #d9d3ce; text-decoration: none; }
a:hover { color: #66615c; text-decoration: none; }

/* dalt, contingut i peu */
#dalt { border: 0px dotted green;
	position: relative; margin: 0px auto; width: 950px;
	clear: both;
}
#contingut { border: 0px dotted green;
	position: relative; margin: 0px auto; width: 950px;
	clear: both;
	}
#peu { border: 0px dotted green;
	position: relative; margin: 0px auto; width: 950px;
	clear: both;
}
/* columnes */
.columna01 { border: 0px dotted red;
	width: 200px; float: left; }
.columna02 { border: 0px dotted red;
	width: 500px; margin: 0px auto; }
.columna03 { border: 0px dotted red;
	width: 200px; float: right; }
.columna0203 { border: 0px dotted red;
	width: 725px; margin: 0px 0px 0px auto; }

/* ratlles */
.columna01, .columna02, .columna03, .columna0203 { padding: 20px 0px; border-top: 1px solid #717163; }
#dalt .columna01, #dalt .columna02, #dalt .columna03, #peu .columna01 { border: 0px; }

.treballs_llistat { float:left; width:225px; height:250px; margin-right:25px; margin-bottom:25px;  }
.ultim { margin-right:0px; }
.treballs_llistat h3 { height:60px; position:relative; }
.treballs_llistat h3 span { position:absolute; bottom:5px; }
.imatges p img { margin-top:20px; }

/* @group Headings */
h1 { font: normal 3em georgia, "Times New Roman", Times, serif; }
h1 a { 
	width: 200px; height: 50px;
	display:block; text-indent: -2000px;
	/*http://www.trencabits.com/*/
	background: url(../imatges/logo.png) no-repeat left top;
}
h2 { 
	font: normal 2em georgia, "Times New Roman", Times, serif; 
	color: #eee; padding-bottom: 0.8em; }
	
h3, h4, h5, h6 { 
	font: normal 1.6em georgia, "Times New Roman", Times, serif; 
	color: #eee; padding-bottom: 0.4em; }
/* @end */
/* @group Menu */
#menu, #menu .submenu { list-style-type: none; }
#menu li { padding: 0.2em 0px; }
#menu li a { color: #bfbab6; }
#menu li a:hover, #menu li a.menu_actiu { color: #66615c; }
ul.submenu { margin: 0.4em 0px 0.4em 0px; }
#menu .submenu li { 
	padding-left: 1.2em;
	background: url(../imatges/submenu.png) no-repeat left top;
}
/* @end */

.migcol { width: 250px; float: left; }
.migcol_dreta { width: 250px; float: left; text-align: right; }

/* @group Ajustaments */
#dalt p { margin-top: 0.9em; }
#contingut .columna02 img { padding-bottom: 1em; }
#contingut p { padding-bottom: 1em; }
#contingut hr { border-top: 1px solid #717163; margin: 1.4em 0px; }
/*#contingut .bloc { border-top: 1px solid #717163; padding: 1.4em 0px; }*/
.clearcol { display: block; }
.clearcol:after { visibility: hidden; display:block; content:"-"; height: 0px; }
.blanc { color: #eee; }
.casiblanc { color: #bfbab6; }
/* @end */	

/* @group Form */
form { margin: 1em 0px; border: 0px solid #345; }
form.formcontacte { margin-bottom: 50px; }
input, textarea { border: 0px solid #eee;
 	width: 160px; margin: 2px 0px 10px 0px; padding: 2px;
	background-color: #bfbab6; color: #111; font-size: 0.9em;
	}
textarea { height: 60px; }
input.submit { border: 1px solid #bfbab6;
	width: 100px; margin: 2px 0px 0px 0px;
	background-color: #060606;	color: #bfbab6; font-size: 1em;
	}
/* @end */