@import url("https://use.typekit.net/kzw2peq.css");
/* ------------------------------------------- ATTRIBUTI GENERICI*/
#loading {
  position: fixed;
  top: -9000px;
  left: -90000px;
  z-index: -99999999999999;
  display: none;
  visibility: hidden;
}
html {
  scroll-behavior: smooth;
}
html, body, nav, nav ul, nav ul li {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  border: 0;
  padding-top: 0px;
}
input:focus, button:focus {
  outline: 0;
}
img {
  vertical-align: middle;
}
a {
    text-decoration: none;

}
html, body {
  height: 100%;
  width: 100%;
}
body {
font-family: "trade-gothic-next", sans-serif;
font-weight: 400;
font-style: normal;
  background-color: #FFFFFF;
  color: #202020;
  padding-top: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  letter-spacing: 0.01em;
  font-size: 20px;
  overflow-x: hidden;
  width: 100vw;
  z-index: 0;
}
body {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
header.classico {
    padding-top: 80px;
}
h1 {
  font-size: 150px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #202020;
  font-weight: 600;
  line-height: normal;
}
h2 {
  font-weight: 600;
  line-height: normal;
}
h2 {
  font-size: 35px;
  margin-top: 0px;
  color: #202020;
}
h1 {
font-family: dharma-gothic-c, sans-serif;
font-weight: 700;
font-style: norm
}
h3, h4, h5 {
  font-weight: 600;
  color: #4fad33;
  margin-top: 0px;
  padding-top: 0px;
  line-height: normal;
}
h4, h5 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
h4 {
  font-size: 28px;
}
h5 {
  font-size: 24px;
}
h3 {
  padding-bottom: 15px;
  margin-bottom: 15px;
  background-size: 50px auto;
}
.center_txt h3, h3.center_txt {
  background-position: center bottom;
}
.bg_speciale h3 {}
.bg_speciale h1, .bg_azzurro h1 {
  color: #FFFFFF;
}
.trecolonne h3 {
  margin-top: 0px;
  padding-top: 15px;
}
h2.center_txt, .center_txt h2 {
  background-position: center bottom;
}
a {
  text-decoration: none;
}
p {
  line-height: 28px;
}
a:link, a:visited {
  color: #4fad33;
  transition: 0.4s all;
}
a:hover, a:active {
  color: #8bd300;
  transition: 0.4s all;
}
section a {
  text-decoration: underline;
}
.bg_speciale a:link, .bg_speciale a:visited, .bg_azzurro a:link, .bg_azzurro a:visited {
  color: #61BAFF;
  transition: 0.4s all;
  text-decoration: underline;
}
.bg_speciale a:hover, .bg_speciale a:active, .bg_azzurro a:hover, .bg_azzurro a:active {
  color: #8bd300;
  transition: 0.4s all;
}
section a:link, section a:visited {
  color: #202020;
  transition: 0.4s all;
}
section a:hover, section a:active {
  color: #4fad33;
  transition: 0.4s all;
}
.bg_speciale section a:link, .bg_speciale section a:visited, .bg_azzurro section a:link, .bg_azzurro section a:visited {
  color: #61BAFF;
  transition: 0.4s all;
}
.bg_speciale section a:hover, .bg_speciale section a:active, .bg_azzurro section a:hover, .bg_azzurro section a:active {
  color: #8bd300;
  transition: 0.4s all;
}

.post ul li, .post ol li {
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 30px;
}
nav .post ul li, .post ol li {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: normal;
}nav .post {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 25px;
    padding-left: 25px;
}
nav .post_middle {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 0px;
    padding-left: 0px;
}
hr {
  margin: 0px;
  padding: 0px;
  clear: both;
  height: 0px;
  width: 90%;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
}
strong, b {
  font-weight: 700;
}
/* -------------------------------------------------------- menu */
#menu {
  display: block;
  transition: all 0.5s;
  width: 100vw;
  background-color: #202020;
  text-align: left;
  height: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-image: url("../img/bg_menu.svg");
  background-repeat: repeat-y;
  background-position: right bottom;
  background-size: 30% auto;
  min-height: 100vh;
  z-index: 10;
}
#menu h2{
    color: #ffffff;
    font-size: 20px;
}
#menu {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
#menu nav {
  padding-top: 160px;
  font-size: 16px;
  width: 70%;
  float: left;
  background-image: url(../img/logo.svg);
  background-repeat: no-repeat;
  background-position: 55px 40px;
  background-size: 220px auto;
}
#menu nav ul {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
}
#menu nav li {
  list-style-type: none;
}
#menu nav li a {
  display: block;
}
#menu nav li a:link, #menu nav li a:visited {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    transition: all 0.5s;
    color: #ffffff;
    border-bottom: 1px solid #000000;
    background-image: url(../img/bg_menu_green.svg);
    background-repeat: no-repeat;
    background-position: 150% center;
    background-size: auto 100%;
}
#menu nav li a:hover, #menu nav li a:active {
    color: #8bd300;
    transition: all 0.25s;
    text-decoration: none;
    background-color: #000000;
    background-position: 100% center;
     border-bottom: 1px solid #202020;
}
/* ---------- peraprire è lo stile del tasto che apre il menu (o il div di destinazione) */
p#peraprire {
    display: block;
    position: fixed;
    padding-top: 0px;
    z-index: 2000;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 60px;
    height: 60px;
    right: 20px;
    top: 20px;
    transition: all 0.3s;
    overflow-y: hidden;
    overflow-x: hidden;
    border: 0px none hsla(0, 0%, 0%, 0.00);
    background-color: #000000;
    background-image: url(../img/menu.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 44px auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
p#peraprire a {
    transition: all 0.3s;
    padding-left: 70px;
    display: block;
}
p#peraprire {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
}
p#peraprire::-webkit-scrollbar {
  display: none;
}
p#peraprire:hover, p#peraprire:active {
  background-color: #8bd300;
  background-image: url(../img/menu_hover.svg);
  color: #FFFFFF;
}
p#peraprire a span {
  display: block;
  padding-left: 70px;
}
a#per_aprire {
  display: block;
  position: fixed;
  padding-top: 0px;
  z-index: 2000;
  color: #000000;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 45px;
  height: 45px;
  right: 20px;
  top: 90px;
  overflow-y: hidden;
  overflow-x: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 35px;
}
a#per_aprire:link, a#per_aprire:visited {
  background-color: #202020;
  background-image: url("../img/link_interno.svg");
  color: #FFFFFF;
}
a#per_aprire:hover, a#per_aprire:active {
  background-color: #8bd300;
  background-image: url(../img/link_interno_hover.svg);
  color: #202020;
}
a#per_aprire span {
  display: block;
  padding-left: 70px;
}
/* ---------- menu è lo stile del div quando è chiuso */
#destinazione {
  display: none;
  transition: all 0.3s;
  visibility: hidden;
}
main {
  display: inherit;
  visibility: visible;
  transition: all 0.3s;
}
.rolebanner {
    display: inherit;
    visibility: visible;
  }
    #destinazione:target ~ .rolebanner {
    display: none;
    visibility: hidden;
        z-index: 0;
  }
#destinazione:target ~ main {
  display: none;
  transition: all 0.3s;
  visibility: hidden;
}
#destinazione:target #menu, #destinazione:target nav {
  display: inherit;
  visibility: visible;
  transition: all 0.3s;
  height: auto;
}
#destinazione:target ~ #contenuto {
  display: none;
  transition: all 0.3s;
  visibility: hidden;
}
/* ---------- menu:target è lo stile del div quando è aperto */
#destinazione:target {
    display: block;
    visibility: visible;
    transition: all 0.3s;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 30000;
}
#destinazione:target ~ p#peraprire {
  display: none;
  transition: all 0.3s;
  visibility: hidden;
}
#destinazione:target ~ #logo {
  display: none;
  transition: all 0.3s;
  visibility: hidden;
}
/* ---------- proprietà dell'icona del menu (o il tasto di apertura) una volta fatto il clik */
/* ---------- area di chiusura del tasto chiudi quando il div è aperto */
li#perchiudere {
  visibility: hidden;
}
#destinazione:target li#perchiudere {
  visibility: visible;
  position: fixed;
  right: 20px;
  top: 20px;
  display: block;
  z-index: 4000;
  width: 60px;
  height: 60px;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  border: none;
}
#destinazione:target li#perchiudere {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
}
#destinazione:target li#perchiudere::-webkit-scrollbar {
  display: none;
}
#destinazione:target li#perchiudere a {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 70px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
      background-repeat: no-repeat!important;
  background-position: 5px 5px!important;
  background-size: 50px auto!important;
}
#destinazione:target #menu nav li#perchiudere a:link, #destinazione:target  #menu nav li#perchiudere a:visited {
  background-image: url("../img/chiudi_menu.svg");
  background-color: #000000;
}
#destinazione:target  #menu nav li#perchiudere a:hover, #destinazione:target  #menu nav li#perchiudere a:active {
  background-image: url("../img/chiudi_menu_hover.svg");
  background-color: #8bd300;
}

#destinazione:target li.perchiudere {
  visibility: visible;
  position: fixed;
  right: 20px;
  top: 20px;
  display: block;
  z-index: 4000;
  width: 60px;
  height: 60px;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  border: none;
}
#destinazione:target li.perchiudere {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
}
#destinazione:target li.perchiudere::-webkit-scrollbar {
  display: none;
}
#destinazione:target li.perchiudere a {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 70px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
      background-repeat: no-repeat!important;
  background-position: 5px 5px!important;
  background-size: 50px auto!important;
}
#destinazione:target #menu nav li.perchiudere a:link, #destinazione:target  #menu nav li.perchiudere a:visited {
  background-image: url("../img/chiudi_menu.svg");
  background-color: #202020;
}
#destinazione:target  #menu nav li.perchiudere a:hover, #destinazione:target  #menu nav li.perchiudere a:active {
  background-image: url("../img/chiudi_menu_hover.svg");
  background-color: #8bd300;
}
li#perchiudere a span {
  display: block;
  padding-left: 70px;
}
a#per_chiudere {
  visibility: hidden;
}
a#per_aprire {
  visibility: visible;
}
#link_interni:target a#per_chiudere {
  visibility: visible;
  position: fixed;
  right: 20px;
  top: 90px;
  display: block;
  z-index: 40000;
  width: 45px;
  height: 45px;
  overflow-y: hidden;
  overflow-x: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px auto;
}
#link_interni:target ~ a#per_aprire {
  visibility: hidden;
}
#link_interni:target a#per_chiudere:link, #link_interni:target a#per_chiudere:visited {
  background-image: url("../img/chiudi_menu_hover.svg");
  background-color: #202020;
}
#link_interni:target a#per_chiudere:hover, #link_interni:target a#per_chiudere:active {
  background-image: url("../img/chiudi_menu.svg");
  background-color: #202020;
  background-color: #FFFFFF;
}
a#per_chiudere span {
  display: block;
  padding-left: 70px;
}
/* -------------------------------------------------------- finemenu */
#logo {
    color: #202020;
    background-image: url(../img/logo_bg.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 254px auto;
    background-color: hsla(0,0%,100%,0.00);
    text-align: center;
    position: absolute;
    left: 0px;
    height: 105px;
    width: 255px;
    z-index: 200;
    top: 0px;
    transform: scale(0.7);
}
#logo a:link, #logo a:visited {
    color: #F0F0F0;
}
#logo a:hover, #logo a:active {
    color: #FFFFFF;
}
#logo a:link .verde, #logo a:visited .verde {
    color: #4fad33;
}
#logo a:hover .verde, #logo a:active .verde {
    color: #8bd300;
}
#logo strong {
    font-family: dharma-gothic-c, sans-serif;
    font-weight: 700;
    float: none;
    clear: both;
    display: block;
    font-size: 80px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    transform: translate(0px, -5px)
}

.prelogo {
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    float: none;
    clear: both;
    display: block;
      transform: translate(0px, 5px)
}

#logofooter {
    color: #202020;
    background-size: 254px auto;
    background-color: hsla(0,0%,100%,0.00);
    text-align: center;
      position: absolute;
  left: 0px;
  height: 105px;
  width: 255px;
  z-index: 200;
  top: -100px;
}
#logofooter a:link, #logofooter a:visited {
    color: #F0F0F0;
}
#logofooter a:hover, #llogofooterogo a:active {
    color: #FFFFFF;
}
#logofooter a:link .verde, #logofooter a:visited .verde {
    color: #4fad33;
}
#logofooter a:hover .verde, #logofooter a:active .verde {
    color: #8bd300;
}
#logofooter strong {
    font-family: dharma-gothic-c, sans-serif;
    font-weight: 700;
    float: none;
    clear: both;
    display: block;
    font-size: 80px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    transform: translate(0px, -5px)
}

.prelogo {
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    float: none;
    clear: both;
    display: block;
      transform: translate(0px, 5px)
}

/* -------------------------------------------------------- footer */
footer {
  width: auto;
  display: block;
  padding-right: auto;
  padding-left: auto;
  transition: all 1s;
  position: static;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 150px;
  padding-bottom:50px;
  color: #FFFFFF;
  text-align: left;
  font-size: 16px;
  background-color: #202020;
  border-top: 10px solid #000000;
}
footer #logofooter img {
  width: 300px;
  height: auto;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

footer a:link, footer a:visited {
  color: #FFFFFF;
}
footer a:hover, footer a:active {
  color: #8bd300;
}
/* -------------------------------------------------------- Fine footer */
.box {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}.box_1400 {
  width: 1400px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.post {
  padding-top: 50px;
  padding-right: 50px;
  padding-left: 50px;
  padding-bottom: 50px;
}
.post p {
  margin: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
}
/* -------------------------------------- COLONNE */
.col_1 {
  float: left;
  width: 8.33%;
}
.col_2 {
  float: left;
  width: 16.66%;
}
.col_20 {
  float: left;
  width: 19.99%;
}
.col_3 {
  float: left;
  width: 24.99%;
}
.col_4 {
  float: left;
  width: 33.32%;
}
.col_5 {
  float: left;
  width: 41.65%;
}
.col_6 {
  float: left;
  width: 49.98%;
}
.col_7 {
  float: left;
  width: 58.31%;
}
.col_8 {
  float: left;
  width: 66.64%;
}
.col_9 {
  float: left;
  width: 74.97%;
}
.col_10 {
  float: left;
  width: 83.3%;
}
.col_11 {
  float: left;
  width: 91.63%;
}
.col_12 {
  float: left;
  width: 100%;
}
.dieci {
  width: 10%;
  float: left;
}
.venti {
  width: 20%;
  float: left;
}
.venticinque {
  width: 25%;
  float: left;
}
.trenta {
  width: 30%;
  float: left;
}
.trentatre {
  width: 33.33%;
  float: left;
}
.trentacinque {
  width: 35%;
  float: left;
}
.quaranta {
  width: 40%;
  float: left;
}
.cianquanta {
  width: 50%;
  float: left;
}
.sessanta {
  width: 60%;
  float: left;
}
.sessantacinque {
  width: 65%;
  float: left;
}
.sessantasette {
  width: 67%;
  float: left;
}
.settanta {
  width: 70%;
  float: left;
}
.ottanta {
  width: 80%;
  float: left;
}
.novanta {
  width: 90%;
  float: left;
}
.cento {
  width: 100%;
  clear: both;
  float: none;
  display: block;
}
.una_colonna {
  column-count: 1;
  column-gap: 40px;
}
.due_colonne {
  column-count: 2;
  column-gap: 40px;
}
.tre_colonne {
  column-count: 3;
  column-gap: 40px;
}
.tre_colonne p, .due_colonne p, .quattro_colonne p {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.quattro_colonne {
  column-count: 4;
  column-gap: 40px;
}
/* -------------------------------------- FORMATTAZIONE E GRAFICHE GENERALI */
.center_txt {
  text-align: center;
}
.pre {
  padding-top: 35px;
}
.paddingtop {
  padding-top: 50px;
}
.paddingdestra {
  padding-right: 40px;
}
.paddingbottom {
  padding-bottom: 20px;
}
.topbottom {
  padding-bottom: 25px;
  padding-top: 25px;
}
.spazio {
  padding-top: 25px;
  padding-bottom: 25px;
}
.spaziopre {
  padding-top: 40px;
}
.blocco_centrale .spaziopre header, .blocco_trecolonne .spaziopre header {
  padding-left: 50px;
  padding-right: 50px;
  border-left: 3px solid #4fad33;
}
.spaziopre_sezione {
  padding-top: 60px;
  padding-left: 50px;
  padding-right: 50px;
}
.post ol li.spaziopre, .post ul li.spaziopre {
  padding-top: 30px;
}
.spaziopre.titoliprima {
  padding-top: 50px;
}
.spazietto {
  padding-top: 10px;
  padding-bottom: 10px;
}
.upper {
  text-transform: uppercase;
}
.bg_primario {
  background-color: #FFFFFF;
  color: #202020;
}
.bg_secondario {
  background-color: #F0F0F1;
  color: #202020;
}
.bg_speciale {
  color: #FFFFFF;
  background-color: #202020;
}
.bg_azzurro {
  color: #FFFFFF;
  background-color: #202020;
}
.bg_azzurro h2 {
  color: #FFFFFF;
}
.bg_azzurro h3 {
  color: #FFFFFF;
}
.bg_azzurro .sezione p.titolo_sezione {
  color: #FFFFFF;
}
.bg_azzurro .blocco_centrale .spaziopre header, .bg_azzurro .blocco_trecolonne .spaziopre header {
  border-left: 3px solid #61BAFF;
}
.bg_cat.blocco_trecolonne .spaziopre header {
  border-left: 5px solid #FFFFFF;
}
.bg_cat {
  color: #FFFFFF;
  background-color: #4fad33;
}
.bg_cat h2, .bg_cat h3 {
  color: #FFFFFF;
  text-decoration: none;
  background-image: none;
}
.bg_cat a:link, .bg_cat a:visited {
  color: #FFFFFF;
  text-decoration: none;
  background-image: none;
}
.bg_cat a:hover, .bg_cat a:active {
  color: #FFFFFF;
  text-decoration: underline;
  background-image: none;
}
.bg_cat .sezione p.titolo_sezione {
  color: #FFFFFF;
}
.bg_speciale h2, .bg_speciale h3, .bg_speciale h4, .bg_speciale h5 {
  color: #FFFFFF;
}
.bg_secondario h3, .bg_primario h3 {
  color: #8bd300;
}
.bg_secondario h4, .bg_primario h4 {
  color: #202020;
}
.bg_secondario h5, .bg_primario h5 {
  color: #202020;
}
.bg_secondario h2, .bg_primario h2 {
  color: #202020;
}
.bg_secondario section a:link, .bg_secondario section a:visited, .bg_primario section a:link, .bg_primario section a:visited {
  color: #202020;
  transition: 0.4s all;
}
.bg_secondario section a:hover, .bg_secondario section a:active, .bg_primario section a:hover, .bg_primario section a:active {
  color: #4fad33;
  transition: 0.4s all;
}
.bg_scuro {
  background-color: #202020;
}
.fotofluida picture, .fotofluida img {
  width: 100%;
  height: auto;
  display: block
}
.fotofluida a, .fotofluida a:link, .fotofluida a:visited, .fotofluida a:hover, .fotofluida a:active, .bg_secondario section .fotofluida a, .bg_secondario section .fotofluida a:link, .bg_secondario section .fotofluida a:visited, .bg_secondario section .fotofluida a:hover, .bg_secondario section .fotofluida a:active, .bg_primario section .fotofluida a, .bg_primario section .fotofluida a:link, .bg_primario section .fotofluida a:visited, .bg_primario section .fotofluida a:hover, .bg_primario section .fotofluida a:active, .bg_speciale section .fotofluida a, .bg_speciale section .fotofluida a:link, .bg_speciale section .fotofluida a:visited, .bg_speciale section .fotofluida a:hover, .bg_speciale section .fotofluida a:active {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-image: none;
}
.fotofluida.mini picture, .fotofluida.mini img {
  width: 60%;
  height: auto;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.fototonda picture, .fototonda img {
  border-radius: 800px;
}
section {
  display: block;
  padding-top: 0px;
  padding-bottom: 20px;
}
.margini {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  margin-left: 10px;
}
/* -------------------------------------- BUTTON */
#banner p.button {
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translate(-50%, 0px);
}
p.button {
  margin-top: 35px;
  background-image: none;
  font-size: 18px;
    
}
p.button a:link, p.button a:visited {
  background-image: url(../img/freccia_link_bianca.svg);
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: auto 20px;
  transition: all 0.5s ease;
  text-decoration: none;
  font-size: 18px;
}
p.button a:hover, p.button a:active {
  transition: all 0.5s ease;
  background-position: 25px center;
  text-decoration: none;
}
.trecolonne p.button, .duecolonne p.button {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 20px;
}
p.button::after {
  content: "";
}
p.button a:link, p.button a:visited {
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 18px;
  transition: all 0.5s ease;
  padding-left: 60px;
  padding-right: 40px;
  color: #F0F0F1;
  background-color: #202020;
  display: inline-block;
  position: relative;
    border-left: 5px solid #4fad33;

}

.p.button a:link::before, .p.button a:visited::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #8bd300;
    z-index: -1;
}
.bg_speciale section p.button a:link, .bg_speciale section p.button a:visited, .bg_speciale section p.button a:hover, .bg_speciale section p.button a:active {
    color: #1E1E1D;
    background-color: #E0E0E0;
}
.bg_secondario section p.button a:link, .bg_secondario section p.button a:visited, .bg_secondario section p.button a:hover, .bg_secondario section p.button a:active {
  color: #F0F0F1;
  background-image: none;
  transition: all 0.5s ease;
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
}
.bg_primario section p.button a:link, .bg_primario section p.button a:visited, .bg_primario section p.button a:hover, .bg_primario section p.button a:active {
  color: #F0F0F1;
  transition: all 0.5s ease;
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
}
.bg_primario section p.button a:link, .bg_primario section p.button a:visited, .bg_secondario section p.button a:link, .bg_secondario section p.button a:visited, .bg_speciale section p.button a:link, .bg_speciale section p.button a:visited {
  padding-left: 60px;
  background-image: url(../img/freccia_link_bianca.svg);
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 28px auto;
  transition: all 0.3s ease;
            border-left: 5px solid #8bd300;

}
.bg_primario section p.button a:hover, .bg_primario section p.button a:active, .bg_secondario section p.button a:hover, .bg_secondario section p.button a:active, .bg_speciale section p.button a:hover, .bg_speciale section p.button a:active {
  background-position: 20px center;
  transition: all 0.3s ease;
}
p.button a:hover, p.button a:active {
  transition: all 0.5s ease;
  background-color: #202020;
  color: #FFFFFF;
}
p.button.bianco a:link, p.button.bianco a:visited {
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 16px;
  transition: all 0.5s ease;
  padding-left: 40px;
  padding-right: 40px;
  color: #fff;
}
.bg_speciale section p.button a:link, .bg_speciale section p.button a:visited {
  background-color: #e0e0e0;   
    color: #000;
        background-image: url(../img/freccia_link_scura.svg);
    padding-left: 60px;
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 28px auto;
  transition: all 0.3s ease;
    transition: all 0.3s;
}
.bg_speciale section p.button a:hover, .bg_speciale section p.button a:active {
  background-color: #36C486;
 color: #000;
    background-position: 20px center;
 transition: all 0.3s;
}
.bg_speciale p.button a:link, .bg_speciale p.button a:visited {
    background-color: #e0e0e0;
    color: #000;
    background-image: url(../img/freccia_link_scura.svg);
    padding-left: 60px;
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 28px auto;
  transition: all 0.3s ease;
    transition: all 0.3s;
}
.bg_speciale p.button a:hover, .bg_speciale p.button a:active {
  background-color: #8bd300; 
    color: #000;
      background-position: 20px center;
 transition: all 0.3s;
}
p.button.bianco a:hover, p.button.bianco a:active {
  transition: all 0.5s ease;
  color: #8bd300;
}
.articolo {
  height: 480px;
  position: relative;
  overflow-y: hidden;
}
.loop_standard {
    height: 300px;
    overflow-y: hidden;
    background-color: #3E822A;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    transition: all 0.5s ease;
    background-image: url(../img/skew.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 300px;
    padding-right: 20px;
}
.loop_standard:hover {
  transition: all 0.5s ease;
  background-color: #202020;
}
.loop_standard a:link, .loop_standard a:visited {
  color: #FFFFFF;
}
.loop_standard a:hover, .loop_standard a:hover, .loop_standard:hover a:link, .loop_standard:hover a:visited {
  color: #8bd300;
}
.loop_standard .post {
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
}
.frecce {
  fill: #8bd300;
}
.frecce:hover {
  fill: #8bd300;
}
/* -------------------------------------------------------- Page dinamica */
#banner {
  margin-top: 0px;
  position: relative;
  overflow-y: hidden;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: left top;
  color: #000;
  text-align: left;
  background-size: auto 100vh;
  width: 100vw;
  overflow-x: hidden;
}
#header {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 100px;
    text-shadow: 3px 5px 3px hsla(0,0%,0%,0.80);
}
.header_spazioso#header {
    padding-top: 250px;
    padding-bottom: 250px;
}
#banner {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
}
#banner::-webkit-scrollbar {
  display: none;
}
#banner h1 {
  text-shadow: 0px 0px 5px #000000;
}
#banner h2 {
  text-shadow: 0px 0px 2px #000000;
}
#banner p {
  text-shadow: 0px 0px 1px #000000;
}
#banner h1 {
  color: #ffffff;
  margin-bottom: 20px;
  line-height: normal;
  position: absolute;
  bottom: 50%;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 80px;
}
#banner h2 {
  font-size: 28px;
  color: #ffffff;
  font-weight: 700;
  position: absolute;
  bottom: 35%;
  width: 100%;
  display: block;
  text-align: center;
}
#banner p {
  font-size: 20px;
  color: #ffffff;
  font-weight: 400;
  position: absolute;
  bottom: 2%;
  width: 100%;
  display: block;
  text-align: center;
}
#banner header {
  margin-top: 0px;
  height: 100vh;
  display: block;
  width: 100vw;
  background-color: hsla(0, 0%, 7%, 0.25);
}
/* Banner home*/
#banner.home header {
  background-color: hsla(0, 0%, 0%, 0.0);
  color: #202020;
}
#banner.home h1 {
  color: #202020;
  margin-bottom: 20px;
  line-height: normal;
  position: absolute;
  bottom: auto;
  top: 100px;
  width: auto;
  display: block;
  text-align: left;
  font-size: 40px;
  padding-left: 80px;
}
#banner.home h2 {
  color: #202020;
  bottom: 15%;
  text-align: left;
  padding-left: 80px;
  width: 700px;
}
#banner.home p {
  color: #202020;
  bottom: 5%;
  width: auto;
  text-align: left;
  padding-left: 80px;
  background-color: hsla(208, 71%, 96%, 0.85);
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
}
/* Banner ibrido*/
#banner.ibrido header {
  background-color: hsla(0, 0%, 0%, 0.0);
  color: #202020;
}
#banner.ibrido h1 {
  color: #202020;
  margin-bottom: 20px;
  line-height: normal;
  position: static;
  bottom: auto;
  margin-top: 350px;
  display: block;
  text-align: left;
  font-size: 40px;
  padding-left: 50px;
  text-shadow: none;
  background-color: #FFFFFF;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 40%;
}
#banner.ibrido h2 {
  color: #202020;
  text-align: left;
  padding-left: 50px;
  text-shadow: none;
  background-color: #FFFFFF;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 40px;
  position: static;
  display: block;
  width: 40%;
}
#banner.ibrido p {
  color: #202020;
  bottom: 5%;
  width: auto;
  text-align: left;
  padding-left: 80px;
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  text-shadow: none;
  background-color: #FFFFFF;
}
/* Fine Banner home*/
.destra {
  position: absolute;
  top: 150px;
  width: 550px;
  left: 650px;
}
.sinistra {
  position: absolute;
  top: 150px;
  width: 550px;
  left: 0px;
}
.centrato {
  position: absolute;
  top: 150px;
  left: 325px;
}
/* ---------- proprietà dell'icona del menu (o il tasto di apertura) senza click */
#peraprire img {
  width: 80px;
  height: 80px;
}
/* ---------- menu è lo stile del div quando è chiuso */
.aperto {
  position: fixed;
  padding-top: 0px;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  color: #fff;
  padding-left: 0px;
  padding-right: 0px;
  transition: all 0.3s;
  visibility: hidden;
  padding-bottom: 0px;
  top: 0px;
  left: 0px;
  background-color: hsla(0, 0%, 0%, 0.84);
  opacity: 0;
  background-image: url(../img/loading_bianco.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px auto;
}
#top:target + .aperto {
  -webkit-animation-name: fadeout; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
  animation-name: fadeout;
  animation-duration: 0.3s;
  opacity: 0;
}
/* ---------- menu:target è lo stile del div quando è aperto */
.aperto:target {
  visibility: visible;
  z-index: 99999999;
  -webkit-animation-name: fade; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
  animation-name: fade;
  animation-duration: 0.3;
  opacity: 1;
}
/* ---------- proprietà dell'icona del menu (o il tasto di apertura) una volta fatto il clik */
.aperto:target + button#peraprire {
  transition: all 0.3s;
  bottom: 130px;
}
/* -------------------------------------------------------- chat */
.parallasse {
  position: relative;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  text-align: center;
  color: #FFFFFF;
}
.parallasse header {
  background-color: hsla(0, 0%, 0%, 0.68);
  height: 500px;
  display: block;
  width: 100%;
}
.parallasse h2 {
  color: #FFFFFF;
  margin-bottom: 10px;
  margin-top: 120px;
  line-height: normal;
  background-image: none;
}
.parallasse h3 {
  color: #FFFFFF;
  font-weight: 400;
  text-transform: none;
  background-position: center bottom;
}
.foto_di_sfondo {
  position: relative;
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;
}
.foto_di_sfondo .spaziopre {
  margin-top: 80px;
}
.foto_di_sfondo header {}
.foto_di_sfondo h2 {
  margin-bottom: 10px;
  line-height: normal;
  background-image: none;
}
.foto_di_sfondo h3 {
  font-weight: 400;
  text-transform: none;
}
h1#categoria {
  margin-top: 130px;
}
#senza_banner h1#categoria {
  margin-top: 20px;
}
.cat{
    padding-left: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
}
.cat h2, .cat h3 {
  font-size: 25px;
  font-weight: 700;
  padding-top: 10px;
  line-height: 35px;
  background-image: none;
}
#marginicategoria {
  padding-top: 30px;
  padding-bottom: 0px;
  background-image: url(../img/202020.svg);
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 28% auto;
}
#pagina_tag {
  width: 28%;
  float: left;
}
#pagina_tag h1 {
  font-size: 100px;
}
#articoli_tag {
  width: 72%;
  padding-top: 75px;
  float: left;
}
ol.numeri {
  counter-reset: my-awesome-counter;
  list-style: none;
}
.paragrafi_numerati ol span.numero {
  color: #8bd300;
  font-size: 50px;
  line-height: 40px;
  position: absolute;
  top: 18px;
  left: 0px;
  display: block;
  z-index: 1;
  font-weight: 700;
}
.paragrafi_numerati ol h2 {
  color: #202020;
  position: absolute;
  top: 30px;
  left: 40px;
  z-index: 2;
  line-height: 15px;
  font-size: 25px;
}
.paragrafi_numerati ol li {
  padding-top: 85px;
  position: relative;
  padding-bottom: 20px;
  line-height: 30px;
  transition: all 0.8s ease;
}
.bg_secondario .paragrafi_numerati ol li:hover {
  background-color: #FFFFFF;
  transition: all 0.8s ease;
}
.griglia .paragrafi_numerati ol h2 {
  color: #202020;
  position: relative;
  top: auto;
  left: auto;
  z-index: 2;
  line-height: 30px;
  padding-left: 40px;
}
.griglia .paragrafi_numerati ol span.numero {
  color: #8bd300;
  font-size: 50px;
  line-height: 40px;
  position: absolute;
  top: 10px;
  left: 3%;
  display: block;
  z-index: 1;
  font-weight: 700;
}
.griglia .paragrafi_numerati ol li {
  padding-top: 10px;
  position: relative;
  padding-bottom: 20px;
  line-height: 30px;
  width: 30.32%;
  display: block;
  float: left;
  padding-right: 1.5%;
  padding-left: 1.5%;
}
.griglia .paragrafi_numerati ol li.bg_immagine {
  padding-top: 100px;
  background-repeat: no-repeat;
  background-position: 40px top;
  background-size: 100px auto;
  height: 300px;
}
.allineamentodestra {
  text-align: right;
}
.allinea_sinistra {
  float: left;
}
.allinea_destra {
  float: right;
}
span.block {
    display: block;
}
.menu {
  position: relative;
}
p.button.pdf {
  margin-top: 65px;
}
h p.button.pdf a, .bg_speciale .post p.button.pdf a, .bg_speciale .post p.button.pdf a:link, .bg_speciale .post p.button.pdf a:visited, .bg_speciale .post p.button.pdf a:hover, .bg_speciale .post p.button.pdf a:active, .bg_primario .post p.button.pdf a:link, .bg_primario .post p.button.pdf a:visited, .bg_primario .post p.button.pdf a:hover, .bg_primario .post p.button.pdf a:active, .bg_secondario .post p.button.pdf a:link, .bg_secondario .post p.button.pdf a:visited, .bg_secondario .post p.button.pdf a:hover, .bg_secondario .post p.button.pdf a:active {
  background-image: url(../img/pdf.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center 10px !important;
  background-size: 45px auto !important;
  padding-top: 80px !important;
  padding-left: 20px;
  padding-right: 20px;
}
p.button.doc a, .bg_speciale .post p.button.doc a, .bg_speciale .post p.button.doc a:link, .bg_speciale .post p.button.doc a:visited, .bg_speciale .post p.button.doc a:hover, .bg_speciale .post p.button.doc a:active, .bg_primario .post p.button.doc a:link, .bg_primario .post p.button.doc a:visited, .bg_primario .post p.button.doc a:hover, .bg_primario .post p.button.doc a:active, .bg_secondario .post p.button.doc a:link, .bg_secondario .post p.button.doc a:visited, .bg_secondario .post p.button.doc a:hover, .bg_secondario .post p.button.doc a:active {
  background-image: url(../img/doc.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center 10px !important;
  background-size: 45px auto !important;
  padding-top: 80px !important;
  padding-left: 20px;
  padding-right: 20px;
}
#bricioledipane {
  background-color: #202020;
  padding-bottom: 25px;
}
ul.breadbrumb {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 30px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
}
ul.breadbrumb li {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
  display: inline;
  color: #FFFFFF;
}
ul.breadbrumb li a {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 15px;
  padding-right: 7px;
  padding-bottom: 15px;
  padding-left: 7px;
}
ul.breadbrumb li.home a {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 15px;
  padding-right: 7px;
  padding-bottom: 15px;
  padding-left: 27px;
  background-repeat: no-repeat;
  background-position: left 15px;
  background-image: url(../img/home.svg);
  background-size: auto 20px;
}
ul.breadbrumb li a:link, ul.breadbrumb li a:visited {
  color: #61BAFF;
  text-decoration: underline;
}
ul.breadbrumb li a:hover, ul.breadbrumb li a:active {
  color: #8bd300;
}
ul.breadbrumb li.posizione {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 15px;
  padding-right: 7px;
  padding-bottom: 15px;
  padding-left: 7px;
  font-weight: 700;
}
address {
  font-style: normal;
  line-height: 28px;
}
dl {
  font-size: 0.7em;
}
dl.bg_secondario {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}
dt {
  font-weight: 700;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
dd {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.allinea_destra ul li {
  text-align: left;
  margin-left: 150px;
}
#senza_banner {
  padding-top: 80px;
  padding-bottom: 50px;
}
#senza_banner h1 {
  border-bottom: 1px solid #202020;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.colonna {
  padding-left: 100px;
  padding-right: 100px;
}
#searchform {
    padding-top: 130px;
    width: 20%;
    float: left;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #000000;
    padding-bottom: 80px;
    height: auto;
    color: #ffffff;
}
.parole_chiave {
  width: 40%;
  float: left;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 80px;
  padding-bottom: 80px;
  height: auto;
  background-color: #202020;
  color: #FFFFFF;
}
.parole_chiave ul{
    list-style-type: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.parole_chiave li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: inline-block;
}
.parole_chiave h2 {
  color: #FFFFFF;
}
.parole_chiave a:link, .parole_chiave a:visited {
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 7px;
  padding-left: 15px;
  margin-top: 7px;
  margin-right: 7px;
  margin-bottom: 7px;
  margin-left: 7px;
  list-style-type: none;
  display: inline-block;
  background-color: #F0F0F1;
  border-radius: 20px;
  color: #202020;
  text-decoration: none;
  border: 3px solid #202020;
}
.parole_chiave a:hover, .parole_chiave a:active {
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 7px;
  padding-left: 15px;
  margin-top: 7px;
  margin-right: 7px;
  margin-bottom: 7px;
  margin-left: 7px;
  list-style-type: none;
  display: inline-block;
  background-color: #202020;
  border-radius: 20px;
  color: #FFFFFF;
  border: 3px solid #8bd300;
  -webkit-box-shadow: 0px 0px 10px hsla(170, 100%, 69%, 0.66);
  box-shadow: 0px 0px 10px hsla(170, 100%, 69%, 0.66);
}
#searchform h2 {
  color: #FFFFFF;
}
#searchform form {
  border-radius: 25px;
}
#searchform form:hover {
  -webkit-box-shadow: 0px 0px 10px hsla(0, 0%, 100%, 100);
  box-shadow: 0px 0px 10px hsla(0, 0%, 100%, 100);
}
input#searchsubmit {
  background-image: url("../img/cerca_link.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px 30px;
  font-size: 16px;
  height: 60px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  display: inline-block;
  width: 20%;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-color: #F0F0F1;
  cursor: pointer;
  transition: all 0.3s ease;
}
input#searchsubmit:hover {
  background-image: url("../img/cerca_hover.svg");
  background-color: #202020;
  transition: all 0.3s ease;
}
input#cerca {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: calc(80% - 40px);
  background-color: #F0F0F1;
  color: #202020;
  border: none;
  float: left;
  height: 40px;
  font-size: 22px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
input::placeholder {
  color: #202020;
}
input#cerca:focus {
  background-color: #ffffff;
  color: #202020;
}
input#searchsubmit:focus {
  background-color: #ffffff;
  color: #202020;
}
#tag {
  padding-bottom: 50px;
  background-color: #202020;
}
#tag h2 {
  color: #FFFFFF;
}
#tag ul {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  list-style-type: none;
}
#tag ul li {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  list-style-type: none;
  display: inline-block;
}
#tag ul li a {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  list-style-type: none;
  display: inline-block;
}
#tag ul.parolechiave li {
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  margin-left: 3px;
}
ul.parolechiave li a:link, ul.parolechiave li a:visited {
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 7px;
  padding-left: 15px;
  margin-top: 7px;
  margin-right: 7px;
  margin-bottom: 7px;
  margin-left: 7px;
  list-style-type: none;
  display: inline-block;
  background-color: #F0F0F1;
  border-radius: 20px;
  color: #202020;
  text-decoration: none;
  border: 3px solid #202020;
}
ul.parolechiave li a:hover, ul.parolechiave li a:active {
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 7px;
  padding-left: 15px;
  margin-top: 7px;
  margin-right: 7px;
  margin-bottom: 7px;
  margin-left: 7px;
  list-style-type: none;
  display: inline-block;
  background-color: #202020;
  border-radius: 20px;
  color: #FFFFFF;
  border: 3px solid #8bd300;
  -webkit-box-shadow: 0px 0px 10px hsla(170, 100%, 69%, 0.66);
  box-shadow: 0px 0px 10px hsla(170, 100%, 69%, 0.66);
}
.nav-links span {
  border: 3px solid #9BA1A5;
  padding-top: 13px;
  padding-right: 20px;
  padding-bottom: 13px;
  padding-left: 20px;
  color: #ffffff;
  background-color: #202020;
  margin-right: 10px;
}
.nav-links a {
  padding-top: 13px;
  padding-right: 20px;
  padding-bottom: 13px;
  padding-left: 20px;
  text-decoration: underline;
  margin-right: 10px;
}
.nav-links a:link, .nav-links a:visited {
  border: 3px solid #8bd300;
  transition: all 0.5s ease;
  background-color: #FFFFFF;
  color: #8bd300;
}
.nav-links a:hover, .nav-links a:active {
  border: 3px solid #ffffff;
  background-color: #61BAFF;
  color: #202020;
  transition: all 0.5s ease;
}
#paginazione {
  background-color: #FFFFFF;
}
#paginazione .post {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.senza_foto {
  background-color: #F0F0F1;
}
.faq {
  border-bottom: 1px solid #E6E6E6;
}
.frequency_ask_question summary {
  color: #202020;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  border-top: 1px solid #E6E6E6;
  background-color: #F0F0F1;
  padding-left: 55px;
  padding-right: 45px;
  padding-top: 14px;
  padding-bottom: 14px;
  display: block;
  font-weight: 700;
}
.frequency_ask_question summary h4 {
  color: #202020;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.frequency_ask_question.report summary h4 {
  color: #202020;
  padding-top: 0px;
  padding-right: 120px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 18px;
}
.frequency_ask_question summary:hover {
  transition: all 0.2s;
  background-color: #202020;
  color: #FFFFFF;
}
.frequency_ask_question summary:hover h4 {
  color: #FFFFFF;
}
.frequency_ask_question details {
  transition: height 0.8s ease;
  overflow: hidden;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
}
.frequency_ask_question details:not([open]) {
  height: auto;
}
.frequency_ask_question details[open] {
  height: auto;
}
.frequency_ask_question details:not([open]) .risposta {
    transition: all 0.8s linear;
    color: hsla(0, 0%, 0%, 0.00);
    height: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.frequency_ask_question summary::-moz-list-bullet {
  list-style-type: none;
}
.frequency_ask_question details summary::-webkit-details-marker {
  display: none;
}
.frequency_ask_question summary {
  display: block;
}
.frequency_ask_question summary {
  list-style-type: none;
}
/* to change the pointer on hover */
.frequency_ask_question details summary {
  cursor: pointer;
}
/* using content this time for a unicode character */
.frequency_ask_question summary::-webkit-details-marker {
  display: none;
}
.frequency_ask_question details summary svg {
  position: absolute;
  right: 17px;
  top: 17px;
  transition: all 0.2s;
  width: 16px;
  height: 16px;
  transform: translate(0px, 0px)
}
.frequency_ask_question details summary:hover svg {
  fill: #FFFFFF;
}
.frequency_ask_question details[open] summary svg {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  transition: all 0.2s;
  fill: #FFFFFF;
}
.frequency_ask_question details summary svg.freccetta {
  position: absolute;
  left: 17px;
  top: 12px;
  transition: all 0.2s;
  width: 23px;
  height: 23px;
  transform: translate(0px, 0px);
  fill: #202020;
}
.frequency_ask_question details summary:hover svg.freccetta {
  fill: #ffffff;
}
.frequency_ask_question details[open] summary svg.freccetta {
  position: absolute;
  left: 17px;
  top: 12px;
  width: 23px;
  height: 23px;
  transform: rotate(180deg);
  transition: all 0.2s;
  fill: #FFFFFF;
}
.frequency_ask_question details[open] .apri_chiudi {
  fill: #FFFFFF;
}
.frequency_ask_question details[open] .arrow {
  fill: #FFFFFF;
}
.frequency_ask_question details[open] summary {
  background-color: #8bd300;
  color: #FFFFFF;
  transition: all 0.2s;
}
.frequency_ask_question details[open] summary h4 {
  color: #FFFFFF;
}
.frequency_ask_question details[open] summary:hover {
  background-color: #202020;
  color: #FFFFFF;
  transition: all 0.2s;
}
.frequency_ask_question details[open] .risposta {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: auto;
    transition: all 0.8s linear;
    color: hsla(0, 0%, 0%, 1.00);
}
.sezione {
  width: 25%;
  float: left;
  padding-top: 100px;
}
.sezione_report {
  width: 25%;
  float: left;
  padding-top: 100px;
}
.report .blocco_trecolonne {
  float: right;
}
.testo_e_foto .sezione {
  position: absolute;
  top: 0px;
  left: 0px;
}
.sezione_h1 {
  width: 25%;
  float: left;
  padding-top: 100px;
  background-color: #4fad33;
  color: #FFFFFF;
  height: 500px;
  border-right: 1px solid #FFFFFF;
}
.testo_tag {
  height: 500px;
}
.testo_tag section {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.tag_page {
  background-color: #202020;
  color: #FFFFFF;
  padding-top: 100px;
}
.sezione_h1.single {
  width: 75%;
  float: right;
  padding-top: 100px;
  background-color: #4fad33;
  color: #FFFFFF;
  height: 500px;
  border-left: 1px solid #FFFFFF;
  border-right: none;
}
.sezione_h1.homepage {
  background-color: hsla(0, 0%, 100%, 0.40);
  color: #202020;
  border-right: 1px solid #FFFFFF;
}
.sezione_h1 h1 {
  color: #FFFFFF;
  font-size: 35px;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
}
.sezione_h1.homepage h1 {
  color: #202020;
}
.sezione_h1 p {
  color: #FFFFFF;
  font-size: 22px;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
}
.sezione_h1.homepage p {
  color: #202020;
  ;
}
.sezione p.titolo_sezione {
  font-size: 25px;
  color: #202020;
  font-weight: 300;
  padding-right: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 30px;
  margin-left: 0px;
}
.sezione.bg_speciale p.titolo_sezione {
  color: #FFFFFF;
}
.blocco_centrale {
  width: 50%;
  float: left;
  background-image: url(../img/blocco_centrale.svg);
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 1px auto;
  padding-top: 100px;
  right: 25%;
  padding-bottom: 50px;
}
.blocco_trecolonne {
  width: 75%;
  float: left;
  background-image: url(../img/blocco_centrale.svg);
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 1px auto;
  padding-top: 100px;
  right: 0%;
  padding-bottom: 50px;
}
.blocco_trecolonne section {
  padding-left: 0px;
}
.blocco_trecolonne h3 {
  background-image: none;
  margin-bottom: 0px;
}
.blocco_centrale.testo_foto {
  width: 75%;
  float: right;
}
.blocco_centrale.testo_foto .post {
  padding-right: 100px;
}
.blocco_foto {
  width: 25%;
  float: left;
}
.blocco_foto .post {
  padding-top: 200px;
}
.blocco_centrale.bg_speciale, .blocco_trecolonne.bg_speciale {
  background-image: url("../img/blocco_centrale_speciale.svg");
}
.blocco_centrale.bg_azzurro {
  background-image: url("../img/blocco_centrale_azzurro.svg");
  background-color: #202020;
}
.blocco_centrale.bg_secondario, .blocco_trecolonne.bg_secondario {
  background-image: url("../img/blocco_centrale_grigio.svg");
}
.blocco_centrale p, .blocco_trecolonne p {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}
.blocco_centrale h3, .blocco_trecolonne h3 {
  background-image: none;
  padding-bottom: 15px;
  margin-bottom: 0px;
  font-size: 30px;
}
.blocco_centrale h2, .blocco_trecolonne h2 {
  font-size: 45px;
  padding-bottom: 20px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 20px;
}
.banda {
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
  position: relative;
}
.blocco_di_destra {
  width: 75%;
  background-image: url(../img/blocco_centrale.svg);
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 1px auto;
  padding-top: 100px;
  right: 0%;
  padding-bottom: 50px;
  display: block;
  float: left;
}
.blocco_di_destra.bg_secondario {
  background-image: url("../img/blocco_centrale_grigio.svg");
}
.padding_top {
  padding-top: 50px;
}
#i_contatti {
  background-image: url(../img/marchio.svg);
  background-repeat: no-repeat;
  background-position: 90% 150px;
  background-size: 150px auto;
}
.copri_bg_primario {
  background-image: url(../img/copri_primario.svg);
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 50% auto;
}
.copri_bg_secondario {
  background-image: url(../img/copri_secondario.svg);
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 50% auto;
}
.copri_bg_specoale {
  background-image: url(../img/copri_speciale.svg);
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 50% auto;
}
.foto_sezione {
  padding-right: 100px;
  padding-top: 0px;
  padding-bottom: 20px;
}
span.nascondi {
  display: none;
  visibility: hidden;
}
#test {
  background-color: #202020;
  color: #FFFFFF;
}
#test h2 {
  color: #FFFFFF;
}
#test a:link, #test a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}
#test a:hover, #test a:active {
  color: #8bd300;
  text-decoration: none;
}
strong.il_tag {
  color: #61BAFF;
  font-style: normal;
  font-weight: 700;
}
#passa {
  position: absolute;
  width: 300px;
  left: -330px;
  top: 70px;
  background-color: #FFFFFF;
  z-index: 200;
  transition: 0.3s ease;
  padding-left: 25px;
}
#passa:focus {
  position: absolute;
  width: 300px;
  left: 50px;
  top: 70px;
  background-color: #FFFFFF;
  transition: 0.3s ease;
  padding-left: 25px;
}
.nav-links span.meta-nav {
  width: 0px;
  overflow-x: hidden;
  height: 0px;
  overflow-y: hidden;
  display: block;
  border: none;
  float: left;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.nav-links span.meta-nav {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
}
.nav-links span.meta-nav::-webkit-scrollbar {
  display: none;
}
#link_interni {
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 15px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  position: fixed;
  right: 0px;
  top: -1150px;
  font-size: 18px;
  border-top: 3px solid #FFFFFF;
  border-left: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  height: auto;
  width: 50%;
  z-index: -1;
}
#link_interni h4 {
  font-size: 20px;
}
#link_interni a:link, #link_interni a:visited {
  color: #ffffff
}
#link_interni a:hover, #link_interni a:active {
  color: #8bd300
}
#link_interni ol li {
  padding-top: 6px;
  padding-bottom: 6px;
}
#link_interni:target {
  z-index: 9;
  top: 80px;
}
strong.errori {
  color: #FFFFFF;
  background-color: #A10002;
  position: absolute;
  right: 50px;
  top: 5px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: center;
  font-size: 16px;
}
strong.problema {
    color: #202020;
    background-color: #ffffff;
    position: absolute;
    right: 50px;
    top: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: center;
    font-size: 16px;
    border: 2px solid #FF8800;
}
strong.miglioramento {
    color: #202020;
    background-color: #ffffff;
    position: absolute;
    right: 50px;
    top: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: center;
    font-size: 16px;
    border: 2px solid #A6FF00;
}
.report h4{
    padding-top: 20px;    
}
code {
  background-color: #E6E6E6;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
  margin-right: 5px;
  margin-left: 5px;
       color: #202020!important;
}

p.livello_a {
  background-color: #FAC7C7;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 25px;
}
p.livello_aa {
  background-color: #FFF0C3;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 25px;
}
p.livello_aaa {
  background-color: #C8F1B1;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 25px;
}
strong.a, strong.aa, strong.aaa {
  color: #FFFFFF;
  background-color: #073F00;
  padding-top: 3px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-left: 6px;
  margin-right: 5px;
}
.allarme, h2.allarme, h3.allarme, h4.allarme, h5.allarme {
  color: #B30002;
}
.code {
    padding-top: 70px;
    padding-right: 70px;
    padding-bottom: 70px;
    padding-left: 70px;
    background-color: #191919;
    color: #FFFFFF;
    border: 10px solid #AE0002;
    margin-top: 30px;
}
.code h3 {
    color: #FFFFFF;
}
.code p {
    font-family: "Noto Serif", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
}
#menu_footer ul{
    list-style-type: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#menu_footer ul li{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: inline-block;
}#menu_footer ul li a{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}
#menu_footer ul li::after{
content: "  |  ";
}
#menu_footer ul li:last-child:after{
content: "";
}
.icona {
    background-repeat: no-repeat;
    background-position: left 7px;
    background-size: 35px auto;
    padding-left: 50px;
}
.bg_sep {
    background-position: right top;
    background-size: 1px 262px;
    background-image: url(../img/bg_sep.svg);
    background-repeat: no-repeat;
}
.versus {
  background-color: #202020;
        border-bottom: 7px solid #4FAD33;
}
.versus h1, .versus h2, .versus h3  {
    color: #ffffff;
}
.versus h3, .torneo_header h3  {
    font-size: 25px;
    border-top: 5px solid #4fad33;
    background-color: #000000;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
        color: #ffffff;
}
.bordo_verde_top_5px {
    border-top: 5px solid #4fad33;
}
.allert {
    background-repeat: no-repeat;
    background-image: url(../img/avviso.svg);
    background-position: left center;
    background-size: 50px auto;
    padding-left: 60px;
        padding-top: 5px;
    padding-bottom: 5px;
}
.stemma img {
    width: 250px;
    height: 250px;
}
.tabellone  {
    background-color: #000000;
    color: #ffffff;
    padding-top: 100px;
    padding-right: 100px;
    padding-bottom: 100px;
    padding-left: 100px;
    background-image: url(../img/soccer-stadium-full-people.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 50px;
      min-height: 300px;
}
.tabellone.tabellone_16_squadre  {
    padding-top: 100px;
    padding-right: 35px;
    padding-bottom: 100px;
    padding-left: 35px;
}
.tabellone_8_squadre .semifinale  {
    padding-top: 90px;
    padding-bottom: 0px;
    padding-left: 20px;
      min-height: 471px;
}
.tabellone_8_squadre .semifinale .match {
    margin-top: 0px;
    margin-bottom: 140px;
}
.tabellone_8_squadre .semifinale .match_2 {
    margin-top: 0px;
    margin-bottom: 86px;
}

.sedicesimi .match, .ottavi .match, .quarti .match, .semifinale .match {
    padding-right: 20px;
    background-image: url(../tabellone/img/match.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 1px;
/*    padding-top: 20px;
    padding-bottom: 20px*/;

}
/*.semifinale .match {
    padding-left: 20px;
}*/
.match {
    margin-top: 0px;
    margin-bottom: 0px;
    background-position: right center;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
.quarti .match.solo_andata {
margin-top: 12px;
  margin-bottom: 12px;
}/*
.sedicesimi .match.match_1, .ottavi .match.match_1, .quarti .match.match_1, .semifinale .match.match_1 {
    padding-top: 0px;
    padding-bottom: 20px;
    background-position: right 48px;
}
 .quarti .match.match_4, .semifinale .match.match_2 {
    padding-top: 20px;
    padding-bottom: 0px;
    background-position: right 68px;
}*/

.tabellone_16_squadre .ottavi, .tabellone_16_squadre .quarti, .tabellone_16_squadre .semifinale, .tabellone_16_squadre .finale{
height: 1064px
} 
.ottavi,.ottavi .etichetta{
background-color:hsla(0,0%,0%,0.80)
}
.quarti,.quarti .etichetta{
background-color:hsla(0,0%,0%,0.60)
}
.semifinale,.semifinale .etichetta{
background-color:hsla(0,0%,0%,0.40)
}
.finale,.finale .etichetta{
background-color:hsla(0,0%,0%,0.20)
}
/*.ottavi .match.match_8{
    padding-top: 20px;
    padding-bottom: 0px;
    background-position: right 68px;
}
.sedicesimi .match.match_16{
    padding-top: 20px;
    padding-bottom: 0px;
    background-position: right 68px;
}
*/
.tabellone a:link, .tabellone a:visited{
    color: #000000;
    text-decoration: none;
}
 .tabellone a:hover,  .tabellone a:active{
    color: #4fad33;
}
.tabellone .data{
    color: #ffffff; 
     width: calc(90% - 9px);
}
.tabellone .data_andata {
  background-image: url(../tabellone/img/data_andata.svg);
  background-repeat: no-repeat;
  background-position: -3px center;
  background-size: 285px auto;
}
.tabellone .data_ritorno {
    background-image: url("../tabellone/img/data_ritorno.svg");
    background-repeat: no-repeat;
    background-position: calc(100% + 20px)  bottom;
    background-size: 285px auto;
}
.tabellone_8_squadre .quarti  {
    width: calc(33% - 20px);
    float: left;
    position: relative;
    padding-bottom: 20px;
  padding-top: 20px;
}
.tabellone_8_squadre .quarti.nessun_match  {
    padding-bottom: 0px;
  padding-top: 0px;
}
.tabellone.tabellone_8_squadre .semifinale .data_ritorno span::before, .tabellone.tabellone_8_squadre .quarti .data_ritorno span::before {
  right: 14%;
}
.tabellone .data_andata {
    color: #000000;    
}

.tabellone .data_ritorno {
    color: #000000;
    text-align: right;
}
.tabellone .data_andata span {
    font-size: 11px;
    padding-right: 7px;
    background-image: url(../tabellone/img/freccia_andata.svg);
    background-repeat: no-repeat;
    background-position: 35% bottom;
    background-size: 8px auto;
    padding-bottom: 3px;
}
.tabellone .nessun_dato .data_andata span , .tabellone .nessun_dato .data_ritorno span {
    background-image:none;

}
.tabellone .nessun_dato .data.data_ritorno {
  width: calc(100% - 9px);
}
.tabellone .nessun_dato .data {
    font-size: 10px;
}
.tabellone .data_ritorno span::before {
    content: "Ritorno";
    position: absolute;
    top: 22px;
    right: 62px;
    color: #fff;
        background-image: url(../tabellone/img/freccia_andata_bianca.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 8px auto;
    padding-bottom: 3px;
}
.tabellone .nessun_dato .data_ritorno span::before, .tabellone .nessun_dato .data_andata span::before {
    content: "";
    position: inherit;
    top: auto;
    right: auto;
    color: transparent;
        background-image: none;
    padding-bottom: 0px;
}
.tabellone .finale .data_ritorno span::before {
    right: 53px;
}

.tabellone .data_andata span::before {
    content: "Andata";
    position: absolute;
    top: 102px;
    left: 6px;
    color: #fff;
        background-image: url(../tabellone/img/freccia_ritorno_bianca.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 8px auto;
    padding-top: 3px;
}
/*.tabellone .match_1 .data_andata span::before {
    top: 82px;
}*/
.tabellone .semifinale .data_andata span::before {
    left: 26px;
}
.tabellone .data_ritorno span {
    font-size: 11px;
    padding-left: 7px;
    background-image: url(../tabellone/img/freccia_ritorno.svg);
        background-repeat: no-repeat;
    background-position: 65% top;
    background-size: 8px auto;
     padding-top: 3px;
}
.tabellone .data_ritorno.no_goal span {
    background-image: none;
}
.tabellone .data_ritorno.no_goal span::before {
    content: "";
        background-image: none;
}
.tabellone_8_squadre .semifinale {
    width: calc(33% - 40px);
    float: left;
    padding-right: 0px;
     position: relative;
}
.tabellone_8_squadre .semifinale .sfondo {
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px auto;
  background-image: url("../tabellone/img/semifinale_finale.svg");
}
.tabellone_8_squadre .semifinale.nessun_match .sfondo {
  background-position: right 63px;
      background-size: 10px 261px;

}
.tabellone_8_squadre .finale {
   width: calc(33% - 20px);
    float: left;
    padding-right: 20px;
 position: relative;
}
.tabellone .team {
    width: 80%;
    float: left;
    font-size: 15px;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
        overflow: hidden;
    height: 25px;
}


.tabellone .team.ritorno {
    width: 70%;
    float: left;
}
.tabellone .team.andata, .tabellone .goal {
    border-bottom: 1px solid #f4f4f4;
}

.tabellone .goal {
    width: calc(20% - 1px);
    float: left;
    font-size: 15px;
    background-color: #ffffff;
    color: #000000;
    border-left: 1px solid #f4f4f4;
    text-align: center;
}
.tabellone .goal.andata,.tabellone .goal.andata.ritorno, .tabellone .goal.ritorno, .tabellone .goal.totale {
    width:  calc(10% - 1px);
    float: left;
}
.tabellone .goal.andata,.tabellone .goal.andata.ritorno {
    background-color: #efefef;
}
.tabellone .goal.ritorno {
    background-color: #e5e5e5;
}
.goal.totale {
    background-color: #4FAD33;
    color: #ffffff;
      border-bottom: 1px solid #8bd300;
}
.goal.totale  {
    background-color: #4FAD33;
    color: #ffffff;
      border-bottom: 1px solid #8bd300;
}
.goal.totale::before  {
    content: "Tot";
    position: absolute;
    top: 22px;
    right: 30px;
}
.finale .goal.totale::before  {
    right: 14px;
}

.tabellone .data {
    font-size: 13px;
}
.tabellone .cella {
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;

}
.tabellone .goal .cella.vuota {
color: #CACACA;
}
.tabellone .finale{
    position: relative;
}
.tabellone.tabellone_8_squadre .finale{
    position: relative;
      height: 592px;
}
.tabellone .finale .match{
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%)
}.tabellone .finale .match.nessun_dato{
    width: 100%;
}
.tabellone_8_squadre .finale {
    width: calc(33% - 20px);
    float: left;
    background-repeat: no-repeat;
    background-position: right 0px;
    background-size: 10px 516px;
    padding-left: 20px;   
}

.etichetta {
    position: absolute;
    left: 0px;
    top: -60px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 20px;
}

.posizione {
    font-size: 11px;
    color: #4fad33;
    transform: translate(0px, -2px);
    display: inline-block;
}

.tabellone_16_squadre .ottavi  {
    width: 25%;
    float: left;
    position: relative;
}
.tabellone_16_squadre .quarti  {
    width: 25%;
    float: left;
    position: relative;
}
.tabellone_16_squadre .semifinale  {
  width: 25%;
    float: left;
    position: relative;
}
.tabellone_16_squadre .finale  {
  width: 25%;
    float: left;
    position: relative;
}
.tabellone_16_squadre .semifinale .sfondo  {
    background-image: url(../tabellone/img/semifinale_finale.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 560px;
}

/*.tabellone_16_squadre .quarti .match {
  margin-top: 138px;
}
.tabellone_16_squadre .quarti .match.match_1 {
  margin-top: 70px;
}
.tabellone_16_squadre .quarti .match.match_4 {
  margin-top: 140px;
}
.tabellone_16_squadre .semifinale .match_1 {
  margin-top: 210px;
}
.tabellone_16_squadre .semifinale .match_2 {
  margin-top: 420px;
}

.tabellone_16_squadre .quarti .match {
  padding-left: 20px;
}*/
.tabellone_16_squadre .semifinalista{
    background-image: url(../tabellone/img/quarti_semifinale.svg);
    background-repeat: no-repeat;
    background-size: auto 280px;
}
.tabellone_16_squadre .semifinalista.semifinalista_1{
    background-position: right 48px;
}
.tabellone_16_squadre .semifinalista.semifinalista_2{
    background-position: right 70px;
}
.tabellone_16_squadre .quarto{
    background-image: url(../tabellone/img/ottavi_quarto.svg);
    background-repeat: no-repeat;
    background-size: auto 139px;
    background-position: right center;

}
.tabellone_16_squadre .quarto_1{;
    background-position: right calc(50% - 10px);
}
.tabellone_16_squadre .quarto_4{;
    background-position: right calc(50% + 10px);
}

.tabellone_16_squadre .quarti .match .data_andata span::before {
    left: 26px;
}
.tabellone_16_squadre .finale .sfondo {
  padding-left: 20px;
}
.tabellone_8_squadre .semifinale.nessun_match .match.match_2.nesuna_data {
  padding-top: 47px;
      background-position: right 72px;
}
.tabellone_8_squadre .semifinale.nessun_match .match.match_2.nesuna_data .gerarchia {
  top: 59%;
}
p.vincitore {
    position: absolute;
    top: calc(50% + 150px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
    font-size: 16px;
}
p.vincitore strong{
    display: block;
    font-size: 20px;
    padding-top: 80px;
    background-image: url(../tabellone/img/coppa.svg);
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 70px auto;
}
.provvedimenti_turno {
    font-size: 14px;
    background-color: #f4f4f4;
    margin-bottom: 35px;
    position: relative;
}
.provvedimenti {
     font-size: 14px;
    background-color: #f4f4f4;
    margin-bottom: 35px;
    position: relative; 
}
.post .provvedimenti ul li{
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 20px;
}
.provvedimenti_turno .post{
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}
.provvedimenti_turno h3{
    padding: 0.625em 15px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: block;
    background-color: #202020;
    color: #ffffff;
      border-top: 8px solid #4fad33;
    font-size: 28px;
}
.provvedimenti_turno h4{
    display: block;
    background-color: #e0e0e0;
    color: #202020;
    font-size: 22px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.provvedimenti h4 {
  display: block;
  background-color: #e0e0e0;
  color: #202020;
  font-size: 22px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.provvedimenti ul.provvedimenti_disciplinari{
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-top: 0px;
}
.provvedimenti ul.provvedimenti_disciplinari li {
    list-style-type: none;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    background-size: 12px auto;
    border-bottom: 1px solid #e0e0e0;
}.provvedimenti ul.provvedimenti_disciplinari li.cartellino_giallo_1, .provvedimenti ul.provvedimenti_disciplinari li.cartellino_rosso  {
    background-size: 12px auto;
     padding-left: 18px;
}
.provvedimenti ul.provvedimenti_disciplinari li.cartellino_giallo_2  {
      background-image: url(../tabellone/img/doppio_giallo.svg);
  background-repeat: no-repeat;
  background-position: left center;
    background-size: 36px auto;
     padding-left:40px;
}
.provvedimenti ul.provvedimenti_disciplinari li.squalifica {
  background-image: url(../tabellone/img/squalifica.svg);
  background-repeat: no-repeat;
  background-position: left center;
    background-size: 12px auto;
     padding-left: 18px;
}

.turno{
    padding-right: 120px;
    font-size: 16px;
    text-align: right;
    padding-top:10px;
}
ul.ancore{
    position: absolute;
    right: 10px;
    top: 20px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

ul.ancore li{
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: inline-block;
    width: 50px;
    height: 50px;
    overflow-x: hidden;
    overflow-y: hidden;
}
ul.ancore li a{
    display: block;
    padding-left: 55px;
    height: 50px;
}
ul.ancore li.scontri a{
    background-image: url(../tabellone/img/tabellone.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px auto;
}
 a.ancora_disciplinare:link, a.ancora_disciplinare:visited{
    color: #fff;
    font-size: 12px;
} a.ancora_disciplinare:hover, a.ancora_disciplinare:active{
    color: #8bd300;
}
.font_12 {
    font-size: 12px;
} 
.disc_andata {
    padding-left: 10px;    
} 

.partite{
background-color: #f4f4f4;
}
span.rigori{
    position: absolute;
    right: 21px;
    top: 19px;
    background-color: #8bd300;
    color: #000;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 6px;
    padding-left: 6px;
}
.classifica-marcatori ul {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
    font-size: 16px;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background-color: #F4F4F4;
}
.classifica-marcatori ul li {
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    padding-top: 0px;
    padding-right: 7px;
    padding-bottom: 0px;
    padding-left: 7px;
}
.classifica-marcatori h3 {
padding: 0.625em 15px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  display: block;
  background-color: #202020;
  color: #ffffff;
  border-top: 8px solid #4fad33;
  font-size: 28px;
}
.classifica-marcatori ul li.th_marcatori {
    background-color: #e0e0e0;
    font-weight: 700;
     font-size: 18px;
}
.classifica-marcatori ul li span.giocatore_marcatori{
    width: 45%;
    display: inline-block;
      padding-top: 7px;
     padding-bottom: 7px;
    font-size: 14px;
}
.classifica-marcatori ul li span.cella_squadra{
    width: 45%;
    display: inline-block;
      padding-top: 7px;
     padding-bottom: 7px;
    font-size: 12px;
}
.classifica-marcatori ul li span.goal_marcatori{
       padding-top: 7px;
     padding-bottom: 7px;
    width: calc(10% - 1px);
    display: inline-block;
    font-weight: 700;
    border-left: 1px solid #e0e0e0;
    text-align: center;
}
.faq details {
    background-color: #F4F4F4;
}
ul.statistiche_giocaotre{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 35px;
    margin-left: 0px;
    list-style-type: none;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 43px;
    background-color: #F4F4F4;
} 
ul.statistiche_giocaotre li{
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    width: calc(14.99% - 1px);
    display: block;
    float: left;
    text-align: center;
    font-size: 16px;
} 
ul.statistiche_giocaotre li.statistiche_squadra{
    width: calc(39.99% - 1px);
} 
ul.statistiche_giocaotre.tot li{
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    width: calc(24.99% - 1px);
    display: block;
    float: left;
    text-align: center;
    font-size: 16px;
} 
h2.campionato-stagione {
    color: #fff;
    background: #202020;
    border-left: 8px solid #4fad33;
    padding-top: 0.625em;
    padding-left: 15px;
    padding-bottom: 0.625em;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 0px;
    top: 0px;
    position: sticky;
    z-index: 2;
    width: 140px;
    will-change: transform;
    padding-right: 15px;
}
h3.campionato-lega {
    color: #ffffff;
  background: #202020;
  border-top: 8px solid #4fad33;
  padding: 0.625em 15px;
      font-size: 28px;
    margin-top: 0px;
  margin-bottom: 0px;
}
h3.campionato-stat {
color: #ffffff;
  background: #202020;
  border-top: 8px solid #4fad33;
  padding: 0.625em 15px;
  font-size: 28px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.stagione {
    position: relative;
    }


.navigazione-turni {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #000;
    z-index: 1000;
    padding: 10px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border-bottom: 1px solid #e0e0e0;
    transform: translateY(-100%);
    transition: transform 0.3s ease;
    font-size: 16px;
}

.navigazione-turni.visible {
  transform: translateY(0);
}

.navigazione-turni > div {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}

.navigazione-turni > div:first-child {
  margin-right: 4%;
}

.navigazione-turni h4 {
  margin: 0 0 10px 0;
  color: #202020;
  font-size: 16px;
  font-weight: bold;
}

/* Reset liste */
.lista-turni,
.lista-turni ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Menu principale */
.lista-turni > li {
    position: relative;
    display: block;
    width: 45%;
    float: left;
    margin-right: 2%;
}

.lista-turni > li > a {
  display: block;
  padding: 10px 15px;
  background: #202020;
  border: none;
  text-decoration: none;
  color: #f4f4f4;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 2px;
}

.lista-turni > li > a:hover {
  color: #8bd300;
}

/* Sottomenu (inizialmente nascosti) */
.lista-turni ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: none;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 1001;
}

/* Mostra sottomenu al hover del li padre */
.lista-turni > li:hover ul {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* Mantiene il menu aperto quando si va sui link figli */
.lista-turni > li:hover ul,
.lista-turni ul:hover {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* Stili per le voci del sottomenu */
.lista-turni ul li {
  border: none;
}
.post .lista-turni ul li {
    border: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.lista-turni ul li:last-child {
  border-bottom: none;
}

.lista-turni ul li a {
  display: block;
  padding: 8px 15px;
  color: #f4f4f4;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #202020;
  font-weight: normal;
  border-bottom: 1px solid #000000;
}

.lista-turni ul li:last-child a {
  border-bottom: none;
}

.lista-turni ul li a:hover {
  background: #000000;
  color: #8bd300;
}

/* Rimuove la freccia */
.lista-turni > li > a::after {
  content: "▼";
  float: right;
  font-size: 12px;
  transition: transform 0.3s ease;
  color: #f4f4f4;
}

.lista-turni > li:hover > a::after {
  transform: rotate(180deg);
  color: #8bd300;
}


.genitore ul {
  display: none;
}

/* Stile per il link "Calendari" */
.genitore > a::after {
  content: "+"; /* Simbolo di espansione */
  float: right;
  margin-right: 10px;
}

/* Mostra i sottomenu quando il checkbox è "checked" */
.genitore:has(input[type="checkbox"]:checked) > ul {
  display: block;
}

/* Cambia il simbolo quando il checkbox è "checked" */
.genitore:has(input[type="checkbox"]:checked) > a::after {
  content: "-"; /* Simbolo di compressione */
}

/* Nascondi il checkbox */
.genitore > input[type="checkbox"] {
  display: none;
}
.espandi_menu  {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 50px;
    padding-left: 90px;
    transition: all 0.5s;
    color: #ffffff;
    border-bottom: 1px solid #000000;
    cursor: pointer;
    display: block;

}
.espandi_menu::after {
    content: "";
    position: absolute;
    top: 90px;
    left: 60px;
    width: 20px;
    height: 20px;
    background-image: url("../img/menu-item-has-children_bianco.svg");
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.5s;
    
}
.espandi_menu:hover  {
background-color: #000;
      color: #8bd300;
     transition: all 0.5s
}
.genitore:has(input[type="checkbox"]:checked) > .espandi_menu::after  {
        transform: translateY(-10px) rotate(180deg); /* Ruota l'immagine di 90 gradi */


}
.gerarchia {
    position: absolute;
    top: 50%;
    right: -10px;
    background-color: #8bd300;
    color: #000;
    font-size: 10px;
    text-align: center;
    width: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    max-width: 20px;
    border-radius: 30px;
    transform: translate(0px, -50%);
    z-index: 99;
    overflow-y: hidden;
    line-height: 10px;
}
.finale .gerarchia {
visibility: hidden;
    display: none;
}

.tabellone_8_squadre .quarti .match.nessun_dato {
    margin-top: 40px;
    margin-bottom: 40px;
    background-position: right center;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*.tabellone_8_squadre .quarti .match_4.nessun_dato {
    margin-top: 40px;
    margin-bottom: 40px;
    background-position: right center;
}
.tabellone_8_squadre .quarti .match_1.nessun_dato {
    margin-top: 40px;
    margin-bottom: 40px;
    background-position: right center;
}*/
.tabellone_8_squadre .quarti .semifinalista {
    background-image: url(../tabellone/img/quarti_semifinale_2.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 131px;
}
.cella.vuota {
 /*   border-bottom: 1px solid #e0e0e0;
    background-image: url(../tabellone/img/match.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size:  auto 1px;*/
}
/*.tabellone_8_squadre .semifinale .match.nessun_dato {
    margin-top: 0px;
    margin-bottom: 0px;
    background-position: right center;
    padding-top: 125px;
    padding-bottom: 125px;
}

.tabellone_8_squadre .semifinale .match_2.nessun_dato {
    padding-top:90px;
    padding-bottom: 80px;
}
*/
.tabellone_8_squadre .semifinale .match.nessun_dato {
    margin-top: 0px;
    margin-bottom: 171px;
}
.tabellone_8_squadre .semifinale .match_2.nessun_dato {
    margin-top: 0px;
    margin-bottom: 96px;
}

.tabellone_8_squadre .semifinale .semifinalista {
    background-image: url("../tabellone/img/semifinale_finale.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px auto;
}
.tabellone .team.nessun_dato {
  width: 100%;
}
.tabellone .team.nessun_dato.nessun_goal,.tabellone .finale .team.nessun_dato.nessun_goal {
  width: 80%;
}
.tabellone .finale .team.nessun_dato {
   width: 80%;
}
.tabellone_8_squadre .semifinale .nessun_incontro {
    padding-top:17px;
    padding-bottom: 6px;
}
.nessun_dato .data_andata {
    position: absolute;
    top: 1px;
    left: 0px;
}
.nessun_dato .data_ritorno {
    position: absolute;
    top: 70px;
    right: 20px;
}
.tabellone.tabellone_8_squadre .finale.nessun_match {
  position: relative;
  height: 561px;
}

      #calcetto {
    background-image: url(../img/calcetto.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 100%;
    }
      #padel {
    background-image: url(../img/padel_.jpg);
    background-repeat: no-repeat;
    background-position: 100% top;
    background-size: auto 100%;
    }
      #padel.chiuso {
    background-position: 81% top;
  transition: none;
    }
      #fame {
    background-image: url(../img/pizza.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100%;
    }
    .banner-container {
      display: flex;
      flex-direction: row;
      width: 100vw;
      height: 100vh;
      position: relative;
      overflow: visible;
    }
    .banner-div {
    min-width: 0;
    height: 100vh;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow 0.3s;
    z-index: 1;
    box-shadow: 0 0 30px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    border: none;
    background-color: #202020;
    }   
.banner-div {

    }
    .banner-div .content {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    color: #fff;
    font-size: 16px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left:0px;
    padding-bottom: 0px;
    
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    height: 100vh;
    }
      .banner-div#calcetto .content {
    margin-left: 40%;
    height: 100vh;
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.74) 46.11%);
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.74) 46.11%);
    background-image: -o-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.74) 46.11%);
    background-image: linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.74) 46.11%);
    }
      .banner-div#padel .content, .banner-div#fame .content {
    margin-right: 40%;
    height: 100vh;
    background-image: -webkit-linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.74) 46.11%);
    background-image: -moz-linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.74) 46.11%);
    background-image: -o-linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.74) 46.11%);
    background-image: linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.74) 46.11%);
    }
      .margini{
    padding-top: 200px;
    padding-right: 200px;
    padding-bottom: 200px;
    padding-left: 300px;
    }
      #calcetto .margini{
    padding-top: 200px;
    padding-right: 300px;
    padding-bottom: 200px;
    padding-left: 200px;
    }
      .banner-div h2 {
    font-family: dharma-gothic-c, sans-serif;
    position: absolute;
    left: 0px;
    color: #ffffff;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    font-size: 60px;
          z-index: 99;
                clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%);

    }
      .banner-div h3 {
    font-family: dharma-gothic-c, sans-serif;
    color: #8bd300;
    font-size: 70px;
    text-transform: uppercase;
    }
      #calcetto h2 {
    background-image: url(../img/calcio_a_5.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 83px;
              top: 20%;
    transform: translate(0px, -50%);
          width: 145px;
           clip-path: polygon(0px 0, 100% 0, 100% 100%, 0 100%);
    }
      #padel h2 {
          left: 34px;
    background-image: url(../img/padel.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 83px;
              top: 35%;
    transform: translate(0px, -50%);
          width: 90px;
    }
      #fame h2 {
          left: 25px;
    background-image: url(../img/fame.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 83px;
              top: 50%;
    transform: translate(0px, -50%);
          width: 135px;
    }
    .banner-div.active .content {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.5s 0.2s;

    }
      .banner-div.active  {
    overflow-x: hidden;
    }
.match-data,.header-data  {
    width: calc(20% - 1px);
    float: left;
      text-align: center;
        padding-top: 15px;
    padding-bottom: 15px;
      border-right: 1px solid #e0e0e0;
    }
.match-time,.header-time  {
    width: calc(5% - 1px);
    float: right;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 2.5%;
    padding-left: 2.5%;
    }
.match-item   {
    display: block;
    clear: none;
    float: none;
    font-size: 16px;
    background-color: #f4f4f4;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    line-height: 25px;
    }
.match-item a:link, .match-item a:visited   {
color: #000000;
    }
.match-item a:hover, .match-item a:active   {
color: #4fad33;
    }
.matches-container  {
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin-bottom: 35px;
    }
.match-home-team img  {
    width: auto;
    float: right;
    height: 25px;
    display: block;
    margin-left: 10px;
    }
.match-away-team img  {
    width: auto;
    float: left;
    height: 25px;
    display: block;
    margin-right: 10px;
    }

.match-home-team, .match-away-team,.header-home, .header-away {
    width: calc(25% - 1px);
    float: left;
        padding-top: 15px;
    padding-bottom: 15px;
        padding-right: 2.5%;
    padding-left: 2.5%;
    }
.match-home-team, .header-home {
    text-align: right;
     border-right: 1px solid #e0e0e0;
    }
.match-away-team, .header-away {
    text-align: left;
     border-right: 1px solid #e0e0e0;
    }
.match-result, .header-result {
    width: calc(5% - 1px);
    float: left;
    text-align: center;    
        padding-top: 15px;
    padding-bottom: 15px;
      padding-right: 2.5%;
    padding-left: 2.5%;
     border-right: 1px solid #e0e0e0;
    }
.matches-header{
    font-size: 16px;
    font-weight: 700;
    background-color: #f4f4f4;
        border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    }
.home-score::after{
    content: " - ";
    }


.tabellone_4_squadre .semifinale  {
    padding-top: 90px;
    padding-bottom: 0px;
    padding-left: 20px;
}
.tabellone_4_squadre .semifinale .match {
    margin-top: 0px;
    margin-bottom: 140px;
}
.tabellone_4_squadre .semifinale .match_2 {
    margin-top: 0px;
    margin-bottom: 86px;
}

.tabellone_4_squadre .quarti  {
    width: calc(33% - 20px);
    float: left;
    position: relative;
    padding-bottom: 20px;
  padding-top: 20px;
}
.tabellone_4_squadre .quarti.nessun_match  {
    padding-bottom: 0px;
  padding-top: 0px;
}
.tabellone.tabellone_4_squadre .semifinale .data_ritorno span::before, .tabellone.tabellone_4_squadre .quarti .data_ritorno span::before {
  right: 14%;
}

.tabellone_4_squadre .semifinale {
    width: calc(33% - 40px);
    float: left;
    padding-right: 0px;
     position: relative;
}
.tabellone_4_squadre .semifinale .sfondo {
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px auto;
  background-image: url("../tabellone/img/semifinale_finale.svg");
}
.tabellone_4_squadre .semifinale.nessun_match .sfondo {
  background-position: right 63px;
      background-size: 10px 261px;

}
/*.tabellone_4_squadre .semifinale .match {
    margin-top: 80px;
}
.tabellone_4_squadre .semifinale .match_2 {
    margin-top: 135px;
}*/
.tabellone_4_squadre .finale {
   width: calc(33% - 20px);
    float: left;
    padding-right: 20px;
 position: relative;
}

.tabellone_4_squadre .quarti .match.nessun_dato {
    margin-top: 40px;
    margin-bottom: 40px;
    background-position: right center;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*.tabellone_4_squadre .quarti .match_4.nessun_dato {
    margin-top: 40px;
    margin-bottom: 40px;
    background-position: right center;
}
.tabellone_4_squadre .quarti .match_1.nessun_dato {
    margin-top: 40px;
    margin-bottom: 40px;
    background-position: right center;
}*/
.tabellone_4_squadre .quarti .semifinalista {
    background-image: url(../tabellone/img/quarti_semifinale_2.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 131px;
}
.tabellone_4_squadre .semifinale .match.nessun_dato {
    margin-top: 0px;
    margin-bottom: 171px;
}
.tabellone_4_squadre .semifinale .match_2.nessun_dato {
    margin-top: 0px;
    margin-bottom: 96px;
}

.tabellone_4_squadre .semifinale .semifinalista {
    background-image: url("../tabellone/img/semifinale_finale.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px auto;
}
.tabellone_4_squadre .semifinale .nessun_incontro {
    padding-top:17px;
    padding-bottom: 6px;
}
.tabellone_4_squadre .semifinale .nessun_incontro {
    padding-top:17px;
    padding-bottom: 6px;
}
.tabellone.tabellone_4_squadre .finale.nessun_match {
  position: relative;
  height: 561px;
}

ul.link_competizioni {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    list-style-type: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
}
ul.link_competizioni li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-bottom-width: 0px;
    border-bottom-style: solid;
}

ul.link_competizioni li a:link, ul.link_competizioni li a:visited{
    background-color: hsla(0,0%,11%,0.90);
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0,0%,0%,0.99);
    border-top: 1px solid hsla(0,0%,100%,0.1);
    color: #FFFFFF;

}
ul.link_competizioni li a:hover, ul.link_competizioni li a:active{
    background-color: hsla(0,0%,0%,0.95);
    color: #8bd300;
}

ul.competizioni_link {
    margin-right: auto;
    margin-left: auto;
    display: block;
    list-style-type: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
}
ul.competizioni_link li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-bottom-width: 0px;
    border-bottom-style: solid;
}

ul.competizioni_link li a:link, ul.competizioni_link li a:visited{
    background-color: hsla(0,0%,11%,0.90);
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0,0%,0%,0.99);
    border-top: 1px solid hsla(0,0%,100%,0.1);
    color: #FFFFFF;
    padding-left: 25px;
    padding-right: 25px;
    text-decoration: none;
            background-image: url(../img/bg_menu_green.svg);
    background-repeat: no-repeat;
    background-position: 150% center;
    background-size: auto 100%;
}
ul.competizioni_link li a:hover, ul.competizioni_link li a:active{
    background-color: hsla(0,0%,0%,1.00);
    color: #8bd300;
    background-position: 100% center;    
    border-bottom: 1px solid #202020;
    border-top: 1px solid #202020;
}
h2.titolo_elenco {
    font-size: 25px;
    border-top: 5px solid #4fad33;
    background-color: #000000;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #ffffff;
    padding-left: 25px;
    display: block;
}
.torneo_header {
    background-image: url(../img/bg_campo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bg_campo {
    background-image: url("../img/bg_campo_trasp.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

html {
  scroll-behavior: smooth;
}
.orario_match::before {
content: "Ora: "
}
.orario_match{
    display: block;
}
.team_logo img{
    width: auto!important;  
    height: 40px!important;
    display: block;
}
.match_data {
    width: calc(20% - 1px);
    display: block;
    float: left;
    text-align: center;
    border-right: 1px solid #e0e0e0;
        padding-top: 10px;
    padding-bottom: 10px;
    
}
.scontri {
    width: calc(50% - 1px);
    display: block;
    float: left;
    text-align: center;
border-right: 1px solid #e0e0e0;
}
.scontri img {
width: 40px!important;
    height: 40px!important;
}
.league {
    width: 30%;
    text-align: center;
    display: block;
    float: left;
     padding-top: 10px;
    padding-bottom: 10px;
}
.partite {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f4f4f4;
display: block;

}
.partite:nth-child(odd) {
    background-color: #FCFCFC;
}




.intestazione{
    background-color: #e0e0e0;
    color: #000;
}

.intestazione .match_data {
    width: calc(20% - 1px);
    display: block;
    float: left;
    text-align: center;
    border-right: 1px solid #f4f4f4;
        padding-top: 10px;
    padding-bottom: 10px;
    
}
.intestazione .scontri {
    width: calc(50% - 1px);
    display: block;
    float: left;
    text-align: center;
border-right: 1px solid #f4f4f4;
       padding-top: 10px;
    padding-bottom: 10px;
}
.scontri-futuri .intestazione .scontri {
    width: calc(48% - 1px);
}

.teca{
 font-size: 14px;
}
.team-1{
    width: calc(45% - 1px);
    border-right: 1px solid #f4f4f4;
    display: block;
    float: left;
    text-align: right;
}
.scontri_del_giorno .team-1{
    width: calc(50% - 1px);
}
.scontri_del_giorno .team-2{
    width: calc(50% - 1px);
}
.scontri_del_giorno .match_data{
    width: calc(18% - 1px);
}
.scontri_del_giorno .league{
    width: 28%;
}
.scontri_del_giorno .scontri {
    width: calc(48% - 1px);
}
.scontri_del_giorno .fase{
    width: calc(6% - 1px);
    border-right: 1px solid #e0e0e0;
    display: block;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: capitalize;
}

.scontri-futuri .match_data{
    width: calc(18% - 1px);
}
.scontri-futuri .league{
    width: 28%;
}
.scontri-futuri .scontri {
    width: calc(48% - 1px);
}
.scontri-futuri .fase{
    width: calc(6% - 1px);
    border-right: 1px solid #e0e0e0;
    display: block;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: capitalize;
}

.scontri-futuri .intestazione .fase{
    border-right: 1px solid #f4f4f4;
}

.scontri_del_giorno .intestazione .fase{
    border-right: 1px solid #f4f4f4;
}

 .scontri-passati .team-2{
    width: calc(50% - 1px);
     border-right: 1px solid #f4f4f4;
}
.scontri-passati .team-1{
    width: 50%;
     border-right: none;
}
.match_time{
width: calc(10% - 1px);
border-right: 1px solid #f4f4f4;
        display: block;
    float: left;
           padding-top: 10px;
    padding-bottom: 10px;
}
.team-2{
    width: calc(45% - 1px);
    display: block;
    float: left;
    text-align: left;
}
.scontri-passati .intestazione .team-2,.scontri-passati  .intestazione .team-1{
    width: calc(45% - 1px);
}
.intestazione .team-1{
    width: 45%;
  border-right: none;
    display: block;
    float: left;
    text-align: center;
}
.intestazione .team-2{
    width: 45%;
    display: block;
    float: left;
    text-align: center;
}
.intestazione .match_time{
width: 10% ;
border-right: none;
           padding-top: 0px;
    padding-bottom: 0px;
}
.teca a:link, .teca a:visited{
    color: #202020;
}
.teca a:hover, .teca a:active{
    color: #4fad33;
}
/*
#sfide_giornaliere {
    background-image: url("../img/pallone.png"), -webkit-linear-gradient(270deg,rgba(54,152,56,1.00) 0%,rgba(46,65,40,1.00) 100%);
    background-image: url("../img/pallone.png"), -moz-linear-gradient(270deg,rgba(54,152,56,1.00) 0%,rgba(46,65,40,1.00) 100%);
    background-image: url("../img/pallone.png"), -o-linear-gradient(270deg,rgba(54,152,56,1.00) 0%,rgba(46,65,40,1.00) 100%);
    background-image: url("../img/pallone.png"), linear-gradient(180deg,rgba(54,152,56,1.00) 0%,rgba(46,65,40,1.00) 100%);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 50px;
    background-color: #3B6A2F;
}
#sfide_future {
    background-image: url("../img/bg_campo_trasp.svg"), -webkit-linear-gradient(270deg,rgba(85,140,86,1.00) 0%,rgba(16,26,13,1.00) 100%);
    background-image: url("../img/bg_campo_trasp.svg"), -moz-linear-gradient(270deg,rgba(85,140,86,1.00) 0%,rgba(16,26,13,1.00) 100%);
    background-image: url("../img/bg_campo_trasp.svg"), -o-linear-gradient(270deg,rgba(85,140,86,1.00) 0%,rgba(16,26,13,1.00) 100%);
    background-image: url("../img/bg_campo_trasp.svg"), linear-gradient(180deg,rgba(85,140,86,1.00) 0%,rgba(16,26,13,1.00) 100%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 50px;
    background-color: #4fad33;
}
#sfide_passate {
    background-image: url("../img/bg_campo_trasp.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 50px;
    background-color: #CCCCCC;
}*/
.sp-template-event-logos-block .sp-team-name  {
  font-size: 20px!important;
}
h4.sp-table-caption {
font-size: 16px!important;
    border-top: 3px solid #4fad33!important;
}
    .goal_team_1{
    display: block;
    width: 40px;
    text-align: center;
    float: right;
    padding-top: 11px;
    padding-bottom: 11px;
    border-right: 1px solid #e0e0e0;
    background-color: hsla(0,0%,0%,0.03);
        font-weight: 700;
}
    .goal_team_2{
    display: block;
    width: 41px;
    text-align: center;
    float: left;
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: hsla(0,0%,0%,0.03);
    font-weight: 700;
}

table.tabella_greensport {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    width: 100%;
}
.tabella_greensport tr {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border: none;
}
.tabella_greensport td, .tabella_greensport th {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f4f4f4;
}
table.tabella_greensport tr td.giocatore_marcatori, .tabella_greensport td.cella_squadra,.tabella_greensport th.giocatore_marcatori, .tabella_greensport th.cella_squadra {
    width: calc(45% - 15px)!important;
}
.tabella_greensport td.goal_marcatori,.tabella_greensport th.goal_marcatori {
    width: calc(10% - 15px)!important;
}
table.tabella_greensport tr.cartellino_giallo_1 td.apice{
    background-image: url(../img/giallo.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
table.tabella_greensport tr td.cartellino_giallo_1{
    background-image: url(../img/giallo.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
table.tabella_greensport tr.cartellino_giallo_2 td.apice{
    background-image: url(../tabellone/img/doppio_giallo.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
table.tabella_greensport tr td.cartellino_giallo_2{
    background-image: url(../tabellone/img/doppio_giallo.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
table.tabella_greensport tr td.cartellino_rosso {
  background-image: url(../img/rosso.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
table.tabella_greensport tr.riga_espulso td {
    background-color: #FFD3D4;
    border-right-color: #A84648;
    border-bottom-color: #A84648;
}
table.tabella_greensport tr.riga_ammonito td {
    background-color: #FFF3D3;
    border-right-color: #E0C874;
    border-bottom-color: #E0C874;
}
table.tabella_greensport tr.riga_sospeso td {
    background-color: #5A5A5A;
    border-right-color: #3E3E3E;
    border-bottom-color: #3E3E3E;
    color: #ffffff;
}
table.tabella_greensport tr.riga_ammonito td.Diffidato {
    background-color: #FFD299;
    border-right-color: #FFAE54;
    border-bottom-color: #FFAE54;
}table.tabella_greensport tr.riga_ammonito td.Squalificato {
    background-color: #FFD3D4;
    border-right-color: #A84648;
    border-bottom-color: #A84648;
}
table.tabella_greensport tr td.giocatore_ammonito, table.tabella_greensport tr td.esp_giocatore {
    border-left: none;
    border-top: none;
}
table.tabella_greensport tr td.squalifica {
  background-image: url(../tabellone/img/squalifica.svg);
  background-repeat: no-repeat;
  background-position: left center;
    background-size: 12px auto;
     padding-left: 18px;
}
span.esima {
    font-size: 10px;
    transform: translateY(-5px);
display: inline-block;
}
ul.legenda{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
   columns: 3;
}
ul.legenda li{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background-color: #f4f4f4;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
ul.legenda li{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background-color: #f4f4f4;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
ul.legenda li:nth-child(3n) {
    border-bottom: 1px solid #e0e0e0;
}
.scontri-del-giorno .team-1, .scontri-del-giorno .team-2{
    width: calc(50% - 1px);
}
.scontri-del-giorno .intestazione .team-1, .scontri-del-giorno .intestazione .team-2{
    width: calc(45% - 1px);
}
#greensport {

}

@media screen and (max-width: 1680px) {
  #larghezza1680 {}
  .immagine picture, .immagine img {
    width: 120vh;
    height: 120vh;
    display: block
  }
  .blocco_foto .post {
    padding-top: 250px;
  }
}
@media screen and (max-width: 1500px) {
  #larghezza1500 {}
  #pagina_tag {
    width: 30%;
  }
  #marginicategoria {
    background-size: 30% auto;
  }
  #articoli_tag {
    width: 70%;
  }
  /* -------------------------------------------------------- IMMAGINE PRINCIPALE */
  /* -------------------------------------------------------- FINE IMMAGINE PRINCIPALE */
}
@media screen and (max-width: 1400px) {
  #larghezza1400 {}
    .box_1400 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
  .banda {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100%;
  }
  nav#menu {
    left: 22%;
  }
}
@media screen and (max-width: 1300px) {
  #larghezza1300 {}
    .stagione {
    width: 900px;
    margin-left: 210px;
    }
  #pagina_tag {
    width: 100%;
  }
  #marginicategoria {
    background-image: none;
  }
  #articoli_tag {
    width: 100%;
  }
  header hgroup {
    width: 40%;
  }
  footer {
    width: 100%;
  }
  .immagine {
    width: 50%;
    height: auto;
    right: 0px;
    bottom: 0px;
  }
  .immagine picture, .immagine img {
    width: 140%;
    height: auto;
    display: block
  }
  .frequency_ask_question details {
    height: auto;
  }
}
@media screen and (max-width: 1200px) {
  #larghezza1200 {}
    .tabellone .team {
    font-size: 13px;
}
    .tabellone  {
    padding-right: 50px;
    padding-left: 50px;
}
    .tabellone .team .cella {
            padding-top: 4px;
    padding-bottom: 4px;
}
  #banner h1 {
    font-size: 60px;
  }
  .box {
    width: 100%;
  }
  .allinea_sinistra {
    float: none;
  }
  .allinea_destra {
    float: none;
  }
  #banner {
    position: relative;
  }
}
@media screen and (max-width: 1150px) {
  #larghezza1150 {}
  .testo_e_foto .sezione {
    width: 40%;
    float: left;
  }
  .testo_e_foto .blocco_centrale.testo_foto {
    width: 60%;
    float: left;
  }
  .testo_e_foto .blocco_foto {
    width: 50%;
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
  .testo_e_foto .blocco_foto .post {
    padding-top: 50px;
  }
  .sezione_h1 {
    width: 40%;
  }
  nav#menu ul li a {
    padding-right: 9px;
    padding-left: 9px;
  }
  nav#menu ul.menu li.facebook {
    right: 180px;
  }
  nav#menu ul.menu li.instagram {
    right: 130px;
  }
  nav#menu ul.menu li.youtube {
    right: 80px;
  }
  .testo_e_foto .sezione {
    position: static;
    top: auto;
    left: auto;
  }
  .testo_e_foto .blocco_centrale.testo_foto {
    width: 60%;
    float: left;
  }
  .sezione {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    padding-top: 0px;
  }
  .foto_sezione {
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 20px;
    background-image: none;
  }
  .foto_sezione .fotofluida {
    width: 250px;
    margin-right: auto;
    margin-left: auto;
  }
  .blocco_centrale {
    width: 60%;
  }
  .blocco_trecolonne {
    width: 100%;
  }
    
    .intestazione,.intestazione .team-1, .intestazione .team-2, .intestazione .match_time, .intestazione .match_data, .intestazione .league{
display: none;
        visibility: hidden;
}
    .match_data,.scontri, .league  {
    width: 100%;
    border-right: none;  
        border-top: 1px solid #e0e0e0;
}
    .partite {
    margin-bottom: 10px;
}

    .scontri-futuri .match_data{
    width: 100%;
    float: none;
}

    .scontri-futuri .scontri {
         width: calc(75% - 1px);
}
    .scontri-futuri,  .scontri_del_giorno, .scontri_passati {
         font-size: 11px;
}
    .scontri-futuri .competizione {
    width: calc(25% - 1px);
    display: block;
    float: left;
        border-left: 1px solid #e0e0e0;
}
    .scontri-futuri .league, .scontri-futuri .fase {
 width: 100%;
        border-right: none;
        padding-bottom: 11px;
        padding-top: 11px;
}
    .scontri-futuri .league{
  border-top: none;
        padding-top: 2px;
}
    .scontri-futuri .fase {
    border-top: 1px solid #e0e0e0;
    padding-bottom: 2px;
    font-weight: 700;
}
    
    .scontri-passati .nome_team_1, .scontri-futuri .nome_team_1, .scontri-del-giorno .nome_team_1, .scontri-passati .nome_team_2{
   padding-top: 12px;
         display: inline-block;
        
}
    .scontri-passati .team-1, .scontri-passati .team-2{
    width: 100%;
    display: block;
            height: 40px;
            padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px; 
}
    .scontri-passati .team-1{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;        
    }
   
     .scontri-passati  .team-1 img, .scontri-passati  .team-2 img{
    float: left;
    transform: translate(0px, 0px);
    margin-right: 5px;
}
    .scontri-passati  .trattino{
display: none;
        visibility: hidden;
}
    .goal_team_1{
    display: block;
    float: right;
    padding-top: 12px;
    padding-right: 0px;
    padding-bottom: 12px;
    padding-left: 0px;
    border-left: 1px solid #e0e0e0;
}
    .goal_team_2{
    display: block;
    float: right;
    padding-top: 12px;
    padding-right: 0px;
    padding-bottom: 12px;
    padding-left: 0px;
     border-left: 1px solid #e0e0e0;
}
.scontri-passati .team-2 img{
    transform: translate(0px , -1px);
    margin-right: 5px;
}
    
    .match_time{
    width: 25%;
    float: left;
        display: block;
          border-right: none;
        padding-top: 38px;
}
    .team-2{
 border-top: 1px solid #e0e0e0;
         padding-top: 0px;
}
    .team-1{
    text-align: left;
        padding-bottom: 0px;
}   
    .team-1 img{
    float: left;
}   
        .scontri-futuri .team-1, .scontri-futuri .team-2, .scontri-del-giorno .team-1, .scontri-del-giorno .team-2{
    display: block;
            height: 40px;
    width: 75%;
        border-right: none;
    float: right;
}
    .scontri-futuri .team-1 img, .scontri-futuri .team-2 img, .scontri-del-giorno .team-1 img, .scontri-del-giorno .team-2 img{
    margin-right: 5px;
}
        .scontri_del_giorno .match_data{
width: 100%;
        border-right: none;
}
    .scontri_del_giorno .competizione{
    width: 100%;
    border-right: none;
    display: block;
    float: none;
}
    .scontri_del_giorno .fase{
  width: calc(30% - 1px);
        border-top: 1px solid #e0e0e0;

}
    .scontri_del_giorno .team-1,
    .scontri_del_giorno .team-2{
  width: calc(100% - 1px);

}
    .scontri_del_giorno .nome_team_1{
    padding-top: 10px;
        padding-left: 5px;
    display: inline-block;
}
    .scontri_del_giorno .nome_team_2{
    padding-top: 10px;
        padding-left: 5px;
    display: inline-block;
}
    .scontri_del_giorno .nome_team_1 img{
float: left;
}
    .scontri_del_giorno .league{
    width: calc(70% - 1px);
}
    .scontri_del_giorno .scontri{
    width: 100%;
}
    .scontri_del_giorno .goal_team_1{
 border-right: none;
}
}
@media screen and (max-width: 1024px) {
  #larghezza1024 {}
    ul.legenda{
   columns: 2;
}

            #calendario .col_8, #calendario .col_4 {
    width: 100%;
    }
        .stagione {
    width: auto;
    margin-left: auto;
    }
      .section {
    width: 100%;
    min-width: 0;
  }
  .section h2 {
    position: static;
    transform: none !important;
  }
    .tabellone_8_squadre .quarti, .tabellone_8_squadre .semifinale, .tabellone_8_squadre .finale {
    width: 100%;
    float: none;
    background-image: none;
    clear: both;
    padding-left: 0px;
    padding-right: 0px;
}
    .tabellone_8_squadre .quarti .semifinalista {
    background-image: none;
}
    .gerarchia {
  right: auto;
        left: -10px;
}
    .tabellone_16_squadre .ottavi, .tabellone_16_squadre .quarti, .tabellone_16_squadre .semifinale, .tabellone_16_squadre .finale, .tabellone_8_squadre .semifinale, .tabellone.tabellone_8_squadre .finale{
height: auto
} 
    .tabellone_8_squadre .quarti .match.nessun_dato {
  margin-top: 0px;
  margin-bottom: 0px;
        background-image: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
    .tabellone_8_squadre .semifinale .nessun_incontro {
  padding-top: 0px;
  padding-bottom: 0px;
}
    .tabellone_8_squadre .semifinale .match.nessun_dato {
  margin-top: 0px;
  margin-bottom: 0px;
}
    .tabellone_8_squadre .semifinale {
  padding-top: 0px;
}
    .tabellone.tabellone_8_squadre .finale.nessun_match {
  height: auto;
}
    .provvedimenti_turno h3 {
    width: 56.5%;
    margin-right: auto;
    margin-left: auto;
}
    .classifica-marcatori {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

/*    .tabellone_16_squadre .semifinale .match_1, .tabellone_16_squadre .semifinale .match, .tabellone_16_squadre .semifinale .match_1, .tabellone_16_squadre .semifinale .match_2, .tabellone_16_squadre .quarti .match.match_1, .tabellone_16_squadre .quarti .match.match_4, .tabellone_16_squadre .quarti .match,.tabellone_8_squadre .semifinale .match {
  margin-top: 20px;
        margin-bottom: 20px;
}*/
.tabellone_16_squadre .ottavi,
.tabellone_16_squadre .quarti,
.tabellone_16_squadre .semifinale,
.tabellone_16_squadre .finale  {
    width: 100%;
    float: none;
    background-image: none;
    clear: both;
    padding-left: 0px;
    padding-right: 0px;
}
.sedicesimi .match, .ottavi .match, .quarti .match, .semifinale .match {
    padding-left: 0px;
    padding-right: 0px;
}
    .tabellone_16_squadre .quarto_1, .tabellone_16_squadre .quarto, .tabellone_16_squadre .quarto_4, .tabellone_16_squadre .semifinalista.semifinalista_1, .tabellone_16_squadre .semifinalista.semifinalista_2, .tabellone_16_squadre .semifinale .sfondo, .sedicesimi .match, .ottavi .match, .quarti .match, .semifinale .match, .tabellone_8_squadre .quarti .sfondo, .tabellone_8_squadre .semifinale .sfondo{
  background-image: none;
}
    .tabellone_16_squadre .quarti, .tabellone_16_squadre .semifinale, .tabellone_16_squadre .finale, .tabellone_8_squadre .semifinale, .tabellone_8_squadre .finale{
    margin-top: 80px;
}
    .tabellone .finale .match {
  position: inherit;
  top: auto;
  transform: translate(0px, 0%);
}
    .semifinale .match {
    padding-left: 0px;
    padding-right: 0px;
}
    
    footer nav ul li {
    font-weight: 400;
    font-size: 16px;
  }
    .bg_sep {
    background-image: none;
}
  .sezione_report {
    width: auto;
    float: none;
    padding-top: 100px;
  }
  .fotoreport {
    padding-top: 40px;
  }
  .report .spaziopre {
    padding-top: 0px;
  }
  .fotoreport.fotofluida img {
    width: 300px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .sezione {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
  }

  .post {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
  }
  .blocco_trecolonne {
    width: 100%;
    float: none;
    background-image: none;
    padding-top: 0px;
  }
  .blocco_centrale.testo_foto .post {
    padding-right: 50px;
  }
  .copri_bg_primario, .copri_bg_secondario, .copri_bg_specoale {
    background-image: none;
  }
  .padding_top {
    padding-top: 0px;
  }
  .blocco_di_destra {
    width: 100%;
  }
  .blocco_centrale.spazio_immagine {
    margin-top: 550px;
  }
  .blocco_centrale.spazio_immagine.spazio_foto_sezione {}
  .blocco_centrale {
    margin-top: 0px;
  }
  .blocco_centrale .spaziopre header {
    padding-left: 25px;
    padding-right: 25px;
    border-left: 10px solid #4fad33;
  }
  .banda {
    background-repeat: no-repeat;
    background-position: center 40px;
    background-size: 100% auto;
  }
  .banda.spazio_foto_sezione {
    background-repeat: no-repeat;
    background-position: center 400px;
    background-size: 100% auto;
  }
  .sezione {
    background-repeat: no-repeat;
    padding-top: 15px;
    padding-bottom: 15px;
    background-image: none;
  }
  .sezione p.titolo_sezione {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .spaziopre_sezione {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 25px;
    padding-bottom: 0px;
    padding-left: 25px;
  }
  .blocco_centrale .spaziopre {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .sezione_h1 p {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .sezione {
    width: 100%;
    float: none;
    padding-top: 30px;
  }
  .blocco_centrale {
    width: 100%;
    float: none;
    background-image: url(../img/blocco_centrale.svg);
    background-repeat: repeat-y;
    background-position: 0px top;
    background-size: 1px auto;
    padding-top: 30px;
  }
  .griglia .paragrafi_numerati ol li {
    width: 100%;
    display: block;
    float: none;
    padding-right: 0%;
    padding-left: 0%;
  }
  .griglia .paragrafi_numerati ol li.bg_immagine {
    height: auto;
  }
  .foto_di_sfondo {
    background-attachment: scroll;
    height: auto;
    background-size: 100% auto;
  }
  .spaziofoto {
    padding-top: 45%;
  }
  .bg_primario.colonne_due, .bg_secondario.colonne_due, .bg_primario.colonne_tre, .bg_secondario.colonne_tre, .bg_primario.colonna_uno, .bg_secondario.colonna_uno {
    background-image: none;
  }
  .allinea_destra ul li {
    margin-left: 0px;
  }
  .allinea_destra {
    text-align: left;
  }
  #banner h1 {
    bottom: auto;
    top: 15%;
  }
  .paragrafi_numerati ol h2 {
    line-height: normal;
    font-size: 18px;
  }
  #banner h1, #banner h2 {
    line-height: normal;
  }
  .duecolonne .primacolonna, .trecolonne .primacolonna, .trecolonne .secondacolonna {
    background-image: url(../img/riga.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 1px;
  }
  nav#menu ul li a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .destra {
    margin-left: 25px;
    margin-right: 25px;
  }
  .sinistra {
    margin-left: 25px;
    margin-right: 25px;
  }
  .centrato {
    margin-left: 25px;
    margin-right: 25px;
  }
  .destra {
    position: relative;
    top: auto;
    width: auto;
    left: auto;
    margin-top: 100px;
  }
  .sinistra {
    position: relative;
    top: auto;
    width: auto;
    left: auto;
    margin-top: 0px;
  }
  .centrato {
    position: relative;
    top: auto;
    width: auto;
    left: auto;
    margin-top: 100px;
  }
  nav#menu ul li:hover ul.sub-menu {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  nav#menu ul li {
    display: block;
  }
  nav#menu {
    visibility: hidden;
    display: none;
  }
  nav#menu ul li a:link, nav#menu ul li a:visited {
    color: #000000;
  }
  nav#menu ul li a:hover, nav#menu ul li a:active {
    color: #e30d1b;
    background-color: #ffffff;
  }
  nav ul li ul {
    position: static;
    height: auto;
    overflow: visible;
    background-color: hsla(23, 5%, 34%, 0);
  }
  nav ul li:hover ul {
    height: auto;
    padding-top: 0px;
    position: static;
    left: autochi;
    top: auto;
  }
  .menu-item-has-children a::after {
    content: "";
  }
  .menu-item-has-children ul li a {
    padding-left: 0px;
  }
  nav ul li {
    font-weight: 700;
    font-size: 18px;
  }
  nav ul li ul li {
    font-weight: 400;
    font-size: 16px;
  }



  .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .venti, .venticinque, .trenta, .trentatre, .trentacinque, .quaranta, .cianquanta, .sessanta, .sessantacinque, .sessantasette, .settanta, .ottanta, .novanta, .cento {
    float: none;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }
  html, body {
    height: 100%;
    width: 100%;
  }
  .duecolonne .post, .colonna .post, .trecolonne .post {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 900px) {
  #larghezza900 {}
  .center_txt p.button a:link, .center_txt p.button a:visited {
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    padding-left: 40px;
    padding-right: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-position: 10px center;
  }
  ul#navslide {
    bottom: 78px;
  }
  header hgroup {
    width: 90%;
  }
  footer {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }
  #menu:target + #content {
    width: 90%;
    transition: all 1s;
  }
  .immagine {
    position: relative;
    width: 100%;
    height: auto;
    right: 0px;
    bottom: 0px;
    overflow-x: hidden;
  }
  .immagine {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    scrollbar-height: none; /* Firefox */
  }
  .immagine::-webkit-scrollbar {
    display: none;
  }
  .immagine picture, .immagine img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 30px;
  }
  footer em {
    display: inline;
  }
  #chiudi {
    cursor: pointer;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(360px, -360px);
    z-index: 1005;
  }
}
@media screen and (max-width: 800px) {
  #larghezza800 {}
  .centro {
    transform: translate(-50%, -50%);
    width: 600px;
    height: 450px;
    background-size: 100% auto;
  }
  #chiudi {
    top: 50%;
    left: 50%;
    transform: translate(-25px, -360px);
    z-index: 1005;
  }
}
@media screen and (max-width: 761px) {
  #larghezza761 {}
        ul.legenda{
   columns: 1;
}
    .riga_ammonito td,    .riga_espulso td, .cella_marcatori td{
    text-align: left; 
}
    td.giocatore_ammonito::before, td.esp_giocatore::before{
    content: "Giocatore: ";
        padding-left: 17px;
        font-weight: 400;
}
    td.team_ammonito::before, td.esp_squadra::before{
    content: "Team: ";
        font-weight: 400;
}
    td.ammonizioni_totale::before{
    content: "N° ammonizioni: ";
        font-weight: 400;
}
    td.esp_giornate::before{
        font-weight: 400;
}
    td.esp_motivo::before{
           content: "Motivo: ";
        font-weight: 400;
}
    td.esp_motivo{
        font-weight: 700;
}
    td.diffida::before{
    content: "Stato: ";
         font-weight: 400;
}  
    td.giocatore_ammonito, td.esp_giocatore{
    font-weight: 700;
}
    td.team_ammonito, td.esp_squadra{
         font-weight: 700;
}
    td.ammonizioni_totale{
         font-weight: 700;
}
    td.diffida{
         font-weight: 700;
}
    tr.int_ammonizioni, tr.int_esp, tr.int_marcatori{
    display: none;
    visibility: hidden;
}    tr.riga_ammonito, tr.riga_espulso{
    margin-top: 8px;
    margin-bottom: 20px;
    display: block;
}
    tr.cella_marcatori{
    margin-top: 8px;
    margin-bottom: 20px;
    display: table-row;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    clear: both;
}

table.tabella_greensport tr td.giocatore_marcatori, .tabella_greensport td.cella_squadra, .tabella_greensport th.giocatore_marcatori, .tabella_greensport th.cella_squadra {
    width: calc(95% - 20px) !important;
    float: left;
     clear: none;
     border: none;
}
    .tabella_greensport td.goal_marcatori, .tabella_greensport th.goal_marcatori {
    width: 13px!important;
    float: right;
    clear: none;
        border: none;
        transform: translateY(-17px)

}
    ul.link_competizioni, .versus h3 {
    width: auto;
}
    
        summary {
font-size: 12px;
}
ul.statistiche_giocaotre li, ul.statistiche_giocaotre.tot li{
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    width: calc(49.99% - 1px);
    display: block;
    float: left;
    text-align: center;
    font-size: 16px;
} 
ul.statistiche_giocaotre li.statistiche_squadra{
    width: calc(100% - 1px);
} 
    .match-home-team img  {
    height: 25px;
    }
.match-away-team img  {

    height: 25px;

    }

    .matches-header{
display: none;
        visibility: hidden;
    }
    
.match-data,.header-data  {
    width: calc(65% - 1px);
    border-bottom: 1px solid #e0e0e0;
    padding-right: 2.5%;
    padding-left: 2.5%;
    text-align: left;
    }
.match-time,.header-time  {
    width: calc(25% - 1px);
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    }


.match-home-team, .match-away-team,.header-home, .header-away {
    width: calc(65% - 1px);
    float: left;
    max-height: 56px;
    }
.match-home-team, .header-home {
  text-align: left; 
     border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    }
.match-away-team, .header-away {
     text-align: left; 
     border-right: 1px solid #e0e0e0;
     border-bottom: 1px solid #e0e0e0;
    }
.match-result, .header-result {
    width: calc(25% - 1px);
    float: right;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 2.5%;
    padding-left: 2.5%;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    max-height: 111px;    
    }
    .home-score::after{
    content: "";
    }
    .home-score{
    float: none;
    clear: none;
    width: 95%;
    padding-right: 2.5%;
    padding-left: 2.5%;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    }
    .away-score{
    float: none;
    clear: none;
    width: 95%;
              padding-right: 2.5%;
    padding-left: 2.5%;
              padding-top: 15px;
    padding-bottom: 15px;
          display: block;
    }
    .match-item{
    margin-bottom: 7px;
    }
    .score_versus{
    font-size: 0px;
    line-height: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
    height: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    }
    .score_versus::before{
    content: "-";
    float: none;
    clear: none;
    width: 95%;
    padding-right: 2.5%;
    padding-left: 2.5%;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    font-size: 16px;
        line-height: 25px;
    }
    .score_versus::after{
        content: "-";
    float: none;
    clear: none;
    width: 95%;
              padding-right: 2.5%;
    padding-left: 2.5%;
              padding-top: 0px;
    padding-bottom: 15px;
          display: block;
        font-size: 16px;
        line-height: 25px;
        transform: translate(0px, -11px)
    }
      .banner-div#calcetto .content {
    margin-left: auto;
    height: auto;
    width: 100%;
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.80) 33.16%,rgba(0,0,0,0.40) 65.80%);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.80) 33.16%,rgba(0,0,0,0.40) 65.80%);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.80) 33.16%,rgba(0,0,0,0.40) 65.80%);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.80) 33.16%,rgba(0,0,0,0.40) 65.80%);
    margin-right: auto;
    }
      .banner-div#padel .content, .banner-div#fame .content {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 100%;
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.80) 33.16%,rgba(0,0,0,0.40) 65.80%);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.80) 33.16%,rgba(0,0,0,0.40) 65.80%);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.80) 33.16%,rgba(0,0,0,0.40) 65.80%);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.80) 33.16%,rgba(0,0,0,0.40) 65.80%);
    }
      .margini, #calcetto .margini{
    padding-top: 120px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    }
        
        .banner-container {
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
            margin-top: 100px;
  }
  .banner-div {
    width: 100vw !important;
    min-width: 0 !important;
    height: auto !important;
    margin-left: 0 !important;
    clip-path: none !important;
    z-index: 1 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transition: none !important;
  }
  .banner-div .content {
    opacity: 1 !important;
    pointer-events: auto !important;
    transition: none !important;
    width: 100% !important;
  }
  .banner-div.active .content {
    opacity: 1 !important;
    pointer-events: auto !important;
    transition: none !important;
  }
        
      #calcetto h2, #padel h2,#fame h2  {
              top: 10%;
           left: 0px;
                clip-path: polygon(0px 0, 100% 0, 100% 100%, 0 100%);
    }

        .provvedimenti_turno h3 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
    .classifica-marcatori {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

    .navigazione-turni {
    font-size: 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.lista-turni > li {
    position: relative;
    display: block;
    width: 40%;
    float: left;
    margin-right: 2%;
}

    
  .report .spaziopre {
    padding-top: 0px;
  }
  .report h1 {
    font-size: 33px;
    padding-top: 80px;
  }
  .report h2 {
    font-size: 25px;
  }
  .report h3 {
    font-size: 21px;
  }
  a#per_aprire, a#per_chiudere {
    bottom: 20px;
    top: auto;
  }
  .frequency_ask_question.report summary h4 {
    padding-right: 0px;
    font-size: 16px;
    line-height: 25px;
  }
  strong.errori {
    position: static;
    right: auto;
    top: auto;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  }
        strong.problema {
    position: static;
    right: auto;
    top: auto;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  }
    strong.miglioramento {
    position: static;
    right: auto;
    top: auto;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  }
  #menu {
    background-image: none;
  }
  #menu nav {
    width: 100%;
    background-position: 10px -5px;
    background-size: 200px auto;
    padding-top: 80px;
  }
    #menu nav ul {
    padding-top: 30px;
  }
  #searchform, .parole_chiave {
    width: 90%;
    padding-top: 50px;
    height: auto;
    padding-bottom: 50px;
    position: relative;
  }
  .tag_page h1 {
    font-size: 30px;
  }
  .spaziopre_sezione {
    padding-right: 15px;
    padding-left: 15px;
  }
  .blocco_centrale, .blocco_centrale.bg_speciale, .sezione, .blocco_centrale.bg_secondario {
    background-image: none;
  }
  .blocco_centrale .spaziopre header, .blocco_trecolonne .spaziopre header {
    border-left: 10px solid #4fad33;
  }
  .testo_e_foto .sezione {
    width: 100%;
    float: none;
  }
  .testo_e_foto .blocco_centrale.testo_foto {
    width: 100%;
    float: none;
  }
  .testo_e_foto .blocco_foto {
    width: 100%;
    float: none;
  }
  .sezione_h1.homepage p {
    color: #202020;
    background-color: #FFFFFF;
  }
  .sezione_h1 p {
    background-color: #202020;
    font-size: 18px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0px;
  }
  .blocco_centrale.spazio_immagine {
    margin-top: 350px;
  }
  .blocco_centrale h2, .blocco_trecolonne h2, .blocco_foto h2 {
    font-size: 28px;
  }
  .blocco_centrale h3 {
    font-size: 24px;
  }
  .sezione_h1 {
    width: 100%;
    height: auto;
    padding-top: 80px;
  }
  .sezione_h1 h1 {
    font-size: 30px;
  }
  .sezione_h1.homepage {
    background-color: #FFFFFF;
  }
  .frequency_ask_question details:not([open]) {
    height: auto;
  }
  #banner {
    background-position: center top;
  }
  #banner.ibrido {
    background-position: left top;
  }
  #banner.ibrido h1 {
    margin-top: 300px;
    padding-left: 20px;
    font-size: 30px;
    margin-right: 10px;
    width: auto;
  }
  #banner.ibrido h2 {
    padding-left: 20px;
    margin-top: 30px;
    margin-right: 10px;
    width: auto;
  }
  #banner.ibrido p {
    color: #202020;
    bottom: 5%;
    width: auto;
    text-align: left;
    padding-left: 80px;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    text-shadow: none;
    background-color: #FFFFFF;
  }
  #banner.home h2 {
    width: auto;
  }
  #menu {
    background-size: auto 30px;
    background-position: 15px 40px;
  }

  #banner.home h1 {
    ;
    font-size: 30px;
    padding-left: 25px;
  }
  #banner.home h2 {
    padding-left: 25px;
  }
  #banner.home p {
    padding-left: 25px;
    font-size: 16px;
    background-color: hsla(208, 71%, 96%, 0.0);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .parallasse {
    background-size: auto 100%;
    background-attachment: scroll;
  }
  .center_txt p.button a:link, .center_txt p.button a:visited {
    background-image: url(../img/freccia_link_bianca.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: auto 15px;
    transition: all 0.5s ease;
    text-decoration: none;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 40px;
    padding-right: 20px;
  }
  .center_txt p.button {
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .center_txt p.button a:link, .center_txt p.button a:visited {
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.5s ease;
    padding-left: 35px;
    padding-right: 15px;
    color: #F0F0F1;
    background-color: #8bd300;
    border: 0px solid #5AA1FF;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .center_txt p.button a:hover, .center_txt p.button a:active {
    transition: all 0.5s ease;
    background-position: 13px center;
    text-decoration: none;
    background-color: #8bd300;
    color: #FFFFFF;
    border: 0px solid #36C486;
  }
  p.button a:link, p.button a:visited {
    background-image: url(../img/freccia_link_bianca.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: auto 15px;
    transition: all 0.5s ease;
    text-decoration: none;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 40px;
    padding-right: 20px;
  }
  p.button {
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  p.button a:link, p.button a:visited {
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.5s ease;
    padding-left: 35px;
    padding-right: 15px;
    color: #F0F0F1;
    background-color: #202020;
    border: 0px solid #5AA1FF;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .center_txt p.button a:hover, .center_txt p.button a:active {
    transition: all 0.5s ease;
    background-position: 13px center;
    text-decoration: none;
    background-color: #202020;
    color: #FFFFFF;
    border: 0px solid #36C486;
  }
  p.button a:hover, p.button a:active {
    transition: all 0.5s ease;
    background-position: 13px center;
    text-decoration: none;
    background-color: #8bd300;
    color: #FFFFFF;
    border: 0px solid #36C486;
  }
  .colonna {
    padding-left: 0px;
    padding-right: 0px;
  }
  ul.breadbrumb {
    margin-left: 15px;
  }
  #banner h1 {
    font-size: 32px;
  }
  #banner h2 {
    font-size: 25px;
  }
  h2 {
    font-size: 30px;
  }
  .post {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
  }
  .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .venti, .venticinque, .trenta, .trentatre, .trentacinque, .quaranta, .cianquanta, .sessanta, .sessantacinque, .sessantasette, .settanta, .ottanta, .novanta, .cento {
    float: left;
    width: 100%;
  }
  .due_colonne {
    column-count: 1;
    column-gap: 0px;
  }
  .tre_colonne {
    column-count: 1;
    column-gap: 0px;
  }
}
@media screen and (max-width: 600px) {
  #larghezza600 {}
  .centro {
    width: 400px;
    height: 300px;
  }
}
@media screen and (max-width: 550px) {
  #larghezza550 {}
}
@media screen and (max-width: 400px) {
  #larghezza400 {}
  .centro {
    width: 300px;
    height: 225px;
  }
}