@media (min-width: 1280px) {

#wrapper {
    width: 100%;
    margin: 0 auto;}
    
#header {
    width: 100%;
    float:left;
    padding: 0px;}
     
#mainmenu {
    width: 60%;
    float:left;}
    
#mainmenu ul {
font-size: 14px;}
    
#utente {
    float: right;}
    
#mainmenu ul li.active, #mainmenu ul li:hover {
border-bottom: 2px solid #fff;}

#main {
    margin: 10px auto;
    width: 90%;
max-width: 1200px;}

.box, .boxt {
width: 27%;
float: left;
height: 150px;}

#account input[type=submit] {
    float: right;}
    
.titolobox {
    padding: 10px 0px 0px 0px;
    height:20%;}  
    
.contenutobox {
width: 100%;
height: 70%;
}

#img-soci {
    float: left;
    clear: left;
    height: 250px;
    width: 400px;
    margin-left: 140px;}

#img-soldi {
    float:right;
    clear: right;
    height: 250px;
    width: 400px;
    margin-right: 100px;}

.box img, .boxt img {
  top:-10px;
  right:-20px;}    

#selezione-iscrizioni {
width: 30%;}

#bt-soci input[type=button] {
margin: 10px auto;}

#tabella-altezza {
    max-height: 700px;
    width: 100%;}
    
#tabella-amministrazione{
    width: auto;
    max-height: 700px;   
}

#login {
width:50%;
max-width: 350px;
margin: 40px auto;
padding: 40px 20px 40px 20px;}

    
#creazione-attestati {
    width: 585px;}
    
#attestato {
	width: 492px;
        height: 350px;
	margin: 20px auto;}

.merch_ogg {
width: 27%;
margin: 3%;
margin-top: 80px;
float: left;}

.progetti_area {
  opacity: 0.8;
  height: 100px;
  width: 27%;
  float: left;
  padding: 0px;
  margin: 3%;
}

.progetti_area:hover {
  opacity: 1;
}

.giornata {
    height: 150px;
}

#contenitore-download {
    width: 100%;}



}

/* //////////////////////////////////////////////////// */

@media (max-width: 1279px) {

#wrapper {
    width:100%;
    margin: 0 auto;}
    
#header {
    width:100%;
    padding: 0px;}
    
#mainmenu {
    width:100%;
    float:left;}
    
#utente {
    float: left;
    margin-left: 50px;}

#mainmenu ul li.active, #mainmenu ul li:hover {
    background-color: #5694d9;}

#mainmenu {
    display:none;}
    
#mainmenu ul {
width: 100%;}

#mainmenu ul li {
    float: none;}
    
#main {
    margin: 0px auto;
    width: 100%;}
	
.btn-responsive-menu{
    display:block;}	

.box {
    width: 100%;
    clear:both;
    margin: 0px;
    margin-top: 25px;
    height: 70px;}
    
.boxt {
    position: relative;
    width: 50%;
    min-width: 310px;
    clear:both;
    margin: 5%;
    margin-top: 50px;
    height: 150px;
    }

.titolobox {
    padding: 35 0 35 0;
    height: 100%;
    font-size: 20px;}
    
.contenutobox {
display: none;
}
       
#tutorial {
    height: 75px;}
                            
#account input[type=submit] {
    float: left;}
    
#img-soci {
    width: 90%;
    margin: 5px auto;
    clear: both;}

#img-soldi {
    width: 90%;
    margin: 5px auto;
    clear: both;}
    
.box img {
  top:10px;
  right:30px;}    
            
#selezione-iscrizioni {
width: 80%;}

#bt-soci input[type=button] {
margin: 10px 10px 10px 20px;}

#tabella-altezza {
	height: 90%;
        width: 85%;
        margin: 0px auto;}

#tabella-amministrazione{
    width: 85%;
    height: 70%;
    margin: 0px auto;}
    
#main input[type=button] {
margin-left: 20px;}      

#login {
width:80%;
margin: 10px auto;
padding: 10px 20px 40px 20px;}

.inser-mov {
    margin-left: 20px;
    float: left;
    clear: right;
    margin-top: 12px;}

.descrizione {
    float: left;
    clear: left;}
    
#inserisci-movimenti {
    margin-left: 20px;}

.inser-mov {
    width: auto;}
    
#ricerca-div input[type=checkbox] {
    float: left;
    clear: left;}

#ricerca-div p {
    float: left;
    clear: right;
    margin: 0px 0px 0px 5px;}

#tab-organigramma {
    width: 100%;
    overflow-x: auto;}
    
#form-attestati {
    width: 100%;
    overflow-y: auto;}
    
#attestato {
	width: 70%;
        height: 50%;
	margin: 10px auto;}
   
#main2 {
    display: block;
    height: auto;
    width: 88%;
    padding: 20px;
    margin: 0px auto;}
      
.merch_ogg {
width: 90%;
margin: 10px auto;
margin-top: 40px;
}

#consigli {
    margin-left: 40px;}

.progetti_area {
  width: 80%;
  max-width: 390px;
  height: 100px;
  padding: 0px;
  margin: 30px auto;
  opacity: 1;}

.indietro_proj {
    margin-top: 20px;}
          
.tabella_proj {
    margin: 10px auto;
    padding: 0px;
    width: 90%;
    overflow-x: scroll;}

.giornata {
    height: 90px;}
    
.tabella_proj th, td {
    width: auto;
    max-width: 300px;}
    
#contenitore-download {
    width: 95%;
    margin-top: 20px;}
    
.input-buttons {
    position: relative;
    float: left;
    margin: 13px;}

}