html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body {background-color: #000000}

#main {padding-bottom: 50px;  /* must be same height as the footer */
		 text-align: center}

#header {text-align: center;
			padding: 20px
}
#header img {width:30%}

#nav {
		background-color: #181818;
		text-align:center;
		width: 15%;
}

div#nav ul, div#nav li{list-style: none;margin: 0;padding: 0}
div#nav li {padding: 0 3px 0 3px; background: 000}
div#nav a {display: block;height: 20px;line-height: 20px;
    text-decoration: none;color: #C53001}
div#nav a:hover{background: none;color: #FF7800}
div#nav {padding:4px}

.box-left {width: 40% ;
				float: left;
				padding-left: 10%
}

.box-right {width: 40% ;
				float: right;
				padding-right: 10%
}

.box-center {width: 70%
				/*margin:0 auto;*/
				text-align:center
}


#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	font-size:0.6em} 

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


p, h4 {font-family: "DejaVu Sans", "Nimbus Sans", Arial, sans-serif;
		 text-align: center;
		 color: #808080
}

h4 {font-size: 1em;
	color: #E8E8E8;
	padding: 5px
}

img {border: none
}


a {text-decoration:none}

a.email:link {color: #808080}
a.email:visited {color: #FFFFFF}
a.email:hover {color: #FFFFFF}
a.email:active {color: #FFFFFF}


a.opacity img {
filter:alpha(opacity=70);
/*-moz-opacity: 0.7; non è un codice standard e la proprietà CSS3 opacity sembra funzionare su FF */
opacity: 0.7;
}
a.opacity:hover img {
filter:alpha(opacity=100);
/**-moz-opacity: 1.0; **/
opacity: 1.0;
}