@charset 'UTF-8';


/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		font: 'sofia-pro', sans-serif, Helvetica, Arial, Verdana sans-serif;
		color:#424242;
		text-align:left;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(0,0,0,0.1);
/*
  background: url('../images/bg1.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
*/
	}

	body,input,textarea,select
	{
		font-family: 'sofia-pro', sans-serif, calibri,   'Source Sans Pro', sans-serif;
		color: #424242;
		-webkit-text-stroke: 0.15px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(0,0,0,0.1);
	}
	p
	{
		font-family: 'sofia-pro', sans-serif, calibri,   'Source Sans Pro', sans-serif;
		font-size: 16px;
		line-height: 22px;
		font-weight: 300;
		color: #424242;
		-webkit-text-stroke: 0.15px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(0,0,0,0.1);
	}
	td, div, lomtxtwht
	{
		font-family: 'sofia-pro', sans-serif, calibri,   'Source Sans Pro', sans-serif;
		font-size: 16px;
		line-height: 21px;
		font-weight: 300;
		color: #424242;
		-webkit-text-stroke: 0.15px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(0,0,0,0.1);
	}
	.ilmotd
	{
		font-family: 'sofia-pro', sans-serif, calibri,   'Source Sans Pro', sans-serif;
		font-size: 1.1em;
		font-weight: 300;
		line-height: 1.25em;
		color: #424242;
		-webkit-text-stroke: 0.15px;
		padding:5px 10px 5px 10px;
//		border: 1px dotted #424242;
	}
	.ingressi
	{
		font-family: 'sofia-pro', sans-serif, calibri,   'Source Sans Pro', sans-serif;
		font-size: 30px;
		font-weight: 300;
		line-height: 36px;
		color: #424242;
		-webkit-text-stroke: 0.15px;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		font-smoothing: antialiased;
		-webkit-text-stroke: 1px rgba(0,0,0,0.1);
	}

	h1,h2,h3,h4,h5,h6
	{
		font-family: 'sofia-pro', sans-serif, calibri, sans-serif;
		font-weight: bold;
		color:#424242;
		padding:10px 0;
		margin:0;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(0,0,0,0.1);
	}
	h1{font-size:62px;line-height:45px;color:#424242;text-align:center;}
	h2{font-size:48px;line-height:56px;color:#424242;}
	h3{font-size:1.2em}
	h4{font-size:1.1em}
	h5{font-size:1.0em;}
	h6{font-size:1em;}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{text-decoration:none;color:#055ac8;}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{}
	::selection{background:#b9baff;color:#fff}
	::-moz-selection{background:#b9baff;color:#fff}

/* Larger than tablet */
@media (max-width: 750px) {
	h1{font-size:42px;line-height:50px;color:#424242;text-align:center;}
	h2{font-size:28px;line-height:36px;color:#424242;}
}

@media (max-width: 450px) {
	h1{font-size:32px;line-height:40px;color:#424242;text-align:center;}
	h2{font-size:18px;line-height:26px;color:#424242;}
}

	.slogan
	{
		font-family: 'sofia-pro', sans-serif, calibri,   'Source Sans Pro', sans-serif;
		font-size: 15pt;
		font-weight: 300;
		line-height: 2.25em;
		color: #424242;
		-webkit-text-stroke: 0.15px;
		padding-top:5px;
	}
	
	.autolistaots {font:1.05em 'sofia-pro', sans-serif, calibri, sans-serif;color:#000000;font-weight:700;padding:10px 0;margin:0;line-height:1.3em}

	header
	{
		margin: 0 0 0 0;
	}

	footer
	{
//		margin: 2em 0 0 0;
	}

	strong, b
	{
		font-weight: 800; 
//		color: #333;
	}
	
	em, i
	{
		font-style: italic;
	}

	.header a
	{
		font-family: 'sofia-pro', sans-serif, calibri,   'Source Sans Pro', sans-serif;
		font-weight: 400;
		text-decoration: none;
		color: #424242;
		border-bottom: 0px rgba(128,128,128,0.5);
		-moz-transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-webkit-transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-o-transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-ms-transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		outline: 0;
		font-size:15px;
	}

	header a:hover
		{
			color: #0578ff;
		}
	header a:visited
		{
			color: #003cb4;
		}
	header a:active
		{
			color: #00e375;
		}

	a
	{
		font-family: 'sofia-pro', sans-serif, calibri,   'Source Sans Pro', sans-serif;
		text-decoration: none;
		color: #055ac8;
		// border-bottom: dotted 1px rgba(128,128,128,0.5);
		-moz-transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-webkit-transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-o-transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-ms-transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		outline: 0;
	}

		a:hover
		{
			color: #0578ff;
//			border-bottom-color: rgba(255,255,255,0);
		}
		a:visited
		{
			color: #003cb4;
//			border-bottom-color: rgba(255,255,255,0);
		}
		a:active
		{
			color: #00e375;
//			border-bottom-color: rgba(255,255,255,0);
		}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p
	{
		margin-bottom: 1.25em;
	}

	br.clear
	{
		clear: both;
	}


	/* Lists */
	.listat
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
		padding-left: 1.5em;
	}

	.lista
	{
		list-style-type: disc;
		background-image: url(../images/listcheck.png);
		background-repeat: no-repeat;
		background-position: 0 .4em;
		padding-left: 1.5em;
		margin-bottom: 0.15em;
	}


.yrityshakukenta { 
	background-color:#ffffff;
//	margin:auto;
//	border:1px solid #a4a3a1; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	width:100%;
	max-width:670px;
	padding:10px;
}
.hakukentta { 
	background-color:#ffffff;
	margin:auto;
//	border:1px solid #a4a3a1; 
	border:1px solid #ffffff; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:75%;
	max-width:575px;
	padding:0px;
}
.hakukentta2 { 
	background-color:#ffffff;
	margin:auto;
	border:1px solid #045ac7; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:75%;
	max-width:575px;
	padding:0px;
}
.hakulasi { 
	color:#a4a3a1;
	font-size:1.5em;
}
.hakulasi2 { 
	color:#045ac7;
}

.uutiskirjebox { 
	background-color:#ffffff;
	margin:auto;
	border:1px solid #dcdcdc; 
	width:95%;
	max-width:450px;
	padding:8px;
	font-size:14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.uutiskirjebox:focus
{
	box-shadow: 0 0 2px 1px #8ededc;
	background: #cdcfff;
	color: #424242;
	border: 1px solid #055ac7;
}

.tblsin
{
	background-color: #d1ddeb;
}
.tdsinhd
{
	background-color: #b0c4de;
	padding: 3px 10px 3px 3px;
	border: 2px solid #ffffff;
	text-align:left;
	font-weight: bold;
	font-size: 0.9em;
}
.tdsin
{
	padding: 3px 10px 3px 3px;
	border: 2px solid #ffffff;
	text-align:left;
	font-weight: normal;
	font-size: 0.9em;
}
.taulukkoheader
{
	padding: 3px 10px 3px 3px;
	border: 2px solid #ffffff;
	text-align:left;
	font-weight: bold;
	font-size: 0.9em;
}
.taulukkotd
{
	padding: 3px 10px 3px 3px;
	border: 2px solid #ffffff;
	text-align:left;
	font-weight: normal;
	font-size: 0.9em;
}

	/* Forms */

		form
		{
		}
		
			.haku
			{
				-webkit-appearance: none;
				border: 0;
				background: #fff;
				background: rgba(255,255,255,0.75);
				width: 100%;
				border-radius: 0.35em;
				padding: 0.25em 0.1em 0.25em 0.1em;
				box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05);
				border: solid 1px rgba(0,0,0,0.75);
				-moz-transition: all 0.35s ease-in-out;
				-webkit-transition: all 0.35s ease-in-out;
				-o-transition: all 0.35s ease-in-out;
				-ms-transition: all 0.35s ease-in-out;
				transition: all 0.35s ease-in-out;
				padding-left:5px;
				font-size:0.9em;
			}

				.haku:hover
				{
				}

				.haku:focus
				{
					box-shadow: 0 0 2px 1px #8ededc;
					background: #cdcfff;
					color: #424242;
					padding-left:5px;
					font-size:0.9em;
				}

			input.text,
			select,
			textarea
			{
//				position: relative;
				-webkit-appearance: none;
//				display: block;
				border: 0;
				background: #fff;
				background: rgba(255,255,255,0.75);
				width: 100%;
				border-radius: 0.35em;
				padding: 0.25em 0.25em 0.25em 0.25em;
				box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05);
				border: solid 1px #a6a2a1;
				-moz-transition: all 0.35s ease-in-out;
				-webkit-transition: all 0.35s ease-in-out;
				-o-transition: all 0.35s ease-in-out;
				-ms-transition: all 0.35s ease-in-out;
				transition: all 0.35s ease-in-out;
			}
			input.textpak
			{
				-webkit-appearance: none;
				border: 0;
				background: #fff;
				background: rgba(255,255,255,0.75);
				width: 100%;
				border-radius: 0.35em;
				padding: 0.5em 0.25em 0.5em 0.25em;
				box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05);
				border: solid 1px #fe7084;
				-moz-transition: all 0.35s ease-in-out;
				-webkit-transition: all 0.35s ease-in-out;
				-o-transition: all 0.35s ease-in-out;
				-ms-transition: all 0.35s ease-in-out;
				transition: all 0.35s ease-in-out;
			}
				input.text:hover,
				select:hover,
				textarea:hover
				{
				}

				input.text:focus,
				select:focus,
				textarea:focus
				{
					box-shadow: 0 0 2px 1px #8ededc;
					background: #cdcfff;
					color: #424242;
					border: 1px solid #055ac7;
				}

				input.textpak:focus
				{
					box-shadow: 0 0 2px 1px #8ededc;
					background: #cdcfff;
					color: #424242;
					border: 1px solid #055ac7;
				}

			form input.text,
			form select,
			form textarea
			{
//				position: relative;
				-webkit-appearance: none;
//				display: block;
				border: 0;
				background: #fff;
				background: rgba(255,255,255,0.75);
				width: 100%;
				border-radius: 0.35em;
				padding: 0.25em 0.25em 0.25em 0.25em;
				box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05);
				border: solid 1px #a6a2a1;
				-moz-transition: all 0.35s ease-in-out;
				-webkit-transition: all 0.35s ease-in-out;
				-o-transition: all 0.35s ease-in-out;
				-ms-transition: all 0.35s ease-in-out;
				transition: all 0.35s ease-in-out;
			}

				form input.text:hover,
				form select:hover,
				form textarea:hover
				{
				}

				form input.text:focus,
				form select:focus,
				form textarea:focus
				{
					box-shadow: 0 0 2px 1px #8ededc;
					background: #cdcfff;
					color: #424242;
					border: 1px solid #055ac7;
				}
				
				form textarea
				{
					min-height: 4em;
				}

				form .formerize-placeholder
				{
					color: #555 !important;
				}

				form ::-webkit-input-placeholder
				{
					color: #555 !important;
				}

				form :-moz-placeholder
				{
					color: #555 !important;
				}

				form ::-moz-placeholder
				{
					color: #555 !important;
				}

				form :-ms-input-placeholder
				{
					color: #555 !important;
				}

				form ::-moz-focus-inner
				{
					border: 0;
				}
			


/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		text-align: center;
		//background-color: #000000;
		background-image: url('../images/bgr_black_clean.jpg');
		padding: 1em 0 0 0;
		box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.05), inset 0 0.1em 0.1em 0 rgba(0,0,0,0.025);
		font-size: 0.8em;
	}

	.copyright
	{
		line-height: 1.25em;
		color: #f2f2f2;
		font-size:14px;
	}
	.powered 
	{             
			font-size: 12px;
            color: #f2f2f2;
            font-family: 'PT Sans', sans-serif;
	}