li {
  cursor: pointer;
}
.bordo{
     border: 2px solid black;
     margin: 5px 5px;
     padding: 10px;
}
.bordored{
     border: 2px solid red;
     margin: 5px 5px;
     padding: 10px;
}
.container{
  padding: 20px;
}

#header{
  background-color: #000000;
  color: #ffffff;
  height: 150px;
  text-align: center;
}

.header{
   padding: 30px;
   text-transform: uppercase;
   margin: auto;
}

body {
  margin: 0 auto;
}



.background {

  background-color: red !important;
  color: #ffffff;

}
.background2 {

  background-color: gray;
  color: white;

}

.footer {

 text-transform: uppercase;
 color: white;
 background-color: blue;

}


.classe1 {

    background-color: red;
    color: #000000;

}
/* # -> 100  ;  .classe --> 10
div#div1 p.contenuto1 {

  background-color: red;
}

div.contenutodiv1 p.contenuto1 {

  background-color: orange;
}
 */

 .evento {

   background-color: red;
   color: white;
   border: 10px solid green !important;


 }