/*------------------------------------------------------------------------------------------------------------------------Inizializzo la pagina-----------------------------------------------------------------*/
   /* 
      Codici dei Colori :
      Azzurro = #006FA6 / RGB 0, 111, 166
	 Azzurro Chiaro = #009DEB / RGB 0, 157, 235
      Arancio = #EF7F1B / RGB 239, 127, 27 
	 Arancio Chiaro = #FFC90E / RGB 225, 201, 14
      Codici Caratteri speciali:
	  triangolino punta bassa: ∇
   */
   *
   {
     box-sizing:border-box;
     box-sizing:content-box;
     margin:0px;
     padding:0px;	
   }
    
   /*Gestione Colore del Link*/
   a:link /*unvisited link*/
   {
	 color: none;
	 text-decoration: none;
   } 
   a:visited /* visited link */
   {
	 color: none;
	 text-decoration: none;
   }
   a:hover /* mouse over link */
   {
	 color: none;
	 text-decoration: none;
   }
   a:active /* selected link */
   {
	 color: none;
	 text-decoration: none;
   }
    
    body
   { 
     background-color:none;
	 overflow-x: hidden; /*Nascondo la barra di scorrimento in orizzontale*/
     display: grid; /*Imposto la pagina come una griglia*/
     grid-template-rows: [rigaintestazione] 200px [rigacentrale] 1fr [rigapiedipagina] 50px; /*Imposto le righe minmax(50px, auto)*/
	 grid-template-columns: [colonnaunica] 100%;
     /*grid-template-columns: [LineSx] min-content [LineCenter] 1fr [LineDx] min-content; Imposto le colonne*/
   } 
  
   /*Imposto la barra laterale di scorrimento*/
   
   /* Larghezza */
   ::-webkit-scrollbar
   {
     width: 5px;
   }

   /* binario di scorrimento */
   ::-webkit-scrollbar-track 
   {
	 background-color: #EF7F1B;
     box-shadow: inset 0 0 5px #EF7F1B; 
     border-radius: 10px;
   }
 
   /* Handle Barra Laterale Scorrevole*/
   ::-webkit-scrollbar-thumb 
   {
     background-color:  #006FA6; 
     border-radius: 10px;
   }

   /* Handle on hover */
   ::-webkit-scrollbar-thumb:hover
   {
     background-color:  #009DEB; 
   }  
   

   /*------------------------------------------------------------------------------------------------------------------------------Intestazione della pagina---------------------------------------------------------------------*/
   #Intestazione 
   { 
     z-index: 1;
     box-sizing:border-box;
	 position: absolute;
     grid-row: rigaintestazione; /*riga 1*/ 
	 grid-column: colonnaunica; /*Unica Colonna*/
     /*grid-column: LineSx / span LineDx; raggrupppo in un unica riga tutte le colonne*/
     background-color: none;
	 border: 2px solid none;
	 width : 100%;
	 height : 200px;
	 background-image : url(/imagesite/ImageIntestazione.png);
	 background-size : 100% 200px;
     /*Creo una Griglia Interna alla cella intestazione
     display:grid; 
     grid-template-rows: [sopracentr] 130px [sottocentr] 62px;
     grid-template-columns: [SX] 350px [DX] 1fr ;*/
   }
/*
   #ImgInt /*---Intestazione della pagina*
   { 
     z-index: 2;
     box-sizing:border-box;
	 position: absolute;
     /*---rgrid-row: rigaintestazione; iga 1*
     /*grid-column: LineSx / span LineDx; raggrupppo in un unica riga tutte le colonne---*
     background-color: orange;
	 border: 2px solid black;
	 width : 100%;
	 height : 200px;
     /*---Creo una Griglia Interna alla cella intestazione
     display:grid; 
     grid-template-rows: [sopracentr] 130px [sottocentr] 62px;
     grid-template-columns: [SX] 350px [DX] 1fr ;---*
   }
   
   #ImgInt img /*--Intestazione della pagina--*
   { 
     background-color: none;
	 border: 1px solid none;
	 width :auto;
	 height : 200px;
   }
*/   
   
   #scrittawww 
   {
	z-index : 2; 
    position : absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
    margin-left : 33px; /*125px  - 7.9%*/
	margin-top : 68px; /*135px - 8.6%*/
    background-color: none;
    color: none;
    padding : 5px;
    border : 1px solid none;
	width : 300;
	height : 40px;
   }

   #scrittawww font
   {   
     color : #FFFFFF;
	font-size : 10px;
   }

   #MenuButton 
   {
	z-index: 3; 
    position: absolute; /* Imposta la posizione fissa */
    margin-top : 25px; /*30px - 2%*/
    right : 10px; /*30px - 2%*/
    background-color : none;
    color : none;
    padding : 2px;
    border : 1px solid none;
   }
 
   #MenuButton  font
   {
    background-color : white;
    border : 2px solid #EF7F1B;
	font-family : arial;
	font-size : 25px;
	color : #006FA6;
   }
	
   #whatsapp-button 
   {
	z-index: 3; 
    position: absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
	/*height : 30px;*/
    bottom : 10px;
    margin-left : 10px;
    /*width: 5px;*/
    background-color : none;
    color : none;
    /*padding : 10px;*/
    border : 1px solid none;
   }  

   #whatsapp-button img
   {
	width : 30px;
	height : 30px;
   }
    
    #facebookButton 
   {
	z-index: 3; 
    position: absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
	/*height : 30px;*/
    bottom : 10px;
    margin-left : 48px;
    /*width: 5px;*/
    background-color : none;
    color : none;
    /*padding : 10px;*/
    border : 1px solid none;
   }
   
   #facebookButton img
   {
	width : 30px;
	height : 30px;
   }
      
    #instagramButton 
   {
	z-index: 3; 
    position: absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
	/*height : 30px;*/
    bottom : 10px;
    margin-left : 85px;
    /*width: 5px;*/
    background-color : none;
    color : none;
    /*padding : 10px;*/
    border : 1px solid none;
   }
   
   #instagramButton img
   {
	width : 30px;
	height : 30px;
   }	   

   #BtT
   {
	 z-index: 3;
   	 display : block;
	 position: absolute;
	 background-color : none;
	 right : 10px;
	 bottom : 10px;
	 border : 1px solid none;
	 /*width : 30px;
	 height : 30px;*/
   }

   #BtT img
   {
	 width : 30px;
	 height : 30px;
	 border : 1px solid none;
	 border-radius : 50%;
   }

   #imgtelefono 
   {
	z-index: 2; 
    position: absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
	/*width : 80px;
	height : 80px;*/
   /*margin-left : 684px;*/
    right : 10px;
	bottom : 10px;
    background-color: none;
    color : none;
    /*padding: 3px;*/
    border : 1px solid none;
   }
 
   #imgtelefono img
   {
   	 width : 30px;
	 height : 30px;
   }
 
   #telefono 
   {
	display : none;
	z-index : 2; 
    position : absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
    /*margin-left : 731px;*/
	right : 10px;
	bottom : 72px;
    background-color: #006FA6;
    color: none;
    padding : 5px;
    border : 2px solid #EF7F1B;
	width : 160px;
	height : 35px;
   }

   #telefono font
   {
   	 font-size : 14px;
   }
 
   #BtI
   {
	 z-index: 3;
   	 display : block;
	 position: absolute;
	 background-color : none;
	 right : 52px;
	 bottom : 10px;
	 border : 1px solid none;
	 /*width : 30px;
	 height : 30px;*/
   }

   #BtI img
   {
	 width : 30px;
	 height : 30px;
	 border : 1px solid none;
   }
 
   #imgmail 
   {
	z-index: 2; 
    position: absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
	/*width : 80px;
	height : 80px;*/
    /*margin-left : 685px;*/
	right : 52px;
	bottom : 10px;
    background-color: none;
    color: none;
    /*padding: 3px;*/
    border: 1px solid none;
   }

   #imgmail img
   {
   	 width : 30px;
	 height : 30px;
   }

   #mail 
   {
    display : none;
	z-index : 2; 
    position : absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
    /*margin-left : 731px;*/
	right : 10px;
	bottom : 72px;
    background-color: #006FA6;
    color: none;
    padding : 5px;
    border : 2px solid #EF7F1B;
	width : 160px;
	height : 35px;
   }   

   #mail font
   {
   	 font-size : 14px;
   }

   /*--------------------------------------------------------------------------------------------------------------------------------Parte Centrale---------------------------------------------------------------------------------------------*/
   #Centrale 
   { 
     display : grid;
     z-index : 1;
     box-sizing : border-box;
     grid-row : rigacentrale; /*riga 2*/ 
	 grid-column: colonnaunica; /*Unica Colonna*/
     /*grid-column: LineSx; colonna 1*/
	 padding : 10px;
     background-color : white; 
	 border : 1px solid none;
	 width : auto;
     /*Imposto la griglia della parte centrale*/
	 grid-template-rows : [riga1] 150px [riga2] 1fr [riga3] 370px [riga4] 370px [riga5] 370px [riga6] 370px; /*Imposto le righe*/
	 grid-template-columns : [colonna1] 100%; /*Imposto le colonne*/
   }
 
   #Latodestroriga1
   {
     z-index : 2;
     box-sizing : border-box;
     grid-row : riga1;
	 grid-column: colonna1;
    border : solid 2px none;
	background-color : none; 
   }
 
   #Noleggio
   {
	 z-index : 2;
     box-sizing : border-box;
     /*grid-row : riga1 ; 
	 grid-column: colonna1;*/
	width : auto;
	height : auto;
    margin-top: 5px;
    margin-left : 5px;
	/*padding : 10px;*/
	border : solid 2px none;
   }
 
   #Latosinistro
   {
     z-index : 2;
     box-sizing : border-box;
     grid-row : riga2;
	 grid-column: colonna1; /*Unica Colonna*/
    border : solid 2px none;
	background-color : none; 
   }
 
   #Descrizione1
   {
    display : block;
	position : relative;
	margin-top : 5px;
    margin-left : 10px;
	border : solid 4px #EF7F1B;	
	width : 360px;
	height : auto;
	padding : 10px;
   }

   #Descrizione1 p
   {
	 font-family : arial;
	 font-size : 20px;
   }

   #Descrizione2
   {
    display : block;
    position : relative;
    margin-top: 30px;
    margin-left : 5px;
	border : solid 4px none;	/*#006FA6*/
	width : 360px;
	height : auto;
	padding : 10px;
   }

   #Descrizione2 p
   {
	 font-family : arial;
	 font-size : 20px;
	 font-weight : bold;
   }

   #Descrizione2 img
   {
	 width : 360px;
	 height : auto;
   }
 
  #Latodestroriga2colonna2
  {
     z-index : 2;
     box-sizing : border-box;
     grid-row : riga3; 
	 grid-column: colonna1;
    border : solid 2px none;
	background-color : none; 
  }

  #Polaroid1
  { 
    /*display :inline-block;
   position : relative;*/
    z-index : 2;
    margin-top: 10px;
    margin-left : 20px;
    width : 351px;
	height : 330px;
    padding:4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #FFFFFF;
    transform: skewY(0deg);
	border : 2px solid #006FA6;
    border-radius: 5%;
	color: #FFFFFF;
	/*animation: fadepolaroid 15s infinite running;*/
  }
  
  #Polaroid1 img
  {
    border-radius : 5%;
	width : 350px;
	height : 300px;
  }
    
  #Polaroid1 p
  {
	margin-left : 10px;
	margin-top : 5px;
    color : #000000;
	font-family : arial;
	font-size : 20px;
	font-weight : bold;	
  }

  #Latodestroriga2colonna3
  {
     z-index : 2;
     box-sizing : border-box;
     grid-row : riga4; 
	 grid-column: colonna1; 
    border : solid 2px none;
	background-color : none; 
  }

  #Polaroid2
  { 
    /*display :inline-block;
    position : relative;*/
    z-index : 2;
    margin-top: 10px;
    margin-left : 20px;
    width : 351px;
	height : 330px;
    padding:4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #FFFFFF;
    transform: skewY(0deg);
	border : 2px solid #EF7F1B;
    border-radius: 5%;
	color: #FFFFFF;
	/* animation: fadepolaroid 15s infinite running;*/
  }
  
  #Polaroid2 img
  {
    border-radius : 5%;
	width : 350px;
	height : 300px;
  }

  #Polaroid2 p
  {
	margin-left : 10px;
	margin-top : 5px;
    color : #000000;
	font-family : arial;
	font-size : 20px;
	font-weight : bold;	
  }

  #Latodestroriga3colonna2
  {
     z-index : 2;
     box-sizing : border-box;
     grid-row : riga5;  
	 grid-column: colonna1; 
    border : solid 2px none;
	background-color : none; 
  }

  #Polaroid3
  { 
    /*display : inline-block;
    position : relative;*/
    z-index : 2;
    margin-top: 20px;
    margin-left : 20px;
    width : 351px;
	height : 330px;
    padding:4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #FFFFFF;
    transform: skewY(0deg);
	border : 2px solid #EF7F1B;
    border-radius: 5%;
	color: #FFFFFF;
	/*animation: fadepolaroid 15s infinite running;*/
  }
  
  #Polaroid3 img
  {
    border-radius : 5%;
	width : 350px;
	height : 300px;
  }
 
   #Polaroid3 p
  {
	margin-left : 10px;
	margin-top : 5px;
    color : #000000;
	font-family : arial;
	font-size : 20px;
	font-weight : bold;	
  }

  #Latodestroriga3colonna3
  {
     z-index : 2;
     box-sizing : border-box;
     grid-row : riga6; 
	 grid-column: colonna1; 
    border : solid 2px none;
	background-color : none; 
  }
  
  #Polaroid4
  { 
    /*display : inline-block;
    position : relative;*/
    z-index : 2;
    margin-top: 20px;
    margin-left : 20px;
    width : 351px;
	height : 330px;
    padding:4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #FFFFFF;
    transform: skewY(0deg);
	border : 2px solid #006FA6;
    border-radius: 5%;
	color: #FFFFFF;
	/* animation: fadepolaroid 15s infinite running;*/
  }
  
  #Polaroid4 img
  {
    border-radius : 5%;
	width : 350px;
	height : 300px;
  }
  
   #Polaroid4 p
  {
	margin-left : 10px;
	margin-top : 5px;
    color : #000000;
	font-family : arial;
	font-size : 20px;
	font-weight : bold;	
  }
   /*--------------------------------------------------------------------------------------------------------------------------Parte Inferiore fondo pagina------------------------------------------------------------------------------------*/
   #PieDiPagina 
   {
	 bottom: 0px;
	 z-index: 1;
     box-sizing:border-box;
     grid-row: rigapiedipagina; /*riga 2*/
	 grid-column: colonnaunica; /*Unica Colonna*/
     /*grid-column: LineCenter; colonna 2*/
     background-color : #006FA6;  
     padding: 10px;	 
	 border: 1px solid none;
	 width : auto;
	 height : 100px;
   }
       
   #imgmap 
   {
	z-index: 2; 
    position: absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
	/*width : 80px;
	height : 80px;*/
    margin-left: 20px;
    background-color: none;
    color: none;
    /*padding: 3px;*/
    border: 1px solid none;
   }
   
   #indirizzo 
   {
	z-index : 2; 
    position : absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
	margin-top : 10px;
    margin-left : 102px;
    background-color: none;
    color: none;
    padding : 5px;
    border : 1px solid none;
	width : 225px;
	height : 60px;
   }
   
   #indirizzo font
   {
   	 font-size : 25px;
   }
   
   #imgcopyright 
   {
	z-index: 2; 
    position: absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
	/*width : 80px;
	height : 80px;*/
	margin-top : 5px;
    right : 10px;
    background-color: none;
    color: none;
    /*padding: 3px;*/
    border: 1px solid none;
   }