/* Arial,'Helvetica Neue',Helvetica,sans-serif
PTSerif-Bold,Georgia,Times,'Times New Roman',serif
*/


.body-infografica.longform-article { width: 500px; margin-left: 239px; }

.body-infografica #longform-navigation-container { width: 978px; margin-left: -239px; }

#longform-navigation-container { height: 40px; margin-bottom: 20px; }

#longform-navigation {
  background-color: #4298b5;
  list-style: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 30px 0 !important;
  position: relative;
  z-index: 150;
  padding-left: 0 !important;
}

#longform-navigation li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin:0; border-right:1px solid #FFF; }

#longform-navigation li:last-child { border-right: none }

#longform-navigation li a {
  display:block;
  background-color: #4298b5;
  color: #FFF;
  font: 15px/40px PTSans-NarrowBold,Arial,'Helvetica Neue',Helvetica,sans-serif;
  text-transform: uppercase;
  text-align: center;
}

#longform-navigation li a:hover { background-color:#317187  }

#longform-wrapper.longform-sticky {
  position: fixed;
  width: 978px;
  top: 0px;
  z-index: 20;
}

#longform-mobilemenu { display: none } /* menu visibile solo su mobile */

#longform-mobilemenu .openclose {
  background-color: #FFF;
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  float: right;
  margin: 10px 15px 0 0 ;
}

#longform-mobilemenu .openclose:before, #longform-mobilemenu .openclose:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  background-color: inherit;
  border-radius: inherit;
  }

#longform-mobilemenu .openclose:before {
  top: 8px;
  }

#longform-mobilemenu .openclose:after {
  top: 16px;
}

.longform-article u { text-decoration: none; }
.longform-article u a { font: 28px/36px PTSerif-Bold,Georgia,Times,'Times New Roman',serif; margin-top: 30px; text-transform: none; color: #000;}
/*.longform-article h2 { font: 28px/36px 'FGDemiCondensed',Arial,'Helvetica Neue',Helvetica,sans-serif; margin-top: 30px }
.longform-article h3 { font: 22px/32px 'FGBookCondensed',Arial,'Helvetica Neue',Helvetica,sans-serif; font-style: italic; margin: 20px 0} */

.longform-article a, .longform-article a:visited {
    color: #4298b5;
}

.longform-article a:hover {
    color: #245363;
}

.body-infografica figure[class*="inline-"],
.body-infografica figure[class*="inline-"].inline-video,
.body-infografica .tags-list,
.body-infografica footer { width: 648px; margin-left: -74px; text-align: center;}

.body-infografica figure[class*="inline-"].inline-photo img { max-width: 978px }
.body-infografica figure[class*="inline-"].inline-photo figcaption { margin: 20px 0 }

.body-infografica.longform-article footer.text-footer { margin-left: -239px; text-align: left; }

.body-infografica .inline-article { width: 648px; margin-left: -74px; float: none; display: inline-block; margin-top: 20px; margin-bottom: 20px; padding: 20px 0; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; }

.body-infografica .inline-article h1 { display: none; }
.body-infografica .inline-article h1.title { display: block; margin-bottom: 10px}
.body-infografica .inline-article h1 a { font: 24px/28px PTSerif-Bold,Georgia,Times,'Times New Roman',serif }
.body-infografica .inline-article img { float: left; margin-right: 10px }
.body-infografica .inline-article h2 { font-weight: normal;}

.body-infografica .inline-video { width: 648px; margin-left: -74px; float: none; display: inline-block; margin-top: 20px; margin-bottom: 20px; padding: 20px 0; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; }

.body-infografica .sidebar-img { width: 978px; text-align: center; margin: 20px 0 20px -239px; }


.gallery-component { z-index: 19 }

@media screen and (max-width: 480px) {
  #longform-navigation {
    list-style-type: none;
    margin: 0 0 30px 0;
    padding-left: 0;
    flex-direction: column;
    display: none;
  }

  #longform-navigation li { border-bottom:1px solid #FFF; border-right: none}
  #longform-navigation li:last-child { border-bottom: none }

  #longform-navigation.longform-sticky {
    width: 100%;
    left: 0;
  }

  #longform-mobilemenu { display: block; background-color: #4298b5; color: #FFF; font: 16px/40px Arial,'Helvetica Neue',Helvetica,sans-serif; text-transform: uppercase; padding-left: 10px} /* menu visibile solo su mobile */

  #longform-wrapper.longform-sticky {
    width: 100%;
    left: 0;
  }

  #body-text.longform-article u { text-decoration: none; }

  #longform-wrapper.longform-sticky {
    top: 44px;
  }

}
























.body-infografica .gallery-component a:hover {
  border-bottom: none;
}
.body-infografica .gallery-component ul,
.body-infografica .gallery-component figure {
  margin: 0;
}
.body-infografica .gallery-component footer {
  width: 420px;
  height: 25px;
  margin: 10px 0 10px;
}
.body-infografica .gallery-component footer table {
  margin: 0;
}
.body-infografica .gallery-component footer table td {
  border: none;
  padding: 0;
}
.body-infografica .gallery-component footer .gs-social-popup {
  margin-top: 7px;
}
.body-infografica .gallery-component footer .gs-social-popup .share-button {
  background-position: -1px -2285px;
  cursor: pointer;
}


/**** colori ****/
/*@controls:    		"../../img/content/controls-gallery.png";
@controls-2x:    "../../img/content/controls-gallery@2x.png";
@controls-width-1x: 30px;
@controls-height-1x: 212px;
*/
.body-infografica .gallery-component {
  position: relative;
  clear: both;
  z-index: 101;
  zoom: 1;
  margin: 30px -5px;
  padding: 0 10px 5px 10px;
  background: #000;
}
.body-infografica .gallery-component:before,
.body-infografica .gallery-component:after {
  content: "";
  display: table;
}
.body-infografica .gallery-component:after {
  clear: both;
}
.body-infografica .gallery-component h1 {
  width: 100%;
  border-bottom: 1px solid #ffffff;
  padding: 15px 15px 0 15px;
  bottom: 80px;
  margin: 0 0 15px -10px;
  z-index: 100;
  min-height: 60px;
  font: 22px/30px PTSerif-Bold, Georgia, Times, 'Times New Roman', serif;
  letter-spacing: -1px;
}
.body-infografica .gallery-component h1 a {
  color: #ffffff;
}
.body-infografica .gallery-component h1 a:hover {
  color: #4298b5;
}
.body-infografica .gallery-component figure {
  height: 335px;
  overflow: hidden;
  padding: 10px 5px;
  margin: 0 -10px;
}
.body-infografica .gallery-component figure li {
  background: #000;
  text-align: center;
  width: 100%;
}
.body-infografica .gallery-component figure li img {
  margin: 0 auto;
}
.body-infografica .gallery-component figure li a {
  display: block;
}
.body-infografica .gallery-component figure li .item-caption {
  text-align: left;
  padding: 10px;
  display: none;
}
.body-infografica .gallery-component .gallery-navigation-wrapper {
  zoom: 1;
}
.body-infografica .gallery-component .gallery-navigation-wrapper:before,
.body-infografica .gallery-component .gallery-navigation-wrapper:after {
  content: "";
  display: table;
}
.body-infografica .gallery-component .gallery-navigation-wrapper:after {
  clear: both;
}
.body-infografica .gallery-component .gallery-navigation .gallery-controls {
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 165px;
}
.body-infografica .gallery-component .gallery-navigation .gallery-index {
  display: block;
  padding-top: 10px;
  height: 23px;
  width: 70px;
  text-align: right;
  z-index: 100;
  float: left;
  margin-right: 10px;
  color: #ffffff;
  font: 20px/30px PTSans-NarrowBold, Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.body-infografica .gallery-component .gallery-navigation .gallery-index .pagenum {
  color: #4298b5;
}
.body-infografica .gallery-component .gallery-navigation .prev,
.body-infografica .gallery-component .gallery-navigation .next,
.body-infografica .gallery-component .gallery-navigation .toggle {
  display: -moz-inline-stack;
  zoom: 1;
  *display: inline;
  z-index: 100;
  width: 38px;
  height: 38px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.body-infografica .gallery-component .gallery-navigation .prev span,
.body-infografica .gallery-component .gallery-navigation .next span,
.body-infografica .gallery-component .gallery-navigation .toggle span {
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  text-align: left;
  direction: ltr;
  *line-height: 0;
  background-image: url("../png/sprite-common.png");
  background-repeat: no-repeat;
  background-position: -10000px -10000px;
  display: block;
  width: 38px;
  height: 38px;
  margin: 4px auto 2px;
  /* background-image: url("@{baseurl}controls.png"); */

}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .body-infografica .gallery-component .gallery-navigation .prev span,
  .body-infografica .gallery-component .gallery-navigation .next span,
  .body-infografica .gallery-component .gallery-navigation .toggle span {
    background-image: url("../png/sprite-common%402x.png");
    background-size: 538px 134px;
  }
}
.body-infografica .gallery-component .gallery-navigation .prev:hover,
.body-infografica .gallery-component .gallery-navigation .next:hover {
  cursor: pointer;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
}
.body-infografica .gallery-component .gallery-navigation .prev {
  float: left;
  margin-right: 3px;
}
.body-infografica .gallery-component .gallery-navigation .prev span {
  background-position: -44px 0;
}
.body-infografica .gallery-component .gallery-navigation .next {
  float: left;
}
.body-infografica .gallery-component .gallery-navigation .next span {
  background-position: -130px 0;
}
.body-infografica .gallery-component .gallery-navigation .toggle {
  text-align: center;
  position: absolute;
  background-color: transparent;
  padding-right: 10px;
  width: 70px;
  height: 30px;
  line-height: 32px;
  bottom: 10px;
  right: 170px;
  color: #fff;
  z-index: 1000;
  font-size: 13px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  display: block;
  border-right: 1px solid #fff;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.body-infografica .gallery-component .gallery-navigation .toggle:hover {
  color: #b9b9b9;
}
.body-infografica .gallery-component .preloading {
  background: transparent url("../gif/gallery-preload.gif") center no-repeat;
}
.body-infografica .gallery-component .gallery-description {
  background: #000000;
  color: #ffffff;
  width: 300px;
  min-height: 496px;
  padding: 0 10px;
  position: absolute;
  right: -320px;
  top: 0;
  z-index: 100;
  display: none;
}
.body-infografica .gallery-component .gallery-description .gallery-caption {
  margin-top: 80px;
}
.body-infografica .gallery-component .gallery-description .gallery-caption a:hover {
  color: #ffffff;
}
.body-infografica .gallery-component .gallery-description .adv-frame1 {
  margin-bottom: 10px;
}
.body-infografica .gallery-component .gallery-description a.gallery-close-button,
.body-infografica .gallery-component .gallery-description a.gallery-close-button:visited {
  width: 16px;
  height: 17px;
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  text-align: left;
  direction: ltr;
  *line-height: 0;
  background-image: url("../png/sprite-common.png");
  background-repeat: no-repeat;
  font-size: 11px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-position: -196px -47px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .body-infografica .gallery-component .gallery-description a.gallery-close-button,
  .body-infografica .gallery-component .gallery-description a.gallery-close-button:visited {
    background-image: url("../png/sprite-common%402x.png");
    background-size: 538px 134px;
  }
}
.body-infografica .gallery-component .gallery-description a.gallery-close-button:hover,
.body-infografica .gallery-component .gallery-description a.gallery-close-button:visited:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
}
.body-infografica .gallery-component .gallery-description #gs-gallery-share {
  border-bottom: 1px #121212 solid;
  padding-bottom: 10px;
}
.body-infografica .gallery-component .gallery-description p {
  padding: 10px 10px 10px 0;
}
.body-infografica .gallery-component #share-detail {
  float: left;
  margin: 10px;
}
.body-infografica .gallery-component #share-detail .gig-button-container {
  margin-right: 10px;
}
.body-infografica .gallery-component #share-detail .gig-button-container-google-plusone {
  width: 68px !important;
}
.body-infografica .gallery-component #share-detail .gig-button-container-twitter-tweet {
  width: 75px !important;
}
.body-infografica .gallery-overlay {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  opacity: 0.6;
  display: none;
  cursor: pointer;
  color: #000;
}