* {
  box-sizing: border-box;
}

body {
  background-color: #E6E6E6; 
}

img {
  display: inline;
  max-width: 220px;
  max-height: 96px;
  margin-top: ;
  margin-bottom: ;
  border: 2px solid #000000;
    -webkit-filter: brightness(103%) contrast(105%) drop-shadow(3px 3px 2px gray); /* Safari 6.0 - 9.0*/ 
  filter: brightness(103%) contrast(105%) drop-shadow(3px 1px 2px gray);
}

.header {
   width: auto;
   background-color: #333333;
   color: #1C8BCC;
   text-shadow: 1px 1px 1px white;
   padding-left: 14px;
   text-transform: ;
   text-align: left;
   font-family: Impact, Charcoal, Tahoma, Helvetica, Arial, sans-serif;
   font-size: 48px; 
   margin-bottom: 5px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
}

/* Navbar links */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

/* Links */
.topnav a:link {
  color: #f2f2f2;
}

/* Links - change color on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

a:link {
  text-decoration: none;
  color: black;
}

a:hover {
  background-color: #ddd;
}

.footer {
  background-color: #F1F1F1;
  text-align: left;
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  padding: 6px;
  font-size: 80%;
}

#wholepage {
   width: 1500px;
   padding: 5px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   background-color: #F1F1F1;
}

.catalogue1 {
  margin-left: 360px;
  margin-right: 360px;
  text-align: center;
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
  -moz-column-count: 1; /* Firefox */
  column-count: 1;

  -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
  -moz-column-gap: 40px; /* Firefox */
  column-gap: 30px;

  -webkit-column-rule: 1px dotted #666666; /* Chrome, Safari, Opera */
  -moz-column-rule: 1px dotted #666666; /* Firefox */
  column-rule: 1px dotted #666666;
}

.catalogue2 {
  margin-left: 10px;
  margin-right: 10px;

  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;

  -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
  -moz-column-gap: 40px; /* Firefox */
  column-gap: 40px;

  -webkit-column-rule: 1px dotted #666666; /* Chrome, Safari, Opera */
  -moz-column-rule: 1px dotted #666666; /* Firefox */
  column-rule: 3px solid black;
}

.catalogue6 {
  margin-left: 10px;
  margin-right: 10px;

  -webkit-column-count: 6; /* Chrome, Safari, Opera */
  -moz-column-count: 6; /* Firefox */
  column-count: 6;

  -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
  -moz-column-gap: 10px; /* Firefox */
  column-gap: 10px;

  -webkit-column-rule: 1px dotted #666666; /* Chrome, Safari, Opera */
  -moz-column-rule: 1px dotted #666666; /* Firefox */
  column-rule: 1px solid black;
}

.titolo {
  color: #1C8BCC;
  border: 3px solid #1C8BCC;
  background-color: white;
  margin-top: 6px;
  margin-left: 420px;
  margin-right: 420px;
  padding: 4px 0px 4px 0px; 
  text-align: center;
  font-family: Impact, Charcoal, Tahoma, Helvetica, Arial, sans-serif;  
  font-size: 200%;
}

.sezione {
  display: inline-block;
  width: 100%;
  height: auto;
  color: white;
  background-color: #111111;
  margin-top: 0px;
  margin-bottom: 8px;
  padding: 0px 0px 0px 6px; 
  text-align: center;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 100%;
}

.sezionevuota {
  display: inline-block;
  width: 100%;
  height: auto;
  color: white;
  background-color: ;
  border-color: #111111;
  border-style: solid;
  border-width: 0px 0px 3px 0px;
  margin-top: 0px;
  margin-bottom: 8px;
  padding: 0px 0px 0px 6px; 
  text-align: center;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 90%;
}

.sezione1 {
  display: inline-block;
  width: 729px;
  height: 30px;
  color: white;
  background-color: #990000;
  margin-left: 10px;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 3px;
  padding: 4px 4px 4px 4px; 
  text-align: center;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 100%;
}

.sezione2 {
  display: inline-block;
  width: 100%;
  height: auto;
  color: white;
  background-color: #1C8BCC;
  margin-top: ;
  margin-bottom: 6px;
  padding: 0px 0px 0px 3px; 
  text-align: center;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 90%;
}

.sezione3 {
  display: inline-block;
  width: 100%;
  height: auto;
  color: #1C8BCC;
  background-color: white;
  border-style: solid;
  border-width: 1px;
  border-color: #1C8BCC;
  margin-top: ;
  margin-bottom: 6px;
  padding: 0px 0px 0px 3px; 
  text-align: center;
  text-transform: ;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 90%;
}

.sezione4 {
  display: inline-block;
  width: 100%;
  height: auto;
  color: black;
  background-color: white;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  margin-top: ;
  margin-bottom: 5px;
  padding: 0px 0px 0px 3px; 
  text-align: center;
  text-transform: ;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 90%;
}

.intro {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 400px;
   margin-right: 400px;
   border-top-style: ;
   border-bottom-style: ;
   border-color: #990000;
   border-radius: 0px;
   border-width: thin;
   background-color: ;
   text-align: justify;
   padding-top: 5px;
   padding-bottom: 5px;
   text-indent: ; 
   font-family: Tahoma, Helvetica, Arial, sans-serif;
   font-style: ;
   font-size: 90%;
}

.blocco {
   break-inside: avoid;
   break-after: column;
   text-align: center;
}

.tit {
   border-left: 0px solid #1C8BCC;
   border-bottom: 1px solid #1C8BCC;
   font-family: Tahoma, Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   text-align: center;
   font-weight: normal;
   font-size: 90%;
   margin-bottom: 4px;
   background-color: ; 
}

.note {
   font-size: 70%;
   margin-top: 3px;
   margin-bottom: 6px;
   text-align: left;
   border-top: 1px dotted #1C8BCC;
   background-color: ;   
   padding-left: 8px;
   border-left-style:;
   font-family: Tahoma, Helvetica, Arial, sans-serif;
}

.note2 {
   font-size: 80%;
   margin-left: 20px;
   margin-right: 20px;
   text-align: justify;
   border-top: ;
   background-color: ;   
   padding-left: ;
   border-left-style:;
   font-family: Tahoma, Helvetica, Arial, sans-serif;
}

.biblio {
   font-size: 70%;
   margin-top: 3px;
   margin-bottom: 8px;
   text-align: left;
   border-radius: 10px;
   border: 1px solid #c2c2c2;
   background-color: #E6E6E6;   
   padding: 4px;
   font-family: Tahoma, Helvetica, Arial, sans-serif;
}

.hr2 {
  border: 1px dashed black;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 16px;
  margin-bottom: 20px;
}