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

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

.top-header-centrato {width:1440px; height:30px; margin:0 auto; padding:0px; position: relative;}

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

nav {width:430px; height:30px; position:absolute; right:2.5%; top:55px;}

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

.banner-mobile {width:100%; height:auto; clear:both; display:block; position: relative; overflow:hidden; display: none;}

.box-testo-banner {width:90%; height:auto; position: absolute; left:5%; top:40%; z-index:1; /*background:url('../img/bg-title-banner.png'); background-repeat: repeat;*/}

.h1-banner-pertusio {font-family: 'Open Sans', sans-serif;  font-size: 70px; font-style: normal; font-weight: 400; line-height: 50px; letter-spacing: 0em; text-align: center; color:#fadf5c; margin:0px; padding:20px 0px;}
	
.contatti-header {width:500px; height:30px; position:absolute; right:95px; top:0px;}
	
.link-contatti-header {font-size:19px; line-height:30px; font-weight:500; padding:0px; color:#fff; font-family: 'Open Sans', sans-serif; text-decoration: none;}
	

.h2-pertusio {font-family: 'Open Sans', sans-serif; font-size: 45px; font-style: normal; font-weight: 700; line-height: 45px; letter-spacing: 0em; text-align: left; color:#fadf5c; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:65px; padding-bottom:25px;}
	
.selettore-pertusio {width: 33px; height: 33px; background: /*#f7dc25*/ #fadf5c; margin-top: 6px; margin-right: 10px; float: left; border-radius: 16px;}

.separatore-azienda {width:274px; height:5px; background:#000; margin-top:0px; margin-bottom:57px; margin-left:0px;}
	
.selettore-azienda {width:31px; height:5px; border-right:4px solid #fff; background:#fadf5c;}


  .p-pertusio {font-family: 'Open Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: -0.01em; text-align: left; color:#000; padding:0px; margin:0px; margin:0 auto; padding:0px; width:100%; padding-bottom:80px;}

   .link-home {font-family: 'Open Sans', sans-serif; font-size: 26px; font-style: normal; font-weight: 700; letter-spacing: 0em;  line-height:57px; background:#0cc0cb; color:#fff; width:400px; height:57px; text-align:center; margin-left:70px;margin-bottom:117px;}

   .link-home a {font-family: 'Open Sans', sans-serif; font-size: 26px; font-style: normal; font-weight: 700; letter-spacing: 0em;  color:#fff; text-decoration:none; display: block;}

   .link-home:hover {background:#505050;}
	
   .h3-servizi {font-family: 'Open Sans', sans-serif; font-size: 23px; font-style: normal; font-weight: 400; line-height: 28px; letter-spacing: 0em; text-align: left; margin: 0px; padding: 0px; padding-left:70px; padding-bottom: 43px; color:#fff;}
	
   .colonna-50 {width:50%; height:auto; float:left;}

   .colonna-attestazione-50 {width:50%; height:auto; float:left;}

   .padding-logo-attestazione {text-align: center; padding-top:120px;}

   .width-logo-attestazione {width:400px;}

   .logo-mobile-attestazione {display:none;}

   .position-box-servizi-home {position: absolute; z-index: 1; width: 500px; background:#fadf5c; top:0px; height:366px; left:auto; background-repeat: repeat;}

   .postion-titolo-servizi {color: #fff; width: auto; margin-left: 5%; font-size: 60px; line-height: 60px; padding-top:130px;}

   .img-servizi-home {width:760px; float: right;}

   .br-servizi {display:none;}

   .h1-pertusio {
    font-family: 'Open Sans', sans-serif; font-size: 45px; font-style: normal; font-weight: 700; line-height: 45px; letter-spacing: 0em; text-align: left; color: #000; padding: 0px; margin: 0px; width: 95%; margin: 0 auto; padding: 0px; padding-top: 130px; padding-bottom: 25px; padding-left:2.5%;}
   
   .link-servizi {width: auto; height: 50px; float: left; margin-left: 5%; font-family: 'Open Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 50px; letter-spacing: -0.01em; text-align: left; color: #fff; background: #000; padding-left: 20px; padding-right: 20px;}

   .link-servizi a {font-family: 'Roboto', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 50px; letter-spacing: -0.01em; color: #fff; padding-left: 20px; padding-right: 20px; text-align: center; text-decoration: none; display: block;}

   .link-servizi:hover {background:#fff;} 

   .link-servizi:hover a {color:#000;}

   .position-cert-cqop {width:19%; float:left; margin-left:3.5%; padding-top:90px; padding-bottom:30px;}

  .position-cert-9100 {width:15%; margin-left:20%; margin-right:20%; float:left; padding-top:30px; padding-bottom:30px;}

  .position-cert-f-gas {width:15%; float:left; margin-right:7.5%; padding-top:30px; padding-bottom:30px;}

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

.dimensioni-logo-footer {width:257px; height:auto; float:left;}

.colonna-33-footer {/**/float:left; padding-top:0px;}

.first {width:300px;} .second {width:420px;} .third {width:270px;} 

.colonna-33-footer h3 {font-family: 'Open Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 23px; letter-spacing: 0em; text-align: center; padding:0px; margin:0px; color:#ffffff;}

.colonna-33-footer p {font-family: 'Open Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 23px; letter-spacing: 0em; text-align: center; padding:0px; margin:0px; color:#ffffff;}

.colonna-33-footer a {font-family: 'Open Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: 0em; text-align: center; text-decoration: none; color:#ffffff;}

.attiva-a-capo {display:none;}

.disable-trattino  {display:inline;}

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

.box-title-servizi {width:90%; height:auto; position: absolute; left:5%; top:45%; z-index:1; background:url('../img/bg-title-banner.png'); background-repeat: repeat;}


/* fine footer */

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

.content-pertusio-1140 {width:1140px; height:auto; margin:0 auto; padding:0px;}
	
.h3-contatti  {font-family: 'Open Sans', 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: 'Open Sans', 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;  text-decoration: none;}


/* box servizi home */



/* contatti */

.colonna-50-contatti {width:50%; float:left; height:auto; margin:65px 0px;}

.colonna-sx-contatti {width:49%; height:auto; float:left;}

.colonna-dx-contatti {width:49%; height:auto; float:left; margin-left:2%;}

.h1-pertusio-contatti {font-family: 'Open Sans', sans-serif; font-size: 45px; font-style: normal; font-weight: 700; line-height: 45px; letter-spacing: 0em; text-align: left; color:#fadf5c; padding:0px; margin:0px; width:95%; margin:0 auto; padding:0px; padding-top:5px; padding-bottom:25px; margin-left:5%;}

.p-pertusio-contatti {font-family: 'Open Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: -0.01em; text-align: left; color:#000; padding:0px; margin:0px; margin:0 auto; padding:0px; width:auto; padding-bottom:80px; margin-left:5%;}

.colonna-50-contatti a {font-family: 'Open Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: -0.01em; text-align: left; color:#000; padding:0px; margin:0px; margin:0 auto; padding:0px; width:auto; padding-bottom:80px; text-decoration:none;}

.p-pertusio-contatti {font-family: 'Open Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: -0.01em; text-align: left; color:#000; padding:0px; margin:0px; margin:0 auto; padding:0px; width:auto; padding-bottom:40px;}

.p-pertusio-contatti a {font-family: 'Open Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: -0.01em; text-align: left; color:#000;}

.icona-sede-legale {float:left; padding-right:12px; width:40px; padding-top:0px;}

.icona-telefono-contatti {float:left; padding-right:15px; width:30px;}

.icona-mobile-contatti {float:left; padding-right:15px; width:40px; padding-top:0px;}

.icona-mail-contatti {float:left; padding-right:15px; width:30px; padding-top: 8px;}

.h3-servizi {font-family: 'Open Sans', sans-serif; font-size: 23px; font-style: normal; font-weight: 400; line-height: 28px; letter-spacing: 0em; text-align: left; margin:0px; padding:0px; padding-left:122px; padding-bottom:33px; color: #505050;}

.colonna-45-servizi {width:45%; float:left; position: relative; margin-left:2.5%; margin-right:2.5%;}

.colonna-95-servizi {width:95%; float:left; position: relative; margin-left:2.5%; margin-right:2.5%;}

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

.br-contatti {display:none;}

#puntatore-1 {float:left; padding-bottom:20px; height:30px; padding-right:10px;}

#puntatore-2 {float:left; padding-bottom:20px; height:30px; padding-right:10px;}

#puntatore-3 {float:left; padding-bottom:20px; height:30px; padding-right:10px;}

#puntatore-4 {float:left; padding-bottom:20px; height:30px; padding-right:10px;}

#puntatore-5 {float:left; padding-bottom:20px; height:30px; padding-right:10px;}

#puntatore-6 {float:left; padding-bottom:20px; height:30px; padding-right:10px;}

#puntatore-7 {float:left; padding-bottom:20px; height:30px; padding-right:10px;}

#puntatore-8 {float:left; padding-bottom:20px; height:30px; padding-right:10px;}

#puntatore-9 {float:left; padding-bottom:20px; height:30px; padding-right:10px;}

@media only screen and (max-width:1440px){

.top-header-centrato {width:100%;}
.header-centrato {width:100%;}
	
.position-logo {width:354px; left:2.5%;}

nav {right:2.5%;}
	
.box-testo-banner {top:30%;}
	
.box-title-servizi {top:40%;}

.torna-su {right:0px;}
	
}

@media only screen and (max-width:1140px){
	
.box-title-servizi {top:35%;}

.content-pertusio-1140 {width:95%;}
	
.h2-pertusio {width:100%;}
	
.p-pertusio {width:100%; padding-bottom:80px;}

.separatore-azienda {margin-left:0px;}
	
.footer-center {width:95%;}
	
.torna-su {right:0px;}
	
.first {width:33.3%;} .second {width:33.3%;} .third {width:33.3%;}
	
.title-servizi-lavori {font-size: 18px;}
	
.position-box-servizi-home {width: 400px; height:366px; left:2.5%; }

   .postion-titolo-servizi {margin-left: 2.5%; font-size: 50px; line-height: 50px; padding-top:130px;}

   .img-servizi-home {width:760px; float: right;}
}

@media only screen and (max-width:992px){
	
.box-testo-banner {top:25%;}
	
.box-title-servizi {top:30%;}
	
.h2-pertusio {font-size: 38px; line-height: 30px;}
	
.separatore-azienda {margin-bottom:40px;}
	
.width-logo-attestazione {width:90%;}
	
.logo-mobile-attestazione {display:none;}
	
.padding-logo-attestazione {text-align: center; padding-top:150px;}
	
.colonna-33-footer p {font-size:16px;}  .colonna-33-footer a {font-size:16px;}
	
.first {width:40%;} .second {width:40%;} .third {width:20%;}
	
.title-servizi-lavori {font-size: 18px;}
	
/* contatti */
.colonna-50-contatti {width:100%; float:none; height:auto; margin:65px 0px;}
	
}

@media only screen and (max-width:980px){

.menu-desktop {display:none;}
			
.menu-mobile {display:block; width: 95%; position: absolute; top: 40px; right: 2.5%;}
	
.position-cert-cqop {padding-top:70px;}
	
}

@media only screen and (max-width:767px){

.padding-logo-attestazione {text-align: center; padding-top:0px;}
	
.disattiva-logo-desktop {display:none;}
	
.logo-mobile-attestazione {display:block; width:60%; margin-left:20%; margin-top:-30px; padding-bottom:50px;}
	
/*.colonna-50 {width:100%; height:auto; float:none;}*/
	
.colonna-attestazione-50  {width:100%; height:auto; float:none;}
	
.colonna-45-servizi {width:95%; float:none; position: relative; margin-left:2.5%; margin-right:2.5%; margin-bottom:50px;}

.colonna-95-servizi {width:95%; float:none; position: relative; margin-left:2.5%; margin-right:2.5%;}

.first {width:48%;} .second {width:48%;} .third {width:20%; display:none;}

.colonna-sx-contatti {width:95%; height:auto; margin-left:2.5%; float:none;}

.colonna-dx-contatti {width:95%; height:auto; float:none; margin-left:2.5%; margin-top:20px;}
	
.position-box-servizi-home {width: 350px; height:366px; left:2.5%; }

   .postion-titolo-servizi {margin-left: 2.5%; font-size: 40px; line-height: 40px; padding-top:130px;}
}



@media only screen and (max-width:600px){

.h1-banner-pertusio {font-size:38px; line-height:40px;}
	
.logo-mobile-attestazione {width:90%; margin-left:5%;}

.first {width:100%; margin-bottom:30px;} .second {width:100%; margin-bottom:10px;} .third {width:100%; display: none;}
	
.h2-pertusio {font-size:30px;}
	
	.margin-contatti-foto {margin-top:0px;}
	
.position-box-servizi-home {width: 250px; height:366px; left:2.5%; }

 .postion-titolo-servizi {margin-left: 2.5%; font-size: 40px; line-height: 40px; padding-top:130px;}
	
	.br-servizi {display:inline;}
}

@media only screen and (max-width:480px){
	
.position-logo {width:200px; top: 10px;}
	
.h1-banner-pertusio {font-size:30px; line-height:30px;}
	
.banner-desktop {display: none;}

.banner-mobile {width:100%; height:auto; clear:both; display:block; position: relative; overflow:hidden; display: block;}
	
.p-pertusio-contatti {font-size: 16px;}

.colonna-50-contatti a {font-size: 16px;}
	
.position-box-servizi-home {width: 95%; height:183px; left:2.5%; }

 .postion-titolo-servizi {margin-left: 2.5%; font-size: 40px; line-height: 40px; padding-top:35px;}
	
	.br-servizi {display:none;}
	
.position-cert-cqop {padding-top: 60px;}
	
#puntatore-1 {float:left; padding-bottom:20px; height:30px; padding-right:10px;}

#puntatore-2 {float:left; padding-bottom:20px; height:30px; padding-right:10px;}

#puntatore-3 {float:left; padding-bottom:40px; height:30px; padding-right:10px;}

#puntatore-4 {float:left; padding-bottom:80px; height:30px; padding-right:10px;}

#puntatore-5 {float:left; padding-bottom:40px; height:30px; padding-right:10px;}

#puntatore-6 {float:left; padding-bottom:40px; height:30px; padding-right:10px;}

#puntatore-7 {float:left; padding-bottom:40px; height:30px; padding-right:10px;}

#puntatore-8 {float:left; padding-bottom:40px; height:30px; padding-right:10px;}

#puntatore-9 {float:left; padding-bottom:40px; height:30px; padding-right:10px;}
	
}

@media only screen and (max-width:320px){
	.position-cornetta-header-mobile {display:none;}
	
	.title-servizi-lavori {font-size:12px;}
}