@media screen and (max-width: 1270px), (max-device-width: 1270px) {

  .pos {
    margin-top:-4px;
  }
	
	#container {
	  width:89%;
	  margin-left:0px;
	}
	
	#container.nobarra {
	  margin:auto;
	}
	
	 #container.nobarra #content.home {
        padding-top:10px;
   }

#footer,#footer.autogestito {
  width:100%;
  margin-left:0px;
}

.top-content, .bottom-content, .sfondo-content {
  background-image:none;
}
	
.logo-elezioni, .logo-autogestito, .sfondo-content, .top-content, .bottom-content, #footer{
	  width:auto;
}


#content {
  width:auto;
  border:2px solid #54ABE0;
  border-radius:20px;
  padding-top:12px;
}

#content.autogestito {
    border:2px solid #BE3418;
}

.colonne .column {
  font-size:0.9em;
  background-image:url("../images/divisorio_grande.jpg");
}

#footer img.pura {
  margin-left:0px!important;
  margin-right:0px!important;
  padding-left:50px;
  padding-right:50px;
}

#footer .copy {
  padding-top:5px;
}

#footer .copy, #footer .isis {
  max-width:165px;
}

#footer .disclaimer {
  margin:auto;
  width:70px;
  text-align:center;
  float:none;
}

.coalizione-hp {
  width:16.6%;
}

.coalizione-hp .col {
  width:auto;
  width:150px;
  padding:0px;
  margin:auto;
}

.logo-elezioni,.logo-autogestito {
  height:70px;
  background-size:70% 100%;
}

.logo-elezioni img, .logo-autogestito img {
  height:70px;
}

.art-centrale .colonne {
  display:none;
}

#imgshow {
  display:inline;
}

#imgnoshow {
  display:none;
}

#presentazione {
  display:none;
}


.art-centrale {
  padding-bottom:15px!important;
}

#colsx {
  width:24%;
}

.boxcoalizione-cc3 {
  width:100%;
  min-height:100px;
  height:auto;
}

.lista-coal {
        margin-top:-112px;
}


.boxcentrale,.boxinterventolista-grigio ,.boxinterventolista {
  width:100%;
}


.top-content.autogestito, .bottom-content.autogestito {
  display:none;
}

.sfondo-content-autogestito {
  background-image:none;
  width:100%;
}


}

@media screen and (max-width: 1100px), (max-device-width: 1100px) {
	
	.coalizione-hp .col {
		width:138px;
	}
	
	.coalizione-hp {
		background-image:none;
	}
	
	.coalizione-hp.grey {
		background-color:#fafafa;
	}
	
}



/* Mi visualizza il menu per i mobili */

@media screen and (max-width: 1024px), (max-device-width: 1024px) {

  .nav-mobile {
		display:block;
	}
	
	.nav1 > ul {
		display:none;
		height:auto;
		left:0;
		position:absolute;
		right:0;
		top:45px;
		z-index:1000;
		float:none;
		padding:0;
		background:url("../images/btn3.png") repeat scroll 0 0 #ffffff;
	}
	

.nav1 li:last-child:hover ul {
	  left:0;
	}

	.nav1 li {
		float:none;
		padding:0;
		text-align:center;
	}
	
	.nav1 ul li a{
	  display:inline-block;
	}

	.nav1 ul{
		float: none;
		padding: 0
	}
	.nav1 li{
		float: none;
		padding: 0;
		text-align: center
	}
	.nav1 li a{
		float: none;
		font-size: 18px;
		height: auto;
		line-height: normal;
		padding: 8px 0;
		text-transform: uppercase
	}
	.nav1 ul ul{
		margin: 0 0 10px
	}
	.nav1 li li{
		padding: 0
	}
	.nav1 li li a{
		background: none !important;
		padding: 0;
		border: 0
	}
	.nav1 li:hover ul {
		display:block!important;
		position:relative;
		top:0px;
		padding:4px;
		background:white;
	}
	
	.nav1 li:hover ul a {
		font-size:0.7em!important;
	}

  #container{
    padding-top:42px;
  }
  
  #nav-bar-main {
    display:block;
  }  
  	
  #nav-bar-main.active{
      height: auto;
    }
      
    .nav-menu{
      display: block
    }
    #nav-main{
      display: none;
      height: auto;
      line-height: normal;
      text-align: center;
    }
    #nav-main ul{
      clear: both;
      width: auto
    }
    #nav-main li{
      display: block;
      line-height: normal
    }
    #nav-main a{
      display: block;
      padding: 5px
    }

}

@media screen and (max-width: 1000px), (max-device-width: 1000px) {
    
      #coldx {
        display:none;
      }
      
      #coldxbottom {
        display:block;
      }
      
      .sfondo-coldx {
        margin:auto;  
      }
      
     #container, #footer,#footer.autogestito{
        width:100%;
        padding-right:0px;
      }

    .col.coalizzata .coal-menu.free a, .col.coalizzata .coal-menu.free br, .col .coal-menu.free > a[title="Lista candidati"], .col .coal-menu.free > a[title="Lista candidati"] + br {
      display:none;
    }

    .lista-hp {
      padding-bottom:0px;
    }

    .coalizione-hp {
      height:300px;
    }

    .coalizione-hp div.coal-menu {
      margin-bottom:24px;
    }

    #presentazione {
      font-size:0.9em;
    }
    
    #footer {
      margin-bottom:37px;
    }

}

@media screen and (max-width: 940px), (max-device-width: 940px) {

  #coldxbottom {
      height:51px;
  }
  
   .boxlistapiccolo {
      width:75px;
    }
    
     .boxlistapiccolo img#imm_23.imglista-coalizione {
      width:70px;
    }
    
    
    .boxlistapiccolo a.linkpuro div {
      width:75px;
    }

}

@media screen and (max-width: 900px), (max-device-width: 900px) {

  #colsx {
    width:100%;
    margin-bottom:1px solid #cccccc;
  }

  
  .pag-interna {
    width:97%;  
  }
  
  
  .sfondo-colsx,#content.content.autogestito .sfondo-colsx {
    height:auto;
    border:none;
  }
  
  .boxcentrale, .boxinterventolista-grigio, .boxinterventolista {
      height:auto!important;
      border-bottom:none;
      overflow:auto;
      min-height:200px;
  }
  
  .boxinterventolista-grigio.candidato,  .boxinterventolista.candidato {
    min-height:auto;
  }

  #menu-sx div {
    float:left;
    font-size:0.9em;
    height:100%;
  }
  
  #menulista {
    margin-top:0px!important;
  }
  
  ul#menu-sx {
    height:170px;
    border-bottom:1px dotted #000000;
  }
  
  #content {
    min-height:650px;
  }

  #container.nobarra #content {
    min-height:auto;
  }

        
  .testo-pos {
    margin-left:3px;
  }
  
  div.clista {
      width:24%;
      background:#fafafa;
  }
  
  div.clista.singola {
    width:100%;
  }
  div.mlista {
      width:18.75%;
      text-align:center;
      border-right:1px dotted #000000;
      background:none;
  }
  
  div.mlista.secondo {
    width:37.75%;
  }

  div.mlista.terzo {
    width:24.75%;
  }

 .coalizione-hp .col {
  width:auto;
 }

  h5.coal-hp {
    height:20px;
  }
	
	h5.coal-hp.home a, 	h5.coal-hp.home a:link, 	h5.coal-hp.home a:visited, h5.lista-hp a, h5.lista-hp a:visited, h5.lista-hp a:link{
	    color:#0082d0!important;
}

	.coalizione-hp {
	  height:130px;
	  width:33%;
	  background:#ffffff;
	  margin-top:2px;
	}

  
  .coalizione-hp.grey {
    background:#f9f9f9;
  }

  .sottolista{
    display:none;
  }

  .lista-hp {
    margin-top:-20px;
  }
  
  
.coalizione-hp div.coal-menu h5.lista-hp a {
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
    font-family:verdana;
  }
  
  #footer .copy, #footer .isis {
      max-width: 95px;
      margin-top:-8px;
  }
  /*
  .art-centrale .coalizione-hp:nth-of-type(5) {
    margin-left:16.5%;
    padding-top:15px;
  }
  
  .art-centrale .coalizione-hp:nth-of-type(6) {
    padding-top:15px;
  } 
 */
	#footer > a {
	  display:none;
	} 
	
  h4.tit-art-home-noupper.elencolista {
    max-width:140px;
  }
  
  #coldxbottom {
	  height:auto;
  }

  #coldxbottom .lista-dx {
	  height:auto;
  }
 
}



@media screen and (max-width: 765px), (max-device-width: 765px) {
	
	 ul#menu-sx {
    height:200px;
  }
	
    ul#menu-sx.singola {
    height:160px;
    border-bottom:none;
    margin-bottom:-10px !important;
  }
  
    .boxlistapiccolo a.linkpuro div {
        width:100%;
    }
  
  .boxlistapiccolo {
      width:65px;
    }
    
     .boxlistapiccolo img#imm_23.imglista-coalizione {
      width:60px;
    }
    
    h4.tit-art-home-noupper.elencolista {
        max-width:200px;
    }
		
	#coldxbottom .lista-dx {
      font-size:0.8em;
      width:33%;
      height:50px;
    }

    #coldxbottom {
      height:100px;
    }
  
}

@media screen and (max-width: 600px), (max-device-width: 600px) {
    
    .boxlistapiccolo {
      width:60px;
    }
        
    .boxlistapiccolo img#imm_23.imglista-coalizione {
      width:56px;
    }
    
     #menu-sx div {
      font-size:0.8em;
     }

  .pag-interna {
    margin-left:0px;
  }
  
  .testo-pos {
    font-size:8px;
  }
  
    h2.tit-art-home.adjust {
      margin-top:10px;
    }
    
    .articolo-interno {
      width:100%;
      padding:0 0 2px;
      margin:0;
    }

    .boxlista {
      width:100%;
    }
    
  .coalizione-hp, .art-centrale.ballottaggio .coalizione-hp {
	  width:47%;
	  margin:2px;
	  background:#f9f9f9;
	}
  
  .art-centrale.ballottaggio .coalizione-hp.last{
    background:none;
  }
  /*
  .art-centrale .coalizione-hp:nth-of-type(4) {
    margin-left:0px;
    padding-top:0px;
  }
 .art-centrale .coalizione-hp:nth-of-type(5) {
    margin-left:23%;
    padding-top:0px;
  }
  */
  #menu-sx li.titolo-menu-coal {
      font-size:14px;
      margin-bottom:4px;
    }
    
    ul#menu-sx li {
      font-size:14px;
    }
      
     ul#menu-sx {
      height:auto;
     }

    #menu-sx div {
      width:100%;
      height:auto;
    }

  #coldxbottom {
    height:auto;
  }

  #coldxbottom .lista-dx {
    margin-bottom:0px;
  }
  
  #coldxbottom .lista-dx {
    height:45px;
  }
  
   #coldxbottom .lista-dx:nth-of-type(4) {
	margin-left:16.5%;
   }   
  
  
   #footer {
    margin-bottom:80px;
  }

  div.clista {
    border-bottom:1px dotted #000000;
    margin-bottom:2px;
    text-align:center;
  }
  
  
  #menu-sx div.mlista {
    border-right:none;
    width:49%;
    height:auto;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:1%;
    min-height:120px;
  }

  .pos-autogestito {
    margin-top:8px;
    margin-bottom:4px;
  }

  .lista-coal {
    width:150px;
  }
  
    #coldxbottom.bal {
      height:81px;
    }
	
}
@media screen and (max-width: 520px), (max-device-width: 520px) {

    h4.tit-art-home-noupper {
        width:184px!important;
    }

  .logo-elezioni, .logo-autogestito {
    background-size:100% 100%;
    height:85px;
  }
  
  .logo-elezioni img, .logo-autogestito img {
    display:none;
  }
  
  .stemma {
    display:block;
    margin-top:2px;
    margin-bottom:8px;
  }

 .logo-elezioni img {
     display:none;
  }
 
  .disclaimer {
    font-size:0.8em;
  }
     
  .articolo-interno .boxlistapiccolo:nth-child(even){
    clear:right;
  }

  .boxcoalizione.fl {
    margin-top:50px;
  }
 
  
}


@media screen and (max-width: 500px), (max-device-width: 500px) {

    #footer {
    margin-bottom:100px;
  }  
  

    .logo-elezioni, .logo-autogestito {
      height:65px;
      margin-bottom: 2px;
    }

   .coalizione-hp {
	  width:100%;
	  margin:2px;
	  background:#ffffff;
	  height:110px;
	  padding-bottom:6px;
	}
  
  .art-centrale .coalizione-hp:nth-of-type(5) {
    margin-left:0;
  }
  
  .testo-pos {
    font-size:8px;
  }
 
   .lista-coal {
    width:100px;
  } 
  
  #coldxbottom .lista-dx {
    font-size:0.55em;
  }
  
  #coldxbottom .lista-dx.ballottaggio {
    font-size:0.6em;
  }
  
}

@media screen and (max-width: 385px), (max-device-width: 385px) {  

  .boxcoalizione-cc3 img.imglista-coalizione {
      width:70px!important;
  }

    .boxcoalizione.fl a.linkpuro div {
        width:100px;
    }
    
    h4.tit-art-home-noupper.elencolista {
      max-width:120px;
      padding-top:25px;
    }

    h4.note-candidato {
      float:left;
      clear:both;
    }
    
    h4.tit-candidato-noupper {
      float:left;
      clear:both;
    }

    .art-centrale.ballottaggio .coalizione-hp {
      width:100%;
    }
    
    
    h3.bal {
      margin-top:0px;
      margin-bottom:20px;
    }


    #coldxbottom .lista-dx.evidenzia {
      padding-top:2px;
    }
    
}

  
@media screen and (max-width: 340px), (max-device-width: 340px) {  

    .testo-pos {
      padding-top:1px;
    }


  h4.tit-art-home-noupper.elencolista {
    padding-top:2px;
    padding-bottom:6px;
    clear:both;
  }
  
 #coldxbottom.bal {
      height:85px;
    }

}