body, html { background:#e7eaef; margin:0; padding:0; }
img { max-width:100% !important; height:auto !important; border:0; }

header { width:100%; margin:0; padding:0; background:#fff; 
	/*position:fixed; top:0; z-index:1200;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity:0.95;
	opacity:0.95;	*/
}
.headercontent { width:90%; margin:0 auto; padding:1.4em 0 1em; }
.logo {}
.content { width:86%; margin:1em auto; padding:1em; /* position:relative; top:6em; */ background:#fff; 
	-moz-box-shadow: 0px 4px 18px 0px #cfd2d7;
	-webkit-box-shadow: 0px 4px 18px 0px #cfd2d7;
	box-shadow: 0px 4px 18px 0px #cfd2d7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cfd2d7')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cfd2d7');
}

nav.leftnavi ul { margin:0 2em 2em 0; list-style:none; }
nav.leftnavi ul li { }
nav.leftnavi ul li a { display:block; height:1.4em; margin:0 0 .1em 0; width:94%; color:#1b2838; position:relative;
		font-family:'Ubuntu Condensed','Helvetica Narrow','Arial Narrow',sans-serif; font-weight:400; padding:.4em 0 .4em 6%; font-size:1.3em; background:#f6b20f; text-align:left;text-decoration:none;
		background: -moz-linear-gradient(top, #f6b20f 0%, #f79110 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6b20f), color-stop(100%,#f79110)); 
		background: -webkit-linear-gradient(top, #f6b20f 0%,#f79110 100%); 
		background: -o-linear-gradient(top, #f6b20f 0%,#f79110 100%); 
		background: -ms-linear-gradient(top, #f6b20f 0%,#f79110 100%); 
		background: linear-gradient(to bottom, #f6b20f 0%,#f79110 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b20f', endColorstr='#f79110',GradientType=0 ); 
		border-top:.1em solid #fee6a5; border-right:.1em solid #eda313; border-bottom:.1em solid #c48953; border-right:.1em solid #c48953;  
		-webkit-border-radius:.2em;
		-moz-border-radius:.2em;
		border-radius:.2em;}
nav.leftnavi ul li a:hover { opacity:0.7; }
nav.leftnavi ul li.noBorBottom { width:100%; margin-top:-.2em; border:.1em solid #d4d4d4; border-bottom:0; }
nav.leftnavi ul li ul { width:100%; margin:0; border:.1em solid #d4d4d4; border-top:0; }
nav.leftnavi ul li ul li { border:0; }
nav.leftnavi ul li ul li a { width:92%; font-family:'Ubuntu',helvetica,sans-serif; font-weight:400; font-size:.9em; 
	text-align:left; margin:0 auto; padding:.6em 0 .2em .2em; border:0; border-top:.1em solid #d4d4d4; border-radius:0; background:#fff; }
nav.leftnavi ul li ul li a:hover, nav.leftnavi ul li ul li a.selected { background:#f0f2f5; color:#000; }
#texts { padding:0 10% 0 0; }
.avoinna { background:orange; margin:1em 1em 1em 0; padding:2em; }
.avoinna h3 { font-family:'Ubuntu',sans-serif; font-weight:700; font-size:1em; text-transform:uppercase; color:#fff; margin:0; padding:0; }
.avoinna h1 { font-family:'Ubuntu',sans-serif; font-weight:700; font-size:4em; color:#fff; margin:0 0 .4em 0; padding:0; line-height:1em; }
.avoinna h6 { font-size:1em; }
.white { background:#fff; padding:2em; }
.softers { text-align:center; margin:1em auto; }
.message, .messages { background:orange; padding:1em; }
table td { vertical-align:top; }

/* MEGA */
.mega,.mega a,.mega ul,.megali,.mega div,.mega form,.mega input { margin:0; padding:0; border:none; outline:none; }
.mega a { text-decoration:none; }
.mega li { list-style:none; }
.mega { display:inline-block; position:relative; cursor:default; z-index:1100; }

.mega > li.mega-search > form { position:relative; }
.mega > li.mega-search input[type="text"] { display:block; float:left; 
    -webkit-transition: all .3s ease 1s;
    -moz-transition: all .3s ease 1s;
    -o-transition: all .3s ease 1s;
    -ms-transition: all .3s ease 1s;
    transition: all .3s ease 1s;
	}
.mega> li.mega-search input[type="text"]:focus { color: #fcfcfc; }
.mega > li.mega-search input[type="text"]:focus,.mega > li.mega-search:hover input[type="text"] {
	-webkit-transition: all .3s ease .1s;
    -moz-transition: all .3s ease .1s;
    -o-transition: all .3s ease .1s;
    -ms-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
	}	
.mega > li.mega-search input[type="submit"] { display:block; float:left; cursor:pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
	}
.mega > li.mega-search input[type="submit"]:hover { background-color: #4b4441; }

footer { background:#f0f2f5; margin:1em 0 0 0; padding:2em 1em; }
.fb-like-box { background:#fff; }
th {text-align:left;}

/* FORM */
form { font-size:.85em;}
.button {  font-family:'Ubuntu Condensed','Helvetica Narrow','Arial Narrow',sans-serif; font-weight:400; margin:.4em 0; padding:.5em .7em; font-size:1em; background:#f6b20f;
		background: -moz-linear-gradient(top, #f6b20f 0%, #f79110 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6b20f), color-stop(100%,#f79110)); 
		background: -webkit-linear-gradient(top, #f6b20f 0%,#f79110 100%); 
		background: -o-linear-gradient(top, #f6b20f 0%,#f79110 100%); 
		background: -ms-linear-gradient(top, #f6b20f 0%,#f79110 100%); 
		background: linear-gradient(to bottom, #f6b20f 0%,#f79110 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b20f', endColorstr='#f79110',GradientType=0 ); 
		border-top:.1em solid #fee6a5; border-right:.1em solid #eda313; border-bottom:.1em solid #c48953; border-right:.1em solid #c48953;  
		-webkit-border-radius:.2em;
		-moz-border-radius:.2em;
		border-radius:.2em;
}
input[type="text"],input[type="password"] { position:relative; -webkit-appearance:none; width:40%; padding:.4em; margin:.4em 0; border:.1em solid #c6bfb8; font-family:helvetica,arial,sans-serif; }
textarea { padding:.4em; margin:.4em 0; border:.1em solid #c6bfb8; font-family:helvetica,arial,sans-serif; }
input[type=file]:-webkit-file-upload-button { width:0; padding:0; margin:0; -webkit-appearance:none; border:.1em solid red; }
input[type=radio], input[type=checkbox] { position:relative; top:.2em; }  
input.error, textarea.error{border:1px solid red;}
select { padding:.4em .6em; font-size:1em;  }
::-webkit-input-placeholder {color:#6f8792; font-style:italic;}
:-moz-placeholder {color:#6f8792; font-style:italic;}
::-moz-placeholder {color:#6f8792; font-style:italic;}
:-ms-input-placeholder {color:#6f8792; font-style:italic;}
input:required, textarea:required { /*border: .1em solid red;*/ }
input[type=text]:focus,input[type="tel"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus { 
	border:.1em solid #555555; box-shadow: 0 0 .4em #c6bfb8; padding:.4em; margin:.4em 0; border:.1em solid #c6bfb8;  }
span.palauteluokka { display:block; margin:1em 1em 1em 0; white-space:nowrap; }
.palauteDiv h3 { margin:1.4em 0 .4em 0;}

div.varmistus{border:.1em solid #c6bfb8; padding:.5em; width:80%;}


div.cookieinfo-bg{position:fixed; z-index:15000; bottom:0; height:60px; width:100%; background:#3396d2;}
div.cookieinfo-content{position:fixed; z-index:15010; bottom:0; height:60px; width:100%;}
div.cookieinfo-content div{color:#fff; font-weight:normal; text-align:center; margin-top:10px;}
div.cookieinfo-content div a{ color:white; text-decoration:underline;}