@charset "utf-8";  
/* CSS Document creato da  Sub CreaNewStyleCss(ByVal mPercorso As String)  */  
/*            f:\foto\2025\StyleNew.css                      */
   body {  
      margin: 0;  
      padding: 0;  
	   background: rgba(255, 255, 255, 0.7); 
	   background-color:#000;  
     /*   background-image: url("../IMG_Index/greybkg.jpg"); */  
      background-size: cover;  
      background-attachment: fixed;  
      font-family: Arial, sans-serif;  
      overflow-y: scroll;  
      zoom:80%;     /* CSS Zoom dell'80%   */ 
    }  
    /* Banner con logo */  
    .banner {  
      position: fixed;  
      top: 0;  
      left: 0;  
      width: 100%;  
      height: 50px;  
      background: rgba(255, 255, 255, 0.7);  
	  background-image: url("../IMG_Index/greybkg.jpg");  
      z-index: 1000;  
    }  
    .banner img {  
      position: fixed;  
      top: 9px;  
      left: 25vw;  
    }  
   /* Layout a 3 colonne */  
    .container {  
      display: flex;  
      margin-top: 60px; /* spazio sotto il banner */  
	   background-image: url("../IMG_Index/greybkg.jpg"); 
    }  
/*.Mycol {  
  background-color:#666;  
  color: #FFF;   
  font-size: 18px;  
  font-weight: bold;  
  text-decoration: none;  
   margin: 0;  
  padding: 0;  
} */ 
	h2  {  
		background-color:#F90;  
		color:white;   
		margin-bottom:9px;
		margin-top:9px;  
		text-align:center; 
	}  
    .colonna {  
      padding: 10px;  
      box-sizing: border-box;  
    }  
    /* Colonna sinistra */  
    .sinistra {  
      flex: 1;  
      max-width: 250px;  
      overflow: hidden;  
    }  
    .sinistra img {  
      display: block;  
      width: 200px;  
      height: 160px;  
      margin-bottom: 10px;  
    }  
    /* Colonna centrale */  
    .centro {  
      flex: 2;  
      min-width: 250px;  
      padding: 0 0px ;  
  display: flex;  
  flex-direction: column;  
  gap: 0;  
}  
    .centro h3 {  
      background-color:black;  
      color: #FFF;  
      padding: 5px;  
      margin: 15px 0 10px;  
    }  
    .centro a {  
      display: block;  
      text-decoration: none;  
      color: #000;  
      margin: 2px 0 2px;  
    }  
    .centro a:hover {  
      text-decoration: underline;  
    }  
    /* Colonna destra */  
    .destra {  
      flex: 1;  
      max-width: 250px;  
      overflow: hidden;  
    }  
    .destra img {  
      display: block;  
      width: 200px;  
      height: 160px;  
      margin-bottom: 10px;  
    }  
    /* Footer con bottoni */  
 /* Footer con bottoni */   
    .footer {   
      text-align: center;   
      margin: 30px 0 10px;   
    }   
    .footer button {   
      margin: 5px;   
      padding: 10px 10px;   
      font-size: 13px;   
      border: none;   
      border-radius: 8px;   
      cursor: pointer;   
      background-color: #F90;   
      color: white;   
      transition: background-color 0.3s;   
    }   
    .footer button:hover {  
      background-color: #cc7700;  
    }  
    /* Responsivit? */  
    @media (max-width: 1000px) {  
      .container {  
        flex-direction: column;  
        align-items: center;  
      }  
      .sinistra, .destra {  
        max-width: 250%;  
        display: flex;  
        flex-wrap: wrap;  
        justify-content: center;  
      }  
      .sinistra img, .destra img {  
        margin: 15px;  
      }  
    }  
.link { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
   /* width: 250px;*/ 
     text-indent:  3ch;   /* in tutte le <a href> spazia di 3 caratteri   */
    padding: 0 5px; 
   /*  background-color: #333;   Grigio di sfondo */ 
    background-color: #080808; /* Grigio di sfondo */ 
    color: white; 
    text-decoration: none; 
    border-left: 8px solid orange;     /* spazio arancione left */ 
    border-right: 4px solid orange;      /* spazio arancione right */ 
    font-size: 18px; 
	  color: #FFF;   
  font-weight: bold;  
  text-decoration: none;  
   margin: 0;  
  padding: 0; 
} 
.link::before, 
.link::after { 
    content: ""; 
    display: inline-block; 
   /* width: 5px;*/ 
    height: 100%; 
    background-color: orange; 
	 background-color:#666;  
} 
.cc{           /* jpg su riga link */ 
	height:10px; 
	width: 12px 
	}