body {
	margin: 0;
	padding: 0;
	background-color: #333366;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
        }
		
    /* Stile comune per tutti i blocchi principali */
        .h1-line, header, nav, .main {
            width: 960px;
            margin: 0 auto;
            box-sizing: border-box;
            clear: both; /* Pulisce il float precedente per i blocchi successivi */
        }

        /* Stile per la riga H1 */
        .h1-line {
	background-color: #336;  
	color: #FFF;
	padding: 3px 0px;
	text-align: left;
	font-size: 12px;
        }

        /* Stile per l'HEADER */
        header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px;
	background-color: #FFF;
        }

   

            /* Stile per la NAV */
        nav {
	background-color: #900;
	font-weight: bold;
	color: #FFF;
	border-top: 3px solid #336;
	border-right: 3px none #336;
	border-bottom: 3px solid #336;
	border-left: 3px none #336;
        }

        nav a {
            color: #FFF;
            text-decoration: none;
            padding: 6px;
            display: inline-block;
        }

        nav a:hover {
	background-color: #FFCC33;
	color: #000000;
	padding: 6px;

        }

        /* Stile per il blocco MAIN */
        .main {
	padding: 10px;
	overflow: hidden;
	background-color: #FFF;

        }

        /* Stile per la colonna di sinistra (ARTICLE) */
        section {
	width: 610px;
	background-color: #FFF;
	float: left;
	padding: 2px;
	box-sizing: border-box;
        }

        /* Stile per la colonna di destra (ASIDE) */
        aside {
	width: 275px;
	background-color: #DDB;
	float: right;
	padding: 6px;
	box-sizing: border-box;
	font-size: 92%;

        }
.contatti {
	border : 2px solid #603;
	background-color : #FC3;
	text-align : center;
	padding : 6px;
	color: #000;
}
#listino {
background-color : #999;
width : 96%;
}
#listino td {
background-color : #CCC;
padding : 3px;
margin : 1px;
text-align : left;
color : #000;
font-size : 15px;
}
.tabella-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 colonne di larghezza uguale */
    width: 96%;
    background-color: #999;
    padding: 1px; /* Simuliamo il margin tra le celle con un padding sul container */
    box-sizing: border-box;
}
.cella {
    background-color: #CCC;
    padding: 3px;
    margin: 1px;
    text-align: left;
    color: #000;
    font-size: 15px;
}
.lista-senza-div li::before {
    content: "• "; /* Aggiunge un pallino prima di ogni elemento */
    color: #000;
    font-weight: bold;
}
.didascalia {
	
	text-align: center;
	
	
	font-weight: bold;

}

.prodotto {
	display: flex;
	justify-content: space-between;
	padding: 3px;
	border-top: 2px solid #999999;
	color: #000000;
	background-color: #CCCCCC;


        }
.nome {
	background-color: #CCCCCC;
}
.prezzo {
}
      
