* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
:before,:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
::placeholder{
	color:#aaa !important;	
	}
html{
	 font-family: 'Lato', sans-serif;
	 margin: 0;
	 padding: 0;
	 width: 100%;
	 height: 100%;
}
.news-div{
	width: 18rem;border-right:1px solid #ccc !important;
}
.news-div:last-child{
	width: 18rem;border-right:none !important;
}
body{
	font-family: 'Lato', sans-serif;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	/*background: url("../graphic/2015/cielo_sf.png");*/
	background-image:url(../graphic/cielo_sf_vert.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}
div{
	/*border:1px solid #666;*/
}
.main-cont{
	padding-bottom:20px;
	min-height:350px;
}
.menu-left{
	color:#666;
}
.menu-left:hover{
	text-decoration:none !important;
	color:#fff !important;
	background:#ff9900 !important;;
}
.menu-left:hover li{
	background:#ff9900;
}
.index-page{
	margin-top:0px;
}
.content{
	border:solid #dedede 1px;
	background:#fff;
}
h2 {
    line-height: 1;
}
@media (max-width : 991px) {
	.index-page{
		margin-top:110px;
	}
}
@media (max-width : 402px) {
	.index-page{
		margin-top:80px;
	}
}
.border-danger{
	border-color: #930 !important;
}
.comuni-other:hover{
	background-color:#bd1521 !important; /*rosso*/
	/*background-color:#2361BC !important; /*blu*/
	}
.img-meteo{
	width:100%;
	height:100%;
	max-height:90px;
	max-width:90px;
}
.province{
	stroke-width:0.1px;
}
.color-black{
	color:#000000;
}
.comuni{
	stroke-width:0.05px;
	}
.visit{
	background:#bd1521 !important;
	color:#ffffff !important;
	}
.navbargodown{
	padding-top:0px;
	padding-bottom:0px;
	 -webkit-box-shadow: 0 3px 10px rgba(57, 63, 72, 0.3);
  -moz-box-shadow: 0 3px 10px rgba(57, 63, 72, 0.3);
  box-shadow: 0 9px 10px rgba(57, 63, 72, 0.3);
  transition: top 0.3s;
	}
.searchbargodown{
	margin-top:10px;
	}
#navbar{
	padding-top:15px;
	}
.botton-hub{
	float: right;
    margin-top: 25px;
	}
.searchdown{
	position:fixed !important; 
	top: 94px;
	z-index:1993;
	background:#bd1521;
	transition: 0.3s;
	}
.site-links{
	color:#565655;
	text-decoration:none;
	}
.site-links:hover{
	color:#bd1521;
	}
.close-menu-div{
	width:100%;
	float:left;
	color:white;
	background:#bd1521;
	height:60px;
	padding:15px;
	}
.menu-infos{
	padding:4px;
	background:#ff000014;
	}
.menu-infos-fist-child{
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
	}
.menu-infos-last-child{
	border-bottom-left-radius:0 !important;
	border-bottom-right-radius:0 !important;
	border-bottom:solid 1px #bd1521 !important;
	}
.menu-infos:hover{
	color:white !important;
	background:#bd1521;
	}
.search{
	border-webkit-radius:4px;
	border-radius:4px;
	border-moz-radius:4px;
	border:inset 0.01px #f4f4f4;
	background:white;
}
.regioni path{
	stroke-width:0.5px !important;
	}
.search-label{
	border:0px !important;
	margin:0px !important;
	}
.search-label:focus{
	box-shadow:inherit !important;
	}

.search-label-form{
	border:1px #ccc solid !important;
	margin:0px !important;
	}
.search-label-form:focus{
	box-shadow:0 0 0 0.1rem  #ccc !important;
	}
	
.search-img{
	color:#999;
	font-size:large !important;
	margin-right:5px;
	}
.container{
	max-width:1200px !important;
	}
.header-nav{
	background:#f4f4f4 !important;
	}
.header-subnav{
	background:#bd1521 !important;
	}
.header-submobile{
	background:#f4f4f4 !important;
	}
#menudivresp{
	border: solid 2px #ddd;
	}
.header-botton{
	border:transparent;
	background:transparent;
	font-size: large !important;
    margin-top: 9px;
    margin-right: 9px;
	float:right;
	}
.header-botton-subcolor{
	border:transparent;
	background:transparent;
	font-size:x-large;
	color:#f4f4f4;
	height:40px;
	}
.header-link{
	color:#f4f4f4;
	padding:5px;
	}
.header-link:hover{
	color:#f4f4f4;
	text-decoration:none;
	}
#search-nav-sx{
	display:none !important;
	}
.search-nav-lg{
	display:inherit;
	}
.list-group-item{
	padding:2px !important;
	margin-bottom: 2px !important;
	}
@media (max-width : 991px) {
	.search-nav-lg{
		display:none !important;
	}
	#search-nav-sx{
	display:inherit !important;
	}
	#index-menu{
		display:none !important;
	}
	.content{
		padding-top:8em;
	}
}
@media (max-width : 767px) {
	.Header-title{
		display:none !important;
		}
}
.Header-bandiera{
	height:3px;
	width:100%;
	}
.nav-responsive{
	top:107px !important;
	}
	
.menu-links{
	color:#88888f;
	text-decoration:none;
	word-break:break-all;
	border:0;
	}
.menu-links:hover{
	color:#bd1521;
	text-decoration: underline;
	}
.Header-logo{
	transition:0.3s;
	}
@media (max-width : 420px) {
	.Header-logo{
		width:158px !important;
		height:46px !important;
		}
	.search-mobile{
		position:fixed !important;
		top:70px !important;
	}
	.nav-responsive{
		top:79.0167px !important;
	}
	.content{
		padding-top:5em;
	}
	.menu-links{
		font-size:13px;
		}
	.pagination{
		font-size:11px;
	}
}

@media (max-width : 351px) {
	.Header-logo{
		width:120px !important;
		height:36px !important;
		}
	.navbar-toggler{
		font-size: 1rem !important;
		}
	.nav-responsive{
		top:69.95px !important;
	}
	.search-mobile{
		top:68px !important;
	}
	.botton-hub {
    margin-top: 15px;
	}
	.content{
		padding-top:4em;
	}
}
	.sidebar a {
	  display: block;
	  color: black;
	  padding: 16px;
	  text-decoration: none;
	}
	.sidebar a:hover:not(.active) {
	  background-color: #bd1521;
	  color: white;
	}
	.collapsing {
	  height:0px;
	}
	#navbarSupportedContent {
    -webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -o-transition: width 0.2s ease;
    transition: width 0.2s ease;
    display: inline-block;
    overflow-y: auto;
    white-space: nowrap;
    background-color: #ffffff;
    vertical-align: middle;
    line-height: 30px;
    height: 30px;
	height: 100%;
    width: 0px;
	right:0 !important;
	left:inherit !important;
	z-index:2001 !important;
}
#navbar {

  transition: top 0.3s;
}
.search-mobile{
	padding:0px !important;
	}
@media (max-width : 991px) {
	.search-mobile{
		position:fixed !important;
		top:86px;
	}
}
#navbarSupportedContent.in {
    width: 50%;
	right:0;
}
@media (max-width : 728px) {
	#navbarSupportedContent.in {
		width: 80%;
	}
}
	footer{
		padding-top:2em;
		
		}
	path{
		stroke:#f4f4f4;
		fill:#EF8C8C;
		}
	path.pathcom{
		/*rosso*/
		fill:#bd1521 !important;
		}
	path.idmap0{
		/*grigio*/
		fill:#a4a6a7;
		opacity:0.15;
		}
	path.idmap1{
		/*celeste*/
		fill:#06c;
		opacity:0.1;
		}
	path.idmap2{
		/*arancio*/
		fill:#FF8000;
		opacity:0.13;
		}
	path.idmap3{
		fill:#FF0;
		opacity:0.13;
		}
	path.idmap4{
		fill:#804040;
		opacity:0.1;
		}
	path.idmap0:hover{
		/*grigio*/
		fill:#a4a6a7;
		opacity:0.4;
		}
	path.idmap1:hover{
		/*celeste*/
		fill:#06c;
		opacity:0.4;
		}
	path.idmap2:hover{
		/*arancio*/
		fill:#FF8000;
		opacity:0.4;
		}
	path.idmap3:hover{
		fill:#FF0;
		opacity:0.7;
		}
	path.idmap4:hover{
		fill:#804040;
		opacity:0.4;
		}
	#map{
		border-color:black;
		max-height:800px;
		min-height:400px;
	}
	@media (max-width : 720px) {
		#map{
		max-height:800px;
		min-height:400px;
		height:0;
		}
	}
  div{
	  /*border:1px solid #999;*/
  }
	svg{ height:100%;
		width:100%;
		max-height:600px;
		}
	#list-search{
		padding:1rem;
	}
	#Footer{
		padding:2em;	
		}	
		#map-regioni #map-comuni{
		border-color:black;
		display: inline-flex;
		max-height:600px;
		min-height:400px;
		}		
	@media (max-width : 720px) {
		#map-regioni #map-comuni{
   		 border-color:black;
		display: inline-flex;
		max-height:600px;
		min-height:400px;
		height:0;
		}
	}
	@media (max-width : 990px) {
		.responsive-pec{
   		 display:none !important;
		}
		.responsive-text-pec{
		font-weight:bold;
		}
		.div-infogen1{
			padding-left:0px;
		}
	.div-infogen1{
			padding-left:10px;
		}
	}
	@media (max-width : 720px) {
		.mail-responsive{
   		 word-break:break-all;
		}
	}
	.hr-dettagli{
		background:#bd1521 !important;
		height:2px;
	}
	.separator{
		border-top:1px solid #930;
		margin-bottom:15px;
		margin-top:15px;
	}
	.dropdown-list{
		width:100%;
		min-height:50px;
		height:100%;
		background:transparent;
		border:0;
		display:none;
		outline:none !important;
		}
		
	@media (max-width : 769px) {
		.dropdown-list{
   		 display:inherit;
		}
		.comuni-lable{
			display:none;
			}
		#title-map{
			display:none;
			}
	}
	.amministratori-link{

		overflow-y:auto;
		}
	.amministratori-link::-webkit-scrollbar {
			  width: 5px;
			}
	.amministratori-link::-webkit-scrollbar-track {
			  box-shadow: inset 0 5px 5px #f4f4f4; 
			  border-radius: 80px;
			}
	.amministratori-link::-webkit-scrollbar-thumb {
			  background: #bd1521; 
			  border-radius: 80px;
			}
	.amministratori-icon{
		font-size:30px;
		color:#bd1521
		}
	.amministratori-a-container{
		padding:5px 5px 5px 15px;
		color:#565655;
		}
	.amministratori-a-container:hover{
		color:#bd1521;
		}
	@media (max-width : 720px) {
		.amministratori-link{
		height:auto;
		overflow-y:unset;
		}
	}
	.color-red{
		color:#bd1521 !important;
		}
	a:hover{
		text-decoration:underline;
		}
	.color-grey{
		color:#565655;
		}
	.color-lgrey{
		color:#a5a5a5;
		}
	.color-dgrey{
		color:#707070;
		}
	.info-padding{
		padding:4px !important;
		}
	.info-padding-m{
		padding:6px !important;
		}
	.info-padding-l{
		padding:10px !important;
		}
	.info-padding-s{
		padding:1.5px !important;
		}
	.link-utils{
		text-decoration:none;
		color:#88888f;
		fill:#88888f;
		}
	.link-utils svg{
		height:80px;
		}
	.link-utils path{
		fill:#88888f;
		}
	.link-utils:hover{
		color:#bd1521;
		fill:#bd1521;
		}
	.link-utils:hover path{
		fill:#bd1521 !important;
		}
	.link-utils2{
		text-decoration:none;
		color:#565655;
		}
	.link-utils2:hover{
		color:#bd1521;
		}
	.gototop{
		width:auto;
		height:auto;
		position:fixed;
		z-index:10999;
		opacity:0.6;
		top:80%;
		right:0;
		color:#bd1521;
		}
	.div-margin-responsive{
		margin-left:20px !important;
		margin-right:20px !important;
		}
	.hr-responsive{
		display:none;
		}
	@media (max-width : 991px) {
		.div-margin-responsive{
		margin-left:0 !important;
		margin-right:0 !important;
		}
		.hr-responsive{
			display:inherit;
			}
	}
	.div-nome-uff{
		margin-left:10px !important;
		padding-top:20px
		}
	@media (max-width : 990px) {
		.div-nome-uff{
		margin:0px !important;
		}
	}
	#page{
		position:fixed;
		left:100%
	}

	.image-dep{
		margin-left:15px;
		min-height:200px;
		min-width:165px;
		}
	.image-amm{
		max-width:150px;
		max-height:150px;
		}
	.image-amm img{
		border-radius:80px;
		border:solid 1px #bd1521;
		margin-left:15px;
		min-height:150px;
		min-width:150px;
		}
	 .info-amm{
		 margin-left:20px;
		 margin-top:0;
		 }
	@media (max-width : 391px) {
		.info-amm{
		 margin-left:0px;
		 margin-top:20px;
		 }
	}
	.custom-select:focus{
		border-color:#bd1521 !important;
		box-shadow:0 0 0 0.1rem #bd1521 !important;
		}
	.info-background{
		background:#f6f6f6;
		}
	.info-margin-right{
		margin-right:3px;
		}
	@media (max-width : 285px) {
		.info-margin-right{
		 margin:0px;
		 }
	}
	.info-value{
		text-align:right;
		font-size:13px;
		}
	@media (max-width : 768px) {
		.spesa-map{
		 margin-top:40px;
		 }
	}
	@media (max-width : 768px) {
		.pagination-responsive{
		 display:none;
		 }
	}
	.bg-red{
		background:#bd1521;
		}
	.bg-grey{
		background:#f4f4f4;
		}
	.bg-lgrey{
		background:#F7F7F7;
		}
	.button-transparent{
		background:transparent !important;
		border:none !important;
		}
	.button-transparent:focus{
		outline:none !important;
		}
	.page-item.active .page-link{
		background-color:#bd1521 !important;
		border-color:#bd1521 !important;
		color:white !important;
		}
	#open-map-aziende{
		width:100%;
		height:450px;
		}
	#open-map-aziende .olAlphaImg{
		width:20px !important;
		height:25px !important;
	}
	.unioni path{
		fill:#f4f4f4;
		stroke:#ccc;
		}
	.unioni path:hover{
		fill:#f9f9f9;
		}
	#OpenLayers_Control_Attribution_7{
		top:430px;
		}
	.button-form{
		float:right;
		margin-top:10px;
		}
.popupsugg{
	display:none;
	width:500px;
	position:absolute;
	border:#ccc solid 1px;
	background:#ffffff;
	color:#000000;
	padding:10px;
	border-radius:5px;
	top:148px;
	z-index:1000;
	}
ul{
	list-style-type: none;
	}
.menu-resp-sugg{
	width:100%;
	color:#565655;
	border: 1px solid rgba(0,0,0,.125);
	border-radius:0.25rem;
	background-color:#0080004d;
	padding:2px;
	text-align:left;
	margin-top:20%;	
	float:left;		
}
.menu-resp-sugg:hover{
	width:100%;
	color:white;
	border: 1px solid rgba(0,0,0,.125);
	border-radius:0.25rem;
	background-color:green;
	padding:2px;
	text-align:left;
	
}
.menu-resp-cond{
	width:100%;
	color:#565655;
	border: 1px solid rgba(0,0,0,.125);
	border-radius:0.25rem;
	background-color:#0080004d;
	padding:2px;
	text-align:left;
	margin-top:2px;	
	float:left;	
}
.menu-resp-cond:hover{
	width:100%;
	color:white;
	border: 1px solid rgba(0,0,0,.125);
	border-radius:0.25rem;
	background-color:green;
	padding:2px;
	text-align:left;	
}
.suggbox-resp{
	display:inherit !important;
	top:15%;
	z-index:2051;
	position:fixed;
	width:96%;
	right:2% !important;
}
.sen_link {
	padding: 4px 0;
}
.sen_link a{
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
}
.sen_link a:hover{
	color:#bd1521;
}
.istituzioni{
	margin:  8px;
	box-shadow: 5px 5px 3px #dedede;
}
.istituzioni:hover{
	box-shadow: 10px 10px 5px #ccc;
}



/*--------------------------Responsive------------------------------*/

.head-lables {
  font-size: 1.2rem !important;
  color:#bd1521 ;
}
.lables{
  font-size: 1rem !important;
  color:#bd1521 ;
}
.linkpage{
  font-size: 11px !important;
}

.hide-resp{
  display:block;
}
.lable-responsive{
	display:none;
}
@media (min-width : 391px) {
  .head-lables {
    font-size: 1.6rem !important;
    color:#bd1521 ;
  }
  .lables{
    font-size: 1.2rem !important;
    color:#bd1521 ;
  }
  .linkpage{
    font-size: 13px !important;
  }
}

@media (max-width : 640px) {
  .hide-resp{
	display:none;
  }
}
@media (min-width : 575px) {
	.lable-responsive{
		display:inline;
	}	
}
@media (min-width : 768px) {
  .head-lables {
    font-size: 1.8rem !important;
    color:#bd1521 ;
  }
  .lables{
    font-size: 1.4rem !important;
    color:#bd1521 ;
  }
  .linkpage{
    font-size: 14px !important;
  }
}

@media (min-width : 992px) {
  .head-lables {
    font-size: 2rem !important;
    color:#bd1521 ;
  }
  .lables{
    font-size: 1.6rem !important;
    color:#bd1521 ;
  }
  .linkpage{
    font-size: 16px !important;
  }
}

/*-----------------------------------------------------------------*/