@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');


@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400');



body{  margin:0% 0% 0% 1%;}




	h1 { color:#fff; font-size:1.8em; font-family: 'Lato', sans-serif; font-weight:300; line-height:1em; margin:5px 15px 5px 5px; text-align:center; text-align:right; }
	h2 { color:#333; font-size:1.0em;font-family: 'Oxygen', sans-serif; font-weight:300;margin-bottom:5px; line-height:1.8em; text-align:justify; padding:4%; margin-left:-1%; }
	h3 { color:#333; font-size:0.6em;font-family: 'Oxygen', sans-serif; font-weight:300;margin-bottom:5px; line-height:1.8em; text-align:justify; padding:4%; margin-left:-1%; }

	h7 { color:#333; font-size:1.9em; font-family: 'Oxygen', sans-serif; font-weight:100; margin-bottom:5px; text-align:center; width:100%; position:relative; float:left; }
	

	/*HEADER*/		
	
	#topSX{ width: 50%; height:5px; float:left; position:relative;}
	#topDX{ width: 50%; height:5px; float:left; position:relative; background-color:#FF2E3D;}

	.header {width:101%; 	margin:0px auto;	 height:auto;	float:left; position:fixed; margin:0 1% 0% -1% ;	text-align:left;   z-index:444; background-image:url(img/style/bg-header.png);}

	#logo{ width:40%; float:left; position:relative; }
	#menu{width:60%; float:left; position:relative;  padding-top:75px;}
	.logo img {width:100%; max-width:600px;	margin:0px auto;	height:AUTO;	float:left;position:relative;	}

	

	.box {width:31%;	margin:0px auto;	height:AUTO;	min-height:225px;float:left;position:relative;	margin:2% 1% 0% 1% ;	text-align:left; box-shadow: 2px 1px 2px 2px #c1c1c1; }
	.box img {	width:100%;	height:AUTO; margin-bottom:5px; }		
	.box a { text-decoration:none; color:#Fff; }
	.box a:hover { text-decoration: underline; color:#FFF;}

	
	#caldaie{ background-image:url(img/assistenza-installazione-caldaie.jpg); background-position: top; background-attachment: inherit;  background-repeat: repeat-x; }	
	#condizionatori{ background-image:url(img/assistenza-installazione-condizionatori.jpg); background-position: top; background-attachment: inherit;  background-repeat: repeat-x;}	
	#pannellisolari{ background-image:url(img/assistenza-installazione-pannelli-solari.jpg); background-position: top; background-attachment: inherit;  background-repeat: repeat-x;}	
	#lavaggioimpianti{ background-image:url(img/lavaggio-impianti.jpg); background-position: top; background-attachment: inherit;  background-repeat: repeat-x;}	
	#fughegas{ background-image:url(img/ricerca-verifiche-fughe-gas.jpg); background-position: top; background-attachment: inherit;  background-repeat: repeat-x;}	
	#cannefumarie{ background-image:url(img/ispezione-canne-fumarie-camini.jpg); background-position: top; background-attachment: inherit;  background-repeat: repeat-x;}	

	
	#title { width:96%; margin-left:2%; margin-top:10%;  height:auto; min-height:35px; text-align:center; padding:2%; color:#FFF;font-size:2em; line-height: 1em;  font-family: 'Lato', sans-serif; font-weight:300;  }

	
	
	.marchi {	width:99%; margin:0px auto;	min-height:150px;	margin-top:30px;	height:auto;  position:relative; float:left; border-bottom:#CCC solid 1px;  border-top:#CCC solid 1px; padding-bottom:15px; padding-top:50px; margin-bottom:15px; background-color:#FFF; }
	.marchi img {	width:10%; margin:0px auto; margin-left:1%;		height:auto;  position:relative; float:left; }



	.news{	width:65%;	margin:0px auto; 	min-height:400px;	background-color:#fff;	 position:relative; float:left; margin-top:30px; text-align:center;}
		
	.news-dt {min-height:175px; float:left; position:relative;}
	.lnk {color: #277BC4;}


	.newsletter{	width:34%;	margin:0px auto;	min-height:360px;	  position:relative; float:left; margin-top:30px; text-align:center;}
	.newsletter img{	width:80%;	margin-left:10%; height:auto;	  position:relative; float:left; text-align:center; }
	.form-newsletter	{height:30px; width:100%; margin-left:0; border-radius: 20px;  padding:0px;	 color:#111; font-family: 'Oswald', sans-serif;font-size:1.3em; font-weight:100;text-align:center;  background-color:#FFF; }



	.infosocial{	width:100%;	margin:0px auto;	min-height:360px;	  position:relative; float:left; margin-top:30px;
					background: -webkit-gradient(linear, left top, left bottom, from(#000033), to(#003366));
					background: -webkit-linear-gradient(top,  #000033, #003366);
					background: -moz-linear-gradient(top,  #000033, #003366);
					background: -ms-linear-gradient(top,  #000033, #003366);
					background: -o-linear-gradient(top,  #000033, #003366);
				}
				
			#infosocial-SX{	width:60%;	margin:0px auto;	min-height:360px;	  position:relative; float:left; margin-top:30px;  color:#FFF; text-align:center;}	
			#infosocial-DX{	width:40%;	margin:0px auto;	min-height:360px;	  position:relative; float:left; margin-top:30px; }
			
						#infosocial-SX a{	 color:#FFF; font-size:0.8em; }	

			
	 .form	{height:30px; border-radius: 20px; border-style:solid; border-width:thin; padding:0px;	margin:3px; color:#111; font-family: 'Oxygen', sans-serif; font-weight:300;  font-size:1.0em; text-align:center; color:#999; }
	.areatesto {	border-radius: 30px; width:55%;	height:100px;	margin-top:0px;	color: #666;	padding:10px;	font-size:0.9em;	font-family: 'Open Sans Condensed', sans-serif;	border:0; text-align:left; border:1px; border-style:solid; border-bottom-width:thin;}
	
	#submit {
		font-family: 'Oswald', sans-serif;
		background: -webkit-gradient(linear, left top, left bottom, from(#005BAA), to(#1088FF)); color: #fff;		font-weight: bold;		padding: 0;		border-radius: 30px; font-size:1.5em;		width:120px;	
		background: -webkit-linear-gradient(top, #139DD9,  #118AC0);
		background: -moz-linear-gradient(top,  #139DD9,  #118AC0);
		background: -ms-linear-gradient(top,  #139DD9,  #118AC0);
		background: -o-linear-gradient(top,  #139DD9,  #118AC0);
		}	


	.privacy {	width:90%;	height:auto; margin-top:10PX; max-height:85px;	padding:10px;	margin:0px auto;	font-size:10px;			line-height:12px;		overflow:scroll;	background-color: #000033;	text-align:justify; color:#CCC;  	}
			
			
		
		/*PAGINA*/		
		.pagina {width:101%; margin-left:-1%; margin-top:180px; height:auto; float:left; position: relative; background-image:url(img/style/bg-pagina.png); padding-bottom:20px; font-family: 'Oxygen', sans-serif;   }
		#pg-interna {  z-index:333; top:500px; margin-bottom: 50px; }
		.pagina ul li{ list-style: circle; margin-left:50px; margin-top:0px; 	}


	.pagina p { width: 90%; margin-left: 5%; color:#333; font-size:1.0em; line-height: 2.4em; font-family: 'Oxygen', sans-serif; font-weight:300;}
	/*.pagina a { color: #333; font-family: 'Oxygen', sans-serif; font-weight: 300}	
.pagina a:hover { text-decoration: none;}*/


a.linkBOX:link   {color: #111; font-family: 'Oxygen', sans-serif; font-weight: 400}
a.linkBOX:visited {color: #111; font-family: 'Oxygen', sans-serif; font-weight: 400}
a.linkBOX:hover {color:#2112C2; text-decoration: underline; font-family: 'Oxygen', sans-serif; font-weight: 400}

		
/*
	.pagina{ width:101%; margin-left:-1%; height:auto; float:left; position: relative;  z-index:333; top:655px; background-color:#698; padding:2%;	 }*/		
				
	#pg-caldaie{ width:101%; background-image:url(img/installazione-assistenza-caldaie.jpg); background-position: top; background-repeat: no-repeat; height:auto; height:425px; position:fixed;   float:left; margin-left:-1%; background-size: cover;   z-index:2222; top:300px; z-index:222; margin-top: 200px;  }
	
	#pg-azienda{	width: 101%;	background-image: url(img/copertine/gas-sicuro-assistenza-caldaie.jpg);	background-position: top; background-repeat: no-repeat; height:auto; height:425px; position:fixed;   float:left; margin-left:-1%; background-size: cover;   z-index:2222; top:250px; z-index:222;}
	
	#pg-condizionatori{ width:101%; background-image:url(img/copertine/installazione-assistenza-condizionatori-bologna-crevalcore-modena.jpg); background-position: top; background-repeat: no-repeat; height:auto; height:425px; position:fixed;   float:left; margin-left:-1%; background-size: cover;   z-index:2222; top:230px; z-index:222;  }
	
	#pg-fotovoltaico{ width:101%; background-image:url(img/copertine/installazione-assistenza-fotovoltaico-bologna-crevalcore-modena.jpg); background-position: top; background-repeat: no-repeat; height:auto; height:425px; position:fixed;   float:left; margin-left:-1%; background-size: cover;   z-index:2222; top:230px; z-index:222;  }
	
	#pg-fughegas{ width:101%; background-image: url(img/copertine/gas-sicuro-ricerca-fughe-gas.jpg); background-position: top; background-repeat: no-repeat; height:auto; height:425px; position:fixed;   float:left; margin-left:-1%; background-size: cover;   z-index:2222; top:230px; z-index:222;  }
		
	#pg-canne-fumarie{ width:101%; background-image: url(img/copertine/ispezione-camini-canne-fumarie.jpg); background-position: top; background-repeat: no-repeat; height:auto; height:425px; position:fixed;   float:left; margin-left:-1%; background-size: cover;   z-index:2222; top:230px; z-index:222;  }
		
	#pg-lavaggio{ width:101%; background-image:url(img/copertine/lavaggio-impianti-idraulici.jpg); background-position: top; background-repeat: no-repeat; height:auto; height:425px; position:fixed;   float:left; margin-left:-1%; background-size: cover;   z-index:2222; top:230px; z-index:222;  }
	
	#pg-contatti{ width:101%; background-image:url(img/mappa.png); background-position: top; background-repeat: no-repeat; height:auto; height:325px; position:fixed;   float:left; margin-left:-1%; background-size: cover;   z-index:2222; top:230px; z-index:222;  }
	
	.imgDX{ float:right; position:relative; width:auto; margin-left:10px; margin-bottom:10px;}
	.imgSX{ float:left; position:relative; width:auto; margin-right:10px; margin-bottom:10px;}
	.imgSX img{  box-shadow: 0px 0px 3px 4px #F1F1F1;}

		
	/*FOOTER*/
	
 	.footer {	width:100%;	margin:0px auto; min-height:100px;	padding:1% 1%;	margin-top:0px;	height:auto;	background-color:#139DD9; font-size:0.9em; line-height:1.4em; color:#fff;position:relative; float:left;		}
	.footer a{ color:#fff;}
		.footer2 a{ color:#fff;}

	#footerSX { width:48%;	 color:#333; font-size:1em; font-family: 'Oxygen', sans-serif; font-weight:300; margin-right:5PX; margin-top:0px;float:left; margin:1%; }
	#footerDX { width:48%;	font-size:1.0em; font-family: 'Oxygen', sans-serif; font-weight:300; float:right; margin:1%; text-align:right }
	#footerDX img { float:right; position:relative; margin-top:-5px; }

	#footerDX a { margin-top:15px; float:right; position:relative; margin-right:5px; color: #999; font-size:0.8em; font-family: 'Oxygen', sans-serif; font-weight:300; }
	#footerDX a:hover { color:#333; text-decoration:underline; }
	
 	.footer2 {	width:98%;	margin:0px auto; min-height:100px;	padding:1% 1%;	margin-top:0px;	height:auto;	background-color:#139DD9; font-size:0.9em; line-height:1.4em; color:#fff; position:relative; float:left;		}
	

	.chiusura2{ width:98%;	margin:0px auto; padding-bottom:5px;	margin-top:0px;	text-align: right; height:auto; padding-left: 1%; padding-right: 1%;	background-color:#333; position: relative; float:left;}
	.chiusura2 a { font-size: 0.6em; color: #fff; margin-bottom: 5px; font-weight: 100;		}
	.chiusura2 a:hover { text-decoration: underline; color: #41D4F3;	}


	.chiusura{ width:100%;	margin:0px auto; 	padding-bottom:5px;	margin-top:0px; text-align: right;	height:auto; background-color: #333; padding-left: 1%; padding-right: 1%; position:relative; float:right;}
	.chiusura a { font-size: 0.6em; color: #fff; margin-bottom: 5px;		}
	.chiusura a:hover { text-decoration: underline;	}

a.link8:link   {font-size: 0.6em; color: #fff; margin-bottom: 5px;}
a.link8:visited {font-size: 0.6em; color: #fff; margin-bottom: 5px;}
a.link8:hover {font-size: 0.6em; color: #192AA9; margin-bottom: 5px;}


a.linkCNT:link   {font-size: 1em; color: #000; margin-bottom: 0px;}
a.linkCNT:visited {font-size: 1em; color: #000; margin-bottom: 0px;}
a.linkCNT:hover {font-size: 1em; color: #192AA9; margin-bottom: 0px;}




#pulsante {
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 width:auto;
  min-height:25px;
  height:auto;
 float:right;
 z-index: 111000; 
 margin-top:0px; position: relative;
 margin-right: 20px;
 font: bold 20px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 5px 10px;
 border: solid 0px #990000;
 background: #0095cd;
 background: -webkit-gradient(linear, left top, left bottom, from(#FF2E3D), to(#A70109));
background: -webkit-linear-gradient(top,  #FF2E3D,  #A70109);
background: -moz-linear-gradient(top,  #FF2E3D,  #A70109);
background: -ms-linear-gradient(top,  #FF2E3D,  #A70109);
background: -o-linear-gradient(top,  #FF2E3D,  #A70109);
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

#pulsante:hover {
 background: #0095cd;
 background: -webkit-gradient(linear, left top, left bottom, from(#A70109), to(#00adee));
 background: -webkit-linear-gradient(top,  #A70109,  #FF2E3D);
 background: -moz-linear-gradient(top,  #A70109,  #FF2E3D);
 background: -ms-linear-gradient(top,  #A70109,  #FF2E3D);
 background: -o-linear-gradient(top,  #A70109,  #FF2E3D);
 background: linear-gradient(top,  #A70109,  #FF2E3D);
}

#pulsante:active {
  position: relative;
  top: 1px;
}

a.linkpulsante:link     { color: #fff; text-decoration: none;  text-transform: none; font-size: 13px; font-family: 'Oswald', sans-serif;}
a.linkpulsante:visited  { color: #fff; text-decoration: none; text-transform:inherit; font-size: 13px; font-family: 'Oswald', sans-serif;}
a.linkpulsante:hover    { color:#FF0; text-indent:5px; font-size: 13px; font-family: 'Oswald', sans-serif;}	

/*
a.link:link     { color: #333; font-family: 'Oxygen', sans-serif;  font-weight: 700;  }
a.link:visited  { color: #333; }
a.link:hover    { color:#41D4F3; }	*/

@media screen and (max-width: 2560px) {
		#pg-caldaie{ height:800px;  margin-top: 00px; top:350px; }

		#pg-interna {  z-index:333; margin-top:350px; margin-bottom: 50px;	 }

}
@media screen and (max-width: 2020px) {
							#title { margin-top:10%;    }	#pg-interna {  z-index:333; margin-top:350px; margin-bottom: 50px;	 }

}
@media screen and (max-width: 1920px) {
	#pg-caldaie{ height:500px;  margin-top: 00px; top:350px; }
				#pg-contatti{ margin-top: 000px; top:210px; height: 500px; }						

	}
@media screen and (max-width: 1497px) {
			
			#pg-contatti{ margin-top: 000px; top:210px; height: 500px; }						

		#pg-azienda{	top: 190px;   height: 500px; }						
	#pg-interna {  z-index:333; margin-top:350px; margin-bottom: 50px;	 }

	}
@media screen and (max-width: 1390px) {
				
    #title { margin-top:20%;    }
	h1 { color:#fff; font-size:1.8em; }
	#pg-interna {  z-index:333; margin-top:350px; margin-bottom: 50px;	 }
		#pg-caldaie{ height:400px;  margin-top: 00px; top:350px; }
			#pg-azienda{	margin-top: 00px; top:200px; height: 400px; }						

	}


@media screen and (max-width: 1366px) {
	    #title { margin-top:20%;font-size:1.6em;    }
	    h1 { color:#fff; font-size:1.6em; }
		#pg-caldaie{ height:500px;  margin-top: 00px; top:300px; }
		#pg-interna {  z-index:333; margin-top:300px; margin-bottom: 50px; }
			#pg-azienda{	margin-top: 00px; top:200px; height: 350px; }						
			#pg-contatti{ margin-top: 000px; top:150px; height: 340px; }						

	}

@media screen and (max-width: 1280px) {
			#menu{width:56%;	}
			#pg-azienda{	margin-top: 00px; top:200px; height: 350px; }						
			#pg-contatti{ margin-top: 000px; top:150px; height: 350px; margin-bottom: 50px; }						

			#pg-caldaie{  margin-top: 00px; top:300px; height: 400px; }
			#pg-interna {  z-index:333; margin-top:300px; margin-bottom: 50px; }
			#title { margin-top:20%;font-size:1.4em;    }



	}
@media screen and (max-width: 1024px) {
			#menu{width:58%; }
			#pg-caldaie{ top: 280px; height: 400px;  }
			#pg-azienda{top: 170px; }						
			#pg-interna {  z-index:333; margin-top:280px; margin-bottom: 50px; }
			#title { margin-top:30%;    }

	}	
@media screen and (max-width: 930px) {
	#pg-caldaie{ height:400px; top: 260px;  }
	#pg-interna {  z-index:333; margin-top:260px; }
}	
@media screen and (max-width: 800px) {
	
	#pg-caldaie{ height:600px; top: 240px;  }
	#pg-interna {  z-index:333; margin-top:240px; }
	#pulsante { font: bold 15px Arial, Helvetica, sans-serif;}
		.box {width:48%;	margin:0px auto;	height:AUTO;	min-height:225px;float:left;position:relative;	margin:2% 1% 0% 1% ;	text-align:left; box-shadow: 2px 1px 2px 2px #c1c1c1; }

	
	
}
@media screen and (max-width: 768px) {



	}	
@media screen and (max-width: 736px) {	
	h1 { color:#fff; font-size:1.4em; }
	#pg-caldaie{ height:400px; top: 240px;  }
	#pg-interna {  z-index:333; top:550px; }
}
	
@media screen and (max-width: 694px) {
	
	
	
	}
@media screen and (max-width: 638px) {

}
@media screen and (max-width: 667px) {
	
	#pg-caldaie{ height:400px; top: 240px;  }
	#pg-interna {  z-index:333; top:550px; }
	
	}
@media screen and (max-width: 508px) {
			#pg-caldaie{ height:400px; top: 200px;  }
			#pg-interna {  z-index:333; margin-top:200px; }
		#pulsante { font: bold 12px Arial, Helvetica, sans-serif;}

	}
@media screen and (max-width: 448px) {}
#pg-caldaie{ height:300px; margin-top: -120px  }
#pg-interna {  z-index:333; top:190px; }


@media screen and (max-width: 414px) {
	h1 { font-size:1.2em;  }

	.box {width:97%;margin-left:0px;	height: auto;margin-bottom:10px;}
	#logo{ width:100%; float:left; position:relative; }
	#menu{width:100%; float:left; position:relative; margin-top:-50px;}
	.news{	width:100%;  min-height:300px;	}
	.newsletter{	width:98%;	margin-left:1%;	min-height:340px;		 margin-top:10px;}
	#title { margin-top:20%;font-size:1.6em;    }
    .infosocial{		min-height:260px;	}

	#infosocial-SX{	width:98%;	margin-left:1%; min-height:200px  }	
	#infosocial-DX{	width:98%;	margin-left:1%; min-height:230px }
	.marchi img {	width:30%;  }

		#pg-caldaie{ height:350px; margin-top: 00px;   }
		
	
	#pg-interna {  z-index:333; top:310px; }
				#pg-azienda{margin-top: 40px; }						

		}

			
	
@media screen and (max-width: 375px) {}
@media screen and (max-width: 320px) {}
