/*------------------------------------------------------------------------------------------------------------------------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;
   }
   
   /*Gestione della decorazione del link o meglio la linea di sottolineatura link*/
   
   
   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] 400px [rigacentrale] 1fr [rigapiedipagina] minmax(100px, auto); /*Imposto le righe*/
	 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: 1px solid none;
	 width : 100%;
	 height : 400px;
	 background-image : url(/imagesite/ImageIntestazione.png);
	 background-size : 100% 400px;
     /*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;
     /*grid-row: rigaintestazione; riga 1*/ 
     /*grid-column: LineSx / span LineDx; raggrupppo in un unica riga tutte le colonne*/
     background-color: none;
	 border: 1px solid none;
	 width : 100%;
	 height : 400px;
     /*Creo una Griglia Interna alla cella intestazione
     display:grid; 
     grid-template-rows: [sopracentr] 130px [sottocentr] 62px;
     grid-template-columns: [SX] 350px [DX] 1fr ;*/
   }
   
   #scrittawww 
   {
	z-index : 2; 
    position : absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
    margin-left : 125px; /*7.9%*/
	margin-top : 135px; /*8.6%*/
    background-color: none;
    color: none;
    padding : 8px;
    border : 1px solid none;
	width : 300px;
	height : 40px;
   }
   
   #scrittawww font
   {   
     color : #FFFFFF;
	font-size : 32px;
   }   
   
   #MenuButton 
   {
	z-index: 3; 
    position: absolute; /* Imposta la posizione fissa */
    margin-top : 30px;
    right : 30px;
    background-color : none;
    color : none;
    padding : 2px;
    border : 2px solid none;
   }
   
   #MenuButton  font
   {
    background-color : white;
    border : 2px solid #EF7F1B;
	font-family : arial;
	font-size : 50px;
	color : #006FA6;
   }
   
   #whatsapp-button 
   {
	z-index: 3; 
    position: absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
	/*height : 30px;*/
    bottom : 124px;
    margin-left : 20px;
    /*width: 5px;*/
    background-color : none;
    color : none;
    /*padding : 10px;*/
    border : 1px solid none;
   }  

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

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

   #BtT img
   {
	 width : 40px;
	 height : 40px;
	 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 : 265px;
	bottom : 72px;
    background-color: none;
    color : none;
    /*padding: 3px;*/
    border : 1px solid none;
   }
 
   #imgtelefono img
   {
   	 width : 40px;
	 height : 40px;
   }
 
   #telefono 
   {
	z-index : 2; 
    position : absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
    /*margin-left : 731px;*/
	right : 30px;
	bottom : 72px;
    background-color: none;
    color: none;
    /*padding : 5px;*/
    border : 1px solid none;
	width : 230px;
	height : 40px;
   }

   #telefono font
   {
   	 font-size : 18px;
   }
 
    #BtI
   {
	 z-index: 3;
   	 display : none;
	 position: absolute;
	 background-color : none;
	 right : 265px;
	 bottom : 20px;
	 border : 1px solid none;
	 /*width : 40px;
	 height : 40px;*/
   }

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

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

   #mail 
   {
	z-index : 2; 
    position : absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
    /*margin-left : 731px;*/
	right : 30px;
	bottom : 20px;
    background-color: none;
    color: none;
    /*padding : 5px;*/
    border : 1px solid none;
	width : 230px;
	height : 40px;
   }   

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

   /*--------------------------------------------------------------------------------------------------------------------------------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 : 2px solid none;
	 width : auto;
	 /*Imposto la griglia della parte centrale*/
	 grid-template-rows : [riga1] 50px [riga2] 1fr [riga3] 1fr; /*Imposto le righe*/
	 grid-template-columns : [colonna1] 600px [colonna2] 1fr [colonna3] 1fr; /*Imposto le colonne*/

   }
 
  #Latosinistro
  {
     z-index : 2;
     box-sizing : border-box;
     grid-row : riga1 / span 3; /*riga 2*/ 
	 grid-column: colonna1; /*Unica Colonna*/
     /*grid-template-columns: [LineSx] min-content [LineCenter] 1fr [LineDx] min-content; Imposto le colonne*/
    border : solid 2px none;
	background-color : none; 
  }
 
  #Latodestroriga1
  {
     z-index : 2;
     box-sizing : border-box;
     grid-row : riga1; /*riga 2*/ 
	 grid-column: colonna2 / span 2; /*Unica Colonna*/
     /*grid-template-columns: [LineSx] min-content [LineCenter] 1fr [LineDx] min-content; Imposto le colonne*/
    border : solid 2px none;
	background-color : none; 
  }

  #Latodestroriga2colonna2
  {
     z-index : 2;
     box-sizing : border-box;
     grid-row : riga2; /*riga 2*/ 
	 grid-column: colonna2; /*Unica Colonna*/
     /*grid-template-columns: [LineSx] min-content [LineCenter] 1fr [LineDx] min-content; Imposto le colonne*/
    border : solid 2px none;
	background-color : none; 
  }

  #Latodestroriga2colonna3
  {
     z-index : 2;
     box-sizing : border-box;
     grid-row : riga2; /*riga 2*/ 
	 grid-column: colonna3; /*Unica Colonna*/
     /*grid-template-columns: [LineSx] min-content [LineCenter] 1fr [LineDx] min-content; Imposto le colonne*/
    border : solid 2px none;
	background-color : none; 
  }

  #Latodestroriga3colonna2
  {
     z-index : 2;
     box-sizing : border-box;
     grid-row : riga3; /*riga 2*/ 
	 grid-column: colonna2; /*Unica Colonna*/
     /*grid-template-columns: [LineSx] min-content [LineCenter] 1fr [LineDx] min-content; Imposto le colonne*/
    border : solid 2px none;
	background-color : none; 
  }

  #Latodestroriga3colonna3
  {
     z-index : 2;
     box-sizing : border-box;
     grid-row : riga3; /*riga 2*/ 
	 grid-column: colonna3; /*Unica Colonna*/
     /*grid-template-columns: [LineSx] min-content [LineCenter] 1fr [LineDx] min-content; Imposto le colonne*/
    border : solid 2px none;
	background-color : none; 
  }

  #Descrizione1
  {
    display : block;
    position : relative;
	margin-top : 20px;
    margin-left : 30px;
	border : solid 4px #EF7F1B;	
	width : 450px;
	height : 330px;
	padding : 10px;
  }

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

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

   #Descrizione2 img
   {
	 width : 450px;
	 height : auto;
   }

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

  #Noleggio
  {
	/*display : inline-block;
	position : relative;*/
	width : 850px;
	height : auto;
    margin-top: 10px;
    margin-left : 20px;
	/*padding : 10px;*/
	border : solid 2px none;
  }
 
  #Noleggio br
  {
	display : 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;	
  }
  
  #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;	
  }

  #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;	
  }
 
  #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 3*/
	 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: 40px;
    background-color: none;
    color: none;
    /*padding: 3px;*/
    border: 1px solid none;
   }
   
   #indirizzo 
   {
	z-index : 2; 
    position : absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
    margin-left : 122px;
    background-color: none;
    color: none;
    padding : 5px;
    border : 1px solid none;
	width : 300px;
	height : 75px;
   }
   
   #indirizzo font
   {
   	 font-size : 30px;
   }
   
   #imgcopyright 
   {
	z-index: 2; 
    position: absolute; /* Imposta la posizione fissa */
    /*bottom: 0px;*/
	/*width : 80px;
	height : 80px;*/
	margin-top : 60px;
    right : 50px;
    background-color: none;
    color: none;
    /*padding: 3px;*/
    border: 1px solid none;
   }