body {
  background-color: rgba(22, 20, 20, 0.6);
  /*margin: 0 auto;*/
  background-image: url(../img/sfondo.jpg);
  background-blend-mode: soft-light;
  background-size: 100%;
  background-repeat: repeat;
  background-position: center;
  
  
  
  /*width: 0 auto;*/
  height: 1000px;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times,
    "Times New Roman", "serif";
   
}

h1,
h2,
h3,
h4,
h5 {
  color: #f0f8ff;
}

h3 {
  font-size: 25px;
}

h5 {
  font-size: 20px;
  
}
hr {
  color: #e4a762;
  margin: 0px;
  padding: 0px;
}

table td,
th {
  border: 1px solid #3a3939;
  padding: 12px;
  /*font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;*/
}

th {
  color: rgb(102, 176, 211);  
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
}

thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  background: #1a1716;
  
}

td {
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  color: rgb(27, 186, 235);
}

.spazioDiv {
  padding-top: 25px;
  padding-bottom: 25px;
}

.sfondoDiv {
  background: #1a1716;
}

#trasparente {
  background: rgba(109, 109, 109, 0.2);
}

div.box {
  width: 1000px !important;
  width/**/: 200px;
  height: 500px !important;
  height/**/: 200px;
  padding: 4px;
  margin-bottom: 25px;
  border: 1px solid rgb(68, 67, 67);
  border-right: 0 solid;
  /*background: url(gradient.png) repeat-x fixed top left;*/
  overflow: auto; 
  
}

.img-centrata {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.flex{
  max-width: 100%
}