@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,800,800italic);
@import url('https://fonts.googleapis.com/css?family=Bree+Serif&display=swap');

*,html{
margin:0;padding:0;outline:0;border:0;box-sizing:border-box;
}
html{
width:100%;height:100%;overflow-y:auto;
}
body{
font-family:'Open Sans',Sans-serif!important;font-size:14px;width:100%;margin:0;padding:0;color:#333;background:#fff;
}
	@media only screen and (max-width:900px){
	body{overflow-y:auto}
	}
p{font-size:1em;margin:0;padding:0 0 1.5em;line-height:1.6em;}
ul,ul ul{list-style-type:disc;margin:0 0 .6em 2em;padding:0 0 1.5em;background:transparent;}
ol,ol ol{margin:0 0 .6em 2em;padding:0 0 1.5em;background:transparent;}
li{font-size:1em;line-height:1.6em;}
h1,h2,h3,h4,h5,h6{font-family:'Bree Serif',Serif;line-height:1.4em;padding:.3em 0 .6em;color:#006699;font-weight:400;}
h1{font-size:2.1em;}
h2{font-size:1.7em;}
h3{font-size:1.5em;}
h4{font-size:1.3em;}
h5{font-size:1.15em;}
h6{font-size:1.1em;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:underline;}
a{text-decoration:none;}
a:link{color:#006699;}
a:active{color:#006699;}
a:visited{color:#555;}
a:hover{color:#0087ca;}
a:focus{border:0;outline:0;}
img{max-width:100%;width:auto;height:auto;border:0;}

a.c-white{color:white!important;text-decoration:underline!important;}

hr{
border:0;height:1px;
background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
}
hr.silver{
border:0;width:100%;max-width:600px;height:1px;margin:.4em auto;
background-image:-webkit-linear-gradient(left,rgba(153,153,153,0),rgba(153,153,153,0.75),rgba(153,153,153,0));
background-image:-moz-linear-gradient(left,rgba(153,153,153,0),rgba(153,153,153,0.75),rgba(153,153,153,0));
background-image:-ms-linear-gradient(left,rgba(153,153,153,0),rgba(153,153,153,0.75),rgba(153,153,153,0));
background-image:-o-linear-gradient(left,rgba(153,153,153,0),rgba(153,153,153,0.75),rgba(153,153,153,0));
}
.rc_shadow{
-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;
box-shadow:0 0 10px rgba(0,0,0,0.10); -moz-box-shadow:0 0 10px rgba(0,0,0,0.10); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.10);
}
a.link_button{
font-size:.8em;text-decoration:none;margin:.9em auto 0;padding:.6em .9em;text-align:center;background:#000;
}
a.link_button_avaalomake{
font-size:1em;text-decoration:none;margin:0 auto;padding:1em 2em;text-align:center;background:#ccc;
}
.johdanto,p.johdanto{
font-size:1.15em;line-height:1.6em;
}
.smaller_font{
font-size:.9em;line-height:1.3em;
}
.t_center{
text-align:center;
}
.linkki a{
padding:8px 14px;color:#eee;border:1px solid #fff;outline:none;
-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}
h3.hinta{
display:inline-block;margin:-10px 0 15px;padding:10px 30px;color:#fff;background:#f28200;
-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;
}
h3.hinta span{
font-family:'Open Sans',Sans-serif;font-size:.6em;
}
#etusivu .etuboxi{
min-height:287px;
}
#etusivu .etuboxi img{
width:300px;height:auto;margin:0 auto;border:1px solid #bac9cd;
}
	@media only screen and (max-width:360px){
	#etusivu .etuboxi{min-height:267px}
	#etusivu img{width:100%;min-width:auto}
	}
.etuboxi{
position:relative;height:auto;min-height:267px;
}
	@media only screen and (max-width:900px){
	.etuboxi{height:auto;position:relative}
	}
.etuboxi h2,.etuboxi h3,.etuboxi h4{
margin:0 0 5px;padding:0;font-family:'Bree Serif',Serif;color:#006699;
text-align:center;font-weight:400;letter-spacing:.02em;text-transform:uppercase;
}
.etuboxi h2 a,.etuboxi h3 a,.etuboxi h4 a{
color:#006699;text-decoration:none;
}
.etuboxi img{
width:auto;height:auto;margin:0;border:0;
}
.etuboxi p{
margin:0 20px 5px;font-style:italic;text-align:center;
}
.etuboxi p a{
color:#333;
}
.etuboxi p.linkki{
position:absolute;left:0;right:0;bottom:0;margin-left:5%;text-decoration:none;font-style:normal;
font-size:14px;color:#fff;text-align:center;line-height:1em;
}
.etuboxi p.linkki a,.etuboxi p.linkki a:link,.etuboxi p.linkki a:visited,.etuboxi p.linkki a:active,.etuboxi p.linkki a:focus{
color:#fff;padding:5px 20px 6px 24px;background:#0087ca;border:0;
-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
}
.etuboxi p.linkki a:hover{
color:#fff;background:#006699;
}
.grid_banneri{
display:inline;float:left;width:98%;margin:1%;padding:1%;background:#fff;
}
.grid_4{
display:inline;float:left;width:31.3333%;margin:1% 1%;padding:1%;background:#fff;
}
	@media only screen and (max-width:1100px){
	.grid_4{width:48%;}
	}
	@media only screen and (max-width:900px){
	#etusivu .grid_4{width:96%;min-height:240px;margin:5px 2%;padding-bottom:50px;}
	}
	@media only screen and (max-width:900px){
	.grid_4{width:100%;min-height:240px;margin:5px 0;padding-bottom:50px;}
	}
.sin{
background:#fff url(../images/sin.jpg) no-repeat center center;
}
.kymmenenv{
background:#fff url(../images/juhaste-10v.jpg) no-repeat center center;
}
.viisitoistav{
background:#fff url(../images/juhaste-15v.jpg) no-repeat center center;
}
p.img_spacer{
margin:0;padding:0;
}
img.f_left_marg0{
float:left;margin:0 0 10px;padding:5px;background:#fff;
}
img.f_none_marg1{
margin:0 5px 10px;padding:5px;background:#fff;
}
img.f_left{
float:left;margin:10px;padding:5px;background:#fff;
}
img.f_right{
float:right;margin:10px;padding:5px;background:#fff;
}
	@media only screen and (max-width:900px){
	img.f_right{float:none;margin:0;}
	}
.nowrap,p.nowrap,p span.nowrap{
white-space:nowrap;
}
p.huom{
margin:0 0 22px;padding:8px 24px;background-color:#ddd;border:1px solid #ccc;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
box-shadow:inset 0 0 18px rgba(255,255,255,0.80);-moz-box-shadow:inset 0 0 18px rgba(255,255,255,0.80);
-webkit-box-shadow:inset 0 0 18px rgba(255,255,255,0.80);
}
h1.huom,h2.huom,h3.huom,h4.huom,h5.huom,h6.huom{
margin:0 0 8px;padding:8px 24px;background-color:#ddd;border:1px solid #ccc;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
box-shadow:inset 0 0 18px rgba(255,255,255,0.80);-moz-box-shadow:inset 0 0 18px rgba(255,255,255,0.80);
-webkit-box-shadow:inset 0 0 18px rgba(255,255,255,0.80);
}
ul.huom,li.huom{
margin:10px 0;padding:8px 24px;background-color:#ddd;border:1px solid #ccc;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
box-shadow:inset 0 0 18px rgba(255,255,255,0.80);-moz-box-shadow:inset 0 0 18px rgba(255,255,255,0.80);
-webkit-box-shadow:inset 0 0 18px rgba(255,255,255,0.80);
}
div.huom{
float:left;width:98%;margin:1em 0;padding:0;background:transparent;
}
ul.pumppu{
width:auto;
}
ul.check{
list-style:url(../images/checkpieni.png);
}
ul.nou{
list-style:url(../images/nou.png);
}
ul.keywords{
display:inline-block;margin:16px 0;padding:.4em 0 .4em .8em;background:#eee;border:1px solid #ccc;font-size:1em;
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
}
ul.keywords li{
float:left;margin:0 1em;padding:0;
}
div#wrapper{
float:left;width:100%;position:relative;margin:0;padding:0;background:#003149;
}
div.center{
position:relative;max-width:1240px;margin:0 auto;padding:0;
}
nav div#navi_center img{
float:left;display:inline-block;max-width:100%;margin:0 0 -64px;padding:0 2%;
}
div#wrapper_main_content{
float:left;position:relative;width:100%;margin:0;padding:0;background-color:#eee;
}
header{
display:block;float:left;position:relative;width:100%;margin:0;padding:0;
}
header nav{
float:left;position:relative;width:100%;height:auto;margin:0;padding:7px 0 5px;background:#003149;border-bottom:1px dotted #555;
}
header #navi_center{
position:relative;max-width:1240px;height:auto;margin:0 auto;padding:0;
}
header #top_bar{
display:block;float:left;width:100%;height:auto;margin:0 auto;padding:0;background-color:#006699;background-image:none;
border-top:0;overflow:hidden; -webkit-box-shadow:0 0 10px 10px rgba(0,0,0,0.20); -moz-box-shadow:0 0 10px 10px rgba(0,0,0,0.20);
box-shadow:0 0 10px 10px rgba(0,0,0,0.20);
}
	@media only screen and (max-width:900px){
	header #top_bar{height:auto;}
	}
header #top_bar .center{
max-width:1205px;padding:0 15px;
}
header #top_bar div#logo{
width:100%;height:auto;margin:0 auto;padding:0;
}
header #top_bar div#logo img{
float:left;width:auto;max-height:58px;margin:0;padding:10px 0 8px 0;clear:both;
}
	@media only screen and (max-width:720px){
	header #top_bar div#logo img{float:none;width:200px;margin:0 auto;padding:10px 0 0 0;}
	}
header #top_bar .center .slogan{
float:right;display:inline-block;width:auto;height:auto;margin-top:12px;
}
header #top_bar .center .slogan h1{
font-family:'Bree Serif',Serif;font-size:1.6em;
font-style:normal;font-weight:400;text-align:left;color:#fff;line-height:1em;
text-shadow:1px 1px #263d47;margin-left:36px;margin-right:36px;
}
header #top_bar .center .slogan h2{
font-family:'Bree Serif',Serif;font-size:1.6em;
font-style:normal;font-weight:400;text-align:left;color:#fff;line-height:1em;
text-shadow:1px 1px #263d47;margin-left:36px;margin-right:36px;
}
	@media only screen and (max-width:720px){
	header #top_bar .center .slogan{float:none;display:inline-block;width:auto;height:auto;margin:0 auto 0 auto;}
	header #top_bar .center .slogan h1,
	header #top_bar .center .slogan h2{text-align:center;padding-left:10px;padding-right:10px;}
	}
header #top_bar_left{
float:left;width:50%;padding:0 3%;background:transparent;
}
header #top_bar_right{
float:left;width:50%;padding:0;background-color:transparent;
}
header #top_bar_right_slogan{
float:right;display:inline-block;width:auto;height:auto;margin-right:12%;margin-top:-96px;
}
header #top_bar_right_slogan h2{
font-family:'Bree Serif',Serif;font-size:2em;font-style:italic;font-weight:400;text-align:right;line-height:1em;
color:rgba(255,255,255,0.95);text-shadow:-1px -1px #003753;padding-left:.5em;padding-right:.5em;
}
	@media only screen and (max-width:900px){
	header #top_bar_right_slogan{display:none}
	header #top_bar .center .slogan h1,header #top_bar .center .slogan h2{text-align:center;margin-left:10px;margin-right:10px}	
	}
.right_slogan{
float:none;display:block;width:100%;height:auto;max-width:1100px;margin:-94px auto 0 auto;padding:0 2%;
}
.right_slogan h2{
font-family:'Bree Serif',Serif;font-size:2em;font-style:italic;
font-weight:400;text-align:right;line-height:1em;color:rgba(255,255,255,0.95);padding:2em 0;
}
	@media only screen and (max-width:720px){
	.right_slogan h2{text-align:center;}
	}	
	@media only screen and (max-width:460px){
	#alasivu .right_slogan{display:none;}
	}
#etusivu div.top_bar_image{
display:inline-block;width:100%;height:auto;margin:0;padding-top:23%;padding-bottom:0;
background-image:url(../images/juhaste_ylapalkkikuva_v1.jpg);background-position: center top; 
background-repeat:no-repeat;background-size:cover;
}
	@media only screen and (max-width:900px){
	#etusivu div.top_bar_image{padding-top:200px;background-position:center top;background-size:cover;}
	}
	@media only screen and (max-width:460px){
	#etusivu div.top_bar_image{padding-top:150px;background-position: center top;background-size:auto 125px;}
	}
#alasivu div.top_bar_image{
width:100%;height:auto;margin:0;padding-top:130px;padding-bottom:0;background-image:url(../images/juhaste_ylapalkkikuva_alasivut.jpg);
background-position:left top;background-repeat:no-repeat;background-size:cover;
}
	@media only screen and (max-width:900px){
	#alasivu div.top_bar_image{padding-top:130px;background-position:left top;background-size:cover;}
	}
	@media only screen and (max-width:460px){
	#alasivu div.top_bar_image{padding-top:60px;background-position:left top;background-size:cover;}
	#alasivu div.top_bar_image{display:none;}
	}	
#alasivu .sahkojohdot{
display:inline-block;width:auto;height:auto;margin:0 10px 20px 0;padding:0;
}
#alasivu .sahkojohdot p{
margin:0;padding:0;
}
	@media only screen and (max-width:360px){
	#alasivu .sahkojohdot{display:block;margin:0 auto 20px auto;}
	#alasivu .sahkojohdot p{text-align:center;}
	}
#etusivu div#content{
display:block;float:left;width:100%;margin:-70px 0 0 0;padding:0;border:0;outline:0;overflow:hidden;
}
div#content{
margin-top:0;
}
div#content_center{
display:block;width:100%;max-width:1240px;height:auto;min-height:440px;margin:0 auto;padding:0;border:0;
}
div#content_wrapper{
display:block;float:left;width:100%;margin:0;padding:1%;background:#eee;
}
	@media only screen and (max-width:900px){
	div#content_wrapper{margin:0}
	}
	@media only screen and (max-width:480px){
	div#content>p img{clear:both}
	}
div.left_content,div.left_content_yhteystiedot{
float:left;display:block;margin:0 0 10px 0;padding:0 2% 0 0;background:transparent;word-wrap:break-word;
}
div.left_content{
width:27%;
}
div.left_content_yhteystiedot{
width:54%;
}
div.right_content,div.right_content_yhteystiedot{
float:left;display:block;min-height:auto;margin:0 0 10px 0;padding:0 0 0 2%;background:transparent;word-wrap:break-word;
}
div.right_content{
width:73%;
}
div.right_content_yhteystiedot{
width:46%;
}
	@media only screen and (max-width:900px){
	div.left_content,div.left_content_yhteystiedot{width:100%;padding:0 2%;}
	div.left_content img,div.left_content p img,div.left_content table img
	div.left_content_yhteystiedot img,div.left_content_yhteystiedot p img,div.left_content_yhteystiedot table img{max-width:100%;height:auto}
	div.right_content,div.right_content_yhteystiedot{width:100%;min-height:auto;padding:0 2%;}
	}
div.full_content{
display:block;width:100%;margin:0 0 15px 0;padding:0;word-wrap:break-word;
}
div#bread_wrapper{
display:block;width:100%;height:auto;margin:0 auto;padding:10px 2% 4px 2%;
}
div#bread_wrapper p{
font-size:.9em;margin:0;padding:0;word-wrap:break-word;
}
	@media only screen and (max-width:900px){
	div#bread_wrapper{padding:10px 2% 16px 2%;}
	}
table.basic_table{
table-layout:fixed;width:100%;max-width:760px;margin-bottom:20px;background:transparent;font-size:1em;
}
	@media only screen and (max-width:420px){
	table.basic_table{font-size:.8em}
	}
table.basic_table th{
padding:.2em;color:#ddd;background:#333;text-align:left;word-wrap:break-word;
}
table.basic_table td{
padding:.2em;background:#fff;word-wrap:break-word;
}
tr.empty_line td{
background:transparent;
}
	li.navi_01a ul{display:none!important}
	li.navi_02a ul{display:none!important}
	li.navi_03a ul{display:none!important}
	li.navi_04a ul{display:none!important}
	li.navi_05a ul{display:none!important}
	li.navi_06a ul{display:none!important}
	li.navi_07a ul{display:none!important}

#sraami{
width:100%;height:700px;border:0;overflow:hidden;
}
div.tuotekuva_teksti{
float:left;width:100%;margin-bottom:5%;padding:1% 2%;background:#fff;
-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;
}
div.tuotekuva_teksti .t_img{
float:left;width:40%;
}
div.tuotekuva_teksti .t_img p{
text-align:center;
}
div.tuotekuva_teksti .t_teksti{
float:left;width:60%;
}
	@media only screen and (max-width:900px){
	div.tuotekuva_teksti .t_img,div.tuotekuva_teksti .t_teksti{width:100%}
	}
footer{
float:left;position:relative;width:100%;margin:0;padding:20px 0;
}
footer p{
font-size:1.1em;color:#ddd;margin:0;padding:0;
}
footer h3.center{
color:white;text-align:center;
}
footer img{
width:auto;height:auto;
}
footer a:link,footer a:visited,footer a:active{
color:#c8edff;text-decoration:none;
}
footer a:hover{
color:#99ccff;
}
div#footer_center{
position:relative;width:100%;max-width:720px;height:auto;margin:17px auto 0;padding:0;text-align:center;
}
div.footer_address{
position:relative;float:left;width:33.3333%;height:auto;margin:0;padding:2px 0;text-align:center;
}
	@media only screen and (max-width:900px){
	div.footer_address{width:100%}
	}
div.scrolltop{
float:left;width:100%;height:auto;margin:0;padding:10px 0 20px;background:transparent;
}
div.scrolltop p{
text-align:center;
}
div.scrolltop a{
margin:0;padding:20px;background:url(../images/nuoli_ylos.png) no-repeat center center;
}
div.scrolltop a:hover{
text-decoration:none;
}
div.yhteyslomake{
width:100%;max-width:700px;margin-top:20px;padding:0 1%;font-family:'Open Sans',Sans-serif;
font-size:.9em;width:-moz-calc(98% - 2px);width:-webkit-calc(98% - 2px);width:calc(98% - 2px);
}
div.yhteyslomake p{
padding:0;margin:0;
}
div.yhteyslomake div.rivi_02 input[type="radio"]{
float:left;width:15px;height:15px;
}
div.yhteyslomake input,div.yhteyslomake textarea{
float:left;width:100%;margin:1% 0;padding:7px 1%;font-family:'Open Sans',Sans-serif;
font-size:1em;border:1px solid #ccc;
}
div.yhteyslomake textarea{
height:70px;resize:none;
}
div.yhteyslomake input[type="submit"],div.yhteyslomake input[type="reset"]{
width:120px;margin:10px 3px 5px;font-family:'Open Sans',Sans-serif;font-size:1em;
}
div.buttons{
display:table;margin:0 auto;
}
	@media only screen and (max-width:420px){
	div.yhteyslomake div.rivi div.rivi_01,div.yhteyslomake div.rivi div.rivi_02{width:100%;padding-bottom:6px;}
	}
.clearfix{
display:inline-block;width:100%;height:1px;margin:0;padding:0;clear:both;
}
.clearfix_h25{
display:inline-block;width:100%;height:25px;margin:0;padding:0;clear:both;
}
	@media only screen and (max-width:900px){
	.clearfix_h25{height:0;}
	}
	/*do-not-remove-yet*/@media only screen and (max-width:670px){
	img.fh_style{padding:6% 4% 6% 0}
	}
	@media only screen and (max-width:360px){
	.txt-flt-left-to-center-360{text-align:center;}
	}