/*---------azzeramento margini e padding--------------*/
html, body, h1, h2, h3, h4, h5, h6,
p,img, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
html{ /*--scrollbar sempre presente in opera e Firefox--*/
	height: 100%;
	margin-bottom: 1px;
}
/*--------------------------------------------------*/
/*-------centratura IE, font e background body------*/
body {
	color: #666;
	background: #030303 url(../img/sfondo.jpg);
	font: 76%/1.5 Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}
/*--------------------------------------------------*/
/*--stili generici titoli, paragrafi, link, liste, testo...--*/
h1, h2, h3, h4, h5, h6, p{
	margin: 0.6em 0 0.32em;
}
a {
	text-decoration:none;
}
a:hover, a:focus {
	text-decoration:underline;
}
/*:focus {
	outline: #FFF solid 1px;
}*/
ol, ul {
	list-style: none;
}

.nascosto {
	position:absolute;
 	left:-10000px;
 	top:-10000px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}
.dx{
	text-align:right;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color:#333333;
}
strong.big {
	font-size:1.2em;
}
div.hr {
	border-bottom: 3px double #E7E7E7;
	margin-top: 0.5em;
}
div.hr hr{
	display:none;
}
span.and{
	color:#FA3C3C;
}
/*--------------------------------------------------*/
/*--------larghezza e centratura container----------*/
#container{
	width: 920px !important;
	width /**/: 960px; /*--box model hack per IE 5.x--*/
	margin: 10px auto;
	overflow:auto;
	text-align:left;
	border: 10px solid #d2d2d2;
	background-color: #babbbc;
	padding: 10px;
}
/*------------testa-------------------------*/
#header, #header2{
	margin:0 0 10px;
	background: #9b9a9a;
	height:6.5em;
	padding:10px;
	color:#fff;
	position:relative;
}
#header h1{
	font-size:3em;
	margin-top:0;
}
/*--menu principale--*/
#menu{
	position:absolute;
	left: 10px;
	bottom: 10px;
}
#menu li{
	display:inline;
	margin-right:0.3em;
}
#menu li a, #menu li span.attivo{
	color:#E6E6E6;
	font-weight:bold;
	padding:0 0.7em;
	border-style:none solid;
	border-width: 1px;
	border-color: #A7A7A7;
}
#menu li a:hover, #menu li a:focus, #menu li span.attivo{
	text-decoration:none;
	border-color:#fff;
	color:#fff;
}
/*------------contenuto------------------*/
#content{
	width: 550px;
	float:left;
}
#scheda{
	background-color: #fff;
	padding:10px;
	height:580px;
}
#scheda h2{
	font-size:3em;
	margin-top:0;
	border-bottom:2px solid #BABBBC;
}
#scheda h3{
	font-size:1.5em;
}
#scheda.lavoro img{
	padding:5px;
	margin-top:0.6em;
	border:1px solid #CCCCCC;
	background:#fff;
}
#scheda.profilo{
	font-size:0.9em;
}
#scheda.profilo li{
	width:511px;
	overflow:auto;
	margin-top:5px;
	border-top:1px dotted #BABBBC;
}
#scheda.profilo li.primo{
	border-top:none;
}
#scheda.profilo h3{
	width:376px;
	float:right;
}
#scheda.profilo p{
	width:376px;
	float:right;
	margin-top:0;
}
#scheda.profilo img{
	float:left;
	margin-top:0.9em;
	clear:left;
}
/*---navigazione laterale (portfolio)--*/
#navigazione{
	width: 360px;
	float:right;
}
#header2 h2{
	font-size: 1em;
	margin-bottom:0;
	position:absolute;
	left: 10px;
	bottom: 10px;
}
#scheda, #portfolio{
	overflow:auto;
	margin-bottom:10px;
}
#portfolio{
	height:600px;
	/*background-color: #f6f6f6;*/
}
#portfolio li{
	display:block;
	float:left;
	width:341px;
	margin-bottom:1px;
	padding:1px;
	background: #f1f1f1 url(../img/bkg_portfolio.gif) repeat-y left top;
}
/*----min height----*/
/* Mozilla/Safari */
*>#portfolio li {
	min-height: 165px;
}
/* IE, con il filtro IE5/Mac */
* html #portfolio li {
	height: 165px;
}
#portfolio li div{
	width:205px;
	float:right;
}
#portfolio h3, #portfolio p{
	font-size:0.8em;
}
#portfolio h3{
	background-color:#000;
	color:#fff;
	margin:0;
	font-weight:normal;
	border-left: 5px solid;
	padding:2px 0 2px 4px;
}
#portfolio h3.web{
	border-color: #FF0000;
}
#portfolio h3.mm { 
	border-color: #0000FF;
}
#portfolio h3.grafica {
	border-color: #00CC00;
}
#portfolio h3.treddi { 
	border-color: #FFFF33;
}
#portfolio img{
	float:left;
}
#portfolio p.descrizione{
	margin-left: 5px;
	margin-right: 5px;
}
#portfolio p.commessa{
	width:130px;
	overflow:hidden;
	float:left;
	padding-left:5px;
	clear:left;
}
#portfolio a, #scheda a{
	color:#ff0000;
}
#footer{
	width:100%;
	float:left;
	background: #9b9a9a;
	color:#fff;
	text-align:center;
	font-size:0.9em;
	word-spacing: 0.4em;
}
#footer p{
	margin:0;
	padding:7px;
}
#footer a{
	color:#fff;
}