@font-face {
    font-family: 'freightneo_prolight';
    src: url('freightneoprolight-webfont.eot');
    src: url('font/freightneoprolight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/freightneoprolight-webfont.woff') format('woff'),
         url('font/freightneoprolight-webfont.ttf') format('truetype'),
         url('font/freightneoprolight-webfont.svg#freightneo_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'district_prothin';
    src: url('distproth-webfont.eot');
    src: url('font/distproth-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/distproth-webfont.woff') format('woff'),
         url('font/distproth-webfont.ttf') format('truetype'),
         url('font/distproth-webfont.svg#district_prothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arimobold';
    src: url('font/arimo-bold-webfont.eot');
    src: url('font/arimo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/arimo-bold-webfont.woff') format('woff'),
         url('font/arimo-bold-webfont.ttf') format('truetype'),
         url('font/arimo-bold-webfont.svg#arimobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arimoregular';
    src: url('font/arimo-regular-webfont.eot');
    src: url('font/arimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/arimo-regular-webfont.woff') format('woff'),
         url('font/arimo-regular-webfont.ttf') format('truetype'),
         url('font/arimo-regular-webfont.svg#arimoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

a{border:0px;}
img{border:0px;}

body{
	background-color: #40414d;
	font-family: 'arimoregular', Arial, sans-serif;
	color:#fff;
	font-size:0.76em;
}
body.page{
	background-color:#c0c0c0;
}


#ponte{
	width: 100%;
	margin: auto;
	height: auto;
}

#wrapper{
	margin: auto;
	width: 80%;

}

#info{
	width: 100%x;
	height: 500px;	
	margin-top: 50px;
	border: none;
	text-align: center;
	color:#D5E9FA;
	font-size:18px;
}

#header{
	height:52px;
	width:100%;
	margin: 10px auto;
	color:#d5e9fa;
	overflow:hidden;
	
}

#cbtdiv {
	--background: url('../images/cbt.png') top left no-repeat;
	width:30%;
	height:auto;
	margin-top:7px;
	float:left;
	--margin-left: 125px;
}

#cbt {
	width:auto;
	height:100%;
	--margin-top:8px;
	float:left;
}

#topmenu{
	display:block;
	float:right;
	height:50px;
	overflow:hidden;
	--margin-right: 125px;
}

#topmenu li{
	display:inline;
	float:left;
	margin-left:20px;
	height:50px;
	width:90px;
	text-align:center;
	overflow:hidden;
	padding-top:18px;
	font-size:14px;
}
#topmenu a{
	text-decoration:none;
	color: #D5E9FA;
}

#logo-content{
	height:313px;
	overflow:hidden;
	background: url('../images/opacity.png') top left repeat-x;
}
#logo{
	position:relative;
	margin:0px auto;
	width:1000px;
	height:313px;
	background: url('../images/bg-sfere.png') top left repeat-x;
}

#logo-frase{
	position: absolute;
	left: 30px;
	top: 47px;
	height:90px;
	width: 480px;
	background: url('../images/frase-bg.png') top left no-repeat;
}

#logo-sfere{
	background: url('../images/sfere.png') top left no-repeat;
	width:230px;
	height:180px;
	position: absolute;
	right:40px;
	top:100px;
}

#home-container{
	margin:auto;
	width:100%;
	-padding-top:30px;
}

#home-container .left-side{
	float:left;
  margin-top: 2%;
	width:32%;
}

#home-container .center-side{
	float:left;
	margin-top: 2%;
  margin-left: 2%;
  margin-right: 2%;
	width:32%;
}

#home-container .right-side{
	float:right;
  margin-top: 2%;
	width:32%;
}

#home-container .box-home{
	height:160px;
	width:100%;
  --margin:auto;
	font-family: 'freightneo_prolight', Arial, sans-serif;
	overflow:hidden;
	position:relative;
}

#home-container .box-home h1{
	color:#103f6a;
	margin:4px 6px;
	font-size:25px;
}
#home-container .box-home h2{
	color:#445566;
	margin-top:2px;
	margin-left:10px;
	margin-right:6px;
	font-size:17px;
	font-weight:normal;
}
#home-container .box-home a{
	color:#3C3C3C;
  position:absolute;
	bottom:6px;
	right:6px;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	background: url('../images/arrow-right.png') top right no-repeat;
	height:25px;
	width:80px;
}

#home-container .left-side .box-home{
	background-color:#c4c9f3;
}
#home-container .center-side .box-home{
	background-color:#939ffa;
}

#home-container .right-side .box-home{
	background-color:#c4c9f3;
}

.clr{
  clear: both;
}

div.home-icons{
	margin-top:30px;
	padding: 10px;
}

div.icon-item{
	height:60px;
	position:relative;
	margin-bottom:30px;
}

div.icon-image{
	height:60px;
	width:60px;
	background-color:#ccc;
	position:absolute;
	top:0px;
	left:0px;
}
div.icon-image a{
	border:0px;
	text-decoration:none;
}
div.icon-text{
	font-weight:normal;
	color:#abc;
	padding-left:65px;
}


/* Footer */
#footer{
	height: 50px;
	background-color:#20212d;
	border-top:1px solid #50515d;
}
#footer-content{
	margin:0px auto;
	width: 1000px;
	color:#80818d;
	font-size:1em;
	text-align:center;
	padding-top:15px;
}

/* altre pagine */
#page-header{
	background-color: #40414d;
	height:52px;
}
#topbar-logo{
	height:110px;
	overflow:hidden;
	background: url('../images/opaco-small.jpg') top left repeat-x;
}
#logo-small{
	position:relative;
	margin:0px auto;
	width:1000px;
	height:110px;
	background: url('../images/bgtop-small.jpg') top left repeat-x;
}
#logo-small h1{
	color:#375A84;
	padding-top:50px;
	padding-left:20px;
	font-size:26px;
}
#page-wrapper{
	background-color:#c0c0c0;
}
#page-content{
	margin:0px auto;
	width:1000px;
	background-color:#f7f7f7;
	overflow:hidden;
}
#page{
	color:#333;
}

#page div.left{
	float:left;
	width:670px;
	padding:10px 20px;
	border-right:1px solid #ccc;
}

#page div.right{
	float:right;
	width:280px;
}

#page div.column-2{
	position:relative;
}

#page div.column-2 div.img-right{
	width:230px;
	float:right;
}

#page div.column-left{
	width:420px;
	float:left;
}

img.fright{
	float:right;
	border:1px solid #DFE4FF;
	padding:6px;
}

div.right h1{
	margin-bottom:10px;
	color:#375A84;
	margin-top:4px;
	font-size:20px;
	font-weight:normal;
}

div.right div.item{
	margin-top:10px;
	position:relative;
	height:120px;
	margin-right:10px;
	padding-left:90px;
}
div.item img{
	width:80px
	height:80px;
	position:absolute;
	top:4px;
	left:0px;
}
div.item h1{
	font-size:14px;
	color:#375A84;
	font-weight:normal;
	margin:0px;
	padding-bottom:4px;
}
div.item h1 a{
	text-decoration:none;
	border:0px;
	color:#375A84;
}

#logo-proplus{
	position:absolute;
	height:120px;
	width:135px;
	background: url('../images/logo-proplus.png') top left no-repeat;
	top:6px;
	right:10px;
}
#logo-as400{
	position:absolute;
	height:120px;
	width:135px;
	background: url('../images/logo-as400.png') top left no-repeat;
	top:6px;
	right:10px;
}
#logo-web{
	position:absolute;
	height:120px;
	width:135px;
	background: url('../images/logo-web.png') top left no-repeat;
	top:6px;
	right:10px;
}
#page p{
	font-size:1.2em;
	line-height:1.6em;
	padding-bottom:20px;
}
#page h2{
	margin-top:30px;
	margin-bottom:10px;
	color:#375A84;
}

div.page-separator{
	border-top:1px solid #ccc;
	padding-left:20px;
}
ul{
	padding-left:30px;
}
ul li{
	padding:2px;
	font-size:1.1em;
}
img.big{
	margin-bottom:40px;
}

div.bold{
	font-size:1.2em;
	line-height: 1.6em;
}
h6.subtitle{
	float:right;
	width:230px;
	margin:4px;
	font-style:italic;
	font-size:0.9em;
	font-weight:normal;
}

#infotext{
  font-size: 25px;
}

#callto, #mailto{
  margin-left: 20px;
}

#infotexth{
  text-align: right;
}