@media screen and (max-width: 1130px) {
	.padd, #content .padd, #content.layout-box .padd{
	   padding: 0 2.5%;
	   width:auto;
	   margin:auto;
	}
	#content.layout-box .padd{
       padding: 0 1.8%;
    }
}

@media screen and (max-width: 960px) {
	/*  css box home a 2  */
   .box-hp {
     width:48.3%;
   }
   
   /*  css filtri  */
	#filtro {
	  float: none;
	}
   #filters #form-cerca, #filters.segnalante #form-cerca{
     width:100%;
     float:none;
	 padding-top:10px;
    }
	#filters #form-cerca input[type="text"], #filters.segnalante #form-cerca input[type="text"]{
	  width:90%;
	  padding: 9px 3px 8px 3px;
	}
	#filters #form-cerca input[type="submit"]{
	  padding: 8px 0px;
	  width:8.3%;
	}
}

@media screen and (max-width: 768px) {
	/*  css box home unico  */
   .box-hp {
     width:98.3%;
   }
   
  #login-admin{
	  padding:4%;
	  margin-left:1%;
	  margin-right:1%;
	  width:90%;
   }
   #nav-app li{
     display:block;
     float:none;
     padding:3px 0 0 0;
   }
   #top-bar .top-dx{
      float:none;
	  /*border:1px solid #ff3131;
	  border:1px solid #ccc;*/
	  border:none;
	  background-color: #eee;
	  padding:15px 0;
	  margin-bottom:20px;
   }
   #top-bar .ente{
	 clear:both;
	 float:none;
	 margin-bottom:10px;
   }
   #top-bar .nav{
	 float:none;
	 width:100%;
   }
   #content h1{
	border:none;
	margin-top:0;
	padding-top:0;
	} 
	.rientro {
	margin: 0 5px;
	}
   
   /*  css form  */
   form  {
	}
   input[type="text"], input[type="password"], select, textarea, select, form .form-dx, form label  {
	  float:none;
	  width:98.5%;
	  margin-bottom:30px;
	}
	select, form label {
	  width:100%;
	}
    form label {
	  border:none;
	  margin: 0;
	  font-size:1.3em;
	}
	form .form-dx{
	  border:1px solid #ccc;
	  padding:2%;
	  width:95.2%;
	  margin-top:5px;
	}
	.form-error {
    float:none;
	margin-left:0;
	}
	
	/*  css visualizza  */
	.content-box label{
	float:none;
	width:100%;
	border:none;
	font-size:1.3em;
	}
	.content-box .dx, .content-box-2 .dx {
	float:none;
	width:96%;
	padding:15px 2%;
	margin:5px 0 25px 0;
	}
    .content-box select{
	float:none;
	width:100%;
	}
	.layout-view .content-box .dx{
	margin:0 0 25px 0;
	padding:5px 0 10px 0;
	border:none;
	border-bottom:1px solid #ccc;
	}
	
	 /*  css filtri  */
	#filters #form-cerca input[type="text"], #filters.segnalante #form-cerca input[type="text"]{
	  width:83%;
	}
	#filters #form-cerca input[type="submit"]{
	  width:14%;
	}
	
	 /*  css statistiche  */
	#stats-torta {
	  background-size: 95%;
	  }	  
   #content  #table-stats th {
	  font-size:0.85em;
	  padding: 8px 2px;
   }
   
	/*  ------  box user 2 a tutta larghezza  ------  */
	#top-bar .user-2{
	   margin-bottom:15px;
	}
	#top-bar .user-2 .name{
	   float:none;
	   padding-top:5px;
	   margin-bottom:20px;
	}
	#top-bar .user-2 .btn-form{
		float:none;
	}
	
	/*  ------  cerca utenti  ------  */
	#formCercaUtenti .cerca-utenti-field{
       width:80%;
    }
	#formCercaUtenti .cerca-utenti-btn{
       width:19%;
    }
}

@media screen and (max-width: 480px) {
   #top-bar .nav div{
     width:48%;
     border-right:3px solid #fff;
     border-left:3px solid #fff;
   }
   #admin-bar{
     /*background: none;*/
   }
   .top-dx .tools ul{
     float:none;
	 text-align:center;
	 margin-top:10px;
   }
   #filtro .box-ceck{
	 width:30%;
     margin: 8px 0 0 0;
   }
    #filtro strong{
     display:block;
   }
   #top-bar .tools{
	 clear:both;
	 float:none;
	 border-top:1px solid #ccc;
   }
   #top-bar .user{
	 margin-bottom: 15px;
   }
   #top-bar .ente{
	 text-align:center;
   }
   #login{
     padding:3%;
     margin:50px 2%;
     width:90%;
   }
   .top-dx .user{
    width:94%;
	padding-left:3%;
	padding-right:3%;
   }
   .top-dx .user .name{
    float:left;
	padding: 5px 0 0 0;
   }
   .top-dx .user .btn-form{
     float:right;
   }
   .top-dx .tools li a{
     width:45px;
     height:45px;
   }
   
   input[type="submit"], .btn-form, .btn-form-2 {
       padding: 10px 10px;
   }
   
   #addinput p.uploadallegati input[type="text"] {
    width: 75%;
}
   
  .uploadallegati input, .uploadallegati button {
	  
	  width: 22%; 
  }
  
}

@media (min-width: 480px) and (max-width: 767px) {
}