#topbar { 
  text-align: left;
  background-color: #29659F; /*none;*/
  color : #F9F9FE;
  font-size: 1.6em;
  top:10px;
  /*font-size:100%;*/
  border:3px solid #1A1A1A;
}
form {
    width: 90%; /*500px;*/
    /*margin: 50px auto;*/
    background-color:none;

}
 form input { 
   display: inline-block; 
        text-align:left; 
        width:100px; 
        padding: 10px 0;       
    } 

.ntxtreg{ /*float:left;*/
border:3px solid #BFBFBF ;
border-radius:5px;
margin-left: 20%;
padding: 5px;
background:#F9F9FE;
color:#1A1A1A;
/*border-style: normal; /*double;    /*       dotted;*/
left:50px;
text-align:left;
width:60%;
font-weight:normal;
font-size:0.8em;
}
.ntxtreg:before{
color:#FF6C00;
margin-right:20px;

}
#box-tb{ float:left;
background-color: none;
width:40%; /*200px; /* 3%;*/
height:40%; /*100px; /* 2%;*/
border:6px solid #4D4D4D;
/*border-bottom:12px solid #4D4D4D;*/
margin:10px;
/*display: inline-block;*/
background-color:none; /*#C1DAF3;*/
color:  #F9F9FE;
}

.colonna-centro	{  	float:left; 

	width: 100% /*auto; /*70%; /*1000px; /*84%;*/
	padding:10px;
	background-color:none; /* #F9F9FE;*/
	color:  #1A1A1A; /*#FF6600;*/
	text-decoration: none;
	line-height: 20px;
	text-transform:none;
	font-weight:normal;
	font : 100% verdana,arial,sans-serif;
	font-size: 1.5em;
	text-align: justify; /*center;*/
	margin-top: 20px;
	margin-bottom: 10px;
	/*margin-left:10%;/**/*/
	border: 3px;
	/*border-color: #090976;
	border-left:3px solid #4D4D4D;
	border-right:3px solid #4D4D4D;
	border-bottom:3px solid #4D4D4D;
	border-top:3px solid #4D4D4D;*/
	text-align:center;
	left:10%;
	background:#F9F9FE;
}
input{ 
/*float:right;*/
position: relative;
border:1px solid #FF0000;
border-radius:5px;
/*margin: 5px;*/
padding: 5px;
background:#E6E6FA;
color:#F9F9FE;
border-color: #4D4D4D ;
/*border-style: double;    /*       dotted;*/
font-size:0.8em;
/*width: 10%;*/
max-width:400px;
/* height:40%;*/
/* word-wrap:break-word;*/
 display: block;
}
input[type=testo]     {font-size: 100%; padding: 2px;left:100px; width:auto; line-height: 20px; width:30%; margin: 10px auto 10px auto;min-width:200px;}
input[type=text]     {font-size: 100%; padding: 2px;  line-height: 20px; width:30%; margin: 20px auto 10px auto;min-width:200px;color:#4D4D4D; }
input[type=password] {font-size: 100%; padding: 2px;  line-height: 20px;  width:30%;margin: 10px auto 20px auto;min-width:200px;color:#4D4D4D;}
input[type=submit] { background:#135595;text-align:center;font-size: 100%; padding: 2px; margin: 0px 5px; line-height: 30px;margin-left:34%; min-width:220px;  }
input[type=url] { background:#FFBD00;text-align:center;font-size: 100%; padding: 2px; margin: 0px 5px; line-height: 30px; }
input[type=button] {background:#537D53;text-align:center;font-size: 100%; padding: 2px; margin: 0px 5px; line-height: 30px; width:auto;margin-left:33%; min-width:220px;  }
input[type=btn] { left:40%;background-color:#F9F9FE;text-align:center;font-size: 100%; padding: 2px; margin: 0px 5px; line-height: 30px; width:400px; }
textarea { 
float:left;
position: relative;
text-align:left;
font-size:1em;
width: 99%;  
resize: none; /*vertical; /*horizzontal; /*none;*/
height:110px;
overflow: hidden;
}
textarea[type=text]     {background:#F9F9FE;font-size: 80%; border: solid 1px #4D4D4D;  line-height:16px; width:100%;height:70px;}
label { /* Stili per la label */
    display: inline-block; /* Impostiamo la label come elemento blocco */
    line-height: 20px; /* Altezza di riga */
    width: 200px; /* Larghezza */
    min-width:100px;
    margin: 10px 0;
    background-color:none;
}
table { margin-left:auto; margin-right:auto;
  max-width: 100%;
  background-color: transparent;
  /*border:3px solid #4D4D4D;*/
}

.table { margin-left:auto; margin-right:auto;
  width: 100%;
  margin-bottom: 20px;
}
.table td { border:3px solid #4D4D4D;width:400px; height:200px;}
table.responsive { margin-left:auto; margin-right:auto;
  width: 100%;
  background: #f0f0f0;
}

@media only screen and (max-width:1024px; ){             /*1024px*/
.ntxtreg{ /*float:left;*/
margin-left: 1%;

left:0px;
text-align:left;
width:95%;
font-weight:normal;
font-size:0.8em;
}
input{ 
position: relative;
border:1px solid #FF0000;
border-radius:5px;
padding: 5px;
background:#E6E6FA;
color:#F9F9FE;
border-color: #4D4D4D ;
font-size:0.8em;
max-width:400px;
 height:40%;
/* word-wrap:break-word;*/
 display: block;
}
input[type=testo]     {font-size: 100%; padding: 2px;left:100px; width:auto; line-height: 20px; width:30%; margin: 10px auto 10px auto;min-width:200px;}
input[type=text]     {font-size: 100%; padding: 2px;  line-height: 20px; width:30%; margin: 20px auto 10px auto;min-width:200px;color:#4D4D4D; }
input[type=password] {font-size: 100%; padding: 2px;  line-height: 20px; width:30%; margin: 10px auto 20px auto;min-width:200px;color:#4D4D4D;}
input[type=submit] { background:#135595;text-align:center;font-size: 100%; padding: 2px; margin: 0px 5px; line-height: 30px;margin-left:32%; min-width:220px;  }
input[type=url] { background:#FFBD00;text-align:center;font-size: 100%; padding: 2px; margin: 0px 5px; line-height: 30px; }
input[type=button] {background:#537D53;text-align:center;font-size: 100%; padding: 2px; margin: 0px 5px; line-height: 30px; width:auto;margin-left:31%; min-width:220px;  }
input[type=btn] { left:40%;background-color:#F9F9FE;text-align:center;font-size: 100%; padding: 2px; margin: 0px 5px; line-height: 30px; width:400px; }

textarea { 
float:left;
position: relative;
text-align:left;
font-size:1em;
width: 99%;  
resize: none; /*vertical; /*horizzontal; /*none;*/
height:110px;
overflow: hidden;
}
textarea[type=text]     {background:#F9F9FE;font-size: 80%; border: solid 1px #4D4D4D;  line-height:16px; width:100%;height:120px;}

form {
    width: 80%; /*500px;*/
    /*margin: 50px auto;*/
    background-color:none;

}
 form input { 
   display: inline-block; 
        text-align:left; 
        width:100px; 
        padding: 10px 0;       
    } 
table { margin-left:auto; margin-right:auto;
  max-width: 100%;
  background-color: transparent;
  /*border:3px solid #4D4D4D;*/
}
/*table td { border:3px solid #4D4D4D;width:30%; height:30%;}*/
.table td { border:3px solid #4D4D4D;width:300px; height:300px;}
 table.responsive { margin-left:auto; margin-right:auto;
     width: 100%;
  }
#topbar { 
  font-size: 1.4em; /*3em;*/
}
#box-tb{ float:left;
/*width:200px; /* 3%;*/
/*height:100px; /* 2%;*/
width:80%; /* 3%;*/
height:80%; /* 2%;*/
margin-left:10%;
}
}
 @media only screen and (max-width:520px){ /*768px){*/
input{ 
position: relative;
display: block;
} 	
input[type=submit] {margin-left:10px; min-width:220px; background:#A52A2A; }
input[type=button] {margin-left:1%; min-width:220px;  }	
textarea { 
height:140px;
}
textarea[type=text]     {height:130px;}

 .ntxtreg{ /*float:left;*/
margin-left: 1%;

left:0px;
text-align:left;
width:95%;
font-weight:normal;
font-size:0.8em;
}   
table { margin-left:auto; margin-right:auto;
  max-width: 100%;
  background-color: transparent;
  /*border:3px solid #4D4D4D;*/
}
.table td { border:3px solid #4D4D4D;width:200px; height:200px;}
table.responsive { margin-left:auto; margin-right:auto;
    width: 100%;
  }
 .responsive thead tr {
    display: none;
  }   
  .responsive td {
    display: block;
    padding: 4px;
    position: relative;
    padding-left: 1%;
  }
#topbar { 
  font-size: 1.2em; /*3em;*/
}  
#box-tb{ float:left;
width:80%; /* 3%;*/
height:80%; /* 2%;*/
}
 }