body {
	font-family: 'Pontano Sans', sans-serif; 
	font-size: 14px;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #888;
	background-position:center top;
	background-repeat:no-repeat;
}

a { color: #479bcb; text-decoration: none; }
a:hover { color: #74bae1; }
img{border:none}
ul { list-style:none;}

#container {
	width: 980px;  
	margin: 2px auto;
}
#content {text-align:left;}
#logo-home{ margin:150px 0px 80px 0px;text-align:center;}

#top-logo {float:left; width:500px;height:45px;text-align:left;}
#footer {height:45px;text-align:left; width:100%; margin:120px 10px 0px 10px;}

.menu-box { height:40px; text-align:right;float:right; padding:0px 20px 0 20px; margin:0 0 0 5px;}
.bg-rosso { background-color:#D31F43; color:#FFF} .bg-rosso a { color: #FFF; } .bg-rosso strong {}
.bg-verde { background-color:#21B15A; color:#FFF} .bg-verde a { color: #FFF; }
.bg-blu { background-color:#044E93; color:#FFF} .bg-blu a { color: #FFF; }
.bg-arancio { background-color:#F27736; color:#FFF} .bg-arancio a { color: #FFF; }
.bg-lilla { background-color:#692D9E; color:#FFF} .bg-lilla a { color: #FFF; }
.bg-azzurro { background-color:#54A1D6; color:#FFF} .bg-azzurro a { color: #FFF; }
.bg-viola { background-color:#7C4197; color:#FFF} .bg-viola a { color: #FFF; }


h1, h2, h3, h4 { font-weight: normal; color: #242424; }
h1 span, h2 span, h3 span, h4 span { color: #929292; }
h1 { font-size: 22px; margin-bottom: 0; }
h2 { font-size: 18px; margin-bottom: 2px; }
h3 { font-size: 16px; }
h4 { font-size: 16px; }

#lang {text-align:center; font-size:13px;}
#lang a {text-decoration:none; padding:2px; background-color:#818284; color:#fff;}

.works-titolo {font-size:36px; margin-bottom:12px; margin-top:60px;}
.works-box-medio {height:200px; width:295px; text-align:left;float:left; padding:10px 10px 10px 10px; margin:3px 3px 3px 3px; border: 1px solid #CCC;}
.works-box-old {height:150px; width:132px; text-align:left;float:left; padding:10px 10px 10px 10px; margin:3px 3px 3px 3px;}
.about-box {height:150px; width:295px; text-align:left;float:left; padding:10px 10px 10px 10px; margin:3px 3px 3px 3px; border: 1px solid #CCC;}
.competenze-box-min {height:95px; width:114px; text-align:left;float:left; padding:10px 10px 10px 10px; margin:3px 3px 3px 3px;}
.active{padding:2px; background-color:#BE1E2D; color:#fff;}

.socials {float:left; width:400; text-align:left; height:159px; padding:124px 0;}
.qrcode  {float:right; width:159;}
.clear {clear:both;}