@import url(//fonts.googleapis.com/css?family=Montserrat:200,300,400,500,550,600,bold);
@import url(//fonts.googleapis.com/css?family=Roboto:200,300,400,500,550,600,bold);

*{

	box-sizing:border-box;	
	
}

html, body{

	width:100%;
	height:100%;
	letter-spacing: 0.05rem;
/*        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;*/
        
}
 
body {
    
	margin:0px;
	font-family: 'Montserrat', sans-serif;
	color: #1C2024;
	transition: background-color .5s;
}

img{
	
	border:0px;

}

a{
	
	text-decoration:none;
	color:#003366;
      

}

a:hover{

	text-decoration:none;
	color:#0066CC;

}

h1,h2,h3,h4,h5{
    
    
    font-family: 'Montserrat', sans-serif;
    
}



p:empty,h1:empty{
    
    display: none;
    
}

.desc:empty,#src-eng:empty{
    
    display: none;
    
}

h1{
	
    min-height:1rem;
    height:auto;
    text-align:center;
    float:left;
    vertical-align:middle;
    font-size:1.8rem;
    line-height:2.1rem;
    font-weight:400;
    letter-spacing:0.05rem;
    display:block;
    font-weight:600;
    padding:0rem 0.5rem;
    width:100%;
    margin-top:.5rem;
    position: relative;
    
}

h1 span{

	color:#C30030;

}

h2{
	
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	float:left;
	vertical-align:middle;
	font-size:1.8rem;
	letter-spacing:0.05rem;
	margin:.5rem 0rem;
}

h3{
	
	width:100%;
	height:auto;
	text-align:center;
	float:left;
	margin-bottom:0.5rem;
	vertical-align:middle;
	font-size:1.6rem;
	line-height:2rem;
	
}


.fancybox-lock .fancybox-overlay{
    
    z-index: 9999999;
    
}

.clear{clear:both;}

p{
	
    margin:0px;
    padding:0px;
    font-size:1rem;	
    line-height: 1.7rem;
/*    float:left;*/
	
}

span > p{
    
    margin: 0.3rem 0rem;
    color: #333;
    
}

span > p::first-letter {
    
    text-transform: uppercase;
    
}

ul{

	margin:0px;
	padding:0px;
        list-style: none;

}

span.sub-logo{
    
    font-size:0.6em;
    line-height: 1.2em;
    margin-left:0em !important;
}


#article ul, #article ul li ul{
	
	padding:2em;	
	list-style-position:inside;
	
}

.div100:blank{
    
    display: none;
    
}

h1.div100{
    
    line-height:1.7rem;
    
}

.error{border:1px solid red !important;}

select{
	
	width:100% !important;padding:1%;
	
}

.disabled{
	
    opacity:0.5;
    pointer-events: none;
	
}

.cl-red{

	color:#7F0000;
	
}

.cl-white{

	color:#FFF;
	letter-spacing:0.05em;	
	
}

.cl-blu{

	color:#0A4D7F;
	letter-spacing:0.05em;	
	
}

.adate{
    
    font-style: italic;
    
}

#dyscrollup-btn {
    z-index: 11;
    position: fixed;
    cursor: pointer;
    display: none;
    bottom: 3rem;
    right:0.6rem !important;
}

#top-lev span img,
#top-lev{
    
    display: none;
        
    
}


.h2-styled{
	
	background-image:url(../img/lente_34px.png);
	background-repeat:no-repeat;
	background-position:0.5em 0.5em;
	
}

#ajax-loader{
    
    position: absolute;
    left: 40%;
    top:25%;
    z-index: 9999;
    display: none;
    width:8rem;
    height: auto;
    
}

#mainpage{
	
    height: auto;
    min-height: 20em;
    width: 100%;
    position:relative;
    transition: margin-left .5s;
    overflow:hidden;
    margin-bottom:2rem;
}

#twickerbar,#twitcker{
    
    width: 100%;
    height: 2.5rem;
    float: left;
    display:none;
}

#sub-hdr-img{
    
    width: 100%;
    height: auto;
    min-height: 1rem;
    float: left;
    
}

#sub-hdr-img img{
    
    width: 100%;
    height: auto;
    float: left;
    border: none;
    
}

/*festino*/
#header-festino{
    
    background-color: #000;
    height: 8rem;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
    background-repeat: no-repeat;
    background-position: top left;
    border-bottom: 2px solid #003348; 
    
}

.festino-398 section.wrap-full.first{
    
    margin-top:8rem;
    
}

.festino-398 #header-festino{
    
    background-color: #EAA0C5 !important;
    border-bottom:3px solid #ec9f01 !important; 
    
    
}

#header-festino #header-main{
	
    width:auto;
    max-width:1440px;
    margin:0 auto;
    padding-left:1rem;
    min-height:3rem;
    height:60%;
    position:relative;
		
}

#header-festino #header-main #logo-box{
    
    width:auto;
    height:6rem;
    margin-top:1rem;
    float:left;
    margin-left:1rem;
    position:relative;
    
    
}

#header-festino #header-main #logo-box a {
    
    margin-top: -1rem;
    display:block;
}

/*.festino-398 #video-cont {
    
    position: relative;
    width: 100%;
    height: 51rem;
    margin-bottom: 1rem;

}*/

#video-cont {
    
    position: relative;
    width: 100%;
    height: 51rem;
    margin-bottom: 1rem;

}

#footer_santa{
    
    width:100%;
    float:left;
    background-color:#000;
    min-height:11rem;   
    
}

#footer_santa #footer-logo{
    
    padding:1rem;
    
}

#footer_santa #footer-logo img{
    
    margin:.5rem;
    float:left;
    display:block;
    
    
}

#footer_santa h3{
    
    color:#D82D6F;
    text-align: left;
    font-size: 1.5rem;
    margin-bottom:1rem;
}

.festino article{
    
    width:48%;
    margin:1%;
    float:left;
    height:auto;
    border-radius:.5rem;
    padding:.5rem;
    background-color:#FFF;
    
}

.festino article img{
    
    width:26%;
    height: auto;
    float:left;
    margin:0rem .5rem 0rem 0rem;
    
}

.festino article a > div{
    
    width:72%;
    height: auto;
    float:left;
    padding:.5rem;
    
}

.festino article a > div .div100:nth-child(1){
    
    font-weight: bold;
    font-size: 1.2rem;
    color:#333;
    
}

.festino article a > div .div100:nth-child(2){
    
    font-weight: 550;
    font-size: 1rem;
    color:#696969;
    
}

.festino-398{
    
    
    
}

.loghi_398 img{
    
    height:3rem;
    float:left;
    display:block;
    width:auto;
    margin:.75rem 1rem;
    
}

#footer-logo > div > div:nth-child(4) img,
#footer-logo > div > div:nth-child(5) img{
    
   height:2.5rem !important; 
    
}

.footer_398{
    
    border-top:3px solid #ee4037;
    background-image: url('../img/footer_398.png');
    background-repeat: no-repeat;
    background-position: top left;
        
}


#santa_bg{
    
    background-image: url('../img/storia_festino/filigrana.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
    
    
}

#festino-apts > article:nth-child(odd){
    
    background-color:#F8F8F8;
    
}

#festino-apts-l > article:nth-child(odd){
    
    background-color:#F8F8F8;
    
}

#festino-apts article.div50{
    
    padding: 0% 1rem; 
    margin-top: 1rem;     
    width:100%;
    
}

#festino-apts article.div50 h3{
    
    font-size:1.2rem;
    text-align:left;
    font-weight: 550;
    
}

#festino-apts article.div50 span{
    
    font-size:1.1rem;
/*    font-style:italic;*/
    padding-bottom:0%;
    position:relative;
    padding-left:2.5rem;
    
}

#festino-apts article.div50 span:before{
    
    display: block;
    margin-right:0.5rem;
    width: 1.8rem;
    height: 1.8rem;
    content: url("../img/ico/segna.png"); 
    position: absolute;
    top:-.4rem;
    left:0rem;    
    
}

#festino-apts article.div50 p{
    
    font-size:1rem;
    margin-bottom:1%;
    width:100%;
    float:left;
    display: block;
    
}

#festino-btns .div50 a{
    
    width:18rem;
    margin:1rem;
    border-bottom:2px solid #3D4169;
    text-align: center;
    border-radius:.5rem;
    padding:.75rem;
    color:#FFF;
    font-size: .9rem;
    display: block;
    
}

#festino-btns .div50 a:hover{
    
    
    
}

#festino-btns .div50:nth-child(1) a{
    
    float:right;
    background-color: #51568E;
}

#festino-btns .div50:nth-child(2) a{
    
    float:left;
    background-color: #C1235D;
}

.festino h1{
    
    margin-top:9rem;
    
}

/*fine festino*/
/*header*/
#header{
	
    background-color: #0C6594;
    height: 13em;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
    background-repeat: no-repeat;
    background-position: top left;
    border-bottom: 2px solid #003348;
	
}

#header.hdr-main{
    
    background-image: url('../img/main_bgd.png');
    background-size: 100% 100%;
    
}

#header.hdr-sec{
    
    background-image: url('../img/hdrs/header_2.png');
    
}


#header img{
	
	width:100%;
	height:auto;	
	
}

#header #header-top{
	
	width:100%;
	height:3em;
	float:left;
	background-color:#003348;
	line-height:3em;
			
}

#header #header-top span{
	
	color:#FFF;
	font-size:1.1rem;
	display:block;
	height:100%;
	width:auto;
        min-width: 10rem;
	margin:0 auto;
	letter-spacing:0.15rem;
	font-weight:500;
	padding-left:17.5rem;
	float:left;
        
}

#header #header-main{
	
    width:auto;
    max-width:1440px;
    margin:0 auto;
    padding-left:1rem;
    min-height:3rem;
    height:60%;
    position:relative;
		
}

#spid{
    
    min-width:15rem;
    width:auto;
    float: right;
    height: 100%;
    background-color: #0066CC;
    background-image:url(../img/ico/spid-icon.png);
    background-repeat: no-repeat;
    background-position: center right;
    display: block;
    color: #FFF;
    padding:0rem 4rem 0rem 1rem;
    background-size:20%;
    transition:ease all 0.5s;
    text-align:center;
    
}

#spid:hover{
    
   text-decoration: underline;
    
}


#logo-box{
	
	
	width:auto;
	height:6rem;
	margin-top:2rem;
	float:left;
	margin-left:2rem;
	position:relative;

} 

#logo-box span{

	width:auto;
	min-width:15rem;
	height:auto;
	display:block;
	line-height:1.4rem;	
	color:#FFF;
	float:left;
	font-weight:500;
	margin-left:1rem;
	letter-spacing:0.1rem;


}

.up-logo{
    
    font-size: 2.1rem;
    color:#FFF;
    
}

#logo-box img{
	
	width:auto;
	height:100%;
	float:left;
	
}

#logo-box a{
    
    margin:0rem;
    font-size: 2.2rem;
    font-weight: 600;
    
}

#logo-box a:hover{
    
   color:#FFF;
    
}

/*social container su header*/
#social-box{
	
    position:absolute;
    right:1rem;
    top:1rem;
    width:18.5rem;
    height:4rem;
	
}

#social-box a.lang{

	width:3rem;
	height:auto;
	display:block;
	border:1px solid #FFF;
	text-align:center;
	padding:1%;	
	float:left;
	margin:2%;
	color:#FFF;	

}

.festino-398 #social-box span{

    color:#000;
    font-weight:550;
    
}

#social-box span{

	display:block;	
	float:left;
	line-height:2rem;
	color:#FFF;
	width:auto;
	height:auto;
	padding:1%;
	min-height:1rem;
	font-size:1.1rem;
	padding-right:0.5rem;
}

#social-box .ico{
	
	float:left;
	width:2rem;
	height:auto;
	margin-right:0.5rem;
	margin-top:0.3rem;
}

/* fine social container su header*/

/*motore di ricerca google su header*/
#search-box{
	position:absolute;
	right:1rem;
	top:5rem;
	width:25rem;
	height:3rem;
	display:block
}

#search-box input{
	
	width:85%;
	padding:0.5rem;
	border:none;
	float:left;
	height:100%;
	font-size:1.1rem;
	font-weight:400;
	letter-spacing:0.05rem;
        background-color: #FFF;
}

#search-box a img{
	
	width:12.2%;
	height:auto;
	float:left;
	
}

#m-search-box{
	
	display:none;
	
}

/*fine motore di ricerca google su header*/

/*fine header*/




/*singolo articolo news*/

div#new .div100:nth-child(2){
    
    margin-bottom:2rem;
    
}


article.new{
       
    width: 30%;
    height: auto;
    min-height: 2rem;
    padding:1rem 0.8rem;
    float: left;
    margin: 1%;
    border-radius: 1rem;
/*    border:1px solid #EEEEEE;*/
     
}

article.new:hover{
   
    box-shadow: 2px 3px 6px 0px #D0D0D0;
    
}


/*article.new img{
    
    width: 100%;
    height: auto;
    float: left;
    
}*/

article.new h3,article.new h3 a,article.new .date,article.new .tag,article.new p{
    
    width: 100%;
    height: auto;
    display: block;
    float: left;
    text-align: left;
    
}

article.new h3{
    
    margin:0rem;
    padding-top:.5rem;
    
}

span.round-img{
    
    float:left;
    display:block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    margin:0rem .5rem .5rem 0rem;
}

span.round-img img{
    
    position: absolute;
    top:0px;
    left:0px;
    height: 100%;
    width: auto;
    
}

article.new h3 a{
    
    font-size: 1.1rem;
    color:#333;
    padding:0.3rem;
    line-height: 1.7rem;
    font-weight: 600;
    float: none;
    padding-top: 0rem;
}

article.new h3 a:hover{
    
    text-decoration: underline;
    
}

article.new .date{
    
    color: #666;
    font-size: 0.75rem;
    padding:0rem 0.3rem;
    color:#07436F;
    font-weight:500;
    font-style: italic;
    
}

article.new p{
    
    font-size:0.9rem;
    float: left;
    color:#454F58;
    padding:0.5rem 0.3rem 0rem 0.3rem;
    
}

article.new .tag{
    
    font-size: .75rem;
    color:#0066cc;
    padding:0rem 0.3rem;
    font-weight: 600;
    margin:0rem;
        
}

/*fine singolo articolo news*/

.leggi-tutte{
    
    width: 1440px;
    height: auto;
    padding:0rem 120px 2rem 120px;
    margin: 0 auto;
    overflow: auto;
}

.leggi-tutte a{
    
    width: auto;
    display: block;
    float: right;
    color: #333;
    font-size: 1.2rem;
    font-weight: 600;
    
}

.leggi-tutte a:hover{
    
    text-decoration: underline;
    
}

/*abbinamenti css/flex*/
#slider{
    
    width: 100%;
    height: auto;
    float: left;
    
    padding:3rem;
}

#newsgrid{
    
/*    height: 43rem !important;*/
    
}

ul.slides, ul.slides li{
    
    width: 100%;
    
}

#slider ul li .slider-notice{
    
    width: 46%;
    float: left;
    height: auto;
    
    
}

#slider ul li .slider-notice .slider-tag{
    
    width: 100%;
    height: auto;
    float: left;
    padding: 0.5rem;
/*    border-bottom:2px solid #003F66;*/
    font-size: 1rem;
    font-weight: 600;
/*    color: #0066CC;*/
    
}

#slider ul li .slider-notice .slider-tag a{
    
    color:#004065;   
    
}


#slider ul li .slider-notice .slider-title{
    
    width: 100%;
    height: auto;
    float: left;
    padding: 0.5rem;
    font-size: 1.4rem;
    
    
}

#slider ul li .slider-notice .slider-title:hover{}

#slider ul li .slider-notice .slider-title a{
    
    width: 100%;
    height: auto;
    float: left;
    display: block;
    color: #333;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    
}

#slider ul li .slider-notice .slider-title a:hover{
    
    
    text-decoration: underline;
    
}

#slider ul li .slider-notice .slider-desc{
    
    width: 100%;
    height: auto;
    float: left;
    padding: 0.5rem;
    font-size: 1.2rem;
    color: #454F58;
    line-height: 1.6rem;
    
    
}

#slider ul li .slider-image{
    
    width: 54%;
/*    max-width: 700px;
    max-height: 380px;*/
    height: auto;
    float: right;
    padding: 1rem 2rem;
    border-radius: .7rem;
   
}

#slider ul li .slider-image img{
    
    
    width: 97%;
    height: auto;
    float: left;
    border-radius: .7rem;
    
}

/*fine abbinamenti css/flex*/

/*infowindow gmaps*/

.infowindow{
    
    width:25rem;
    
}

.infowindow.festino-398 .iw-img{
    
    height:3rem;
    width:auto;
    margin:.5rem;
    float:left;   
    
}

.infowindow a{
    
    font-weight:550;
    
}

.infowindow-l{
    
    width:25rem;
    
}

.infowindow-l.small h2.div100{
    
    font-size: 1.1rem;
    text-align: left;
    margin-top:.5rem;    
    padding-left: .5rem;
    float:left;
    width:85%;
    
}
.infowindow-l.normal h2.div100{
    
    font-size: 1.1rem;
    text-align: left;
    width:75%;
    margin-top:.5rem;    
    padding-left: .5rem;
    float:left;
   
}

.infowindow h2.div100{
    
    font-size: 1.1rem;
    text-align: left;
    margin-top:.5rem;    
/*    padding-left: 1rem;*/
    width:100%;
    float:right;
    margin-bottom:1rem !important;
    
}

.infowindow.festino-398 h2.div100{
    
    width:16.5rem !important;
    float:left !important;;
    font-size: 1rem !important;;
    margin-left: 1rem;
    
}

.infowindow.festino-398 span p{
    
    line-height: 1.4rem;
    
}

.iw-btn span, span.normal, .iw-img.small{
    
    display:inline-block;
    float: left;
    
}

.infowindow-l .iw-img{
    
    float:left;
    display: block;
    margin:1%;
    width:auto;
    height:auto;
    
}

.infowindow-l .normal{
    
    width:5rem;
    height:5rem;
    overflow: hidden;
    border-radius:.5rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    
}

.infowindow-l .iw-btn{
      
    height: auto;
    width: 31%;
    float: left;
    display: block;
    background-repeat: no-repeat;
    background-position:.5rem;
    border-radius: 0.4rem;
    margin: 1%;
    background-color: #E6E6E6;    
    padding:.5rem;
    padding-left: 2.75rem;
    
}

.infowindow-l div{
    
    width:auto;
    font-size: 1rem;
    margin-top:.25rem;
    float:left;
    padding:.5rem;
}

.infowindow-l .iw-btn span{
    
    font-size: .9rem;
    font-weight: 500;
    
}

.iw-img{
    
    float:left;
    display: block;
    margin:0% 21%;
    width:58%;
    height:auto;
    
}

.iw-img.small{
    
    width:2rem;   
    
}

.iw-btn {
    font-size: 0.8rem;
    height: 2rem;
    width: 47%;
    float: left;
    display: block;
    background-repeat: no-repeat;
    background-position:.5rem;
    padding-left: 2.3rem;
    border-radius: 0.4rem;
    margin-right: 3%;
    background-color: #E6E6E6;
    padding-top: 0.5rem;
}

.iw-address{
    
    font-size: 0.9rem;
    margin-bottom:2rem;
    
}

.shadowed{
    
     box-shadow: 0px 0px 7px 1px #c5cacd;
    
}

/*fine infowindow gmaps*/


/*Inizio navigazione*/
/*Pannello di navigazione opzionale*/
#opt-nav{
	
    width:100%;
    height:auto;
    float:left;	
    background-color:#FFF;
    margin-top:13rem;
    border-bottom: 2px solid #005380;
    min-height: 2.5rem;
	
}

#opt-nav #opt-nav-main{
	
	min-width:20rem;
	width:auto;
	max-width:1440px;
	height:auto;
	margin:0 auto;
	display:table;
	
}

#opt-nav #opt-nav-main ul{
	
	float:left;
	width:100%;
	display:block;
	height:auto;
	min-height:1rem;
}

#opt-nav #opt-nav-main ul li{
	
	width:auto;
	min-width:1rem;
	padding:0.5rem 0.7rem;
	float:left;
	height:auto;
	display:block;
	
}

#opt-nav #opt-nav-main ul li a{
	
	color:#000;
	font-size:1.1rem;
	border-bottom:1px solid transparent;
        display: block;
        font-weight: 500;
        float:left;
}

#opt-nav #opt-nav-main ul li a:hover{
	
	border-bottom:1px solid red;
	
}

/*Fine pannello di navigazione opzionale*/

/*pannello laterale menu*/

.mySidenav{
    
    width: 24rem;
    display: none;
    
}

.sidenav {
    height: 100%;
    width: 26rem;
    position: fixed;
    z-index: 1000001;
    top: 0;
    left: 0;
    background-color: #FFF;
    overflow-x: hidden;
    overflow-y: auto;
    transition: 0.5s;
    display: none;
/*    padding-top: 60px;*/
		
}

.sidenav > ul{
	
/*	border:1px solid #EEE;*/
	display:block;
	float:left;
	width:100%;
	height:auto;
	min-height:1rem;
  

	
}

.sidenav ul li:first-of-type{
	
	display:block;
	
}

.sidenav ul > li{
	
	border-bottom:1px solid #EEE;
	position:relative;
	width:100%;
	float:left;
        padding-left:0rem;
}

.sidenav ul li:last-of-type{
	
	border-bottom:none;
	
}

.sidenav ul li a, #goback {
   
    text-decoration: none;
    letter-spacing:0.05rem;
    color: #000;
    display: block;
    height:auto;
    min-height:2.8rem;
    line-height:2.2rem;
    padding: 0.5rem 0.2rem 0.5rem 1rem;
    font-size: 1rem;
    width:100%;
    float:left;
    
}

.sidenav ul li a{
    
    transition: 0.3s;
    
}

.sidenav ul li a:hover{
	
    background-color: #9DC8E0;
    color: #000;
}

.sidenav ul li strong{
    
    display: block;
    float:left;
    width:85%;
    top:0;
    left:0;
    font-weight: normal;
        
 
}

.sidenav ul li span:nth-child(1){

    position: absolute;
    top: 0rem;
    right: 0rem;
    width:3.2rem;
    height:3.2rem;
    display:block;
    cursor:pointer;
    
}

.sidenav ul li span:nth-child(1):after{

    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.5rem;
    content: "\203A";
    font-weight:bold;
    position:absolute;
    top:0.4rem;
    left:1.1rem;
    color:#FFA000;
    font-size:2rem;
		
}

.sidenav ul li span:after:hover{
    
    color:#FFF;
    
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    
    position: absolute;
    top: 0rem;
    right: 1rem;
    font-size: 3rem;
    color: #FFF;
    
}


ul.active-menu > li > ul{
    
    display:block !important;
    
}

.active-menu{

    background-color:#FFF;	
	
}

li.active-menu>a{
	
    color:#FFF !important;	
    font-weight:500;
	
}

#menu-bc{
    
    width:100%;
    height:auto;
    padding:0.5rem;
    color:#FFF;
    min-height: 6rem;
    position: relative;
}

#menu-bc span:first-of-type{
    
    padding:0.5rem 0.5rem 0.5rem 2rem;
    font-size: 1.3rem;
}

#menu-bc span{
    
     padding:0.5rem 0.5rem 0.5rem 4rem;
     display: block;
     font-size: 1.1rem;
    
}

#menu-bc span:nth-child(2):before,
#menu-bc span:nth-child(3):before,
#menu-bc span:nth-child(4):before{
    
    float: left;
    display: block;
    margin-right:0.5rem;
    width: 20px;
    height: 20px;
    content :  '\2937';
    position: absolute;
    top:2.7rem;
    left:3rem;
    font-weight: bold;
    font-size:1.5rem;
   
}

#menu-bc span:nth-child(3):before{
    
    top:5rem;
    left:4rem;
}

#menu-bc span:nth-child(4):before{
    
    top:7rem;
    left:5rem;
}


#menu-bc span:nth-child(3) a{
    
    padding-left: 1rem;
    
}
#menu-bc span:nth-child(4) a{
    
    padding-left: 2rem;
    
}

#menu-bc span a{
    
    color:#FFF;
    font-size: 1rem;
    width:100%;
    height: auto;
    display: block;
    
}


#menu_hdr{
    
    width: 100%;
    height: auto;
    background-color: #0C6594;
    padding: 1rem 1rem 1rem 0.5rem;
    position: relative;
    float: left;
}

#menu_hdr #title{
    
    width: 100%;
    height: auto;
    font-size: 1.6rem;
    margin-top:3rem;
    display: block;
    text-align: center;
    color: #FFF;
    font-weight: 500;
        
    
}

#menu_hdr #logo{
    
    width: 20%;
    height: auto;
    margin:1rem 40%;
    float: left;
    
}

#menu_hdr #logo img{
    
    width: 100%;
    height: auto;
    float: left;
    
}

#goback{
    
    padding: 0.5rem 0.2rem 0.5rem 2rem;
    font-size: 1rem;
    width:100%;
    float:left;
    position: relative;
    background-color: #E5F0F6;
    font-weight: 500;
}

#goback:hover{
    
    background-color: #CBE2EF;
    

}

#goback:before{
    
    float: left;
    display: block;
    margin-right:0.5rem;
    width: 20px;
    height: 20px;
    content : "\2039";
    position: absolute;
    top:0.4rem;
    left:0.8rem;
    font-size:1.6rem;
    
    
}



@media screen and (max-height: 450px) {
  
}

/*fine pannello laterale*/

/*pulsante menu*/
#mainpage #header #nav {
    
    width: 45px;
    height: 45px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-top:3.5rem;
    float:left;
    
}

#mainpage #header #nav span {
    
    display: block;
    position: absolute;
    height: 7px;
    width: 100%;
    background: #FFF;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  
}

#mainpage #header #nav span:nth-child(1) {
  top: 0px;
}

#mainpage #header #nav span:nth-child(2),#mainpage #header #nav span:nth-child(3) {
  top: 15px;
}

#mainpage #header #nav span:nth-child(4) {
  top: 30px;
}

#mainpage #header #nav.open span:nth-child(1) {
    top: 15px;
    width: 0%;
    left: 50%;
}

#mainpage #header #nav.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#mainpage #header #nav.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#mainpage #header #nav.open span:nth-child(4) {
    top: 15px;
    width: 0%;
    left: 50%;
}
/*fine pulsante menu*/

/*Fine navigazione*/


/*barra di allerta in home page per avvisi lampo*/
#alert-bar{
    
    background-color: #FFA000;
    float: left;
    min-height: 10rem;

}

#alert-bar:blank, #alert-content:blank{
    
    display:none;
    
}

#alert-content{
    
    width: 1024px;
    height: auto;
    padding:1rem;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    
    
}

#alert-content h2{
    
    float:none;
    padding:0.5rem;
    padding-top:0rem;
    width: auto;
    display:block;
    text-align: left;
    padding-left: 1rem;
    
    
}

#alert-content h2 a{
    
    color:#000; 
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2.2rem;
}

#alert-content h2 a:hover{
    
    text-decoration: underline;
    
}

#alert-content .alert-img{
    
  
    border:0;
    max-width:8rem;
    margin-right:1rem;
    float: left;
    
}

#alert-content .alert-img img{
    
    width:100%;
    
}

/*barra di allerta in home page per avvisi lampo*/

/*elementi generici di pagina*/

.content:empty{
    
    display:none;
    
}


.content{
    
    width:1440px;
    height:auto;
    min-height:2rem;	
    margin:0 auto;
    display:table;
    padding:.5rem;
    
}

.content > p{
    
    margin-bottom:1rem;
    
}

.wrap-full{
    
    width: 100%;
    height: auto;
    float:left;
    display: block;
    
} 

#articles li{
    
    display: block;
    float:left;
    width: 48%;
    margin:1%;
    
}

#articles li .accade-ext{
    
    width:100%;
    
}


.wrap-full > h1{
    
    width:100%;
    font-size: 2rem;
    line-height: 2rem;
    
}

#ico-switch {
    
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
    height: auto;
    min-height: 1rem;
    float: left;
    margin-left: 3rem;
    padding:.5rem;
    
}

#ico-switch a{
    
    background-color: #F8F8F8;
    border-radius: .5rem;
    float:left;
    display: block;
    padding:.5rem;
    margin:.5rem;
    border-bottom:2px solid #000;
    
}

#ico-switch a img,
#ico-switch a span{
    
    float:left;
    display: block;
    
}

#ico-switch a span{
    
    color:#000;
    padding:.35rem .5rem;
    font-weight:500;
    
}


#map-wrap {
    position: relative;
    margin-top: 1rem;
    display: none;
}

section.articles{
    
    width: 100%;
    padding:1rem;
    height: 22rem;
    float: left;
    min-height: 1rem;
    display: block;
    height: auto;

}

.div100{
	
    width:100%;	
    float:left;
    min-height:1rem;
    height:auto;
    display:block;
	
}

.div100:empty,
.content:empty{
    
    display: none;
    
}


.div25{
	
	width:25%;	
	float:left;
	min-height:1rem;
	height:auto;
	display:block;
	
}

.div15{
	
	width:15%;	
	float:left;
	min-height:1rem;
	height:auto;
	display:block;
	
}

.div30{
	
	width:30%;	
	float:left;
	min-height:1rem;
	height:auto;
	display:block;
	
}

.div33{
	
	width:33.3%;	
	float:left;
	min-height:1rem;
	height:auto;
	display:block;
	
}

.div40{
	
	width:40%;	
	float:left;
	min-height:1rem;
	height:auto;
	display:block;
	
}

.div50{
	
	width:50%;	
	float:left;
	min-height:1rem;
	height:auto;
	display:block;
	
}

.div60{
	
	width:60%;
	float:left;
	min-height:1rem;
	height:auto;
	display:block;
	
}

.div66{
	
	width:66.6%;
	float:left;
	min-height:1rem;
	height:auto;
	display:block;
	
}

.div70{
	
	width:70%;	
	float:left;
	min-height:1rem;
	height:auto;
	display:block;
	
}

.div75{
	
	width:75%;	
	float:left;
	min-height:1rem;
	height:auto;
	display:block;
	
}

.curved{
	
	border-radius:0.5rem;
	border:1px solid #F0F0F0;
	
}


.gradient{
    
    background-image:  url("../img/gradient.png");
    background-repeat: repeat-x;
    background-position: top left;
    
}

.gradient span{
    
    font-weight: 500;
    color:#FFF;
    padding:1rem 3rem;
    display: block;
    float:left;
    font-size: 1.5rem;
    
}

.bluette h2{
    
    font-weight: 500;
    color:#FFF;
    padding:1rem 3rem;
    display: block;
    float:left;
    font-size: 2.5rem;
    text-align: left;
    
}

.bluette span {
    
    font-weight: 500;
    color:#FFF;
    padding:1rem 3rem;
    display: block;
    float:left;
    font-size: 1.2rem;
    text-align: left;
    line-height: 2rem;
    
}

.btn-bandi:after{
    
    float: left;
    display: block;
    margin-right:0.5rem;
    width: 1rem;
    height: 1rem;
    content : ">";
    position: absolute;
    right:0.6rem;
    top:1.5rem;
    font-size:1.6rem;
    font-weight: bold;
    
}

.btn-bandi{
    
    position:relative;
    font-weight: 500;
    color:#FFF;
    padding:1rem;
    display: block;
    float:left;
    font-size: 1.2rem;
    text-align: left;
    line-height: 2rem;
    background-color:#043A57;
    border-bottom: 0.05rem solid #FFF;
    margin: 1rem;
    border-radius: 0.4rem;
    transition: .5s ease all;
    opacity: .9;
    min-width:20rem;
    width:auto;
}

.btn-bandi:hover{
    
    color:#FFF;
    opacity: 1;
}

.btn-bandi span{
    
    border-radius:50%;
    text-align:center;
    background-color:#0c6594;
    width:2.5rem;
    height:2.5rem;
    display: block;
    float:left;
    padding:.6rem;
    line-height: 1.25rem;
}

.btn-bandi strong{
    
    float:left;
    display: block;
    padding:.5rem 1rem;
    
}

.d-gradient{
    
    background-image:  url("../img/d_gradient.png");
    background-repeat: repeat-x;
    background-position: top left;
    
}

/*elementi generici di pagina*/


#notice-selector{
    
    float:right;
    
}

#notice-selector a, #accade-intro a, .avviso, .notizia, .scadenza, .map-point, .evento{
    
    margin:.25rem 0.6rem;
    float: left;
    display: block;
/*    border:2px solid #FFF;*/
    min-width: 5rem;
    width: auto;
    border-radius: 0.7rem;
    padding:0.7rem 0.8rem 0.7rem 2.3rem;
    color:#FFF;
    font-weight: bold;
    font-size:0.8rem;
    background-repeat: no-repeat;
    background-position: 0.5rem;
    transition : all ease 0.3s;
    background-size: 1.3rem;
    height:2.6rem;
}

#notice-selector a{
    background-color: #033A57;
    border-bottom:2px solid #000;
}

.notizia,.scadenza,.avviso, .map-point, .evento{
    
    color:#07436f;
    
}

.map-point{
    
    background-image:  url("../img/ico/maps.png");
    background-size: 24%;
    
}

.map-point a{
    
    color:#07436f !important;
}

.map-point:empty{
    
    display: none;
    
}

#notice-selector a:hover, #accade-intro a:hover{
    
    background-color: #FFF;
    color:#0C6594;
    
}

#notice-selector a[rel~="notizia"]{
    
     background-image:  url("../img/ico/notizia.png");
    
}

#notice-selector a[rel~="notizia"]:hover,
.notizia{
    
    background-image:  url("../img/ico/notizia_n.png");
    
}

.evento{
    
    background-image:  url("../img/ico/evento_no.png");
    
}

#notice-selector a[rel~="notizia"].selected
{
    
    background-image:  url("../img/ico/notizia_n.png");
    background-color: #FFF;
    color:#0C6594 !important;
    
}

#notice-selector a[rel~="evidenza"]{
    
     background-image:  url("../img/ico/evidenza.png");
    
}

#notice-selector a[rel~="evidenza"]:hover{
    
    background-image:  url("../img/ico/evidenza_n.png");
    
}

#notice-selector a[rel~="evidenza"].selected{
    
    background-image:  url("../img/ico/evidenza_n.png");
    background-color: #FFF;
    color:#0C6594 !important;
    
}

#notice-selector a[rel~="avviso"]{
    
     background-image:  url("../img/ico/avviso.png");
    
}

#notice-selector a[rel~="avviso"]:hover,
.avviso{
    
    background-image:  url("../img/ico/avviso_n.png");
    
}

#notice-selector a[rel~="avviso"].selected{
    
    background-image:  url("../img/ico/avviso_n.png");
    background-color: #FFF;
    color:#0C6594 !important;
    
}

#notice-selector a[rel~="scadenza"]{
    
     background-image:  url("../img/ico/scadenza.png");
    
}

#accade-intro a[rel~="calendario"]{
    
    background-image:  url("../img/ico/evento.png");
    font-weight: 500;
    background-color: #E56B25;
    border-radius: .7rem;
    border-bottom:2px solid #712900; 
    width:12rem;
    height:3rem;
    font-size:1rem;
    
}

#notice-selector a[rel~="scadenza"]:hover,
.scadenza{
    
    background-image:  url("../img/ico/scadenza_n.png");
    
}

#accade-intro a[rel~="calendario"]:hover{
    
    background-image:  url("../img/ico/evento_n.png");
    color:#FFF;
    
}


#notice-selector a[rel~="scadenza"].selected{
    
    background-image:  url("../img/ico/scadenza_n.png");
    background-color: #FFF;
    color:#0C6594 !important;
    
}

/*icone barra di controllo amministrazione trasparente*/

#notice-selector a[rel*="sindaco"]{
    
     background-image:  url("../img/ico/at/sindaco.png");
    
}

#notice-selector a[rel*="sindaco"]:hover{
    
    background-image:  url("../img/ico/at/sindaco_on.png");
    
}

#notice-selector a[rel*="sindaco"].selected{
    
    background-image:  url("../img/ico/at/sindaco_on.png");
    background-color: #FFF;
    color:#0C6594 !important;
    
}

#notice-selector a[rel*="giunta"]{
    
     background-image:  url("../img/ico/at/giunta.png");
    
}

#notice-selector a[rel*="giunta"]:hover{
    
    background-image:  url("../img/ico/at/giunta_on.png");
    
}

#notice-selector a[rel*="giunta"].selected{
    
    background-image:  url("../img/ico/at/giunta_on.png");
    background-color: #FFF;
    color:#0C6594 !important;
    
}

#notice-selector a[rel*="consiglio"]{
    
     background-image:  url("../img/ico/at/consigliocomunale.png");
    
}

#notice-selector a[rel*="consiglio"]:hover{
    
    background-image:  url("../img/ico/at/consigliocomunale_on.png");
    
}

#notice-selector a[rel*="consiglio"].selected{
    
    background-image:  url("../img/ico/at/consigliocomunale_on.png");
    background-color: #FFF;
    color:#0C6594 !important;
    
}

#notice-selector a[rel*="circoscrizioni"]{
    
     background-image:  url("../img/ico/at/circoscrizioni.png");
    
}

#notice-selector a[rel*="circoscrizioni"]:hover{
    
    background-image:  url("../img/ico/at/circoscrizioni_on.png");
    
}

#notice-selector a[rel*="circoscrizioni"].selected{
    
    background-image:  url("../img/ico/at/circoscrizioni_on.png");
    background-color: #FFF;
    color:#0C6594 !important;
    
}

#book_app{
    
    width:auto;
    float:right;
    display: block;
    padding:.7rem;
    background-color: #066C18;
    border-radius:.5rem;
    color:#FFF;  
    margin:.5rem;
    border-bottom:2px solid #011A05;
    text-align: center;
    
}

.btn-go{
    
    width: auto;
    min-width: 5rem;
    height: auto;
    padding:0.5rem;
    border: 1px solid #FFF;
    background-color: #00365F;
    border-radius: 1rem;
    color:#FFF;
    float:right;
    margin-top:1rem;
    text-align: center;
    font-weight: 550;
    
}

.btn-go:hover{
    
    background-color: #FFF;
    color:#00365F; 
    
}

#allegati{
    
    padding:0.5rem 0rem;
    
}

.allegato, 
.photo{

	width:auto;
        float: left;
        height: auto;
        padding: 0.5rem;
        border: 1px solid #5F6368;
        background-color: #FFF;
        color: #5F6368;
	border-radius: 0.5rem;
        margin:0.3rem;
        font-size: 0.9rem;
        transition: background-color 0.3s ease;
        font-weight: 600;
}

.allegato:hover{
    
/*    color: #0066CC;*/
    background-color: #E2E2E2;
    font-weight: 600;
    
}

.pdf, .doc, .rtf, .zip, .xls,.odt, .direttiva, .circolare{
    
    display: block;    
    float: left;
    position: relative;
}

span.pdf:before,
span.doc:before,
span.rtf:before,
span.zip:before,
span.xls:before,
span.docx:before,
span.odt:before,
span.xlsx:before{
    
    float: left;
    display: block;
    margin-right:0.5rem;
    width: 20px;
    height: 20px;
    
}

span.pdf:before{
    
    content: url("../img/ico/files/pdf.png");  

}

span.odt:before{
    
    content: url("../img/ico/files/odt.png");  

}

span.doc:before, 
span.rtf:before,
span.docx:before{
    
  content: url("../img/ico/files/rtf.png");  
    
}

span.zip:before{
    
  content: url("../img/ico/files/zip.png");  
    
}

span.xls:before, span.xlsx:before{
    
  content: url("../img/ico/files/xls.png");  
    
}

#gallery{

	margin-bottom:2em;
	float:left;	
	
}

#video{

	margin-bottom:2em;
	
}

#mappe{

	margin-bottom:2em;
	
}

#googledocs{

	margin-bottom:2em;
	
}

#trig_pg, #trig_vg{
    
    display: block;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
    color: #000;
    padding: .5rem;
/*    padding-left: 15rem;*/
    max-width: 14rem;
    border-radius: 0.5rem;
    transition: all ease 0.5s;
    float:left;
    width: auto;
    height:auto;

}

#trig_vg{
    
/*    right:14.5rem;
    top:-4rem;*/
    
}

#trig_pg{
    
/*    right:0rem;
    top:-4rem;*/
    
}

#trig_pg span,
#trig_vg span{
    
    display: block;
    float:left;
    font-size:.9rem;
    margin-top:.5rem;
    
}

#trig_pg span:before {
    
    width: 2rem;
    height: 2rem;
    float: left;
    content: url(../img/ico/foto.png);
    display: block;
    margin-right: .5rem;
}

#trig_vg span:before {
    
    width: 2rem;
    height: 2rem;
    float: left;
    content: url(../img/ico/video.png);
    display: block;
    margin-right: .5rem;
    
}

a.doc:hover{
    
    background-color: #004095;
    color: #FFF;
    transition: all 0.3s ease 0s;

}

ul.docs > li, ul.docs > li a.doc{
    
    min-height: 2.5rem;
    height: auto;
    
}

ul.docs > li{
    
    border-bottom: 1px solid #868695;
    padding-left:0px;
    
}

ul.docs > li a{
    
    padding-top: 0.2rem;
    
}

a.div100{

	font-size:1rem;
	line-height:1.7rem;	
	
}

p.div100{

	margin:0.3rem 0rem;	
        line-height: 1.7rem;
	
}

.div95{
	
	width:95%;	
	float:left;
	min-height:1rem;
	height:auto;
	display:block;
	
}

p.div50{

	margin:1em 0em;	
	
}

span.div100{

	font-size:1rem;
	line-height:1.5rem;
	min-height:1.6rem;
	height:auto;
/*        color:#666;*/
/*        padding: 0.3rem 0rem;*/

}

article.div100 div.div100{
    
    margin: 0.5rem 0rem;
    
}

input.div100{

	font-size:1.4em;
	line-height:1.8em;	
	border:1px solid #E6E6E6;
	border-radius:0.2em;
	margin: 0.5em 0em;
	padding:0.2em;
	
}

.padded120{
    
    padding:1rem 120px;
    
}

.padded-2,.padded-2-ext, .padded-4{

	padding:2%;	
	
}

.padded-2-lat{

	padding:0% 2%;	
	
}

.padded-05{

	padding:0.5%;	
	
}

.padded-1{

	padding:1%;	
	
}

.padded-1-lat{

	padding:0% 1%;	
	
}

.centered{
    
    float: none !important;
    margin:0 auto;
    
}

.bg-red{

	background-color:	#F31A77;
	
}

.bg-green{

	background-color:	none;
	
}

.bg-yellow{

	background-color:	#FEDB4C;
	
}

.bg-yel{

	background-color:	trasparent;
	
}

.bg-gray{

	background-color:	#D2D2D2;
	
}

.bg-gray-s{

	background-color:	#F8F8F8;
	
}

.bg-blu-s{

	background-color:	#F1F8FF;
	
}

.bg-lblu-s{

	background-color:	#14A5B0;
	
}

.bg-blu{

	background-color:	#004095;
	
}

.bg-orange{

	background-color:	#FF652B;
	
}

.bg-green-s{

	background-color:	#00A5B1;
	
}

.bg-lime-s{

	background-color:	#B1C800;
	
}

.bg-orange-s{

	background-color:	#F9B700;
	
}

.bg-violet{

	background-color:	#627AB9;
	
}

.bg-violet-s{

	background-color:	#637BB7;
	
}

.bg-white{

	background-color:	#FFFFFF;
	
}

.relative{

	position:relative;
	
}

.absolute{

	position:absolute;	
	
}

.responsive-x{
	
	width:100%;
	height:auto;
	float:left;
	
}

.font-s{
	
	font-size:1em !important;
	line-height:1.6em;
	letter-spacing:0.05em;
}

.font-m{
	
	font-size:1.2em !important;

	letter-spacing:0.05em;
	
}

.font-l{
	
	font-size:1.6em !important;

	letter-spacing:0.05em;
	
}

.font-xl{
	
	font-size:2em !important;

	letter-spacing:0.05em;
	
}

.margin-y-1{

	margin:1em 0em;	
	
}

.margin-y-2{

	margin:2em 0em;	
	
}

.margin-x-1{

	margin:0em 1em;	
	
}

.border-bot-1{
	
	border-bottom:1px dotted #868695; 	
	margin-bottom:0.5em !important;
	
}

.responsive-y{
	
	width:auto;
	height:100%;
	float:left;
	
}

#datepicker{

	width:100%;
	float:left;
	margin:1em 0em;	
	float:left;
	
}


.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
	
	color:#B20000 !important;


}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	
	border: none !important;
	border-bottom:1px solid red !important;
	
}

.ui-state-highlight, .ui-widget-header .ui-state-highlight{
	
		font-weight:bold !important;
	
}

.ui-datepicker{

	width:100% !important;
	background-color:transparent !important;	
	
}

.ui-datepicker-header, .ui-widget-content, .ui-widget-header{
	
	background-color:transparent !important;	
	border:none !important;
	
}

#src-box{
    
    width: 90%;
    height:auto;
    font-size: 1.1rem;
    padding: 0.71rem;
    float: left;
    
    
}

#src-btn{
    
}

.highlight{
    
    background-color: yellow;
    
}

#ajax-loader{
    
    position: absolute;
    top:0.2%;
    left:45%;
    z-index: 999999999;
    
    
}

#results{
    
    width: 100%;
    height: auto;
    min-height: 10rem;
    float:left;
    position: relative;
    
    
}

#servizi_tema,#servizi_online{
    
    padding:1rem;
/*    height:35rem;*/
    height:19rem;
    
    
}

h2.h2-l, #bandi h2, h2.servizi, h2.tematiche{
    
    
    width: 100%;
    height: auto;
    padding: 3rem 1.8rem 0.5rem 1.8rem;
    font-size: 2rem;
    display: block;
    margin:0rem;
    text-align: left;
    line-height: 1.5rem;
    color:#003F66;
    
}

h2.h2-l{
    
    padding:0px 120px;
    margin-top: 1rem;
    
}

#servizi_tema .btn, #servizi_online a.btn{
    
    width: 31.1%;
    height: 5rem;
    float: left;
    padding:1.3rem 0.2rem 0.35rem 0.5rem;
    margin:1%;
    transition: ease background-color 0.3s;
    overflow: hidden;
    display: block;
    box-shadow: 1px 1px 6px 0px #D0D0D0;
    padding-left:4.8rem;
    font-size: 1rem;
    background-color: #FFF;
    background-position: 1rem;
    background-repeat: no-repeat;
    background-size: 3rem;
    color: #333;
    border-radius:0.3rem;
    line-height: 1.5rem; 
    font-weight: 500;
}

#servizi_tema  a.btn:hover, #servizi_online a.btn:hover{
    
    background-color: #256FA1;
    color: #FFF;
   
}


#circoscrizioni{
    
    height:41rem; 
    margin:1.5rem 0rem 0rem 0rem;
    overflow: hidden;
    
}

#circoscrizioni #circoscrizioni-selector{
    
    width: 60%;
    height: auto;
    float: left;
    display: block;
    
    
}

#circoscrizioni #circoscrizioni-selector h2{
    
    font-size: 2.1rem;
    color: #FFF;
    float: left;
    text-align: left;
    width: 100%;
    font-weight: 550;
    font-family: 'Montserrat', sans-serif;
    
}


#circoscrizioni-description{

    width: 100%;
    height: auto;
    float:left;
    
}


#circoscrizioni-description p{
    
    font-size:0.85rem;
    color:#FFF;
    line-height: 1.2rem;
    float: left;
    display: block;
    padding: 0.5rem 2rem 0.2rem 0rem;
    
    
}


#circoscrizioni #map-layer{
    
    width: 40%;
    height: auto;
    float: left;
    display: block;
    margin-top:6rem;
    
}

/*inizio select custom per ricerca circoscrizione*/
#circoscrizioni .circoscrizioni-select{
    
    min-width: 25rem;
    width: auto;
    height: auto;
    float: left;
    background-color: #FFF;
    border:none;
    padding:1rem;
    font-size: 1.2rem;
    letter-spacing: 0.05rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:url(../img/ico/arrowdown.png);
    background-repeat: no-repeat;
    background-position: 93% 1.5rem;
    position: relative;
    padding-right:3rem;
    cursor:pointer;

}

.circoscrizioni-hidden-menu-wrap{
    
    display: none;
    position: absolute;
    transition: ease all 0.5s;
    top: 3.5rem;
    left:0rem;
    z-index: 1111;
    /*height: 25rem;*/
    width: 34rem;
    /*height: auto;*/
    -webkit-box-shadow: 0px 25px 50px -10px rgba(0,0,0,.3);
    box-shadow: 0px 25px 50px -10px rgba(0,0,0,.3);

}

.circoscrizioni-hidden-menu-close{
    
    position: absolute;
    top: 2rem;
    right: 1rem;
    font-size: 1.7rem;
    color: #474747;
    border: 1px solid #474747;
    border-radius: 50%;
    width: 2.2rem;
    height: 2.2rem;
    text-align: center;
    background-color: #FFF;
    font-weight: bold;
    
}

.circoscrizioni-hidden-menu:before{
    

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #CCC;
    position: absolute;
    left:47%;
    top:0rem;
    
}

.circoscrizioni-hidden-menu{
    
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    margin-top:1rem;
    background-color: #FFF;
    border: 1px solid #E9E9E9;
    padding:0.5rem;
    
}

.circoscrizioni-hidden-menu h2{
    
    width: 100%;
    height: auto;
    padding:0.5rem 1rem;
    color:#003346;
    font-size: 1rem;
    margin:0rem;
    float: left;
    text-align: left;
    border-bottom: 1px dotted #003346;
    
}

.circoscrizioni-hidden-menu ul, .circoscrizioni-hidden-menu ul li a{
    
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

.circoscrizioni-hidden-menu ul li{
    
    width: 33.3%;
    height: auto;
    float: left;
    display: block;
    
}

.circoscrizioni-hidden-menu ul li a{
    
    padding:0.5rem;
    font-size: 0.9rem;
    color: #003346;
    
}

.circoscrizioni-hidden-menu ul li a:hover{
    
    text-decoration: underline;
    font-weight: 500;
    
}

/*fine select custom per ricerca circoscrizione*/

#accade-intro{
    
    color:#FFF;
    
}

#accade-intro h2{
    
    
    font-weight: 400;
    
    
}

#accade-intro p{
    
    text-align: center;
    font-weight: 400;
    
}

.accade-ext{
    
    
    margin:1%;
    float: left;
    height: auto;
    width:48%;
    background-color: #FFF;
    border-radius:.9rem;
    position: relative;
        
}

.accade-ext .active-over{
    
    position: absolute;
    top:0rem;
    left:0rem;
    width:95px;
}

.accade-red{
    
    
    margin:1%;
    float: left;
    height: auto;
    
    
}

.accade-red{
    
    width:23%;
    position: relative;
    perspective: 1000; /* Remove this if you don't want the 3D effect */
    border-radius: .9rem;
}

.accade-red .accade-red-wrap{
    
    position: relative;
    width: 100%;
    text-align: center;
    transition: transform 0.4s;
    transform-style: preserve-3d;
    height: 331.19px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform: rotateX(0deg);
    
}

.accade-red:hover .accade-red-wrap{
    
    transform: rotateY(180deg);
    -webkit-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
}

.accade-red .accade-red-wrap .front{
    
/*     position: absolute;*/
     height: auto;
     width:100%;
     visibility:visible;
     backface-visibility: visible;
     -webkit-backface-visibility: visible;
     z-index: 1;
    
}



.accade-red .accade-red-wrap .front img{
    
    width:100%;
    height: auto;
    float:left;
    border-radius: .9rem;
}

.accade-red .accade-red-wrap .back{
    
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    background-color: #164459;
    color: white;
    width: 100%;
    height: 331.19px;
    position: absolute;
    top:0px;
    left:0px;
    text-align: left;
    padding-top: 1rem;
    z-index: 2;
    backface-visibility: hidden;
    border-radius: .9rem;
    -webkit-backface-visibility: hidden;
}

.accade-red .accade-red-wrap .back .back-h2{
    
    width:100%;
    display:block;
    float:left;
    padding: 1rem;
    font-size: 1.1rem;
    font-weight: bold;
}

.accade-red .accade-red-wrap .back p{
    
    width:100%;
    display:block;
    float:left;
    padding: 1rem;
    font-size: 0.9rem;

    
}

.accade-red .accade-red-wrap .h2{
    
    position: absolute;
    opacity: 0.9;
    padding:0.5rem;
    background-color: #164459;
    bottom:0px;
    left:0px;
    height:6rem;
    width: 100%;
    border-bottom-left-radius: .9rem;
    border-bottom-right-radius: .9rem;
}

.accade-red .accade-red-wrap .front h2{
    
    color: #FFF;
    width:100%;
    text-align: left;
    font-size:1rem;
    line-height: 1.4rem;
    font-family: 'Montserrat', sans-serif;
    
}

.accade-ext img{
    
    width:47.9%;
    height: auto;
    float:left;
    border-top-left-radius: .9rem;
    border-bottom-left-radius: .9rem;
/*    max-width: 280px;*/
    
}

.accade-ext h2{
    
    width: 50%;
    float:left;
    text-align: left;
    font-size: 1.3rem;
    padding:0.5rem;
    height: auto;
    margin:0rem;
    line-height: 1.5rem;
    padding-top:2rem;
    padding-left: 1.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 550;
    
}



.accade-ext p{
    
    width: 50%;
    text-align: left;
    font-size: 1rem;
    padding:0.5rem;
    float: left;
    padding-left: 1.5rem;
    
}


#slider1,.s_wrapper{
    
    width: 100%;
    height: auto;
    float: left;
    
}

.slide{
    
/*    border:1px solid #D0D0D0;     */
    border-radius:0.2rem;
}

.slide .label{
    
    width: 100%;
    height: 7rem;
    padding:0.5rem;
    font-size: 1rem;
    color: #333;
    float: left;
/*    font-weight: 600;*/
    overflow: hidden;

}

.slide .label:hover{
    
    text-decoration: underline;
    
}

.slide .label > p{
    
    line-height: 1rem;
    font-size: 0.9rem;
    
}

/*Struttura amministrativa*/

.struttura-area{
    
    width:29%;
    height: auto;
    float:left;
    display: block;
    margin:1.5%;
    
}

.struttura-area h2, 
.struttura-area .struttura-settori,
.struttura-area .struttura-settori span{
    
    width:100%;
    height: auto;
    float:left;
    display: block;
    
}

.struttura-area h2{
    
    font-size: 1.1rem;
    text-align: left;
    padding:0.3rem 0.3rem 0.3rem 0.5rem;
    margin:0rem;
    line-height: 1.5rem;
    font-family: 'Montserrat', sans-serif;
    border-left:0.9rem solid #004885;
    
}

.struttura-area h2 a{
    
    color:#004885;
    
}

.struttura-area h2 a:hover,
.struttura-area .struttura-settori span a:hover{
    
/*    text-decoration: underline;*/
    color:#0066CC;
    text-decoration:underline;
    
}

.struttura-area .div100{
    
    padding:0.5rem;
    font-size: 0.9rem;
    position: relative;
    
}

.struttura-area .div100:before{
    
    width:0.2rem;
    height: 3.6rem;
    background-color: #00A3D9;
    content:"";
    float: left;
    position: absolute;
    top:0rem;
    left:0.36rem;
    
}



.struttura-area .div100 span{
    
    font-weight: 550;
    padding-right:0.5rem;
    padding-left: 1rem;
    
}


.struttura-area h2 a, 
.struttura-area .struttura-settori span a{
    
    width:auto;
    font-weight: 550;
}

.struttura-area .struttura-settori{
        
    background-color: #F8F8F8;

    
}

.struttura-area .struttura-settori span{
    
    padding:0.5rem 0.3rem;
    position: relative;
}

.struttura-area .struttura-settori span:first-child{
    
    padding-top:0.8rem;
    
}

.struttura-area .struttura-settori span:last-child{
    
    padding-bottom:0.8rem;
    
}

.struttura-area .struttura-settori span:only-child a:before{
    
    top: -0.4rem;
    
}



.struttura-area .struttura-settori span a{
    
    padding-left:1.2rem;
    font-weight: 550;
    font-size:0.95rem;
    color:#004885;
    position: relative;
    display: block;
}

.struttura-area .struttura-settori span a:before{
    
    width:0.2rem;
    height: 2.5rem;
    background-color: #00A3D9;
    content:"-";
    float: left;
    position: absolute;
    top:-0.5rem;
    left:0.05rem;
    color: #00A3D9;
    font-size: 1.5rem;
    font-weight: bold;
    
}

.struttura-area .struttura-settori span:last-of-type a:before{
    
    height: 1.1rem;
    
}


.struttura-area .div100:last-child:before{
    
    top:0rem;
    
}

#struttura-amministrativa {
    
    margin-top:5rem;
    display: block;
    margin-bottom:3rem;
    
}

/*livelli interni alla struttura amministrativa*/

#content-left,
#content-right
{
    
    float:left;
    padding:0rem 1rem 1rem 1rem;
    display: block;
    min-height: 10rem;
    
}

/*contenuti alla sinistra del livello*/
#content-left{
    
/*    width: 70%;*/
/*    border-right: 1px solid #EEEEEE;*/
    line-height: 1.6rem;
    
}


#sa-orari,
#sa-uffici,
#sa-avvisi,
#sa-competenze,
#sa-circolari,
#sa-modulistica{
    
    margin-bottom: 2rem;
    
}

#sa-head{
    
    min-height: 23rem;
}

#sa-head #sa-gerarchia{
    
    width:99%;
    height:auto;
    margin:0.5%;
    background-color: #FFF;
    min-height: 5rem;
    background-image:url(../img/ico/org.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left: 5rem;
    

    
}

#sa-head #sa-gerarchia span{
    
    display: block;
    width:100%;
    height: auto;
    float:left;
    padding:0.25rem 0rem;
    
}

#sa-head #sa-gerarchia span a{
    
    font-weight: 550;
    color:#003267;
    
}

#sa-head #sa-gerarchia span:only-child a{
    
/*    color:#003267;*/
    
}

#sa-head #sa-gerarchia span:last-child a{
    
    color:#AC0040;
    
}

#sa-head h1,
#giunta h1,
#giunta_det h1,
.consigliere div h2,
#lista_comm_cons h2,
#prescons h2{
    
    font-weight: 600;
    text-align: left;
    border-left:0.5rem solid #AE003E;
    padding-left: 0.5rem;
    font-size: 1.9rem;
    line-height: 2.2rem;
    
}

#giunta h1{
    
    font-size: 1.5rem;
    
}

#sa-head a{
    
    font-weight: 500;
    padding:0rem 0.2rem;
    
}

#sa-head span, #sa-head div span {
    
    font-weight: 550;
    
}


#sa-head a:hover{
    
    text-decoration: underline;
    color: #004A83;
    
}

#sa-head #map{
    
    height: 23rem;
    
}

#static-map{
    
    width:100%;
    border-radius:.4rem;
    overflow:hidden;
        
}

#static-map img{
    
    width:100%;
    border-radius:.4rem;
        
}

#sa-head .div33{
    
    width:50%;
    
}

#sa-head .div66{
    
    padding: 0.5rem 1.2rem;
    font-size:1rem;
    width:50%;
    
}

.div100:empty,#at-grid:empty{display:none;}

#sa-head .div66 h2{
    
    margin:0rem;
    text-align: left;
    color:#003348;
    font-size: 1.1rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 550;
    margin-top: 0.5rem;
    
}

#sa-head .div66 .div100{
    
    margin:0.25rem 0rem;
    
}

#sa-head .div66 .div100:first-of-type{
    
    font-size: 1.1rem;
    margin-bottom: 0.3rem;
    
}

#sa-head .div66 .div100:first-of-type span,
#sa-head .div66 .div100:first-of-type span
{
    
    font-weight: 550;
    
}

#sa-head .div66 .div100:first-of-type{
    
    font-weight: 500;
    color:#003348;
    
}

#sa-orari{
    
    
}

#sa-orari h2,
#sa-uffici h2,
#sa-avvisi h2,
#sa-competenze h2{
    
    margin:0rem;
    text-align: left;
    font-size: 1.6rem;
    line-height: 2rem;
    font-family: 'Montserrat', sans-serif;
    width:100%;
    margin-bottom: 0.5rem;
    font-weight: 550;
    margin-bottom: 1rem;
    
}



#sa-avvisi h2{
    
    margin-top:2rem;
    background-color: #F8F8F8;
    padding:0.5rem;
    
}

#sa-orari h2{
    
    border-left: 0.5rem solid #00661A;
    padding:0.3rem 0rem 0rem 0.5rem;
    background-color: #FFF;
    padding-bottom: .5rem;
}

#sa-competenze h2{
    
    border-left: 0.5rem solid #D96D00;
    padding:0.3rem 0rem 0rem 0.5rem;

    
}

#sa-orari p,
#sa-competenze p{
    
    width: 100%;
    padding:0.5rem 0.5rem 0rem 0.5rem;
    font-size: 1rem;
    display: block;
    float:left;
    line-height: 1.7rem;
    
}

#sa-orari div{
    
    background-color: #D9E8DD;
    float:left;
    width:100%;
    
}

#sa-orari p{
    
    
    /*width:80%;*/
    width:100%;
}

#sa-uffici{
    
    height: auto;
    
}

#sa-uffici > .div100{
    
/*-webkit-column-count: 2;  Chrome, Safari, Opera 
-moz-column-count: 2;  Firefox 
column-count: 2;
column-gap: 1rem;*/

    
}

#sa-uffici span{
    
    margin:0.15rem 0rem;
    
} 

#sa-uffici a,
.golnk{
    
    width:50%;
    font-weight: 500;
    float:left;
    display:block;
    margin:0.25rem 0rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    line-height: 2rem;
    font-size: 1.2rem;
         
}

.sa-ico{
    
    display: block;
    float:left;
    margin-right: 1rem;
    margin-top:1rem;
    
}

#sa-uffici a:hover{
    
    text-decoration: underline;
    
}

#sa-uffici a:before,
.golnk:before{
    
    width:1.9rem;
    height: 1.9rem;
    float:left;
    margin-right: 0.5rem;
    background-color: #167CCA;
    content : "\203A";
    color:#FFF;
    text-align: center;
    font-weight: 500;
    font-size: 1.8rem;
    padding-bottom:0.2rem;
    
}

#sa-avvisi > .div100{
    
    margin:0.5rem 0rem;
    
    
}

#sa-avvisi article.div100 h3{
    
    font-size: 1.2rem;
    margin-bottom:0.25rem;
    text-align: left;
    position: relative;
    padding-left: 2rem !important;
    font-weight: 600;
    
}

#sa-avvisi article.div100 h3:before{
    
    position: absolute;
    top:0.3rem;
    left:0rem;
    width:1.5rem;
    height:1.5rem;
    content:"";
    background-color: #AE003E;
    
}

#sa-avvisi article.div100 span{
    
    margin:0.15rem 0rem 0.3rem;
    font-size: 0.9rem;
    font-style: italic;
    
}

#sa-avvisi .div100 p{
    
    font-size: 0.85rem;
    display: block;
    float:left;
    
}

#new-container p{
    
    line-height: 1.7rem;
    
}

/*struttura accordion*/

.accordion{
    
    margin-bottom: 1rem;
    
}

.accordion h2{
    
    background-color: #E6E7EA;
    padding:0.5rem 3rem 0.5rem 1rem;
    color: #003349;
    position: relative;
    min-height:3.4rem;
    height: auto;
    text-align: left;
    font-size: 1rem;
    margin:0rem;
    font-weight: 550;
}

.accordion h2:hover{
    
    cursor: pointer;
    
}

/*header accordion opzionale*/
.accordion .accordion-hdr{
    
    width:100%;
    height: auto;
    float:left;
    
}

.accordion .accordion-hdr span{
    
    float:right;
    margin:0.25rem 0.5rem;
    font-weight: 550;
}

.has-plus:after,
.has-minus:after{
    
    position: absolute;
    right:0rem;
    top:0rem;
    width:2.5rem;
    height:100%;
    background-color: #0D6AB3;
    color:#FFF;
    font-weight: 550;
    text-align: center;
    font-size: 1.6rem;
    line-height: 3.2rem;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    
}


.accordion h2{

    border-radius: .5rem;
        
}

.has-plus:after{
    
    content: "\2b";
    
}


.has-minus:after{
    
    content: "\2212";
    
}


.accordion ul{

    display: none;
    
}

.accordion ul li{
    
    padding:0.25rem;
    border-bottom: 1px solid #DDD;
    
}

.accordion ul li:nth-of-type(even){
    
    background-color: #F2F2F2;
    
}


.accordion ul li:nth-of-type(odd){
    
    
    
}

.accordion ul li span{
    
    line-height: 1.6rem;
    font-weight: 500;
    color:#444;
}


.accordion ul li a{
    
    display: block;
    float:left;
    padding:0.25rem 0rem;
    color:#004A83;
    
    
}

.accordion ul li a:hover{
    
    text-decoration: underline;
    
}

/*fine struttura accordion*/

/*contenuti a destra del livello*/

#content-right{
    
    width:30%;
    
    
}

#content-right h2{
    
    text-align: left;
    background-color: #007BB3;
    color:#FFF;
    border-left: 5px solid #0B5B97;
    font-size: 1rem;
    font-weight: 500;
    padding:0.35rem;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5rem;
    
}

#content-right a{
    
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 0.5rem;
    color:#012746;
    font-weight: 500;
    
}

#content-right a:hover{
    
    text-decoration: underline;
    
}

#content-right a.div100:nth-of-type(even){
    
    background-color: #FFF;
    
}

#content-right a.div100:nth-of-type(odd){
    
    background-color: #E5F0F6;
    
}

/*Fine struttura amministrativa*/

/*amministrazione trasparente*/

#at-head{
    
    
}

#at-head .div50{
    
    padding:1rem 0rem;
     border-radius: .5rem;
    
}

#at-head .div50 img{
    

    display: block;
    margin:0rem 0.5rem 0.5rem 0rem;
/*    box-shadow: 2px 3px 6px 0px #000;;*/
    width:34%;
    max-width: 242px;
    float:left;
    border-radius: .5rem;
    
}

#at-head .div50 div{
    
    width:60%;
    height: auto;
    display: block;
    float:left;
    
}

#at-head .div50 div h1{
    
    text-align: left;
    display: block;
    width: 100%;
    float:left;
    font-size: 1.9rem;
    line-height: 2.2rem;
    margin:0.5rem 0rem;
    
}

#at-head .div50 div span{
    
    display: block;
    width: 100%;
    float:left;
    font-size: 0.85rem;
    padding:0.5rem;
    
}

#at-head #at-gerarchia{
    
   
    
}

#at-head #at-gerarchia span:first-child{
    
    width:80%;
    margin:1% 10%;
    height: auto;
    display: block;
    float:left;
    background-color: #007BB3;
    border-left: 0.35rem solid #0B5B97;
    color: #FFF;
    padding:1rem;
    font-size:1.1rem;
    
}

#at-head #at-gerarchia span:first-child a{
    
    color:#FFF;
    font-weight: 550;
    
}

#at-head #at-gerarchia span:first-child a:hover{
    
    text-decoration: underline;
    
}

#at-head #at-gerarchia span:nth-child(2){
    
    width:87%;
    margin-left: 13%;
    height: auto;
    display: block;
    float:left;
    padding:0.5rem 0.8rem 0.5rem 0.5rem;
    border-left: 0.65rem solid #00661A;
    font-size: 1rem;
    font-weight: 550;
}

#at-head #at-gerarchia span:nth-child(2) a{
    
    color:#003349;
    
}

#at-head #at-gerarchia span:nth-child(2) a:hover, 
#at-head #at-gerarchia span:nth-child(3) a:hover,
#at-head #at-gerarchia span:nth-child(4) a:hover,
#at-beneficiari-grid li span a:hover{
    
    text-decoration: underline;
    
}

#at-head #at-gerarchia span:nth-child(3),
#at-head #at-gerarchia span:nth-child(4){
    
    width:87%;
    margin-left: 13%; 
    height: auto;
    display: block;
    float:left;
    padding:0.25rem 1rem 0rem 1.5rem;
    font-size: 0.9rem;
    position: relative;
    color:#00A3D9;
    font-weight: 550;
    
}

#at-head #at-gerarchia span:nth-child(3):before,
#at-head #at-gerarchia span:nth-child(4):before{
    
    position: absolute;
    top:-0.4rem;
    left:0.1rem;
    width:1rem;
    height: 1rem;
    content: "\221F";
    font-weight: bold;
    font-size: 1.2rem;
    color:#00A3D9;
    
}


#at-head #at-gerarchia span:nth-child(4){
    
    width:60%;
    margin:0.25% 20%;
    height: auto;
    display: block;
    float:left;
/*    padding:0.8rem;*/
    
}

.div100 p,
.div50 p{
    
    margin-bottom:.5rem;
    
}

.cens-iframe iframe{
    
    margin:0 auto;
    float:none;
    display: block;
    
}

#cens-logos a{
    
    width:8%;
    margin:.15rem;
    float:left;
    display: block;
    
}

.red-label{

    background-color:#EA2C19 ;
    float:left;
    display: block;
    padding:.75rem 1.25rem;
    margin:.25rem;
    color: #FFF;

}

.prior9 h2 span{
    
    color:#be1440;
    width:100%;
    display:block;
    
}

.prior9 strong{
    
    font-weight: 550;
    
}


.prior10 p strong{
    
    font-weight: 550;
    color:#000;
}

.div50.prior9,
.div50.prior10{
    
    padding:0rem 1rem;
}

.div50.prior9 h2{
    
    color:#000;
    padding:0rem .5rem;
    margin-bottom: 2rem;
}

.div50.prior9 a{
    
    color:#be1440;
    
}

.div50.prior10 h2{
    
    color:#be1440;
    padding:0rem .5rem;
    margin-bottom: 2rem;
}

.prior8 h2{
   
    position: relative;
    padding-left:2.5rem !important;
    
}

.prior8 h2:before{
    
     
    position: absolute;
    content: url("../img/ico/building.png"); 
    top:-.25rem;
    left:0rem;
    width: 2rem;
    height: 2rem;
    
}

/*
.div50.prior3,
.div50.prior4,


.div50.prior3 h2,
.div50.prior4 h2{
    
    text-align: center;
    margin-bottom: 2rem;
    padding:0rem .5rem;
}

.div50.prior3 h2{
       

}

.div50.prior4 h2{
    
    color:#be1440;
    
}


.div50.prior6 h2 span{
    
    color:#be1440;
    width:100%;
    display:block;
    
}

.div50.prior6 a{
    
    color:#be1440;
    
}

.div50.prior7 h2{
    
    color:#be1440;
    padding:0rem .5rem;
    margin-bottom: 2rem;
}*/

.div50.prior9{
    

    padding:0rem .5rem;
    margin-bottom: 2rem;
}

.div50.prior10{
    
    color:#be1440;
    padding:0rem .5rem;
    margin-bottom: 2rem;
}

.div50.prior10 strong{
    
    
    
}


.cens-bk-100{
    
    position: relative;
    margin-top:2rem;
    z-index: 11;
    padding:2rem 0rem;

}

.cens-bk-100:after{
    
    content: '';
    width:5000rem;
    background-color: #f2f3f4;
    height: 100%;
    position:absolute;
    top:0rem;
    left:0rem;
    z-index:-11;
}

.cens-bk-100:before{
    
    content: '';
    width:5000rem;
    background-color: #f2f3f4;
    height: 100%;
    position:absolute;
    top:0rem;
    right:0rem;
    z-index: -11;
}

.cens-bk-100 h2{
    
    position: relative;
    padding-left:3rem; 
    margin-bottom:2rem;
    
}

.cens-bk-100 p{
    
    display: block;
    float:left;
    width:100%;
    
}

.cens-bk-100 h2:before{
    
    position: absolute;
    content: url("../img/ico/info_c.png"); 
    top:0rem;
    left:0rem;
    width: 2rem;
    height: 2rem;  
    
}

.cens-info .prior9 h2{
    
    position: relative;
    padding-left:6.5rem; 
    margin-bottom:2rem;
    
}


.cens-info .prior9 h2:before{
    
    position: absolute;
    content: url("../img/ico/info_s.png"); 
    top:0rem;
    left:0rem;
    width: 4rem;
    height: 4rem;  
    
}

.cens-label img{
    
    width:10rem;
    float:left;
    display:block;
    
}
.cens-label div{
    
    display: block;
    float:left;
    width:85%;
    margin-left: 2rem;
    
    
}

.cens-label div h2 span{
    
    font-size: 1.4rem;
    
}


#amministrazione-trasparente{}

#amministrazione-trasparente .div100 span{
    
    width:auto;
    display: block;
    padding:1.3rem;
    float:left;
    background-color: #E8E8E8;
    border-radius:.5rem;
    border-bottom: 2px solid #848484;
    
}

#amministrazione-trasparente .div100 span a{
    
    width: 100%;
    float: left;
    display: block;
    color:#000;
    font-weight: 500;
    
}

#amministrazione-trasparente > p{}

#at-grid{
    
    -webkit-column-count: 2;  
    -moz-column-count: 2;   
    column-count: 2;
    column-gap: 1.5rem;
    margin-top: 2rem;
    float:left;
    display: block;
    margin-bottom:2rem;
    
}

#at-grid li,
.sommario li,
.stats_grid li{
    
    width: 100%;
    padding:0.5rem 0.5rem 0.5rem 0rem;
    margin:0.25rem 0rem;
    border-bottom: 1px solid #EEE;
    display: inline-block;
    vertical-align:middle; 
    position : relative;
    
}

.sommario li{
    
    background-color: #F8F8F8 !important;
    
}

.stats_grid{
    
    margin-top:3rem;
     background-color: #F8F8F8 !important;
}

.stats_grid li{
    
    width:50%;
    background-color: #F8F8F8 !important;
    margin:0rem;
    
}

#at-grid li a,
.sommario li a,
.stats_grid li a{
    
    display: block;
    font-weight: 550;
    padding: 0.5rem 0.5rem 0.5rem 0rem;
    color:#015b88;
    vertical-align:text-top; 
    position: relative;
    float: left;
    width:100%;
    
}

.sommario li a,.stats_grid li a{
    
    padding-left: 2rem;
    
}

/*.stats_grid li a{
    
    width:100%;
    
}*/

#at-grid li a:before,.stats_grid li a:before{
    
    width:2.1rem;
    height:2.1rem;
    position: absolute;
    top:0rem;
    background-color: #015b88;
    content: '\3e';
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 300;
    text-align: center;
    border-radius:.25rem;
    
}

.sommario li a:before{
    
    width:2.1rem;
    height:2.1rem;
    position: absolute;
    top:0rem;
    left:-.5rem;
    background-color: #015b88;
    content: '\3e';
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 300;
    text-align: center;
    border-radius:.25rem;
    
}

#at-grid li a.selected:before{
    
  
    background-color: #A10000;
 
    
}

#at-grid li a span,
.sommario li a span,
.stats_grid li a span{
    
    display: block;
    float: left;
    padding-left: 3rem;
    
}


 #at-grid li:nth-of-type(odd){

/*    background-color: #EEE;*/
    
}    
    
 #at-grid li a:hover{
    
    
    text-decoration: underline;
    
}

#at-lista-consiglio{
    
/*    border-top:0.3rem solid #0B5B97;
    border-bottom:0.3rem solid #0B5B97;*/
    margin-top:2rem;
    background-color: #E3EFF7;
    padding:0.5rem;
    
}

#at-lista-consiglio-decaduti{
    
    
    
}



#at-lista-consiglio-decaduti > div > ul, 
#at-lista-consiglio > div > ul{
    
/*    column-count: 2 !important;    */
    padding:1rem;
/*    list-style : disc !important;*/
    
}


#at-lista-consiglio-decaduti > div > ul li,
#at-lista-consiglio > div > ul li{
    
    border-bottom:none !important;
    border-left:none !important;
    padding:0rem !important;
    margin:.5%;
    width:49%;
    float:left;
    display:block;
    
/*    list-style-type: disc !important;
    display: list-item !important;*/
}

#at-lista-consiglio-decaduti > div > ul li:before,
#at-lista-consiglio > div > ul li:before{
    
/*   content: "\2609";*/
   content: "\2022";
   color: #015b88;
   font-weight: bold;
   float:left;
   padding-right: 1rem;
}

#at-lista-consiglio-decaduti > div > ul li span,
#at-lista-consiglio > div > ul li span{
    
    border-bottom:none !important;
    border-left:none !important;
    font-size: 1rem !important;
}

#at-lista-consiglio-decaduti > div > ul li span a,
#at-lista-consiglio > div > ul li span a{
    
    border-bottom:none !important;
    border-left:none !important;
    padding:0rem !important;
    
}

#at-lista-consiglio-decaduti > div > ul li span a:hover,
#at-lista-consiglio > div > ul li span a:hover{
    
    
}

#at-nav-circoscrizioni{
    
    width: auto;
    height: auto;
    margin:0 auto;
    max-width: 35rem;
    
}

#at-nav-circoscrizioni li{
    
    width: 11.5%;
    height: auto;
    float:left;
    margin:0.5%;
    display: inline-block;
}

#at-nav-circoscrizioni li a{
    
    float: left;
    width: 100%;
    display: block;
    border: 2px solid #0b6b9d;
    background-color: #0b6b9d;
    color: #FFF;
    font-weight: 550;
    text-align: center;
    padding:0.25rem;
    border-radius: 0.5rem;
    
}

#at-nav-circoscrizioni li a:hover,
#at-nav-circoscrizioni li.selected a{
    
    color: #0b6b9d;
    background-color: #FFF;
    

}
#at-consigliere{}

img#at-consigliere-foto{
    
    width:15rem;
    height: auto;
    float: left;
    border:1rem solid #F8F8F8;
    margin: 0rem 1rem 1rem 0rem;
    
}

#at-consigliere span{
    
    width:100%;
    height: auto;
    padding: 0.5rem;
    display: inline-block;
    color:#333;
}


#at-consigliere > div > span > a > span{
    
    color:#0066CC;
    
}

#at-consigliere  > div > span > a:hover > span{
    
    text-decoration: underline;
    
}

#at-consigliere span span{
    
    font-weight: 550;
    padding:0rem;
    width:auto;
}

#at-consigliere span h2{
    
    width:auto;
    height: auto;
    padding: 0.5rem 0.5rem 0.5rem 0rem;
    display: inline;
    font-weight: 550;
    border-bottom: 1px solid red;
    float:none;
    text-align: left;
    font-size: 1.1rem;
    
}

#at-consigliere span h3{
    
    width:auto;
    height: auto;
    padding: 0.5rem 0.5rem 0.5rem 0rem;
    display: inline;
    font-weight: 550;
    float:none;
    text-align: left;
    font-size: 1.1rem;
    color:#004A83;
}

#at-consigliere .table{

border-bottom:1px solid #0c6594;
    
}

#at-consigliere .table .hdr{
    
    
    
}

#at-consigliere .table .row span{
    
    
    
}

#at-consigliere .table .hdr span{
    
    background-color: #0C6594;
    color:#FFF;
}

#at-consigliere .table .hdr span,
#at-consigliere .table .row span{
    
    
    font-weight: 500;  
    padding:0.5rem;
    float:left;
    display: block;
    
}

#at-consigliere .table .row{
    
    width:100%;
    height: auto;
    float:left;
    padding-bottom:0.5rem;
    
    
}

#at-consigliere .table .row:nth-child(even){
    
    background-color: #F8F8F8;
    
}

article.at_norma{
    
    width:100%;
    float:left;
    border-bottom:1px solid #DDD;
    
}

h2.at_norma{
    
    font-size: 1.3rem;
    color:#003268;
    text-align: left;
    border-left: 0.8rem solid #9F0000;
    background-color: #EEE;
    min-height: 0rem;
    padding: 0.5rem;
    
}

h3.at_norma{
    
    font-size: 1rem;
    color:#0066CC;
    text-align: left;
    min-height: 0rem;
    padding: 0.5rem;
    margin:0rem;
    
}

p.at_norma:first-of-type,
p.at_norma:last-child{
    
    border:none;
    
}

p.at_norma{
    
    font-size: 0.9rem;
    margin-bottom:0.5rem;
    padding:0rem 0.5rem 0.5rem 0.5rem;
    width:70%;
    float:left;
    display:block;
    
}

span.at_norma{
    
    width:30%;
    float:left;
    display:block;
    text-align:right;
    font-size:0.8rem;
    
}

#at-tassi-hdr, 
.at-incdir-hdr,
#at-beneficiari-hdr{
    
    background-color: #007BB3;
    color: #FFF;
    position: relative;
    
}

#at-tassi-hdr span.title,
#at-beneficiari-hdr span.title{
    
    font-size: 1.1rem;
    padding:0.5rem;
    display: block;
    float:left;
    
}

.at-incdir-hdr span{
    
    font-size: 1.1rem;
    padding:0.5rem;
    display: block;
    float:left;
    font-weight:550;
}

.at-incdir span{
    
    font-size: 0.9rem;
    padding:0.5rem;
    display: block;
    float:left;
    
}

.at-incdir-hdr span:nth-child(1),
.at-incdir span:nth-child(1){
    
    width: 25%;
    font-weight:550;
}

.at-incdir-hdr span:nth-child(2),
.at-incdir span:nth-child(2){
    
    width: 50%;
    border-left:1px solid #EEE;
    border-right:1px solid #EEE;
    font-weight:550;
}

ul.div100 > li > div > a > span,
ul.div100 > li > a > span
{
    
    font-size:1rem;
    line-height: 1.8rem;

}

ul.div100 > li > div > a:hover > span,
ul.div100 > li > a:hover > span
{
    
    text-decoration: underline;
    
}

ul.div100 li.div100:nth-child(even){
    
/*    background-color: #F6F6F6;*/
    
}

.at-incdir-hdr span:nth-child(3),
.at-incdir span:nth-child(3){
    
    width: 12.5%;
    text-align: center;
    
}


.at-incdir-hdr span:nth-child(4),
.at-incdir span:nth-child(4){
    
    width:12.5%;
    text-align: center;
   
}

.at-incdir{
    
    width:100%;
    height: auto;
    margin-bottom: 2rem;
    float:left;
    
}

.at-incdir li:nth-child(even){
    
    background-color: #F8F8F8;
    
}

.at-incdir li{
    
    float:left;
    display: block;
    width:100%;
    height: auto;
    border-bottom:1px solid #EEE;
    
}

.at-incdir li a{}

.at-incdir li a span{}




#at-tassi-hdr a#year_sel,
#at-tassi-hdr ul#years,
#at-beneficiari-hdr ul#years,
#at-beneficiari-hdr a#year_sel{
    
    right:0rem;
    
}

#at-tassi-hdr a#month_sel,
#at-tassi-hdr ul#months{
    
    right:11rem;
    
}

.ar-down:after, .ar-up:after{
    
    width:1rem;
    height:1rem;
    font-size: 1.5rem;
    position: absolute;
    right:2rem;
    
}

.ar-down:after{
    
    content: '\25BE';    
     top:0rem;
}

.ar-up:after{
    
    content: '\25B4';    
     top:0rem;
}

#at-tassi-hdr a#year_sel,
#at-tassi-hdr a#month_sel,
#at-beneficiari-hdr a#year_sel{
    
    position: absolute;
    top:0rem;
    font-size: 1rem;
    font-weight: 500;
    background-color: transparent;
    float:right;
    width: 11rem;
    padding:0.5rem;
    color:#FFF;
}

#at-tassi-hdr ul#years, 
#at-tassi-hdr ul#months,
#at-beneficiari-hdr ul#years
{
    
    display: none;
    position: absolute;
    top:2.3rem;
    background-color: #007BB3;
    height: auto;
    width:11rem;
    padding-bottom: 0.5rem;
    z-index: 111;
        
}

#at-tassi-hdr a#year_sel:after,
#at-tassi-hdr a#month_sel:after{
    
    
}

a#year_sel:before{
    
    width:1rem;
    height:1rem;
    font-size: 1.5rem;
    position: absolute;
    left:-1.5rem;
    content: url('../img/ico/calendario_b.png');    
    top:0.25rem;
    
}


#at-tassi-hdr a.selected:after,
#at-tassi-hdr a.selected:after,
#at-beneficiari-hdr a.selected:after{
    
    width:1rem;
    height:1rem;
    content: '\1F891' !important;
    font-size: 1.5rem;
    position: absolute;
    top:0.5rem;
    right:2rem;
}

.ul-selected{
    
    display: block !important;
    
}

#at-tassi-hdr .selected:after{
    
    width:1rem;
    height:1rem;
    content: '\1F891';
    float:right;
    font-size: 1.5rem;
    
}

#at-tassi-hdr ul#years li, 
#at-tassi-hdr ul#months li,
#at-beneficiari-hdr ul#years li{
    
     width:100%;
     height: auto;
     float:left;
    
}

#at-tassi-hdr ul#years li a, 
#at-tassi-hdr ul#months li a,
#at-beneficiari-hdr li a{
    
     color: #FFF; 
     padding:0.5rem;
     font-size: 0.9rem;
     display: block;
    
}

#at-tassi-hdr ul#years li a.a-selected, 
#at-tassi-hdr ul#months li a.a-selected,
#at-beneficiari-hdr ul#months li a.a-selected,
#at-beneficiari-hdr ul#years li a.a-selected{
    
     color: #007BB3; 
     background-color: #CCC;
     font-weight: 550;
    
}

.at_tassi_grid{
    
    margin-bottom:2rem;
    
}


.at_tassi_grid li{
    
    border-left:5px solid #999;
    
}

.at_tassi_grid li.div100:nth-of-type(odd){
    
    background-color: #EEE;
    
    
}

.at-grafico-partecipate{
    
    margin-bottom: 2rem;
    float:left;
    width:100%;
    
}

.at-grafico-partecipate li{
    
    width: 100%;
    height: auto;
    float:left;
    border-bottom: 1px solid #0074ac;
}

.at-grafico-partecipate li:nth-of-type(even){
    
    background-color: #F8F8F8;
    
}

.at-grafico-partecipate li:first-child{

    background-color:#0074AC;
    color: #FFF;
    
    
}

.at-grafico-partecipate li > span {
    
    padding:1rem;
/*    border-right: 2px solid #EEE;*/
    display: block;
    
}

.counter{
    
    width:100%;
    padding:0.5rem;
    background-color: #759BBD;
    float:left;
    border-radius: 0.35rem;
    
}

.counter .int-counter{
    
    background-color: #007AB5;
    color:#FFF;
    font-weight: 500;
    text-align: left;
    padding:0.15rem;
    display: block;
    float:left;
    border-radius: 0.35rem;
}

ul#at-partecipate-grid{}

#at-partecipate-grid li span{
    
    padding:0.5rem;
    
}

#at-partecipate-grid li:first-of-type{
    
    background-color: #0074AC;
    color:#FFF;
    padding:0.5rem;
    
}

#at-partecipate-grid li:nth-child(even){
    
    background-color: #F8F8F8;
    
}

.at-dirigente-det-head{
    
    width:100%;
    height:auto;
    float:left;
    border-top:1px solid #EEE;
    border-bottom:1px solid #EEE;
    padding:0.5rem;
    
}

.at-dirigente-det-head div{
    
    width:100%;
    height: auto;
    float:left;
    
}

.at-dirigente-det-head div span{
    
    display: block;
    float:left;
    
}

.at-dirigente-det-head div:nth-child(1) span{
    
    
    font-weight:550;
    padding:0.5rem;
    
}

.at-dirigente-det-head div:nth-child(2) span{
    
    padding: 0.2rem 0.5rem 0rem 0.5rem;
    color:#800000;
    font-weight:550;
    
}

.at-dirigente-det-head div:nth-child(3) span{
    
    padding: 0.2rem 0.5rem;
    font-size: 0.9rem;
    
}

.at-dirigente-det-head div:nth-child(4) span{
    
    padding: 0.5rem;
}

.at-dirigente-det-head div:nth-child(5) span{
    
    padding: 0rem 0.5rem;
    font-size: 0.9rem;
}

.at-dirigente-det-head div:nth-child(6) span{
    
    padding: 0rem 0.5rem;
    font-size: 0.9rem;
}

.at-dirigente-det-head div:nth-child(7) span{
    
    padding: 0rem 0.5rem;
    font-size: 0.9rem;
}

.at-dirigente-det-grid, #at-beneficiari-elenco{
    
    margin-top:1rem;
    float:left;
    width:100%;
    float:left;
    height: auto;
   margin-bottom: 2rem;
}

.at-dirigente-det-grid li:first-child,
#at-beneficiari-elenco li:first-child{
    
    background-color:#dad9d9 !important;
    color:#003348;
    font-weight:550;
    
}

.at-dirigente-det-grid li:nth-child(odd),
#at-beneficiari-elenco li:nth-child(odd){
    
    background-color:#F8F8F8;
    
}

.at-dirigente-det-grid li span,
#at-beneficiari-elenco li span{
    
    padding:0.5rem;
    display: block;
    float:left;
}

.at-dirigente-det-grid li span:nth-child(1){
    
    width:40%;
    
}

.at-dirigente-det-grid li span:nth-child(2){
    
     width:30%;
    
}

.at-dirigente-det-grid li span:nth-child(3){
    
     width:15%;
    
}

.at-dirigente-det-grid li span:nth-child(4){
    
     width:15%;
    
}

ul.div100{
    
    margin-bottom:1rem;
    
}

ul.div100 li.div100{
    
/*    border-bottom:2px solid #DDD;*/
    padding:0.8rem;
    
}


#at-beneficiari-grid{}

#at-beneficiari-grid li,
#at-albo-beneficiari-grid li{
    
    padding:1rem;
    border-bottom:1px solid #DDD;
    color:#042F51;
}

#at-beneficiari-grid li:nth-child(even),
#at-albo-beneficiari-grid li:nth-child(even){
    
    background-color: #EEE;
    
}

#at-beneficiari-grid li div,
#at-albo-beneficiari-grid li div{
    
    display: block;
    float:left;
    
}

#at-beneficiari-grid li div span,
#at-albo-beneficiari-grid li div span{
    
    display: block;
    float:left;
    
}

#at-beneficiari-grid li div:first-child,
#at-albo-beneficiari-grid li div:first-child{
    
    width:80%;
   
    
}

#at-beneficiari-grid li div:first-child span:nth-child(1){
    
    width:10%;
    text-align: center;
    font-weight: 500;
    
}

#at-beneficiari-grid li div:first-child span:nth-child(2){
    
    width:90%;
    
}

#at-beneficiari-grid li div:nth-child(2){
    
    width:20%;
    font-size:0.7rem;
    padding-left: 0.5rem;
    
}

#at-beneficiari-grid li span a{
    
    display: block;
    float:left;
    font-size:0.9rem;
    font-weight:500;
    width:100%;
}

#at-beneficiari-grid > li > div > span:nth-child(2) > div{
    
    width:100%;
    padding:0rem;
}

#at-beneficiari-grid > li > div > span:nth-child(2) > div > span{
    
    width:auto !important;
    display: block;
    padding:0.5rem 0rem; 
    float:left;
    
}

#at-beneficiari-elenco{}

#at-beneficiari-elenco li{
    
    width:100%;
    float:left;
    display: block;
    border-bottom:1px solid #CCC;
   
}

#at-beneficiari-elenco li:first-child{
       
}

#at-beneficiari-elenco li span{
    
    padding:1rem;
    
}

#at-beneficiari-elenco li span:nth-child(1){
    
    width:60%;
    font-weight: 500;
}

#at-beneficiari-elenco li span:nth-child(2){
    
    width:20%;
    font-weight: 500;
    text-align: center;
}

#at-beneficiari-elenco li span:nth-child(3){
    
    width:20%;
    font-size:0.7rem;
}

#at-beneficiari-elenco li a{}

#at-beneficiari-elenco li a span{}

#at-incarichi-extra-grid{}

#at-incarichi-extra-grid li:nth-child(odd),
#at-incarichi-consulenti-grid li:nth-child(odd){
    
    background-color:#EEE;
    
}

#at-incarichi-extra-grid li,
#at-incarichi-consulenti-grid li{
    
    font-size: 0.9rem;
    border-left:5px solid #a2a0a0;
    margin-bottom:0.5rem;
    border-bottom: 2px solid #DDD;
    
}

#at-incarichi-extra-grid li div.div50{
    
    padding:0.5rem 1rem;
    color:#042F51;
}

#at-incarichi-extra-grid li div.div50:nth-child(2) span{
    
    padding:0rem 0.5rem;
    
    
}

#at-incarichi-extra-grid > li div.div50:nth-child(2) > div.div100:nth-child(2){
    
    padding: 0.5rem 0rem;
    
}

#at-incarichi-extra-grid li div.div50 div.div100{
    
    color:#042F51;
    
}

#at-incarichi-consulenti-grid li div.div100{
    
    padding:0.5rem 1rem;

}

#at-incarichi-consulenti-grid li > div.div100{
    
    color:#042F51;
}

.at-incarichi-consulente{
    
    padding:1rem;
    color:#042F51;
    
}

#at-monitoraggio-procedimenti{}

#at-monitoraggio-procedimenti li,
#at-dati-aggregati li{
    
    color:#003348;
    
}

#at-monitoraggio-procedimenti li > div.div100,
#at-dati-aggregati li > div.div100{
    
    padding:0.5rem 1rem;
    
}

#at-monitoraggio-procedimenti li div.div100:nth-child(1),
#at-dati-aggregati li div.div100:nth-child(1){
    
    font-weight: 550;
    font-size:1rem;
    color:#660000;
    line-height: 1.8rem;
    
}

#at-monitoraggio-procedimenti li div.div100:nth-child(2),
#at-dati-aggregati li div.div100:nth-child(2){
    
    font-weight: 550;
    font-size:0.9rem;
    border-left: 3px solid #007BB3;
    
}

#at-monitoraggio-procedimenti li div.div100:nth-child(2) div.div50:nth-child(1) span,
#at-dati-aggregati li div.div100:nth-child(2) div.div50:nth-child(1) span{
    
    display: block;
    float:left;
    
}


#at-monitoraggio-procedimenti li div.div100:nth-child(2) div.div50 span:nth-child(1),
#at-dati-aggregati li div.div100:nth-child(2) div.div50 span:nth-child(1){
    
    text-align: left;
    width:10%;

}

#at-monitoraggio-procedimenti li div.div100:nth-child(2) div.div50 span:nth-child(2){

    
    text-align: left;
    width:90%;
 
}

#at-dati-aggregati li div.div100:nth-child(2) div.div50:nth-child(2) span{
    
    width:50%;
    float:left;
    display: block;
    
}

#at-dati-aggregati  li  div.div100 div:nth-child(2) > span:nth-child(1){
    
    
    
}

#at-dati-aggregati li div.div100:nth-child(2) div.div50:nth-child(1) span:nth-child(1){
    
    width:10%;

    
}

#at-dati-aggregati li div.div100:nth-child(2) div.div50:nth-child(1) span:nth-child(2){
    
    width:90%;

    
}

#at-monitoraggio-procedimenti li div.div100:nth-child(3),
#at-dati-aggregati li div.div100:nth-child(3){
    
    text-align: right;
    font-size: 0.7rem;
    padding:0.25rem;
}

#at-monitoraggio-procedimenti li div.div100 > div.div50{

    
    padding:0rem 0.5rem;
    
}

#at-dati-aggregati li div.div100:nth-child(2) div.div50:nth-child(1){
    
    padding:0rem 0.5rem;
    width: 60%;
    
}

#at-dati-aggregati li div.div100:nth-child(2) div.div50:nth-child(2){
    
    padding:0rem 0.5rem;
    width: 40%;
    
}

#at-monitoraggio-procedimenti li div.div100 > div.div50:nth-child(2) span,
#at-dati-aggregati li div.div100 > div.div50:nth-child(2) span{
    
    padding:0rem 0.5rem;
    text-align:center;
}

#at-pagamenti-grid,
#at-pagamenti-grid li{
    
    width:100%;
    height: auto;
    float: left;
    display:block;

}

#at-pagamenti-grid li{

    font-size: 0.9rem;
/*    padding:0.5rem 0rem;*/
    text-align: center;
    
}

#at-pagamenti-grid li:nth-child(even) div{
    
    background-color: #EEE;
    
}

#at-pagamenti-grid li:first-child{
    
    background-color: #007BB3;
    color: #FFF;
   
}

#at-pagamenti-grid li:first-child div span{
    
    padding:0.5rem 0rem;
    border-right: none;
}

#at-pagamenti-grid li div{
    
    border-bottom: 1px solid #007BB3;
    
}

#at-pagamenti-grid li div span{
    
    width:12%;
    display: block;
    float:left;
    height: auto;
    padding:1rem 0rem;
    border-right: 1px solid #CCC;
    font-weight: 500;
    
}

#at-pagamenti-grid li div span:last-child{
    
    width:27%;
    border-right: none;
    font-weight: normal;
    font-size: 0.8rem;
}

.at-procedimenti{}

.at-procedimenti li.settore{
    
    font-weight: 550;
    border-left: 5px solid #A10000;
    padding:0.5rem;    
    background-color: #FFF;
    color:#042F51;
    width:100%;
    height: auto;
    float:left;
    display:block;
    margin-top:2rem;
    margin-bottom:0.5rem;
    font-size: 1.1rem;
    border-bottom:none;
}

.at-procedimenti li:nth-child(even),
#at-procedimento-normativa li:nth-child(even){
    
    background-color: #EEE;
    
}

.at-procedimenti li{
    
    width:100%;
    height: auto;
    float:left;
    display:block;
    padding:0.5rem;
    font-size: 0.9rem;
    border-bottom:1px solid #DDD;
    
}

.at-procedimenti li span{
    
    float:left;
    display:block;
    
}

.at-procedimenti li span:nth-child(1){
    
    width: 8%;
    padding:0rem 0.75rem;
    max-width: 4rem;
    
}

.at-procedimenti li span:nth-child(2){
    
    width: 92%;
    font-weight:550;
    
}

#at-procedimento-denominazione{
    
    
    
}

#at-procedimento-denominazione div:nth-child(1){
    
    background-color: #EEE;
    font-weight: 550;
    
}

#at-procedimento-denominazione div span{
    
    display: block;
    float:left;
    padding: 0.5rem;
    color:#042F51;
}

#at-procedimento-denominazione div:nth-child(1) span:nth-child(1),
#at-procedimento-denominazione div:nth-child(2) span:nth-child(1){
    
    width:8%;

}

#at-procedimento-denominazione div:nth-child(1) span:nth-child(2),
#at-procedimento-denominazione div:nth-child(2) span:nth-child(2){
    
    width:92%;
}

#at-procedimento-denominazione div:nth-child(2) span:nth-child(1){
    
    color:#444;
    
}

#at-procedimento-denominazione div:nth-child(2) span:nth-child(2){
    
    font-weight: 500;
    
}

#at-procedimento-denominazione > div:nth-child(2) > div:nth-child(3){
    
    background-color: #EEE;
    font-weight: 550;
    color:#042F51;
    margin-top:2rem;
    
}

#at-procedimento-denominazione > div:nth-child(2) > div:nth-child(4){
    
    font-size:0.9rem;
    
}

#at-procedimento-denominazione div:nth-child(2) div{
     
    padding:0.5rem;
    
}

.label-gray{
    
    width:100%;
    height: auto;
    float:left;
    display: block;
    padding:0.5rem;
    background-color: #EEE;
    font-weight: 550;
    color:#042F51;
    margin-bottom: 0.5rem;
    
}

#at-procedimento-normativa{
    
    
}

#at-procedimento-normativa li{
    
    border-bottom: 1px solid #DDD;
    float:left;
    display: block;
    height: auto;
    width:100%;
    
}

#at-procedimento-normativa li div.div25{
    
    font-size: 0.7rem;
    
}

#at-procedimento-normativa li div.div75 span{
    
    width:100%;
    float:left;
    display: block;
    height: auto;
    padding:0.5rem;
    font-size:0.9rem;
    
}

#at-procedimento-normativa li div.div75 span:nth-child(1) a{
    
    font-weight: 550;
    
}

#at-procedimento-normativa li div.div75 span:nth-child(2){
    
    padding:0.5rem;
    
}

.at-recapiti{}

.at-recapiti h2,
.at-tassi-assenza h2{
    
    text-align:left;
    font-size:1.3rem;
    padding:0.25rem 0rem 0rem 0.5rem;
    color:#042F51;
    
}

.at-tassi-assenza h2{
    
   border-left:0.75rem solid #800000; 
    
    
}

.at-recapiti-grid{
    

    
}

.at-recapiti-grid li,
.at-recapiti-grid ul li{
    
    padding:0.5rem;
    color:#003349;
    float:left;
    width:100%;
    font-size:0.9rem;
    
    
}

.at-recapiti-grid li{
    
   border-left:5px solid #9F0000;
    
}

.at-recapiti-grid ul li{
    
    background-color: #FFF;
    width:100%;
    border-left: 3px solid #007BB3;
    border-bottom: 1px solid #DDD;
}

.at-recapiti-grid ul{
    
    width:98%;
    margin:0% 0% 2% 2%;
    
}

.at-recapiti-grid ul li:nth-child(odd){
    
    background-color: #EEE;
    
    
}

.at-recapiti-grid li div.div100{
    
    padding:0.5rem;
    
}

#at-assetto-organizzativo{
    
    list-style: decimal;
    padding:1rem;
    
}

#at-assetto-organizzativo li{
    
    padding:0.5rem;
    display: list-item;
    float:left;
    width: 100%;
    height: auto;
    
}

#at-albo-beneficiari-grid{}

#at-albo-beneficiari-grid li{
    
    width:100%;
    height:auto;
    float:left;
    
}

#at-albo-beneficiari-grid li:first-child{
    
    margin:0.5rem 0rem;
    background-color: #F8F8F8;
    padding:0.5rem;
    
}

#at-albo-beneficiari-grid li:first-child div span{
    
    text-align: center;
    font-weight: 500;
    width:100%;
    float:left;
    display: block;
    
}

#at-albo-beneficiari-grid li div {
    
    padding:0.5rem;
    float:left;
    display:block;
    
}

#at-albo-beneficiari-grid li div span{
    
    float:left;
    height:auto;
    
}

#at-albo-beneficiari-grid li div:nth-child(1){
    
    width:8%;
    min-width:4rem;
    
}

#at-albo-beneficiari-grid li div:nth-child(2){
    
    width:42%;
    
}

#at-albo-beneficiari-grid li div:nth-child(3){
    
    width:30%;
    
}

#at-albo-beneficiari-grid li div:nth-child(4){
    
    width:20%;
    
}

#at-albo-beneficiari-grid li div:nth-child(3) span,
#at-albo-beneficiari-grid li div:nth-child(4) span{
    
    width:100%;
    text-align: center;
    
}

#at-albo-beneficiari-grid li div:nth-child(5){
    
    width:100%;
    background-color: #F8F8F8;
    font-size: 0.9rem;
    margin-top:1rem;
    
}

#at-servizi-erogati-grid{}

#at-servizi-erogati-grid ul{
    
    width:100%;
    display: block;
    float:left;
    height: auto;
    
}

#at-servizi-erogati-grid ul li{
    
    border-bottom: none;
    margin:0.3rem 0rem;
}

#at-servizi-erogati-grid > li{
    
    border-bottom: 1px solid #DDD;
    float:left;
    width: 100%;
    height: auto;
    padding-top:2rem;
}

#at-servizi-erogati-grid li div{
    
   padding:0.5rem;
    
    
}

#at-servizi-erogati-grid li div:nth-child(1){
    
    border-left:3px solid #A10000;
    color:#015b88;
    font-size: 1.2rem;
}

#at-servizi-erogati-grid li div:nth-child(2){
    
    border-left:3px solid #A10000;
    background-color: #EEE;
    color:#015b88;
    font-size: 1.1rem;
    line-height: 1.7rem;
}

#at-servizi-erogati-grid li div:nth-child(3){
    
    color:#444;
    font-size: 1rem;
    line-height: 1.7rem;
    
}

#at-regolamenti-grid{
    
   
    
}

#at-regolamenti-grid > li{
    
    width:100%;
    height:auto;
    float:left;
    display: block;
    padding:0.5rem;
    border-left:0.5rem solid #a90101;
    margin-top:2rem;
    
}

#at-regolamenti-grid > li span{
    
    font-weight: 550;
    font-size: 1.3rem;
    display: block;
    width:auto;
    float:left;
    
}

#at-regolamenti-grid ul{
    
    width:100%;
    height: auto;
    display: block;
    float:left;
    
}

#at-regolamenti-grid ul li{
    
}

#at-regolamenti-grid ul li div.div100:first-child{
    
    color:#015b88;
    padding:0rem 0.5rem 1rem 0.5rem;
    font-size:1.1rem;
    font-weight: 550;
    
}

.alldata{
    
    display: block;
    float:right;
    width: auto;
    margin-right: 15rem;
       
}

.alldata a{
    
    font-weight: 550;
    color:#FFF; 
    float: left;
    display: block;
    padding:0.5rem;
    
}

.btn-back{
    
    min-width:10rem;
    width:auto;
    float:right;
    height: auto;
    background-color: #007BB3;
    color:#FFF;
    font-weight: 500;
    padding:1rem;
    opacity: 0.9;
    transition: all ease .5s;
    
}

.btn-back:hover{
    
    opacity: 1; 
    color:#FFF;
}

.btn-back span{
    
    display: block;
    float:left;
    
    
}

.btn-back span:before{
    
    content:'<';
    width:1rem;
    height: 1rem;
    margin-right:0.5rem;
    
}

.font1-2{
    
    font-size: 1.2rem;
    
}

/*fine-amministrazione trasparente*/

/*inizio lista notizie*/

#calendar-wrap{
    
    position: absolute;
/*    top: 13%;
    right:7%;*/
    z-index:111111;
    display:none;
    border-radius: .75rem;
    
}

#calendar{
    
    border-radius: .5rem;
    
}


#filters{
    
    width:auto;
    float:left;
    position: relative;
}

#filters a{
    
    width:auto;
    height: 2.4rem;
    display:block;
    float:left;
    padding:.5rem 3rem;
    border-radius: 1rem;
    background-color: #ECEDEE;
    margin:.5rem;
    font-weight: 550;
    border-bottom:2px solid #CECECE;
}

#filters a:hover{
    
   background-color: #C7CBCD; 
   
}
 
#filters a span{
    
    font-size: .9rem;
    color:#475359;
    font-weight: 500;
    position: relative;
    display: block;
       
    
}

#filters a span.filtro:before,
#filters a span.calendario:before{
    
    position: absolute;
    top: 0rem;
    left: -2rem;
    width: 2rem;
    height: 2rem;
    display: block;
    
}

#filters a span.filtro:before{
    
     content: url(../img/ico/filter.png);
    
}

#filters a span.calendario:before{
    
     content: url(../img/ico/cal.png);
    
}


#filters-body{
   
    transition: ease mall .3s;
    background-color: #FFF;
}



#filters-body #args a:hover,
#filters-body #args a.selected{
    
    color:#720000;
    cursor: pointer;
    
    
}

#filters #filters-body #args a.selected{
    
    pointer-events: none;
    
}

#args,
#date{
    
    display: none;
    padding:0.25rem;
    float: left;
    
}

#filters-body #date span{
    
    display: block;
    padding:0.25rem;
    float: left;
    
}


#filters-body #date span input{
    
    border:1px solid #F1F1F1;
    border-radius: 0.5rem;
    
}


#filters-body #date span label,
#filters-body #date span input{
    
    display: block;
    float: left;
    width: auto;
    padding:0.5rem;
    
}


#filters-body #args a, 
#filters-results a {
    width: auto;
    display: inline-block;
/*    float: left;*/
    padding: 0.75rem;
    color: #003349;
    font-weight: 600;
    font-size: 0.8rem;
}

#filters #filters-body {
    transition: ease mall .3s;
    background-color: #FFF;
}


#filters-body, #filters-results {
    
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 0.9rem;
    
}

#filters-results{
    
    border-top:2px solid #F3F3F3;
    border-bottom:2px solid #F3F3F3;
    
}

#filters-results a {
    
    position: relative;
/*    margin: .2rem .8rem;*/
    font-size: 0.9rem;
    
}

#filters-results a:after {
    
    position: absolute;
    top: .25rem;
    right: -.75rem;
    width: 1rem;
    height: 1rem;
    content: 'x';
    color: #000;
    display: block;
    font-weight: 600;
    text-align: center;
    font-size: .6rem;
    
}

#dodate{
    
    width: auto;
    height: auto;
    float:left;
    display: block;
    padding:.5rem;
    color: #FFF;
    background-color: #003349;
    border-radius:0.5rem;
    text-align: center;
    margin-top:0.3rem;
    margin-left: .5rem;
    min-width: 5rem;
    opacity: .90;
    transition: ease all .3s;
    font-weight: 600;
    
}

#dodate:hover{
    
    opacity: 1;
    
}

h1.h-h1{margin:0rem;font-size: 2.2rem;font-weight: 600;text-align:left;}

div.h-h1{font-size:2.2rem;font-weight: 600;text-align:left;margin-top:0.5rem;}

#notizie-list{
    
    min-height: 10rem;
    margin-top: 2rem;
}

#notizie-list article.news,
#notizie-list article.news span.notizia,
#notizie-list article.news span.scadenza,
#notizie-list article.news span.evento,
#notizie-list article.news span.avviso{
    
    width: 100%;
    height: auto;
    float:left;
    display: block;
    
}

#notizie-list article.news span.notizia,
#notizie-list article.news span.scadenza,
#notizie-list article.news span.evento,
#notizie-list article.news span.avviso{
    
    margin:0.25rem 0rem;
    margin-bottom:0.25rem;
    font-size: .8rem;
    border:none;
    background-position: 0.25rem;
/*    background-color: #FFF;*/
}


#notizie-list article.news{
    
    margin-bottom:0.5rem;
    padding:0.5rem 1rem;
    background-color: #F8F8F8;
    border-bottom:2px solid #EEE;
    border-radius: 1rem;
    
    
}

#notizie-list article.news h2{
    
    
    
}

#notizie-list article.news h2,
#notizie-list article.news h2 a{
    
    margin:0rem;
    text-align: left;
    font-size: 1rem;
    line-height: 1.4rem;
    
}

#notizie-list article.news h2 a{
    
    padding-top:.6rem;
    display: block;
    width: auto;
    color:#333;
    font-size: 1.15rem;
    
}

#notizie-list article.news h2 a:hover{
    
    text-decoration: underline;
    
}

.pub-date{
    
    float: none;
    color: #455964;
    font-weight: normal;
    font-style: italic;
    
}

.pub-desc{
    
    color:#003347;
    
}


#notizie-list article.news span.div100{
    
    font-style: italic;
    font-size: .8rem;
    
    
}

#notizie-list article.news .div100 p{
    
    padding:.25rem .2rem 0rem .9rem;
    font-size: .9rem;
    
}


/*fine lista notizie*/

/*inizio noticext*/

#new-container h1{
    
/*    background-color: #F4F4F4;*/
    text-align: left;
    font-size:1.5rem;
    line-height:2.2rem;
    padding:0.5rem;
/*    border-left:8px solid #CB0504;   */
    margin-top:0rem;
    border-radius: .5rem;
    position: relative;
    padding-left: 1.5rem;
}

#new-container h1:before{
    
    position: absolute;
    content: ''; 
/*    content: url("../img/ico/1080.png"); */
    top:0rem;
    left:0rem;
    width: 4px;
    height: 100%;
    border:2px solid #CB0504;
    border-radius: .5rem;
    background-color:  #CB0504;
}

#new-container .image{
    
    width:auto;
/*    max-width:700px;
    height:280px;*/
    margin:-1rem 1rem .5rem 0rem;
    float:left;
    
}

#media-container{
    
/*    padding-left: 310px;*/
    position:relative;
/*    float:left;*/
    display:block;
    
}

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


#new-container div:empty{
    
    display: none;
    
}

#new-container .image img{
    
    width: auto;
     height: 100%;
/*    border:5px solid #DDD;*/
    display: block;
    float: left;
    border-radius: .5rem;
    max-width:700px;
    
}

#new-container p{
    
    padding-bottom: 1rem;
    
}


/*fine noticext*/

/*barra di ricerca*/


#contestual-search-box,
#contestual-search-box-tel,
#contestual-search-box-mail{
    
    width:30%;
    margin:2% 35%;
    float: left; 
    height: auto;
}

#contestual-search-box.compact{
    
    width:46%;
    margin:2% 27%;
    
}


#contestual-search-box select,
#contestual-search-box input,
#contestual-search-box-tel select,
#contestual-search-box-tel input,
#contestual-search-box-mail select,
#contestual-search-box-mail input{
    
   
    padding:0.5rem 1rem;
    border:none;
    float:left;
    height:3rem;
    font-size:1.1rem;
    font-weight:400;
    letter-spacing:0.05rem;
    background-color: #F8F8F8;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;   
    font-size: 0.9rem;
    
}

#contestual-search-box input.compact{
    
     width:44%;
    
}

#contestual-search-box select,
#contestual-search-box-mail select,
#contestual-search-box-tel select{
    
    width: 20%;
    margin-right: 0.3rem;
}

#contestual-search-box input,
#contestual-search-box-mail input,
#contestual-search-box-tel input{
    
    width:79%;
  
}

#contestual-search-box a#contestual-do-src,
#contestual-search-box-mail a#contestual-do-src-amail,
#contestual-search-box-tel a#contestual-do-src-tel{
    
    width:10%;
    min-width: 85px;
    display: block;
    background-color: #F8F8F8;
    float: left;
    background-image:url(../img/ico/lente.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size: auto;
    height: 3rem;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}


#q{
    
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
    
}

/*fine barra di ricerca*/


/*footer*/

#service-box{
    
    width:100%;
    float:left;
    height:auto;
    min-height:2rem;	
    background-color:#003F66;
    padding:0.5rem;
    position: relative;
    
}

#service-box a.bef-ans{
    
    color:#FFF; 
    display: block;
    text-align: center;
    font-size: 1.2rem;
    padding:0.5rem;
    font-weight: 600;
    width:40%;
    margin:0 auto;
    
}

#service-box #answer{
    
    width: 40%;
    margin:0% 30%;
    background-color: #FFF;
    padding: 0.5rem;
    border-left: 1rem solid #24C3CC;
    float: left;
    display: none;
    
}

#service-box #answer a.aft-ans{
    
    width: auto;
    color: #0066CC;
    padding:0rem 0.2rem;
    font-size: 1.1rem;
   
}

#service-box #answer span{
    
    width: auto;
    color: #333;
    display: block;
    float: left;
    font-size: 1.1rem;
    padding-left: 2rem;
    
} 

#footer{
	
    width:100%;
    float:left;
    height:auto;
    min-height:28rem;	
    background-color:#30373D;
    position:relative;
    
}

#footer #footer-wrap{

    width:1440px;
    margin:0 auto;
    height:auto;
    min-height:2rem;
    margin-top:1rem;
    position:relative;
    overflow: auto;
    
}

#footer #footer-wrap #footer-hdr{
	
    width:80%;
    height:auto;
    float:left;
    min-height:2rem;
	
}

#footer #footer-wrap #footer-hdr span{

    display:block;
    float:left;
    width:23rem;
    color:#FFF;
    font-weight:500;
    font-size:2rem;
    height:auto;
    margin-top:2.5rem;
    letter-spacing:0.05rem;
	
}

#footer #footer-wrap #footer-logo{
	
    width:7rem;
    float:left;
    margin:1rem 2rem;
    height:auto;
    min-height:2rem;
	
}

#footer #footer-wrap #footer-logo img{

    width:100%;
    height:auto;

}

#footer #footer-wrap #footer-socials{
		
    position:absolute;
    width:auto;;
    height:auto;
    min-height:2rem;
/*	top:3rem;*/
    right:5rem;
    display:block;
      
	
}
#footer #footer-wrap #footer-logos{
		
    position:absolute;
    width:auto;;
    height:auto;
    min-height:2rem;
    bottom:3rem;
    right:5rem;
    display:block;
      
	
}

#footer #footer-wrap #footer-socials span{

    width:100%;
    display:block;
    height:auto;
    min-height:1rem;
    color:#FFF;
    font-size:1.4rem;
    font-weight:500;
    letter-spacing:0.05rem;
    text-align:center;
    padding-bottom:0.5rem;

}

#footer #footer-wrap #footer-socials a img{
	
    margin:0.3rem;
	
}

#footer #footer-wrap #sub-footer{
		
    width:100%;
    height:auto;
    min-height:1.5rem;
    float:left;
	
}


#footer #footer-wrap #sub-footer .footer-sect{
    
    width: 33.33%;
    height: auto;
    float: left;
    display: block;
    padding-right: 5%;
            
    
}

#footer #footer-wrap #sub-footer  .footer-sect span{
	
    display:block;
    width:100%;
    float:left;
    line-height:1.5rem;
	
	
}

#footer #footer-wrap #footer-credits{
	
    width:100%;
    min-height:2rem;
    border-top:0.05em solid #C5CACD;
    float:left;
    margin-top:1rem;
    height: auto;
	
}

#footer #footer-wrap #footer-credits span{
	
    width:auto;
    min-width:2rem;
    padding:0.8rem 0.3rem;
    height:auto;
    min-height:1rem;
    display:block;
    float:left;
    color:#FFF;
    margin-left:1rem;
	
}

#footer #footer-wrap #footer-credits span a, .medium a{
	
    color:#65DDDF;
	
}


.credits-block{
    width: 32.3%;
    float: left;
    min-height: 1rem;
    height: auto;
    display: block;
    padding:1rem;
    background-color:#ececec;
    margin:1% .5% 0% .5%;
    border-radius: 0.5rem;
    
}

.credits-img{
    
    float:left;
    margin:1rem 0.5rem;
    width:5rem;
    height:auto;
    
}

.credits-label{
    
    background-color:#ececec;
    min-height:11rem;
    height:auto;
    border-radius: 0.5rem;
    
}

.credits-label > p.title{
    
    margin: 0rem;
    width: 74%;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 1rem 0.5rem 0rem 0.5rem;
    display: block;
    float: right;
    
}   

.credits-label > p.title span.div100:first-child{
    
    padding-top:.5rem;
    
}

.credits-label > p.title span.div100{
    

    color:#717171;
    
}
    
.credits-person{
   
    font-size:1.2rem;
    padding:.3rem 1rem .3rem 5rem!important;
    
    
}    




.big {
    padding: 0.2em 1.2em 0.5em 1.2em;
    font-size: 1.5em;
    font-weight: 400;
    color: #FFF;
}

.big a{
    
    color: #FFF;
    padding:1.5rem 0rem 1rem 0rem; 
    display: block;
    float:left;
    text-decoration: underline;
    
}

.big a:hover{

    text-decoration: underline;
    color:#0066CC;
    
}

.medium {
    padding: 0.2em 2em;
    font-size: 1em;
    font-weight: 400;
    color: #C5CACD;
}

/*fine footer*/

#map{

	width:100%;
	height:30rem;	
	
}

.festino-398 #map{
    
    height:40rem !important;
    
}

.bold{
	
	font-weight:500;
	
}

.blulabel, .greenlabel, .orangelabel{
	
	min-width:4rem;
	width:auto;	
	min-height:2rem;
	height:auto;
	background-color:#007BB3;
	display:block;
	margin:0.2rem;
	color:#FFF;
	padding:0.5rem;
	float:left;
	border-radius:0.1rem;
	vertical-align:middle;
	line-height:1.2rem;
	text-align:center;
        box-shadow: 0px 2px 4px 0px #000;
        transition: all 0.3s ease 0s;
	opacity: 0.9;
}

.greenlabel{

	background-color:#090;	
	
}

.orangelabel{

	background-color:#FFA000;	
	
}

.blulabel:hover{
        background-color:#007BB3 ;
	color:#FFF;
        opacity: 1;
	
}

.greenlabel:hover{
	
	color:#F28E1E;
	
}

.role, .person{
    
    width:100%;
    height:auto;
    min-height: 1rem;
    padding:0.5rem;
    float:left;
   
   
}

.person{
    
   color:#003366; 
   font-size : 1.15rem;
    
}

.role{
    
    color:#555;
    font-size : 1.25rem;
    font-weight: 400;
    
}

a.ext-href, span.ext-href{
    
    background-image:  url("../img/ico/href.png");
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 1.9rem !important;
    padding-top:0.25rem !important;
    
}

#breadcrumbs{
	
	width:100%;
	height:auto;
	min-height:1.3em;
	padding:0.4rem;
	font-size: 0.9rem;
        display: block;
        float:left;
        
}

#breadcrumbs li{
    
    width: auto;
    float: left;
    display: block;
}

#breadcrumbs li a{
    
    width: 100%;
    display: block;
    float: left;
    
}

#breadcrumbs span{
    
    width: auto;
    float: left;
    display: block;
    padding:0rem 0.2rem;
    
}

#breadcrumbs li a:hover{
    
    text-decoration: underline;
    
}

ul#breadcrumbs li:nth-last-child(1) > a{
    
    pointer-events:none;
    cursor: none;
}

ul#breadcrumbs li:nth-last-child(1) > a span{
    
    
    color:#000;
    
}


#push-screen{
	
    width:100%;
    height:100%;
    z-index:1000000;
    display:none;
    background-color:#000;
    opacity:0.5;
    position:fixed;
    top:0px;
    left:0px;
	
}


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

.mobile-not{

/*    display:block;*/
	
}

.events-none{
	
    pointer-events:none;
		
}

.events-auto{
	
    pointer-events:none;
		
}

#date-pub{
    
    font-weight: normal;
    
}

#aggregator,
#new{

    float:left;
    display: block;
    height: auto;
/*    padding: .5rem;*/
    
}    
    
#aggregator{
    
    width:30%;
    margin-top:1rem;
    padding:0rem .5rem;
    
}


#aggregator .new{
    
   width: 100%; 
    
}

#aggregator .new,
.slides .new,
#circ-informa .new{
    
    background-color: #F8F8F8;
    border: none;
    border-radius:1rem;
    border-bottom:2px solid #D6D6D6;
        
}

#aggregator .new:hover,
.slides .new:hover,
#circ-informa .new:hover{
    
    box-shadow: none;
    
}

#aggregator .new .notizia,
#aggregator .new .avviso,
#aggregator .new .scadenza{
    
    font-size: .8rem;
    
}

#new{
    
    width:70%;
    padding-right: 1rem;
}

/*circoscrizioni*/

#circ-logo{}

#circ-logo img{
    
    width: 100%;
    height: auto;
    float:left;
    
}

#circ-data{
    
    padding:.5rem 1rem;
    
}

#circ-data h1{
    
    text-align: left;
    margin:0rem;
    color:#333;
    padding:.75rem .5rem;
    font-size: 1.8rem;
    position: relative;
    
}

#circ-data h1:before{
    
    content: "";
    position: absolute;
    left:0rem;
    bottom:0rem;
    width: 50%;
    height: .2rem;
    background-color: #007BB3;
    
}


#circ-data #quartieri{
    
    font-size: 1.1rem;
    font-weight: 550;
    color: #003346;
    padding: .5rem;
}

#circ-data #quartieri span{
    
    font-weight: normal;
    
    
}

#circ-data a.maploc{
    
    color: #0066CC;
    display: block;
    float:left;
    font-size: 1rem;
    position: relative;
    padding: .5rem;
    padding-left: 1.75rem;
    font-weight: 550;
}

#circ-data .maploc:before{
    
    position: absolute;
    left:0rem;
    top:0rem;
    width: 1rem;
    height: 1rem;
    content: url("../img/ico/place.png");
    
}


#circ-data #tel{
    
    padding: .5rem;
    font-weight: 550;
    
}

#circ-data #btns{
    
    padding: .5rem;
    
}

#circ-data #btns a{
    
    width: 44%;
    margin:1rem 2%;
    float:left;
    display: block;
    border-radius:.75rem;
    color: #FFF;
    padding: 1rem;
    text-align: center;
    position: relative;
    font-weight: 550;
    font-size: 1rem;
    max-width: 275px;
    
}

#circ-data #btns a:nth-child(1){
    
    background-color: #008DCD;
    border-bottom: 2px solid #09496B; 
    
}

#circ-data #btns a:nth-child(2){
    
    background-color: #F27500;
    border-bottom: 2px solid #A95304; 
    
}

#circ-data #btns a:nth-child(1):before,
#circ-data #btns a:nth-child(2):before{
    
    position: absolute;
    top:.75rem;
    right:2rem;
    width: 1rem;
    height: 1rem;
    
}

#circ-data #btns a:nth-child(1):before{
    
    content: url("../img/ico/user.png");
    
}

#circ-data #btns a:nth-child(2):before{
    
    content: url("../img/ico/uffici.png");
    
}

#circ-data #mail{
    
    padding: .5rem;
    font-weight: 550;
    
}

.circ-new{
    
    position: relative;
    margin-bottom: 1rem;
    height: auto;
    min-height: 2rem;
    padding: 0.8rem;
    float: left;
    background-color: #F8F8F8;
    border: none;
    border-radius: 1rem;
    border-bottom: 2px solid #D6D6D6;
    padding-left: 2.5rem;
    
}

.circ-new:before{
    
    position: absolute;
    content: '';
    /* content: url(../img/ico/1080.png); */
    top: 0rem;
    left: 1rem;
    width: .15rem;
    height: 90%;
    border: 2px solid #0090C7;
    border-radius: .5rem;
    background-color: #0090C7;
    
}

.circ-new:first-of-type{
    
    margin-top:2rem;
    
}
.circ-new:last-of-type{
    
    margin-bottom:2rem;
    
}

.circ-new h2,
#circ-informa h2{
    
    color: #333;
    text-align: left;
    margin:0rem;
    padding: .5rem;
    font-size: 1.2rem;
    
}

#circ-informa h2{
    
    text-align: center;
    font-size: 1.5rem;
    
}

.circ-new h2 a{
    
    font-size: 1.1rem;
    color: #333;
    line-height: 1.4rem;
    font-weight: bold;
    float: none;
    padding-top: 0rem;

}

.circ-new h2 a:hover{
    
    text-decoration: underline;
    
}


.circ-new span{
    
    padding: .5rem;
    font-size: 1rem;
    font-weight: 500;
    color:#00334B;
    text-decoration: underline;
    
}

.circ-new p{
    
    font-size: 0.9rem;
    float: left;
    color: #454F58;
    padding: 0.5rem 0.3rem 0rem 0.3rem;
    
}

#circ-accade{
    
    margin-bottom: 2rem;
    
}

#circ-accade h2.h2{
    
    color:#FFF;
    font-size: 1.5rem;
    margin:0rem;
    padding:.5rem;
    
}

#circ-accade-int{
    
    margin-bottom: 2rem;
    
}


#circ-dentro{
    
    

}

#circ-dentro h2{
    
    font-size: 1.5rem;
    margin:0rem;
    padding:.5rem;
    
}

#circ-dentro-int{
    
/*    margin-bottom: 2rem;*/
    
}

#circ-dentro-int ul{
    
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    column-gap: 1rem;
    margin-top: 1rem;
    padding:0rem 3.5rem;
    
}

#circ-dentro-int ul li{
    
   
    display: inline-block;
    width: 100%;
    
}


#circ-dentro-int ul li a:hover{
    
    background-color: #CAE4FB;
    
}

#circ-dentro-int ul li a{
    
    border-radius: .5rem;
    background-color: #F8F8F8;
/*    border-bottom: 2px solid #CAE4FB;*/
    width: 100%;
    display: block;
    float:left;
    position: relative;
    padding:2.1rem .75rem .5rem;
/*    margin:.5rem 0rem;*/
    font-weight: 500;
    color:#333;
    background-position: 1rem;
    background-repeat: no-repeat;
    padding-left: 3.5rem;
    min-height: 6rem;
}

#circ-dentro-int ul li a span{
    
    display: block;
    float:left;
    width:85%;
    
}

#circ-dentro-int ul li a:after{
    
    color:#333;
    font-weight: bold;
    content: ">";
    position: absolute;
    right:2rem;
    top:40%;
    
}

#circ-map{
    
    padding:0rem;
    position: relative;
    display: none;
}

#g-style-panel{
    
    position: absolute;
    width:25rem;
    height: 100%;
    
    background-color: #FFF;
    border-right: 1px solid #EEE;
    top:0rem;
    left:0rem;
    z-index: 11;    
    
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  border-radius: 0;
}

::-webkit-scrollbar-thumb {
  margin: 2px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}

#g-style-panel #hdr{
    
    position: relative;
    width: 100%;
    height: 3rem;
    background-color: #DB4437;
    padding-right: 1.2rem;
}

#g-style-panel #hdr #closer{
    
    position: absolute;
    color: #000;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border:1px solid #CCC;
    font-weight: bold;
    top:.75rem;
    right:.25rem;
    padding: .2rem;
    font-size: .8rem;
    text-align: center;
    background-color: #FFF;
    
    
}

#g-style-panel #hdr h3{
    
    margin: 0rem;
    padding: .5rem;
    text-align: left;
    font-size: .9rem;
    color: #FFF;
    font-weight: 550;
    
    
}

ul#map-items{
    
    overflow-y: scroll;
    width:100%;
    height: 37rem;
    float: left;
    display: block;
    
}

ul#map-items li,
ul#map-items li a{
    
    width:100%;
    height: auto;
    float: left;
    display: block;
    
}

ul#map-items li{
    
    border-bottom: 1px solid #EEE;
    
}

ul#map-items li:hover{
    
    background-color: #EEE;
    
}

ul#map-items li a{
    
    padding: .5rem 1.5rem;
    
}

ul#map-items li a h4.map-item-name{
    
    color:#00324A;
    font-size: .8rem;
    margin:0rem;
    line-height: 1.4rem;
}

ul#map-items li a .map-item-address{
    
    color:#333;
    font-size: .8rem;
    line-height: 1.4rem;
    
}

ul#map-items li a .map-item-phone{
    
    color:#333;
    font-size: .8rem;
    line-height: 1.4rem;
    
}



/*circoscrizioni uffici*/

#circ-uffici-container h1{
    
    margin:0rem;
    text-align: left;
    font-size: 1.6rem;
    color:#333;
    padding: .5rem;
    margin-bottom: 4rem;
}

#switcher{
    
    position: relative;
    
}

.switcher-btns{
    
    position: absolute;
    width:11rem;
    height: 3rem;
    top:-3rem;
    padding: 1rem .5rem 0rem .5rem;
    text-align: center;
    border-radius: .5rem;
    border-top: 2px solid #CCC;
    border-right: 2px solid #CCC;
    font-size: .9rem;
    color:#333;
    font-weight: 550;
    
}

.switcher-btns:hover{
    
    background-color: #EEE;
    
}


.switcher-btns span{
    
    float: right;
    display: block;
    position: relative;
    
}

.switcher-btns span:after{
    
    position: absolute;
    top: -.5rem;
    right: 1rem;
    width: 1rem;
    height: 1rem;
   
}


.switcher-btns:nth-child(1){
    
     left:0rem;
    
}

.switcher-btns:nth-child(2){
    
    left:11rem;
    
}
.switcher-btns:nth-child(1) span:after{
    
    content: url(../img/ico/icotest.png); 
    
}

.switcher-btns:nth-child(2) span:after{
    
    content: url(../img/ico/icotest.png); 
    
}

.switcher-btns.switch-active{
    
    background-color: #EEE;
    
}

#circ-mappa{
    
    display: none;
    position: relative;
    
}

#view-list,
#view-map{
    
    display: none;
    
}

/*fine circoscrizioni*/

#slider_accade{
    
    position:relative;
    
}

/*organi di governo*/
#organi_governo,
#giunta{
    
    background-color: #F8F8F8;
    padding:1rem;
    
}

#organi_governo .div50 img,
#giunta .div50 img{
    
    border-radius: 2rem;
    padding:1rem;
    
}

#organi_governo .div50#at-grid{
    
    margin-top:1rem;
    padding:1rem;
    column-count: 1;
/*    border-bottom:none;*/
}

.pre_par{
    
    margin-bottom:2rem;
    
}

.pre_par p{
    
    padding:.5rem;
    line-height:1.7rem;
   
}

#giunta .div50 img{
    
    width: 100%;
    float:left;
    height: auto;
    display: block;
    
}

#giunta .div50{
    
    padding:1rem;
    
}

#giunta .div50 p{
    
    line-height: 1.7rem;
    
}

#giunta_members h2{
    
    text-align:left;
    font-size: 1.5rem;
    
}

p:empty{
    
    display: none;
    
}

#lista_giunta{

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}

#lista_consiglieri{
    
    display: block;
    float:left;
    
}

#lista_giunta li,#lista_consiglieri li{
    
    float:none;
    margin:1rem 0rem;
    display:flex;
    width:49%;
    border-radius: .5rem;
    background-color: #F8F8F8;
    padding:1rem 0.5rem 0.5rem 1rem;
    margin:.5%;
}

#lista_consiglieri li{
    
    float:left;
    display:block;
    
}

#lista_giunta li article,#lista_consiglieri li article{
    
    padding:.5rem 0rem;
    
}

#lista_giunta li div{
    
    float: left;
    display: block;
    
}

#lista_giunta li div:nth-child(1){
    
    max-width:15rem;
    width:12%;
    
}

#lista_giunta li div:nth-child(2){
    
    width:88%;
    
}

#lista_giunta li div:nth-child(1) img{
    
    display: block;
    float:left;
    width:100%;
    height: auto;
    position: absolute;
    
}

#lista_giunta li div:nth-child(1) span{
    
    width: 5rem;
    height: 5rem;
    display: block;
    float:left;
    position: relative;
    border-radius: 50%;   
    overflow: hidden;
    
}

#lista_giunta li div:nth-child(2) span{
    
    width: 100%;
    display: block;
    float:left;
    padding:0rem .5rem;
    font-size:1.2rem;
    font-weight:500;
    
}

#lista_giunta li div:nth-child(2) span a{
    
    font-weight: 500 !important;
    
}

#lista_giunta li div p{
    
    padding: .5rem;
    display: block;
    float:left;
    
}

#giunta_det{
    
    margin-top:3rem;
    padding:1rem;
}

#giunta_det div{
    
   float: left;
   display: block;
    
}

#giunta_det div:nth-child(1){
    
    width:15%;
    
    
}

#giunta_det div:nth-child(2){
    
    width:85%;
    padding:0rem 1rem;
    
}

#giunta_det div:nth-child(2) div{
    
    width:100%;
    margin:0rem;
    background-color: #F8F8F8;
    padding:1rem;
    border-radius:.5rem;
    min-height: 13rem;
        
    
}

#giunta_det div img{
    
    width:100%;
    height:auto;
    float:left;
    border-radius: .4rem;
    margin:0rem 1rem 1rem 0rem;
    
}

#giunta_det div h1{
    
    width:auto;
    margin:1rem 0rem 0.5rem 0rem;
}

#giunta_det div:nth-child(2) div span{
    
    font-size: 1rem;
    color:#3A3A3A;
    
}

#giunta_det_seg h2{
    
    text-align: left;
    color:#800000;
    margin:.5rem 0rem 2rem 0rem;
    font-size: 1.2rem;
    
    
}

#giunta_det_seg ul{
    
    width:100%;
    padding: .5rem;
    display: block;
    float:left;
    
}

#giunta_det_seg ul li{
    
    float:left;
    display: block;
    width:50%;
    
}

#giunta_det_seg ul li span{
    
    font-weight: 500;
    float:left;
    display: block;
    margin-bottom: .25rem;
    font-size: 1.1rem;
    color:#000;
}

#lista_consiglieri li article img{
    
    width:5rem;
    height: auto;
    border-radius: .5rem;
    float:left;
    display: block;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

#lista_consiglieri li article a,
#lista_consiglieri li article span,
#lista_consiglieri li article div{
    
    /*width: 83%;*/
    width: 90%;
    float:left;
    display: block;
    line-height:1.7rem;
}

#lista_consiglieri li article div a{
    
    
    padding:.5rem;
    font-weight:550;
    width:auto;
    float:left;
    font-size:1.2rem;
}

#lista_consiglieri li article div span{
    
    float:left;
    display: block; 
    padding:.5rem;
    width:auto;
}

#lista_consiglieri li article div{
    
    
    
    
}

#cc_logos > img{
    
    width:4rem !important;
    
}

section span:empty{
    
    display: none !important;
    
}

#lista_consiglieri li article div{
    
    width:83%;
    
}

.consigliere > img{
    
    border-radius:.5rem;
    float:left;
    display: block;
    width:13rem;
    border:1px solid #EAEAEA;
    
}

.consigliere div{
    
    padding:1rem;
    float:left;
    display: block;
    width:82%;
    
}

.consigliere div h2{
    
    font-size:1.8rem;
    
}

.consigliere div p{
    
    padding:1rem;
    background-color: #F8F8F8;
    border-radius:.5rem;
    float:left;
    display:block;
    font-size: 1.2rem;
    line-height: 1.8rem;
    width:100%;
/*    min-height:8rem;*/
    
}

.consigliere > #cc_logos{
    
    width:100%;
    float:left;
    display:block;
    
}

.consigliere > #cc_logos img{

    margin:.5rem;
    width:6rem !important;
    
    
}
#giunta-cnt > section > div > article > div.div100{
    
    padding:0rem;
    line-height:1.7rem;
}

#lista_gruppi_cons li,
#lista_comm_cons li{
    
    width:48%;
    height: auto;
    float:left;
    display:block;
    padding:1rem;    
    background-color: #F8F8F8;
    border-radius: .5rem;
    margin:.5rem;
}

#lista_gruppi_cons li .div100 img{
    
    width:9.5rem;
    float:left;
    display:block;
    
}

#lista_gruppi_cons li .div100 > div{
    
    display: block;
    float:left;
    width:73%;
    padding:0rem 1rem;
}

#lista_gruppi_cons li .div100 > div span{
    
    padding-bottom: .2rem;
    line-height: 1.7rem;
    
}

#lista_gruppi_cons li .div100 > div > span:nth-child(1){
    
    font-size: 1.5rem;
    font-weight: 550;
    color:#333;
    
}
#lista_gruppi_cons li .div100 > div span:nth-child(2){
    
    ;
    font-size: 1rem;
}
#lista_gruppi_cons li .div100 > div span:nth-child(3){
    
    font-weight: 550;
    font-size: 1rem;
    
}
#lista_gruppi_cons li .div100 > div span:nth-child(4){
    
    font-size: 1rem;
    
}
#lista_gruppi_cons li .div100 > div span:nth-child(5){
    
    font-size: 1rem;
    font-weight: 550;
}
#lista_gruppi_cons li .div100 > div span:nth-child(6){
    
    font-size: 1rem;
    font-weight: 550;
}

#lista_comm_cons h2{
    
    font-size:1.5rem;
    margin-bottom:0rem;
}

#lista_comm_cons > li > span{
    
    padding:0.2rem 1rem;
    font-size:1.1rem;
    float:left;
    display: block;
}

#lista_comm_cons > li > span:nth-child(2){
    

    color:#626262;
}

#lista_comm_cons > li > span:nth-child(2) p{
    
    color:#626262;
    
}

#lista_comm_cons > li > span:nth-child(3){
    
    
    
}

#lista_comm_cons > li > span:nth-child(4){
    
    color:#3B3B3B;
    
}

#lista_comm_cons > li > span:nth-child(5){
    
    color:#3B3B3B;

}

#lista_comm_cons > li > span:nth-child(6){

    line-height: 1.7rem;
    
}
#lista_comm_cons > li > span:nth-child(7){
    font-weight: 500;
    
}
#lista_comm_cons > li > span:nth-child(8){
    font-weight: 500;
    
}

span.div100 a{
    
    padding-right:.5rem;
    
}

#sindaco > .content > div{
    
    float:right;
    padding:1rem;
    width:50%;
}

#sindaco > .content > div h2{
    
    text-align: left;
    font-size: 2rem;
    margin:.5rem 0rem;
    font-weight: 500;
    
}
#sindaco > .content > div span{
    
    font-size: 1.3rem;
    
}

#sindaco > .content > div a.mail{
    
    font-size:1.3rem;
    font-weight: 500;
    margin-top:2rem;
    
}

#sindaco img{
    
    
    border-radius:.5rem;
    
}

#sind_cont > .div100 h3 {
    
    text-align:left;
    margin-bottom:1rem;
    
}

#sind_cont > .div100 p{
    
    line-height:1.7rem;
    
}

#sind_cont{
    
    padding:.5rem;
    
}

#sind_social{
    
    margin:1rem 0rem;
    
}


#sindaci li{
    
    padding:.5rem;
    min-height:4rem;
}

#sindaci li:nth-child(odd){
    
    background-color: #F8F8F8;
    
}

#sindaci li span{
    
    display:bloc;
    float:left;
    width:33%;
    padding:.5rem;
    
}

#sindaci li span:nth-child(1){
    
    border-left: 0.5rem solid #AE003E;
    padding:.75rem 0.5rem;
    
}

#sindaci li:nth-child(even){}

p:empty{
    
    display:none !important;
    
}

#sedute_cons{
    
    min-height: 30rem;
        
    
}

#sedute_cons ul li{
    
    width:100%;
    height: auto;
    float:left;
    background-color: #EEF2FF;
    border-radius:.5rem;
    margin-bottom:.5rem;
    
}

#sedute_cons ul li > .div100{
    
    position:relative;
    background-image: url('../img/ico/calendari.png');
    background-repeat:no-repeat;
    background-position: 1.5rem 1.5rem;
    min-height: 10rem;
    
}

#sedute_cons ul li > .div100 .sc_data{
    
    position: absolute;
    width:4rem;
    height:3rem;
    top:3.4rem;
    left:2rem;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    
}



.sc_orari{
    
    padding-left:7.7rem;
    position: relative;
}

.sc_orari div{
    
    float:left;
    display:block;
    padding-top:2rem;
    width:40%;
    
}

.sc_orari div span{
    
    font-weight:500;
    font-size: 1rem;
    color:#333;
    float:left;
    display:block;
    
}

.sc_orari div .sc_orario{
    
    padding:.5rem 1rem;
    float:left;
    display:block;
    background-color: #FFF;
    border-radius: .5rem;
    text-align:center;
    width:auto;
    color:#333;
    font-weight: 600;
    
}

.sc_orari div .sc_orario strong{
    
    color:#800000;
    
}

#videos{
    
    padding:1rem;
    float:right;
    display:block;
    
}

.sc_stream{
 
    display: block;
    
    margin:.5rem;
    float:right;
/*    position: absolute;
    right:6%;
    top:3rem;*/
    
}

.prosec{
    
    position: absolute;
    margin:.5rem;
    display: block;
    padding:.5rem;
    color:#800000;
    top:.5rem;
    right:.5rem;
    
}

/*inizio e fine seduta*/
#sedute_cons > ul > li > div > div > div:nth-child(2) span,
#sedute_cons > ul > li > div > div > div:nth-child(2) div{
    
    width:25%;
    margin-top:1.5rem;
    padding:.5rem;
}

#sedute_cons > ul > li > div > div > div:nth-child(2) div.sc_orario{
/*    
    padding:0rem;*/
    
}

#sedute_cons > ul > li > div > div > div:nth-child(1) > div{
    
    margin-left:3rem;
    position:relative;
}

#sedute_cons > ul > li > div > div > div:nth-child(1) > div:before{
    
    position: absolute;
/*    content: '';*/
     content: url(../img/ico/orario.png); 
    top: 0rem;
    left: -2.5rem;
    width: 1rem;
    
}

.sc_files{
    
    padding:0rem 7.5rem;
/*    margin-top:.75rem;*/
    
}

.sc_files li{
    
    float:left;
    display: block;
    width: auto !important;
    padding:.5rem;
    margin-bottom:0rem !important;
}

.sc_files li a{
    
    font-weight: 500;
    color:#333;
    
    display: block;
    float: left;
    padding:0rem .5rem;
    
}

.sc_files li a span{
    
    font-size: .9rem !important;
    
}

#sc_selday{
    
    float: left;
    display: block;
    padding:1rem;
    font-size:1.2rem;
    
}


/*menu a scomparsa*/
.collegamenti-select,
.collegamenti-select-b{
    
    
    width: auto;
    height: auto;
    float: left;
    
    border:none;
    padding:1rem;
    font-size: 1rem;
    letter-spacing: 0.05rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:url(../img/ico/w_arrowdown.png);
    background-repeat: no-repeat;
    background-position: 93% 1.5rem;
    position: relative;
    padding-right:3rem;
    cursor:pointer;
    color:#FFF;
    font-weight: 500;
    border-radius:.75rem;
    margin-right:0rem;
    margin-left:1rem;
    
}

.collegamenti-select{
    
    min-width: 13rem;
   background-color: #0C6594;
}

.collegamenti-select-b:before{
    
    position: absolute;
    width: 150vw;
    height: 5rem;
    content: '';
    bottom:-1rem;
    left:-50vw;
    display: block;
    background-color: #F8F8F8;
    z-index: -1;
}

.collegamenti-select-b{
    min-width: 8rem;
    background-color: #084565;  
    position: relative;
}

.collegamenti-hidden-menu-wrap,
.collegamenti-hidden-menu-wrap-b{
    
    display: none;
    position: absolute;
    transition: ease all 0.5s;
    top: 3.5rem;
    left:-1rem;
    z-index: 1111;
    /*height: 25rem;*/
    width: 15rem;
    /*height: auto;*/
    -webkit-box-shadow: 0px 25px 50px -10px rgba(0,0,0,.3);
    box-shadow: 0px 25px 50px -10px rgba(0,0,0,.3);

}

.collegamenti-hidden-menu-wrap{
    
    left:-3rem;
    
}

.collegamenti-hidden-menu-close,
.collegamenti-hidden-menu-close-b{
    
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    font-size: 1.7rem;
    color: #474747;
    border: 1px solid #474747;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    text-align: center;
    background-color: #FFF;
    font-weight: bold;
    
}

.collegamenti-hidden-menu:before,
.collegamenti-hidden-menu-b:before{
    

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #CCC;
    position: absolute;
    left:47%;
    top:0rem;
    
}

.collegamenti-hidden-menu,
.collegamenti-hidden-menu-b{
    
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    margin-top:1rem;
    background-color: #FFF;
    border: 1px solid #E9E9E9;
    padding:0.5rem;
    
}

.collegamenti-hidden-menu h2,
.collegamenti-hidden-menu-b h2{
    
    width: 100%;
    height: auto;
    padding:0.5rem 1rem;
    color:#003346;
    font-size: .9rem !important;
    margin:0rem !important;
    float: left;
    text-align: left;
    border-bottom: 1px dotted #003346;
    
}

.collegamenti-hidden-menu ul, .collegamenti-hidden-menu ul li a,
.collegamenti-hidden-menu-b ul, .collegamenti-hidden-menu-b ul li a{
    
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

.collegamenti-hidden-menu ul li,
.collegamenti-hidden-menu-b ul li{
    
    width: 100%;
    height: auto;
    float: left;
    display: block;
    
}

.collegamenti-hidden-menu ul li a,
.collegamenti-hidden-menu-b ul li a{
    
    padding:0.5rem;
    font-size: 0.9rem;
    color: #003346;
    
}

.collegamenti-hidden-menu ul li a:hover,.collegamenti-hidden-menu-b ul li a:hover{
    
    text-decoration: underline;
    font-weight: 500;
    
}
/*fine menu scomparsa*/

#prescons li{
    
    width: 98%;
    margin:1%;
    background-color: #FFF;
    border-radius: .5rem;
        
    
}

#prescons li div{
    
    padding:.75rem;
    
}

#prescons li div h2{
    
    font-size: 1.1rem;
    margin:0rem;
}

#prescons li div  > div{
    
    font-weight: 500;
    padding:.25rem .25rem .25rem 1rem;;
    
}

img.div100:empty,#amministrazione-trasparente:empty {
    display: block;
}

/*polizia municipale*/

.pm h1{
    
    border-left:0px !important;
    position: relative;
    
}
.pm h1:before{
    
    content: "";
    position: absolute;
    left: 0rem;
    bottom: -.5rem;
    width: 70%;
    min-width: 410px;
    height: .3rem;
    background-color: #017BB3;
    
}

.pm h2{
    
    font-size:1.5rem;
    margin: .25rem 0rem;
    
}

.pm #newslide_0{
    
    margin-top:.5rem;
    
}

.pm #pm-apt{
    
    padding:1rem;
    
}

.pm #pm-apt h2{
    
    font-weight: 600;
    text-align: left;
    border-left: 0.5rem solid #017BB3;
    padding-left: 0.5rem;
    font-size: 1.2rem;
    line-height: 2rem;
    margin-top: 2rem;
    
}

.pm #pm-apt div{
    
    margin-top: 1rem;
    border-radius: .5rem;
    padding:.5rem;
}

.pm #pm-apt div span{
    
    padding:.5rem;
    
}

.pm #pm-apt div a{
    
    width: auto;
    float: right;
    display: block;
    padding: .7rem;
    background-color: #017BB3;
    border-radius: .5rem;
    color: #FFF;
    margin: .5rem;
    border-bottom: 2px solid #00324A;
    text-align: center;
    opacity: .8;
    transition: all ease .25s;
        
}

.pm #pm-apt div a:hover{
    
    opacity: 1;    
    text-decoration: none;
}

.pm #sa-head a#pm-uffici-btn {
    
    padding:1rem;
    
}

#pm-uffici-btn,
.pagoservizi{
    
    width: 44%;
    margin: 2rem 2% .5rem 2%;
    float: left;
    display: block;
    border-radius: .75rem;
    color: #FFF;
    padding: 1rem;
    text-align: center;
    position: relative;
    font-weight: 550;
    font-size: 1rem;
    max-width: 275px;
    background-color: #F27500;
    border-bottom: 2px solid #A95304;
    opacity: .8;
    transition: ease all .25s;
    text-decoration: none;
}

#pm-uffici-btn:hover,
.pagoservizi:hover{
    
    opacity: 1;
    text-decoration: none !important;
    color: #FFF !important;
    
}


#pm-uffici-btn:before{
    
    content: url(../img/ico/uffici.png);
    position: absolute;
    top: .75rem;
    right: 2rem;
    width: 1rem;
    height: 1rem;        
    
}

.pm .div66 .div100{
    
    padding:.25rem;
    
    
}

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    /* margin-left: 12px; */
    padding: 1rem;
    text-overflow: ellipsis;
    width: 400px;
    right: 4rem;
    top: 1rem;
    position: absolute;
    z-index: 11;
    
}

#pm-faq{
    
    border-radius: 2rem;
    padding:1rem .5rem;
    
}

#pm-faq li{
    
    display: block;
    float:left;
    margin:1%;
    width: 18%;
}

#pm-faq li a{
    
    display: block;
    float:left;
    color:#FFF;
    background-color: #0C6594;
    text-align: center;
    border-radius: .5rem;
    opacity: .9;
    transition: ease all .25s;
    padding: .5rem;
    width:100%;
    height: 3.5rem;
    font-size: 1rem;
    
}

#pm-faq li a:hover{
    
    opacity: 1;
        
    
}

#pm-faq-list,
#regolamenti-list{
    
    margin-top:2rem;
    
}

#pm-faq-list li,#pm-faq-list-res li, #regolamenti-list li{
    
   position: relative;
    
    
}

#pm-faq-list li:after, #pm-faq-list-res li:after,  #regolamenti-list li:after{
    
    content:"\203A";
    position: absolute;
    right:.5rem;
    top:.75rem;
    color:#003366;
    font-weight: bold;
    font-size:1.8rem;
    
}

#pm-faq-list li:nth-child(odd),
#pm-faq-list-res li:nth-child(odd),
#regolamenti-list li:nth-child(odd){
    
    background-color: #FFF;
    
}


#pm-faq-list li:nth-child(even),
#pm-faq-list-res li:nth-child(even),
#regolamenti-list li:nth-child(even){
    
    background-color: #F8F8F8 !important;
    border:none;
    border-radius:.5rem;
}

#pm-faq-list li a,
#pm-faq-list-res li a,
#regolamenti-list li a{
    
    color:#0066CC;
    font-weight: 550;
    font-size:1rem;
    max-width:98%;
    display: block;
    float:left;
    
}

#pm-faq-list-res li p,
#regolamenti-list li p{
    
    font-size: 1rem;
    line-height: 1.7rem;
    
}

#pm-faq-det{}

#pm-faq-det li{
    
    margin:.5rem 0rem;
    padding: .5rem 1.5rem;
    border-radius: .5rem;
    background-color: #F7FBFD;
    
}
#pm-faq-det li span{
    
    font-weight: 600;
    color:#333;
    position: relative;
    display:block;
    
}

#pm-faq-det li span:before{
    
    content:'';
    position: absolute;
    height: 100%;
    border-radius:30%;
    width: .35rem;
    background-color: #FD6382;
    left:-.75rem;
    
}

#pm-faq-det li p{
    
    font-size: 1rem;
    
}

.backbtn{
    
    width:2.25rem;
    height: 2.25rem;
    background-color: #0C6594;
    display: block;
    margin-right: .5rem;
    color: #FFF;
    font-weight: bold;
    font-size: 1.1rem;
    text-align: center;
    padding: .25rem;
    position: absolute;
    top:0rem;
    left:-3rem;
    border-radius: .5rem;
    
    
}

.backbtn.ref{
    
    left:0rem;
    
}
.backbtn.ref span{
    
    margin-left: 3rem;
    display: block;
    float: left;
    color:#333;
    
    
}

#pm-viabilita{
    
/*    min-height: 27rem;*/
    
}

#pm-viabilita > img,#pm-ztl > img, 
#tributi > img,
#tributo-locale > img,
#urp > img,
#pec > img,
#generic > img{

    max-width: 35%;

}

#pm-viabilita > div:nth-child(2),
#tributi > div:nth-child(2),
#pm-ztl > div:nth-child(2),
#urp > div:nth-child(2),
#pec > div:nth-child(2),
#generic > div:nth-child(2),
#tributo-locale > div:nth-child(2),
#tessere-preziose > div:nth-child(2){
    
    width: 65%;
    float:right;
/*    min-width: 1080px;*/
/*    padding-top:2rem;*/
    
}

#pec > div:nth-child(2){
    
    padding-top:3rem;
    
}

#pm-viabilita > div:nth-child(2) > div.div100{
    
    width:80%;
    margin:2rem 10%;    
    
}

#pm-ztl > div:nth-child(2) > div.div100{
    
    width:60%;
    margin:2rem 20%;    
    
}


#pm-ztl > div:nth-child(2) > div.div100 a{
    
    display: block;
    float: left;
    color: #FFF;
    background-color: #0C6594;
    text-align: center;
    border-radius: .5rem;
    opacity: .9;
    transition: ease all .25s;
    padding: 1rem;
    width: 48%;
    height: auto;
    font-size:1rem;
    margin:1%;
    
}

#pm-viabilita > div:nth-child(2) > div.div100 a{
    
    display: block;
    float: left;
    color: #FFF;
    background-color: #0C6594;
    text-align: center;
    border-radius: .5rem;
    opacity: .9;
    transition: ease all .25s;
    padding: 1rem;
    width: 31%;
    height: auto;
    font-size:1rem;
    margin:1%;
}

#pm-viabilita > div:nth-child(2) > div.div100 a:hover{
    
    opacity: 1;
    
}

#pm-viabilita-info{
    
    
    
}

#pm-viabilita-info > img{
    
    float:left;
    display: block;
    width:10rem;
    height: auto;
}

#pm-viabilita-info > p{
    
    float:left;
    display: block;
    padding-top:3rem;
    margin-left: 1rem;
        
}

.infobox-y {
    min-height: 2.5rem;
    padding-left: 3rem;
    line-height: 2.5rem;
    background-image: url(../img/ico/info.png);
    background-repeat: no-repeat;
    background-position: 0.5rem 0.35rem;
    background-color: #E6F7D8;
    border-left: 6px solid #548A26;
    margin-bottom: 1rem;
    position: relative;
}

.infobox-y .clear-href{
    
    position: absolute;
    right:.8rem;
    top:.5rem;
    display:block;
    width:1rem !important;
    height:1rem !important;
    
}

#pm-info-infotraffico{}
#pm-info-infotraffico li{
    
    padding: 1rem;
    
}
#pm-info-infotraffico li > h2,
#pm-info-streetcontrol li > h2{
    
    font-size: 1.1rem;
    text-align: left;
    margin:0rem;
    margin-bottom: 1rem;
    padding:1rem 1rem 1rem 1rem;
    background-color: #f1f1f1;
    border-radius: .5rem;
}

#pm-info-infotraffico li > h2 span,
#pm-info-streetcontrol li > h2 span{
    
    position: relative;
    
}

#pm-info-infotraffico li > h2 span:before,
#pm-info-streetcontrol li > h2 span:before{
    
    position: absolute;
    top:0rem;
    content: "";
    left:-.75rem;
    height: 100%;
    background-color: #0C6594;
    border-radius: 5rem;
    width:.35rem;
    
}

#pm-info-infotraffico li p,
#pm-info-streetcontrol li p{
    
    margin:.5rem 0rem;
    font-size: .9rem;
    padding-left: 1rem;
    line-height: 1.7rem;
        
}

#pm-info-infotraffico li p:nth-child(2){
    
    font-weight: 550;
    
}

#pm-info-streetcontrol{
    
    
    
}
#pm-info-streetcontrol li{
    
    padding-bottom: 1rem;
    margin-top:.5rem;
}

#pm-info-streetcontrol li:nth-child(odd){
    
    background-color: #F8F8F8;
    
    
}

#pm-info-streetcontrol li > h2{
    
    
    
}
#pm-info-streetcontrol li p:first-of-type{
    
    font-weight: 550;
    
}

#pm-contattaci{
    
    margin-top:3rem;
    background-color: #EAF6FF;
    border-radius: 1rem;
        
}

#pm-contattaci > .div50{
    
    padding: 1rem;
    
}

#pm-contattaci > .div50:nth-child(1){
    
    padding-top:2rem;
    
}

#pm-contattaci .div50:nth-child(1) p{
    
    font-size: 1rem;
    margin:1rem 0rem;
    
}

#pm-contattaci .div50:nth-child(2){
    
    
    
}

#pm-contattaci .div50:nth-child(2) .div100{
    
    margin:.25rem 0rem;
    
}

#pm-contattaci .div50:nth-child(2) label{
    
    font-weight: 550;
    font-size: .9rem;
    padding-left: 1rem;
}


#pm-contattaci .div50:nth-child(2) input{
    
    border-radius: .5rem;
    border: 1px solid #FFF;
    padding:.5rem;
    width:96%;
    margin:1% 2%;
    
}

#pm-contattaci .div50:nth-child(2) select{
    
    border-radius: .5rem;
    border: 1px solid #FFF;
    padding:.5rem;

}

#pm-contattaci .div50:nth-child(2) textarea{
    
    border-radius: .5rem;
    border: 1px solid #FFF;
    padding:.5rem;
    width:98%;
    margin:1%;
    
}

#pm-contattaci #sender{
    
    width: 10rem;
    float: right;
    display: block;
    padding: .7rem;
    background-color: #017BB3;
    border:none;
    border-radius: .5rem;
    color: #FFF;
    margin: .5rem;
    border-bottom: 2px solid #00324A;
    text-align: center;
    opacity: .8;
    transition: all ease .25s;  
    
}

#pm-contattaci #sender:hover{
    
    opacity: 1;
    cursor: pointer;
}

#frm_recap{
    
    float:right;
    margin-bottom: 3rem;
    
}

#pm-pagamenti{
    
    
    
}

.pm-pagamenti .div100 h2{
    
    font-weight: 600;
    text-align: left;
    padding-left: 0.5rem;
    font-size: 1.4rem;
    line-height: 2rem;
    margin-top: 2rem;
    position: relative;
    
}

.pm-pagamenti .div100 h2:before{
    
    content: '';
    position: absolute;
    height: 100%;
    border-radius: 25%;
    width: .35rem;
    background-color: #017BB3;
    left: -.75rem;
    
}

.pm-pagamenti .div100 ul li{
    
    margin-bottom:0rem !important;
    padding:.5rem !important;
    line-height: 1.7rem;
}

.pm-pagamenti .div100 span{
    
    font-weight: 600;
    margin-bottom: .75rem;
    color:#333;
}

.pm-pagamenti .div100 p{
    
    margin-bottom: 1rem;
    line-height: 1.7rem;
}

.pm-pagamenti .div100{
    
    background-color: #EBF8FF;
    margin-bottom: 2rem;
    border-radius: 1rem;
    padding:0rem 1.5rem;
    
}

#pm-photogallery{
    
    
}

#pm-photogallery a{
    
    width:18%;
    
}

#pm-photogallery a img{
    
    width:100%;
    height:auto;
    
}

#pm-ztl{
    
    padding:1rem;
    
}


#pm-ztl ul li:nth-child(even){
    
    background-color: #FFF;
    
}

#pm-ztl > div.div100 h2{
    
    float:left;
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: 2rem;
    
}

#pm-ztl > div.div100 > img{
    
    float:left;
    display: block;
    max-width:306px;
    
}

#pm-ztl > div.div100 > div:nth-child(3){
    
    width:80%;
/*    margin:2rem 10%;    */
    float:left;
    display: block;
    margin-left: 2rem;
    
}

#pm-ztl-info{}

#pm-ztl-info > div.div50:nth-child(3){
    
    padding:1rem;
    
}

#pm-ztl-info > div.div50:nth-child(3) div.div100{
    
    margin:.75rem 0rem;
    background-color: #F8F8F8;
    border-left:5px solid #BF3737;
    padding: .7rem .5rem .7rem 1rem;
    border-radius: .3rem;
    position: relative;
    font-size:1.3rem;
    min-height: 8rem;
    
}

#pm-ztl-info > div.div50:nth-child(3) div.div100:nth-child(1){
    
    padding-top:1rem;
    
}

.ztl-act{
    
    color:#C12313 !important;
    
}



.ztl-act,.ztl-inact,.ztl-notte{
    
    position: relative;
    padding:1.5rem;
    padding-left: 4rem;
    float:left;
    display: block;
    font-weight: bold;
    color:#000;
    margin:-.5rem 0rem 0rem .5rem;
    font-size: 1.5rem;
    
    
}

.ztl-notte{
    
    font-size: 1.2rem;
    margin-top:1rem;
    
}

.ztl-act:before,.ztl-inact:before,.ztl-notte:before{
    
    content:"";
    background-repeat: no-repeat;
    background-position: 0rem;
    position: absolute;
    top:0rem;
    left:0rem;
    display: block;
    height: 5rem;
    width:4rem;
    
}

.ztl-hour{
        
    display: block;
    float:left;
    position: absolute;
    bottom:2.5rem;
    left:15.2rem;
    color:#6C6C6C;
    font-size: 1.1rem;
    
}

.ztl-notte:before{background-image: url(../img/pm/ico/moonico.png);}

.ztl-act:before{background-image: url(../img/pm/ico/traffic_on.png);}

.ztl-inact:before{background-image: url(../img/pm/ico/traffic_off.png);}

.ztl-inact{}

.blu-adv{
    
    padding:1rem;
    background-color: #EBF8F8;
    border-left: 4px solid #158DCD;
    border-radius: .25rem;
    font-weight: 500;
    margin-bottom: 1rem;
    
}

#buypass{
    
    width: 50%;
    margin: 2rem 25%;
    
}

#buypass a{
    
    display: block;
    float: left;
    color: #FFF;
    background-color: #0C6594;
    text-align: center;
    border-radius: .5rem;
    opacity: .9;
    transition: ease all .25s;
    padding: 1rem;
    width: 48%;
    height: auto;
    font-size: .9rem;
    margin: 1%; 
    min-height: 4.5rem;
    
}

#buypass a:hover{
    
    opacity: 1;
    
}

#modulistica,
#modulistica-src{
    
    margin-bottom: 7rem;
    
}

#modulistica h2,
#modulistica-src h2{
    
    margin:.5rem 0rem;
    
}


#modulistica > li a,
#modulistica-src > li a{
    
    display: block;
    float: left;
    color: #FFF;
    background-color: #0C6594;
    text-align: center;
    border-radius: .5rem;
    opacity: .9;
    transition: ease all .25s;
    padding: .5rem;
    width: 100%;
    min-height: 4.5rem;
    font-size: 1rem;
    height: auto;
    
}

#modulistica > li a:hover,
#modulistica-src > li a:hover{
    
    opacity: 1;
    
}

#modulistica > li,
#modulistica-src > li {
    display: block;
    float: left;
    margin: 1%;
    width: 18%;
}

#modulistica > li.div100,
#modulistica-src > li.div100 {
    
    width:100%;
    
    
}

#modulistica > li.div100 > div.div100,
#modulistica-src > li.div100 > div.div100{
    
    padding:.5rem;
    
}

#modulistica > li.div100 div.div100 > span{
    
    
    
}

#modulistica > li.div100 div.div100 > span a{
    
    
    
}

#modulistica > li.div100 div.div100 > span a span{
    
    
    
}

#modulistica li.div100:nth-child(even),
#modulistica.src li.div100:nth-child(even){
    
    background-color: #FFF;
    
} 

#modulistica > ul li.div50,
#modulistica-src > ul li.div50,
#tributo-locale-modulistica > ul li.div50{
    
    border:1px solid #e8e8e8;
    padding: .5rem;
    width:48%;
    margin:.25rem 1%;
    border-radius: .35rem;
    
}

#modulistica > ul h3,
#modulistica-src > ul h3 {
    
    background-color: #f3f3f3;
    padding: 1rem;
    margin-bottom: 1rem;
    text-align: left;
    border-radius: .35rem;
    
}

#modulistica > ul h3 span,
#modulistica-src > ul h3 span{
    
    position: relative;
    padding-left:1rem;
    font-size: 1.4rem;
    line-height: 1.9rem;
    display:block;
    
}
#modulistica > ul h3 span:before,
#modulistica-src > ul h3 span:before{
    
    content: '';
    position: absolute;
    height: 100%;
    border-radius: 25%;
    width: .35rem;
    background-color: #F27500;
    left: 0rem;
    top:.1rem;
    
}

.all_text{
    
    float:right;
    width:90%;
    
}

#pm-new-lim h2{
    
    font-size: 1.5rem;
    font-weight: 550;
    text-align: left;
        
        
    
}

h2 p{
    
    font-size: 1.4rem;
    
}



#servizi_online {
  
    background-color: #F8F8F8

}
    
    
#servizi-online-servizi li a {
    
    padding: 1rem;
    background-color: #E2EAFF;
    font-size: 1rem;
    font-weight: 550;
    color: #455964;
    border-bottom: 2px solid #4A4FA0; 
    border-radius: .5rem;
    width: 23%;
    margin: 1%;
    background-repeat: no-repeat;
    background-position: center .5rem;
    height: 9rem;   
    float: left;
    position: relative;
    
}

#servizi-online-servizi li a:hover{
    
    background-color: #A8B7E0;
    
    
}

#servizi-online-servizi li a span{
    
    position: absolute;
    bottom:0rem;
    left:0rem;
    width:100%;
    text-align: center;
    float:left;
    display: block;
    padding:.35rem .35rem .5rem .35rem;
    font-size: .9rem;
    color:#235078;
    min-height: 3.25rem;
    
}

#prenotazione-dettaglio{
    
    display:none;    
    
}

#prenotazione-dettaglio .div100> img{
    
    width:30%;
    float:left;
    display: block;
    
}

#prenotazione-links{
    
    width:70%;
    float:left;
    display: block;
    padding: 2rem 1.5rem 1.5rem 5rem;
    min-height: 22rem;
    background-color:#EDF2FF;
    border-radius:.5rem;

}

#prenotazione-links > div{
    
    width: 25rem;
    margin:2rem auto;
    

}

#prenotazione-links > span.div100{
    
    line-height: 2rem;
    margin-bottom:4rem;
    text-align: left;
    font-weight: 550;
    color:#235078;
    position: relative;
    font-size: 1.1rem;
    width:95%;
    margin-left: 5%;
}


#prenotazione-links > div a.div100{
    
    font-size: 1rem;
    padding:1rem;
    margin:1%;
    background-color:#E2EAFF;
    border-radius:.5rem;
    text-align:center;
    width:98%;
    border-bottom:2px solid #4A4FA0;
    color:#235078;
    font-weight: 550;
  
}

#hide_par{
    

    
}

#prenotazioni-list{
    
    margin-top:3rem;
    
}

#prenotazioni-list li{
    
    border-left: 4px solid #DF4698;
    background-color: #FFE8ED;
    border-radius:.5rem;
    
}

#prenotazioni-list li h3{
    
    text-align: left;
    font-size: 1.2rem;
    color:#255078;
    margin:.5rem 0rem;
    
}

#prenotazioni-list li h3 a{
    
    color:#255078;
    
}

#prenotazioni-list li span.div100{
    
    font-weight: 550;
    
}

#prenotazioni-list li p{
    
    width:100%;
    height: auto;
    float: left;
    display: block;
    
}

#tributi ul li{
    
    padding: .5rem;
    border-left: 4px solid #74B49B;
    border-radius: .5rem; 
    background-color: #EFF6F4;
    margin-bottom:.5rem;
}

#tributi ul li div{
    
    padding:.25rem;
    line-height: 1.7rem;
    
}

#tributi ul li div:nth-child(1){
    
    font-size: .8rem;
    
}
#tributi ul li div:nth-child(2){
    
    font-size: 1.1rem;
    font-weight: 550;
    
}
#tributi ul li div:nth-child(3){
    
    font-size: 1rem;
    
}

#tributi-list li{
    
    width: 23%;
    margin:1%;
    display: block;
    float: left;
    background-color: #CDE6DF;
    height: 10.2rem;
    border-radius: .5rem;
    border-bottom:4px solid #005433;
}

#tributi-list.stato-civile li,
#tributi-list.elettorato li,
#tributi-list.anagrafe li{
    
    background-color: #c5dcec;
    border-bottom:4px solid #006eb1;
    
}


#tributi-list li:hover{
    
    background-color: #AFD2C8;
    
}

#tributi-list.elettorato li:hover,
#tributi-list.stato-civile li:hover,
#tributi-list.anagrafe li:hover{

    background-color: #afcce0;
    
}

#tributi-list li a{
    
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    background-repeat: no-repeat;
}

#tributi-list li a img{
    
    position: absolute;
    top: 30%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
    
}
#tributi-list li a div{
    
    position: absolute;
    bottom: 1rem;
    left:0rem;
    height: 4rem;
    width: 100%;
    color: #01170E;
    padding: .5rem;
    text-align: center;
    font-weight: 550;
    font-size: .9rem;
    
}

#tributo-locale h2,
#urp h2{
    
    text-align: left;
    font-size: 1.2rem;
    
}

#tributo-locale h2 span,
#urp h2 span{
    
    width:auto;
    display:block;
    float:left;
    border-bottom:3px solid #017BB3;
    padding-bottom: .5rem;
    
}

#tributo-locale div div.div100,
#urp div div.div100{
    
    padding:.25rem;
    
}

#tributo-locale div > div.div100:nth-child(2){
    
    font-weight: 550;
    margin-bottom:.5rem;
    
}

#tributo-content section{
    
    padding:.5rem;
    border-radius:.5rem;
    margin: 1rem 0rem;
    
}

#tributo-content section h3{
    
    text-align: left;
    font-size: 1.1rem;
    font-weight:550;
    padding-left: 1.5rem;
}

#tributo-content section h3 span{
    
    display: block;
    float:left;
    position: relative;
}

#tributo-content section h3 span:before{
    
    content: '';
    position: absolute;
    height: 100%;
    border-radius: 25%;
    width: .35rem;
    background-color: #74B49B;
    left: -1rem;
    top:0rem;
    
    
}

.tributo-locale-pagamento > div.div100 > p,
#tributo-content section > div.div100 > p{
    
    padding:.5rem;
    
}

#tributo-locale-orari{
    
     background-color: #EFF6F4;
}

.tributo-locale-pagamento,
#tributo-locale-modalita{
    
    background-color: #F8FBFA;
    
}

#tributo-locale-utils{
    
    background-color: #EEF7FB;
    
}

#tributo-locale-utils .div33 img{
    
    padding:2rem;
    
}

#tributo-locale-utils .div66 ul.div50{
    
    margin-top:3rem;
    
}

#tributo-locale-utils .div66 ul.div50 a{
    
    width:80%;
    display: block;
    float: left;
    margin:.5rem 10%;
    border-radius: .5rem;
    text-align: center;
    border-bottom:2px solid #333;
    padding:.75rem;
    color:#FFF;
    
}

#tributo-locale-utils .div66 ul.div50:nth-child(1) a{
    
    background-color: #158DCD;
    
}

#tributo-locale-utils .div66 ul.div50:nth-child(2) a{
    
    background-color: #F27500;
    
}

#tributo-locale-approfondimento,
#elettorato-approfondimento,
#stato-civile-approfondimento,
#tributo-locale-approfondimento{
    
    display: block;
    float:right;
    color:#FFF;
    background-color: #256006;
    padding:1rem;
    border-radius: .5rem; 
    font-weight: 550;
    width:20rem;
    
}

#tributo-locale-approfondimento span,
#stato-civile-approfondimento span,
#tributo-locale-approfondimento span,
#elettorato-approfondimento span{
    
    display: block;
    float: left;
    position: relative;
    padding-left: 3rem;
    width:90%;
    text-align: center;
    
}

#tributo-locale-approfondimento span:before,
#stato-civile-approfondimento span:before,
#tributo-locale-approfondimento span:before,
#elettorato-approfondimento span:before{
    
    content: url('../img/tributi/ico/approfondimenti.png');
    position: absolute;
    width:2.5rem;
    height: 2.5rem;
    left: 1rem;
    top:-.5rem;
    
}

#tributo-locale-sportelli{
    

    
}

#tributo-locale-sportelli > div.div100{
    
    border:1px solid #C6C6C6;
    border-radius:.5rem;
    margin-top:1rem;
    padding: 1rem;
        
}

#tributo-locale-sportelli > div.div100 div.div100{
    
    margin:.5rem 0rem;
    
}

#tributo-locale-sportelli > div.div100 div.div33 div.div100 .sa-ico{
    
    margin: 0rem;
    
}

#tributo-approfondimento{
    
    
}

#tributo-approfondimento ul.div100 li{
    
    width:32.7%;
    margin:.5% .25%;
    float:left;
    display: block;
    
}

#tributo-approfondimento ul.div100 li a.approfondimento{
    
    background-color: #EEF7FB;
    display: block;
    float:left;
    border-bottom: 2px solid #333;
    padding:1rem;
    color:#333;
    font-size: .9rem;
    font-weight: 550;
    border-radius:.5rem;
    width: 100%;
    height: auto;
    min-height: 5.5rem;
}

#tributo-approfondimento ul.div100 li a.approfondimento:hover{
    
    background-color: #CAE4FB;
    
}

#approfondimento-content{
    
    padding:1rem;
    min-height: 10rem;
    
    
}

.approfondimento.active{
    
    background-color: #CAE4FB !important;
    
}

#urp div:nth-child(1){
    
    margin-top:3rem;
    
}

#urp div div.div100:nth-child(1){
    
    font-weight: 550;
    margin-bottom: .5rem;
    
}

#urp-content section h2 span,#urp-utile h2 span {
    display: block;
    float: left;
    position: relative;
    font-size: 1.3rem;
}


#urp-content section h2 span:before,#urp-utile h2 span:before {
    content: '';
    position: absolute;
    height: 100%;
    border-radius: 25%;
    width: .35rem;
    background-color: #158DCD;
    left: -1rem;
    top: 0rem;
}

#urp-orari div.div100{
    
    border-radius: .5rem;
    background-color: #EEF7FB;
    padding:1rem;
    
}

#urp-orari div.div100 span{
    
    float:left;
    display: block;
    line-height: 1.7rem;
    
}

#urp-prenota{
    
    display: block;
    float: right;
    color: #FFF;
    background-color: #0F72A7;
    padding: 1rem;
    border-radius: .5rem;
    font-weight: 550;
    width: 18rem;
    text-align: center;
    margin-top:.5rem;
    
}

#urp-links ul li {
    
    width: 23%;
    margin: 1%;
    display: block;
    float: left;
    background-color: #0F72A7;
    height: 10rem;
    border-radius: .5rem;
    border-bottom: 4px solid #0D5B84;
}

#urp-links ul li a{
    
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
 
}

#urp-links ul li:hover{
    
  background-color: #0d4e71;
    
    
}


#urp-links ul li a img{
    
    position: absolute;
    top: 30%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)


}
    
#urp-links ul li a div{
    
    position: absolute;
    bottom: 0rem;
    left:0rem;
    height: 4rem;
    width: 100%;
    color: #FFF;
    padding: .5rem;
    text-align: center;
    font-weight: 550;
    
}

#urp-utile div.div100 p{
    
    line-height: 1.7rem;
    
}

#src-eng:empty{
    
    display: none;
    
}

.regolamenti h2{
    
    margin:.5rem;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 550;
    background-color: #F7FBFD;
    
}

.regolamenti h2 span{
    
    display: block;
    float: left;
    position: relative;
    font-size: 1.3rem;
    padding: .75rem;
    
}

.regolamenti h2 span:before{
    
    content: '';
    position: absolute;
    height: 100%;
    border-radius: 25%;
    width: .35rem;
    background-color: #158DCD;
    left: -1rem;
    top: 0rem;
    
}

.regolamenti li{
    
    margin:.25rem 0rem !important;
    
}

.regolamenti li:nth-child(odd){
    
    background-color: #FFF !important;
    
}
.regolamenti li:nth-child(even){
    
    background-color: #f7f6f6 !important;
    
}

.regolamento{}

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

.regolamento div.div100{
    
    padding:.5rem;
    
    
}

#phone-list li{
    
    margin-bottom: .5rem;
    background-color: #EEF7FB;
    border-radius: .5rem;
    
}

#phone-list li h2{
    
    margin:.5rem;
    text-align: left;
    font-weight: 550;
    
}

#phone-list li div.div100{
    
    padding:.5rem;
    
}

.bilpre{
    
    margin-top:3rem;
    
}

.bilpre li{
    
    margin-bottom: .5rem;
        
    
}

.bilpre li a{

    color:#333;
    font-weight: 550;
    
}

#bilancio-sociale-home li{
    
    position: relative;
    width:23%;
    margin:1%;
    float:left;
    display: block;
}

#bilancio-sociale-home li a img{
    
    width:100%;
    height: auto;
    
}

#bilancio-sociale-home li span{
    
    position: absolute;
    bottom:0rem;
    left:0rem;
    background-color: #000;
    opacity: .8;
    height: 2.5rem;
    text-align: center;
    font-size: 1.2rem;
    color:#FFF;
    width:100%;
    display: block;
    padding:.5rem;
    font-weight: 550;
}

#bilancio-sociale ul li{
    
    line-height: 2rem;
    
}

#bilancio-sociale p img{
    
    display: block;
    margin: 0 auto;
    
}

.lazy{
    
    border-radius: 50%;
    
}

.sommario{
    
    background-color: #F8F8F8;
    padding:.5rem 1rem;
    margin:.5rem 0rem;
    
}

.sommario li{
    
    
    
}

.sommario li a span{
    
    padding-left: 1rem;
    
}

.selrec{
    
    color:#800000 !important;
    text-decoration: underline;
    
}

.div100.h3{
    
    background-color: #F8F8F8;
    padding:.5rem;
    font-weight: 550;
    text-align: left;
    font-size: 1.1rem;
    
    
}

.div100.h3 span{
    
   position: relative; 
   display: block;
   margin-left: 1rem;
}

.div100.h3 span:before{
    
    content: '';
    position: absolute;
    height: 100%;
    border-radius: 25%;
    width: .35rem;
    background-color: #F27500;
    left: -1rem;
    top: 0rem;
    
}

ol li{
    
    margin:1rem 0rem;
    line-height: 1.7rem;
    
}

table{
    
    margin:1.5rem 0rem !important;
    width:100% !important;
    
}

.pec-content #contestual-search-box{
    
    margin:0rem 1rem;
    margin-top:0rem !important;
    margin-left: 3rem;
    
}

.pec-content  #contestual-src-input{
    
    background-color: #FFF;
    
}

.pec-content h2{
    
    
    text-align: left;
    margin: 1rem 0rem;
    font-size: 1.3rem;
    line-height: 2rem; 
    margin-top:3rem;
}

.pec-content h3{
    
    
    text-align: left;
    margin:1.5rem;
    font-size: 1.1rem;
    line-height: 2rem;
        
}

.pec-content h4{
    
    
    text-align: left;
    margin: 1.5rem 2.5rem;
    font-size: 1rem;
    font-weight: 550;
    display: block;
    float:left;
    line-height: 2rem;
}

.pec-content a{
    
    font-weight: 550;
    
}

.pec-content h2 span,
.pec-content h3 span,
.pec-content h4 span{
    
    position: absolute;
    display: block;
    
}

.pec-content h2 span:before{
    
    content: '';
    position: absolute;
    height: 100%;
    border-radius: 25%;
    width: .35rem;
    background-color: #084565;
    left: -1rem;
    top: 0rem;
    
}
.pec-content h3 span:before{
    
    content: '';
    position: absolute;
    height: 100%;
    border-radius: 25%;
    width: .35rem;
    background-color: #F27500;
    left: -1rem;
    top: 0rem;
    
}

.pec-content h4 span:before{
    
    content: '';
    position: absolute;
    height: 100%;
    border-radius: 25%;
    width: .35rem;
    background-color: #158DCD;
    left: -1rem;
    top: 0rem;
    
}

.div100.uos{
    
    margin-left: 2.5%;
    width:97.5%;
    
}

#stats_allegati li{
    
    margin:.15rem 0rem;
    
}

.repstats p{
    
    margin:0rem 0rem 1rem 0rem;
    
}

table{
    
    margin:0rem;
    
}


#amministrazione-trasparente tr,
#amministrazione-trasparente td{
    
    width:100% !important; 
}

td p{
    
    margin:0rem !important;
    
}

#circoscrizione-servizi{
    
    
    
}

#circoscrizione-servizi li{
    
    width: 31%;
    display: block;
    padding: 1rem;
    border-radius: .6rem;
    border-bottom: 2px solid #03036D;
    background-color: #F1F8FF;
    margin: 1%;
    float: left;
    height: 12.5rem;
}

#circoscrizione-servizi li a{
    
    
    
}
#circoscrizione-servizi li a strong{
    
    padding:1rem .5rem 1rem 4rem;
    background-position: -.5rem ;
    background-repeat: no-repeat;
    
}
#circoscrizione-servizi li a span{
    
    font-size: .9rem;
    line-height: 1.4rem;
    padding-top:.4rem;
 
}

#siti-tema ul{
    
    margin-top:3rem;
    
}

#siti-tema ul li{
    
    width:23%;
    margin:1%;
    border-radius: .5rem;
    background-color: #F8F8F8;
    border-bottom:2px solid #C6C6C6;
    float:left;
    display: block;
    
}

#siti-tema ul li:hover{
    
    background-color: #F0F0F0;    
    
}

#siti-tema ul li a{
    
    display: block;
    background-position:1rem;
    background-repeat: no-repeat;
    min-height: 6rem;
    padding: .5rem;
    padding-top:1.5rem;
    
}

#siti-tema ul li a strong{
    
    padding-left: 6.5rem;
    display: block;
    float:left;
    width:100%;
    
}

#servizi-section #circ-dentro-int ul{
    
    column-count: 1;
    
}

#servizi-section #circ-dentro-int ul li{
    
    width:32%;
    margin:.5%;
    
}

.verde .slides article.new{
    
    background-color:#F5FFE2;
    border-bottom:3px solid #61734B;
}


#giardini{
    
    margin-top:5rem;
    
}

#giardini li{

    width: 23%;
    margin:1%;
    display:block;
    float:left;

}

#giardini li a{
    
    border-radius: .5rem;
    
}

#giardini li a h2{
    
    font-size: 1rem;
    
}

#giardini li a img{
    
    border-radius: .5rem;
    width: 100%;
    height: auto;
    float:left;    
}


.org-root{
    
    width:31.3%;
    height: auto;
    min-height: 1rem;
    padding:0.8rem;
    margin:1rem 1%;
    border-radius: 0.4rem;
    background-color: #FF840B;
    color:#333;
    float: left;
    display: block;
    text-align: center;
    transition: all ease 0.5s;
    min-height: 3rem;
    font-weight: 550;
    
}

.org-root:hover{
    
/*    opacity: 0.6;*/
    color:#FFF;
}

.org-area{
    
    width:32%;
    height: auto;
    min-height: 1rem;
    padding:0.8rem;
    margin:.3rem 34%;
    border-radius: 0.4rem;
    background-color: #0F559A;
    color:#FFF;
    float: left;
    display: block;
    text-align: center;
    transition: all ease 0.4s;
    min-height: 3rem;
}

.org-area:hover{
    
/*        opacity: 0.6;*/
    color:#FFF;
    
}

.org-ufficio{
    
    width:27%;
    height: auto;
    min-height: 2.8rem;
    padding:0.8rem;
    margin:.3rem 1%;
    border-radius: 0.4rem;
    background-color: #4CAF50;
    color:#333;
    float: left;
    display: block;
    text-align: center;
    font-size:0.95rem;
    font-weight: 600;
    transition: all ease 0.4s;
    min-height: 3rem;
     
}

.org-ufficio:hover{
    
/*    opacity: 0.6;*/
    color:#333;
    
}

.org-settore{
    
    width:98%;
    height: auto;
    min-height:2.8rem;
    padding:0.8rem;
    margin:.3rem 1%;
    border-radius: 0.4rem;
    background-color: #FFC100;
    color:#333;
    float: left;
    display: block;
    text-align: center;
    font-size:0.95rem;  
    font-weight: 600;
    transition: all ease 0.4s;
    min-height: 3rem;
    
}
.org-servizio{
    
    width:98%;
    height: auto;
    min-height:2.8rem;
    padding:0.8rem;
    margin:.3rem 1%;
    border-radius: 0.4rem;
    background-color: #e6e6e6;
    color:#333;
    float: left;

    text-align: center;
    font-size:0.95rem;  
    font-weight: 600;
    transition: all ease 0.4s;
    min-height: 3rem;
    display: block;
    
}
.org-wrap{
    
    width:31.3%;
    height: auto;
    min-height:2.8rem;
    padding:0.8rem;
    margin:.3rem 1%;
    border-radius: 0.4rem;

    float: left;
    display: block;
    text-align: center;
    font-size:0.95rem;  
    font-weight: 600;
    transition: all ease 0.4s;
    min-height: 4rem;
    
}

.org-settore:hover{
    
/*       opacity: 0.6;*/
    color:#333; 
    
}

.org-settore a,.org-ufficio a{
    
    width:92%;
    display: block;
    float:left;
    color:#FFF;
}
.org-area a{
    
    width:98%;
    display: block;
    float:left;
    color:#FFF;
}

.org-settore a,.org-ufficio a{
    
    color:#333;
    
}

.org-area .aree,.org-settore .settori{
    
    width:8%;
    height: 1.5rem;
    display: block;
    float:right;
    position: relative;
}

.org-area .aree:after,.org-settore .settori:after{
    
    content:"\025BC";
    position: absolute;
    right:0rem;
    top:.25rem;
    color:#FFF;
    font-weight: bold;
    font-size:.8rem;
    z-index: 11111;
    display:none;
    
}

.org-area .aree.open:after{
    
     content:"\025B2";
     
}

.org-area .aree:hover{
    
    cursor: pointer;
    
}
.org-settore .settori.open:after{
    
     content:"\025B2";
     
}

.org-settore .settori:hover{
    
    cursor: pointer;
    
}

#verde .image{
    
    width: auto;
    height: 100%;
    /* border: 5px solid #DDD; */
    display: block;
    float: left;
    border-radius: .5rem;
    margin:0rem 1rem 1rem 0rem;
}

#verde h3{
    
    text-align: left;
    font-size: 1.1rem;
    font-weight: 550;
    padding-left: 1.5rem;
    
}

#verde h3 span{
    
    display: block;
    float: left;
    position: relative;
    
}

#verde h3 span:before{
    
   content: '';
    position: absolute;
    height: 100%;
    border-radius: 25%;
    width: .35rem;
    background-color: #74B49B;
    left: -1rem;
    top: 0rem; 
    
}

#verde section.div100{
    
    background-color: #F8F8F8;
    border-radius:.75rem;
    margin:1rem 0rem;
}

#verde-orari p,#verde-prezzi p{
    
    margin:0rem;
    padding:.15rem 1.5rem;
}

#verde #gallery {
    
    margin-bottom: 2rem;
    float: left;
    margin-top: 2rem;
    
}

#at-grid li.active a{
    
    color:#800000;
    
}

.at-po{
    
    width:100%;
    height: auto;
    float:left;
    display: block;
    margin-bottom:1rem;
}

.at-po div.div100{
    
    padding:.25rem .75rem;
    color:#333;
    
}

.at-po div.div100 a{
    
    line-height: 1.7rem;
    
}

.at-po div.div100:nth-child(1){
    
    background-color: #007BB3;
    color:#FFF;
    margin-bottom: .5rem;
    padding:.75rem;
    font-weight: 500;
    line-height: 1.7rem;
    
}



.at-po:nth-child(odd){
    
    background-color: #F8F8F8;
    
}

#tributi.partecipa ul li{
    
    border:none;
    background-color: #F8F8F8;
    border-bottom:1px solid #EEE;
}

#tributi.partecipa{
    
    background-color: #F8F8F8;
    
}

.partecipattivi-intro div{
    
    float:left;
    display:block;
    width:65%;
    padding: 1rem;
}

.partecipattivi-intro div p,
.partecipattivi-intro img{
    
    float:left;
    display: block;
    
}
.partecipattivi-intro img{
    
    width:35%;
    max-width: 457px;
}

.partecipattivi-section{
    
    padding:1rem;
    margin-bottom:1rem;
}

.partecipattivi-section h2 span {
    
    display: block;
    float: left;
    position: relative;
    font-size: 1.3rem;
    padding-left: 1rem;
    
}

.partecipattivi-section h2 span:before {
    
    content: '';
    position: absolute;
    height: 100%;
    border-radius: 25%;
    width: .35rem;
    background-color: #158DCD;
    left: 0rem;
    top: 0rem;
}

.partecipattivi-section h2{
    
    margin-bottom: 2rem;
    
}
.partecipattivi-section p{
    
    line-height: 1.7rem;
    
}

#stakeholders li{
    
    width:48%;
    margin:1%;
    display: block;
    float:left;
    border-radius:1rem;
    background-color: #F8F8F8;
    min-height: 13rem;
    padding:.75rem;
    
}

#stakeholders li h3{
    
    font-size: 1rem;
    text-align: left;
    margin:.15rem 0rem;
    line-height: 1.6rem;
    
}

#stakeholders li div.div100{
    
    padding:.20rem 0rem;
    
}

.stake h2{
    
    font-size: 1.6rem;
    
}

.div50:empty{
    
    display: none;
    
}

#generic div p,
#generic div strong.div100{
    
    padding:.5rem 0rem;
    
    
}

#generic div div.div100{
    
    
    
    
}

#generic div p{
    
}

#consulta-presidenza{
    
    margin-top:4rem;
    
}



#consulta-presidenza li{
    
    
    width:31.3%;
    height: auto;
    float:left;
    background-color: #F8F8F8;
    border-radius: .5rem;
    margin:1%;
    padding:.5rem;
    min-height: 14rem;
}

#consulta-presidenza li img{
    
    max-width: 80px;
    float:left;
    display:block;
    margin:0rem .5rem .5rem 0rem;
    
}

#consulta-presidenza li > strong{
    
    font-size:1rem;
    line-height:1.7rem;
    color:#084565;
    
}

#consulta-presidenza li div.div100{
    
    line-height:1.7rem;
    
}

#partecipa-lab{}

#partecipa-lab li{
    
    width:23%;
    margin:1%;
    padding:.5rem;
/*    background-color: #FFF;*/
    display: block;
    float:left;
    
    border-radius:.5rem;
}

#partecipa-lab li a span{
    
    line-height: 1.4rem;
    font-size: .9rem;
    font-weight: 500;
    min-height: 5rem;
}

#media-container.under-new{
    
    padding-left: 0rem !important;
    margin-bottom: 1rem;
    
}

#media-container.under-new #trig_pg,
#media-container.under-new #trig_vg{
    
    position: relative;
    float:left;
    display: block;
    top:0rem;
    right:initial;
    
    
}

#photos:empty{
    
    display: none;
    
}

#cookies ul li{
    
    line-height: 1.7rem;
    
}

#frm_segnala label{
    
    font-size:.9rem;
    
}


#frm_segnala{
    
    position: relative;    
    
}

#segnala-close{
    
    width:2rem;
    height:2rem;
    position:absolute;
    top:-2rem;
    right:-2rem;
    text-align: center;
    border-radius:50%;
    color:#800000;
    padding:.5rem;
/*    border:1px solid #333;*/
    background-color:#FFF;
    font-weight:bold;
    display:block;
    z-index: 1111111111;
    cursor:pointer;
    
}

#segnala{
    
    display:none;
    padding:1rem;
    background-color: #FFF;
    margin: 0;
    position: absolute;
    top: -100%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:30rem;
    height: auto;
    border-radius: .5rem;
    z-index: 111111111;
    
}

#segnala .div100{
    
    margin:.25rem 0rem;
    
}

#segnala h2{
    
    font-size:1.1rem;
    color:#505050;
    margin:.15rem 0rem;
    
}

#segnala h3{
    
    font-size:.9rem;
    color:#235078;
    text-align: left;
    margin:.15rem 0rem;
}

#motivo.div100{
    
    font-size:.9rem;
    
}

#motivo.div100,
#migliora.div100,
#segnalapag.div100{
    
    border: none;
    background-color: #F4F0FC;
    
    padding:.75rem;
/*    margin:.5rem 0rem;*/
    
}

#migliora.div100,
#segnalapag.div100{

    height: 5rem;
    font-size:1rem;

}

#segn-invia{
    
    width: auto;
    min-width: 5rem;
    height: auto;
    padding:0.5rem;
    border: 1px solid #FFF;
    background-color: #235078;
    border-radius: 1rem;
    color:#FFF;
    float:right;
    text-align: center;
    font-weight: 550;
    
}

#linx{
    
    margin-top:2rem;
    padding:1rem 1.5rem;
}

#linx li{
    
    width:31%;
    height:auto;
    float:left;
    border-radius:1rem;
    background-color: #F8F8F8;
    margin:1%;
    min-height: 14.5rem;
}

#linx li img{
    
    width:3.2rem;
    height: 3.2rem;
    border-radius:50%;
    float:left;
    margin:1rem;
}

#linx li h3{
    
    width:80%;
    float:right;
    text-align: left;
    color:#053F66;
    margin:1rem 0rem .5rem;
    
}

#linx li p{
    
    width:100%;
    padding:.5rem 1rem;
    float:left;
    font-weight: 500;
    color:#707070;
    line-height: 1.5rem;
    
}

.lev-1{
    
    padding:.75rem .25rem;color:#000;font-size: 1.1rem;font-size:1.2rem;font-weight:550;
    
}

.lev-2{padding:.25rem;padding-left: 1rem;color:#000;font-size: 1.1rem;font-weight: 500;}
.lev-3{padding:.25rem;padding-left: 2rem;color:#000;font-size: 1.1rem;}
.lev-4{padding:.25rem;padding-left: 3rem;color:#000;font-size: 1.1rem;}
.lev-5{padding:.25rem;padding-left: 4rem;color:#000;font-size: 1.1rem;}


.bilpre li:nth-child(odd){
    
    background-color: #F8F8F8;
    
}

/*fromsea*/

#fromsea-hdr{
    
    background-image: url(../img/from_the_sea/sfondosea.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    min-height: 60rem;
    margin-top:13rem;
    
}

img.fts-head-img{
    
    width:70%;
    margin:1rem 15%;
    
}

#fts-iframe{
    
    width:80%;
    float:left;
    margin:2rem 10% .5rem ;
    background-color: #FFF;
    border-radius:.5rem;
    display: block;
    min-height: 37rem;
    
}


#fts-iframe iframe{
    
    min-height: 37rem;
    width:100%;
    float:left;
    border-radius: .5rem;
    
    
}

#fromsea-hdr p.div100{
    
    color:#FFF;
    text-align: center;
    margin-top:.5rem;

}

#fromsea-hdr > div > p:nth-child(3){
    
    font-size: 2.2rem;
    font-weight:bold;
    
}

#fromsea-hdr > div > p:nth-child(4){
    
    font-size: 1.5rem;
    
}

#fts-des p{
    
    padding-top: 3rem;
    color:#707070;
    font-size: 1.2rem;
    line-height: 1.7rem;
    padding:1rem;
    
}

#fts-foot{

    margin-top: 3rem;
    
}

#fts-foot img{
    
    margin: 1rem;
    float:left;
    
    
}

#fts-foot img:last-child{
    
    float:right;
    
}

.leggitutte{
    
    display: block;
    float: right;
    font-size: 1rem;
    margin-top: 1rem;
    
}

/*fine fromsea*/

.btn.gray{
    
    width:auto;
    float:left;
    background-color:#E4E4E4;
    padding:1rem;
    text-align:center;
    margin:.5rem;
    border-radius:.5rem;
    font-weight:500;
    
}

.ATContratti div{
    
    padding:.5rem;
    
}

#lista-rss h2{
    
    
    
    
}

#lista-rss div:nth-child(2){
    
    width:89%;
    float:left;
    display:block;
    
    
}


.feed-href{
    
    display:block;
    float:left;
    margin:.25rem 0rem;
}

.feed-href span{
    
    display:block;
    float:left;
    position: relative;
    padding-left:3rem;
    padding-top:.25rem;
}

.feed-href span:before{
    
    width: 2rem;
    height: 2rem;
    content: url(../img/ico/rss_ico.png);
    display: block;
    margin-right: .5rem;
    position:absolute;
    top:0rem;
    left:0rem;
    
}


.message{
    
    width: 100%;
    height: auto;
    padding: .5rem;
    margin: .5rem 0rem;
    float: left;
    display: block;
    
}

.message .mess-ico, .message-ext .mess-ico{
    
    width: 40px;
    height: 40px;
    background-image: url(../img/m-user.png);
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 0.5em;
    
}

.message .mess-text, .message-ext .mess-text{
    
    margin:.25rem 0rem;
    padding:.5rem;
    
}

.message:nt-child(odd){
    
    background-color:#F8F8F8;
    
}

#iosonopersona-list{
    
    margin-bottom:2rem;
    
}

#iosonopersona-list .div33{
    
    margin:.5% 1%;
    width:31%;
    
}

#iosonopersona-hdr > img:nth-child(1){
    
    margin:0rem 3rem 0rem 3rem;
    
    
}

#iosonopersona-gal{
    
    margin-top:2rem;
    
}


#iosonopersona-gal img{
    
    margin:.5rem;
    float:left;
    display:block;
    
    
}

.letter,
.a-letter{
    
    float: left;
    display: block;
    padding:.34rem;
    font-weight: bold;
}

.a-letter:hover,
.letter:hover{
    
    color: #800000;
    
}

.a-letter.selected,
.letter.selected{
    
    color:red;
    
}

#archivio-bio{
    
    
    
}

#archivio-bio > li:nt-child(even){
    
    background-color:#F6F6F6 !important;
    padding:.25rem !important;
    
}

.us-div{
    
    
    background-color: #EEE0FA;
    float:left;
    border-radius:.5rem;
    margin-bottom:1rem;
    padding:1rem;
    width:30rem;
    
}

#frm_patrocinio{
    
    display:block;
    width:20rem;
    margin:4rem auto;
    
}

#frm_patrocinio input{
    
    font-size:1.2rem;
    
}

#progetti_progr article.div100{
    
    border-bottom:4px solid #818181;
    
}

#progetti_progr article.div100:nth-child(odd){
    
    background-color: #EEF7FB;    
    
}

#programmazione-docs{
    
    padding:.5rem;
    
}

#ogp-temi{}

#ogp-temi li{
    
    width:20%;
    float:left;
    display: block;
    padding: 1rem;
    
}

#ogp-temi li span{
    
    display: block;
    float:none;
    margin:1rem auto;
    border-radius:50%;
    text-align:center;
    background-color: #FFF;
    padding:.75rem;
    width:4rem;
    height:4rem;
    font-size: 2rem;
    font-weight: bold;
    
}

#ogp-temi li p{
    
    color:#FFF;
    width:100%;
    display: block;
    padding:.5rem;
    line-height: 1.7rem;
    font-size: .9rem;
    text-align:center;
        
    
    
}

#tessere-preziose > div:nth-child(2) p{
    
    margin:.75rem 0rem;    
    
}

#tessere-preziose ul#tessere-preziose-list{
    
    min-height: 10rem;
    
}

#tessere-preziose ul#tessere-preziose-list li{
    
    border-radius:.5rem;
    background-color: #F8F8F8;
    border-left: 4px solid #FEBD2C;
    padding:.75rem;
    margin-bottom: 1rem;
    
}

#tessere-preziose ul#tessere-preziose-list li > .div100{
    
    margin:.5rem 0rem;
    
}

#tessere-preziose ul#tessere-preziose-list li > .div100:nth-child(2){
    
    background-color: #FFF;
    border-radius:.5rem;
    padding:.5rem;
    
}

#tessere-preziose ul#tessere-preziose-list li > .div100:nth-child(2) span{
    
    margin-left:3rem;
    position: relative;
    
}

#tessere-preziose ul#tessere-preziose-list li > .div100:nth-child(2) span:before{
    
 
    display: block;
    margin-right:0.5rem;
    width: 20px;
    height: 20px;
    content: url("../img/ico/cal5.png"); 
    position: absolute;
    top:-.5rem;
    left:-3rem;
    
}
/*
#tessere-preziose ul#tessere-preziose-list li > .div100:nth-child(2){
    
    font-size: 1.2rem;
    font-weight: bold;
    padding-left: .5rem;
    
}*/

#tessere-preziose ul#tessere-preziose-list li .div100 div{
    
    float:right;
    display: block;
    width:93%;
    min-width: 1250px;
    
}

#tessere-preziose ul#tessere-preziose-list li .div100 div h2{
    
    text-align: left;
    font-size: 1.3rem;
    
}

#src-wrap{
    
    position: relative;
    
    
}

#src-wrap #contestual-search-box{
    
    margin:2rem 0rem;
    margin-left: 23rem;
    
}


#src-wrap .collegamenti-select{
    
    position: absolute;
    top:1rem;
    right:22rem;
    
}

.tessera-preziosa{}

.tessera-preziosa div.div100{
    
    padding:.75rem;
    margin:.5rem 0rem;
    border-radius:.5rem;
    
}

.tessera-preziosa div.div100 span.div100{
    
    margin:.25rem 0rem;
    
}

.tessera-preziosa div.div100:nth-child(2){
    
    /*background-color: #EEF5FF;*/
    background-color: #EAF5F9;
    
}

.tessera-preziosa div.div100:nth-child(3){
    
    /*background-color: #DCF4CC;*/
    background-color: #D0E8F2;
    
}
.tessera-preziosa div.div100:nth-child(4){
    
    /*background-color: #D5C9EB;*/
    background-color: #99CFE1;
    
}

.ruol strong, .confer strong,.motiv strong{
    
    margin-left: 3rem;
    position: relative;
    float:left;
    
}

.ruol strong:before,
.confer strong:before,
.motiv strong:before{
     
    display: block;
    margin-right:0.5rem;
    width: 20px;
    height: 20px;
    position: absolute;
    top:-.5rem;
    left:-3rem;
    
    
}

.ruol strong:before{content: url("../img/ico/lavoro.png");}
.confer strong:before{content: url("../img/ico/cal5.png");}
.motiv strong:before{content: url("../img/ico/onor.png");}


.fancy-thumb{
    
    width:10rem; 
    height:auto;
    float:left;
    display:block;
    margin:.25rem;
    border-radius:.5rem;
    
}


.bgred{
    
    background-color:#BE1440;
    color:#FFF;
    padding:.5rem 2rem;
    position: relative;
    
}

.bgred h2{
    
    margin-bottom: 2rem;
    margin-top:2rem;    
    padding:.5rem 1rem;
}

.bgred p{
    
    margin:.75rem 0rem;
    padding:.5rem 1rem;
    
}

.bgred .div50:nth-child(2){
   
    float:left;    
    
}

.bgred .div50:nth-child(1){
   
    float:right;    
    
}

.bgred a{
    
    font-weight:bold;
    color:#FFF;
    
}

.bgred a:hover{
    
    text-decoration: underline;
    
}

.img-right{
    
    float:right;margin:0rem 0rem .5rem 1rem;
    
}

.img-left{
    
    float:left;margin:0rem 1rem .5rem 0rem;
    
}

.aspc h2{
    
    text-align: left;
    font-size: 1.5rem;
    margin:1.25rem 0rem;
}

.aspc .infowindow h2{
    
    margin-bottom:2rem; 
    padding-left:3.25rem;
    background-repeat:no-repeat;
    background-position:center left;
    background-image:url(../img/aspc/aspc.png);
    height:2.75rem;
    padding-top:.65rem;
    
}

.redspan span{
    
    color:rgb(156, 16, 54);
    
}

#aspc-10punti{
    
    background-color:#BE1440;
    border-radius:.5rem;
    padding-top:4rem;
    
}

#aspc-10punti li{
    
    width:47%;
    margin:.5rem 1%;
    display: block;
/*    float: left;*/
    background-color:#FFF;
    border-radius:.5rem;
    padding:.5rem;
    
}

#aspc-10punti li a{
    
    font-weight:500;
    
}

.aspc article.new{
    
/*    box-shadow: 2px 3px 6px 0px #d0d0d0;*/
    background-color: #F8F8F8;
}

#aspc-btnmap,#aspc-btnmap-close{
    
    position: absolute;
    top:-1rem;
    right:2rem;
    background-color: #295D8B;
    display: block;
    padding:1rem .75rem;
    color:#FFF;
    border-radius:1rem;
    font-size:.8rem;
    font-weight: 550;
    min-width: 8rem;
    
    background-repeat:no-repeat;
    background-position:5rem .5rem;
    
}

#aspc-btnmap{
    
    background-image:url(../img/ico/point_a.png);
    
}

#aspc-btnmap-close{
    
    background-image:url(../img/ico/list_aa.png);
    
}

#aspc-btnmap-close{
    
    display: none;
    z-index:11;
}

#aspc-map-wrapper{
    
    position: relative;
    padding:0rem;
    height: 47.5rem;
    display: none;
}

#aspc-map-wrapper #map{
    
    position: absolute;
    top:0rem;
    left:0rem;
    display: block;
    height:100%;
    
}

#aspc-logos{
    
    background-color:#F8F8F8;
    
}

#aspc-logos li{

    width:9%;
    height:auto;
    float:left;
    display: block;
    
}

#aspc-logos li a{
    

    
}
#aspc-logos li a img{
    
    
}

#aspc-accordion{
    
    margin:2rem auto;
    
}

#aspc-accordion .aspc-accordion-hdr{
    
    color:#af1f3d;
    font-weight: 550;
    padding:1rem 0rem;
    position: relative;
    margin: .75rem 0rem;
}

#aspc-accordion .aspc-accordion-hdr p{
    
    display:block;
    width:86%;
    margin:0% 7%;
    
}

#aspc-accordion .aspc-accordion-hdr:before{
    
    display: block;
    margin-right:0.5rem;
    width: 20px;
    height: 20px;
    content: url("../img/aspc/h.png"); 
    position: absolute;
    top:.5rem;
    left:1rem;
    
}

#aspc-accordion .aspc-accordion-hdr.closing:after{
    
    display: block;
    margin-right:0.5rem;
    width: 20px;
    height: 20px;
    content: url("../img/aspc/arrow-right-circle.png"); 
    position: absolute;
    top:1.5rem;
    right:1rem;
    
}

#aspc-accordion .aspc-accordion-hdr.opening:after{
    
    display: block;
    margin-right:0.5rem;
    width: 20px;
    height: 20px;
    content: url("../img/aspc/arrow-down-circle.png"); 
    position: absolute;
    top:1.5rem;
    right:1rem;
    
}

#aspc-accordion .aspc-accordion-hdr:hover{
    
    cursor: pointer;
    
}

#aspc-accordion .aspc-accordion-body{
    
    transition: ease all .4s;
    
}

#aspc-accordion .aspc-accordion-body.accordion-hide{
    
    display:none;
 
}

#aspc-accordion .aspc-accordion-body.accordion-show{
    
    display:block;
 
}

#aspc-accordion .aspc-accordion-body h3{
    
    margin:1rem 0rem 2rem;
    text-align: left;
    
}

#aspc-accordion .aspc-accordion-body > div.div100{
    
    
    
}



.readall{
    
    margin:.5rem 1rem;
    background-color: #F4F4F4;
    display: block;
    padding:1rem .75rem;
    color:#000;
    border-radius:1rem;
    font-size:.8rem;
    font-weight: 550;
    min-width: 9rem;
    float:right;
    background-repeat:no-repeat;
    background-position:7rem 1rem;
    background-image:url(../img/ico/arrow-right.png);
    
}

.hashtag{
    
    float:right;
    display:block;
    font-size:.8rem;
    
}

.r-date{
    
    float:left;
    display: block;
    font-size:.8rem;
    background-repeat:no-repeat;
    background-position:top left;
    background-image:url(../img/ico/calendario_a.png);
    padding:0rem .75rem;
    padding-left:1.75rem;
    min-height:1.75rem;
    
}

#new ul li{
    
    margin:.35rem 0rem;
    line-height: 1.6rem;
    
}

#bonus-viaggio-accedi{
    
    float:right;
    width:auto;
    padding:1rem 2rem;
    background-color: #b7351c;
    color:#FFF;
    border-radius:.4rem;
    border-bottom: 3px solid #333;
    margin:.5rem;
    font-size: .9rem;
    font-weight: 550;
    background-image: url(../img/ico/taxi_icon.png);
    background-repeat: no-repeat;
    background-position: .5rem;
    padding-left: 3.5rem;
    opacity: .90;
    transition: ease all .4s;
}

#bonus-viaggio-accedi:hover{
    
    opacity:1;
    
}

/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
    
    #linx li h3{
        
        width:79%;
        
    }
    
    #siti-tema ul li a{
    
        min-height: 8rem;
    
    }
    
}

@media only screen and (max-width: 1440px) and (min-width: 1023px){

    #content,#footer #footer-wrap,.content{
        
        width: 100% !important;
        
    }
    
    #footer #footer-wrap #sub-footer span{
        
        width:95%;
        
    }
    
/*    #linx li h3{
        
        width:71%;
        
    }*/
    
	
}