body{margin-top:0px;margin:0px;padding:0px;}

.top-header {background:#004082; height:30px; width:100%; position: fixed; top:0px; left:0px; z-index:10000;}

.contatti-header {width:60px; height:30px; position:absolute; right:2.5%; top:0px;}

header {background:#fff; height:120px; width:100%; position: fixed; top:30px; left:0px; z-index:10000;}
.header-centrato {width:100%; height:120px; margin:0 auto; padding:0px; position: relative;}
.position-logo {width:310px; height:auto; position: absolute; margin-left:50%; left:-155px; top:20px; z-index:100000000;}
.distanziatore-header {width:100%; height:150px; clear: both;}

.box-menu {width:500px; height:65px; background-color:rgba(255, 255, 255, 0.95); position: absolute; left:-250px; margin-left:50%; top:0px; border-bottom:1px solid #223555; z-index:4;}

.menu-desktop {display: block; width:374px; margin: 0 auto; padding: 0px; padding-top:22px;}

.menu-mobile {display:none;}
		
.banner-desktop {width:100%; height:auto; position: relative; display: block;}

.banner-mobile {display: none;}

.img-banner-desktop {display:block;}

.img-banner-mobile {display:none;}

.container-monti-erre-100 {width:100%; height:auto; margin:0 auto; padding:0px;}

.content-monti-erre-1140 {width:1140px; height:auto; margin:0 auto; padding:0px;}

.h1-monti-erre {font-family: 'Jost', sans-serif; font-size: 45px; font-style: normal; font-weight: 700; line-height: 45px; letter-spacing: 1px; text-align: left; color:#009fe3; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:65px; padding-bottom:25px;}
	
.p-monti-erre {font-family: 'Manrope', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: -0.01em; text-align: left; color:#505050; padding:0px; margin:0px; margin:0 auto; padding:0px; width:100%; padding-bottom:80px;}

.p-monti-erre span {font-weight: 700;}

.citazione-monti-erre {font-family: 'Manrope', sans-serif; font-size: 24px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: -0.01em; text-align: center; color:#505050; padding:0px; margin:0px; margin:0 auto; padding:0px; width:100%; padding-bottom:80px;}

.citazione-monti-erre span {font-weight: 700;}

.colonna-50 {width:48%; margin:1%; float:left;}

.box-title-servizi-bg {position: absolute; width: 50%; height: 100%; right: 0px; background: rgba(0, 64, 130, 0.8); z-index: 1; top: 0px;}

.h3-monti-erre {font-family: 'Manrope', sans-serif; font-size: 35px; font-style: normal; font-weight: 700; line-height: 35px; letter-spacing: 0em; text-align: center; color: #fff; padding: 0px; margin: 0px; margin: 0 auto; padding: 0px; padding-top: 0px; padding-bottom: 25px;}

.a-monti-erre-servizi {font-family: 'Manrope', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: center; color:#fff; margin:0px;  margin:0 auto; padding:10px; border:1px solid #fff; margin-bottom:50px; background-color: transparent; margin-bottom:0px; margin-top:0px; cursor: pointer;}

.a-monti-erre-servizi:hover {font-family: 'Manrope', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: center; color:#fff; margin:0px;  margin:0 auto; padding:10px; border:1px solid #fff; margin-bottom:50px; background: #0090FF; margin-bottom:0px; margin-top:0px; cursor: pointer;}

.h1-monti-erre a {font-family: 'Jost', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 45px; letter-spacing: 1px; text-align: left; color:#009fe3; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:65px; padding-bottom:25px;}

.h1-monti-erre a:hover {font-family: 'Jost', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 45px; letter-spacing: 1px; text-align: left; color:#fff; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:65px; padding-bottom:25px; background:#0090FF;}

.h3-servizi {font-family: 'Manrope', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 29px; letter-spacing: 0em; text-align: left; margin:0px; padding:0px; padding-left:0px; padding-bottom:0px;}

.distanziatore-elenco-puntato {width:100%; height:0px; clear: both;}

.colonna-sx-servizi {width:50%; float:left;}

.colonna-dx-servizi {width:45%; padding-left:5%; float:right;}

/* inizio footer */
footer {width:100%; height:auto; background:#004082; margin-top:-5px;}
		
.footer-center {width:1130px; height:auto; margin:0 auto; padding:0px; padding-top:20px; padding-bottom:20px; position: relative;}

.colonna-33-footer {float:left; padding-top:28px;}

.first {width:33.3%;} .second {width:30%; margin-left:1.5%; margin-right:1.5%;} .third {width:33.3%;} 
		
.colonna-33-footer h3 {font-family: 'Manrope', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 23px; letter-spacing: 0em; text-align: left; padding:0px; margin:0px; color:#ffffff;}
		
.colonna-33-footer p {font-family: 'Manrope', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 23px; letter-spacing: 0em; text-align: left; padding:0px; margin:0px; color:#ffffff;}
        
.colonna-33-footer a {font-family: 'Manrope', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: 0em; text-align: left; text-decoration: none; color:#ffffff;}

 .distanziatore-contatti-footer {width:100%; height:2px; clear: both;}

/* contatti */

.margin-contatti {width: auto; margin-left: 0px;}

#padding-contatti {padding:80px 0px; margin-top:120px;}

#padding-mappa {padding:80px 0px;}

.h3-contatti {font-family: 'Manrope', sans-serif; font-size: 25px; font-style: normal; font-weight: 400;
    line-height: 28px; letter-spacing: 0em; text-align: left; margin: 0px; padding: 0px; color: #505050;
    padding-left: 20px;}

.h3-contatti a {font-family: 'Manrope', sans-serif; font-size: 25px; font-style: normal; font-weight: 400;
    line-height: 28px; color: #505050;}

.torna-su {float: right; padding-top: 0px; position: absolute; right: -50px;}

.disable-br {display:inline;}

@media only screen and (max-width:1140px){
	
.content-monti-erre-1140 {width:90%;}
	
.content-cb-1140 {width:95%;}
	
.footer-center {width:95%;}
	
}

@media only screen and (max-width:900px){
.colonna-50 {width:100%; margin:0%; float:left;}

.colonna-sx-servizi {width:100%; float:none;}

.colonna-dx-servizi {width:100%; padding-left:0%; float:none;}
	
.colonna-33-footer {float:none; padding-top:28px;}
	
.first {width:33%;} .second {width:100%; margin-left:0%; margin-right:0%;} .third {width:100%;}

#padding-contatti {padding:40px 0px; margin-top:0px;}
	
#padding-mappa {padding:40px 0px; padding-top:0px;}

}

@media only screen and (max-width:805px){
.disable-br {display:none;}
}

@media only screen and (max-width:700px){
.first {width:50%;}
}

@media only screen and (max-width:480px){
.banner-desktop {display: none;}
.banner-mobile {width:100%; height:auto; position: relative; display: block;}
	
.h3-servizi {font-size: 18px;}
.distanziatore-elenco-puntato {width:100%; height:20px; clear: both;}
}

@media only screen and (max-width:426px){
.h3-contatti {font-size: 22px;}

.h3-contatti a {font-size: 22px;}

}

@media only screen and (max-width:360px){
.h3-contatti {font-size: 20px;}

.h3-contatti a {font-size: 20px;}

}