@font-face {
/*
	font-family: 'futura';

	src: url('/fonts/futura-webfont.eot');
	font-family: 'helonia';

	src: url('/fonts/hln_____-webfont.eot');
*/
	font-family: 'trebuc';

	src: url('/fonts/trebuc-webfont.eot');

/*
	font-family: 'ostrich';

	src: url('/fonts/ostrich-rounded-webfont.eot');
*/
}
@font-face {
/*
	font-family: 'futura';

         src: url('/fonts/futura-webfont.ttf') format('truetype'); 
	font-family: 'helonia';

         src: url('/fonts/hln_____-webfont.ttf') format('truetype'); 
*/
	font-family: 'trebuc';

         src: url('/fonts/trebuc-webfont.ttf') format('truetype'); 
/*
	font-family: 'ostrich';

         src: url('/fonts/ostrich-rounded-webfont.ttf') format('truetype'); 

*/

} 
html{
height: 100%;
}
body{
	font-family: trebuc, sans-serif;
	height: 100%;
	background-color: #fff;
}
#world{
	width: 960px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -20px;
	}

#header{
float: left;
background-color: #09b7f8;
height: 280px;
width: 960px;
}
	
#header img{ 
	float:left;
	}

.fluid_container{
width: 960px;
	font-size:11px;

}

.fluid_container td{
height: 200px;
}

.fluid_container a{
	font-size:11.8px;
color:#000;
text-decoration:none;
font-weight:bold;
}

.fluid_container a:hover{
	font-size:11.8px;

color:#1DADE2;
text-decoration:underline;
font-weight:bold;
}



#logo{
	padding: 15px 0;
	height: 108px;
}

#logo img{
float: left;

}

#nav{
	width: 960px;
	padding: 3px;
	background-color: #efefef;
	text-align: center;
	font-size: 12px;
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #999;
/*text-shadow:1px 1px 4px #000000;*/
text-shadow: 0 1px 0 #fff;
}

#nav a{
	color: #555;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

#nav a:hover{
	color: #09b7f8;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}


#nav2{
	width: 960px;
	padding: 3px;
	background-color: #f0f0f0;
	text-align: center;
	font-size: 12px;
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #999;
	/*text-shadow:1px 1px 4px #000000;*/
text-shadow: 0 1px 0 #fff;

}

#nav2 a{
	color: #555;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

#nav2 a:hover{
	color: #09b7f8;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}



#linea{
	clear: both;
	width: 960px;
	margin-top: 30px;
	margin-bottom: 10px;
	background-color: #09b7f8;
	height: 15px;
	padding: 7px 5px;
}

/*#linea1{
	clear: both;
	width: 960px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #09b7f8;
	height: 15px;
	padding: 7px 5px;
}*/

#linea1 a{color: #fff; text-decoration: none;font-size: 11px;}
#linea1 a:hover{color: #fff; text-decoration: underline;font-size: 11px;}

#linea a{color: #fff; text-decoration: none; font-size: 11px;}
#linea a:hover{color: #fff; text-decoration: underline;font-size: 11px;}

.white{
	font-size: 22px;
	color: #fff;
	font-weight: bold;
}

.titolo_aziende{
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}



.testo{
	font-size: 12px;
	color: #000;
	padding-top: 30px;
	line-height: 18px;
}

.titolo{
	font-size: 16px;
	color: #f1471d;
	font-weight: bold;
	text-transform: uppercase;
}

.tit_big_orange{
	font-size: 20px;
	color: #f1471d;
	font-weight: bold;
	text-transform: uppercase;
}

.tit_big_blue{
	font-size: 20px;
	color: #09b7f8;
	font-weight: bold;
	text-transform: uppercase;
}

#servizi{
list-style-type: square;
color: #f1471d;
padding-left:15px;
}

.titolo_blu{
	font-size: 16px;
	color: #09b7f8;
	font-weight: bold;
	text-transform: uppercase;
}

.titolo2{
	font-size: 13px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

.titoletto{
	font-size: 12.5px;
	color: #222;
	font-weight: bold;
	/*text-transform: uppercase;*/
	width: 960px;
	text-align: right;
}

#form_info{
width: 940px;
padding: 10px;
text-align: right;

}

#aree{
width: 960px;
margin-bottom: 20px;
}

#aree td{
/*border-left: 1px solid #dedede;*/
padding-right: 26px;
line-height:20px;
}

#aree a{
font-size: 12px;
color: #222;
text-decoration:none;

}

#aree a:hover{
font-size: 12px;
color: #f1471d;
text-decoration:underline;
}


.sel_aree{
font-size: 12px;
color: #f1471d;
text-decoration:underline;
}

#push{
	clear: both;
	height: 20px;
}

#footer{
	width: 960px;
	padding:25px 10px 25px 0;
	text-align: left;
	margin: 0 auto;
	line-height: 20px;
	}

#footer td{
	padding: 0 20px 0 8px;
}	

#footer a{
	color: #555;
	text-decoration: none;
}

#footer a:hover{
	color: #09b7f8;
	text-decoration: underline;
}

#nav_foot{
	font-size: 11px;
	color: #555;
	line-height: 18px;
}

#nav_foot a{
	color: #555;
	text-decoration: none;
	font-size: 11px;
}

#nav_foot a:hover{
	color: #09b7f8;
	text-decoration: underline;
	font-size: 11px;
}


#aziende{
width: 960px;
}

.foot{
	font-size: 11px;
	text-align: center;
	color: #555;		
	}
	
.testo_small{
	font-size: 12px;
	color: #999;
	}
	
.testo_slide{
	font-size: 13px;
	color: #555;
	}
	
#contact{
	float: right;
	text-align: right;
}

#contact td{
	padding-left: 15px;
	}

#contact a{	
	text-decoration: none;
	color: #999;
	}

#contact a:hover{
	text-decoration: none;
	color: #09b7f8;
	}
	
.pc_item a{
 text-decoration: none;
 color: #555;
 font-size: 13px;
}

.pc_item a:hover{
 text-decoration: none;
 color: #09b7f8;
 font-size: 13px;
}

#bgstory{
	width: 940px;
	background-color: #fff;
	padding: 10px 5px 10px 0;
	margin-bottom: 20px;
}

#img_story{

}

#img_story li{
	margin-top: 5px;
	list-style: none;
	float: left;
	display: inline;
}

#img_story img{
	border: 2px solid #fff;
	display: block;
	cursor: pointer;
}


.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   /*background-color: rgba(9,182,248, 0.6);*/
   background-color: rgba(85,85,85, 0.5);   
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}



.view .mask,.view .content {
   width: 195px;
   height: 120px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 11px;
   padding: 3px;
   background: rgba(0, 0, 0, 0.8);
   margin: 10px 0 0 0;
}
.view p {
   font-style: italic;
   font-size: 10px;
   position: relative;
   color: #fff;
   padding: 10px 5px;
   text-align: center;
}


.view {
   width: 195px;
   height: 120px;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background: #fff url(/images/bgimg.jpg) no-repeat center center;
}

/*
#label0{
	position: absolute;
	width: 960px:
	height: 76px;
	left: -48px;
}


#label{
	position: absolute;
	width: 960px:
	height: 76px;
	left: -48px;
}

#label1{
	position: absolute;
	width: 960px:
	height: 76px;
	left: -48px;
}

#label2{
	position: absolute;
	width: 960px:
	height: 76px;
	left: -48px;
}
*/
a{	
	text-decoration: none;
	color: #09b7f8;
	}


a:link{
	text-decoration: none;	
	}
	
a:visited{
	text-decoration: none;	
	}

a:hover{
	text-decoration: underline;
	color: #09b7f8;
	}
	
a:active{
	outline:none;
	text-decoration: none;
	}
	
a:focus{
	outline: none;
	}
	
img{
 border: 0px;	
	}
	
#brand{
display:none;
}

#breadcrumbs{
font-size:12px;
color:#555;
height:20px;
border-bottom:1px solid #555;
width:100%;
text-align:left;
margin-bottom:20px;
}

#breadcrumbs a{
font-size:12px;
text-decoration:none;
color:#555;
}

#breadcrumbs a:hover{
font-size:12px;
text-decoration:underline;
color:#555;
}

.bold{
font-weight:strong;
}