BODY
{
margin-top: 0pt;
}

@font-face {
font-family: 'frank';
src: url(fonts/LibreFranklin-SemiBold.woff2);

 }


h4{font-family: 'frank', arial, helvetica;
		
		font-weight: bold;
		font-size: 11pt;
		color:#4B4B4B}

h5{font-family: 'frank', arial, helvetica;
		font-weight: normal;
		font-size: 7pt;
		color:#737373;}


h6{font-family: 'frank', arial, helvetica;
		font-weight: normal;
		font-size: 9pt;
		color:#595959}

.pikku{font-family: 'frank', arial, helvetica;
		font-weight: normal;
		font-size: 9pt;
		color:black;}

.vali{
font-size:20px;
}


ul{font-family: 'frank', arial, helvetica;
		font-weight: normal;
		font-size: 9pt;
		list-style: square
		color:#595959}

a:link{text-decoration: none; color: #3B3BAE;}


a:visited{text-decoration: none; color: #3B3BAE;}

A:hover{text-decoration: underline; color: #3B3BAE;}


#sivunappi {

}
a.sivunappi {
	display: table-cell;

	padding-right: 2;
	padding-left: 2;
	padding-top: 2;
	padding-bottom: 2;
	font-family: 'frank', arial, helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;

	letter-spacing: 0;
	text-align: left;

	text-decoration: none;
     	color: #000000;

    	background-repeat: no-repeat;
	background-position: left;
	text-indent: 0 ;
    	 z-index: 100;
}


	 
a.sivunappi:hover {
	color: #000000;    
	 background-color: #364F86;


}
a.sivunappi:focus {
	display: table-cell;

	padding-right: 1;
	padding-left: 1;
	padding-top: 1;
	padding-bottom: 1;
	font-family: arial, helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;

	letter-spacing: 0;
	text-align: left;
	text-decoration: none;
     color: #002056;
     background-color: #97BBE6;

    	background-repeat: no-repeat;
	background-position: left;
	text-indent: 0 ;
     z-index: 100;
}


.tuotelaatikko
 {

 border: 1px solid #364F86;
background-color: #FFFFFF;
margin:10px;

}

.tuotelaatikko_yla
 {

 border: 0px solid #364F86;
background-color: #FFFFFF;
margin:5px 0px 0px 6px;

}

.otsikkokuva{
padding-left: 10px;
}

p{
font-family: 'frank', arial, helvetica; 

font-weight: normal; 
font-size: 14px; 
letter-spacing: -0.02em;
color:#000;
margin-top: -5px;
}

.isompi{
font-family: 'frank', arial, helvetica; 

font-weight: normal; 
font-size: 15px; 
letter-spacing: -0.02em;
color:#000;
margin-top: -5px;
}

.paksu{
font-family: 'frank', arial, helvetica; 

font-weight: normal; 
font-size: 14px; 
letter-spacing: -0.04em;
color:#024FFB;
margin-top: -5px;
}




.leipis{font-family: 'frank', arial, helvetica;
		font-weight: normal;
		font-size: 14px;
		color:#000;
padding: 0px;
}



h1{font-family: 'frank', arial, helvetica;
margin-bottom: 10px;		
		font-weight: normal;
letter-spacing: -0.02em;
		font-size: 17px;
		color:#000;

}

h2{font-family: 'frank', arial, helvetica;
margin-bottom: 10px;	
margin-top: -5px;	
		font-weight: normal;
		font-size: 14px;
		color:#000
}

h3{font-family: 'frank', Trebuchet, tahoma, arial, helvetica;
margin-top: 0px;
margin-bottom: -15px;		
		font-weight: normal;
letter-spacing: 0.11em;
		font-size: 14px;
		font-weight: bold;
		color:#000;
}

/* Webkit browser engine: Firefox */
@-moz-document url-prefix() {

.paksu{
font-family: 'frank', arial, helvetica; 

font-weight: normal; 
font-size: 14px; 
letter-spacing: -0.05em;
color:#024FFB;
margin-top: -5px;
}


} 

/* SAFARI */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
 
.paksu{
font-family: 'frank', arial, helvetica; 

font-weight: normal; 
font-size: 13px; 
letter-spacing: -0.05em;
color:#024FFB;
margin-top: -5px;
}

}}