body {
  width: 100%;
  *zoom: 1; }
  body:before, body:after {
    content: "";
    display: table; }
  body:after {
    clear: both; }

.visuallyhidden, #header #search label, #toggles, #nav-service .wrapper > ul > li dl dd, #nav-service .wrapper .mycity.in ul > li > a .label,
#nav-service .wrapper .mycity.in ul > li > a .alt-state, #nav-service .wrapper .mycity.in ul > li > a:hover img, #nav-service .wrapper .mycity.in ul > li > a:focus img, #nav-service .wrapper .mycity.in ul > li.open > a img, #nav-service .wrapper .mycity.in ul > li:hover > a img, #nav-service .title, .dropdown, #twitter-feed, #header.sito-tematico #twitter-feed,
#header.scroll #twitter-feed,
#header.homepage.scroll #twitter-feed, #header.sito-tematico #nav-service .title,
#header.scroll #nav-service .title,
#header.homepage.scroll #nav-service .title, #header.sito-tematico #search label,
#header.scroll #search label,
#header.homepage.scroll #search label, #header #search.repositioned, .h-card .p-country-name, .external, .tab-body .tab, #contrasto .label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visible, .focusable:active, .focusable:focus, #nav-service .wrapper > ul > li dl dd.selected, #nav-service .wrapper > ul > li dl.open dd, #nav-service .wrapper > ul > li dl:hover dd, #nav-service .wrapper .mycity.in ul > li > a > img, #nav-service .wrapper .mycity.in ul > li > a:hover .alt-state, #nav-service .wrapper .mycity.in ul > li > a:focus .alt-state, #nav-service .wrapper .mycity.in ul > li.open > a .alt-state, #nav-service .wrapper .mycity.in ul > li:hover > a .alt-state, .open > .dropdown,
:hover > .dropdown, #header.homepage #twitter-feed, #header.homepage #nav-service .title, .tab-body .tab.active {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.clearfix, #nav-service .wrapper .mycity .dropdown {
  clear: both; }
  .clearfix:before, #nav-service .wrapper .mycity .dropdown:before, .clearfix:after, #nav-service .wrapper .mycity .dropdown:after {
    content: " ";
    /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }

.responsive-image {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto; }

.unresponsive-image {
  width: initial;
  min-width: initial;
  max-width: initial;
  min-height: initial; }

.centered, #navigation, #footer-nav,
#footer-riferimenti, #footer-contatti > div {
  max-width: 60em;
  margin: 0 auto;
  padding: 0.625em; }

/* 	Layout Mobile First */
html, body {
  font-size: 100% !important;
  min-height: 100%; }

.label-wide {
  display: inline; }

.label-short {
  display: none; }

/* testata della pagina */
#header {
  border-top: .3em solid white;
  position: absolute;
  top: 0;
  width: 100% !important;
  z-index: 100;
  background-color: grey;
  background-color: rgba(0, 0, 0, 0.35);
  height: 7.1875em; }
  #header .interna {
    display: block; }
  #header .home,
  #header .scroll {
    display: none; }
  #header #search {
    position: absolute;
    right: 2em;
    top: 2.3em; }
    #header #search input, #header #search button {
      line-height: 1.5em;
      height: 1.5em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      font-size: .75em; }
    #header #search input {
      background: white url(../../img/app/icon-search.png) no-repeat 0.625em center;
      border: 0;
      margin-bottom: 0;
      width: 14em;
      text-indent: 2.5em;
      font-family: 'Raleway', sans-serif;
      color: #555555; }
      #header #search input:focus {
        border-color: #b2b2b2; }
    #header #search button {
      position: relative;
      text-transform: uppercase;
      padding: 0 1.875em;
      font-weight: 700;
      letter-spacing: 0.0625em;
      right: -0.125em;
      top: 3px;
      border: 1px; }

#nav-service {
  position: relative; }
  #nav-service .wrapper {
    background-color: #f4f4f4;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    right: 0;
    height: 1.75em;
    padding: 0 1em 0 .5em; }
    #nav-service .wrapper:before {
      display: block;
      content: ' ';
      background: transparent url(../../img/app/service-nav-bg.png) no-repeat left bottom;
      width: 30px;
      height: 1.8em;
      position: absolute;
      left: -30px;
      top: 0; }
    #nav-service .wrapper > span,
    #nav-service .wrapper > ul,
    #nav-service .wrapper > div {
      display: block;
      float: left; }
    #nav-service .wrapper label {
      font-size: 0.6875em; }
    #nav-service .wrapper > ul > li {
      float: left;
      border-left: 1px solid #ccc;
      margin-top: 2px; }
      #nav-service .wrapper > ul > li:first-child {
        border-left-width: 0; }
      #nav-service .wrapper > ul > li #lang {
        z-index: 2000;
        position: relative; }
        #nav-service .wrapper > ul > li #lang a span {
          margin-left: 0.3125em; }
        #nav-service .wrapper > ul > li #lang .dropdown {
          position: absolute;
          right: 0;
          background-color: #f4f4f4;
          top: 26px;
          border-top: 5px solid #de1f26;
          width: 120px; }
          #nav-service .wrapper > ul > li #lang .dropdown a {
            font-size: .70em;
            display: block;
            width: 106px; }
      #nav-service .wrapper > ul > li dl dt, #nav-service .wrapper > ul > li dl dd {
        float: left; }
      #nav-service .wrapper > ul > li dl dt {
        line-height: 2.45em;
        font-size: 0.6875em; }
      #nav-service .wrapper > ul > li dl dd {
        float: left;
        background-color: rgba(255, 255, 255, 0.8); }
        #nav-service .wrapper > ul > li dl dd.selected {
          background-color: transparent; }
        #nav-service .wrapper > ul > li dl dd img {
          margin: .72em 0; }
    #nav-service .wrapper > ul.nav-sociale li {
      border-left-width: 0; }
      #nav-service .wrapper > ul.nav-sociale li a {
        padding: 0 0.3125em; }
    #nav-service .wrapper a {
      color: #454545;
      font-size: 0.6875em;
      padding: 0 0.625em;
      border-bottom-width: 0;
      display: block;
      line-height: 2.45em;
      float: left; }
      #nav-service .wrapper a:hover, #nav-service .wrapper a:focus {
        color: white;
        background-color: #454545; }
      #nav-service .wrapper a img,
      #nav-service .wrapper a span {
        display: block;
        float: left; }
      #nav-service .wrapper a img {
        margin: .5em 0; }
    #nav-service .wrapper .open
    :hover .dropdown-toggle {
      color: white;
      background-color: #de1f26; }
    #nav-service .wrapper .mycity {
      display: block;
      margin-left: 0.625em;
      position: relative;
      top: 1px;
      z-index: 1200; }
      #nav-service .wrapper .mycity .avatar {
        margin-top: -0.4375em;
        margin-right: 0.3125em;
        margin-left: -0.625em;
        margin-bottom: 0;
        background-color: #555555;
        width: 2.9em;
        height: 2.9em;
        position: relative; }
      #nav-service .wrapper .mycity .user:hover, #nav-service .wrapper .mycity .user:focus, #nav-service .wrapper .mycity .user:active {
        background-color: #de1f26; }
        #nav-service .wrapper .mycity .user:hover .avatar, #nav-service .wrapper .mycity .user:focus .avatar, #nav-service .wrapper .mycity .user:active .avatar {
          background-color: #de1f26; }
      #nav-service .wrapper .mycity .label {
        margin-left: 0.3125em; }
      #nav-service .wrapper .mycity .dropdown {
        position: absolute;
        right: 0;
        background-color: #f4f4f4;
        top: 27px;
        border-top: 5px solid #de1f26;
        width: 240px;
        padding: 0.625em; }
        #nav-service .wrapper .mycity .dropdown .row {
          margin-bottom: 0.625em;
          overflow: hidden;
          position: relative; }
        #nav-service .wrapper .mycity .dropdown p {
          font-size: .75em; }
        #nav-service .wrapper .mycity .dropdown label, #nav-service .wrapper .mycity .dropdown input {
          display: block;
          float: left; }
        #nav-service .wrapper .mycity .dropdown label {
          width: 30%;
          line-height: 2em; }
        #nav-service .wrapper .mycity .dropdown input {
          width: 60%;
          position: absolute;
          right: 0; }
        #nav-service .wrapper .mycity .dropdown button,
        #nav-service .wrapper .mycity .dropdown a.button {
          float: left;
          margin-left: 0;
          background-color: #de1f26; }
          #nav-service .wrapper .mycity .dropdown button:hover, #nav-service .wrapper .mycity .dropdown button:focus,
          #nav-service .wrapper .mycity .dropdown a.button:hover,
          #nav-service .wrapper .mycity .dropdown a.button:focus {
            background-color: #cc1d23;
            text-decoration: none; }
          #nav-service .wrapper .mycity .dropdown button.btn-register,
          #nav-service .wrapper .mycity .dropdown a.button.btn-register {
            background-color: #555555; }
            #nav-service .wrapper .mycity .dropdown button.btn-register:hover, #nav-service .wrapper .mycity .dropdown button.btn-register:focus,
            #nav-service .wrapper .mycity .dropdown a.button.btn-register:hover,
            #nav-service .wrapper .mycity .dropdown a.button.btn-register:focus {
              background-color: #4b4b4b; }
          #nav-service .wrapper .mycity .dropdown button + .button,
          #nav-service .wrapper .mycity .dropdown a.button + .button {
            margin-left: 1em; }
        #nav-service .wrapper .mycity .dropdown a {
          display: inline; }
          #nav-service .wrapper .mycity .dropdown a:hover, #nav-service .wrapper .mycity .dropdown a:focus, #nav-service .wrapper .mycity .dropdown a:active {
            background-color: transparent;
            text-decoration: underline;
            color: #555555; }
          #nav-service .wrapper .mycity .dropdown a.footer-button {
            margin: 1em -1em -1em;
            padding: .3em .95em;
            display: block;
            width: 100%;
            background-color: #dbdbdb; }
        #nav-service .wrapper .mycity .dropdown .buttons {
          margin: .5em 0;
          overflow: auto; }
      #nav-service .wrapper .mycity .submenu {
        width: 140px; }
        #nav-service .wrapper .mycity .submenu .dropdown-title {
          font-weight: bold;
          font-size: .75em;
          display: block;
          padding-left: 2em;
          background-position: left center;
          background-repeat: no-repeat; }
        #nav-service .wrapper .mycity .submenu li, #nav-service .wrapper .mycity .submenu a {
          float: none;
          display: block;
          padding: 0 !important;
          width: 100%;
          font-weight: bold;
          margin-left: 0; }
        #nav-service .wrapper .mycity .submenu li {
          border-top: 1px solid #b2b2b2; }
          #nav-service .wrapper .mycity .submenu li:first-child {
            border-top-color: transparent; }
      #nav-service .wrapper .mycity.in ul {
        width: auto;
        float: left; }
        #nav-service .wrapper .mycity.in ul > li > a {
          display: block;
          height: 2.5em;
          float: left; }
          #nav-service .wrapper .mycity.in ul > li > a > img {
            margin-top: 0.5625em; }
          #nav-service .wrapper .mycity.in ul > li > a:hover .alt-state, #nav-service .wrapper .mycity.in ul > li > a:focus .alt-state {
            margin-top: 0.5625em; }
        #nav-service .wrapper .mycity.in ul > li {
          float: left;
          position: relative; }
          #nav-service .wrapper .mycity.in ul > li.open > a .alt-state, #nav-service .wrapper .mycity.in ul > li:hover > a .alt-state {
            margin-top: 0.5625em; }
        #nav-service .wrapper .mycity.in ul .admin a img,
        #nav-service .wrapper .mycity.in ul .admin a .alt-state,
        #nav-service .wrapper .mycity.in ul .notifiche a img,
        #nav-service .wrapper .mycity.in ul .notifiche a .alt-state {
          margin-top: 0.3em !important; }
  #nav-service .title {
    text-transform: uppercase;
    padding: 0 1em 0 0;
    font-weight: bold;
    font-size: 0.6875em;
    line-height: 2.5em;
    font-family: 'Raleway', sans-serif;
    color: #555; }
    #nav-service .title a {
      font-size: 1em; }

#fascia {
  background-color: #de1f26;
  height: 2.5em;
  position: absolute;
  width: 100%;
  bottom: 0; }

#brand .araldica {
  position: absolute;
  left: -1.25em;
  top: -3.5625em; }
#brand .logotipo {
  position: absolute;
  left: 5.375em;
  top: -2.625em; }
  #brand .logotipo .scroll {
    display: none !important; }

.lt-ie9 #brand .araldica {
  top: -5em; }
.lt-ie9 #brand .logotipo {
  top: -4.0625em; }
.lt-ie9 #navigation > ul > li > a {
  letter-spacing: -1px; }

.open > .dropdown,
:hover > .dropdown {
  z-index: 10; }

#navigation {
  position: relative;
  padding: 0; }
  #navigation > ul {
    padding-left: 5em; }
    #navigation > ul > li > a {
      background-color: #de1f26;
      color: white;
      border-bottom-width: .2em;
      float: left;
      font-size: 0.875em;
      font-weight: 700;
      line-height: 2.45em;
      padding: 0 .8em;
      padding-top: .25em;
      margin-left: 1px; }
      #navigation > ul > li > a img {
        margin-right: 0.3125em;
        margin-bottom: -0.3125em; }
        #navigation > ul > li > a img.alt-state {
          display: none; }
    #navigation > ul > li a:hover,
    #navigation > ul > li a:focus, #navigation > ul > li.open a, #navigation > ul > li:hover a {
      background-color: white;
      color: #b20305; }
      #navigation > ul > li a:hover img,
      #navigation > ul > li a:focus img, #navigation > ul > li.open a img, #navigation > ul > li:hover a img {
        display: none; }
        #navigation > ul > li a:hover img.alt-state,
        #navigation > ul > li a:focus img.alt-state, #navigation > ul > li.open a img.alt-state, #navigation > ul > li:hover a img.alt-state {
          display: inline; }
    #navigation > ul > li .dropdown {
      position: absolute;
      top: 2.5em;
      padding-top: 5px;
      padding-bottom: 0.3125em;
      border-bottom: 0.3125em solid #de1f26; }
      #navigation > ul > li .dropdown > ul {
        background-color: white;
        width: 13.125em; }
        #navigation > ul > li .dropdown > ul li {
          border-top: 1px solid #b2b2b2; }
          #navigation > ul > li .dropdown > ul li:first-child {
            border-top-width: 0; }
          #navigation > ul > li .dropdown > ul li a {
            border-bottom-width: 0;
            font-size: 0.75em;
            font-weight: 700;
            padding: 0.3125em 0.9375em; }
            #navigation > ul > li .dropdown > ul li a:hover, #navigation > ul > li .dropdown > ul li a:focus {
              background-color: #555555;
              color: white; }
          #navigation > ul > li .dropdown > ul li li:first-child {
            border-top-width: 1px; }
          #navigation > ul > li .dropdown > ul li li a {
            padding-left: 1.875em; }
      #navigation > ul > li .dropdown > ul,
      #navigation > ul > li .dropdown .editorial {
        float: left;
        display: block;
        height: 14.375em;
        padding: 1.25em; }
      #navigation > ul > li .dropdown .editorial {
        background-color: #de1f26;
        background-position: 102% 102%;
        background-repeat: no-repeat;
        color: white;
        width: 18.75em; }
        #navigation > ul > li .dropdown .editorial p {
          color: white; }
        #navigation > ul > li .dropdown .editorial .article p {
          font-size: 0.75em;
          line-height: 1.2;
          margin-bottom: 1em; }
          #navigation > ul > li .dropdown .editorial .article p strong {
            font-weight: 700; }
          #navigation > ul > li .dropdown .editorial .article p.signed {
            font-weight: 700;
            text-align: right;
            margin-right: 2em; }
          #navigation > ul > li .dropdown .editorial .article p a {
            margin-top: 1em;
            display: inline;
            border-bottom-width: 1px; }
        #navigation > ul > li .dropdown .editorial .article img {
          max-width: 100%;
          height: auto; }
        #navigation > ul > li .dropdown .editorial .article .image-links li {
          float: left;
          margin-left: 4%;
          width: 48%; }
          #navigation > ul > li .dropdown .editorial .article .image-links li:first-child {
            margin-left: 0; }
          #navigation > ul > li .dropdown .editorial .article .image-links li img {
            width: 100%; }
        #navigation > ul > li .dropdown .editorial .article dl {
          font-size: 0.75em;
          padding-top: 1.875em; }
          #navigation > ul > li .dropdown .editorial .article dl a {
            font-size: 1em;
            padding: 0.625em 0.625em;
            border-bottom: 1px solid white; }
            #navigation > ul > li .dropdown .editorial .article dl a:hover, #navigation > ul > li .dropdown .editorial .article dl a:focus {
              color: #3297db !important;
              background-color: white; }
          #navigation > ul > li .dropdown .editorial .article dl dt {
            font-weight: normal;
            margin-bottom: 0.625em; }
        #navigation > ul > li .dropdown .editorial .article a {
          color: white;
          font-size: 1em;
          border-bottom-color: white;
          border-bottom-width: 0; }
          #navigation > ul > li .dropdown .editorial .article a:hover, #navigation > ul > li .dropdown .editorial .article a:focus {
            color: white;
            border-bottom-color: transparent; }
          #navigation > ul > li .dropdown .editorial .article a img {
            display: block;
            margin-bottom: 1em; }
      #navigation > ul > li .dropdown a {
        float: none;
        display: block;
        background-color: transparent;
        color: #555555; }
    #navigation > ul > li.personalizza {
      float: right; }
    #navigation > ul > li.amministrazione.open > a, #navigation > ul > li.amministrazione:hover > a,
    #navigation > ul > li.amministrazione > a:hover,
    #navigation > ul > li.amministrazione > a:focus, #navigation > ul > li.eventi.open > a, #navigation > ul > li.eventi:hover > a,
    #navigation > ul > li.eventi > a:hover,
    #navigation > ul > li.eventi > a:focus {
      color: #e77e23;
      border-bottom-color: #e77e23; }
    #navigation > ul > li.amministrazione .dropdown, #navigation > ul > li.eventi .dropdown {
      border-bottom-color: #e77e23; }
      #navigation > ul > li.amministrazione .dropdown ul li a:hover, #navigation > ul > li.amministrazione .dropdown ul li a:focus, #navigation > ul > li.amministrazione .dropdown ul li a:active, #navigation > ul > li.eventi .dropdown ul li a:hover, #navigation > ul > li.eventi .dropdown ul li a:focus, #navigation > ul > li.eventi .dropdown ul li a:active {
        background-color: #e77e23; }
      #navigation > ul > li.amministrazione .dropdown .editorial, #navigation > ul > li.eventi .dropdown .editorial {
        background-color: #e77e23;
        background-image: url(../../img/app/bg-amministrazione.png); }
    #navigation > ul > li.eventi .dropdown {
      left: 14em; }
      #navigation > ul > li.eventi .dropdown > ul {
        width: 8.75em; }
        #navigation > ul > li.eventi .dropdown > ul + ul {
          padding-left: 0; }
      #navigation > ul > li.eventi .dropdown .editorial {
        background-image: url(../../img/app/bg-eventi.png); }
    #navigation > ul > li.servizi.open > a, #navigation > ul > li.servizi:hover > a,
    #navigation > ul > li.servizi > a:hover,
    #navigation > ul > li.servizi > a:focus {
      color: #3297db;
      border-bottom-color: #3297db; }
    #navigation > ul > li.servizi .dropdown {
      left: 18.2em;
      border-bottom-color: #3297db; }
      #navigation > ul > li.servizi .dropdown > ul {
        width: 8.75em; }
        #navigation > ul > li.servizi .dropdown > ul + ul {
          padding-left: 0; }
        #navigation > ul > li.servizi .dropdown > ul li a:hover, #navigation > ul > li.servizi .dropdown > ul li a:focus, #navigation > ul > li.servizi .dropdown > ul li a:active {
          background-color: #3297db; }
      #navigation > ul > li.servizi .dropdown .editorial {
        width: 13.125em;
        background-image: url(../../img/app/bg-servizi.png);
        background-color: #3297db; }
    #navigation > ul > li.viaggio.open > a, #navigation > ul > li.viaggio:hover > a,
    #navigation > ul > li.viaggio > a:hover,
    #navigation > ul > li.viaggio > a:focus {
      color: #3297db;
      border-bottom-color: #3297db; }
    #navigation > ul > li.viaggio .dropdown {
      left: 11.1em;
      border-bottom-color: #3297db; }
      #navigation > ul > li.viaggio .dropdown > ul {
        float: right;
        width: 13.15em; }
        #navigation > ul > li.viaggio .dropdown > ul li a:hover, #navigation > ul > li.viaggio .dropdown > ul li a:focus, #navigation > ul > li.viaggio .dropdown > ul li a:active {
          background-color: #3297db; }
      #navigation > ul > li.viaggio .dropdown .editorial {
        background-image: url(../../img/app/bg-viaggio.png);
        background-color: #3297db; }
    #navigation > ul > li.citta.open > a, #navigation > ul > li.citta:hover > a,
    #navigation > ul > li.citta > a:hover,
    #navigation > ul > li.citta > a:focus {
      color: #26af61;
      border-bottom-color: #26af61; }
    #navigation > ul > li.citta .dropdown {
      border-bottom-color: #26af61; }
      #navigation > ul > li.citta .dropdown ul li a:hover, #navigation > ul > li.citta .dropdown ul li a:focus, #navigation > ul > li.citta .dropdown ul li a:active {
        background-color: #26af61; }
      #navigation > ul > li.citta .dropdown .editorial {
        background-color: #26af61;
        background-image: url(../../img/app/bg-citta.png); }
    #navigation > ul > li.scopri.open .dropdown > ul, #navigation > ul > li.scopri:hover .dropdown > ul {
      width: 8.75em; }
      #navigation > ul > li.scopri.open .dropdown > ul + ul, #navigation > ul > li.scopri:hover .dropdown > ul + ul {
        padding-left: 0; }
    #navigation > ul > li.partecipa.open > a, #navigation > ul > li.partecipa:hover > a,
    #navigation > ul > li.partecipa > a:hover,
    #navigation > ul > li.partecipa > a:focus, #navigation > ul > li.pratica.open > a, #navigation > ul > li.pratica:hover > a,
    #navigation > ul > li.pratica > a:hover,
    #navigation > ul > li.pratica > a:focus {
      color: #876718;
      border-bottom-color: #876718; }
    #navigation > ul > li.partecipa .dropdown, #navigation > ul > li.pratica .dropdown {
      left: 14.1em;
      border-bottom-color: #876718; }
      #navigation > ul > li.partecipa .dropdown > ul, #navigation > ul > li.pratica .dropdown > ul {
        float: right; }
      #navigation > ul > li.partecipa .dropdown ul li a:hover, #navigation > ul > li.partecipa .dropdown ul li a:focus, #navigation > ul > li.partecipa .dropdown ul li a:active, #navigation > ul > li.pratica .dropdown ul li a:hover, #navigation > ul > li.pratica .dropdown ul li a:focus, #navigation > ul > li.pratica .dropdown ul li a:active {
        background-color: #876718; }
      #navigation > ul > li.partecipa .dropdown .editorial, #navigation > ul > li.pratica .dropdown .editorial {
        background-color: #876718;
        background-image: url(../../img/app/bg-partecipa.png); }
        #navigation > ul > li.partecipa .dropdown .editorial .article p,
        #navigation > ul > li.partecipa .dropdown .editorial .article a, #navigation > ul > li.pratica .dropdown .editorial .article p,
        #navigation > ul > li.pratica .dropdown .editorial .article a {
          color: white; }
        #navigation > ul > li.partecipa .dropdown .editorial .article a, #navigation > ul > li.pratica .dropdown .editorial .article a {
          border-bottom-color: #555555; }
          #navigation > ul > li.partecipa .dropdown .editorial .article a:hover, #navigation > ul > li.partecipa .dropdown .editorial .article a:focus, #navigation > ul > li.pratica .dropdown .editorial .article a:hover, #navigation > ul > li.pratica .dropdown .editorial .article a:focus {
            border-bottom-color: transparent; }
    #navigation > ul > li.pratica .dropdown {
      left: 16.9em; }
      #navigation > ul > li.pratica .dropdown .editorial {
        background-image: url(../../img/app/bg-pratica.png); }
    #navigation > ul > li.news.open > a, #navigation > ul > li.news:hover > a,
    #navigation > ul > li.news > a:hover,
    #navigation > ul > li.news > a:focus {
      color: #c1392b;
      border-bottom-color: #c1392b; }
    #navigation > ul > li.news .dropdown {
      left: 21.2em;
      border-bottom-color: #c1392b; }
      #navigation > ul > li.news .dropdown > ul {
        float: right; }
        #navigation > ul > li.news .dropdown > ul > li {
          margin-top: 1.25em;
          border-top-width: 0; }
          #navigation > ul > li.news .dropdown > ul > li:first-child {
            margin-top: 0; }
      #navigation > ul > li.news .dropdown ul li a:hover, #navigation > ul > li.news .dropdown ul li a:focus, #navigation > ul > li.news .dropdown ul li a:active {
        background-color: #c1392b; }
      #navigation > ul > li.news .dropdown .editorial {
        background-color: #c1392b;
        background-image: url(../../img/app/bg-news.png); }
    #navigation > ul > li.cultura.open > a, #navigation > ul > li.cultura:hover > a,
    #navigation > ul > li.cultura > a:hover,
    #navigation > ul > li.cultura > a:focus {
      color: #de1f26; }
    #navigation > ul > li.cultura .dropdown {
      left: auto;
      border-bottom-color: #de1f26; }
      #navigation > ul > li.cultura .dropdown > ul {
        float: left; }
        #navigation > ul > li.cultura .dropdown > ul > li:first-child {
          margin-top: 0; }
      #navigation > ul > li.cultura .dropdown ul li a:hover, #navigation > ul > li.cultura .dropdown ul li a:focus, #navigation > ul > li.cultura .dropdown ul li a:active {
        background-color: #de1f26; }
      #navigation > ul > li.cultura .dropdown .editorial {
        background-color: #de1f26;
        background-image: url(../../img/app/bg-cultura.png); }
    #navigation > ul > li.zone.open > a, #navigation > ul > li.zone:hover > a,
    #navigation > ul > li.zone > a:hover,
    #navigation > ul > li.zone > a:focus {
      color: #de1f26;
      border-bottom-color: #de1f26; }
    #navigation > ul > li.zone .dropdown {
      right: 0;
      border-bottom-color: #de1f26; }
      #navigation > ul > li.zone .dropdown > ul {
        height: auto;
        max-width: 12em; }
        #navigation > ul > li.zone .dropdown > ul li a {
          font-weight: normal; }
          #navigation > ul > li.zone .dropdown > ul li a:hover, #navigation > ul > li.zone .dropdown > ul li a:focus, #navigation > ul > li.zone .dropdown > ul li a:active {
            background-color: #de1f26; }
          #navigation > ul > li.zone .dropdown > ul li a strong {
            font-weight: bold; }

#twitter-feed img {
  float: left;
  position: relative;
  top: 2.5em;
  margin-right: 0.625em; }
#twitter-feed .balloon {
  float: left;
  background: transparent url(../../img/app/twitter-feed-bg.png) no-repeat left top;
  padding: 0.3125em 1.25em;
  height: 3em;
  width: 22.5em; }

/* testata homepage */
#header.homepage {
  height: 9.0625em; }
  #header.homepage #search {
    position: absolute;
    top: 16.5625em;
    left: 50%;
    margin-left: -19.5em;
    width: 39em;
    background-color: #f4f4f4; }
    #header.homepage #search > div {
      margin: 0.3125em;
      position: relative; }
    #header.homepage #search input, #header.homepage #search button {
      line-height: 3.125em;
      height: 3.125em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      font-size: .9em; }
    #header.homepage #search input {
      width: 100%;
      padding: 0 0 0 1em;
      border: 1px solid #f0f0f0;
      background: white url(../../img/app/icon-search.png) no-repeat 0.625em center;
      font-family: 'Raleway', sans-serif;
      font-size: .9em;
      color: #555555; }
      #header.homepage #search input:focus {
        border-color: #b2b2b2; }
    #header.homepage #search button {
      position: absolute;
      text-transform: uppercase;
      padding: 0 1.875em;
      font-weight: 700;
      letter-spacing: 0.0625em;
      right: -0.125em;
      top: 0; }
  #header.homepage #twitter-feed {
    position: absolute;
    top: 2.3125em;
    left: 50%;
    margin-left: -9.375em; }
  #header.homepage .home {
    display: block; }
  #header.homepage .interna,
  #header.homepage .scroll {
    display: none; }
  #header.homepage #brand .araldica {
    top: -6.3125em;
    left: -3.3125em; }

.lt-ie9 #header.homepage #brand .araldica {
  top: -7.6875em; }

/* testata con scrolling della pagina */
#header.sito-tematico,
#header.scroll,
#header.homepage.scroll {
  height: 4.1875em; }
  #header.sito-tematico #nav-service .wrapper,
  #header.scroll #nav-service .wrapper,
  #header.homepage.scroll #nav-service .wrapper {
    padding-right: 17.5em; }
  #header.sito-tematico #search,
  #header.scroll #search,
  #header.homepage.scroll #search {
    position: absolute;
    right: 0.625em;
    top: 0;
    background-color: transparent;
    left: auto;
    margin-left: 0;
    width: auto; }
    #header.sito-tematico #search > div,
    #header.scroll #search > div,
    #header.homepage.scroll #search > div {
      margin: 0; }
    #header.sito-tematico #search input, #header.sito-tematico #search button,
    #header.scroll #search input,
    #header.scroll #search button,
    #header.homepage.scroll #search input,
    #header.homepage.scroll #search button {
      line-height: 1.5em;
      height: 1.5em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      font-size: .75em; }
    #header.sito-tematico #search input,
    #header.scroll #search input,
    #header.homepage.scroll #search input {
      background: white url(../../img/app/icon-search.png) no-repeat 0.625em center;
      border: 0;
      margin-bottom: 0;
      width: 14em;
      text-indent: 1.5em;
      font-family: 'Raleway', sans-serif;
      color: #555555; }
      #header.sito-tematico #search input:focus,
      #header.scroll #search input:focus,
      #header.homepage.scroll #search input:focus {
        border-color: #b2b2b2; }
    #header.sito-tematico #search button,
    #header.scroll #search button,
    #header.homepage.scroll #search button {
      position: relative;
      text-transform: uppercase;
      padding: 0 1.875em;
      font-weight: 700;
      letter-spacing: 0.0625em;
      right: -0.125em;
      top: 0;
      border: 1px; }
  #header.sito-tematico .scroll,
  #header.scroll .scroll,
  #header.homepage.scroll .scroll {
    display: block; }
  #header.sito-tematico .home,
  #header.sito-tematico .interna,
  #header.scroll .home,
  #header.scroll .interna,
  #header.homepage.scroll .home,
  #header.homepage.scroll .interna {
    display: none; }
  #header.sito-tematico #brand .araldica,
  #header.scroll #brand .araldica,
  #header.homepage.scroll #brand .araldica {
    top: -1.5em;
    left: -0.46875em; }
  #header.sito-tematico #brand .logotipo,
  #header.scroll #brand .logotipo,
  #header.homepage.scroll #brand .logotipo {
    top: -1.4375em; }

.lt-ie9 #header.sito-tematico #brand .araldica,
.lt-ie9 #header.scroll #brand .araldica,
.lt-ie9 #header.homepage.scroll #brand .araldica {
  top: -2.75em; }
.lt-ie9 #header.sito-tematico #brand .logotipo,
.lt-ie9 #header.scroll #brand .logotipo,
.lt-ie9 #header.homepage.scroll #brand .logotipo {
  top: -2.6875em; }

#banner {
  overflow: hidden;
  position: relative;
  top: 0;
  height: 36em;
  z-index: 0; }
  #banner > img,
  #banner > .fill-image {
    width: 100%;
    height: auto; }
    #banner > img.fill-height,
    #banner > .fill-image.fill-height {
      min-height: 100%;
      width: 100%; }

@-moz-document url-prefix() {
  #banner {
    top: -9.1em; } }

#siti-tematici {
  clear: both;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  min-height: 12.3125em; }
  #siti-tematici .portlet {
    display: inline;
    float: left;
    width: 97.91667%;
    margin: 0 1.04167%; }

/* Footer */
#footer {
  clear: both;
  overflow: auto;
  position: relative; }

#footer-contatti > div {
  overflow: auto;
  min-height: 1.6em; }
#footer-contatti dl.contatti {
  display: inline;
  float: left;
  width: 60.41667%;
  margin: 0 1.04167%;
  margin-left: 9.375%; }
#footer-contatti dl.social-media {
  display: inline;
  float: left;
  width: 27.08333%;
  margin: 0 1.04167%; }
  #footer-contatti dl.social-media img {
    width: 1.85em;
    /* 24px */
    height: auto;
    margin-bottom: -.5em;
    margin-left: 0; }

#footer-nav {
  padding-top: 1.875em;
  padding-bottom: 2.5em;
  overflow: auto;
  position: relative; }
  #footer-nav .brand {
    display: inline;
    float: left;
    width: 10.41667%;
    margin: 0 1.04167%;
    margin-left: 9.375%; }
  #footer-nav .nav ul {
    overflow: auto; }
  #footer-nav .nav > ul {
    display: inline;
    float: left;
    width: 72.91667%;
    margin: 0 1.04167%; }
    #footer-nav .nav > ul > li {
      display: inline;
      float: left;
      width: 30.55556%;
      margin: 0 1.38889%; }
      #footer-nav .nav > ul > li > span {
        font-weight: bold;
        font-size: 0.8125em;
        color: white; }
        #footer-nav .nav > ul > li > span img {
          margin-right: .35em; }
      #footer-nav .nav > ul > li.news {
        margin-left: 67.70833%; }
      #footer-nav .nav > ul > li li {
        margin-left: 1.875em; }

#footer-riferimenti {
  padding-bottom: 2.5em;
  display: inline;
  float: left;
  width: 56.25%;
  margin: 0 1.04167%;
  margin-left: 9.375%;
  overflow: auto;
  position: absolute;
  bottom: 0;
  left: 0; }

#navigation > ul {
  display: table; }
  #navigation > ul > li {
    position: relative;
    float: left; }
    #navigation > ul > li > a {
      padding-left: .5em;
      padding-right: .5em; }
    #navigation > ul > li.amministrazione .dropdown, #navigation > ul > li.cultura .dropdown, #navigation > ul > li.servizi .dropdown {
      width: 36.9em;
      left: 0; }
    #navigation > ul > li.citta .dropdown {
      width: 36.9em;
      left: -8.5em; }
    #navigation > ul > li.eventi .dropdown {
      width: 42.5em;
      left: 0em; }
    #navigation > ul > li.scopri .dropdown {
      width: 42.5em;
      left: -12.9em; }
    #navigation > ul > li.partecipa .dropdown {
      width: 36.9em;
      left: -21.2em; }
    #navigation > ul > li.news .dropdown {
      width: 36.88em;
      left: -21.2em; }
    #navigation > ul > li.esplora .dropdown {
      width: 36.9em;
      right: 0; }
    #navigation > ul > li.viaggio .dropdown {
      width: 36.9em;
      left: -21.2em; }
    #navigation > ul > li.pratica .dropdown {
      width: 36.9em;
      left: -21.2em; }
    #navigation > ul > li.generico .dropdown, #navigation > ul > li.generico.citta .dropdown {
      left: 0;
      /* reset */
      width: auto;
      /* reset */ }
      #navigation > ul > li.generico .dropdown ul, #navigation > ul > li.generico.citta .dropdown ul {
        width: 13.125em;
        /* reset */ }

#nav-service a.button {
  color: white;
  background-color: #de1f26;
  font-weight: bold;
  text-decoration: none;
  border-bottom-width: 0;
  margin-left: 0; }
  #nav-service a.button:hover, #nav-service a.button:focus {
    background-color: #575757 !important;
    color: white !important; }

#zone embed {
  width: 100%;
  height: auto; }

.tab-header {
  width: 50%;
  position: absolute;
  bottom: 0.8125em;
  right: 0; }
  .tab-header span {
    font-size: .7em;
    margin-right: 1em; }
  .tab-header span, .tab-header ul {
    display: inline; }
  .tab-header ul a {
    font-size: .9em; }

.tab-head {
  margin-top: 1.875em;
  list-style: none;
  padding-left: 0 !important; }
  .tab-head li {
    display: inline;
    margin-right: 0.625em; }
  .tab-head a {
    display: inline;
    display: inline-block;
    line-height: 2em;
    padding: 0 2.5em 0 0.625em;
    color: #555555;
    font-weight: bold;
    font-size: .825em;
    background: #e1e1e1 url(../../img/app/icons-vista.png) no-repeat right -50px; }
    .tab-head a:hover, .tab-head a:focus {
      background-color: #de1f26;
      color: white;
      background-position: right top; }
  .tab-head .active a {
    background-color: #de1f26;
    color: white;
    background-position: right top; }
  .tab-head .mappa {
    background-position: right -150px; }
  .tab-head .mappa:hover,
  .tab-head .mappa:focus,
  .tab-head .mappa:active,
  .tab-head .active .mappa {
    background-position: right -100px; }
  .tab-head .calendario {
    background-position: right -350px; }
  .tab-head .calendario:hover,
  .tab-head .calendario:focus,
  .tab-head .calendario:active,
  .tab-head .active .calendario {
    background-position: right -300px; }
  .tab-head .griglia-elenco {
    background-position: right -250px; }
  .tab-head .griglia-elenco:hover,
  .tab-head .griglia-elenco:focus,
  .tab-head .griglia-elenco:active,
  .tab-head .active .griglia-elenco {
    background-position: right -200px; }

.tab-body {
  margin-top: 0.625em; }
  .tab-body.agenda {
    margin-top: 2em; }

#header.homepage #search input {
  width: 82%; }

.tt-hint {
  border-color: transparent; }

.homepage .twitter-typeahead {
  width: 100%;
  top: 0; }

.homepage .scroll .twitter-typeahead {
  width: auto; }

.tt-dropdown-menu {
  background-color: #f7f7f7;
  width: 100%;
  padding: .25em;
  margin-left: -.25em;
  margin-top: 1em; }
  .tt-dropdown-menu::before {
    padding: 1em;
    content: 'Suggerimenti ricerche: ';
    display: block;
    font-size: .75em; }
  .tt-dropdown-menu .tt-suggestions {
    padding: 1em;
    padding-top: 0; }
    .tt-dropdown-menu .tt-suggestions .tt-suggestion {
      font-size: 1.2em;
      font-weight: bold;
      padding: .25em 1em;
      width: 100%;
      margin-left: -1em;
      border-top: 1px solid #dadada; }
      .tt-dropdown-menu .tt-suggestions .tt-suggestion.tt-cursor {
        background-color: white;
        cursor: pointer; }

.scroll #search {
  top: 4px !important; }
.scroll .tt-dropdown-menu {
  margin-top: .5em; }
.scroll .twitter-typeahead {
  width: auto;
  top: 0px; }
  .scroll .twitter-typeahead .tt-hint {
    border-color: transparent;
    background-image: none !important; }

.buttons {
  margin: 0.625em 0; }

#contrasto img {
  display: inline;
  opacity: .75; }
  #contrasto img.alt-state {
    display: none !important;
    opacity: 1; }
#contrasto:hover img, #contrasto:focus img {
  display: none !important; }
  #contrasto:hover img.alt-state, #contrasto:focus img.alt-state {
    display: inline !important; }

.contrasto #contrasto img {
  opacity: 1; }
.contrasto #navigation > li.amministrazione.open > a, .contrasto #navigation > li.amministrazione:hover > a,
.contrasto #navigation > li.amministrazione > a:hover,
.contrasto #navigation > li.amministrazione > a:focus, .contrasto #navigation > li.eventi.open > a, .contrasto #navigation > li.eventi:hover > a,
.contrasto #navigation > li.eventi > a:hover,
.contrasto #navigation > li.eventi > a:focus {
  color: #b85000; }
.contrasto #navigation > li.amministrazione .dropdown ul li a:hover, .contrasto #navigation > li.amministrazione .dropdown ul li a:focus, .contrasto #navigation > li.amministrazione .dropdown ul li a:active, .contrasto #navigation > li.eventi .dropdown ul li a:hover, .contrasto #navigation > li.eventi .dropdown ul li a:focus, .contrasto #navigation > li.eventi .dropdown ul li a:active {
  background-color: #b85000; }
.contrasto #navigation > li.amministrazione .dropdown .editorial, .contrasto #navigation > li.eventi .dropdown .editorial {
  background-color: #b85000; }

.preferiti .dropdown-title {
  background-image: url(../../img/app/icon-preferiti-red.png); }

.notifiche .dropdown-title {
  background-image: url(../../img/app/icon-notifiche-red.png); }

.dropdown-title + ul {
  margin-top: 1em; }

.submenu .guarda-tutti a {
  margin-top: 1em;
  text-align: right; }

.tipo-notifica {
  font-size: .65em;
  display: block;
  margin-bottom: -.5em;
  padding-top: .5em;
  font-weight: normal; }

.link-guarda-tutti {
  text-align: right;
  display: block;
  border-top: 1px solid #b2b2b2;
  clear: left; }

#nav-service .wrapper .mycity .dropdown.submenu ul a {
  line-height: 1.1 !important;
  height: auto !important;
  max-width: 140px;
  padding: 0.5em 0 !important;
  display: block !important; }

/* documentazione */
[data-at-field] {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  outline: 1px dotted gray;
  outline-offset: 2px; }
  [data-at-field]::after {
    position: absolute;
    display: block;
    right: -3px;
    top: -3px;
    padding: .2em .8em;
    background-color: gray;
    color: white;
    font-weight: normal;
    font-size: 12px;
    text-transform: lowercase;
    content: attr(data-at-field) !important; }
  [data-at-field]:hover {
    outline: 2px solid #de1f26;
    z-index: 10;
    cursor: help; }
    [data-at-field]:hover::after {
      background-color: #de1f26; }

/* override stili del portale */
.wpthemeInner, .wpthemeSecondaryNav, .wptheme1Col .wpthemeCol {
  width: auto;
  min-width: 0; }

/* vg-f113 */
#banner + .carousel .bx-wrapper {
  top: -13.5em; }

.carousel.clearfix + div, #nav-service .wrapper .mycity .carousel.dropdown + div {
  margin-top: -12em; }

/* IPCDM-338 mp-f209 */
.mfp-container {
  position: fixed; }