*{
  transition: all 0.3s ease 0.2s;
}


div#fondo{
  width:100%;
 /* height: 1000px; */
  margin: 20px auto 0px;
  padding: 5px auto;
}
         /*  CELLE */
         td{ 
          width: 250px;
          padding: 2px 5px; 
          border-width: 2px;
                  }
  
  a{ 
    text-decoration: none;
    
        }

 a:hover { 
    color:rgb(12, 96, 19);
    text-decoration: underline;
   /* font-size:20px;*/
    
   
         }

        a:active {
        }

        a:visited {
            
        }

        a:focus {
    
        }
      
        .container {
          width:auto;
          margin-top:5px;
          background-color: white;
          display: flex;
          flex-direction: row;
          padding: 3px 0px;
          
        }
        
        .container > div {
          /*background-color: #eee;*/
          font-size:18px;
          font-family: Calibri, 'Trebuchet MS', sans-serif;
          /*text-align:center;*/
          width:auto;
          padding: 10px 15px;
          margin:10px;
         
        }
        

   .contain-ind1 {
    width: auto;
  margin-top:5px;
  background-color: white;
  display: flex;
  flex-direction: column;
  padding: 3px 0px;

  }

  .contain-ind1 > div {
    background-color:white;
        font-size:18px;
      font-family: Calibri, 'Trebuchet MS', sans-serif;
      width: auto; 
      padding: 3px 10px;
      margin: 10px;
      }
 
  .contain-ind2 {
    width:auto;
  margin-top:5px;
  background-color: white;
  display: flex;
  flex-direction: column;
  padding: 3px 0px;

  }

  .contain-ind2 > div {
    background-color: white;

    font-size:18px;
  font-family: Calibri, 'Trebuchet MS', sans-serif;
  width:auto;
  padding: 10px 15px;
  margin:10px;
  }
 
  .contain-ind6 {
    width:auto;
  margin-top:-20px;
 
  background-color: white;
  display: none;
   padding: 0px 0px;
   
  }

  .contain-ind6 > div {
background-color: white;
    font-size:16px;
  font-family: Calibri, 'Trebuchet MS', sans-serif;
  width:auto;
  margin-top: 0px;
    margin-left: 40px;
    margin-bottom: 0px;  
    padding: 0px;
    
  }
 
  .contain-ind8 {
    width:auto;
  margin-top:-20px;
   background-color: white;
  display: none;
   padding: 0px 0px;
   
  }

  .contain-ind8 > div {
background-color: white;
    font-size:16px;
  font-family: Calibri, 'Trebuchet MS', sans-serif;
  width:auto;
  margin-top: 0px;
    margin-left: 40px;
    margin-bottom: 0px;  
    padding: 0px;
    
  }
 
  .contain-ind9 {
    width:auto;
  margin-top:-20px;
 
  background-color: white;
  display: none;
   padding: 0px 0px;
   
  }

  .contain-ind9 > div {
background-color: white;
    font-size:16px;
  font-family: Calibri, 'Trebuchet MS', sans-serif;
  width:auto;
  margin-top: 0px;
    margin-left: 40px;
    margin-bottom: 0px;  
    padding: 0px;
    
  }
 
  .contain-ind7 {
    width:auto;
  margin-top:-15px;
 background-color: white;
  display: none;
   padding: 0px 0px;
   }

  .contain-ind7 > div {
background-color: white;
    font-size:18px;
  font-family: Calibri, 'Trebuchet MS', sans-serif;
  width:auto;
  margin-top: 0px;
    margin-left: 20px;
    margin-bottom: 0px;  
    padding: 5px;
    
  }

  .contain-ind3 {
    width:auto;
  margin-top:5px;
  background-color: white;
  display: flex;
  flex-direction: column;
  padding: 3px 0px;

  }

      
      .contain-ind3 > div {
        background-color:white;
        font-size:18px;
      font-family: Calibri, 'Trebuchet MS', sans-serif;
      width:auto;
      padding: 10px 15px;
      margin:10px;
      }

      .contain-ind35 {
        width:auto;
      margin-top:5px;
      background-color: white;
      display: flex;
      flex-direction: column;
     
      padding: 3px 0px;
    
      }
    
      .contain-ind35 > div {
        background-color: white;
        font-size:18px;
      font-family: Calibri, 'Trebuchet MS', sans-serif;
      width:auto;
      padding: 10px 15px;
      margin:10px;
      }

      .contain-ind4 {
        width:auto;
      margin-top:5px;
      background-color: white;
      display: flex;
      flex-direction: column;
      padding: 3px 0px;
    
      }
    
      
      .contain-ind4 > div {
        background-color:white;
            font-size:18px;
          font-family: Calibri, 'Trebuchet MS', sans-serif;
          width:auto;
          padding: 3px 10px;
          margin:10px;
          }
  
  .contain-ind45 {
            width:auto;
          margin-top:5px;
          background-color: white;
          display: flex;
          flex-direction: row;
          padding: 3px 0px;
        
          }
        
          
    .contain-ind45 > div {
background-color:white;
    font-size:18px;
  font-family: Calibri, 'Trebuchet MS', sans-serif;
  width:auto;
  padding: 3px 10px;
  margin:10px;
              }
      
  .contain-ind5 {
    width:auto;
  margin-top:5px;
  background-color: white;
  display: none;
  flex-direction: row;
  padding: 3px 0px;

  }
  
  .contain-ind5 > div {
    background-color:white;
        font-size:18px;
      font-family: Calibri, 'Trebuchet MS', sans-serif;
      width:auto;
      padding: 10px 15px;
      margin:10px;
      }

  div#immagine {
    display: none; 
  padding: 0px 0px 0px 170px;
}

/*CORRETTORE IMMAGINE*/
div#corret1{
  background-color:white;
  width:150px;
  height:5px;
  position:absolute; left:43px; top:30px;
  
}

div#corret2{
background-color:white;
  width:150px;
  height:60px;
  position:absolute; left:43px; top:130px;
  }


div#tit-proble{
    color:rgb(31, 31, 31);
    font-weight: 18px;
    width: 250px;
    margin: 20px 0px 0px 10px;
    font-family: normal;
    height: 20px;
    padding: 1px 10px 12px;  
 box-shadow: 0px 1px 2px 1px rgb(33, 33, 33);
}
  
div#tit-alim{
  color:rgb(31, 31, 31);
  width: 250px;
   margin: 20px 0px 0px 10px;
   font-family: normal;
   height: 20px;
   padding: 1px 10px 12px;  
 box-shadow: 0px 1px 2px 1px rgb(33, 33, 33);
           }

div#orari-smart-sm{
  color: white;
  background-color:white;
  width: 45%;
margin: 10px 3px 0px;
  padding: 3px 10px 10px 7px;
  box-shadow: 0px 2px 5px 2px rgb(33, 33, 33);
  position:absolute;
  left:5px;
  top:0px;
  font-family: normal;
  display: initial;
}

                  
   div#img-header {
    width: 170px;
    margin-top: 20px;
    margin-left: 20px;   
    display: none;    
    
}

 /*
div#rettang{
  display:none;
  }
  *//*  PAGINA TESTO */

.container {
  width:auto;
  margin-top:5px;
  background-color: white;
  display: flex;
  flex-direction: row;
  padding: 3px 0px;
  
}

.container > div {
  /*background-color: #eee;*/
  font-size:18px;
  font-family: Calibri, 'Trebuchet MS', sans-serif;
  /*text-align:center;*/
  width:auto;
  padding: 10px 15px;
  margin:10px;
 
}

.bordo{
  box-shadow: 0px 5px 8px 3px rgb(33, 33, 33);
  padding: 2px 10px;
  background-color: #eee;
}

div#titolo{
  color: rgb(15, 4, 26);
background-color:white;
  width: auto;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size:22px;
  font-family: Calibri,'Trebuchet MS', sans-serif;
  position:fixed;
  top: 3px;
  left: 10px;
  align-content: up;
  box-shadow: 0px 2px 3px 1px rgb(33, 33, 33);
}

 /* ^^^^^ */


 @media screen and  
  (max-width: 620px) 
  {
    .contain-ind35 {
      display: none;
      }
    
      .contain-ind45 {
        display: none;
      }
  }

  .contain-ind7 {
    display: none;
    }

 @media screen and (min-width: 621px) 
and (max-width: 850px)
{
  
    .contain-ind2 {
      display: initial;
      }
    
  .contain-ind2 > div {          box-shadow:none;
  background-color: white;
            }
        
    .contain-ind1 {
      flex-direction: row;
             }

.contain-ind1 > div {          
width: 50%;
          }
              
        .contain-ind3 {
          display: none;
          }

        .contain-ind35 {
     flex-direction: row;
  }

  .contain-ind4 {
    display: none;
  }
       
  .contain-ind7 {
    display: none;
    }
}

@media screen and (min-width:851px )and (max-width:1180px )  {

  .contain-ind5 {
    display: flex;
    flex-direction: row;
    width: auto;
    margin-top: -15px;
    padding:0px;
  }

  .contain-ind5 > div {
    padding: 5px 0px;
  }

.contain-ind1 {
  display: initial;
  display: flex;
  flex-direction: row;
  }
  
  .contain-ind1 > div {          
    width: 50%;
              }
         

.contain-ind2 {
  display: none;
  }
  
  .contain-ind3 {
    display: none;
    }

  .contain-ind35 {
    display: none;}

.contain-ind4 {
display: none;
}


.contain-ind45 {
  display: none;
  }
 
  
.contain-ind6 {
  display: none;
  }

.contain-ind7 {
display: flex;
flex-direction: row;
background-color: white;
}

.contain-ind7 > div {
background-color:white;
}
 
}

@media screen and (min-width:1181px )and (max-width:1280px )  { 

  
  .contain-ind7 {
    display: none;
    flex-direction: row;
      }

   .contain-ind1 {
   flex-direction: row;
  display: none;
  
      }   
          
  
      .contain-ind2 {
        display: none;
        }
    
    .contain-ind3 {
     display: none;
                  }

  .contain-ind4 {
   display: none;             
               }

               
      .contain-ind35 {
        display: none;
                    }

  .contain-ind45 {
  display: none;             
}

.contain-ind6 {
  display: flex;
  flex-direction: row;
  margin-left:10px;
  }

      

}


@media screen and (min-width:1281px ) and (max-width:2000px )  { 

  div#immagine {
    display: initial;
  }

  .contain-ind7 {
    display: none;

      }

   .contain-ind1 {
   flex-direction: row;
  display: none;
      }   
          
  
      .contain-ind2 {
        display: none;
        }
    
    .contain-ind3 {
     display: none;
                  }

  .contain-ind4 {
   display: none;             
               }

               
      .contain-ind35 {
        display: none;
                    }

  .contain-ind45 {
  display: none;             
}

.contain-ind6 {
  display: flex;
  flex-direction:row;
  padding: 0px;
}
  
  .contain-ind6 > div{
    max-width:  500px;
    padding: 0px;   
  }


}
   /* ?????? */
/*
   @media screen and (min-width:1401px ) and (max-width:1800px )  { 

    div#immagine {
      display: initial;
    }
  
    .contain-ind7 {
      display: none;
  
        }
  
     .contain-ind1 {
    display: none;
        }   
            
    
        .contain-ind2 {
          display: none;
          }
      
      .contain-ind3 {
       display: none;
                    }
  
    .contain-ind4 {
     display: none;             
                 }
  
                 
        .contain-ind35 {
          display: none;
                      }
  
    .contain-ind45 {
    display: none;             
  }
  
  .contain-ind6 {
    display: none;
  }
  
    .contain-ind8 {
      display: flex;
      flex-direction: row;
      margin-left:10px;
      }
  
      .contain-ind9 {
        display: flex;
        flex-direction: row;
        margin-left:10px;
        }
  */
  
  }