body {

	font-size:1em !important;
	background:none !important;

}

html, body{
  height:100%;
}

h1{
	
	font-size:1.5rem ;
	line-height:2rem ;
        margin-bottom: 1rem ;
	margin-top:0.5rem;
}


h2.article-h3{
    
    float:left;
    margin:0px;
    line-height: 1.6rem;
    
}

h2{
    
    font-size:1.4rem ;
    width:100% ;
}


h3{
	
	
}

/*
p:empty{
   
   display:none !important;
}*/

section:empty{
   
   display:none !important;
}


.adate{
    
    padding:0rem 1rem !important;
    margin: 0.4rem 0rem !important;
    
}

.mobile-only{
	
    display:block !important;
	
}

.mob-nanofont{
    
    font-size:0.6rem;
    
}

.mob-100{
    
    width:100% !important;
    float:left;
    
}

.person{
    

   font-size : 1rem;
   padding:0.3rem;
    
}

.role{
    

    font-size : 1.1rem;
    padding:0.3rem;
    
}

.mobile-not{

    display:none !important;	
	
}

p.title{
    
    font-size:0.9rem;
    margin-top:0rem !important;
    
}

.credits-img{
    
    margin:0.5rem;
    width:2.5rem;
    
}


.credits-person{
   
    font-size:0.9rem !important;  
    padding:0.5rem !important; 
    line-height: 1rem !important;
    
}



p.div100{

	padding:0.5em;	
	
}

.div100 > p{
    
    font-size: 1.1rem !important;
    
}

#mainpage{

	width:100% !important;

}

#push-screen{

	display:none !important;	
	
}


#mainpage #header{
	
	min-height:2em !important;

	
}


#breadcrumbs{

	padding:0% 1% !important;
        float:left;
        font-size:0.8rem;
	
}

span.div30, div.div30, div.div33{
	width:100% !important;	
	
}

.bg-green{

	background-color:	#7EBA4E !important;
	background-image:none !important;
	padding:1em !important;
	min-height:1em !important;
	
}

.bg-yel{

    background-color:	#FEDB4C !important;
    background-image:none !important;
    padding:1em !important;
    min-height:1em !important;
	
}

#results span.div100{
    
    font-size: 0.9rem !important;
    
}


#header #header-top, #header-menu-wrap{
    
    width:100%;
    
}

.ico-block-50{
    
    width:100%;
    padding:0% 5%;
    
}
.ico-block-50 .text{
    
    line-height: 1.5rem;
    
}

.ico-block-50 .subtext{
    
   padding-bottom: 0.8rem;
    
}

.ico-block{
    
    width:100%;
    
}

.ico-block > a{
    
    padding:0% 15%;
    
}

.offset-h2{
    
    width: 100%;
    margin:1rem 0rem;
    display: inline-block;
    
}

.img-40{
    
    width:100% !important;
    height:auto;
    
}



p.subtitle{
    
    font-size:1.1rem;
    padding:0.5rem;
    line-height: 1.8rem;
    
}

p.subtitle img{
    
    width:50%;
    margin:0% 25%;
    
}

.subtitle > p, .subtitle{
    
    width:100%;   
    
}

a#vote, a#notvote{
    
    width:90%;
    margin:6% 5%;
    
}

.ico-block > span{
    
    font-size:1.1rem;
    
}

#logo-box{
    
    background-size: 60%;
    
}

.int-menu{
    
    float: left;
    width:100%;
    
}

#header-menu-wrap ul{
    
    display: none;
    
}

#header-top{
    
    min-height: 4rem;
    
}

#nav{
    
    margin-top:1rem;
    
}

#nav span{
    
    background-color: #FFF;
    
}

.credits-block{
    
     width:100%;
     padding:0.3rem;
     min-height: 1rem;
    
}

.credits-label{
    
  
    min-height:1rem;
    
}

#frm_recap,.g-recaptcha,.g-recaptcha div {
    
    width:100% !important;
    height:auto;
    float:left;
    margin:0rem;
    
}

/*
#mainpage #header #header-top span{
	
	width:100% !important;
	padding:0.1em 0.5em  !important;
	font-size:0.9em !important;
        background-position: 0.3em 0.5em !important;
	
}

#mainpage #header #header-top span a{
    
    padding-left: 1.8em !important; 
    
}

#mainpage #header #header-main{
	
	padding-left:1em !important;
	height:67% ;
	
}

#mainpage #header #nav span{

	height:5px !important;	
	
}

#mainpage #header #nav{
	
	width:10% !important;
	margin-top:2em !important;	
	
}

#mainpage #header #nav span:nth-child(1) {

}

#mainpage #header #nav span:nth-child(2),#mainpage #header #nav span:nth-child(3) {
  top: 0.7em !important;
}

#mainpage #header #nav span:nth-child(4) {
  top: 1.4em !important;
}

#mainpage #header #nav.open span:nth-child(1) {
  top: 0.7em !important;

}

#mainpage #header #nav.open span:nth-child(4) {
  top: 0.7em !important;

}

#mainpage #header #header-main #logo-box{
	
    width:80% !important;
    margin-left:0.5em !important;	
    margin-top:1.6rem !important;
    height:3.5em !important;

}*/

.osw{
    
    width:100% !important;
    
}

.contact-form{
    
    background-image: none;
    
}

.contact-form > h2{
    
    margin-top:1rem !important;
    
}

.contact-form > div{
    
    width:100%;
    
}

#logo-box span{
    
    margin-left: 0.1rem !important;
    
}


#sub-footer-links{
    
    width:100% !important;
    float: left;
    margin:0rem;
    display: block;
    top:0rem;
    right:0rem;
    position: relative;
    border-top:1px dotted #FFF;
    
}

#footer #footer-wrap #footer-logo{

	width:4rem !important;
	margin: 1rem !important;	
	
}

#footer #footer-wrap #footer-hdr span{
	
	font-size:1.1rem !important;	
	margin-top:1.2rem !important;
        line-height: 1.7rem;
	
}

#footer #footer-wrap #sub-footer span{
	
	width:100% !important;
	min-width:5rem !important;
        text-overflow:clip;
	
}

#footer{
    
    overflow: hidden;
    
}

#content{
	
	width:100% !important;
        margin: 0px;	
        display: block;
	
}

.addthis_sharing_toolbox{
    
    display: none;
    
}

.div50, .responsive-quart{

	width:100% !important;	
	
}

.div50 > p{
    
    font-size:1.1rem;
    
}

.div50 > span{
    
    padding-top:2rem;
    
}


#content p{
    
    padding: 1rem ;
    
}

#footer #footer-wrap{
	
	width:100%;
	
}

#footer #footer-wrap #footer-logos {
    position: relative;
    bottom: 0rem;
    right: 0rem;
    width: 50%;
    margin: 1% 25%;
    float: left;
}

a.div100{
    
    font-size:1.2rem;
    
}

.big, .medium{
    
    padding:0.25rem 0.4rem;
    
}

#footer #footer-wrap #footer-socials{
		
	position:relative !important;
	width:100% !important;
	float:left !important;
	top: 0px !important;
	right: 0px !important;
	margin-top:1rem !important;
	
}

#footer #footer-wrap #footer-socials a{

	width:20%;
	float:left !important;
	margin-top:1rem !important;
	display:block !important;
	
}

#footer #footer-wrap #footer-socials a img{}

#footer #footer-wrap #footer-hdr{

	width:100% !important;
	
}

#footer #footer-wrap #footer-credits{

	height:auto !important;
	min-height:2rem !important;	
	
}

#footer #footer-wrap #footer-credits span:last-of-type{

	width: 100% !important;
	text-align:center !important;	
	padding: 0.5rem 0rem !important;
	margin:0rem !important;
}


#header #header-top{
    
    width:100%;
    
}

#header #header-top .title{
    
    font-size: 1.1rem;
    padding-left:5.7rem;
    padding-top: 2rem;
    margin-top:0rem;
}

#header #header-top .title:before {
    
    width:80px;
    height:75px;
    top:2rem;
    
}

.mainpage #header #nav {
    
    display: block;
    
}

h1.patto-h1{
    
    width:100%;
    padding:0rem !important;
    
}

#news .new{
    
    width:100%;
    margin:0.5rem 0rem;

}

#copertine-viewer h2{
    
   font-size:1.5rem; 

    
}

#news .new .foto, #news .new .new-title, #news .new .new-title-full, .new-hor .new-title, .new-hor .new-datapub, .new-hor .new-text {
    
    width:100%;
    
}

.new-hor .foto, .new-hor .foto img{
    
    width:100%;
    height:auto;
    max-width: 600px;
}

.new-hor .new-title{
    
    margin-top:1rem;
    
}




.content{
	
    width:100% !important;
    padding: 0.5rem;
    margin-bottom:0.5rem;
	
}

.content > p{
    
    padding:0.5rem !important;
    
}

.content h2{
    
    margin:0.5rem 0rem  !important;
    padding:0.5rem;
    
}

#search-box{
    
    width:95%;
    margin:0% 2.5%;
    
}

h2.with-ico{
    
    line-height:2rem;
    font-size:1.3rem;
    min-height:5.5rem;
    
}

#banners{
    
/*    display: none;*/
    height: 6rem;
}

.last-h2{
    
    width:100%;
    top:-5rem;
    left:0rem;
    margin:0rem;
    
}

#opt-nav{

    display:none !important;	
	
}

.first-par{
    
    
}

.first-par p{
    
    float:none;
    margin-top:0.5rem;
    
}

.first-par img{
    
    width:30%;
    
}

#copertine-viewer{
    
    background-size: cover;
    background-position: 86%;
    margin-bottom:6rem !important;
}

.last-panel{
   
    width:100%;
    
}

.last-panel p:first-of-type{
    
   padding-left: 0px;
    
    
}

#banners #banners-wrap,#banners #banners-wrap img{
    
    width:100%;
    height:auto;
    float:left;
    margin:0rem;
    
}

#banners #banners-wrap #vote{
    
    width:90%;
    margin:6% 5% !important;
    
}

.responsive-quart{
	
	width:25%;
	margin-right:0.5rem;
        margin-top:1.2rem !important;
}

#footer #footer-wrap{
	
    width:100% !important;
	
}

.badge{
    
    width:90% !important;
    margin:1rem 5% !important;
    border:2px solid #023447;
    min-height: 1rem !important;
    
}

.badge h2{
    
    font-size:1.1rem !important;
    
}

.badge img{
    
    width: 50%;
    margin:1rem 25% 0.5rem;
    
}
/*
a.btn{
    
    min-width: 44%;
    
}*/

a.btn, a.a-btn, span.a-btn{
    
    min-width: 2rem !important; 
    
}

a.btn:first-of-type{
    
    width:94%;
    margin:0.2rem 2%;
    
}

.med-fonts > h2{
    
    margin:0.3rem 0rem !important;
    
    
}
.med-fonts p, #tab1 > p, #tab2 > p {
    
    font-size: 1rem;
    
}

#tab h3{
    
    font-size: 1.3rem;
    
}

#tab h4{
    
   padding-bottom: 0.5rem;
    
}

#tab1 > h4, #tab2 > h4{
    
    font-size: 1.2rem;
    
} 

#tab{
    
    min-height: 0rem;
    margin-top: 1rem;
    
}

#login-box{
    
    position: absolute;
    right:4rem;
    top:-1rem;

    
    
}

.login{
    
right:-3rem;

}

.prg-cnt{
    
    width: 80%;
    margin:0% 10% 1rem 10%;
    height: auto;
    
}

.clear{
    
    margin:0.2rem 0rem;
    
}

.bg-gray-s{
    
    margin-bottom:0rem !important;
    
}

.responsive-x{
    
    width:100% !important;
    
}

.no-margin{
    
    margin:0rem !important;
    
}

.info{
    
    width:100%;
    margin:0% 0% 1rem 0%;
    padding:0.5rem;
    background-image: none;
    
}

span.info{
    
    font-size: 1.1rem;
    width: auto;

}

.wiz-input{
    
    width:80%;
    margin-right:0rem;
    
}

.nano-pulsant{
    
    width:90%;
    margin:0% 5%;
    
}

.prof > input, .prof > select{
    
    width:100%;
    
}

.wiz-ico{
    
    width:17%;
    margin:0.6rem 0rem 0rem 0rem;
    
}

.reg{
    
    padding:0.5rem !important;
    
}

.off-circle{
    
    position: relative;
    height:4rem;
    width:100%;
    border-radius: 1rem;
    background-color: #D80000;
    display: block;
    padding:1rem;
    font-size:2.2rem;
    font-weight: bold;
    top:auto;
    right: auto;
    display: block;
    
}

.off-circle > span{
    
    padding:0rem 0.3rem;
    float:left;
    color:#FFF;
    font-size: 1.7rem;
    display: block;
    
}


#hdr-h1-container{
    
    width:100%;
    height: auto;
    position: absolute;
    top:6rem;    
    
}

#hdr-h1-container a, #costruzione a, #progetti a{
    
    width:90%;
    margin:1rem 5%;
   
}

#hdr-h1-container a:first-of-type,#costruzione a:first-of-type{
    

    margin:1rem 5%;
}

#hdr-h1-container a:last-of-type, #costruzione a:last-of-type{

    margin:1rem 5%;
}

#hdr-h1-container h1{
    
    color:#FFF;
    letter-spacing: 0.35rem;
    line-height:2.8rem; 
    font-size: 2.4rem;
    
}


#obiettivi{
    
    
}

#costruzione{
    
    background-size: auto;
    height: 30rem;
/*    height: 34rem;*/
    background-position: top center;
    background-size: cover;
}

#obiettivi img{
    
    float: left;
    width: 90%;
    height: auto;
    margin:1% 5% 0%;
    
}

#obiettivi > .content > div, #costruzione > .content > div{
    
    margin-top:0rem;
    width: 100%;  
    
}

#obiettivi > .content > div h2, #costruzione > .content > div h2{
    
    text-align: center;
    font-size: 2rem;
    line-height: 2.5rem;
    
}

#obiettivi > .content > div p, #costruzione > .content > div p{
    
    text-align: center;
    padding:0.8rem;
    
}

#progetti > .content > div p{
    
    margin-bottom: 0.5rem;
    
}

#obiettivi a{
    
    width:48%;
    margin:1%;
    height: 11.5rem;
}

#obiettivi a img{
    
   margin:0rem;

}

#obiettivi a span{
    
    font-size: 0.8rem;
    min-height:4.8rem; 
}


#hdr-h1-container{
    
    top:0rem;
    position: relative;
    
}

#hdr-h1-container h1{
        
    font-size: 1.9rem;
    line-height: 2.1rem;
    font-size: 1.1rem;  
    color:#000;
    
}
    
#hdr-h1-container a:first-of-type, #costruzione a:first-of-type{

    margin:0rem 5%;

}

.shad-txt{
    
    text-shadow:none !important;
    
}

.pums-wiz h2,
#banner-bottom h2{
    
    font-size: 1.3rem;
    line-height: 1.6rem;
    
}

#banner-bottom{
    
    background-size: cover;
    
}

#banner-bottom p{
    
    
    font-size: 0.9rem;
    
}

#banner-bottom .div50{
    
    margin-top:0.2rem !important;
    margin-bottom:0.2rem !important;
}

#banner-bottom a.btn-yel{
    
    margin-bottom: 2rem;
    
}

#flagger{
    
    width:60%;
    margin:1% 20%;
    
}

#toplev .div50 img{
    
    display: none;
    
}

.green-border{
    
    border: none;
    width:100%;
    padding:0.5rem;
    
}

.green-border h2{
    
    font-size:1.5rem;
    margin:0rem !important;
    
}

.div100 h1{
    
    margin-top:1rem;
    margin-bottom:0rem !important;
    
    
}

.green-border a{
    
    width:90%;
    margin:2rem 5%;
    font-size: 1rem;
    padding:0.5rem !important;
    
}

#scenari{
    
    margin-top:0.5rem  !important;
    
}

#scenari h1{
    
    font-size: 1.4rem;
    padding:0rem !important; 
    text-align: center;
}

#scenari .div100 .div33,
#scenari .div100 .div50{
    
    margin:1%;
    width:98% !important;
    
}

span.pdf{
    
    margin:0.5rem 0rem !important;
    width:100% !important;
    
}

span.pdf:before, span.doc:before, span.rtf:before, span.zip:before {

/*    top:1.8rem;*/
    
}

#crono-flow{
    
    width:100%;
    
}

#crono-flow #head, #crono-flow #tail{
    
    left:2%;
    
}

#crono-flow #line{
    
    left:12%;
    
}

#crono-flow .crono-item{
    
    left:22% !important;
    
}

#crono-flow .crono-item:nth-child(even),
#crono-flow .crono-item:nth-child(odd){
    
    left:14%;
    
    
}

#crono-flow .crono-item:nth-child(7){
    
    top:73%;

}

#crono-flow .crono-item:nth-child(6){
    
    top:56%;

}

#crono-flow .crono-item:nth-child(5){
    
    top:32%;

}

#crono-flow .crono-item:nth-child(4){
    
    top:15%;
   
    
}

#crono-flow .crono-item:nth-child(even):before{
    
    display: none;
    
}

#crono-flow .crono-item:nth-child(even):after {
    
    border-top: 0.8rem solid transparent;
    border-bottom: 0.8rem solid transparent; 
    content:'';   
    width:0.8rem;
    height: 0rem;
    display: block;
    position:absolute;
    top:18.5%;
    left:-19%;
    
    
}

#crono-flow .crono-item:nth-child(4):after{
    

    border-right:2rem solid #6d4e78; 
    
}
    
#crono-flow .crono-item:nth-child(6):after{
    
    
    border-right:2rem solid #feba18; 
    
}    

#articolo .div50{
    
    margin:1% 0%;
}

#articolo .div50 .date{
    
    width:100%;
    max-width: none;
    border:none;
    
}

#articolo .div50 .date-text{
    
    width:100%;
    
}

.two-cols{
    
    -moz-column-count: 1;
    -moz-column-gap: 0rem;
    -webkit-column-count: 1;
    -webkit-column-gap: 0rem;
    column-count: 1;
    column-gap:0rem;
    
}
/*
#pums-steps {
    
    
    width: 100%;
    margin:1% 0rem;
    
}*/

#pums-steps {
    width: 92%;
    margin: 2rem 4%;
}

#pums-steps a.pums-step{
    
    width:2.5rem;
    height: 2.5rem;
    font-size: 1.3rem;
    padding-top:0.4rem;
    
}

#pums-steps > span{
    
    width: 0.5rem;
    margin-top:1rem;
}

#pums-steps a.pums-step:last-of-type{
    
     padding-top:0.7rem;
     font-size: 0.9rem;
}

.pums-page{
    
    padding:0.5rem;
    
    
}

.pums-page .pums-row li, 
.pums-page .pums-row-hdr li, 
.pums-page .pums-row-hdr-rb li {
    
    width: 100%;
    min-width: 2rem;
}

.pums-page .pums-row-hdr li {
    
    width: 100%;
}

.pums-2-1 > li {
    
    width: 50% !important;
    
}

.pums-page .pums-row-hdr li span {
    
    width: 16%;
    float: left;
    
}

.pums-page .pums-row-hdr li span:nth-of-type(2) {
    
    width: 84%;
    padding-top: 0.3rem;
    display: block;
    text-align: left;
    float: left;
    font-size: 0.9rem;
    padding-left: 0.3rem;
    
}

.pums-li-span {
    
    width: 100% !important;
    padding-bottom: 0.5rem;
    display: block;
    font-weight: 600;
    
}

.a-label .a-img, 
.full-label .a-img, 
.line-grey, 
.not-mobile{
    
    display: none !important;

}

.pums-2-1 > li:first-of-type {
    
    width: 100% !important;
    
}

.pums-page .pums-row li > span{
    
    font-size:0.9rem;
    padding-right: 0.5rem;
    width: 85%;
}

.pums-page .pums-row-hdr-rb li:first-of-type{
    
    width: 60%;
    
}

#frm_recap, .g-recaptcha, .g-recaptcha div {
    
    width: 96% !important;
    height: auto;
    float: left;
    margin: 2%;
    
}

#pums-steps.strat a.pums-step:last-of-type{
    
    display: none;
    
}

#pums-steps.strat > span:last-of-type{
    
    display: none;
    
}

.pums-page h2{
    
    font-size: 1.6rem;
    
}

.pums-page .pums-body .pums-row ul li{
    
    width:19%;
    margin:1% 7%;
    
}
    
.pums-page.strat .pums-body .pums-row p{
    
    width:95%;
    
}

.pums-page .pums-body .pums-row:first-of-type span{
    
    width:100%;
    
}

.questionario-riga{
    
    
}

.questionario-riga img{
    
    width: 100%;
    height: auto;
    padding: 0.5rem;
    
}

.questionario-riga h2,
.questionario-riga p{
    
    width: 100%;
    margin:0rem;
    
}

.questionario-riga p{
    



    
}

.pums-page .pums-body .pums-row ul,
.pums-page p:first-of-type{
    
    width: 100%;
    
}

.pums-page .pums-body .pums-row span.rownum{
    
    width:10%;
    
}

.pums-page.strat .pums-body .pums-row p{
    
    width:90%;
    
}

#disclaimer{
    
    width:96%;
    margin:1%;
    left:1%;
    
}

.ul-pums{}
.ul-pums li{margin:.5rem 0rem;float:left;}
.ul-pums li span{width: 13%;}
.ul-pums li p{

    width: 82%;
    margin-top:0rem;
    padding-top:.2rem;
    
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px){ 

    
    

}

/* iphone5 ----------- */
@media only screen and (max-width: 320px){
    
    
    #obiettivi a{

        width:48%;
        margin:1%;
        height: 12rem;
    }

    #obiettivi a img{

       margin:0rem;

    }

    #obiettivi a span{

        font-size: 0.8rem;
        min-height:6.3rem; 
    }

    .login{
        
        right:-3.5rem;
        width:18rem;
    }
    
    #hdr-h1-container h1{
        
        font-size: 1.4rem;
        line-height: 1.9rem;
        
    }
    
    #hdr-h1-container a:first-of-type, #costruzione a:first-of-type{
        
        margin:0rem 5%;
        
    }
    
    #costruzione{
        
        height: 34rem;
        background-position: top center;
        background-size: cover;
        
    }
	
}