@charset "UTF-8";
/* CSS Document */


/*************/
/****Basic****/
/********** **/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased !important;
	
}
html,body {
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased !important;
	overflow-x:hidden;
}
html, html a {   -webkit-font-smoothing: antialiased; }
body { background-color:#F3F0DF; /*padding:0px 20px;*/ margin:0; font-family:'sommet_roundedregular', Arial, sans-serif; font-weight:normal; -webkit-font-smoothing: antialiased !important; }
a { color:inherit;}
div#preloaded-images {   position: absolute;   overflow: hidden;   left: -9999px;    top: -9999px;   height: 1px;   width: 1px;}

/******************************/
/****Animazione****/
/******************************/

div,body{      -moz-transition:height 500ms, background-color 500ms, -moz-transform 500ms;
    		-webkit-transition:height 500ms, background-color 500ms, -webkit-transform 500ms;
    		     -o-transition:height 500ms, background-color 500ms, -o-transform 500ms;
   			        transition:height 500ms, background-color 500ms, transform 500ms;

-webkit-transition-timing-function: cubic-bezier(0.645, 0.000, 0.385, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.645, 0.000, 0.385, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.645, 0.000, 0.385, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.645, 0.000, 0.385, 1.000); 
        transition-timing-function: cubic-bezier(0.645, 0.000, 0.385, 1.000); }

.menu-slide-button{ -moz-transition:height 500ms, background-color 500ms, -moz-transform 500ms;
    		-webkit-transition:height 100ms, background-color 100ms, -webkit-transform 100ms;
    		     -o-transition:height 500ms, background-color 500ms, -o-transform 500ms;
   			        transition:height 500ms, background-color 500ms, transform 500ms;}
					
		
/*************************************************************************************************/

ul,li,a,span{ text-decoration:none; list-style:none; margin:0; padding:0;outline: none;}
.content{  height:100%; width:100%; float:left; }
.header{ height:70px; width:100%; position: fixed;top: 0;left: 0; z-index:990; background-color:#FAF9F0; -webkit-box-shadow: inset 0px 0px 0px 1px #EBE8D7;-moz-box-shadow: inset 0px 0px 0px 1px #EBE8D7;-o-box-shadow: inset 0px 0px 0px 1px #EBE8D7;-ms-box-shadow: inset 0px 0px 0px 1px #EBE8D7;box-shadow: inset 0px 0px 0px 1px #EBE8D7; }
.header-space{  height:70px; width:100%; float:left;}
.headerLogo{ float:left; width:250px; height: 100%; background-image:url(../img/logo.svg); background-repeat:no-repeat;background-size: 100%; margin: 10px 0 0 10px;}
.type{text-transform:uppercase;}
.subMenu{height:65px; width:100%;  background-color:#FAF9F0; -webkit-box-shadow: inset 0px -1px 0px 0px #EBE8D7;-moz-box-shadow: inset 0px -1px 0px 0px #EBE8D7;-o-box-shadow: inset 0px -1px 0px 0px #EBE8D7;-ms-box-shadow: inset 0px -1px 0px 0px #EBE8D7;box-shadow: inset 0px -1px 0px 0px #EBE8D7; float:left; }
.subMenu ul{ float:right; text-align:right; color: #6A7478; font-size:15px}
.subMenu ul li{ float:left; line-height:53px; background-size: 50px;
background-repeat: no-repeat;  background-image:url(../img/icons_small.svg);margin-top: 7px; margin-right:22px; cursor:pointer;}
li#menuCaseStudies{ background-position: 22px 0px; width: 182px;}
li#menuStatistics{ background-position: 22px -1000px;width: 163px;}
li#menuPictures{ background-position: 22px -600px; width: 160px;}
li#menuPartners{ background-position: 22px -200px; width: 226px;}
.subMenu ul li:hover{ color:#60B580}

li#menuCaseStudies:hover{ background-position-y:-100px; }
li#menuStatistics:hover{ background-position-y:-1100px;}
li#menuPictures:hover{ background-position-y:-700px;}
li#menuPartners:hover{ background-position-y:-300px;}

.panorama{  width:100%; height:430px;  overflow:hidden;}

.info{ /*height:375px;*/ width:100%;  background-color:#F3F0DF; float:left; position:relative; margin-top:10px;}
.menu-slide{ height:65px; background-color:#CCC;}
.menu-slide-button{ height:100%; width:25%; background-color:#CCC; float:left;
-webkit-box-shadow: inset   0px 0px 0px 1px #803333;
-moz-box-shadow: inset   0px 0px 0px 1px #803333;
-o-box-shadow: inset   0px 0px 0px 1px #803333;
-ms-box-shadow: inset   0px 0px 0px 1px #803333;
box-shadow: inset 0px 0px 0px 1px #803333; }
.menu-slide-button:hover{ background-color:#FFF;}

.menu-slide-button-txt{ padding:20px; text-transform:uppercase; text-align:center;}


.bannerbox{ width:25%; float:right; }
.container{ max-width:1441px; margin:0 auto;}
.menu-graph, .menu-maps, .menu-pictures, .menu-statistics { width:100%; height:100%;} 
.menu-graph img, .menu-maps img, .menu-pictures img, .menu-statistics img { width:100%;}
.menu-graph{ background-image:url(../img/panorama01.jpg); background-size:cover; }
.menu-maps{ background-image:url(../img/panorama02.jpg); background-size:cover;}
.menu-pictures{  background-image:url(../img/panorama04b.jpg); background-size:cover;}
.menu-statistics{ background-image:url(../img/panorama04.jpg); background-size:cover;}


.jshowoff{ overflow:hidden;}
.jshowoff-slidelinks{ height:65px; padding:0; margin:0; overflow:hidden; background-color:#FAF9F0; -webkit-box-shadow: inset 0px 0px 0px 1px #EBE8D7;-moz-box-shadow: inset 0px 0px 0px 1px #EBE8D7;-o-box-shadow: inset 0px 0px 0px 1px #EBE8D7;-ms-box-shadow: inset 0px 0px 0px 1px #EBE8D7;box-shadow: inset 0px 0px 0px 1px #EBE8D7; }
.jshowoff-slidelink-0, .jshowoff-slidelink-1, .jshowoff-slidelink-2, .jshowoff-slidelink-3 { width:25%; float: left;text-align: center;height: 100%; text-decoration:none; background-position: 22px 0px;background-size: 50px;background-repeat: no-repeat; font-size:15px;  }
.jshowoff-slidelink-0, .jshowoff-slidelink-1, .jshowoff-slidelink-2, .jshowoff-slidelink-3{ color:#6A7478; line-height:53px; height:57px; margin-top:7px; background-image:url(../img/icons_small.svg)}
.jshowoff-active{ color:#60B580}
.jshowoff-slidelink-0 { background-position:22px -200px;  }
.jshowoff-slidelink-1 {background-position:22px -1600px; }
.jshowoff-slidelink-2 { background-position:22px -600px; }
.jshowoff-slidelink-3 { background-position:22px -1000px;}
.jshowoff-slidelink-0.jshowoff-active{ background-position:22px -300px;  }
.jshowoff-slidelink-1.jshowoff-active{ background-position:22px -1700px; }
.jshowoff-slidelink-2.jshowoff-active{  background-position:22px -700px;}
.jshowoff-slidelink-3.jshowoff-active{ background-position:22px -1100px;}

.book{ width:23.7%; margin-left:1%; float: left;} .book object{ width:100%; float:left} .book img{ width:100%; float:left}
.bookArticle{ float: left;width: 23.7%;margin-left: 1%;}
.bookTitle{ color:#2C3336;line-height:30px;font-family:'sommet_roundedlight', Arial, sans-serif;  font-size:32px; padding: 13px 10px 20px 0px; border-bottom: solid 1px #d5d4c7; margin-bottom: 20px; }
.bookSubtle{ color:#2C3336;line-height:18px;font-family:'sommet_roundedbold', Arial, sans-serif;  font-size:15px; }
.bookText{ color:#6A7478;line-height:14px;font-family:'sommet_roundedregular', Arial, sans-serif;  font-size:13px; } 
.bookText p{ padding: 20px 0px 0px 0px;}
.banner{ width:100%;} .banner img{ width:100%;float:left}
.bannerWU{ width:100%;} .bannerWU img{ width:100%;} .bannerWU object{ width:100%;} .bannerWU img{ width:100%;}
.trd_menu{ float:left; width:100%;}
.bookOption { width: 100%; margin-top:2%; float:left; color:#6A7478; background-color:#FAF9F0;-webkit-box-shadow: inset 0px 0px 0px 1px #EBE8D7;-moz-box-shadow: inset 0px 0px 0px 1px #EBE8D7;-o-box-shadow: inset 0px 0px 0px 1px #EBE8D7;-ms-box-shadow: inset 0px 0px 0px 1px #EBE8D7;box-shadow: inset 0px 0px 0px 1px #EBE8D7; text-align:center; height:60px; vertical-align:middle; line-height:60px;font-family:'sommet_roundedbold', Arial, sans-serif;  font-size:13px;  }

.bookOption li{ float:left; text-align:center; width:100%; height:53px; font-size:13px;   }
.bookOption li:hover{ border-bottom: 7px solid #60B580;}

.bookDownload{width: 100%; margin-top:2%;  float:left; background-color:#60B580; color:#F3F0DF; -webkit-box-shadow: inset 0px 0px 0px 1px #57A374;-moz-box-shadow: inset 0px 0px 0px 1px #57A374;-o-box-shadow: inset 0px 0px 0px 1px #57A374;-ms-box-shadow: inset 0px 0px 0px 1px #57A374;box-shadow: inset 0px 0px 0px 1px #57A374; text-align:center; height:60px;vertical-align:middle; line-height:60px; font-family:'sommet_roundedbold', Arial, sans-serif; font-size:13px; }
.bookButtons{ width: 100%;}
.articleContainer{ background-color:#F3F0DF;width:100%; float:left;}
.articleCategory{width:97%; margin-left: 2%;float:left; height:65px; line-height:65px; color:#6A7478; font-size:20px; border-top: solid 1px #d5d4c7; margin-top: 15px;}

#catCase{ background-image:url(../img/icons_small.svg); background-position: 0px 6px; background-repeat:no-repeat; background-size:50px; }
#catCase span{padding-left:65px;}
#catStatistics { background-image:url(../img/icons_small.svg); background-position: 0px -994px; background-repeat:no-repeat; background-size:50px;   }
#catStatistics span{padding-left:65px;}
.articleTitle{ line-height:18px; font-family:'sommet_roundedbold', Arial, sans-serif;color:#2C3336; font-size:15px; padding:20px 20px 0px 20px; overflow: hidden;  -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.articleText{ color:#6A7478; padding:20px 20px 20px 20px; font-size:13px;  overflow: hidden;  -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.articleWrap{width:100%; float:left;}
.article{ float:left; width:23.7%; margin-left:1%; color:#6A7478; background-color:#FAF9F0;-webkit-box-shadow: inset 0px 0px 0px 1px #EBE8D7;-moz-box-shadow: inset 0px 0px 0px 1px #EBE8D7;-o-box-shadow: inset 0px 0px 0px 1px #EBE8D7;-ms-box-shadow: inset 0px 0px 0px 1px #EBE8D7;box-shadow: inset 0px 0px 0px 1px #EBE8D7;}
.articleImage{ width:100%; }
.articleImage img { width:100%;}
.tipAdditionalInfo{ width: 100%;margin-top: 20px;float: left; margin-bottom:20px; border-top: solid 1px #d5d4c7; }
.tipAdditionalInfoObject{ width:46.7%; margin-left:1%; float:left} .tipAdditionalInfoObject img{ width:100%;}
footer{ width:100%; float:left; height:100%; background-color:#6A7478; font-family: 'sommet_roundedlight', Arial, sans-serif;}
.footerColon{ width:25%; height:100%; float:left; }
.footerSemiColon{ width:48%; margin-right:2%; float:left;}
.footerCode{ width:100%; float:left; background-color:#2C3336; text-align:center; color: #6A7478; font-size:12px; padding:20px 0; font-family: 'sommet_roundedbold', Arial, sans-serif;}
.footerTitle{ padding-bottom: 30px;}
.footerTitle span#footerTitle{  font-family: 'sommet_roundedbold', Arial, sans-serif; padding:35px 0 15px 0; display:block; color:#EDDBAD; font-size:15px;}
.footerLink{  font-family: 'sommet_roundedregular', Arial, sans-serif; padding:5px; font-size:12px; color:#F3F0DF;}


.menuStatistics, .menuCommunity, .menuSupport, .menuCase, .menuSyndacation {background-position: 22px 0px;background-size: 30px;background-repeat: no-repeat; background-image:url(../img/icons_small.svg); height:30px;}
.menuStatistics{ background-position:22px -582px; }
.menuStatistics:hover{background-position:22px -642px; }
.menuCommunity {background-position:22px -702px;}
.menuCommunity:hover {background-position:22px -762px; }
.menuSupport {background-position:22px -222px;}
.menuSupport:hover {background-position:22px -282px; }
.menuCase {background-position:22px 18px;}
.menuCase:hover {background-position:22px -42px; }
.menuSyndacation {background-position:22px -822px;}
.menuSyndacation:hover {background-position:22px -882px; }
.postContainer{ margin-left:1%; float:left; width:99%;}
.postContainer img{ width:100%;}
.navContainer{ display:none;}
.slideFade{ float:left; width:48.7%; margin-left:1%;}
.bookTitle { line-height:26px; font-size:27px; padding:19px 10px 12px 0px; margin-bottom:18px;   }
.bookButtons{ margin-top:13px;}
p#pTempo{ display:none;} 
.tipAdditionalInfoObject iframe{
    
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    position:relative;
    z-index:90;
	width: 100%;

}
.ratio{ position:relative}
#catMiniStatistics,#catMiniMap { width:200px;  margin-left:0; padding-left:50px;background-image: url(../img/icons_small.svg);
background-repeat: no-repeat;
background-size: 50px; margin-bottom:20px; margin-left:20px;}
#catMiniStatistics{background-position: 0px -994px; border:none}
#catMiniMap{background-position: 0px -1594px;border:none}

.noMarginRight{ margin-right:0;}

/******************************/
/****Smartphone - Landscape - 480 > 568 ****/
/******************************/

@media screen and (min-width:480px) and (max-width:767px) { .type:after { content:" \2014  Smartphone - Landscape";} .panorama{ height:200px;} .header,.header-space{ height:50px;} .info{ width:100%} .articleContainer{ width:100%;} .bannerbox{ width:50%} .book{ width:47%; margin:0; margin-left:2%;} .bookButtons{ width:100%; height:120px; } .bookArticle{ width:47%; margin-left:2%;} .bookTitle{ font-size:24px; line-height:27px} .bookOption, .bookDownload{ width:100%;} .article{ width:47%; margin-left:2%; margin-top:2%;} #headerMenu > ul > li > a > span{line-height: 50px;} #headerMenu > ul > li > a{ height:43px;}  #headerMenu > ul li:hover ul{ top:50px} .headerLogo{ background-image:url(../img/logo_small.svg); width:95px;} p#p2{ /*position:absolute; top:-9999px; left:-9999px; */} p#p1{ /*position:absolute; top:-9999px; left:-9999px; */} a.jshowoff-slidelink-0, a.jshowoff-slidelink-1, a.jshowoff-slidelink-2, a.jshowoff-slidelink-3 { color: transparent}  .footerColon {width: 43%;height: 100%;float: left; } .header{ float: left;position: static;} .header-space{ display:none}  #headerMenu{ display:none;} .navContainer{ display:block;} .tipAdditionalInfoObject { width:90%; margin-left:5%; margin-bottom:20px;} .slideFade{ float:left; width:96%; margin-left:2%; margin-top:2%;} .slideFade, .bx-viewport, .bxslider, .bxslider li{ height:300px !important} .bx-wrapper img { height:auto !important; width:100%;} 
.subMenu ul{ font-size:12px; color:transparent; width:100%;}
.subMenu ul li{ line-height:53px; margin-right:0; margin-left:5%;}
li#menuCaseStudies{ background-position: 14px 0px; width: 20%;}
li#menuStatistics{ background-position: 14px -1000px;width: 20%;}
li#menuPictures{ background-position: 14px -600px; width: 20%;}
li#menuPartners{ background-position: 14px -200px; width: 20%;}

.tipAdditionalInfoObject iframe{
    
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
	width:632px;  }
.bookDownload{width: 49%;margin-right: 2%;}

}

/*****************************/
/****Smartphone - Portrait - 320 > 480 ****/
/*****************************/

@media screen and (min-width:1px) and (max-width:479px) { .type:after { content:" \2014  Smartphone - Portrait";} .panorama{ height:200px;} .header,.header-space{ height:50px;} .menu-slide-button{ width:100%;} .info{ width:100%; height:100%;}  .book{ width:90%; height:100%; margin:0; margin-left:5%; } .articleContainer{ width:100%;} .bannerbox{ width:100%; margin-top:20px} .bookButtons{ width:100%;height:100%; margin-top: 20px;float: left; position:relative} .bookOption, .bookDownload{ width:100%; margin:0; margin-top:10px;} .article{ width:90%; margin-left:5%;margin-bottom:20px;} #headerMenu > ul > li > a > span{line-height: 50px;color: transparent;} #headerMenu > ul > li > a{ height:43px;}  #headerMenu > ul li:hover ul{ top:50px} .headerLogo{ background-image:url(../img/logo_small.svg); width:95px;}  .bookArticle{ width:90%; margin-left:5%; }  a.jshowoff-slidelink-0, a.jshowoff-slidelink-1, a.jshowoff-slidelink-2, a.jshowoff-slidelink-3 { color: transparent} .footerColon {width: 100%;height: 100%;float: left; } .header{ float: left;position: static;} .header-space{ display:none} #headerMenu{ display:none;} .navContainer{ display:block;}
.menu-graph{  background-image:url(../img/panorama01_small.jpg);   }
.menu-maps{ background-image:url(../img/panorama02_small.jpg);  }
.menu-pictures{  background-image:url(../img/panorama04b.jpg);  }
.menu-statistics{ background-image:url(../img/panorama04_small.jpg);  }
.articleCategory{ width:90%; margin-left:5%;}
.tipAdditionalInfoObject { width:90%; margin-left:5%; margin-bottom:20px;} 
 .slideFade{ float:left; width:90%; margin-left:5%; margin-top:5%;} .slideFade, .bx-viewport, .bxslider, .bxslider li{ height:270px !important} .bx-wrapper img { height:auto !important; width:100%;}
.subMenu ul{ font-size:12px; color:transparent; width:100%;}
.subMenu ul li{ line-height:53px; margin-right:0; margin-left:5%;}
li#menuCaseStudies{ background-position: 14px 0px; width: 20%;}
li#menuStatistics{ background-position: 14px -1000px;width: 20%;}
li#menuPictures{ background-position: 14px -600px; width: 20%;}
li#menuPartners{ background-position: 14px -200px; width: 20%;}
.subMenu ul li:hover{color:transparent;}

.tipAdditionalInfoObject iframe{
    
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
	width:632px;  }


}


/**************************/
/****Tablet - Landscape 1024 > 1200 ****/
/**************************/

@media screen and (min-width:1024px) and (max-width:1200px) { .type:after { content:" \2014  Tablet - Landscape";} .header,.header-space{ height:50px;} #headerMenu > ul > li > a > span{line-height: 50px;} #headerMenu > ul > li > a{ height:43px;}  #headerMenu > ul li:hover ul{ top:50px} .headerLogo{ background-image:url(../img/logo_small.svg); width:95px;} p#p2, p#p1, .bookTitle { display:none;} p#pTempo{ display: block;} .bookButtons{ margin-top:25px;} .tipAdditionalInfoObject iframe{
    
    -webkit-transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
	width:632px;  }
	.bookDownload{width: 49%;margin-right: 2%;}
}
/*************************/
/****Tablet - Portrait - 768 > 800 ****/
/*************************/

@media screen and (min-width:768px) and (max-width:1023px) { .type:after { content:" \2014  Tablet - Portrait";} .header,.header-space{ height:50px;} #headerMenu > ul > li > a > span{
line-height: 50px;} #headerMenu > ul > li > a{ height:43px;}  #headerMenu > ul li:hover ul{ top:50px} .headerLogo{ background-image:url(../img/logo_small.svg); width:95px;} p#p2{ /*position:absolute; top:-9999px; left:-9999px; */} .bookTitle{ font-size:29px; line-height:28px} .bookArticle{ width:47%; margin-left:2%;} .book{ width:47%; margin:0; margin-left:2%;}
.slideFade{ float:left; width:96%; margin-left:2%; margin-top:2%;} .slideFade, .bx-viewport, .bxslider, .bxslider li{ height:400px !important}
.bx-wrapper img { height:auto !important; width:100%;}

.tipAdditionalInfoObject iframe{
    
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
	width:632px;  }
	
	.bx-wrapper img {

top: -50%;
position: relative;

}
.bookDownload{width: 49%;margin-right: 2%;}
}

/**************************/
/****Pc - Laptop 1280 > 1440 ****/
/**************************/

@media screen and (min-width:1201px) and (max-width:1440px) { .type:after { content:" \2014  Pc - Laptop";} .info, .articleContainer{ min-width:1440px; } .bookDownload{width: 49%;margin-right: 2%;} }

/*************************/
/****Pc - Desktop - 1680 > 1920 ****/
/*************************/

/*@media screen and (min-width:1441px) { .type:after { content:" \2014  Pc - Desktop";} .content{ width:100%; } .panorama{ height:500px;} .info{ width:100%;  margin-top:0} .articleContainer{ width:100%;} .bannerbox{ width:100%; margin-top: 20px;} .book{ width:100%;  margin:0; } .futureLeft{ float: left;
width:75%;}.articleContainer{ width:100%;} #bigSidebar{ width:25%; float:left;} .bookButtons{ width:100%; height:100%; position:relative; float: left;margin-top: 20px;} .bookOption, .bookDownload{ width:96%; margin-top:10px;} .tipAdditionalInfo {width: 96%;} .bookArticle{ width:96%;} }
*/

/*************************/
/****Pc - Workstation - 2560 > infinito ****/
/*************************/

/*@media screen and (min-width:1921px) and (max-width:2560px) { body{ background-color:#000} .type:after { content:" \2014  Pc - Workstation";} .content{ width:75%; } .panorama{ height:500px;}  .info{ width:25%;  height:560px; margin-top:0} .article{ width:75%;} .bannerbox{ width:25%} }*/