body {
	color:#fff;
	font:normal normal 16px 'Blinker', Arial, Helvetica, sans-serif;
	line-height:27px;
	font-weight:400;
	background:#272727; 
	padding:100px 0;
}


html {height:100%;}

* {font-family:'Blinker', Arial, sans-serif;}

h1 { font-size: 50px; line-height:52px; font-weight:700; color:#fff; text-align:center;}
h2 { font-size: 36px; line-height:42px; font-weight:400; color:#fff; }
h3 { font-size: 16px; line-height:34px; font-weight:700; color:#fff; }
h4 { font-size: 20px; line-height:24px; font-weight:400; color:#272727; }
h5 {font-size: 13px; font-weight:400; }
h6 {font-size: 12px; font-weight:400; }

h1+h3 {margin-bottom:20px;}



a {color:#c81a24; font-weight:400;}

.kirjaudu h2 {
	color:#fff;
	font-weight:700;
}
.kirjaudu {
	position:absolute;
	left:50%;
	top:50%;
	text-align:center;
	width:400px;
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	color:#fff;
}
.login-elem {
	padding:5px;
	font-weight:700;
	font-size:20px;
	line-height:30px;
}
.login-elem input {
	displaY:block;
	width:100%;
	padding:7px 0;
	background:#fff;
	border-radius:10px;
	border:0;
	text-align:center;
}
.signin-elem {margin-top:30px;}
.signin-elem .elem {
	display:inline-block;
	float:left;
	width:50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px;
}

.signin-elem input, .signin-elem a, .signin-elem button {
	display:block;
	width:auto;
	border:0;
	font-size:18px;
	font-weight:700;
	line-height:20px;
	padding:10px 0px;
	border-radius:10px;
	background:#a6161e;
	color:#fff;
	width:100%;
	cursor:pointer;
}
.signin-elem a {
	background:#444;
}

.signin-elem input:hover, .signin-elem a:hover {
	text-decoration:none;
}
.signin-elem input:hover {
	background:#c00;
}
.signin-elem a:hover {
	background:#111;
}

.kuva {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:15px;
	border-radius:10px;
	background:#fff;
	color:#272727;
	margin:5px;
}

.file li {
	list-style-type:none;
	margin:0;
	font-size:14px;
	line-height:25px;
}
.file li strong {
	display:inline-block;
	width:125px;
}
.file ul {margin-bottom:10px;}
.kuva a {
	display:inline-block;
	background:#c81a24;
	padding:10px 10px;
	margin-right:5px;
	border-radius:10px;
	color:#fff;
	font-size:14px;
	line-height:14px;
}
.kuva img {border-radius:7px;max-height:150px; width:auto;}
.kuva .grid_7 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px 15px 0 15px;
}
.pageTrail {
	font-size:20px;
	line-height:24px;
	margin-top:100px;
	margin-bottom:20px;
}
.trailSeparator {margin:0 10px;}
.kansio {
	background:#fff;
	border-radius:10px;
	text-align:center;
	margin:5px;
	width:250px;
	display:inline-block;
}
.kansio img {
	width:80px;
	height:auto;
}
.kansio:hover {
	background:#c81a24;
}
.kansio a {
	padding:40px 40px 20px 40px;
	display:block;
}
.kansio a:hover {text-decoration:none;}
.kansio a h3 {color:#272727;margin-top:0;}

#top {

	background:none;
	
	margin-bottom:0px;
	position:absolute;
	top:0px;
	left:0;
	right:0;
	margin-bottom:0px;
	z-index:1000;
	border-top:4px solid #272727;
}


#top #top-wrap {
	max-width:1300px;
	margin:0 auto;
	padding:60px 5px 10px 5px;
	position:relative;
}
#top.fixed #top-wrap {
	padding-top:10px;
}

@keyframes liikuta {
	from {top:-150px;}
	to {top:0;}
}

#top.fixed {position:fixed; top:0; lefT:0;right:0;
animation:0.3s liikuta linear;
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
background:#fff;
}
#top.fixed #nav .logo {top:20px;}
#top.fixed #yhteystiedot {display:none;}


#top p {margin:0;}

#copy {background-color: #222;}



#header, #nav {display:inline-block; float:left; margin:0;}

#header {width:20%;margin-right:3%;}
#nav {width:100%; }


#nav li.level1 > a:hover { 
	text-decoration:none;
}


@media (max-width: 800px) {

	
	#nav ul li.level1 > a,#nav ul li.level1.viimeinen > a {
		border-bottom:1px solid rgba(0,0,0,0.1) !important;
		margin:0px;
	}
	
	#nav li.level1 > a:hover, #nav .submenu li a:hover, #nav li.level1 > a:focus, #nav .submenu li a:focus,
	#nav li.level1.viimeinen > a:hover, #nav li.level1.viimeinen > a:focus {
		background:rgba(0,0,0,0.1) !important;
		text-decoration:none;
		text-indent:0px;
}
	
	.valikko { margin-bottom:0px; }
	.valikko-koti, .valikko-avaa {
				
		background-position: center;
		background-repeat:repeat-x;
		margin-bottom:6px;
	}
	.valikko-koti a, .valikko-avaa a {
		color:#fff;
		padding:12px 0px !important;
		font-size:16px; 
		text-align:center;
		
	}

	.valikko-avaa.avattu .icon-th-list { background-image: url("../../../images/glyphicons-halflings.png") !important; }
	.valikko-avaa.avattu a { color:#000 !important; }
	
	.valikko-lista {
		margin:0;
		
		
		padding:0;
	}
	.avaaSubnav {background:rgba(0,0,0,0.3); position:absolute; right:3px; 
		padding:0px;
		text-align:center;
		width:50px;
		height:50px;
		top:3px;
		line-height:50px;
		display:inline-block;
		z-index:2000;
		cursor:default;
	}
	.avaaSubnav:hover {background:rgba(0,0,0,0.6);}
}



.avaaSubnav {display:none;}
@media (max-width:800px) {
	
	.submenu {display:none;}
	.avaaSubnav {display:inline-block;}
	.avaaNavi {
		height:50px; 
		width:50px; 
		position:fixed; top:10px; right:10px;
		border-radius:5px;
		-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
		-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
		box-shadow:0px 0px 10px rgba(0,0,0,0.5);
		z-index:5000;
		opacity:0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		background:#00903E url(../images/valikko.png) center no-repeat;
		background-size:70% Auto;
	}
	
	.avaaNavi.show {
		opacity:1;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
}



#nav ul li.level1 {
	display:inline-block;
	width:auto;
	margin:5px 0;
	position:relative;
}
#nav ul li.level1 a {
	padding:10px 20px;
	font-weight:300;
	color:#272727;
	font-size:18px;
	position:relative;
}

#nav ul.menu {text-align:right;}

@media (max-width:1200px) {
	#nav ul li.level1 a {
		padding:10px 15px;
		font-size:16px;
	}
	
}



@media (max-width:800px) {

	.valikko-avaa {position:absolute;top:14px;right:0px; width:40px; z-index:15000;
		background:#272727;
		padding:0 10px;
		border-radius:5px;
	}
	.line {
		background:#fff;
		display:block;
		margin:5px 0;
		height:5px;
		border-radius:3px;
	}
	.avaaSubnav {color:#fff; font-weight:700;}
	.valikko {
    background: #272727;
    margin: 0px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	z-index:1000;
	
	}

	#nav ul li.level1 a {color:#fff; text-align:left; font-size:16px !important;padding:20px 40px;}
	#nav ul li.level1 {display:block;}

}

@media (max-width:480px) {
	.kirjaudu {width:300px;}
}



@media (max-width:360px) {
	.valikko-avaa {position:absolute;top:10px;right:10px; width:30px;}
	.line {
		display:block;
		margin:4px 0;
		height:4px;
		border-radius:3px;
	}
}