/* CUSTOM CSS */
body {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/* CULORI */
.celeste {
  color: #009ddf !important;
}
.viola {
  color: #622280 !important;
}
.grigio0 {
  color: #ececed !important;
}
.grigio1 {
  color: #817c71 !important;
}
.grigio2 {
  color: #cbcbc8 !important;
}
.grigio3 {
  color: #9b9c9e !important;
}
.verde {
  color: #96bd0d !important;
}
.bianco {
  color: #fff !important;
}
.nero {
  color: #000 !important;
}
.rosso {
  color: red !important;
}
.fucsia {
  color: #ff00ff !important;
}
.bg_celeste {
  background-color: #009ddf;
}
.bg_viola {
  background-color: #622280;
}
.bg_grigio0 {
  background-color: #ececed;
}
.bg_grigio1 {
  background-color: #817c71;
}
.bg_grigio2 {
  background-color: #cbcbc8;
}
.bg_grigio3 {
  background-color: #9b9c9e;
}
.bg_verde {
  background-color: #96bd0d;
}
.bg_bianco {
  background-color: #fff;
}
.bg_nero {
  background-color: #000;
}
.bg_rosso {
  background-color: red;
}
.bg_fucsia {
  background-color: #ff00ff;
}
/* /CULORI */
/*ANIMATII*/
.blink {
  -webkit-animation: change-color 3s linear 0s infinite normal;
  -moz-animation: change-color 3s linear 0s infinite normal;
  -ms-animation: change-color 3s linear 0s infinite normal;
  animation: change-color 3s linear 0s infinite normal;
  font-weight: bold !important;
}

@-webkit-keyframes change-color {
  0% {
    background-color: white;
  }
  50% {
    background-color: yellow;
  }
  100% {
    background-color: white;
  }
}

@keyframes change-color {
  0% {
    background-color: white;
  }
  50% {
    background-color: yellow;
  }
  100% {
    background-color: white;
  }
}
/*/ANIMATII*/
/* TITLURI SI TEXTE */
h1.titolo_principale,
h2.titolo_principale,
h3.titolo_principale,
h1.titolo_principale a,
h2.titolo_principale a,
h3.titolo_principale a {
  font-family: "GillSans", Verdana, Geneva, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
h1.titolo_principale,
h1.titolo_principale a {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin: 0.625rem 0 0.625rem 0;
  letter-spacing: -1px;
}
h3.titolo_principale,
h3.titolo_principale a {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin: 0.625rem 0 0.625rem 0;
}
h2.titolo_principale,
h2.titolo_principale a {
  font-size: 0.875rem;
  font-weight: 700;
}
.sottotitolo {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 0.75rem;
  color: #000000;
  font-weight: 700;
  padding: 0; /* 0.625rem 0 0.625rem;*/
}
.text,
.text a {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin: 0;
  padding: 0 0.625rem 0 0.625rem;
  color: #9b9c9e;
}
/* /TITLURI SI TEXTE */
/* BORDURI */
.border-top-gri {
  border-top: 4px solid #cbcbc8;
}
/* /BORDURI */
/* LISTE */
ul.prima_pagina {
  margin: 0 0 0 0.938rem;
  padding: 0;
  list-style: square;
}
ul.prima_pagina li {
  font-size: 0.75rem;
  line-height: 0.875rem;
}
div.menu_lingua {
  text-align: center;
  background-color: #009ddf;
  line-height: 1;
}
div.menu_lingua ul {
  list-style: none;
  display: inline-block;
  margin: 2px 0px 0px 0px;
  padding: 0;
  background-color: #009ddf;
  font-size: 10px;
  /*font-weight:bold;*/
}
div.menu_lingua ul li {
  display: inline;
}
div.menu_lingua ul li a {
  text-decoration: none;
  color: #fff;
}
div.menu_lingua ul li a:hover,
div.menu_lingua ul li a.selected {
  text-decoration: underline;
}
/* /LISTE */
/* LISTA NUMEROTATA */
.lista_numerotata {
  counter-reset: section;
  list-style-type: none;
}
.lista_numerotata > li > ol {
  counter-reset: sub1;
  list-style-type: none;
  padding-left: 10px;
  font-size: inherit;
}
.lista_numerotata > li > ol > li > ol {
  counter-reset: sub2;
  list-style-type: none;
  padding-left: 10px;
}
.lista_numerotata > li:before {
  counter-increment: section;
  content: "" counter(section) " - ";
}

.lista_numerotata > li > ol > li:before {
  counter-increment: sub1;
  content: counter(section) "." counter(sub1) " - ";
}

.lista_numerotata > li > ol > li > ol > li:before {
  counter-increment: sub2;
  content: counter(section) "." counter(sub1) "." counter(sub2) " - ";
}
/* END LISTA NUMEROTATA */
/* MENIU TOP */
ul.lista_menu_top {
  margin: auto;
}
ul.lista_menu_top,
ul.lista_menu_top li,
ul.lista_menu_top li span a {
  line-height: 1;
}
ul.lista_menu_top li {
  /*	float:left;
	width:107px;*/
  height: 62px;
  margin-top: 15px;
  padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
  border-right: 2px solid #cbcbc8;
  text-align: left;
  position: relative;
}
ul.lista_menu_top li:last-child {
  border-right: none;
}
div.voce_menu_top_hover {
  float: left;
  width: 128px;
  height: 90px;
  margin-top: -21px;
  padding-top: 21px;
  margin-left: -14px;
  padding-left: 13px;
}
div.voce_menu_top_hover:hover {
  border-bottom: 4px solid #009ddf;
}
ul.lista_menu_top li span.titolo a {
  color: #009ddf;
  font-size: 12px;
  text-transform: capitalize;
  text-decoration: none;
  font-weight: 400;
  width: 100%;
  letter-spacing: 1px;
}
ul.lista_menu_top li span.descrizione,
ul.lista_menu_top li span.descrizione a,
ul.lista_menu_top li span.descrizione a:hover {
  color: #9b9c9e;
  font-size: 11px;
  text-decoration: none;
  line-height: 16px;
}
@media only screen and (max-width: 640px) {
  /* VISUALIZZAZIONE MENU SU SMALL */
  div.voce_menu_top_hover {
    float: left;
    width: 50%;
    height: 20px;
    margin-top: -6px;
    padding-top: 6px;
    margin-left: -14px;
    padding-left: 13px;
    z-index: 2;
  }
  div.voce_menu_top_hover:hover {
    border-bottom: 4px solid #009ddf;
  }
  .menu_top .titolo a {
    color: #009ddf;
    font-size: 12px;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 400;
    width: 100%;
    letter-spacing: 1px;
  }
}
/* /MENIU TOP */
/* ANIMAZIONE */
/* PT. TOATE ECRANELE */
.contenuto_col_1,
.contenuto_col_2,
.contenuto_col_3 {
  position: relative;
}
.wrapcontenuto {
  margin-bottom: 1.25rem;
}
.orbit-container .orbit-timer {
  height: 6px;
  position: absolute;
  top: auto;
  right: 10px;
  bottom: 12px;
  width: 100px;
  z-index: 10;
}
/* BREADCRUMB */
.breadcrumb {
  margin-bottom: 10px;
}
.breadcrumb li,
.breadcrumb a {
  color: #000;
  font-size: 9px;
  text-decoration: none;
  text-align: center;
}
.breadcrumb a strong {
  color: #e2001a;
  letter-spacing: 2px;
}
.breadcrumb a:hover {
  border-bottom: 3px solid #009ddf;
  height: 23px;
  padding: 0;
}
.breadcrumb ul {
  margin: 0 0 0 6px;
  padding: 0;
}
.breadcrumb ul li {
  display: inline;
  padding: 0 5px;
  margin: 0;
}
.breadcrumb ul li.bread_piece {
  border-right: 1px solid #9b9c9e;
}
/* /BREADCRUMB */
/* PROMO */
.promo1,
.promo2 {
  min-height: 180px;
  padding: 23px 12px 23px 12px;
  position: relative;
}
.promo1 {
  border: 1px solid #ececed;
}
.promo2 h2,
.promo2 p {
  color: #ffffff;
}
.promo1 p,
.promo2 p {
  text-align: justify;
  padding: 0;
}
/* /PROMO */
@media only screen and (min-width: 40.063em) {
  /* ECRANE MARI SI MEDII */
  .wrapcontenuto {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 9.688rem;
    overflow: visible;
    z-index: 1;
  }
  .wrapcontenuto:hover {
    z-index: 2;
  }
  .wrapcontenuto .contenuto_col_1,
  .wrapcontenuto .contenuto_col_2,
  .wrapcontenuto .contenuto_col_3 {
    height: 9.95rem;
    transition: width 0.3s, height 0.3s;
    overflow: hidden;
    position: absolute;
    display: inline-block;
  }
  .wrapcontenuto .contenuto_col_1:hover,
  .wrapcontenuto .contenuto_col_2:hover,
  .wrapcontenuto .contenuto_col_3:hover {
    background: #fff;
    border-left: 1px solid #cbcbc8;
    border-right: 1px solid #cbcbc8;
    border-bottom: 1px solid #cbcbc8;
    transition: width 0.3s ease 0.3s, height 0.3s ease 0.3s;
  }
  .wrapcontenuto .contenuto_col_1:hover {
    height: 37.5rem;
  }
  .wrapcontenuto .contenuto_col_2:hover {
    height: 41.25rem;
  }
  .wrapcontenuto .contenuto_col_3:hover {
    height: 38.75rem;
  }
  /* MENIU */
  .top-bar {
    background-color: #ffffff;
  }
  .top-bar-section ul {
    margin-top: 12px;
  }
  .top-bar-section ul li:not(.has-form) a:not(.button),
  .top-bar-section ul li:not(.has-form) a:hover:not(.button),
  .top-bar-section ul li:hover:not(.has-form) > a {
    background: none repeat scroll 0 0 #ffffff;
    line-height: 19px;
    padding: 0 7px;
    color: #009ddf;
    font-family: Arial, Helvetica, sans-serif;
  }
  .top-bar-section ul li:not(.has-form) {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 4px solid #ffffff;
    border-right: 1px solid #9b9c9e;
    height: 24px;
    padding: 0;
  }
  .top-bar-section ul li:hover:not(.has-form),
  .top-bar-section li.selected:not(.has-form) {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 4px solid #e2001a; /*#009ddf;*/
    border-right: 1px solid #9b9c9e;
    height: 23px;
    padding: 0;
  }
  .top-bar-section ul li:last-child:not(.has-form) {
    border-right: 0 solid #9b9c9e;
  }
  .top-bar-section ul li:last-child:not(.has-form) > a {
    border-right: 0 solid #9b9c9e;

    /*20180626 OFF ROSSO BOLD*/
    /*color: #e2001a !important;
		font-weight: bold;
		text-transform: uppercase;*/
  }

  /* /MENIU */
  /* CONTENITORE_TOP */
  .contenitore_top {
    position: relative;
    text-align: center;
  }
  .social_lingua {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
  .menu_top {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #ffffff;
    height: 90px;
  }
  .galleria_foto_home {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
  }
  /* /CONTENITORE_TOP */
}
@media only screen and (min-width: 641px) and (max-width: 938px) {
  /* ECRANE MEDII */
  h1.titolo_principale,
  h1.titolo_principale a {
    font-size: 18px;
    line-height: 20px;
    margin: 10px 0 10px 0;
    letter-spacing: -1px;
  }
  h3.titolo_principale,
  h3.titolo_principale a {
    font-size: 27px;
    line-height: 30px;
    margin: 10px 0 10px 0;
  }
  h2.titolo_principale,
  h2.titolo_principale a {
    font-size: 14px;
    font-weight: 700;
  }
  p.sottotitolo {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: 700;
    padding: 0; /* 0.625rem 0 0.625rem;*/
  }
  p.text {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    margin: 10px 0 10px 0;
  }
}
/*@media only screen and (min-width: 938px){*/

/*}*/
/* BUTOANE */
.bottone_right_bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  text-align: center;
  color: #ffffff !important;
  padding: 3px 10px !important;
  /*z-index:10;*/
}
/* /BUTOANE */

/* NEWS */
.news {
  border-top: 4px solid #cbcbc8;
  background-color: #f6f6f6;
  padding-left: 10px;
  padding-right: 10px;
}
.testata_news {
  border-bottom: 1px solid #cbcbc8;
}
.scheda_news {
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cbcbc8;
  position: relative;
  padding-bottom: 10px;
}
.scheda_news > .contenuto_news > .bottone_right_bottom,
.scheda_news > .bottone_right_bottom,
.immagine_news > .bottone_right_bottom {
  bottom: 10px;
}
/*.scheda_news > .social_news{
	position:absolute;
	bottom:10px;
	right:55px;
}*/
.archivio_news {
  border-top: 4px solid #cbcbc8;
  padding-left: 10px;
  padding-right: 10px;
}
.contenuto_news {
  position: relative;
}
/*###*/
.contenuto_news > .titolo {
  font-family: "LucidaGrandeBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  /* Il font LucidaGrande non è sopportato in grasetto su Chrome e Safari xciò 
	bisogna inportare direttamente il font in grasetto LucidaGrandeBold */
  font-size: 12px;
  color: #000;
  margin-bottom: 10px;
}
.contenuto_news > .contenuto {
  color: #9b9c9e;
  font-size: 12px;
  margin: 0;
  padding: 0;
  height: 100%;
}
div.contenuto_news.centrale {
  float: left;
}

/* /NEWS */

/* FOOTER */
.footer {
  padding-top: 10px;
  border-top: 4px solid #009ddf;
}
div.slogan_footer {
  padding: 0 10px;
  font-size: 12px;
  color: #9b9c9e;
}
.titolo_small {
  font-size: 12px;
}
ul.elenco_siti {
  margin: 0 0 0 15px;
  padding: 0;
  list-style: square;
  color: #9b9c9e;
}
ul.elenco_siti li {
  font-size: 12px;
  line-height: 12px;
}
ul.elenco_siti li a {
  color: #9b9b9e;
  text-decoration: none;
}
ul.elenco_siti li a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 640px) {
  ul.elenco_siti li {
    font-size: 15px;
    line-height: 15px;
    margin: 5px 0;
  }
}
.credits {
  font-size: 9px;
  color: #9b9c9e;
  border-top: 1px solid #cbcbc8;
  margin-top: 10px;
}
/* /FOOTER */
