body {

  background-color: whitesmoke;

  margin: 0;

  padding: 0;

  font-family: 'Arial', sans-serif;

}

/* INIZIO BLOCCO DEL MENU */

.menu {

  background-color:	#D2D2D2;

  background-size: cover;

  background-blend-mode: multiply;

  background-repeat: no-repeat;

  height: 100px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-decoration: none;

  font-size: 19px;

  color: white;

  position: sticky;

  z-index: 2;

}



#logo_azienda {

    position: absolute; 

    left:8px;

}

#home,

#chi_siamo,

#dove_siamo {

  position: relative;

  top: -5px;

  height: 50%;

  padding: 8px;

  text-align: center;

  background: none;

  color:black;

}



/* BLOCCO DI ISTRUZIONI DEDICATO ALL'ANIMAZIONE DEI PULSANTI DEL MENU INSERENDO UNA LINEA SOTTO CIASCUN PULSANTE */

#home:hover,

#chi_siamo:hover,

#dove_siamo:hover{

  border-bottom: 3px solid blue;

  padding-bottom: 5px;

}

/* FINE BLOCCO DI ISTRUZIONI DEDICATO ALL'ANIMAZIONE DEI PULSANTI DEL MENU INSERENDO UNA LINEA SOTTO CIASCUN PULSANTE */



/* FINE BLOCCO MENU */



/* INIZIO 2 BLOCCO MENU */

.menu2-container {

position: sticky;

top: 0;

z-index: 1; /* Imposta un valore maggiore rispetto al primo menu */

background-color: #D2D2D2;

}



.menu2 {

background-size: cover;

background-blend-mode: multiply;

background-repeat: no-repeat;

height: 100px;

display: flex;

justify-content: center;

align-items: center;

text-decoration: none;

font-size: 19px;

color: white;

overflow:hidden;

}



#informatica, #sicurezza, #antennistica, #climatizzatori, #fotovoltaici, #domotica, #caldaie {

position: relative;

color: blue;

top: -5px;

height: 50%;

padding: 8px;

text-align: center;

background: none;

}



#informatica:hover, #sicurezza:hover, #antennistica:hover, #climatizzatori:hover, #fotovoltaici:hover, #domotica:hover, #caldaie:hover {

border-bottom: 3px solid rgb(10, 6, 244);

padding-bottom: 5px;

}

/* FINE 2 BLOCCO MENU */

#barra{

  position: sticky;

  height:10px;

  width: 100%;

  background-color:blue;

}

#barra-container {

  position: sticky;

  top: 0;

  z-index: 1; /* Imposta un valore inferiore rispetto al menu2-container */

  background-color: blue;

}

a{

  color:black;

  text-decoration: none;

}

#back {

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

	height: 2900px;

}

#space {

	height: 50px;

}

h1 {

	color: #dc143c;

	font-size: 30px;

	text-align: center;

}



hr {

	width: 10%;

	border-bottom: 5px solid red;

}



#t1 {

	position: absolute;

	top: 70px;

	font-size: 28px;

	text-align: center;

	font-family: 'Arial', century-gothic;

}



#t1-0{

	position: absolute;

	top: 170px;

	transition: all 0.5s cubic-bezier(1, -0.99, 0.14, 1.8);

	outline: solid 0px white;

    overflow: hidden;

}

#t1-1 {

	position: absolute;

	top: 640px;

  width: 80%;

	font-size: 27px;

	text-align: center;

	font-family: 'Arial', century-gothic;

    overflow: hidden;

}

#t2 {

	position: absolute;

	top:1000px;

	font-size: 28px;

	text-align: center;

}

#t2-0 {

	position: absolute;

top:1100px;

	transition: all 1s ease;

	height: 400px;

}

#t2-1 {

	position: absolute;

	top: 1550px;

  width: 90%;

	font-size: 28px;

	text-align: center;

}

#t3 {

	position: absolute;

	top: 1800px;

	font-size: 28px;

	text-align: center;

}

#t3-0{

	position: absolute;

	top: 1900px;

}

#t3-1{

	position: absolute;

	top: 2400px;

  width: 90%;

	font-size: 28px;

	text-align: center;

}

#t4{

  position: absolute;

	top: 2700px;

  width: 90%;

	font-size: 28px;

	text-align: center;

}

#t4-0{

  position: absolute;

	top: 2850px;

    width: 90%;

	font-size: 28px;

	text-align: center;

}

#t4-1{

  position: absolute;

	top: 3350px;

    width: 90%;

	font-size: 28px;

	text-align: center;

}

#t5{

    position: absolute;

      top: 3650px;

      width: 90%;

      font-size: 28px;

      text-align: center;

  }

  #t5-0{

    position: absolute;

      top: 3800px;

      width: 90%;

      font-size: 28px;

      text-align: center;

  }

  #t5-1{

    position: absolute;

      top: 4300px;

      width: 90%;

      font-size: 28px;

      text-align: center;

  }

  #t6{

    position: absolute;

      top: 4550px;

      width: 90%;

      font-size: 28px;

      text-align: center;

  }

  #t6-0{

    position: absolute;

      top: 4650px;

      width: 90%;

      font-size: 28px;

      text-align: center;

  }

  #t6-1{

    position: absolute;

      top: 5150px;

      width: 90%;

      font-size: 28px;

      text-align: center;

  }

  #t7{

    position: absolute;

      top: 5350px;

      width: 90%;

      font-size: 28px;

      text-align: center;

  }

  #t7-0{

    position: absolute;

      top: 5450px;

      width: 90%;

      font-size: 28px;

      text-align: center;

  }

  #t7-1{

    position: absolute;

      top: 5950px;

      width: 90%;

      font-size: 28px;

      text-align: center;

  }

/* INIZIO MENU FOOTER IN BASSO */

footer {

  position: relative;

 margin-top: 3400px;

  color: #d09156;

  width: 100%;

  height: 300px;

  background-color:	#D2D2D2;

  font-family: 'Arial', sans-serif;

  text-align: center;

  padding: 20px 0;

}

#striscia{

  position: relative;

  background-color: blue;

  height: 10px;

  width: 100%;

  top:-30px;

}

#struttura{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-around;

  width: 100%;

  height: 300px;

}

#q1,#q2,#q3{

  position: relative;

  width: 300px;

  height: 280px;

  box-shadow: rgb(8, 12, 218) 0px 7px 29px 0px;

  background-color:#EFEFEF;

}

#telefono , #telefono1{

  position: relative;

  top:-15px;

}

#instagram,#facebook {

width: 80px;

position: relative;

top:15px;

}

/* FINE MENU FOOTER IN BASSO */