@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'OmnesMedium';
    src: url('omnes-medium-webfont.eot');
    src: url('omnes-medium-webfont.eot#iefix') format('embedded-opentype'),
         url('omnes-medium-webfont.woff') format('woff'),
         url('omnes-medium-webfont.ttf') format('truetype'),
         url('omnes-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}





.centro_contenuti_backup{
	width: 960px;
	height:2380px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	background-color:#FFFFFF;		
	background-image:url(immagini/layout.png);
	background-repeat: no-repeat;
}
.centro_contenuti{
	width: 960px;
	/* height:2380px;*/
/*	height:2650px;*/
	height:2450px;
/*	height:3300px;*/    /*  per schermi grossi sarebbe più indicato questa misura!!!  */
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
}

.centro_contenuti_bann{
	width: 960px;
	/* height:2380px;*/
	height:140px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
  	background-color:#FFFFFF;
	background-repeat: no-repeat;
}
.centro_contenuti_corpo{
	/*width: 960px;*/
	width: 100%;
/*	height:2310px;*/
	height:2110px;
/*	height:2960px;*/    /*  per schermi grossi sarebbe più indicato questa misura!!!  */
/*	height:1000px;*/
/*    height:2540px;*/    /* 2680 - 140 (cioè altezza del banner)  */
	margin-left:auto;
	margin-right:auto;
	top: 140px;
	/*margin-top: 0px;*/
	position: absolute;
	background-repeat: no-repeat;
}
/* contenuti banner  */
.headerwrapper {
padding-top:0px;
width: 960px;
/*z-index: 400;*/
z-index: 400;
height: 140px;
position: fixed;
background-color: #FFF;
}
.banner {
width: 960px;
height: 70px;
/*height: 140px;*/
margin-top: 0px;
background-color: #FFF;
}
.banner_sp {
width: 960px;
margin-left:auto;
margin-right:auto;
height: 70px;
/*height: 140px;*/
margin-top: 0px;
}
.navigation{
	margin-left: 297px;
	width: 70px;
	height: auto;
	background-color:#FFF;
	line-height: 15pt;
	margin-top: -69px;
}
.logobanner{
	width:242px;
	height:55px;
	margin-top: 46px;
	margin-left: 25px;
}
.men_1{
   width: 57px;
   height: 23px;
}
.men_2{
	width: 57px;
	height: 23px;
	margin-top: -4px;
}
.bann1{
	width: 219px;
	height: 109px;
	margin-top: -94px;
	margin-left: 387px;
}
.bann2{
	width: 219px;
	height: 109px;
	margin-top: -109px;
	margin-left: 564px;
}
.bann3{
	width: 219px;
	height: 109px;
	margin-top: -109px;
	margin-left: 722px;
}

/* punti ancoraggio pagina e richiamo menù */
.buttonmenu {
        width: auto;
	    height: auto;
	    margin-top: 0px;
		border: none;
}
/*.buttonmenu {
        width: 57px;
	    height: 23px;
	    margin-top: -4px;
		border: none;
}*/
.butt_linkmenu {
        width: 57px;
	    height: 23px;
	    margin-top: -4px;
		border: none;
}

/* .aboutanchor {
position:absolute;
top:0px;
width:20px;
height:20px;
}  */
.aboutanchor {
position:absolute;
top:430px;
/*top:480px;*/
width:20px;
height:20px;
}
.homeanchor {
position:absolute;
top:0px;
width:20px;
height:20px;
}
.workanchor {
position:absolute;
/*top: 930px;*/
top: 815px;
width:20px;
height:20px;
}
.teamanchor {
position:absolute;
/*top: 1325px;*/
top: 1217px;
width:20px;
height:20px;
}
.clientsanchor {
position:absolute;
/*top: 1805px;*/
top: 1630px;
width:20px;
height:20px;
}
.spazio_link{
	width: auto;
	height: 4px;
}

/* contenitori legati allo SCROLL */
.content{
	overflow:hidden;
/*  height: 2480px;*/
/*	height: 2390px;*/
	height: 2190px;
/*	height: 2180px; */
	/*height: 1000px;*/
	width:960px;
	margin-top: 0px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	/*float:left;*/
	background-color:#FFF;
	/*margin-left: 0px;*/
/*	z-index: 100;*/
}
.section{
	width:960px;
	height: 430px;
	margin-left: 0px;
	margin-top: 10px;
	position: relative;
/*	z-index: 100;*/
	background-color:#FFF;
}
.section1{
	width:960px;
	background-color:#FFF;
	height: 447px;
/*	height: 430px;*/
	margin-left: 0px;
/*	margin-top: 10px;*/
	margin-top: -30px;
	position:relative;
	background-color: ;
	/*z-index: 150;*/
/*	z-index: 100; */          /* se ci sono link o zone sinsibili,queste devono essere sopra ai livelli del PARALLAX altrimenti nn interagiscono con il muose ... (magari poi servirà metterlo anche zindex sopra i 200) */
}
.section_slidehome{
	width:960px;
	height: 430px;
	margin-left: 0px;
	margin-top: 0px;
	position:relative;
	background-color: ;
}
.section2{
	width:960px;
	height: 430px;
	margin-left: 0px;
	margin-top: 10px;
	position:relative;
/*	z-index: 100;*/
	background-color:#FFF;
}
.section3{
	width:960px;
	height: 430px;
	margin-left: 0px;
/*	margin-top: 10px;*/
	margin-top: -70px;
	position: relative;
	background-color:#FFF;
}
.section4{
	width:960px;
/*	height: 430px;*/
	height: 420px;
	margin-left: 0px;
	margin-top: -45px;
	position: relative;
	background-color:#FFF;
}


/* parte slider  */
.sliderhome{
	width: auto;
	height: 420px;
	margin-top: 0px;
	font-family: OmnesMedium;
}
.footer{
	height:30px;
	margin-top:-45px;
	width:auto;	
}
.imgfooter{
	height:71px;
	width:960px;
}
.footer1{
	height:30px;
/*	margin-top:-45px;*/
	margin-top:-46px;
	width:auto;
/*	width:300px;*/
	position:absolute;
/*	margin-left:30px;*/
	margin-left:27px;
/*	z-index: 150;    */      /* anche il testo ha problemi se ci sono elementi sopra! in questo caso poi gli elementi del parallax sono tutti sulla sinistra e quindi ci  vanno sopra sicuramente!! ... */
}
/*.footer1{
	height:30px;
	margin-top:-45px;
	width:auto;
}*/
/*.footer1{
	height:30px;
	margin-top: -45px;
	width:auto;
	z-index:2000;
}*/
.footer2{
	height:30px;
/*	margin-top:15px;*/
    position:absolute;
	margin-top:-20px;
	width:auto;
	margin-left:30px;
}
.logosmall{
	width: 121px;
	height: 27px;
	margin-left: 795px;
/*	margin-top:-24px;*/
/*	margin-top:-21px;*/
    margin-top:3px;
	position:absolute;
}
/*.logosmall{
	width: 121px;
	height: 27px;
	margin-left: 825px;
	margin-top:-24px;
}*/

/*  parte ABOUT  */
.cont_about{
	width: auto;
	height: 410px;
	margin-top: 0px;
}
.graffa_about{
	width: 104px;
	height: 334px;
	margin-top: 32px;
	margin-left:20px;
}
.titolo_about{
	width: 165px;
	height: 50px;
    margin-top: -339px;
	margin-left:123px;
}
.immag_about{
	width: 375px;
	height: 308px;
	margin-top: -275px;
	margin-left: 510px;
}
.cont_works{
	width: auto;
	height: 410px;
	margin-top: 0px;
}
.slider_works{
	width: 630px;
	height: 405px;
	margin-top: 0px;
}
.contsl_works{
	width: 566px;
	height: 360px;
	margin-top: 23px;
	background-color: #FFF;
	margin-left:64px;
}
.titolo_works{
	width: 164px;
	height: 49px;
/*	margin-top: -390px;*/
/*    margin-top: -345px;*/
	margin-top: -368px;
	margin-left: 651px;
}
.menu_works{
	width: 187px;
/*	height: auto;*/
	height: 231px;
	margin-top: 20px;
	margin-left:670px;
}
.list_work{
	list-style:none;
	width:187px;
}
.listbutton_work{
	list-style:none;
	width:187px;
	margin-top: -5px;
}
.graffa_works{
	width: 72px;
	height: 309px;
	margin-top: -282px;
/*	margin-top: -276px;*/
	margin-left:831px;
}
.more_works{
	width: 70px;
	height: 26px;
	margin-top: 0px;
	margin-left:679px;
}

/* parte TEAM  ---------------------------------------------------------------------------------  */
.cont_team{
	width: auto;
	height: 410px;
	margin-top: 0px;
}
.graffa_team{
	width: 104px;
	height: 334px;
	margin-top: 32px;
	margin-left:13px;
}
.titolo_team{
	width: 165px;
	height: 50px;
	margin-top: -339px;
	margin-left:123px;
}
.img_team{
	width: 379px;
	height: 103px;
/*	margin-top: -370px;*/
    margin-top: -100px;
	margin-left: 400px;
}
/*.foto1_team{
	width: 107px;
	height: 71px;
	margin-top: 20px;
	margin-left: 383px;
}*/
.contfoto_team{
	width: 760px;
	height: 225px;
	margin-top: 0px;
	margin-left: 0px;
}
.contfoto_ifrteam{
/*	width: 960px;*/
	width: 760px;
	height: 225px;
	margin-top: 20px;
	margin-left: 200px;
}
.foto1_team{
	width: 107px;
	height: 71px;
	margin-top: 0px;
	margin-left: 183px;
/*	margin-left: 383px;*/
}
.foto2_team{
	width: 107px;
	height: 71px;
	margin-top: -71px;
	margin-left: 297px;
/*	margin-left: 114px;*/
/*	margin-left: 497px;*/
	background-color:#FFF;
}
.foto3_team{
	width: 107px;
	height: 71px;
	margin-top: -71px;
	margin-left: 411px;
/*	margin-left: 611px;*/
	background-color:#FFF;
}
.foto4_team{
	width: 107px;
	height: 71px;
	margin-top: -71px;
	margin-left: 525px;
/*	margin-left: 725px;*/
	background-color:#FFF;
}
.foto5_team{
	width: 107px;
	height: 71px;
	margin-top: -71px;
	margin-left: 639px;
/*	margin-left: 839px;*/
	background-color:#FFF;
}
.foto6_team{
	width: 107px;
	height: 71px;
	margin-top: 6px;
	margin-left: 183px;
/*	margin-left: 383px;*/
	background-color:#FFF;
}


/* stili per rollover didascalie */
.chisiamoimages {
	width: auto;
	height: auto;
	display:inline;
}
.tooltip {
	display:none;
	background:url(img/blackarrow.png);
	background-repeat: no-repeat;
	font-size:13px;   /* definisce le caratteristiche della scritta della seconda riga es. Designer ...  */
	height:48px;   /* definisce posizione etc del contenuto maanche l'area sensibile  */
	width:153px;
	padding-top: 25px;
	padding-left: 27px;
	margin-top: -15px;
	color:#CCC;
	font-family: Georgia, "Times New Roman", Times, serif;  
}

.tooltip.bottom {background:url(img/blackarrow.png);	padding-top:200px;	height:70px; }
.tooltip.bottom {background:url(img/blackarrow.png); }

h1,h2,h3,h4,h5,h6{margin:0;padding:0;}  
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

h2 {font-size:123.1%;}
h3 {font-size:108%;}
h1 {font-size:12px;color:#FFFFFF;line-height:15px;margin-bottom:5px;font-family: Verdana, Geneva, sans-serif;}


/* parte CLIENTI  -----------------------------------------------------------------------------------------*/
.cont_clients{
	width: auto;
	height: 420px;
	margin-top: 0px;
	font-family: OmnesMedium;
}
.titolo_clients{
	width: 183px;
	height: 49px;
/*	margin-top: -83px;*/
/*  margin-top: -45px;*/
	margin-top: -48px;
	margin-left: 651px;
}
.loghi_clients{
	width: 717px;
	height: 171px;
/*	margin-top: 77px;*/
	margin-top: 57px;
	margin-left: 80px;
}
.graffa_clients{
	width: 85px;
	height: 328px;
/*	margin-top: -290px;*/
    position:absolute;
	margin-top: -265px;
	margin-left:838px;
	font-family: OmnesMedium;
}