﻿body {
	margin: 0px;
	padding: 0px;
	border: 0px;
    background-color: rgba(234, 233, 202,0.6);

 }
  
/*Menù a scomparsa laterale*/

.navbar{            /*Stile del box contenente il Toast menu*/
 width:15%; 
 text-align:right; 
 padding-right:10px;
 cursor:pointer; /* Tipo di visualizzazione del cursore al passaggio sull'elemento*/
}



.icon-bar {           /* Stile del Toast menu*/
            
  display:block;
  width: 20px;
  height: 3px;
  background-color: black;
  margin-bottom: 2px;
}

.nav{                   /* Stile del Toast Menu di navigazione a scomparsa*/
 width:95%; /* Dimensione del Toast menu di navigazione*/
 height:80%;
 position: fixed;  /*Posizione fissa del Toast menu di navigazione*/
 top:0;
 left:0;
 background-color: rgba(234, 233, 202); /*Colore di sfondo Toast menu di navigazione*/
 z-index:69; /*Posizione al di sopra di tutti gli elementi del body ad esclusione del Toast menu*/
 transition:.3s; /*Transizione di 3 secondi nell'apertura del Toast menu di navigazione*/
 transform:translateX(-110%); /* Di default il Toast Menu bar non è visibile perchè al di fuori del Body (-100%)*/
 box-shadow:  5px 5px 10px 10px #AFAFAF;
 border-radius:0px 0px 50px 50px;	
}

.wide{
	transform:translateX(0);  /*Al verificarsi dell'evento click si verifica la classe wide di comparsa nel body (0)del Toast menu di navigazione*/

}

nav ul{    /* Stile della lista ul del Toast menu di navigazione*/
  list-style:none;
  padding:60px;	
}

nav li{    /* Stile delle singole voci li della lista del Toast menu di navigazione*/
 font-family:Arial, Helvetica, sans-serif; /*Carattristiche font testo della lista del Toast menu di navigazione*/
 font-weight: bold;
 font-size:80px;
 color:#5EF046;
 padding-bottom:40px;
}

nav li a{    /* Stile dei Link delle singole voci li della lista del Toast menu di navigazione*/
 text-decoration:none;
 color:#5EF046;

}

nav li a:hover{    /* Stile dei Link delle singole voci li della lista del Toast menu di navigazione*/
 text-decoration:none;
 color:#5EF046;

}
  


.textformat {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:28px;
text-align:justify;
}

.fontbold{
font-weight:bold;

  }



/*Contattaci*/
.Contattaci{
    background-color:#ece5cb; 
    border-radius:5px; 
    border-color:#ece5cb;
	font-family:Arial, Helvetica, sans-serif;
    font-weight:  normal;
    font-size: 60px;
    margin-bottom:30px;
    width:50%;
    border-radius:20px;

    
    

	}

/*Galleria*/
.Galleria{
    background-color:#ece5cb; 
    border-radius:5px; 
    border-color:#ece5cb;
	font-family:Arial, Helvetica, sans-serif;
    font-weight:  normal;
    font-size: 40px;
    margin-bottom:30px;
    width:30%;
    border-radius:20px;


    
    

	}




/*BOX*/

#divIntestazione{
display: block;
float:left;
position:fixed;
top:0;
left:0;
width: 100%;
height:8%;
z-index:10;
background-color: rgba(234, 233, 202);
}

#divGenerale {
	display: block;
	float: left;
	width: 100%;
}

/*WhatsApp*/
.whatsapp{
display: block;
position:fixed;
right:30px;
bottom:30px;
z-index:10;

}

/*Galleria*/
div.img-vert img{
 width:95%;
 padding-bottom:30px;
}
