@charset "UTF-8";
/*
* INVITALIA - Sito Istituzionale
* www.invitalia.it
* Copyright 2015, Ariadne
* Author: Davide Pillitteri
* 02/03/2015
*/
/* Table of Contents
==================================================
#Font & Reset CSS
#Desktop
#Tablet (Portrait)
#Mobile (Portrait)
#Mobile (Landscape) */
/* #Font & Reset CSS
================================================== */
@font-face {
  font-family: 'DINLight';
  src: url("/Styles/fonts/DINLight-webfont.eot");
  src: url("/Styles/fonts/DINLight-webfont.eot?#iefix") format("embedded-opentype"), url("/Styles/fonts/DINLight-webfont.woff2") format("woff2"), url("/Styles/fonts/DINLight-webfont.woff") format("woff"), url("/Styles/fonts/DINLight-webfont.ttf") format("truetype"), url("/Styles/fonts/DINLight-webfont.svg#DINLight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DINMedium';
  src: url("/Styles/fonts/DINMedium-webfont.eot");
  src: url("/Styles/fonts/DINMedium-webfont.eot?#iefix") format("embedded-opentype"), url("/Styles/fonts/DINMedium-webfont.woff2") format("woff2"), url("/Styles/fonts/DINMedium-webfont.woff") format("woff"), url("/Styles/fonts/DINMedium-webfont.ttf") format("truetype"), url("/Styles/fonts/DINMedium-webfont.svg#DINMedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DINRegular';
  src: url("/Styles/fonts/DINRegular-webfont.eot");
  src: url("/Styles/fonts/DINRegular-webfont.eot?#iefix") format("embedded-opentype"), url("/Styles/fonts/DINRegular-webfont.woff2") format("woff2"), url("/Styles/fonts/DINRegular-webfont.woff") format("woff"), url("/Styles/fonts/DINRegular-webfont.ttf") format("truetype"), url("/Styles/fonts/DINRegular-webfont.svg#DINRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'custom-icons';
  src: url("/Styles/fonts/custom-icons.woff2") format("woff2"), url("/Styles/fonts/custom-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

* {
  margin: 0;
  padding: 0;
  outline: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  max-width: 100%; }

form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

time {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 10px; }

legend {
  font-family: 'DINLight';
  font-size: 14px;
  font-size: 1.4rem; }

label {
  cursor: pointer; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

*::selection {
  color: #fff;
  background-color: #a0a5a8; }

*::-moz-selection {
  color: #fff;
  background-color: #a0a5a8; }

html {
  font-size: 62.5%; }

html.no-touch {
  min-width: 320px; }

body {
  font-family: 'DINLight';
  font-size: 18px;
  font-size: 1.8rem;
  color: #58585a;
  background: #808080; }

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
  font-family: 'DINRegular';
  font-weight: bold;
  color: #454545;
  margin-bottom: 6px; }

h1, h1 a {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px; }

h2, h2 a {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 28px; }

h3, h3 a {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 27px; }

h4, h4 a {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 26px; }

h5, h5 a {
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 25px; }

h6, h6 a {
  font-size: 18px;
  font-size: 1.8rem;
  /*20180514 - Alberto consolidato CSS con quello presente in Ariadne*/
  line-height: 24px; }

p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  color: #58585A;
  margin-bottom: 10px; }

a {
  font-size: 18px;
  font-size: 1.8rem;
  color: #58585A;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

strong {
  font-family: 'DINRegular';
  font-weight: bold; }

ul, ol {
  margin: 10px 0 10px 40px; }

ol li {
  line-height: 24px;
  margin: 7px 0; }

nav ul, nav ol {
  margin: 0; }

.hide {
  display: none !important; }

.clear {
  clear: both;
  height: 0;
  font-size: 1px;
  overflow: hidden; }

.clearing {
  overflow: hidden;
  width: auto;
  height: auto; }

#main .continue {
  font-family: 'DINMedium';
  font-size: 20px;
  font-size: 2.0rem;
  color: #454545;
  text-decoration: none; }

#main .continue:hover {
  color: #d10010;
  text-decoration: none; }

/* #Sito Inglese (pagina informativa)
================================================== */
.eng-site body {
  background-color: #fff; }

.eng-site .logo-en {
  margin: 30px 0; }

.eng-site .construction {
  font-family: 'DINLight';
  font-size: 40px;
  font-size: 4.0rem;
  text-transform: uppercase;
  background-color: #f0f0f0;
  padding: 20px 0;
  margin-bottom: 30px; }

.eng-site .construction-text {
  font-family: 'DINLight';
  font-size: 15px;
  font-size: 1.5rem;
  margin-right: 150px; }

.eng-site .construction-text p, .eng-site .construction-text a {
  font-family: 'DINLight';
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 21px; }

.eng-site .construction-text a {
  color: #B80000; }

.eng-site .construction img {
  float: right;
  margin-right: 150px; }

.eng-site .construction span {
  display: inline-block;
  margin-top: 20px; }

/* #Desktop
================================================== */
#wrapper {
  max-width: 1190px;
  background-color: #FFF;
  padding-top: 55px;
  margin: 0 auto; }

.container {
  width: 890px;
  margin: 0 auto; }

/* HEADER */
/* menu mobile */
#menu-mobile {
  display: none; }

/* menu istituzionale */
#menu-top {
  float: right;
  text-align: right;
  text-transform: lowercase;
  margin-top: 1px; }

#menu-top ul {
  float: right; }

#menu-top ul li {
  display: inline-block;
  border-right: solid 1px #58585a;
  padding-right: 8px;
  /*20180514 - Alberto consolidato CSS con quello presente in Ariadne - risolve problema menu header che va a caporiga*/
  margin-right: 3px;
  /*20180514 - Alberto consolidato CSS con quello presente in Ariadne - risolve problema menu header che va a caporiga*/ }

#menu-top ul li.en {
  text-transform: uppercase;
  border-right: 0;
  padding-right: 0;
  margin-right: 0; }

#menu-top ul li a {
  font-size: 14px;
  font-size: 1.4rem;
  border-bottom: solid 2px #fff; }

#menu-top ul li a:hover, #menu-top ul li a.active {
  text-decoration: none;
  border-bottom: solid 2px #cb0000; }

/* form ricerca nel sito */
#search {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px; }

#search .text,
#search-404 .text {
  float: left;
  font-family: 'DINLight';
  font-size: 14px;
  font-size: 1.4rem;
  color: #58585a;
  border: solid 1px #e0e0e0;
  box-shadow: 0 1px 2px 0 #e0e0e0;
  padding: 2px 5px;
  margin-right: 7px; }

#search .text:focus,
#search-404 .text:focus {
  border: solid 1px #cbcbcb;
  box-shadow: 0 1px 2px 0 #cbcbcb; }

/* logo + pay-off */
#logo {
  float: left;
  margin-top: 31px;
  margin-left: -55px;
  margin-right: 0;
  margin-bottom: 43px; }

#logo a {
  display: inline-block; }

#pay-off {
  float: right;
  width: 150px;
  font-family: 'DINRegular';
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 23px;
  color: #999;
  text-transform: uppercase;
  text-align: right;
  margin-top: 42px; }

#pay-off span {
  float: right;
  display: block;
  width: 104px;
  height: 0;
  border-top: solid 2px #999; }

#pay-off div {
  float: right;
  padding: 10px 0 6px 0; }

/* italia creativa */
#logo-header-it-creativa a {
  display: block;
  float: right;
  margin-left: 60px; }

/* menu principale */
#menu-website-mobile {
  display: none; }

#menu-website-desktop li.utility {
  display: none; }

#menu-website-desktop li.nav-mobile {
  display: none; }

#menu-website-desktop .navigation {
  float: left;
  width: 96%;
  padding-left: 4%;
  margin-bottom: 20px; }

.navigation li.first-level {
  position: relative;
  display: inline;
  float: left;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
  margin-left: 50px;
  margin-right: 6px; }

html.no-touch .navigation li.first-level.has-dropdown:hover,
.navigation li.first-level.has-dropdown.hover {
  border-color: #d2d2d2;
  border-color: #d2d2d2; }

.navigation li.first-level a.nav-link.disable-link {
  cursor: context-menu; }

.navigation li.first-level a.nav-link {
  display: block;
  height: 51px;
  font-family: 'DINRegular';
  color: #000010;
  text-transform: uppercase;
  background-color: #fff;
  padding: 10px 28px 6px 31px; }

.navigation li.first-level a.idpage-19000011 {
  width: 52px; }

.navigation li.first-level a.idpage-19003632 {
  /*width: 84px;*/
  width: 180px; }

.navigation li.first-level a.idpage-19003633 {
  width: 95px; }

.navigation li.first-level:hover a.nav-link,
.navigation li.first-level.hover a.nav-link {
  position: relative;
  z-index: 30; }

.navigation li.first-level a.nav-link span {
  display: block;
  height: 3px;
  background-color: #fff;
  margin-top: 10px; }

.navigation li.first-level a.nav-link:hover,
.navigation li.first-level.hover a.nav-link,
.navigation li.first-level a.nav-link.active {
  text-decoration: none; }

html.no-touch .navigation li.first-level a.nav-link:hover span,
.navigation li.first-level.hover a.nav-link span,
.navigation li.first-level a.nav-link.active span {
  background-color: #cb0000; }

/* menu principale: secondo livello */
.navigation .large-menu {
  display: none;
  position: absolute;
  top: 55px;
  left: -1px;
  z-index: 20;
  width: 470px;
  background-color: #fff;
  border: solid 1px #d2d2d2;
  box-shadow: 0 3px 3px 0 #cfcfcf;
  padding: 40px 0 7px 40px; }

.navigation .nav-1 .large-menu {
  left: -110px; }

.navigation .nav-2 .large-menu {
  left: -340px; }

.navigation .nav-3 .large-menu {
  left: -39px; }

.navigation .large-menu.num-cols-1 {
  width: 188px;
  /* .column ((150+36) * 1) + 2 */
  left: -1px; }

.navigation .large-menu.num-cols-2 {
  width: 374px;
  /* .column ((150+36) * 2) + 2 */ }

.navigation .large-menu.num-cols-3 {
  width: 560px;
  /* .column ((150+36) * 3) + 2 */ }

.navigation .large-menu.num-cols-4 {
  width: 746px;
  /* .column ((150+36) * 4) + 2 */ }

.navigation .large-menu.num-cols-5 {
  width: 930px;
  /* .column ((150+36) * 5) + 2 */ }

.navigation .large-menu.num-cols-6 {
  width: 1118px;
  /* .column ((150+36) * 6) + 2 */ }

.navigation .large-menu .column {
  float: left;
  width: 150px;
  margin-right: 36px; }

.navigation .large-menu .column ul {
  margin-bottom: 30px; }

.navigation .large-menu .column ul li {
  margin-bottom: 10px; }

.navigation .large-menu .column ul li a {
  font-size: 16px;
  font-size: 1.6rem;
  color: #111; }

.navigation .large-menu .column ul li a.aggregatori {
  text-transform: uppercase; }

.navigation .large-menu .column a:hover,
.navigation .large-menu .column a.active {
  color: #d10010;
  text-decoration: none; }

.navigation .large-menu .column a.active {
  font-weight: bold; }

/* menu principale: terzo livello */
.navigation .large-menu .column ul li ul {
  margin-top: 8px; }

.navigation .large-menu .column ul li ul li.third-level {
  display: none; }

.navigation .large-menu .column ul li ul.third-level li a {
  color: #666; }

.navigation .large-menu .column ul li ul.third-level li a:hover,
.navigation .large-menu .column ul li ul.third-level li a.active {
  color: #d10010; }

/* BREADCRUMB */
#breadcrumb {
  margin-bottom: 20px; }

#breadcrumb ol {
  margin: 0; }

#breadcrumb ol li {
  list-style-type: none;
  float: left;
  display: inline;
  font-size: 16px;
  font-size: 1.6rem;
  background: url("Images/bg-breadcrumb-page.png") no-repeat left 8px;
  padding-left: 15px;
  margin-left: 5px; }

#breadcrumb ol li:first-child {
  background: none;
  padding-left: 0;
  margin-left: 0; }

#breadcrumb ol li a {
  font-size: 16px;
  font-size: 1.6rem; }

/* HOMEPAGE */
#main .colleft a {
  text-decoration: underline; }

#main .colleft a.continue {
  text-decoration: none;
  display: block;
  float: right; }

#main .colleft a:hover {
  color: #cb0000;
  text-decoration: none; }

/* sezione fotografie */
#photo-home {
  margin-bottom: 35px; }

#photo-home ul {
  margin: 0; }

#photo-home ul li {
  position: relative;
  float: left;
  list-style-type: none; }

#photo-home ul li#pos1 {
  width: 542px;
  margin-bottom: 17px; }

#photo-home ul li#pos2 {
  width: 332px;
  float: right; }

#photo-home ul li#pos3 {
  width: 264px;
  margin-right: 13px; }

#photo-home ul li#pos4 {
  width: 264px; }

#photo-home ul li img {
  width: 100%; }

#photo-home ul li a {
  display: block; }

#photo-home .title-photo {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  font-size: 26px;
  font-size: 2.6rem;
  color: #fff;
  background: url("Images/bg-title-photo.png") repeat top left;
  padding-top: 20px; }

#photo-home .title-photo span {
  display: block;
  padding-left: 20px; }

#photo-home .title-photo strong {
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px; }

#photo-home .title-photo p {
  font-size: 26px;
  font-size: 2.6rem;
  color: #fff;
  margin-bottom: 0; }

/* varianti rilancio bagnoli */
.rilancio-bagnoli #photo-home ul li#pos3 {
  width: 542px;
  margin-right: 0; }

.rilancio-bagnoli #photo-home ul li#pos1 img, .rilancio-bagnoli #photo-home ul li#pos3 img {
  height: 203px; }

.rilancio-bagnoli #photo-home .link-news-bagnoli {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 86%;
  font-size: 26px;
  font-size: 2.6rem;
  color: #fff;
  text-transform: uppercase;
  padding: 30px 7% 50px 7%; }

.rilancio-bagnoli #photo-home .link-news-bagnoli a {
  display: inline-block;
  font-size: 26px;
  font-size: 2.6rem;
  color: #fff; }

.rilancio-bagnoli .box-sezioni-bagnoli {
  margin-bottom: 40px; }

.rilancio-bagnoli .box-sezioni-bagnoli .box {
  float: left;
  width: 226px;
  background-color: #f1f1f1;
  margin-right: 15px; }

.rilancio-bagnoli .box-sezioni-bagnoli .box.last {
  margin-right: 0; }

.rilancio-bagnoli .box-sezioni-bagnoli .box a, .box-sezioni-bagnoli .box a:hover {
  text-decoration: none; }

.rilancio-bagnoli .box-sezioni-bagnoli .box .img-article {
  width: 100%;
  margin: 5px 0 10px 0; }

.rilancio-bagnoli #parla-con-noi {
  margin-bottom: 70px; }

.rilancio-bagnoli #parla-con-noi span {
  float: left;
  width: 25%;
  line-height: 28px; }

.rilancio-bagnoli #parla-con-noi h2 {
  margin-bottom: 0; }

.rilancio-bagnoli #parla-con-noi .ico-twitter {
  display: inline-block;
  margin-top: -10px; }

/* carosello gallery */
#gallery {
  position: relative;
  margin-bottom: 44px; }

#gallery .item {
  text-align: center;
  margin: 20px; }

#gallery .item img {
  max-width: 220px;
  margin-bottom: 10px; }

#gallery .item a {
  display: inline-block;
  font-family: 'DINRegular';
  font-size: 27px;
  font-size: 2.7rem;
  color: #58585a; }

#gallery .item a:hover {
  text-decoration: none;
  color: #cb0000; }

#gallery .item a span {
  display: block;
  padding: 0 5px; }

/* navigazione arrow */
#gallery.owl-theme .owl-controls {
  width: 100%; }

html.no-touch #gallery.owl-theme .owl-controls {
  visibility: hidden; }

html.no-touch #gallery.owl-theme:hover .owl-controls {
  visibility: visible; }

#gallery.owl-theme .owl-controls .owl-buttons div {
  text-indent: -9999em; }

#gallery.owl-theme .owl-controls .owl-prev, #gallery.owl-theme .owl-controls .owl-next {
  position: absolute;
  top: 26%;
  left: 0;
  background: url("Images/bg-slider-prev.png") no-repeat center #eee; }

#gallery.owl-theme .owl-controls .owl-next {
  left: auto;
  right: 0;
  background-image: url("Images/bg-slider-next.png"); }

/* box notizie e storie */
#storie {
  position: relative;
  margin-bottom: 20px; }

#notizie {
  margin-bottom: 70px; }

#notizie article, #storie article {
  position: relative; }

#notizie article .continue, #storie article .continue, #storie .continue.all {
  position: absolute;
  bottom: 20px; }

#notizie .small, #storie .small {
  float: left;
  width: 190px;
  background-color: #f1f1f1;
  padding: 36px 39px 0 28px;
  margin-right: 13px; }

#storie h3, #storie h3 a {
  font-family: "DINRegular";
  font-size: 18px;
  font-size: 1.8rem;
  color: #58585a;
  font-weight: bold;
  text-decoration: none; }

#storie h3 a:hover {
  color: #cb0000; }

#main #twitter * {
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff; }

#twitter.small {
  width: 206px;
  height: 293px;
  line-height: 24px;
  background-color: #14a6c3;
  padding: 25px 25px 0 25px; }

#twitter .ico-twitter {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 20px; }

#main #twitter .ico-twitter i, .ico-twitter i {
  font-size: 35px;
  font-size: 3.5rem; }

#main #twitter .text {
  padding-left: 9px; }

#main .evidenza a {
  color: #454545; }

.evidenza.dobble-art article {
  float: left;
  width: 620px;
  background-color: #f1f1f1; }

.evidenza.single-art article {
  background-color: #f1f1f1; }

.evidenza article figure, .evidenza article .movie {
  position: relative;
  float: left;
  width: 277px;
  /* height: 318px; */ }

.evidenza.single-art article figure,
.evidenza.single-art article .movie {
  width: 543px;
  /* height: 316px; */ }

.evidenza article figure figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  font-family: 'DINMedium';
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  text-transform: uppercase;
  background: url("Images/bg-title-photo.png") repeat;
  padding-top: 26px; }

.evidenza article figure figcaption span {
  display: inline-block;
  padding-left: 30px; }

#main .evidenza article figure figcaption a {
  font-family: 'DINMedium';
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff; }

.evidenza article .news.only-text,
.evidenza.single-art article .news.only-text {
  /* caso in cui non abbia l'immagine */
  padding: 25px 25px 70px 25px; }

.evidenza article .news {
  padding: 25px 25px 45px 305px; }

.evidenza.single-art article .news {
  padding: 25px 25px 45px 570px; }

.evidenza article .news time {
  display: block;
  font-family: 'DINRegular';
  margin-bottom: 15px; }

.evidenza article .news h1, .evidenza article .news h1 a {
  font-weight: normal; }

/* articolo immagine banner */
.articolo-banner {
  margin-bottom: 23px; }

.articolo-banner a {
  display: block; }

/* articoli box rilancio Bagnoli */
.subcategory-notizie {
  margin-bottom: 30px; }

.subcategory-notizie .categoria-notizia {
  position: relative;
  float: left;
  width: 430px;
  margin-right: 30px;
  margin-bottom: 30px; }

.subcategory-notizie .categoria-notizia.last {
  margin-right: 0; }

.subcategory-notizie .categoria-notizia .category-name {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px 0; }

.subcategory-notizie .categoria-notizia .category-name a {
  display: inline-block;
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 38px;
  color: #fff;
  margin-left: 20px; }

.subcategory-notizie .categoria-notizia img {
  width: 100%; }

.subcategory-notizie .categoria-notizia .title-article {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: url("Images/bg-title-photo.png") repeat left top;
  font-size: 26px;
  font-size: 2.6rem;
  color: #fff;
  font-weight: bold;
  padding-top: 20px; }

.subcategory-notizie .categoria-notizia .title-article a {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff; }

.subcategory-notizie .categoria-notizia .title-article span {
  display: block;
  padding-left: 20px;
  padding-right: 20px; }

/* i numeri di invitalia */
.img-banner-hp {
  text-align: center;
  margin-top: 65px;
  margin-bottom: 80px; }

.img-banner-hp img {
  width: 100%; }

/* i numeri di invitalia */
#our-numbers {
  margin-bottom: 45px; }

#our-numbers .single-number {
  display: block;
  float: left;
  width: 165px;
  color: #58585a;
  text-align: center;
  margin-left: 27px;
  margin-right: 27px;
  margin-bottom: 20px; }

.single-number span {
  display: block; }

.single-number .number {
  font-size: 50px;
  font-size: 5.0rem;
  color: #576073; }

.single-number .number .unita {
  display: inline;
  font-size: 35px;
  font-size: 3.5rem; }

.single-number .descr-number {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold; }

.single-number .update-number {
  font-size: 10px;
  font-size: 1.0rem;
  margin-top: 10px; }

.update-number-generic {
  display: block;
  font-size: 10px;
  font-size: 1.0rem;
  text-align: center;
  margin-top: 10px; }

.our-numbers-link {
  display: block;
  padding: 30px 0;
  text-align: center; }

.our-numbers-link:hover {
  background-color: #F1F1F1; }

div.our-numbers-link:hover {
  background-color: #FFF; }

#our-numbers .link-label-article {
  font-size: 14px; }

/* link iscrizione newsletter */
#main .iscrizione-newsletter {
  text-align: center;
  background-color: #b80000; }

#main .iscrizione-newsletter a {
  display: block;
  font-family: 'DINRegular';
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  padding-top: 14px;
  padding-bottom: 12px; }

/* FOOTER */
/* contatti e social button */
#social-contact {
  background-color: #d7d7d7;
  padding-top: 40px;
  padding-bottom: 30px;
  border-bottom: solid 1px #fff0f5; }
  #social-contact a.ico {
    font-family: "custom-icons";
    font-size: 32px;
    color: #b80000; }
    #social-contact a.ico:hover {
      text-decoration: none;
      color: #ff1f1f; }
  #social-contact .contatti {
    padding: 10px 0px;
    display: block; }
    #social-contact .contatti a {
      font-size: 20px;
      color: #b80000;
      padding-right: 75px;
      font-weight: bold; }
  #social-contact .telephone {
    padding: 10px 0px;
    display: block; }
    #social-contact .telephone a {
      float: none;
      color: #0657a8;
      font-weight: bold;
      padding-top: 10px; }
  #social-contact .img-telefono {
    display: none;
    float: right;
    padding: 6px; }

@media only screen and (min-width: 767px) {
  .telephone, .contatti {
    padding: 0px !important; }
  .contatti, .img-telefono, .telephone {
    display: inline !important; }
  .telephone a {
    float: right !important; } }

/* shortcut sitemap */
#page-menu {
  font-size: 20px;
  font-size: 2.0rem;
  color: #454545;
  background-color: #d7d7d7;
  padding-top: 25px;
  padding-bottom: 60px; }

#page-menu nav {
  float: left;
  width: 240px; }

#page-menu nav.blocco_1 {
  margin-left: 0; }

#page-menu nav.blocco_2 {
  width: 280px;
  margin-left: 50px; }

#page-menu nav.blocco_3 {
  margin-left: 70px; }

#page-menu nav ul li a, #page-menu nav ul li span {
  font-size: 20px;
  font-size: 2.0rem;
  color: #454545; }

#page-menu nav ul li a.section, #page-menu nav ul li span.section {
  text-transform: uppercase; }

#page-menu nav ul li ul {
  margin-top: 15px; }

#page-menu nav ul li ul li {
  margin-bottom: 10px; }

#page-menu nav ul li a {
  font-size: 18px;
  font-size: 1.8rem; }

#page-menu nav ul li ul li a.active {
  text-decoration: underline; }

/* informazioni legali */
#info-legali {
  font-family: Arial;
  font-size: 15px;
  font-size: 1.5rem;
  color: #edffff;
  background-color: #808080;
  padding-top: 30px;
  padding-bottom: 50px; }

#info-legali .container {
  width: 100%; }

#info-legali .info {
  float: left;
  margin-right: 55px; }

#info-legali p, #info-legali a {
  font-family: Arial;
  font-size: 13px;
  font-size: 1.3rem;
  color: #edffff; }

#info-legali nav {
  text-align: right; }

#info-legali ul li {
  display: inline;
  margin-left: 10px; }

#info-legali ul li:first-child {
  margin-left: 0; }

/* loghi italia creativa */
#loghi-it-creativa {
  background-color: #808080;
  padding-bottom: 30px; }

#loghi-it-creativa a {
  display: block;
  float: left;
  margin-right: 70px; }

/* AGGREGATORI E STRUMENTI */
.namepage {
  color: #000;
  margin-top: 30px;
  margin-bottom: 20px; }

.namepage h1 {
  color: #000;
  text-transform: uppercase; }

.namepage p {
  font-size: 22px;
  font-size: 2.2rem;
  color: #000; }

.namepage img {
  float: right;
  width: 160px; }

.box {
  background-color: #f1f1f1;
  padding: 25px 30px;
  margin-bottom: 23px; }

.box h2, .box h2 a {
  font-family: 'DINRegular';
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: normal; }

.box ul, .colleft ul {
  margin-left: 40px; }

.box ul li, .colleft ul li {
  line-height: 24px;
  margin: 7px 0; }

.box a {
  text-decoration: underline; }

.box a:hover {
  color: #cb0000;
  text-decoration: none; }

.small .box time {
  margin-top: 10px; }

/* colonna piccola */
.small {
  float: left;
  width: 320px;
  margin-right: 20px; }

.small figure {
  float: right;
  margin-top: -10px; }

.small .box ul {
  margin-left: 0; }

.small .box ul li {
  list-style-type: none;
  background: url("Images/bg-list-type-attivita.png") no-repeat left center;
  padding-left: 15px;
  margin-left: 5px 0; }

/* colonna 50% */
.normal {
  float: left;
  width: 435px;
  margin-right: 20px; }

.normal.last {
  margin-right: 0; }

.normal figure {
  float: right;
  margin-top: -25px;
  margin-right: -30px;
  margin-bottom: -25px; }

.normal .box .abstract {
  padding-right: 175px; }

/* colonna grande */
.large {
  padding-left: 340px; }

/* box piccoli interni */
.large .boxchildlarge {
  float: left;
  width: 265px; }

.large .boxchildlarge.pos1 {
  margin-right: 20px; }

/* box "risultati" */
#results {
  background-color: #2b7467;
  color: #fff;
  margin-bottom: 23px; }

#strumenti #results {
  background-color: #5aab59; }

#results figure {
  float: left;
  width: 320px; }

#main #results * {
  color: #fff; }

#main #results h2 span {
  display: inline-block;
  float: right;
  margin-right: 20px; }

#main #results h2 span a {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  font-weight: normal;
  text-decoration: underline;
  margin-bottom: 0; }

#main #results h2 span a:hover {
  text-decoration: none; }

#results .text {
  padding-top: 25px;
  padding-left: 30px;
  padding-bottom: 25px; }

#results .text.img {
  padding-left: 340px;
  padding-bottom: 0; }

#results .result {
  float: left;
  width: 28%;
  padding-right: 2%;
  margin-top: 20px;
  margin-left: 5%; }

#results .result.first {
  margin-left: 0; }

#results .result .value {
  display: block;
  font-family: 'DINRegular';
  font-size: 35px;
  font-size: 3.5rem;
  margin-bottom: 20px; }

#results .result .value span {
  font-size: 30px;
  font-size: 3.0rem; }

#results .result .label {
  display: block;
  font-family: 'DINRegular';
  font-size: 20px;
  font-size: 2.0rem; }

#results .result .update-number {
  display: inline-block;
  font-size: 10px;
  font-size: 1.0rem;
  margin-top: 5px; }

/* box "storie" */
article#storie figure {
  float: right;
  margin: -25px -30px; }

article#storie {
  line-height: 24px; }

article#storie .storie {
  padding-bottom: 60px; }

article#storie .abstract {
  padding-right: 270px; }

/* box "faq" */
#faq.box {
  color: #fff;
  background-color: #c5000f; }

.colright #faq.box {
  margin-bottom: 0; }

#main #faq.box * {
  color: #fff; }

/* box "help" */
#help.box {
  color: #fff;
  background-color: #00a39e; }

.colright #help.box {
  margin-bottom: 0; }

#help ul {
  margin: 0; }

#help ul li {
  list-style-type: none;
  background: url("../images/bg-list-type-help.png") no-repeat left center;
  padding-left: 15px;
  margin: 5px 0; }

#main #help.box * {
  color: #fff; }

#attivita ul {
  margin: 0; }

#attivita ul li {
  list-style-type: none;
  background: url("Images/bg-list-type-attivita.png") no-repeat left center;
  padding-left: 15px;
  margin: 5px 0; }

/* box "interessi" */
#interessi a {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #53777a;
  border-radius: 10px;
  padding: 4px 10px 2px 10px;
  margin: 4px 2px 4px 0; }

#interessi a:hover {
  text-decoration: none; }

/* box "articoli correlati" */
#article-related {
  background-color: #b1e4d0; }

#article-related ul {
  list-style-type: none;
  margin: 0; }

#article-related ul li {
  margin-bottom: 5px; }

#article-related ul li a {
  font-family: 'DINMedium';
  font-size: 16px;
  font-size: 1.6rem;
  color: #454545; }

#article-related ul li span {
  font-size: 13px;
  font-size: 1.3rem; }

/* box "tag" */
#tag.box {
  color: #fff;
  line-height: 24px;
  background-color: #40b067; }

#main #tag * {
  color: #fff;
  text-decoration: none; }

/* box notizie */
#notizia h3, #notizia h3 a {
  font-family: "DINRegular";
  font-size: 18px;
  font-size: 1.8rem;
  color: #58585a;
  font-weight: bold;
  text-decoration: none; }

#notizia h3 a:hover {
  color: #cb0000; }

/* PAGINA LISTA FAQ */
.single-faq {
  line-height: 24px;
  border-bottom: solid 1px #938e8f;
  padding-bottom: 10px;
  margin-bottom: 10px; }

.question {
  font-family: 'DINMedium';
  cursor: pointer; }

.question:hover, .question.active {
  color: #cb0000; }

.answer {
  padding-top: 5px; }

/* STRUMENTI */
.numart2 article {
  float: left;
  width: 47%;
  padding-right: 5%; }

.numart2 article.last {
  padding-right: 0; }

.numart3 article {
  float: left;
  width: 30%;
  padding-right: 5%; }

.numart3 article.last {
  padding-right: 0; }

/* metropolitana */
#underground {
  background-color: #f3ca4b;
  padding: 60px 25px 15px 25px;
  margin-bottom: 25px; }

#underground ul {
  float: left;
  width: 100%;
  border-top: solid 2px #fff;
  margin: 0; }

#underground ul li {
  position: relative;
  display: block;
  float: left;
  width: 105px;
  height: 90px;
  font-family: Arial;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  margin-top: -46px; }

#underground ul.numStop9 li {
  width: 93px; }

#underground ul.numStop8 li {
  width: 105px; }

#underground ul.numStop7 li {
  width: 120px; }

#underground ul.numStop6 li {
  width: 140px; }

#underground ul.numStop5 li {
  width: 167px; }

#underground ul.numStop4 li {
  width: 210px; }

#underground ul.numStop3 li {
  width: 278px; }

#underground ul li span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 12px;
  height: 10px;
  cursor: pointer;
  background-color: #fff;
  margin-top: -5px;
  margin-left: -6px; }

#underground ul li a:hover + span, #underground ul li.active span {
  background-color: #423639; }

#main #underground ul li a {
  display: inline-block;
  position: relative;
  z-index: 3;
  font-family: Arial;
  font-size: 14px;
  font-size: 1.4rem;
  color: #423639;
  text-decoration: underline; }

#main #underground ul li a:hover {
  text-decoration: none; }

#underground ul li a.top {
  padding-bottom: 35px; }

#underground ul li a.bottom {
  padding-top: 20px;
  margin-top: 35px; }

/* DETTAGLIO STRUMENTI */
#dettaglio-strumento {
  background-color: #f1f1f1;
  margin-bottom: 20px; }

.colleft {
  /*
	float: left;
	width: 490px;
	*/
  padding: 38px 40px; }

#dettaglio-strumento.graficibox {
  background-color: #fff; }

#dettaglio-strumento.graficibox #our-numbers .risultati {
  padding: 0 0 20px 40px; }

#dettaglio-strumento.graficibox #our-numbers .risultati h2 {
  font-family: 'DINLight';
  font-size: 27px;
  font-size: 2.7rem;
  margin-bottom: 15px; }

#dettaglio-strumento.graficibox #our-numbers .numbers {
  margin-bottom: 20px; }

#dettaglio-strumento.graficibox .colleft, #dettaglio-strumento.graficibox #our-numbers {
  float: none;
  width: auto;
  margin-bottom: 30px;
  background-color: #f1f1f1; }

#dettaglio-strumento.graficibox #our-numbers {
  padding: 38px 0; }

#dettaglio-strumento.graficibox #our-numbers .single-number {
  margin: 0 3%; }

#dettaglio-strumento.graficibox #our-numbers .totnum_1 .single-number {
  width: 94%; }

#dettaglio-strumento.graficibox #our-numbers .totnum_2 .single-number {
  width: 44%; }

#dettaglio-strumento.graficibox #our-numbers .totnum_3 .single-number {
  width: 27%; }

#dettaglio-strumento.graficibox #our-numbers .totnum_4 .single-number {
  width: 19%; }

#dettaglio-strumento.graficibox #our-numbers a {
  text-decoration: underline;
  margin-right: 30px; }

#dettaglio-strumento.graficibox #our-numbers a.continue {
  text-decoration: none;
  display: block;
  float: right; }

#dettaglio-strumento.graficibox #our-numbers a:hover {
  color: #cb0000;
  text-decoration: none; }

#dettaglio-strumento.graficibox #our-numbers .update-number-generic {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 25px; }

/* grafici google */
#dettaglio-strumento.graficibox #gmap {
  width: 100%;
  height: 660px;
  margin: 10px 0; }

#gmap-container {
  width: 100%;
  margin-bottom: 20px; }

#gmap-legend {
  margin-top: 20px; }

#gmap-legend .mrk-container {
  float: left;
  width: 24%;
  margin-top: 20px; }

#gmap-legend .mrk {
  display: table;
  margin-bottom: 30px;
  cursor: pointer;
  height: 40px; }

#gmap-legend .mrk div {
  display: table-cell;
  vertical-align: middle; }

#gmap-legend .mrk img {
  width: 36px;
  max-width: none;
  margin-right: 10px; }

table.multiregione {
  font-size: 15px;
  font-size: 1.5rem;
  max-width: 100%;
  background-color: transparent;
  border-top: solid 1px #454545 !important;
  border-left: solid 1px #454545 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  margin: 20px 0; }

table.multiregione p, table.multiregione a {
  font-size: 15px;
  font-size: 1.5rem; }

table.multiregione td {
  border-right: solid 1px #454545;
  border-bottom: solid 1px #454545;
  padding: 5px; }

#dettaglio-strumento .geo-field {
  margin-bottom: 30px; }

#dettaglio-strumento .geo-field-sx {
  float: left;
  width: 45%;
  margin-bottom: 30px;
  margin-right: 5%; }

#dettaglio-strumento .geo-field-dx {
  float: left;
  width: 50%; }

#dettaglio-strumento.graficibox .submit-button {
  margin-top: 30px; }

#dettaglio-strumento.graficibox .submit-button input {
  font-family: "DINMedium";
  font-size: 18px;
  font-size: 1.8rem;
  color: #454545;
  cursor: pointer;
  background-color: #fff;
  border: solid 1px #fff;
  padding: 2px 10px; }

#dettaglio-strumento.graficibox .grafico-1 {
  float: left;
  width: 47%; }

#dettaglio-strumento.graficibox .grafico-1 h3, #dettaglio-strumento.graficibox .grafico-1 p {
  padding-left: 15px; }

#dettaglio-strumento.graficibox .grafico-2 {
  float: left;
  width: 47%;
  margin-left: 6%; }

#dettaglio-strumento.graficibox .grafico-2 h3, #dettaglio-strumento.graficibox .grafico-2 p {
  padding-left: 25px; }

#dettaglio-strumento .grafico-style1 {
  width: 100%;
  height: 300px; }

#dettaglio-strumento .grafico-style2 {
  width: 100%;
  height: 400px; }

#dettaglio-strumento .colleft h2 {
  font-family: 'DINLight';
  font-size: 27px;
  font-size: 2.7rem;
  margin-bottom: 15px; }

.colright {
  float: right;
  width: 320px;
  margin-left: 40px;
  margin-bottom: 40px; }

.colright .img-detail {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 60px; }

/* navigazione pagine non visibile nel large-menu */
.nav-other-page {
  background-color: #f3ca4b;
  padding: 20px 23px;
  margin-bottom: 23px; }

.nav-other-page ul {
  list-style-type: none;
  margin: 0; }

.nav-other-page ul li {
  display: inline;
  float: left;
  border-right: solid 2px #fff;
  padding-right: 15px;
  margin-top: 5px;
  margin-right: 15px;
  margin-bottom: 5px;
  /*font-size: 15px;*/
  /*20180514 - Alberto consolidato CSS con quello presente in Ariadne - risolve problema di menu giallo che si disallinea*/ }

.nav-other-page ul li:last-child, .nav-other-page ul li.last {
  border-right: 0;
  padding-right: 0;
  margin-right: 0; }

#main .nav-other-page ul li a {
  color: #232323; }

#main .nav-other-page ul li a.active {
  font-family: 'DINMedium'; }

/* immagini e video correlati + bottone "vedi tutte le storie" */
#dettaglio-strumento .images, #dettaglio-strumento .movies {
  padding: 25px 0; }

#dettaglio-strumento .images > div, #dettaglio-strumento .movies > div {
  margin-bottom: 20px; }

#dettaglio-strumento .images a {
  display: inline-block; }

#dettaglio-strumento .images img {
  float: left;
  margin-right: 19px; }

.stories, .focus {
  text-align: right;
  padding: 25px;
  margin-top: 15px; }

.focus {
  padding-bottom: 0;
  padding-right: 0; }

#main .stories a, #main .focus a {
  font-family: 'DINMedium';
  font-size: 21px;
  font-size: 2.1rem;
  color: #fff;
  text-decoration: none;
  background-color: #ed0000;
  padding: 5px 15px 3px 15px; }

#main .stories a:hover, #main .focus a:hover {
  color: #fff;
  text-decoration: none; }

/* occhiello */
.colright .occhiello {
  background: url("Images/bg-occhiello.png") no-repeat 240px bottom;
  padding-bottom: 37px;
  margin-bottom: 30px; }

.colright .occhiello div {
  font-size: 30px;
  font-size: 3.0rem;
  background-color: #fff;
  padding: 35px 25px 40px 50px; }

.allegati {
  margin-top: 40px; }

.allegati ul {
  margin: 0;
  margin-top: 17px; }

.allegati ul li {
  list-style-type: none;
  background: url("Images/ico-allegati.png") no-repeat left center;
  padding-left: 20px;
  margin: 6px 0; }

#main .allegati ul li a {
  text-decoration: none; }

.img-focus {
  margin-bottom: 20px; }

/* video youtube */
.movie-wcm {
  width: 70%;
  margin: 20px auto 0; }

.video-container {
  position: relative;
  z-index: 2;
  height: 0;
  overflow: hidden;
  /*
	padding-bottom: 56.25%;
	*/
  padding-bottom: 50.69%;
  padding-top: 30px; }

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* AREA MEDIA */
#area-media .box figure {
  float: right;
  margin-top: 10px; }

#area-media #primo-piano .box figure {
  margin-top: 0;
  margin-left: 10px; }

#area-media #primo-piano .box h2 a {
  text-decoration: none; }

#area-media #primo-piano .box h2 a:hover {
  color: #454545;
  text-decoration: underline; }

/* primo piano */
#primo-piano {
  float: left;
  width: 580px;
  margin-right: 20px; }

#primo-piano .box {
  min-height: 221px; }

#parla-con-noi {
  background-color: #115c7d;
  color: #fff; }

#area-media #parla-con-noi {
  float: left;
  width: 290px; }

/* parla con noi */
#main #parla-con-noi * {
  color: #fff; }

#parla-con-noi .text {
  min-height: 230px;
  padding: 20px; }

.colright #parla-con-noi .text {
  min-height: 0; }

#parla-con-noi .text.inline {
  min-height: 0;
  padding: 20px 10px; }

/* multimedia */
#multimedia {
  margin-bottom: 23px; }

#multimedia a {
  display: block;
  position: relative;
  float: left;
  width: 212px;
  height: 148px;
  margin-left: 14px; }

#multimedia a:first-child {
  margin-left: 0; }

span.caption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  font-family: 'DINMedium';
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  background: url("Images/bg-title-photo.png") repeat top left;
  padding: 9px 0 7px 0; }

span.caption span {
  display: block;
  font-family: 'DINMedium';
  background-position: 7px 0;
  background-repeat: no-repeat;
  padding: 5px 0 4px 35px; }

span.caption span.images {
  background-image: url("Images/ico-media-images.png"); }

span.caption span.video {
  background-image: url("../images/ico-media-video.png"); }

span.caption span.audio {
  background-image: url("../images/ico-media-audio.png"); }

span.caption span.infografiche {
  background-image: url("../images/ico-media-info.png"); }

.colsx, .coldx {
  float: left;
  width: 433px; }

.colsx {
  margin-right: 24px; }

/* agenda */
#agenda {
  background-color: #34ad99; }

#main #agenda * {
  color: #fff; }

#agenda article {
  margin-bottom: 20px; }

#agenda h3 {
  margin-bottom: 0; }

/* newsletter */
#newsletter {
  background-color: #c5000f; }

#main #newsletter * {
  color: #fff; }

/* NEWS E COMUNICATI */
/* parla con noi */
#boxPCNartNotizie #parla-con-noi {
  /*margin-top: -20px;*/
  margin-bottom: 20px; }

#boxPCNartNotizie #parla-con-noi .text {
  padding: 15px 10px 10px 10px; }

#list-news #parla-con-noi .info {
  display: block;
  float: left;
  margin-top: 6px;
  margin-right: 25px; }

#list-news #parla-con-noi .info.title {
  margin-top: 0; }

#list-news #parla-con-noi .info.title h2 {
  margin-bottom: 0; }

#list-news #parla-con-noi .ico-twitter {
  display: block;
  margin-top: -10px; }

/* variante dettaglio articolo */
#list-news .colright #parla-con-noi .info {
  float: none;
  margin-top: 10px;
  margin-right: 0; }

#list-news .colright #parla-con-noi .ico-twitter {
  margin-top: 5px; }

/* VARIANTE BOX PARLA CON NOI PER NUOVA SEZIONE COSA POSSIAMO FARE PER VOI*/
#main #parla-con-noi .info {
  display: block;
  float: left;
  margin-top: 6px;
  /* margin-right: 25px; */ }

#main #boxPCNartNotizie #parla-con-noi .info {
  display: block;
  float: left;
  margin-top: 6px;
  margin-right: 25px; }

#main #parla-con-noi .info.title {
  margin-top: 0; }

#main #parla-con-noi .info.title h2 {
  margin-bottom: 0; }

#main #parla-con-noi .ico-twitter {
  display: block;
  margin-top: -10px; }

/* filtri risultati */
.filter {
  padding: 20px 0; }

#main .filter * {
  font-family: 'DINRegular';
  color: #000; }

.filter ul {
  margin: 6px 0; }

.filter ul li {
  display: inline;
  list-style-type: none;
  margin: 0 3px; }

.filter ul li a.active {
  font-weight: bold; }

.filter .checkbox {
  float: left;
  margin-right: 32px;
  margin-bottom: 15px; }

.filter .checkbox label {
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 5px; }

.filter .submit-button {
  margin-bottom: 20px; }

#main .filter .submit-button input {
  font-family: "DINMedium";
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  cursor: pointer;
  background-color: #ed0000;
  border: solid 1px #ed0000;
  padding: 2px 10px; }

/* lista articoli */
#list-news .news figure {
  float: left;
  width: 100px; }

#list-news .news .text {
  border-bottom: solid 2px #c8c2c6;
  padding-bottom: 13px;
  margin-left: 120px;
  margin-bottom: 21px; }

#list-news .news .text.noimg {
  margin-left: 0; }

#list-news .news h2, #list-news .news h2 a {
  font-size: 22px;
  font-size: 2.2rem;
  color: #232324;
  margin-bottom: 4px;
  text-decoration: none; }

#list-news #amministrazione .news h2, #list-news #amministrazione .news h2 a {
  font-size: 20px;
  font-size: 2.0rem; }

#list-news .news p {
  color: #454545;
  margin-bottom: 8px; }

#list-news .news time {
  font-size: 15px;
  font-size: 1.5rem;
  color: #454545;
  margin-bottom: 8px; }

/* lista articoli archivio */
#list-archive .news figure {
  float: left;
  width: 166px; }

#list-archive .news .text {
  min-height: 116px;
  border-bottom: solid 2px #c8c2c6;
  padding-bottom: 13px;
  margin-left: 190px;
  margin-bottom: 21px; }

#list-archive .news .documenti {
  min-height: 116px;
  border-bottom: solid 2px #c8c2c6;
  padding-bottom: 13px;
  margin-left: 10px;
  margin-bottom: 21px; }

#list-archive .news h2, #list-archive .news h2 a {
  font-size: 22px;
  font-size: 2.2rem;
  color: #232324;
  text-decoration: none;
  margin-bottom: 4px; }

#list-archive .news h2 a:hover {
  color: #cb0000; }

#list-archive .news p {
  color: #454545;
  margin-bottom: 8px; }

#list-archive .news .category {
  font-size: 15px;
  font-size: 1.5rem;
  color: #cb0000;
  font-style: italic;
  margin-bottom: 5px; }

#list-archive .news time {
  font-size: 15px;
  font-size: 1.5rem;
  color: #454545;
  margin-bottom: 8px; }

/* variante "Dicono di noi" */
#list-archive .news .dicono-di-noi {
  border-bottom: solid 2px #c8c2c6;
  padding-bottom: 13px;
  margin-bottom: 21px; }

#list-archive .news .dicono-di-noi.img {
  min-height: 116px;
  margin-left: 190px; }

/* variante "Archivio Multimedia" */
#list-archive .news .preview {
  float: left;
  width: 166px;
  text-align: center; }

#list-archive .news audio {
  display: block;
  margin-top: 20px; }

.img-default {
  display: block;
  position: relative; }

/* paginazione */
.pagination {
  color: #454545;
  margin-top: 20px;
  margin-left: 120px; }

#main .pagination a {
  color: #454545;
  margin: 0 5px; }

#main .pagination a.active {
  font-weight: bold; }

.pagination img {
  margin-top: -2px; }

/* PAGINA CONTEST */
.contest {
  margin-bottom: 23px; }

/* AMMINISTRAZIONE TRASPARENTE */
#amministrazione {
  background-color: #f1f1f1;
  margin-bottom: 30px; }

#amministrazione article {
  padding: 50px 25px; }

#amministrazione .amm_right_col {
  float: right;
  width: 600px; }

#amministrazione article a {
  text-decoration: underline; }

#amministrazione article a:hover {
  color: #cb0000;
  text-decoration: none; }

#amministrazione article li {
  line-height: 24px;
  line-height: 2.4rem;
  margin: 5px 0; }

#amministrazione article table {
  font-size: 15px;
  font-size: 1.5rem;
  max-width: 100%;
  background-color: transparent;
  border-top: solid 1px #454545;
  border-left: solid 1px #454545;
  border-right: 0;
  border-bottom: 0;
  margin: 20px 0; }

#amministrazione .dirigenti table, #amministrazione table.consulente {
  font-size: 12px;
  font-size: 1rem;
  max-width: 100%;
  background-color: transparent;
  border-top: solid 1px #454545;
  border-left: solid 1px #454545;
  border-right: 0;
  border-bottom: 0;
  margin: 20px 0; }

#amministrazione table.consulente td a {
  font-size: 12px; }

#amministrazione article table p, #amministrazione article table a {
  font-size: 15px;
  font-size: 1.5rem; }

#amministrazione article table td {
  border-right: solid 1px #454545;
  border-bottom: solid 1px #454545;
  padding: 5px; }

/* menu navigazione "societ� trasparente" */
#menu_amministrazione {
  float: left;
  width: 220px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #454545;
  background-color: #F3CA4B;
  padding: 50px 10px; }

#menu_amministrazione a {
  font-size: 15px;
  font-size: 1.5rem;
  color: #454545; }

#menu_amministrazione ul {
  margin: 0; }

#menu_amministrazione ul li {
  list-style-type: none;
  line-height: 24px;
  margin: 7px 0; }

#menu_amministrazione ul li .arrow {
  font-family: arial; }

#menu_amministrazione ul li a.first-level {
  font-size: 17px;
  font-size: 1.7rem; }

#menu_amministrazione ul li a.active {
  font-weight: bold; }

/* secondo livello */
#menu_amministrazione ul ul {
  margin-left: 25px; }

#menu_amministrazione ul ul li {
  list-style-type: square;
  font-style: italic;
  margin: 10px 0; }

/* FORM WCM */
.survey-question {
  float: left;
  margin-bottom: 23px; }

#inviocv .survey-question, #form-editor .survey-question, #registrazione .survey-question, #disiscrizione .survey-question {
  float: none; }

.survey-question.span1 {
  width: 33%;
  height: 66px; }

.survey-question.span2 {
  width: 66%; }

.survey-question.span3 {
  width: 100%; }

.survey-question.captcha {
  text-align: center; }

.survey-question.submit {
  text-align: center;
  margin-top: 40px; }

/* obbligatoriet� */
div.mandatory {
  font-family: 'DINMedium';
  font-size: 12px;
  font-size: 1.2rem;
  color: #df000f;
  margin-top: 15px; }

span.mandatory {
  color: #df000f; }

/* summary domande */
.opzioni {
  margin-top: 5px; }

.opzioni, .opzioni p, .opzioni a {
  font-family: Arial;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 11px;
  margin-bottom: 0; }

/* label domande */
.label {
  margin-bottom: 5px; }

.contact-form .input-label, .contact-form .input-label a {
  font-family: 'DINLight';
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 5px; }

.contact-form .input-label a {
  margin-left: 0; }

.contact-form label {
  font-family: 'DINMedium';
  font-size: 18px;
  font-size: 1.8rem;
  color: #454545; }

/* text, checkbox, radio, select, textarea */
.contact-form .text-form, .contact-form .file-form {
  width: 90%;
  font-family: 'DINLight';
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #fff;
  border: solid 1px #fff;
  padding: 2px; }

.contact-form .file-form {
  border: solid 1px #F1F1F1;
  padding: 0; }

.contact-form .select-form {
  width: 90%;
  font-family: 'DINLight';
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #fff;
  border: solid 1px #fff; }

.contact-form .textarea-form {
  width: 88%;
  font-family: 'DINLight';
  font-size: 18px;
  font-size: 1.8rem;
  color: #454545;
  resize: vertical;
  background-color: #fff;
  border: solid 1px #fff;
  padding: 1%; }

.contact-form #info-privacy {
  height: 66px;
  overflow: auto;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 5px 0 10px 0; }

.contact-form .button {
  font-family: 'DINMedium';
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #df000f;
  border: solid 1px #df000f;
  padding: 4px 10px 2px 10px;
  margin-top: 15px; }

/* captcha */
.contact-form #img_captcha {
  margin: 5px 0 20px 0; }

.contact-form #j_captcha_response {
  width: 243px;
  text-align: center;
  margin-bottom: 5px; }

/* service message */
.messaggioerrore {
  font-size: 15px;
  font-size: 1.5rem;
  border: solid 2px #df000f;
  padding: 10px;
  margin: 10px; }

.survey-question label.error {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #df000f;
  margin-top: 4px; }

/* TABELLE EDITOR */
#strumenti table, #amministrazione article table.grafica {
  width: auto;
  background-color: #fff;
  border: solid 20px #fff; }

#strumenti table.semplice {
  background-color: transparent;
  border: 0; }

#strumenti table.semplice td {
  padding: 5px; }

#strumenti table th, #strumenti table td,
#amministrazione article table.grafica th, #amministrazione article table.grafica td {
  text-align: left;
  border: solid 1px #99a1a4;
  padding: 20px 10px; }

/* RISULTATI RICERCA */
#tag-ricercato {
  margin-bottom: 20px; }

#ricerca-sito .risultato {
  border-bottom: solid 1px #58585a;
  padding-bottom: 20px;
  margin-bottom: 20px; }

#ricerca-sito .risultato a {
  display: inline-block;
  font-family: 'DINMedium';
  color: #d7010d;
  text-decoration: none;
  margin-bottom: 5px; }

#ricerca-sito .url {
  color: #9d9f9e; }

#ricerca-sito .breadcrumb {
  font-family: arial;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic; }

#ricerca-sito .breadcrumb .last {
  font-weight: bold; }

/* ricerca nel sito */
#main .gresult {
  margin-bottom: 25px; }

.form-g {
  margin-bottom: 25px; }

.button-g {
  float: left;
  width: 220px;
  font-family: "DINLight";
  font-size: 14px;
  font-size: 1.4rem;
  color: #58585a;
  border: 1px solid #e0e0e0;
  padding: 5px;
  margin-right: 10px; }

.cerca-g {
  margin-top: 4px; }

#main .risultati-senza-filtro {
  margin-bottom: 25px; }

#main .search-title a, #main #tot-res a {
  line-height: 24px;
  color: #d8000f;
  font-weight: bold;
  text-decoration: none; }

#main #tot-res a.active {
  text-decoration: underline; }

#main a.anteprima {
  text-decoration: none; }

#main .search-info {
  color: #9d9ea0;
  line-height: 24px; }

#main .search-summary {
  line-height: 24px;
  margin: 3px 0; }

#formricerca {
  margin-bottom: 25px; }

.more {
  margin-top: 5px; }

#main .risultati-g a {
  text-decoration: none; }

#main .risultati-g a.active {
  color: #d8000f;
  font-weight: bold; }

/* COOKIE TOOLBAR */
.cookie-message {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  line-height: 20px;
  background-color: #FFF;
  border-bottom: 9px solid #808080;
  padding-top: 10px; }

.message-text {
  width: 980px;
  margin: 0 auto; }

.message-text p {
  line-height: 20px;
  font-size: 15px;
  font-size: 1.5rem; }

.text-cookie {
  padding-right: 50px; }

.cookie-message a {
  text-decoration: underline;
  font-size: 15px;
  font-size: 1.5rem; }

.cookie-message a:hover {
  text-decoration: none; }

.cookie-message a.cookiebar-close img {
  float: right; }

/* GRAFICI GOOGLE */
.grinvitalia .googleChartCss {
  width: 100%;
  height: 300px; }

.grinvitalia .regioniChart, .grinvitalia .GeoChart {
  height: auto; }

/* ITALIA CREATIVA */
#webcontent {
  margin-bottom: 20px; }

#webcontent .box {
  float: left;
  width: 223px;
  margin-left: 20px; }

#webcontent .box:first-child {
  margin-left: 0; }

#webcontent #twitter {
  margin-right: 0; }

#imprese .box {
  float: left;
  padding-right: 30px;
  margin-right: 20px; }

#imprese .box.last {
  margin-right: 0; }

#imprese.numart1 .box {
  float: none;
  width: auto; }

#imprese.numart2 .box {
  width: 375px; }

#imprese.numart3 .box {
  width: 223px; }

#imprese .box .subject {
  margin-bottom: 7px; }

#imprese .box figure img {
  margin-bottom: 10px; }

#imprese .box h2 {
  font-weight: bold; }

.prenota-domanda {
  display: block;
  font-family: 'DINRegular';
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  background-color: #115c7c;
  margin-bottom: 20px;
  padding-top: 18px;
  padding-bottom: 13px; }

.prenota-domanda:hover, .prenota-domanda:focus {
  text-decoration: none; }

/* 404 */
#error-page .shortcut-404 .col {
  float: left;
  width: 50%;
  margin-top: 50px; }

#error-page .shortcut-404 .col h2 {
  color: #000;
  font-weight: bold;
  margin-bottom: 25px; }

#error-page .shortcut-404 .col ul {
  list-style-type: none;
  margin: 0; }

#error-page .shortcut-404 .col ul li {
  margin-bottom: 15px; }

#error-page .shortcut-404 .col ul li a {
  text-decoration: underline; }

#error-page .shortcut-404 .col ul li a:hover {
  text-decoration: none; }

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* pagina inglese - sito in costruzione */
  .eng-site .construction-text {
    margin-right: 0; }
  .eng-site .construction img {
    margin-right: 0; }
  .container {
    width: 748px;
    padding-left: 10px;
    padding-right: 10px; }
  #wrapper {
    padding-top: 35px; }
  /* HEADER */
  /* logo + pay-off */
  #logo {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px; }
  /* menu principale */
  #menu-website-desktop .navigation .nav-1 .large-menu.num-cols-3 {
    left: -135px; }
  #menu-website-desktop .navigation .nav-2 .large-menu.num-cols-3 {
    left: -216px; }
  #menu-website-desktop .navigation .nav-2 .large-menu.num-cols-5 {
    left: -296px;
    width: 727px;
    padding: 30px 0 7px 20px; }
  #menu-website-desktop .navigation .nav-2 .large-menu.num-cols-5 .column {
    width: 125px;
    margin-right: 20px; }
  #menu-website-desktop .navigation .nav-2 .large-menu.num-cols-5 .column ul li a {
    font-size: 1.4rem; }
  #menu-website-desktop .navigation .nav-3 .large-menu.num-cols-2 {
    left: -261px; }
  #menu-website-desktop .navigation .nav-3 .large-menu.num-cols-3 {
    left: -447px; }
  /* menu istituzionale */
  #menu-top ul li {
    margin-right: 0;
    padding-right: 5px; }
  /* HOMEPAGE */
  /* sezione fotografie */
  #photo-home ul li#pos1 {
    width: 455px; }
  #photo-home ul li#pos2 {
    width: 279px; }
  #photo-home ul li#pos3 {
    width: 212px; }
  #photo-home ul li#pos4 {
    width: 229px; }
  #photo-home p.title-photo {
    font-size: 2.3rem; }
  #photo-home p.title-photo span {
    padding: 0 0 0 10px; }
  /* variante rilancio bagnoli */
  .rilancio-bagnoli #photo-home ul li#pos3 {
    width: 455px; }
  .rilancio-bagnoli #photo-home ul li#pos1 img, .rilancio-bagnoli #photo-home ul li#pos3 img {
    height: 169px; }
  .rilancio-bagnoli .box-sezioni-bagnoli .box {
    width: 179px; }
  .subcategory-notizie .categoria-notizia {
    width: 358px; }
  /* sezione notizie e storie */
  #notizie .small, #storie .small {
    width: 170px;
    padding: 36px 20px 0 20px; }
  #notizie article .continue, #storie article .continue, #storie .continue.all {
    bottom: 15px; }
  #twitter.small {
    line-height: normal;
    height: 223px; }
  #main #twitter .text {
    padding-left: 0; }
  .evidenza.dobble-art article {
    width: 525px; }
  .evidenza article figure {
    width: 225px; }
  .evidenza article .news {
    padding: 5px 5px 45px 240px; }
  .evidenza article .news time {
    margin-bottom: 5px; }
  .evidenza article .news h1, .evidenza article .news h1 a {
    margin-bottom: 5px; }
  .evidenza.single-art article figure,
  .evidenza.single-art article .movie {
    width: 420px; }
  .evidenza.single-art article .news {
    padding: 20px 25px 65px 440px; }
  /* i numeri di invitalia */
  #our-numbers .single-number {
    width: 160px;
    margin-left: 13px;
    margin-right: 13px; }
  .single-number .number {
    font-size: 48px;
    font-size: 4.8rem; }
  /* FOOTER */
  /* shortcut sitemap */
  #page-menu nav.blocco_1, #page-menu nav.blocco_2, #page-menu nav.blocco_3 {
    width: 222px;
    margin-left: 40px; }
  #page-menu nav.blocco_1 {
    margin-left: 0; }
  #page-menu nav ul li {
    margin-bottom: 7px; }
  #page-menu nav ul li a {
    display: inline-block;
    font-size: 1.7rem;
    padding: 5px 0; }
  #page-menu nav ul li ul {
    margin-top: 10px; }
  #page-menu nav ul li ul li {
    margin-bottom: 4px; }
  /* informazioni legali */
  #info-legali .info {
    float: none;
    margin-right: 0; }
  #info-legali .info div {
    float: left; }
  #info-legali nav {
    margin-top: 30px;
    text-align: left; }
  /* AGGREGATORI E STRUMENTI */
  #results figure {
    width: 270px; }
  #results .text.img {
    padding-left: 290px; }
  /* colonna piccola */
  #aggregatori .small, #strumenti .small {
    width: 270px; }
  /* colonna 50% */
  #aggregatori .normal, #strumenti .normal {
    width: 364px; }
  #aggregatori .normal figure, #strumenti .normal figure {
    width: 140px; }
  .normal .box .abstract {
    padding-right: 120px; }
  /* colonna grande */
  #aggregatori .large, #strumenti .large {
    padding-left: 290px; }
  /* box piccoli interni */
  .large .boxchildlarge {
    width: 219px; }
  /* box "storie" */
  #aggregatori #storie figure, #strumenti #storie figure {
    display: none; }
  #aggregatori #storie div, #strumenti #storie div {
    padding-right: 0; }
  /* STRUMENTI */
  /* navigazione pagine non visibile nel large-menu */
  .nav-other-page ul li {
    padding-left: 5px;
    margin-left: 5px; }
  /* metropolitana */
  #underground ul.numStop9 li {
    width: 77px; }
  #underground ul.numStop8 li {
    width: 87px; }
  #underground ul.numStop7 li {
    width: 99px; }
  #underground ul.numStop6 li {
    width: 115px; }
  #underground ul.numStop5 li {
    width: 138px; }
  #underground ul.numStop4 li {
    width: 174px; }
  #underground ul.numStop3 li {
    width: 230px; }
  /* DETTAGLIO STRUMENTI */
  #dettaglio-strumento .colleft {
    padding: 25px; }
  /* AREA MEDIA */
  #primo-piano {
    width: 478px; }
  #area-media #parla-con-noi {
    width: 250px; }
  .colsx, .coldx {
    width: 362px; }
  /* multimedia */
  #multimedia a {
    width: 176px;
    height: 123px; }
  /* NEWS E COMUNICATI */
  /* parla con noi */
  #list-news #parla-con-noi .text {
    padding: 20px 10px; }
  #list-news #parla-con-noi .info {
    margin-right: 24px; }
  #list-news #parla-con-noi .info.cellulare {
    margin-top: 15px; }
  #list-news #parla-con-noi .ico-twitter {
    float: left;
    margin-top: 0; }
  /* AMMINISTRAZIONE TRASPARENTE */
  #amministrazione .amm_right_col {
    width: 478px;
    padding-left: 20px;
    padding-right: 20px; }
  #menu_amministrazione {
    width: 210px; }
  /* TOOLBAR COOKIE */
  .message-text {
    width: 768px; }
  #gmap-legend .mrk-container {
    float: none;
    width: auto; }
  /* ITALIA CREATIVA */
  #webcontent > div {
    width: 528px; }
  #webcontent .box {
    width: 184px; }
  #webcontent #twitter.small {
    width: 170px; }
  #imprese.numart2 .box {
    width: 304px; }
  #imprese.numart3 .box {
    width: 176px; } }

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  /* pagina inglese - sito in costruzione */
  .eng-site .logo-en {
    text-align: center; }
  .eng-site .construction {
    font-size: 30px;
    font-size: 3.0rem;
    text-align: center; }
  .eng-site .construction-text {
    margin-right: 0; }
  .eng-site .construction img {
    float: none;
    margin-right: 0;
    margin-bottom: 10px; }
  #wrapper {
    padding-top: 20px; }
  .container {
    width: auto;
    margin-left: 10px;
    margin-right: 10px; }
  /* HEADER */
  header {
    padding-bottom: 30px; }
  /* menu mobile */
  #menu-mobile {
    display: block; }
  #menu-mobile a.hamburger {
    display: block;
    float: right;
    font-family: "DINRegular";
    font-size: 20px;
    font-size: 2rem;
    color: #454545;
    text-transform: uppercase;
    background-color: #f1f1f1;
    padding: 7px 5px 6px 8px; }
  #menu-mobile a.hamburger:hover {
    text-decoration: none; }
  #menu-mobile a.hamburger span {
    padding-left: 4px; }
  /* menu istituzionale */
  #menu-top {
    display: none; }
  #menu-website-mobile #menu-top {
    padding: 10px;
    text-align: left;
    background-color: #fff;
    float: none;
    display: block; }
    #menu-website-mobile #menu-top ul {
      float: none; }
      #menu-website-mobile #menu-top ul li {
        padding: 10px;
        border-right: 0px;
        padding-right: 0px; }
  /* form ricerca nel sito */
  #search {
    float: left;
    width: 200px;
    margin-left: 0; }
  #search .text {
    float: left;
    width: 160px;
    font-size: 1.8rem;
    padding: 6px 3%;
    margin-right: 3%; }
  #search input[type=image] {
    float: left;
    padding: 6px 0; }
  /* logo + pay-off */
  #logo {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0; }
  /* menu principale */
  #menu-website-desktop {
    display: none; }
  #menu-website-mobile {
    background-color: #f1f1f1;
    border-bottom: solid 5px #b80000; }
  #menu-website-mobile ul {
    margin: 0; }
  #menu-website-mobile ul.navigation {
    float: none;
    margin: 10px; }
  #menu-website-mobile ul li {
    list-style-type: none; }
  #menu-website-mobile li.utility {
    display: block; }
  .navigation li.first-level {
    position: static;
    display: block;
    float: none;
    border-left: 0;
    border-right: 0;
    margin-left: 0;
    margin-right: 0; }
  .navigation li.first-level a.nav-link {
    height: auto;
    color: #454545;
    background-color: transparent;
    border-bottom: dotted 1px #454545;
    padding: 10px 8px; }
  .navigation li.first-level:last-child a.nav-link {
    border-bottom: 0; }
  .navigation li.first-level a.nav-link.disable-link {
    cursor: pointer; }
  .navigation li.first-level > a.nav-link.disable-link::before {
    content: "\f105";
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    width: 15px; }
  .navigation li.first-level.active > a.nav-link.disable-link::before {
    content: "\f107"; }
  .navigation li.first-level a.idpage-19000011 {
    width: auto; }
  .navigation li.first-level a.idpage-19003632 {
    width: auto; }
  .navigation li.first-level a.idpage-19003633 {
    width: auto; }
  .navigation li.first-level a.nav-link span {
    display: none; }
  /* mega menu */
  .navigation .large-menu {
    position: static;
    border: 0;
    box-shadow: none;
    padding: 0; }
  /* colonne */
  .navigation .large-menu.num-cols-1 {
    width: auto; }
  .navigation .large-menu.num-cols-2 {
    width: auto; }
  .navigation .large-menu.num-cols-3 {
    width: auto; }
  .navigation .large-menu.num-cols-4 {
    width: auto; }
  .navigation .large-menu.num-cols-5 {
    width: auto; }
  .navigation .large-menu.num-cols-6 {
    width: auto;
    left: -388px !important; }
  .navigation .large-menu .column {
    float: none;
    width: auto;
    margin-right: 0; }
  .navigation .large-menu .column a.active {
    font-weight: normal; }
  /* menu principale: secondo livello */
  .navigation .large-menu .column ul.second-level {
    margin-bottom: 0; }
  .navigation .large-menu .column ul li {
    border-bottom: dotted 1px #818a8f;
    padding: 10px;
    margin-bottom: 0; }
  .navigation .large-menu .column ul li.has-third-level .aggregatori {
    display: block; }
  .navigation .large-menu .column ul li.has-third-level > .aggregatori::before {
    content: "\f105";
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    width: 15px; }
  .navigation .large-menu .column ul li.has-third-level > .aggregatori.active::before {
    content: "\f107"; }
  /* menu principale: terzo livello */
  .navigation .large-menu .column ul li ul.third-level {
    display: none;
    background-color: #fff;
    margin-top: 2px;
    margin-left: -10px;
    margin-bottom: -10px;
    margin-right: -10px; }
  .navigation .large-menu .column ul li ul.third-level li {
    margin-left: 10px;
    margin-right: 10px; }
  .navigation .large-menu .column ul li ul.third-level li:last-child {
    border-bottom: none; }
  #menu-website-mobile .nav-mobile {
    display: block; }
  /* BREADCRUMB */
  #breadcrumb {
    display: none; }
  /* HOMEPAGE */
  /* sezione fotografie */
  #photo-home {
    margin-bottom: 30px; }
  #photo-home ul li img {
    display: none; }
  #photo-home .title-photo {
    display: block;
    position: static;
    height: auto;
    font-size: 2.2rem;
    padding-top: 0; }
  #photo-home .title-photo span {
    padding: 15px 20px; }
  #photo-home ul li#pos1 {
    width: 100%; }
  #photo-home ul li#pos1 p.title-photo span {
    padding-right: 0; }
  #photo-home ul li#pos2 {
    width: 100%;
    margin-bottom: 14px; }
  #photo-home ul li#pos2 p.title-photo span {
    padding-right: 0; }
  #photo-home ul li#pos3 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 14px; }
  #photo-home ul li#pos4 {
    width: 100%; }
  #photo-home ul li a {
    text-decoration: none; }
  #photo-home ul li a:hover {
    text-decoration: none; }
  /* variante rilancio bagnoli */
  .rilancio-bagnoli #photo-home ul li#pos3 {
    width: 100%; }
  .rilancio-bagnoli #photo-home .link-news-bagnoli {
    display: none; }
  .rilancio-bagnoli .box-sezioni-bagnoli .box {
    float: none;
    width: auto;
    margin-right: 0; }
  .subcategory-notizie .categoria-notizia {
    float: none;
    width: auto;
    margin-right: 0; }
  .subcategory-notizie .categoria-notizia img {
    display: none; }
  .subcategory-notizie .categoria-notizia .title-article {
    position: static;
    height: auto;
    padding: 0; }
  .subcategory-notizie .categoria-notizia .title-article span {
    padding: 0; }
  .subcategory-notizie .categoria-notizia .title-article span a {
    display: block;
    padding: 20px; }
  .subcategory-notizie .categoria-notizia .category-name {
    position: static;
    padding: 0; }
  .subcategory-notizie .categoria-notizia .category-name a {
    color: #576073; }
  .rilancio-bagnoli #parla-con-noi span {
    float: none;
    display: block;
    width: auto;
    margin-bottom: 15px; }
  /* sezione notizie e storie */
  #notizie article, #storie article {
    padding-bottom: 58px; }
  #notizie .small, #storie .small {
    float: none;
    width: auto;
    padding: 30px 10px;
    margin-right: 0; }
  #twitter.small {
    height: auto;
    margin-bottom: 20px; }
  .evidenza article figure {
    display: none; }
  .evidenza.dobble-art article {
    float: none;
    width: auto; }
  .evidenza article .news {
    padding: 20px 10px; }
  .evidenza.single-art article .news {
    padding: 20px 10px; }
  .evidenza.single-art article .movie {
    width: 100%;
    margin-bottom: 20px; }
  /* i numeri di invitalia */
  #our-numbers {
    margin-bottom: 35px; }
  #our-numbers .single-number {
    float: none;
    width: auto !important;
    font-size: 55px;
    font-size: 5.5rem;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px !important; }
  #our-numbers .single-number .descr-number {
    font-size: 1.8rem; }
  /* FOOTER */
  /* contatti e social button */
  /* shortcut sitemap */
  #page-menu {
    padding-top: 40px;
    padding-bottom: 0; }
  #page-menu nav.blocco_1, #page-menu nav.blocco_2, #page-menu nav.blocco_3 {
    width: 100%;
    margin-left: 0; }
  #page-menu nav ul li {
    margin-bottom: 10px; }
  #page-menu nav ul li ul {
    margin-top: 10px;
    margin-bottom: 40px; }
  /* informazioni legali */
  #info-legali {
    padding-bottom: 15px; }
  #info-legali .info {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px; }
  #info-legali nav {
    text-align: left; }
  #info-legali ul li {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  /* loghi italia creativa */
  #loghi-it-creativa a {
    display: inline-block;
    margin-left: 10px;
    margin-right: 0; }
  /* AGGREGATORI E STRUMENTI */
  .namepage img {
    display: none; }
  .box {
    padding-left: 10px;
    padding-right: 10px; }
  /* colonna piccola */
  .small {
    float: none;
    width: auto;
    margin-right: 0; }
  .small figure {
    display: none; }
  /* colonna 50% */
  .normal {
    float: none;
    width: auto;
    margin-right: 0; }
  .normal figure {
    display: none; }
  .normal .box .abstract {
    padding-right: 0; }
  /* colonna grande */
  .large {
    padding-left: 0; }
  /* box piccoli interni */
  .large .boxchildlarge {
    float: none;
    width: auto; }
  .large .boxchildlarge.pos1 {
    margin-right: 0; }
  /* box "risultati" */
  #results figure {
    display: none; }
  #results .text.img {
    padding: 20px; }
  #results .result {
    float: none;
    width: auto;
    text-align: center;
    padding-right: 0;
    margin-left: 0; }
  /* box "storie" */
  #aggregatori #storie div, #strumenti #storie div {
    padding-right: 0; }
  #aggregatori #storie figure, #strumenti #storie figure {
    /*display: none;  --> modifica per visualizzazione smartphone nuova sezione storie video/*/
    display: contents; }
  #aggregatori #storie div, #strumenti #storie div {
    padding-right: 0; }
  /* box "interessi" 
    #interessi a {
        font-size: 20px;
        font-size: 2.0rem;
        border-radius: 20px;
        padding: 4px 15px;
        margin: 10px 0;
    }
    /* box "articoli correlati" */
  #article-related ul li {
    margin-bottom: 15px; }
  /* box "tag" */
  #tag a {
    display: inline-block;
    font-size: 20px;
    font-size: 2.0rem;
    margin: 8px 8px 8px 0; }
  /* STRUMENTI */
  .numart2 article, .numart3 article {
    float: none;
    width: auto;
    padding-left: 0;
    padding-bottom: 30px; }
  /* metropolitana */
  #underground {
    padding: 25px 0 25px 160px; }
  #underground ul {
    border-top: 0;
    border-left: 2px solid #fff; }
  #underground ul li {
    float: none;
    width: 190px;
    height: auto;
    margin-top: 0;
    margin-left: -96px; }
  #underground ul.numStop9 li, #underground ul.numStop8 li, #underground ul.numStop7 li,
  #underground ul.numStop6 li, #underground ul.numStop5 li, #underground ul.numStop4 li,
  #underground ul.numStop3 li {
    width: 190px; }
  #underground ul li a {
    width: 80px; }
  #underground ul li a.top {
    text-align: right;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    margin-top: 15px;
    margin-right: 90px;
    margin-bottom: 15px; }
  #underground ul li a.bottom {
    text-align: left;
    padding-top: 15px;
    padding-left: 30px;
    padding-bottom: 15px;
    margin-top: 15px;
    margin-left: 80px;
    margin-bottom: 15px; }
  /* DETTAGLIO STRUMENTO */
  #dettaglio-strumento .colleft {
    float: none;
    width: auto;
    padding: 20px 10px; }
  .stories {
    padding: 20px 10px;
    margin-top: 0; }
  /* colonna destra */
  .colright {
    /*display: none;*/
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 0; }
  .colright .occhiello {
    display: none; }
  .colright .img-detail {
    margin-bottom: 20px; }
  .colright #faq {
    display: none; }
  .colright #parla-con-noi {
    display: none; }
  /* navigazione pagine non visibile nel large-menu */
  .nav-other-page ul {
    border-top: solid 2px #fff; }
  .nav-other-page ul li {
    display: block;
    float: none;
    border-right: 0;
    border-bottom: solid 2px #fff;
    padding-right: 0;
    margin-right: 0; }
  .nav-other-page ul li a {
    display: block;
    padding: 10px 0; }
  /* video youtube */
  .movie-wcm {
    width: 100%; }
  /* grafici google */
  #gmap-container {
    float: none;
    width: 100%; }
  #gmap-legend {
    float: none;
    width: 100%;
    margin: 20px 0; }
  #gmap-legend .mrk {
    float: left;
    margin-right: 30px; }
  #dettaglio-strumento.graficibox .grafico-1,
  #dettaglio-strumento.graficibox .grafico-2 {
    float: none;
    width: 100%; }
  /* AREA MEDIA */
  /* primo piano */
  #primo-piano {
    float: none;
    width: auto;
    margin-right: 0; }
  #primo-piano .box {
    min-height: 0; }
  #area-media .box figure {
    display: none; }
  /* parla con noi */
  #area-media #parla-con-noi {
    float: none;
    width: auto;
    margin-bottom: 23px; }
  .colsx, .coldx {
    float: none;
    width: auto; }
  .colsx {
    margin-right: 0; }
  /* multimedia */
  #multimedia {
    margin-bottom: 0; }
  #multimedia a {
    width: 47%;
    height: auto;
    margin-left: 6%;
    margin-bottom: 6%; }
  #multimedia a.start-line-mobile {
    margin-left: 0; }
  #multimedia a img {
    width: 100%; }
  /* NEWS E COMUNICATI */
  /* parla con noi */
  #list-news #parla-con-noi .text {
    min-height: auto;
    padding: 20px 10px; }
  #list-news #parla-con-noi .info {
    float: none;
    margin-right: 0;
    margin-bottom: 20px; }
  /* filtri risultati */
  .filter {
    padding: 0; }
  .filter ul {
    margin: 20px 0; }
  .filter ul li {
    display: inline-block;
    margin: 10px 10px 10px 0; }
  .filter ul li.label {
    display: block;
    margin: 20px 0 0 0; }
  .filter .argomento p {
    cursor: pointer; }
  /* lista articoli */
  #list-news .news figure {
    display: none; }
  #list-news .news div.text {
    margin-left: 0; }
  /* paginazione */
  .pagination {
    text-align: center;
    margin-left: 0; }
  /* STORIE */
  .filter .checkbox {
    float: none;
    margin-right: 0; }
  /* LISTA ARTICOLI */
  #list-archive .news figure, #list-archive .news .preview {
    margin: 0 10px 10px 0; }
  #list-archive .news .text {
    margin-left: 0; }
  /* PAGINA STANDART / DETTAGLIO ARTICOLO */
  #parla-con-noi .text {
    min-height: 30px; }
  /* AMMINISTRAZIONE TRASPARENTE */
  #amministrazione .amm_right_col {
    float: none;
    width: auto; }
  #menu_amministrazione {
    float: none;
    width: auto; }
  /* FORM WCM */
  .survey-question {
    float: none;
    margin-bottom: 23px; }
  .survey-question.span1 {
    width: auto; }
  .survey-question.span2 {
    width: auto; }
  .survey-question.span3 {
    width: auto; }
  /* text, checkbox, radio, select, textarea */
  #contacts .text-form {
    width: 98%; }
  #contacts .select-form {
    width: 99%; }
  /* TOOLBAR COOKIE */
  .message-text {
    width: 96%;
    margin-left: 4%; }
  .cookie-message a.cookiebar-close {
    margin-right: 4%; }
  .text-cookie {
    padding-right: 14%; }
  /* ITALIA CREATIVA */
  #webcontent > div {
    width: auto; }
  #webcontent .box {
    width: auto;
    margin-right: 0; }
  #webcontent #twitter.small {
    width: 100%; }
  #imprese.numart1 .box, #imprese.numart2 .box, #imprese.numart3 .box {
    width: auto;
    padding-left: 30px;
    margin-right: 0; }
  /* 404 */
  #error-page .shortcut-404 .col {
    float: none;
    width: auto; } }

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .eng-site .construction {
    text-align: left; }
  .eng-site .construction img {
    float: right;
    margin-right: 50px;
    margin-bottom: 0; }
  .eng-site .construction span {
    margin-left: 30px; }
  /* HEADER */
  #search {
    width: 350px; }
  #search .text {
    width: 290px; }
  /* HOMEPAGE */
  /* sezione notizie e storie */
  #notizie .small, #storie .small {
    float: left;
    width: 190px;
    margin-right: 13px; }
  #twitter.small {
    margin-bottom: 0; }
  #main #twitter .text {
    padding-left: 0; }
  /* modifica 29/007/2015 perch� usato in molte variante */
  /*
	#our-numbers .single-number {
		float: left;
		width: 44%;
		font-size: 50px;
		font-size: 5.0rem;
		margin-left: 3%;
		margin-right: 3%;
	}
	*/
  /* FOOTER */
  /* contatti e social button */
  /* shortcut sitemap */
  #page-menu {
    padding-top: 40px;
    padding-bottom: 0; }
  #page-menu nav {
    width: 45%;
    margin-left: 5%;
    margin-bottom: 40px; }
  #page-menu nav:nth-child(odd) {
    margin-left: 0; }
  #page-menu nav ul li {
    margin-bottom: 0; }
  #page-menu nav ul li ul {
    margin-top: 10px;
    margin-bottom: 0; }
  #page-menu nav ul li ul li {
    margin-bottom: 10px; }
  #page-menu nav ul li ul li a {
    display: inline-block;
    padding: 5px 0; }
  /* informazioni legali */
  #info-legali {
    padding-bottom: 30px; }
  #info-legali ul li {
    display: inline;
    margin-left: 20px;
    margin-bottom: 0; }
  /* AGGREGATORI E STRUMENTI */
  .namepage img {
    display: block; }
  #results .text.img {
    padding-left: 30px;
    padding-bottom: 25px; }
  #results .result {
    float: left;
    width: 29%;
    text-align: left;
    padding-right: 1%;
    margin-top: 20px;
    margin-left: 5%; }
  .normal figure {
    display: block; }
  .normal .box .abstract {
    padding-right: 175px; }
  /* box "storie" */
  #aggregatori #storie figure, #strumenti #storie figure {
    display: block;
    width: 210px; }
  #aggregatori #storie div, #strumenti #storie div {
    padding-right: 190px; }
  /* NEWS E COMUNICATI */
  #list-news .news figure {
    display: block; }
  #list-news .news div.text {
    margin-left: 120px; } }

/* POWERBI */
.explorationContainer .exploreCanvasToBottom .exploreCanvas {
  background-color: #f1f1f1 !important; }

.exploreCanvas .disableAnimations .master-form-factor {
  background-color: #f1f1f1 !important; }

.logoBar {
  background-color: #f1f1f1 !important; }

#report .logoBar {
  background-color: #f1f1f1 !important; }

#report .text {
  display: none !important; }

.divNews .webinar {
  padding-left: 10px;
  padding-right: 10px; }

.divNews {
  width: 25%;
  text-align: left;
  float: left;
  display: block;
  margin-bottom: 20px; }

.spanWebinar {
  font-size: 15px !important; }

.boxSocial {
  margin-top: 10px;
  width: 49%;
  height: 70px;
  color: white;
  display: flex;
  justify-content: flex-start;
  /* align-items: center; */
  font-size: 40px; }

.boxSocialx {
  margin-top: 10px;
  width: 100%;
  height: 70px;
  color: white;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  /* align-items: center; */
  font-size: 40px;
  align-items: center;
  margin-bottom: 23px; }

.Parla-con-noi {
  background-color: #125D7D; }

.live-chat {
  background-color: #0F9208; }

.parlaText {
  padding-left: 20px; }

.documents-images {
  min-width: 166px; }

.iconDocuments {
  max-width: none;
  width: 90%; }

.docTitle a {
  text-decoration: none;
  line-height: 18px;
  font-weight: 600; }

.docTitleWebinar a {
  text-decoration: none;
  line-height: 18px;
  font-weight: 600; }

h6.docTitle {
  font-size: 15px;
  line-height: 18px !important;
  margin-bottom: 0px !important; }

h6.docTitleWebinar {
  font-size: 15px;
  line-height: 18px !important;
  margin-bottom: 0px !important;
  margin-top: 5px; }

.divDocuments span {
  font-weight: 300;
  padding-right: 5px; }

.divNews span {
  font-weight: 300;
  padding-right: 5px; }

.chatText {
  padding-left: 20px; }

.boxSocial span {
  margin: 10px; }

.socialContainer {
  justify-content: space-between;
  display: flex; }

@media screen and (max-width: 680px) {
  .divNews {
    width: 50%; }
  .divNews:nth-child(2n+1) {
    clear: left; }
  .live-chat {
    clear: left; }
  .boxSocial {
    width: 100% !important;
    justify-content: center !important; }
  .socialContainer {
    flex-wrap: wrap; } }

.imgCentered {
  /* min-width: 166px; */ }

.divNews:nth-child(4n+1) {
  clear: left; }

/*documenti*/
.divDocuments .documents {
  padding-left: 10px;
  padding-right: 10px; }

.divDocuments {
  width: 50%;
  text-align: left;
  float: left;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  /*height:160px;*/
  align-items: flex-start;
  /* margin-left: 10px; */ }

@media screen and (max-width: 680px) {
  .divDocuments {
    width: 50%;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    height: 100%;
    /* padding-right:5px; */ }
  .divDocuments:nth-child(2n+1) {
    clear: left; }
  .documents-image {
    padding-right: 10px;
    padding-left: 10px; }
  .documents-Container-Text {
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (max-width: 400px) {
  .iconDocuments {
    width: 80%; }
  .divDocuments .documents-Container-Text {
    font-size: 10px !important; } }

@media screen and (max-width: 680px) {
  .filtri {
    display: block !important;
    margin-left: 0px !important; } }

@media screen and (max-width: 400px) {
  .news .text {
    margin-left: 0px !important; } }

.filtri {
  display: inline; }

.divDocuments:nth-child(2n+1) {
  clear: left; }

.lockDownPagination {
  clear: both; }

.divDocuments .documents-Container-Text {
  font-size: 15px;
  padding-left: 10px; }

.lockDownPagination {
  clear: both; }

.divDocuments .documents-Container-Text {
  font-size: 15px;
  padding-left: 15px;
  padding-right: 20px; }

.imgHashtagContainer {
  position: relative;
  color: white; }

.top-left {
  position: absolute;
  top: 8px;
  left: 16px; }

.history-a {
  color: #fff !important;
  font-weight: bold !important;
  font-size: 35px; }

/*classi boostrap*/
.d-none {
  display: none; }

input:disabled {
  display: block;
  width: 94%;
  font-family: 'DINLight';
  font-size: 1.8rem;
  background-color: #f1f1f1;
  opacity: 1;
  border: solid 1px #fff;
  padding: 2px; }

.transitions, .component-misure.style-list .row .misura-container .misura-content:hover, .component-misure.style-box .row .misura-container .misura-content:hover {
  -webkit-transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1); }

.color-red {
  color: #cb0000; }

.color-green {
  color: #009534; }

.text-center {
  text-align: center; }

.row-custom {
  position: relative;
  margin: -10px; }
  .row-custom .column-6 {
    padding: 10px;
    width: 100%; }
  .row-custom .column-3 {
    padding: 10px;
    width: 100%; }
  @media (min-width: 768px) {
    .row-custom {
      display: flex; }
      .row-custom .column-6 {
        width: 50%; }
      .row-custom .column-3 {
        width: 40%; } }

.hidden {
  display: none !important; }

.padding-thin {
  padding: 5px; }

.padding-thin-top-bottom {
  padding: 5px 0; }

.padding-medium {
  padding: 10px; }

.padding-medium-top-bottom {
  padding: 10px 0; }

.padding-light {
  padding: 10px; }

.next-link-page {
  font-size: 15px;
  text-decoration: none !important;
  font-weight: bold; }
  .next-link-page i {
    color: #cb0000;
    font-size: 12px; }

.back-link-page {
  font-size: 15px;
  text-decoration: none !important;
  position: absolute;
  top: -37px;
  left: 47%;
  font-weight: bold; }
  .back-link-page i {
    color: #cb0000;
    font-size: 12px; }

ul.list-icons-message {
  list-style: none;
  margin-left: 10px; }
  ul.list-icons-message li::before {
    content: "\f003";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 8px;
    color: #cb0000; }

.message.error {
  background-color: #cb0000;
  color: white;
  padding: 20px; }

.message.success {
  background-color: #009534;
  color: white;
  padding: 20px; }
  .message.success i:before {
    content: "\f00c"; }

input.form-control, select.form-control {
  min-height: 40px;
  padding: 4px 10px; }

.contact-form .checkbox label {
  font-family: 'DINMedium';
  font-size: 18px;
  font-size: 1.8rem;
  color: #454545; }

.contact-form .form-group {
  margin-top: 30px; }

.contact-form .form-group label.control-label {
  font-family: 'DINMedium';
  font-size: 18px;
  font-size: 1.8rem;
  color: #454545; }

.contact-form .form-group .form-control {
  margin-top: 5px; }

.contact-form .form-group .form-control.text-box.single-line {
  width: 96%;
  font-family: 'DINLight';
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #fff;
  border: solid 1px #fff;
  padding: 2px; }

.contact-form .form-group select.form-control {
  width: 96%;
  font-family: 'DINLight';
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #fff;
  border: solid 1px #fff;
  margin-right: 5px; }

.contact-form .form-group textarea.form-control {
  width: 94%;
  font-family: 'DINLight';
  font-size: 18px;
  font-size: 1.8rem;
  color: #454545;
  resize: vertical;
  background-color: #fff;
  border: solid 1px #fff;
  padding: 1%; }

.contact-form .survey-question.span3.form-group label.control-label {
  font-family: 'DINMedium';
  font-size: 18px;
  font-size: 1.8rem;
  color: #454545;
  margin-right: 30px; }

#strumenti table {
  background-color: #f1f1f1;
  border: solid #f1f1f1;
  width: 240px; }

.contact-form .radio label {
  font-family: 'DINLight';
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 5px; }

.survey-question {
  margin-bottom: 0px; }

.customtable {
  width: 280px !important; }

.customCaptcha {
  margin-left: 33%; }

.list-group-item-warning {
  color: #de2525;
  list-style-type: none;
  font-weight: 800;
  font-size: 23px;
  text-align: center; }

.validation-summary-errors {
  display: none; }

@media only screen and (max-width: 767px) {
  /* FORM WCM */
  .survey-question {
    float: none;
    margin-bottom: 23px; }
  .survey-question.span1 {
    width: auto; }
  .survey-question.span2 {
    width: auto; }
  .survey-question.span3 {
    width: auto; }
  /* text, checkbox, radio, select, textarea */
  #contacts .text-form {
    width: 98%; }
  .contact-form .form-group .form-control.text-box.single-line {
    width: 98%; }
  .contact-form .form-group select.form-control {
    width: 99%; }
  .contact-form .form-group textarea.form-control {
    width: 97%; }
  #contacts .select-form {
    width: 99%; }
  .button-form {
    float: left; }
  div.mandatory-custom {
    font-family: 'DINMedium';
    font-size: 12px;
    font-size: 1.2rem;
    color: #df000f;
    /*margin-top:15px;*/ } }

.custom-modal {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  padding: 20px;
  background-color: #f6f6f6;
  box-shadow: 0px 0px 20px 8px rgba(0, 0, 0, 0.05);
  display: none; }
  .custom-modal.open {
    display: block; }
  .custom-modal .label {
    padding: 20px; }
  .custom-modal .close {
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer; }

.component-misure {
  padding-bottom: 40px; }
  .component-misure.style-list .row {
    margin-right: -15px;
    margin-left: -15px; }
    .component-misure.style-list .row .misura-container {
      position: relative; }
      .component-misure.style-list .row .misura-container .misura-content {
        padding: 15px;
        margin: 15px;
        background-color: #fff; }
        .component-misure.style-list .row .misura-container .misura-content:hover {
          box-shadow: 10px 10px 19px -8px rgba(0, 0, 0, 0.2); }
        .component-misure.style-list .row .misura-container .misura-content a {
          position: relative;
          display: block;
          text-decoration: none !important; }
          .component-misure.style-list .row .misura-container .misura-content a:hover {
            text-decoration: none !important; }
          .component-misure.style-list .row .misura-container .misura-content a .logo {
            background-position: center left;
            background-repeat: no-repeat;
            background-size: contain;
            width: 200px;
            height: 100px;
            overflow: hidden;
            margin-bottom: 10px; }
            .component-misure.style-list .row .misura-container .misura-content a .logo img {
              max-width: 200px;
              width: auto;
              height: auto; }
          .component-misure.style-list .row .misura-container .misura-content a h2 {
            margin-bottom: 5px !important; }
          .component-misure.style-list .row .misura-container .misura-content a p {
            margin: 0px; }
          @media (min-width: 768px) {
            .component-misure.style-list .row .misura-container .misura-content a .logo {
              width: 200px;
              position: absolute;
              height: 100%;
              overflow: hidden; }
              .component-misure.style-list .row .misura-container .misura-content a .logo img {
                max-width: 200px;
                width: auto;
                height: auto; }
            .component-misure.style-list .row .misura-container .misura-content a h2 {
              padding-left: 220px;
              margin-bottom: 5px !important; }
            .component-misure.style-list .row .misura-container .misura-content a p {
              padding-left: 220px;
              margin: 0px; } }
  .component-misure.style-box .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .component-misure.style-box .row .misura-container {
      position: relative;
      width: 100%;
      padding: 8px;
      box-sizing: border-box; }
      @media (min-width: 768px) {
        .component-misure.style-box .row .misura-container {
          width: 50%; } }
      .component-misure.style-box .row .misura-container .misura-content {
        min-height: 100%;
        padding: 15px;
        background-color: #fff;
        box-sizing: border-box; }
        .component-misure.style-box .row .misura-container .misura-content:hover {
          box-shadow: 10px 10px 19px -8px rgba(0, 0, 0, 0.2); }
        .component-misure.style-box .row .misura-container .misura-content a {
          text-decoration: none !important; }
          .component-misure.style-box .row .misura-container .misura-content a:hover {
            text-decoration: none !important; }
          .component-misure.style-box .row .misura-container .misura-content a .logo {
            height: 100px;
            margin-bottom: 13px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain; }
            .component-misure.style-box .row .misura-container .misura-content a .logo img {
              max-height: 100px;
              width: auto;
              height: auto; }
          .component-misure.style-box .row .misura-container .misura-content a h2 {
            margin-bottom: 5px !important; }
          .component-misure.style-box .row .misura-container .misura-content a p {
            margin: 0px; }

.badge-SPID {
  /* margin-top: 10px; */
  margin-top: 10px;
  display: flex; }
  .badge-SPID .img {
    padding: 10px;
    width: 70%;
    border-right: 1px solid #dedede; }
  .badge-SPID .text {
    padding: 8px;
    color: #0066CC;
    line-height: 18px;
    font-size: 16px; }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: 0px;
  right: 0px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

#getannotation {
  position: relative; }
  #getannotation .padding-10 {
    padding: 10px 0px; }
  #getannotation .content-message {
    padding: 20px 0px;
    font-size: 14px;
    font-weight: bold; }
  #getannotation .annotation-group {
    margin-left: 0px;
    width: 60%;
    padding-bottom: 0px; }
    #getannotation .annotation-group li {
      list-style: none;
      margin: 0px 0px 7px 0px;
      padding: 10px;
      background-color: #f6f6f6;
      box-shadow: 10px 10px 19px -8px rgba(0, 0, 0, 0.05); }
      #getannotation .annotation-group li a {
        text-decoration: none !important;
        font-weight: bold; }
        #getannotation .annotation-group li a i {
          color: #cb0000; }
      #getannotation .annotation-group li .date {
        padding-left: 20px;
        font-size: 14.4px;
        text-align: right; }
    #getannotation .annotation-group.has-many {
      height: 225px;
      overflow-y: scroll; }
  #getannotation .form-container {
    width: 60%;
    padding-bottom: 10px; }
    #getannotation .form-container .control-label {
      font-family: 'DINLight';
      display: block;
      padding-bottom: 20px; }
    #getannotation .form-container .field-validation-error {
      font-weight: bold;
      display: block;
      padding-bottom: 5px; }
    #getannotation .form-container .btn {
      width: 100%;
      margin-top: 0px; }
  #getannotation hr {
    margin: 35px 0px; }

form[data-wffm] fieldset,
.form-group {
  /*clear: both;*/ }

form[data-wffm] .halfAvailableWidth,
form[data-wffm] .thirdAvailableWidth {
  clear: none; }

.is-disabled {
  display: none; }
  .is-disabled input {
    background-color: #dedede !important; }

.halfAvailableWidth {
  float: left;
  text-align: left;
  display: inline;
  margin: 5px 0;
  width: 50%;
  vertical-align: top; }

.thirdAvailableWidth {
  float: left;
  text-align: left;
  display: inline;
  margin: 5px 0;
  width: 33%;
  vertical-align: top; }

.halfLeft {
  width: 50%; }

.halfRight {
  width: 50%;
  float: right; }

.halfLeft .scfSectionBorderAsFieldSet,
.halfRight .scfSectionBorderAsFieldSet {
  margin: 0;
  padding: 0;
  border-width: 0; }

.halfLeft .scfEmailGeneralPanel,
.halfLeft .scfMultipleLineGeneralPanel,
.halfLeft .scfSingleLineGeneralPanel,
.halfLeft .scfPasswordGeneralPanel,
.halfLeft .scfNumberGeneralPanel,
.halfLeft .scfDatePickerGeneralPanel,
.halfLeft .scfDateGeneralPanel,
.halfLeft .scfRadioButtonListGeneralPanel,
.halfLeft .scfCheckBoxListGeneralPanel,
.halfLeft .scfFileUploadGeneralPanel,
.halfLeft .scfDateSelectorGeneralPanel,
.halfRight .scfEmailGeneralPanel,
.halfRight .scfMultipleLineGeneralPanel,
.halfRight .scfSingleLineGeneralPanel,
.halfRight .scfPasswordGeneralPanel,
.halfRight .scfNumberGeneralPanel,
.halfRight .scfDatePickerGeneralPanel,
.halfRight .scfDateGeneralPanel,
.halfRight .scfRadioButtonListGeneralPanel,
.halfRight .scfCheckBoxListGeneralPanel,
.halfRight .scfFileUploadGeneralPanel,
.halfRight .scfDateSelectorGeneralPanel {
  margin: 0;
  width: 80%;
  display: block;
  float: left;
  margin-bottom: 10px; }

.halfLeft .scfDropListBorder,
.halfLeft .scfEmailBorder,
.halfLeft .scfMultipleLineTextBorder,
.halfLeft .scfSingleLineTextBorder,
.halfLeft .scfPasswordBorder,
.halfLeft .scfNumberBorder,
.halfLeft .scfDatePickerBorder,
.halfLeft .scfDateBorder,
.halfLeft .scfRadioButtonListBorder,
.halfLeft .scfListBoxBorder,
.halfLeft .scfCheckBoxListBorder,
.halfLeft .scfFileUploadBorder,
.halfRight .scfDropListBorder,
.halfRight .scfEmailBorder,
.halfRight .scfMultipleLineTextBorder,
.halfRight .scfSingleLineTextBorder,
.halfRight .scfPasswordBorder,
.halfRight .scfNumberBorder,
.halfRight .scfDatePickerBorder,
.halfRight .scfDateBorder,
.halfRight .scfRadioButtonListBorder,
.halfRight .scfListBoxBorder,
.halfRight .scfCheckBoxListBorder,
.halfRight .scfFileUploadBorder {
  text-align: left;
  display: block;
  margin: 0;
  width: 100%;
  vertical-align: top; }

.halfLeft .scfDropListLabel,
.halfLeft .scfEmailLabel,
.halfLeft .scfMultipleLineTextLabel,
.halfLeft .scfSingleLineTextLabel,
.halfLeft .scfPasswordLabel,
.halfLeft .scfNumberLabel,
.halfLeft .scfDatePickerLabel,
.halfLeft .scfDateLabel,
.halfLeft .scfRadioButtonListLabel,
.halfLeft .scfCheckBoxListLabel,
.halfLeft .scfListBoxLabel,
.halfLeft .scfFileUploadLabel,
.halfLeft .scfDateSelectorLabel,
.halfRight .scfDropListLabel,
.halfRight .scfEmailLabel,
.halfRight .scfMultipleLineTextLabel,
.halfRight .scfSingleLineTextLabel,
.halfRight .scfPasswordLabel,
.halfRight .scfNumberLabel,
.halfRight .scfDatePickerLabel,
.halfRight .scfDateLabel,
.halfRight .scfRadioButtonListLabel,
.halfRight .scfCheckBoxListLabel,
.halfRight .scfListBoxLabel,
.halfRight .scfFileUploadLabel,
.halfRight .scfDateSelectorLabel {
  padding-bottom: 0; }

.halfLeft .scfValidator,
.halfRight .scfValidator {
  margin: 0;
  display: block;
  font-size: 0.8em;
  position: absolute; }

.halfLeft .scfValidatorRequired,
.halfLeft .scfRequired,
.halfRight .scfValidatorRequired,
.halfRight .scfRequired {
  float: left; }

#update-contact {
  /*Select2*/ }
  #update-contact .contact-form .checkbox label {
    font-family: 'DINLight';
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 5px; }
  #update-contact .contact-form .form-group.has-feedback {
    margin-top: 30px; }
  #update-contact .contact-form .form-group.has-feedback label.control-label {
    font-family: 'DINMedium';
    font-size: 18px;
    font-size: 1.8rem;
    color: #454545; }
  #update-contact .contact-form .form-group.has-feedback .form-control {
    margin-top: 5px; }
  #update-contact .contact-form .form-group.has-feedback .form-control.text-box.single-line {
    width: 100%;
    font-family: 'DINLight';
    font-size: 18px;
    font-size: 1.8rem;
    background-color: #fff;
    border: solid 1px #fff;
    /*padding: 2px;*/
    box-sizing: border-box; }
  #update-contact .contact-form .form-group.has-feedback select.form-control {
    width: 100%;
    font-family: 'DINLight';
    font-size: 18px;
    font-size: 1.8rem;
    background-color: #fff;
    border: solid 1px #fff;
    /*margin-right: 5px;*/ }
  #update-contact .contact-form .form-group.has-feedback textarea.form-control {
    width: 94%;
    font-family: 'DINLight';
    font-size: 18px;
    font-size: 1.8rem;
    color: #454545;
    resize: vertical;
    background-color: #fff;
    border: solid 1px #fff;
    padding: 1%; }
  #update-contact .contact-form .survey-question.span3.form-group.has-feedback label.control-label {
    font-family: 'DINMedium';
    font-size: 18px;
    font-size: 1.8rem;
    color: #454545;
    margin-right: 30px; }
  #update-contact #strumenti table {
    background-color: #f1f1f1;
    border: solid #f1f1f1;
    width: 240px; }
  #update-contact .contact-form .radio label {
    font-family: 'DINLight';
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 5px; }
  #update-contact .survey-question {
    margin-bottom: 0px; }
  #update-contact .customtable {
    width: 280px !important; }
  #update-contact .customCaptcha {
    margin-left: 33%; }
  #update-contact .required-field .control-label::before, #update-contact .required-field .checkbox::after {
    color: #d00;
    content: "*";
    font-weight: bolder; }
  @media only screen and (max-width: 767px) {
    #update-contact {
      /* FORM WCM */
      /* text, checkbox, radio, select, textarea */ }
      #update-contact .survey-question {
        float: none;
        margin-bottom: 23px; }
      #update-contact .survey-question.span1 {
        width: auto; }
      #update-contact .survey-question.span2 {
        width: auto; }
      #update-contact .survey-question.span3 {
        width: auto; }
      #update-contact #contacts .text-form {
        width: 98%; }
      #update-contact .contact-form .form-group.has-feedback .form-control.text-box.single-line {
        width: 98%; }
      #update-contact .contact-form .form-group.has-feedback select.form-control {
        width: 99%; }
      #update-contact .contact-form .form-group.has-feedback textarea.form-control {
        width: 97%; }
      #update-contact #contacts .select-form {
        width: 99%; }
      #update-contact .button-form {
        float: left; }
      #update-contact div.mandatory-custom {
        font-family: 'DINMedium';
        font-size: 12px;
        font-size: 1.2rem;
        color: #df000f;
        /*margin-top:15px;*/ } }
  #update-contact .select2-container {
    width: 100% !important; }
  #update-contact .select2-container--default .select2-selection--single {
    margin-top: 5px;
    background-color: #fff;
    border: none;
    border-radius: 0;
    height: 40px;
    padding: 4px 10px; }
  #update-contact .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none; }
  #update-contact .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: black; }
  #update-contact .select2-dropdown {
    border: none; }

#case-details .collapsable::after {
  content: "\f106";
  cursor: pointer;
  position: absolute;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: 4px;
  top: -1px;
  font-size: 31px; }

#case-details .collapsable.collapsed {
  height: 212px;
  overflow: hidden; }
  #case-details .collapsable.collapsed::before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 56px 0;
    background-image: linear-gradient(to bottom, transparent, #fcfcfc); }
  #case-details .collapsable.collapsed::after {
    content: "\f107"; }

#case-details .comment-container {
  background: #fcfcfc;
  padding: 20px;
  width: 50%;
  text-align: left;
  margin: 15px 5px;
  position: relative;
  font-size: 1.8rem;
  line-height: 24px; }

#case-details .left {
  float: left;
  clear: left; }

#case-details .right {
  float: right;
  clear: right; }

#case-details .comment-info {
  padding: 7px 0;
  font-size: 0.8em;
  text-align: right; }

#case-details .survey-container {
  padding: 15px 0; }

#case-details .new-comment-area {
  display: block;
  width: 50%;
  font-family: 'DINLight';
  font-size: 18px;
  font-size: 1.8rem;
  color: #454545;
  resize: vertical;
  background-color: #fff;
  border: solid 1px #fff;
  padding: 15px;
  margin: 15px 5px;
  height: 100px; }

#case-details .button-form {
  margin: 3px 5px;
  font-family: 'DINMedium';
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #df000f;
  border: solid 1px #df000f;
  padding: 4px 10px 2px 10px; }