@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');



html, body{
  
  background-color: #111111;
	
	margin: 0;
  padding: 0;
 
  width: 100%;
	
	
}
.titolo{


font-family: 'Roboto', sans-serif;
 position:relative;
 display: block;
  /*    display: inline;  */
  
  text-align: center;
  margin: 0;
  /*  top: 10%; */
   font-size: 5vw;
   line-height:8vw;
  /* color:#ffffff; */

  
  
  color:#ffffff;
  background-color:rgb(0,0,0,0.5)
  
  

}

.sottoTitolo{
font-family: 'Roboto', sans-serif;

 position: relative;
  display: block;
  text-align: center;
  margin: 30px;
 /*  top: 80%; */
 

   font-size: 2vw;
   line-height:3vw;
  color:#ffffff;

}


.baseCopy{
font-family: 'Roboto', sans-serif;
font-size: 1vw;
	font-weight: normal;
	color: #dadada;
text-decoration: none;


}

.foot{
	


}



/* hioh */



@media screen and (max-width: 600px) {
  
  .titolo{
  font-size: 8vW;
  }
  
 .sottoTitolo { 
  font-size: 5vW;
 top: 45%;
 line-height:6vw;
    }
	
.baseCopy{
font-size: 4vW;	
	
	
}






}
















 /*                MENU                             */





.topnav {
  overflow: hidden;

font-family: 'Roboto', sans-serif;

background-color:rgb(2,2,2,2.5);
 


}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
 font-size: 10pt;
}

.topnav a:hover {
  background-color: #ff0000;
  color: black;
}

.active {
	
	font-family: 'Roboto', sans-serif;
	
  background-color: #fe1200;
 font-size: 10pt;
	color: #ffffff;
	
	font-weight: bolder;
	text-decoration: none;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}



	.linksmenu{
font-family: 'Roboto', sans-serif;
font-size: 10pt;
	color: #dadada;

	font-weight: bolder;
	text-decoration: none;
	

}
	A.linksmenu:link,A.linksmenu:visited,A.linksmenu:active{
font-family: 'Roboto', sans-serif;
font-size: 10pt;
	color: #dadada;

	font-weight: bolder;
	text-decoration: none;

}

	A.linksmenu:hover{
font-family: 'Roboto', sans-serif;
font-size: 10pt;
	color:#ffffff;

	text-decoration: none;
	font-weight: bolder;	

}


.linkMail{
font-family: 'Roboto', sans-serif;
font-size: 16pt;
	color: #ff0000;

	font-weight: bolder;
	text-decoration: underline dotted;
	

}

	A.linkMail:hover{
font-family: 'Roboto', sans-serif;
font-size: 16pt;
	color:#dadada;

	text-decoration: underline dotted;
	font-weight: bolder;	

}
	

.linkHome{
font-family: 'Roboto', sans-serif;
font-size: 40pt;
	color:#ffffff;

	font-weight: bolder;
	text-decoration: underline dotted;
	

}

	A.linkHome:hover{
font-family: 'Roboto', sans-serif;
font-size: 40pt;
	color:#ff0000;

	text-decoration: underline dotted;
	font-weight: bolder;	

}






.linksCopy{
font-family: 'Roboto', sans-serif;

	color: #ffffff;

	font-weight: bolder;
	text-decoration: underline dotted;
	

}

	A.linksCopy:hover{
font-family: 'Roboto', sans-serif;

	color:#dadada;

	text-decoration: underline dotted;
	font-weight: bolder;	

}


 /*                /MENU                             */




 /*                                              PARALLAX                             */



a#phLink a{



}

	a#phLink:hover{
	background-color:green;	

}












#home { 
background: url("photos/Impianti_elettrici_treviso.jpg") 50% 0 no-repeat fixed; 

/* min-height: 1080px; */
  height: 1080px; 
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 

 position: relative; 
 -webkit-background-size: cover;
-moz-background-size: cover;
 
 background-size: cover;



}



#home article { 
 /* height: 458px;  */
  position: absolute; 
  text-align: center; 
  top: 25%; 
  width: 100%;

 

 
 
  
}
 
#about { 

background: url("photos/Elettroimpianti-Treviso-Veneto.jpg") 50% 0 no-repeat fixed; 


/* min-height: 1080px; */
  height: 1080px; 
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; 
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  
  
  
 -webkit-background-size: cover;
-moz-background-size: cover;
 

  
  
  
  
  
}


#about article { 
  /* height: 458px;  */
  position: absolute; 
  text-align: center; 
  top: 10%; 
  width: 100%; 
}



#DOVESIAMO { 

background: url("photos/ILLUMINAZIONE-LED.jpg") 50% 0 no-repeat fixed; 


/* min-height: 1080px; */
  height: 1080px; 
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; 
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  
  
  
 -webkit-background-size: cover;
-moz-background-size: cover;
 
 background-size: cover;

  
  
  
}


#DOVESIAMO article { 
  /* height: 458px;  */
  position: absolute; 
  text-align: center; 
   top: 10%; 
  width: 100%; 
}



#contatti { 

background: url("photos/ELETTRICITA-002.jpg") 50% 0 no-repeat fixed; 


/* min-height: 1080px; */
  height: 1080px; 
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; 
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  
  
  
 -webkit-background-size: cover;
-moz-background-size: cover;
 
 background-size: cover;

  
  
  
}


#contatti article { 
  /* height: 458px;  */
  position: absolute; 
  text-align: center; 
  top: 5%; 
  width: 100%; 
}



#sent { 
background: url("photos/REALIZZAZIONE-IMPIANTI-ELETTRICI.jpeg") 50% 0 no-repeat fixed; 

/* min-height: 1080px; */
  height: 1080px; 
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 

 position: relative; 
 -webkit-background-size: cover;
-moz-background-size: cover;
 
 background-size: cover;



}



#sent article { 
 /* height: 458px;  */
  position: absolute; 
  text-align: center; 
  top: 20%; 
  width: 100%;

 

 
 
  
}








.tblContatti
{

 position: absolute;
    top: 0%;
  width:80%;
  text-align: center;
left:8%;




border-color:#666666;
  border-width:0px;  
    border-style:solid;


  
}


 {
    box-sizing: border-box;
}

input[type=text], select, textarea{
    width: 100%;
    padding: 6px;
    border: 1px solid #000;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
	font-family: 'Roboto', sans-serif;
	font-size:12pt;
	
}

label {
    padding: 12px 12px 12px 0;
    display: inline-block;
	
	font-family: 'Roboto', sans-serif;
	font-size:12pt;
	color: #222222;
}

input[type=submit] {
    background-color: #ff0000;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}

input[type=submit]:hover {
    background-color: #45a049;
}

.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
	top:20px;
}

.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}

.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.alertX {
font-size: 22px;
	font-weight: normal;
	color: #ff0000;
	

}



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

#home {

 /* background-repeat: no-repeat; */
  background-size: cover;   /* verificare */

/*  height: 1080px;  */
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
/* transform: scaleY(0.5);
 transform: scaleX(0.5); */
max-height: 300px;                     /* verificare */
}

#home article { 
  top: 5%; 
  
}	



#about { 

 /* background-repeat: no-repeat; */
  background-size: cover;   /* verificare */


/*  height: 1080px;  */
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
/* transform: scaleY(0.5);
 transform: scaleX(0.5); */
max-height: 340px; 
  
  
  
  
  
}


#about article { 
  /* height: 458px;  */
  position: absolute; 
  text-align: center; 
  top: 2%; 
  width: 100%; 
}


#DOVESIAMO { 

 background-size: cover; 

/*  height: 1080px;  */
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
max-height: 840px;    

  
  
  
}


#DOVESIAMO article { 
  /* height: 458px;  */
  position: absolute; 
  text-align: center; 
  top: 2%; 
  width: 100%; 
}


}






#contatti { 

 


/* min-height: 1080px; */
 
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; 
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  
  
 
max-height: 820px;
  
  
  
}


#contatti article { 
  /* height: 458px;  */
  position: absolute; 
  text-align: center; 
  top: 1%; 
  width: 100%; 
}





}





@media screen and (orientation:landscape) and (max-width: 800px) and (min-width: 200px)  {
#home {

 background-size: cover;    /* verificare */

/*  height: 1080px;  */
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
/* transform: scaleY(0.5);
 transform: scaleX(0.5); */
max-height: 340px;                     /* verificare */
}

#home article { 
  top: 35%; 
  
}	

#about {

 background-size: cover; 

/*  height: 1080px;  */
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
max-height: 340px;                     /* verificare */
}

#about article { 
  top: 40%; 
  
}	




#DOVESIAMO { 

 background-size: cover; 

/*  height: 1080px;  */
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
max-height: 340px;        

  
  
  
}













 .titolo{
  font-size: 5vW;
 
  }
  
 .sottoTitolo { 
  font-size: 4vW;
 
    }

.baseCopy{
font-size: 2vW;	
	
	
}


#coverer{
/* height:50%; */
/* background-color:red;	 */
	
}
 



  
  
  
  
}








/*Floating Back-To-Top Button*/
    #myBtn {
       color: white;
	  
text-align:center;
padding:2px;
	opacity: 0.6;
	   border-style: groove;
	   border-width:2px;
	   position: fixed;
        bottom: 10px;
        float: right;
        right: 33%;
        left: 77%;
        width: 20%;
        max-width: 100%;
        font-size: 9pt;
        border-color: rgba(200, 200, 200, 0.6);
        background-color: rgb(255,0,0);
        padding: 2px;
        border-radius: 4px;
		z-index:1;

    }
/*On Hover Color Change*/
    #myBtn:hover {
        background-color: #ff0000;
		opacity: 0.9;
    }
 




label {
    padding: 12px 12px 12px 0;
    display: inline-block;
	
	font-family: 'Roboto', sans-serif;
	font-size:10pt;
	color: #222222;
}



.alertX {
font-size:10pt;
	font-weight: normal;
	color: #ff0000;
	

}