.div {	border: 1px red solid;	}

body {	margin: 0; color: hsl(0,0%,0%);  word-spacing: 0.1em;  letter-spacing: 0.05em;  
	font-family: Arial, Helvetica, "sans-serif";   }
.kursiiveja { 	font-family:"Abyssinica SIL", "Liberation Serif", FreeSerif, Serif;	 }
td { 	padding: 0;  vertical-align: top;  }
table { 	border-collapse: collapse;  empty-cells: show;}
img {	border: 0; display: block; }
* {	box-sizing:border-box;	}
html {	scroll-behavior:smooth; 	}

.daikininoranssi {		background-color:f54e00;	background-color:hsl(19, 100%, 48%);	background-color:rgb(245, 78, 0);	}
.daikininsininen {		background-color:1790c9;	background-color:hsl(199, 79%, 44%);	background-color:rgb(23, 144, 201);	}
.daikininharmaatumma { 	background-color:7c817a;	background-color:hsl(103, 3%, 49%);	background-color:rgb(124, 129, 122);	}

.daikin {		background-color:hsl(205,66%,54%);	}
.daikinhaalea {	background-color:hsl(192,63%,75%);	}
.oranssi {	background-color:hsl(20,100%,48%);		}
.gfotsikko { 	font-family:'Lato', sans-serif;  }





/*    rakenne   =======================================================================================================	*/

.sivualue {	background-image:url(kuvat/kuva00.jpg); background-size:1920px;  background-position:88% -188px;   background-repeat:no-repeat; 
		padding:177px 0 77px 0;  width:100%;  display:flex;  justify-content:space-around;   background-attachment:fixed;  flex-wrap:wrap;  }
.sivualue3 {	padding:77px 0 77px 0;  width:100%;  max-width:1930px;  display:flex;  justify-content:space-around;  flex-wrap:wrap;  background-color:hsl(103, 3%, 88%); }
.pilarivasen {	width:400px;  padding:0; 	   }
.pilarioikea {	width:calc(91% - 400px); padding:0;    }

.sivualue2 {	background-image:url(kuvat/vkuva01.jpg); background-size:cover;  background-position:50% 10%;   background-repeat:no-repeat; 
		position:relative; width:100%;  height:1111px;    background-attachment:fixed;   }



/*    tekstit   =======================================================================================================	*/

h2 {	padding:24px 0 5px 0;   margin:0;  font-size:166%;  font-weight:normal;    }
h3 {	padding:24px 0 34px 0;  margin:0;  font-size:122%;   color:hsl(0,0%,100%);   }
p {	padding:14px 0 9px 0;  margin:0;  font-size:111%;  line-height:144%;   }
.pampulavalkea {	padding: 0px 0px 0px 11%; margin:1px 3% 11px 0px;  font-size:111%;  color:hsl(0,0%,100%);  background-image: url(kuvat/pallovalkea.png);  background-size:0.4em;  background-position: 0 0.55em;  background-repeat: no-repeat;  }
.tekstisvalkea {	margin:1px 5% 11px 7%;  padding:0; color:hsl(0,0%,100%); 	}
.hipsuvalkea {	padding: 0px 0px 0px 9%; margin:1px 3% 11px 0;  font-size:111%;  color:hsl(0,0%,100%);  background-image: url(kuvat/hipsuvalkea.png);  background-size:0.4em;  background-position: 0 0.7em;  background-repeat: no-repeat;  }
.pampulamusta   {	padding: 0px 0px 0px 11%; margin:1px 3% 11px 7%;  font-size:111%;  color:hsl(0,0%,0%);  background-image: url(kuvat/pallomusta.png);  background-size:0.4em;  background-position: 0 0.55em;  background-repeat: no-repeat;  }

.argumentti {	border-radius:11px;  text-align:center; font-size:111%; margin-top:44px; padding:11px 33px;  background-color:hsl(20,100%,48%); color:hsl(0,0%,100%);	}

.tekstilinkki:link {	color:hsl(225,100%,40%);  text-decoration: underline; }  
.tekstilinkki:visited {	color:hsl(225,100%,40%);  text-decoration: underline; }
.tekstilinkki:hover {	color:hsl(20,100%,48%);   text-decoration: none; }

.valkealinkki {		line-height:166%; padding:2px 5px;  }  
.valkealinkki:link {	color:hsl(0,0%,100%);  text-decoration: underline; }  
.valkealinkki:visited {	color:hsl(0,0%,100%);  text-decoration: underline; }
.valkealinkki:hover {	color:hsl(20,100%,48%); background-color:hsl(0,0%,100%); text-decoration: none;  }




/*    vasenpilari   =======================================================================================================	*/

.logolohko {	width:100%;  padding: 33px 5%;  border-radius:22px; text-align:center;   background-color:hsl(205,66%,54%);  display:table; }
.logokuva {	width:80%;  max-width:444px; margin:0 auto;     }
.sloganteksti {	color:hsl(205,66%,54%);  font-size: 111%;  line-height:177%;  margin:13px 0 0 0; padding:11px 3% 9px 3%;  background-color:hsla(0,0%,100%, 0.8);  }
.logoteksti {	color: hsl(0,0%,100%);  font-size: 111%;  line-height:177%; margin: 11px 0px 0 0px;   }
.haiveviiva {	width:90%;  height:1px; margin: 33px auto; background:linear-gradient(90deg, hsla(0,0%,100%, 0) , hsl(0,0%,100%) , hsla(0,0%,100%, 0) ); 	}

.kehoitusboxi {	margin:22px 0 0 0;  padding:16px 3%; border:2px hsla(0,0%,100% , 0.8) solid;  color:hsl(0,0%,100%);  border-radius:22px;   }
.kehoitusteksti {	color: hsl(0,0%,100%);  font-size: 111%;  line-height:177%; margin:0px;  padding:0 3%;   }
.puhelin {	margin:0;  padding:11px 3% 0px 3%; color:hsl(0,0%,100%);  font-size: 144%;  }



/*    boxit   =======================================================================================================	*/

.boxialue2 {	margin:0 0 0 0;  width:100%;  display: flex;     	}
.boxialue2ylempi {	margin-top:0; 	}
.boxialue2alempi {	margin-top:55px; 	}
.boxi2 { 		 } 
.boxi21 {		width:70%;  padding:33px 3% 33px 5%;  background-color:hsl(0,0%,100%);  border-radius:22px 0 0 22px;   }
.boxi22 {		width:30%;  padding:33px 3% 33px  3%;  background-color:hsl(205,66%,54%);   border-radius:0 22px 22px 0;  position:relative;     }

.slogandaikin  {	color:hsl(20,100%,48%); font-size: 111%;  font-style:italic;    font-weight:bold;  
		font-family:"Liberation Serif", "Abyssinica SIL", FreeSerif, Serif;  word-spacing: 0.2em;  letter-spacing: 0.1em;   line-height:155%;  }





/*    navigointi   =======================================================================================================	*/

.nnkele {	 	bottom: 4px;  left: 4px;  position: fixed;   }
.nnk:link { 	background-image: url(kuvat/ppnnv2.png);   }
.nnk:visited { 	background-image: url(kuvat/ppnnv2.png);     }
.nnk:hover { 	background-image: url(kuvat/ppnn2.png);  background-color:hsl(205,66%,95%);  border:1px hsl(205,66%,54%) solid; }
.nnk {	 	background-color:hsl(205,66%,54%);   height:55px;  width:55px;  background-size:33px;  background-repeat:no-repeat;  background-position:50% 50%;  
		border:1px hsl(0,0%,100%) solid;  border-radius:5px; display:block;  text-decoration:none;  }

.alalause {	padding:14px 0 0 0;  margin:0 auto;  font-size:88%;  color:hsl(0,0%,44%);  text-align:center;  margin-bottom:11px;   }






/*    harvinaiset   =======================================================================================================	*/


.tarjousele {	margin:22px 0;   width:100%;	  }
.tarjouselekapea {	margin:44px 3% 0 3%;  width:333px;  width:44%;  float:left;   	  }
.valkoinenteksti {	padding:14px 0 0 0;  margin:0 auto;  font-size:111%;  color:hsl(0,0%,100%);  text-align:center;   	}








/*    vapaalla   =======================================================================================================	*/

.vapaalinkki {	padding:11px 0;  width:300px;  	}
.paluulinkki {	padding:33px 3%;  float:left; 	}
.vapaaotsikko {	position:absolute;   width:400px;  max-width:80%;  top:111px;  left:3%;  padding:0;   margin:0;  font-size:222%;  font-weight:normal;   
		font-weight:bold;  color:hsl(0,0%,97%);   text-shadow:2px 1px hsl(205,66%,54%);   }
.vapaaboxi {	width:300px;  margin:33px 5% 0 0;  float:right;  	   }
.vapaakuva {	width:100%;  margin-top:33px;  border-radius:33px;    }












@media screen and (max-width : 1400px)	{	/*	------------------------------------------------------------------------------------------------------------------------	*/


.boxialue2 {	margin:0 auto 0 auto; flex-direction:column;     	}
.boxialue2ylempi {	margin-top:0; 	}
.boxialue2alempi {	margin-top:55px; 	}
.boxi2 { 		margin:0 0 0 0;   } 
.boxi21 {		width:100%;  padding:33px 5% 33px 7%;   border-radius:22px 22px 0 0;   }
.boxi22 {		width:100%;  padding:44px 5% 33px 25%;    border-radius:0 0 22px 22px;      }



				}	/*	----------------------------------------    */









@media screen and (max-width : 1100px)	{	/*	------------------------------------------------------------------------------------------------------------------------	*/

.sivualue {	flex-direction:column;     }
.pilarivasen {	width:95%;  max-width:666px; margin: 0 auto; 	   }
.pilarioikea {	width:95%;  max-width:666px; margin: 0 auto;  }
.hipsuvalkea {	margin:1px 5% 33px 7%;    }

.boxialue2 {	margin:0 auto 0 auto; flex-direction:column;     	}
.boxialue2ylempi {	margin-top:55px; 	}
.boxialue2alempi {	margin-top:55px; 	}

.tarjouselekapea {	margin:22px auto;  width:94%;  max-width:555px;  	float:none;   }

				}	/*	----------------------------------------    */



@media screen and (max-width : 800px)	{	/*	------------------------------------------------------------------------------------------------------------------------	*/

.vapaaboxi {	width:222px;     }

				}	/*	----------------------------------------    */






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

.boxi21 {		padding:33px 3% 33px 5%;    }
.boxi22 {		padding:33px 3% 33px 5%;      }
.hipsuvalkea {	margin:1px 2% 33px 7%;    }
.pampulamusta   {	margin:1px 2% 11px 1%;  padding: 0px 0px 0px 28px; }  
.pampulavalkea   {	margin:1px 2% 11px 7%;  }


				}	/*	----------------------------------------    */





@media screen and (max-width : 400px)	{	/*	------------------------------------------------------------------------------------------------------------------------	*/

nav {		width:100%;   }
ul { 		margin-left:-4px; width:100%; 	 }			
li {  		margin:0;  	 	 }		
ul li, li a {  	width:100%;      }			
li a { 		border-width:1px 2px; 	}
li ul li a { 	width:100%; min-width:222px;	 }	
li:hover ul a { 	margin:0; margin-left:4px;    }
li:hover ul a:hover { margin:0; margin-left:4px; }


				}	/*	----------------------------------------    */





/*	kestotietoa         ============================================================================================================================================    */

.yhdessa {	white-space: nowrap;   }
.ymargiso {	margin-top:77px;	}

.amargiso {	margin-bottom:77px;	}
.ypadiso {	padding-top:77px; }
.apadiso {	padding-bottom:77px; }

.alue00 {		padding-top:0;  padding-bottom:0;     }
.alue10 {		padding-bottom:0;     }
.alue01 {		padding-top:0;     }

.levee100 {	width:100%;  }
.nurkka11 {	border-radius:11px; }
.ulkoreunavasen {	padding-left: 6%;    }
.ulkoreunaoikea {	padding-right: 6%;   }

.erotin {		width: 100%;  display: block;  }
.eimarginaalia {	margin-right: 0;   }

.vasemmalle {	text-align: left; }
.keskelle {	text-align: center; }
.oikealle {	text-align: right; }
.kuvakeskelle {	margin-left: auto;  margin-right: auto; }

.vahvennettu {	font-weight: bold;  }


.punainen { 	color: hsl(20,100%,48%);  } 

.ylinteksti {	margin-top:55px; 	}

.rako6000 {	margin-top: 60px; }
.rako5000 {	margin-top: 50px; }
.rako4000 {	margin-top: 40px; }
.rako3000 {	margin-top: 30px; }
.rako2000 {	margin-top: 20px; }
.rako1000 {	margin-top: 10px; }

.rako000200  {	margin-bottom: 200px; }
.rako0040 {	margin-bottom: 40px; }
.rako0030 {	margin-bottom: 30px; }
.rako0020 {	margin-bottom: 20px; }

.rako4040 {	margin-top: 40px;  margin-bottom: 40px; }
.rako3030 {	margin-top: 30px;  margin-bottom: 30px; }
.rako2020 {	margin-top: 20px;  margin-bottom: 20px; }

.sisus6000 {	padding-top: 60px; }
.sisus5000 {	padding-top: 50px; }
.sisus4000 {	padding-top: 40px; }
.sisus3000 {	padding-top: 30px; }
.sisus2000 {	padding-top: 20px; }

.sisus0040 {	padding-bottom: 40px; }
.sisus0030 {	padding-bottom: 30px; }
.sisus0020 {	padding-bottom: 20px; }

.sisus6060 {	padding-top: 60px;  padding-bottom: 60px; }
.sisus5050 {	padding-top: 50px;  padding-bottom: 50px; }
.sisus4040 {	padding-top: 40px;  padding-bottom: 40px; }
.sisus3030 {	padding-top: 30px;  padding-bottom: 30px; }
.sisus2020 {	padding-top: 20px;  padding-bottom: 20px; }

.sisus6040 {	padding-top: 60px;  padding-bottom: 40px; }
.sisus5030 {	padding-top: 50px;  padding-bottom: 30px; }
.sisus4020 {	padding-top: 40px;  padding-bottom: 20px; }
.sisus3010 {	padding-top: 30px;  padding-bottom: 10px; }

.sisus2060 {	padding-top: 20px;  padding-bottom: 60px; }
.sisus2050 {	padding-top: 20px;  padding-bottom: 50px; }
.sisus2040 {	padding-top: 20px;  padding-bottom: 40px; }
.sisus2030 {	padding-top: 20px;  padding-bottom: 30px; }

.sisus6000 {	padding-top: 60px;  }
.sisus5000 {	padding-top: 50px;  }
.sisus4000 {	padding-top: 40px;  }
.sisus3000 {	padding-top: 30px;  }

.marginaali8000 { margin-left: 80px;    }
.marginaali4000 { margin-left: 40px;    }
.marginaali3000 { margin-left: 30px;    }
.marginaali2000 { margin-left: 20px;    }

.sisennys8000 { 	padding-left: 80px;   }
.sisennys4000 { 	padding-left: 40px;   }
.sisennys3000 { 	padding-left: 30px;    }
.sisennys2000 { 	padding-left: 20px;    }

.nega3000 {		margin-top: -30px; }
.nega2000 {		margin-top: -20px; }
.nega1000 {		margin-top: -10px; }
.nega0500 {		margin-top: -5px; }