*{margin:0; padding:0;}
body{
	text-align:center;
	font-family: "Lucida Grande", "Trebuchet MS",verdana,helvetica,arial,sans-serif;
	font-size:14px;
	line-height:23px;
	background-color:#222;
	color:#e4e4e4;
}

img {border:none;}
li{list-style:none;}
a{text-decoration:none; cursor:pointer; color:#d137d1;}
div#container{position: relative; min-height:100%; height:100%;}

img.foto {padding:5px; background:#fff; border: 1px solid #666;}

#header{
	background-color:#222;
	height:186px;
	border-bottom:1px solid #444;
	width:100%;
	text-align:left;
}
#in-header{
	background-color:#111;
	height:185px;	
}
#head-container{
	margin: 0 auto;
	width:950px;
	height:100px;
	padding-top:50px;
}
#logo{
	text-indent:-9999px;
	background:url('../images/mf.png') no-repeat;
	margin-left:30px;
	width:408px;
	height:59px;
}
#subtitle{
	position:relative;
	text-indent:-9999px;
	background:url('../images/subtitle.png') no-repeat;
	margin-top:-100px;
	margin-left:-40px;
	width:914px;
	height:108px;	
	z-index: 2;
}

#body {
	position:relative;
	margin: 0 auto;
	padding-top:50px;
	margin-bottom:20px;
	padding-left:20px;
	padding-bottom:80px; /* Footer */
	width:900px;
	text-align:left;
}
#content{
	float:left;
	width:690px;

}

#content p{
	margin-bottom:10px;
}

.a1 {background-color:#333; color:#55bc55; padding:2px;}
.a2 {background-color:#333; color:#d1840a; padding:2px;}
.a3 {background-color:#333; color:#099ee0; padding:2px;}
.a4 {background-color:#333; color:#d137d1; padding:2px;}

a.a1:hover{color:#8ED28E;border-bottom:1px dotted #55bc55;}
a.a2:hover{color:#F7B54B;border-bottom:1px dotted #d1840a;}
a.a4:hover{color:#E58BE5;border-bottom:1px dotted #d137d1;}
.external {background: url('../images/ext_link.gif') no-repeat 0 50%; padding-left:16px; }

.titolo{
	width:200px;
	height:60px;
	background: no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	margin-left:-5px;
}
#titolo1{ background-image: url('../images/titolo1.png');}
#titolo2{ background-image: url('../images/titolo2.png');}
#titolo3{ background-image: url('../images/titolo3.png');}
#competenze{ color:#d1840a; font-weight: normal; margin: 10px 0 10px -10px}
#sidebar{
	float:right;
	width:170px;


}
#nav li{margin-top:5px;}
#nav li a{
	width:150px;
	height:35px;
	display:block;
	text-indent:-9999px;
	background-position:0 0;
	cursor:pointer;
}
#nav li a:hover{background-position:156px 0;}
#nav1 a{ background: url('../images/nav1.png');}
#nav2 a{ background: url('../images/nav2.png');}
#nav3 a{ background: url('../images/nav3.png');}

#albero{
	float:left;
	position:absolute;
	background: url('../images/albero400.png') no-repeat;
	height:400px;
	width:321px;
	top:220px;
	left:710px;
}

#footer{
	position:relative;
	bottom:0;
	width:100%;
	float:left;
	background:#222;
	border-top:1px solid #444;
	height:200px;
	padding-top:1px;

}
#in-footer{
	background:#111;
	height:199px;
}
#footer-container{
	margin: 0 auto;
	width:920px;
	padding-left:30px;
	text-align:center;
}
#contatti{
	margin-top:-45px;
	background: url('../images/contatti.png') no-repeat;
	width:163px;
	height:40px;
	float:left;
}

#dati_cont{
	font-size:12px;
	text-align:left;
	padding-left:200px;
}

#dati_cont p{
	position:relative;
}
#dati_cont p a{
	position:absolute;
}
#link_mail{ display:block; top:60px; left:150px; width:220px; height:30px; background-color:#55bc55; }
#link_skype{ display:block; top:94px; left:150px; width:170px; height:30px; background-color:#d1840a; }
#photo h3{padding-top:10px;}

#curriculum a{ 
	background: url('../images/curriculum.png'); 
	height:116px; 
	width:288px;
	display:block;
	text-indent:-9999px;
	background-position:0 0;
	cursor:pointer;
	margin:0 auto;
}
#curriculum a:hover{background-position:0 116px;}
#content2 h3{margin:15px 0 4px -30px; padding:2px 30px; background-color:#333; color:#d1840a;}

.xps {border-left:2px #F8BF63 solid; padding-left:6px; width:95%;}
.xpl {border-left:2px #d1840a solid; padding-left:6px; width:95%;}

.opacity10 { -moz-opacity:.10; filter:alpha(opacity=10); opacity:.10; }
.hidden{display:none;}
.small {font-size:11px;}
.grey {color:#999;}
.column {float:left;}
.clean {clear:both;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.floatl{float:left;}
.floatr{float:right;}
.inline{display:inline;}
.nobo {border:0;}
.zero{margin:0; padding:0;}
.red{color:red;}

.cleared:after {
    display		: block; 
    visibility  	: hidden;
    content		: "."; 
    height		: 0; 
    clear           : both;
}

.cleared {
    clear           : both; /* per Gecko */
    height		: 1%; /* per IE */
}