body {

	width:98%;
	text-align: center;
	background-color:#3a3736;
	margin:2 auto;
	font-family:arial;
	font-size:xx-large;
	color: black;

	}

a   {

	font-family:'Ubuntu', FuturaTEE, Futura, Arial, sans-serif;
	font-size:17px;
	color: #CCCCCC;
	line-height:18px;
	font-weight:bold;
    text-align: justify;
    background-color:#3a3736;
    margin:0px;
	text-decoration:underline;

	}

a.menu   {

	font-family:'Ubuntu', FuturaTEE, Futura, Arial, sans-serif;
	font-size:17px;
	color: #CCCCCC;
	line-height:18px;
	font-weight:bold;
    text-align: justify;
    background-color:#3a3736;
    margin:0px;
	text-decoration:none;

	}

a.whatsapp   {

	font-family:'Ubuntu', FuturaTEE, Futura, Arial, sans-serif;
	font-size:17px;
	color: #CCCCCC;
	line-height:10px;
	font-weight:normal;
    text-align: justify;
    vertical-align:middle;
    background-color:#000000;
    margin:0px;
	text-decoration:none;

	}

    /* span.menu2 è il bottone dei prodotti */	

span.menu2 { 

	background-color:black;
	margin-top:40px;
	margin-left:4px; 
	height:25px;
	width:125px;
	font-size:16px;
	font-family:arial;
	color:white;
	align-items: center;
    justify-content: center;
	display:flex;     
	border-width:1px;
	border-radius: 10px;
	border-top-style:solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color:white;
	                 
        }

span.menu3 { 

	background-color:black;
	margin-top:40px;
	margin-left:4px; 
	height:25px;
	width:236px;
	font-size:16px;
	font-family:arial;
	color:white;
	align-items: center;
    justify-content: center;
	display:flex;     
                 
        }

	/* div.logo è il div dell'header, dove sono compresi: div class=firm: img src: span class=afterFirm */

  div.logo {
    background-color: #3a3736;
    margin: 0 auto;
    top: 0;
    width: 98%;
    height: 48px;
    text-align: left;
    position: fixed;
    z-index: 99;
    display: flex;
    align-items: center;
  }

	/* span.firm contiene il logo */

span.firm { background-color:black; margin:0 auto; height:85px; text-align: left; padding:0px; margin-top:0px; margin-left:4px; }

	/* span.afterFirm è il blocco dei menu */

span.afterFirm { 

	background-color:black;
	margin-top:40px;
	margin-left:4px; 
	height:25px;
	width:100px;
	font-size:16px;
	font-family:arial;
	color:white;
	align-items: center;
    justify-content: center;
	display:flex;    
	border-width:1px;
	border-radius: 10px;
	border-top-style:solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color:white;
	                 
        }
        
        /* span.whats è il blocco dei contatti */
        
span.whats { 

	background-color:black;
	bottom:20px;
	left:2px; 
	height:30px;
	width:100px;
	font-size:16px;
	font-family:arial;
	color:white;
	text-align: center;
	vertical-align:middle;
	position:fixed;
	opacity: 0.8;
	z-index:98;
	border-width:1px;
	border-radius: 10px;
	border-top-style:solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color:white;
	                 
        }
        
	/* IMG (table, tr, td) IMGS e td.log_start contengono la tabella centrale */

table.IMG { background-color:#3a3736; margin:0px; width:98%; text-align: center; padding:0px; position:relative; top:75px; border-spacing:0px; }

tr.IMG { background-color:#3a3736; margin-top:10px; margin-bottom:10px;  width:98%; text-align:center; padding:0px; }
td.IMGG { background-color:#3a3736; margin:0px; width:98%; text-align:center; padding:0px; }

td.IMG2 {

	width:98%;
	color:#000000;
	align-content:center;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	margin:0 auto;
	padding:0px;
	border:2px;
    border-color:red;
    text-align: center; 

	}

td.log_start {

	width:80%;
	color:#000000;
    background-color:#3a3736; 
	align-content: center;
	font-family:sans-serif, arial;
	font-size:16px;
	font-weight:bold;
	margin:0 auto;
	padding:0px;
    border-width: 1px; 
	border-style: solid; 
	border-color:#dedada;
	vertical-align: top;
		
	}

div.log_start {

	width:80%;
	color:#000000;
    background-color:#3a3736;
	align-content: center;
    text-align: center;
	font-family:sans-serif, arial;
	font-size:20px;
	font-weight:bold;
	margin:0 auto;
	padding:0px;
	vertical-align: top;
    top: 88px;
    margin-top: 0px;
    position: relative;
		
	}

div.log_start2 {

	width:80%;
	color:#000000;
    background-color:#3a3736;
	align-content: center;
	font-family:sans-serif, arial;
	font-size:20px;
	font-weight:bold;
	margin:0 auto;
	padding:0px;
	vertical-align: top;
    top: 128px;
    margin-top: 0px;
    position: relative;
		
	}

	
img.IMGS { border:0px; width:98%; margin: 0 auto;  margin-top:10px; margin-bottom:10px; display: block; align-content:center; text-align: center; }

img.IMMAGINI { border:0px; width:75%; margin: 0 auto; margin-top:10px; margin-bottom:10px;  display: block; align-content:center; text-align: center; }

img.IMGSprod { margin:0 auto; width:50%; }

	/* p.brand è la presentazione nel modulo di contatto */

p.brand { text-align: left; background-color:#e6e1df; font-size:16px; font-family: 'Helvetica', serif, 'Times New Roman'; color:#5c5a59; margin:0 auto; padding:3px;  top:0px; border: 1px solid black; border-radius: 10px; border-right-style: solid; border-bottom-style: none;
	border-left-style: solid; border-top-style: solid; }

p.brandBold { text-align: right; background-color:#cfcdcc; font-size:16px; font-weight:bold; font-style:italic; font-family: 'Helvetica', serif, 'Times New Roman'; color:#5c5a59; margin:0 auto; top:0px; padding:3px; border: 1px solid black; border-radius: 10px; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-style: solid; }

	/* p.home è la home page */

p.home { text-align: justify; background-color:#ffffff; font-size:17px; width:98%; font-weight:lighter; color:#3a3736; margin:8px; top:0px; font-family: 'Helvetica', serif, 'Times New Roman'; }

p.testo {
	font-family:'Ubuntu', FuturaTEE, Futura, Arial, sans-serif;
	font-size:17px;
	color: #cccccc;
	line-height:18px;
	font-weight:normal;
    text-align: justify;
    background-color:#3a3736;
    margin:0px;
	}


p.homeCentered {
    position: relative;
    bottom: 0;
    text-align: center;
    font-size: 20px;
    font-family: 'Ubuntu', FuturaTEE, Futura, Arial, sans-serif;
    font-weight: bold;
    color: #ffffff;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-width: 1px;
    border-radius: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: white;
    padding: 4px;
}
	
div.button_info_little { 

	width:322px;
	height:38px;
	line-height:38px;
	border-radius: 10px;
	font-size:0.6em;
	font-weight:bold;
	font-family:arial;
	background-color:#ff7200;
	text-align: center;
	color:white;
	margin-top:10px;
	margin-left:0 auto;
	margin-right:0 auto;
	margin-bottom:0 auto;
	padding:3px;

	}
	
	/* input.order: bottone INVIO della form dei contatti */

input.order { 

	width:180px;
	height:38px;
	border-radius: 15px;
	font-size:16px;
	font-weight:bold;
	font-family:arial;
	background-color:#ff7200;
	text-align: center;
	color:white;
	padding:0px auto;
	border-color:#ff7200;
	border: 1px solid;
	margin-top:20px;
	margin-bottom:5px;

	}

select.order { 

	width:90%;
	font-size:17px;
	font-family:'Ubuntu', FuturaTEE, Futura, Arial, sans-serif;
	background-color:black;
	text-align: left;
	color:#CCCCCC;
	margin-top:1px;
	padding: 0 0 0 0 auto;
	border-top-style:none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height:18px;
	font-weight:bold;

	}

	/* input.log_field1: i campi della form dei contatti */

input.log_field1 { 

	width:55%;
	height:30px;
	border-radius: 15px;
	font-size:16px;
	font-weight:bold;
	font-family:arial;
	background-color:#ffffff;
	text-align: center;
	color:black;
	padding:0px auto;
	border-color:#ff7200;
	border: 1px solid;
	margin-top:8px;
	margin-bottom:10px;

	}
	
	/* input.log_field2: textarea della form dei contatti */
	
textarea.log_field2 { 

	width:75%;
	height:170px;
	border-radius: 15px;
	font-size:16px;
	font-weight:bold;
	font-family:arial;
	background-color:#ffffff;
	text-align: center;
	color:black;
	padding:0px auto;
	border-color:#ff7200;
	border: 1px solid;
	margin-top:8px;
	margin-bottom:10px;

	}
	
label.modul {

	width:80%;
	background-color: #3a3736;
    border-radius: 10px;
    padding:3px;
	color:white;
	text-align: center;
	text-decoration: none;
	font-size:20px;
	font-weight:lighter;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:0 auto;
    font-family:'Ubuntu', FuturaTEE, Futura, Arial, sans-serif;
	
	}