body {
	background-color: #eee;
}

/* -- breakpoint: schermi piccoli, larghezza massima 500 pixel -- */

@media only screen and (max-width: 600px) {
		}

		/* BARRA DI NAVIGAZIONE */

.menu {
	width: 100%;
	height: 50px;
	background-color: #eee;
	text-align: left;
	display: grid;
	grid-template-columns: 150px 150px 1050px auto;
	padding-bottom: 20px;
	padding-left: 20px;	

}

.menu2 {
	width: 100px;
	padding-left: 500px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	color: rgb(65, 65, 65);
	margin-left: 25px;
	text-decoration: none;
	font-weight: 400;
	padding-bottom: 20px;
	padding-top: 5px;
}

.menu2:hover {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 23px;
	color: rgb(150, 148, 135);
	transition: all 1000ms;
}

.menu1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	color: rgb(65, 65, 65);
	margin-left: 25px;
	text-decoration: none;
	font-weight: 400;
	
}

.menu1:hover {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 23px;
	color: rgb(150, 148, 135);
	transition: all 1000ms;
}


.banner {
	padding-top: 25px;
	display: block;
}


		/* TITOLO PRINCIPALE */


.titolo-principale {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 60px;
	color: rgb(65, 65, 65);
	text-align: left;
	font-weight: 700;
	padding-left: 40px;
	padding-top: 30px;
	padding-bottom: 25px;
	line-height: 50px;
	
}

/* GRIGLIA CONTENUTI TESTO */

.grid{
	display: grid;
	grid-template-columns: 10% 15% 15% 10% 25% 8%;
	grid-template-rows: 30px auto auto 90px;
}

.titolo-capitolo {
	grid-column: 2/2;
	grid-row: 2;
	
}


.paragrafo {

	grid-column: 4/6;
	grid-row: 2;

}

.grid h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	color: rgb(65, 65, 65);
	line-height: 45px;
	margin-top: 10px;
	text-align: right;
	margin-right: 50px;

}

.grid p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	color: rgb(65, 65, 65);
	margin-top: 20px;
	line-height: 27px;
	font-weight: 300;
	
}


/* .grid p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	color: rgb(65, 65, 65);
	margin-top: 20px;
	line-height: 27px;
	font-weight: 300;	

} */


/* .grandezza-testo{
	
	

} */


.colorefiletto{
	color: #9a9a9a;
	border: solid 0.5px;

}


.titolo-capitolo {
	grid-column: 2/4;
	grid-row: 2;
}

.sottotitolo {

	grid-column: 2/4;
	grid-row: 3;

}


/* GRIGLIA IMMAGINI GUANTI */


.contenitore img {
	width: 1400px;
	height: auto;
	padding-left: 50px;
	margin: 0 auto;
	z-index: 9;
	margin-top: 0;

}

.box {
	  width: 350px;
	  height: auto;
	  position: relative;
	  float: left;
	  padding-left: 10%;
	  
}

.box img {
	background-color: #eee;
	width: 350px;
	border: solid 0.5px;
	padding: 0px;
	
}


.box h2 {
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	color:rgb(65, 65, 65);
}


.box p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 27px;
	color:rgb(65, 65, 65);
	
}


.box a {
	    width: 200px;
		height: 50px;
		color:rgb(5, 5, 5);
		font-family: 'Roboto Condensed', sans-serif;
		text-decoration: none;
		font-size: 16px;
		display: block;
		padding-bottom: 20px;
		font-weight: 300;
		
		
}

.box1 {
	width: 350px;
	height: auto;
	position: relative;
	float: left;
	padding-left: 5%;
	
}

.box1 img {
  background-color: #eee;
  width: 350px;
  border: solid 0.5px;
  margin: 0px;
  padding: 0px;
  
}


.box1 h2 {
  font-size: 20px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  color:rgb(65, 65, 65);

}


.box1 p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 27px;
	color:rgb(65, 65, 65);
	
}


.box1 a {
	width: 200px;
	height: 50px;
	color:rgb(65, 65, 65);
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
	font-size: 16px;
	display: block;
	padding-bottom: 20px;
	font-weight: 300;
		
		
}

.box3 {
	width: 250px;
	padding-left: 40px;
	padding-top: 50px;
	
}



.footer {
	
	padding-left: 10%;
	background-color:#ddd;
	display: grid;
	grid-template-columns: 40%;
	padding-top: 50px;
	

}

.footer h3 {
	grid-column: 1;
	grid-row: 1;
	font-size: 25px;
    font-family: 'Roboto Condensed', sans-serif;
  	color:rgb(65, 65, 65);

  

}

.footer p {
	grid-column: 1;
	grid-row: 2;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
	color:rgb(65, 65, 65);

} 




.footer1 {
	
	padding-left: 10%;
	background-color:#ddd;
	display: grid;
	grid-template-columns: 40%;
	margin-top: 0px;
	margin-bottom: 20px;
	

}

.footer1 h3 {
	grid-column: 1;
	grid-row: 1;
	font-size: 25px;
    font-family: 'Roboto Condensed', sans-serif;
  	color:rgb(65, 65, 65);

  

}

.footer1 p {
	grid-column: 1;
	grid-row: 2;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
	color:rgb(65, 65, 65);

} 



.sottocategoria {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	color:rgb(65, 65, 65);
	padding-left: 150px;
	font-weight: 600;

}


.sottocategoria1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	color:rgb(65, 65, 65);
	font-weight: 600;
	text-align: left;
	padding-left: 100px;
	width: 250px;

}

@media (min-width: 1300px) {
	
}










/* .box3 h2{
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 40px;
	color: rgb(65, 65, 65);
	font-weight: 600;
	
	margin-top: 20px;
	padding-top: 80x;
	padding-bottom: 10px;
} */





/* .grid2{
	display: grid;
	grid-template-columns: 10% 15% 15% 6% 15% 25% 8%;
	grid-template-rows: 30px 70px 40px;
} */


/* .grid2 h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 60px;
	color: rgb(65, 65, 65);
	text-align: left;
	font-weight: 700;
	padding-left: 40px;
	padding-top: 30px;
	padding-bottom: 25px;
	line-height: 50px;

} */

/* .grid2 p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	color: rgb(65, 65, 65);
	margin-top: 20px;
	text-transform: uppercase;

} */