body{
	background: #ffffff;
	color: #58595b
}
#header {
	position: fixed;
	top: 0; left: 0;
	z-index: 9000;
	width: 100%;
	background: #ffffff;
	-webkit-transition: background 0.3s;
	transition: background 0.3s
}
.logonasc, .logoheader{ width: 90% }
.logoheader {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s
}
.logoheaderm {
	position: absolute;
	pointer-events: none;
	width: 90%
}
.logovis { opacity: 1 }
.voci {
	display: inline-block;
	margin-left: 40px;
	position: relative
}
#voce0 { margin-left:0 }
.barretta {
	position: absolute;
	bottom: 0;
	width: 0;
	height: 2px;
	-webkit-transition: width 0.3s;
	transition: width 0.3s
}
.voci:hover > .barretta { width: 30px }
.barbianca { background: #C1C1C1 !important }
.barnera { background: #58595b !important }
.barfissa { width: 30px !important }


#burger, #burgerm {
	display: inline-block;
	position: relative;
    width: 50px
}
#burger div, #burgerm div {
    height: 4px;
	width: 100%;
    background: #C1C1C1
}
#bu2, #bu2m { margin: 5px 0 5px }


#grad {
	position: absolute;
	height: 200px;
	width: 100%;
	z-index: 5;
	pointer-events: none;
	top: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s
}

#menu { 
	display: none;
	position: fixed;
	z-index: 9500;
	top: 0; left: -50px;
	width: calc(100vw + 100px);
	height: 100%;
	font-size: 2.11rem;
	color: #ffffff;
	background: #58595b;
	overflow-y: scroll
}
#header2 {
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	z-index: 9600;
	background: #58595b
}
#contMenu { z-index: 20 }


.bianco_c{color:#ffffff}
.bianco_b{background:#ffffff}

.grigio_c{color:#FAF7FA}
.grigio_b{background:#FAF7FA}

.link_bianco_grigioScuro:link{text-decoration:none;color:#ffffff}
.link_bianco_grigioScuro:hover{text-decoration:none;color:#C1C1C1 !important}
.link_bianco_grigioScuro:active{text-decoration:none;color:#ffffff}
.link_bianco_grigioScuro:visited{text-decoration:none;color:#ffffff}


.link_nero_grigioScuro:link{text-decoration:none;color:#58595b}
.link_nero_grigioScuro:hover{text-decoration:none;color:#C1C1C1 !important}
.link_nero_grigioScuro:active{text-decoration:none;color:#58595b}
.link_nero_grigioScuro:visited{text-decoration:none;color:#58595b}

.link_grigioScuro:link{text-decoration:none;color:#C1C1C1}
.link_grigioScuro:hover{text-decoration:none;color:#C1C1C1}
.link_grigioScuro:active{text-decoration:none;color:#C1C1C1}
.link_grigioScuro:visited{text-decoration:none;color:#C1C1C1}

/* *[aria-label] { background-color: rgba(255,0,0,0.2) !important } */


.form input {
	width: 100%;
	padding: 8px 20px 8px 20px;
	background: transparent;
	border: 1px solid #C0C0C0
}
#priv {
	position: relative;
	background: transparent;
	width: 18px;
	height: 18px;
	border: 1px solid #C0C0C0;
	margin: 0 15px 0 0
}
#priv div {
	opacity: 0;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 12px;
	height: 12px;
	background: #C0C0C0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s
}
#dicitura { font-size: 12px }
#cLoader {
	display: none;
	position: fixed;
	z-index: 9999999999;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(255,255,255,0.95)
}
li::marker { color: #58595b }

#logofooter { width: 38% }
.icosocial {
	display: inline-block;
	height: 17px
}
.icofreccina {
	display: inline-block;
	height: 10px
}
.marginDxPuls { margin-right: 10px }
.marginSxPuls { margin-left: 12px }

.div_img {
    -webkit-transition:opacity 1.2s;
    transition:opacity 1.2s
}
#topSlider { 
	height: calc(100vw / 1.67);
	max-height: 900px;
	min-height: 250px
}
#img_0 { opacity: 1 }

.puls {
	display: inline-block;
	line-height: 1;
	padding-bottom: 3px;
	border-bottom: 1px solid #58595b
}
.borBottom { border-bottom: 1px solid #58595b }

@media screen and (max-width:599px){
	#burger, #burgerm { width: 45px }
	#logofooter { width: 120px }
	.cent {
		text-align:center;
		justify-content:center
	}
	.no1199{display:none}
}
@media screen and (max-width:414px){
	.logonasc, .logoheader, .logoheaderm { width: 100% }
}
@media screen and (max-width:320px){

}
@media screen and (min-width:600px) and (max-width:767px){
	#logofooter { width: 20% }
	.no1199{display:none}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.logonasc, .logoheader { width: 100% }
	.voci { margin-left: 19px }
	.voci:hover > .barretta { width: 22px }
	.barfissa { width: 22px !important }
	#logofooter { width: 80% }
	.no1199{display:none}
}
@media screen and (min-width:1024px) and (max-width:1199px){
	.voci { margin-left: 30px }
	.voci:hover > .barretta { width: 26px }
	.barfissa { width: 26px !important }
	#logofooter { width: 45% }
	.no1199{display:none}
}
@media screen and (min-width:1200px) and (max-width:1439px){
	.voci { margin-left: 35px }
	.voci:hover > .barretta { width: 28px }
	.barfissa { width: 28px !important }
	#logofooter { width: 45% }
}