@import url(http://fonts.googleapis.com/css?family=Dancing+Script);
@import url(http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day);
@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Arapey);
@import url('https://fonts.googleapis.com/css?family=Elsie');
@import url(https://fonts.googleapis.com/css?family=Slabo+27px); 
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@import url('https://fonts.googleapis.com/css?family=Antic+Didone');
@import url('https://fonts.googleapis.com/css?family=Arapey:400,400i|Montserrat:400,400i,700,700i|Parisienne&display=swap');
@import url('https://fonts.googleapis.com/css?family=Arapey:400,400i|Montserrat:400,400i,700,700i&display=swap');

 

body{
 background-image: url('tausta.png');margin:0;padding:0;
background-repeat: repeat;
background-attachment:fixed;
background-size:;}

table, body, tr, td, br, p, li{
   text-align: justify; 
   font-size: 15px;
   font-family: 'Raleway';
   letter-spacing: 0px; 
   line-height: 24px;
   color: #535353;}

a:link, a:visited {color:#8B9A38; text-decoration:none; -webkit-transition: all 0.9s ease-in;
    -moz-transition: all 0.9s ease-in;
    -o-transition: all 0.9s ease-in;
    transition: all 0.9s ease-in;}
a:hover, a:active {color:#333; text-decoration:underline; cursor:default;  }


 
nav { margin: 0 auto 0px;text-align: center; height: 50px; max-width: 100%; background-color:#333; border-bottom:0px solid #032943;border-top:0px solid #032943;}
nav > section { position:relative; }
.viiva:after { content: "|"; color: #eaeaea; padding: 0 75px; font-size: 15px;}
.mainlinks { font: 18px/48px 'Antic Didone'; font-size: 14px; text-transform: uppercase; letter-spacing : 1px;  }
.mainlinks a:link, .mainlinks a:visited { color: #eaeaea; text-decoration: none;}
.mainlinks a:hover, .mainlinks a:active { color: #7C8932; text-decoration: none; }

h1 {
  color: #61695e;
  font-weight: normal;
  font-family: 'Parisienne', cursive;
  font-size: 40px;
text-align: left; 
padding-left:30px;
padding-top:10px;
padding-bottom:10px; 
  text-shadow: 0px 1px 8px rgba(0,0,0, 0.1);
}

h5 {
font-family: 'Dawning of a New Day', serif;
border-bottom:0px solid#E8E6D9; 
background-attachment:fixed;
text-transform:none;
padding-right:0px;   
padding-top:30px;
margin-top:0px;
margin-bottom:20px;
font-weight:100;
font-style:none;
font-size: 27px;
text-align: center;
line-height:0px;
letter-spacing:0px;
text-shadow:0px 0px 10px #ddd;
color: #333;}

h6 {
font-family: 'Antic Didone', serif;
border-bottom:0px solid#E8E6D9; 
background-attachment:fixed;
text-transform:uppercase;
padding-right:0px;   
padding-top:0px;
margin-top:50px;
margin-bottom:70px;
font-weight:100;
font-style:none;
font-size: 85px;
text-align: center;
line-height:0px;
letter-spacing:2px;
text-shadow:0px 0px 0px #eaeaea;
color: #333;}



h4 {
   color: #BEBEBE;
font-family: 'lora';
font-style: none;
border-top:0px solid #E0D9D1; 
   font-size:10px;
   text-align:center;font-weight: normal;
text-shadow: 0px 0px #fff;
letter-spacing:2px;
padding-bottom: 10px; 
margin-right: 0px;
padding-top: 20px; 
margin-top:0px;}

h2 { 
  color: #d1d1d1;
  font-family: 'Arapey', serif;
  font-weight: normal;
  font-style: italic;
  font-size: 24px;
  text-shadow: 0px 1px 8px rgba(0,0,0, 0.1);
  margin-left: 20px;
  margin-bottom: 0px;}


h3 { font-family: 'Raleway';text-transform: uppercase;text-align: left;font-weight: normal;color: #d1d1d1;margin-top: 40px; padding-top:0px;margin-bottom:20px; font-size: 27px;letter-spacing:0px;border-bottom: 1px solid #ddd; }


h5 {
  color: #808080;
  font-family: 'Arapey', serif;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0px 1px 11.76px rgba(255, 184, 242, 0.33);
  padding: 5px 20px;
text-align: left;
}


 moi {padding-left:20px; }
 
#taulukko {
text-transform: none; background-color:#fff;  max-width:1100px;margin:auto;margin-top: 0px; margin-bottom: 0px;border-left:0px solid rgba(221, 221, 221, 0.3);padding-bottom:20px;}
 
#otsikko { text-transform: none; background-color:#fff;  max-width:1100px;margin:auto;padding-top: 20px; margin-bottom: 0px;border-left:0px solid rgba(221, 221, 221, 0.3);padding-bottom:0px; }

#text {width: 1000px;position: relative;margin: 0px auto;text-align: justify;padding:10px 0px 0px 0px;}
.overflow { height: 100px; overflow: auto; }

.otsikkokuva {border-top:0px solid #333;border-bottom:0px solid #333;}

.koristemini{
 margin-top: 15px; margin-bottom:0px;margin-left:0px; padding:3px; border:1px solid #969696; background-color:#fff; border-radius:0px 0px 0px 0px;box-shadow:  0px 0px 10px #ddd;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.koristemini:hover{
 margin-top: 15px; margin-bottom:0px;margin-left:0px; padding:3px; border:1px solid #969696; background-color:#fff; border-radius:0px 0px 0px 0px;box-shadow:  0px 0px 10px #ddd;
	-webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; opacity:0.60; filter:alpha(opacity=60); /* For IE8 and earlier */
}

.etusivukuva{
 margin-top: 3px; margin-bottom:0px;margin-right:20px; padding:0px; border:1px solid #ddd; background-color:#fff;border-radius:20px 0px 20px 0px;box-shadow:  0px 0px 10px #e6e6e6;height:370px;}

.kuva2{
margin-top: 3px; 
margin-bottom:0px;
margin-left:20px; 
padding:5px; 
    -webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px;
     border:1px solid #e2ddd7;
     background-color: #fff;}

.kuvavasen {
margin-top: 3px; 
margin-bottom:0px;
margin-right:20px; 
padding:5px; 
    -webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px;
     border:1px solid #e2ddd7;
     background-color: #fff;}


.myynt i{margin-right: 40px;  padding:px; border:px solid #ddd; background-color:#fff; border-radius:20px 0px 0px 20px;height:175px;}
 

.boxi {width:98%; background-color:#F5F5F5;border-radius:20px 20px 20px 20px;padding:5px 20px 5px 0px;}
 
 
#footer {position:center;width:100%;padding-bottom:5px;background-color:#333; }

#laatikko {
background-color:#f2f7f0;margin:auto;width:80%;border:0px solid #ddd;margin-top:40px;padding:6px 40px 10px 40px; padding: 5px;
  border-radius: 15px 15px 15px 15px; box-shadow: 0px 1px 10px 0.6px rgba(180, 180, 180, 0.5);}





.keski {
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}



.meriitit {
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  font-style: italic;
  color: #61695e;
  text-shadow: 0px 1px 5px rgba(0,0,0, 0.2);
}

.virtuaalihevonen {
  text-align: center;
  margin: -20px 0 0 0;
  color: #a1a1a1;
  font-style: italic;
  font-family: 'Arapey', serif;
}







 #perustiedot {
     margin: 35px 40px 0px -50px;
    padding-left:0px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
     width:1092;
	 color: f6f6f6;
     background: rgba(238, 238, 238, 1);
     padding:4px;
}
 .tietokuva {
     float:left;
     margin:0px 90px 0 60px;
     padding:5px;
     height: 270px;
    -webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px;
     border:1px solid #e2ddd7;
     background-color: #fff;
}





table#suku {
	width: 100%;
	font-size: 14px;
	border: 0;
	text-align: left;
	border-spacing: 0;
	box-shadow: 0px 0px 5px #ffffff;
	background-color: rgba(209, 219, 156, 0.3);
	border-radius: 15px 15px 15px 15px; box-shadow: 0px 1px 10px 0.6px rgba(180, 180, 180, 0.5);}

table#suku2 {
	width: 100%;
	border: 0;
	text-align: left;
	}

.suku1 {
	padding: 30px;
	border-bottom: 3px solid #fff;
	background: #f6f6f6 url(suku.png) no-repeat center right;
	}

.suku2 {
	padding: 10px;
	border-bottom: 3px solid #fff;
	background: #f6f6f6;
	}

p.sukutieto {
	font-size: 11px;
	margin-top:0;
	padding: 0px;
	color: #808080;
	line-height:1.7;
	}

p.sukutieto2 {
	font-size: 11px;
	text-align: center;
	margin-top:0;
	padding: 0px;
	color: #808080;
	line-height:1.7;
	}



.kuvan2 {
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
box-shadow: #dddddd 0 3px 3px;
	margin-left: 20px;
}







.taul1 {
	text-align: left;
	width: 100%;
	border: solid rgba(51, 51, 51, 0.8);
	border-width: 8px 0px;
	border-spacing: 0px;
	border-collapse: collapse; 
}

.taul1 td {
	background-color: #f6f6f6; 
}



.porrastetut p {
	font-size: 13px; 
	margin: 20px 10px 20px 50px;
}

.väli {
	text-align: left;
	font-size: 12px; 
	border-left: 1px solid rgb(21 60 81 / 10%);	
	padding: 20px 10px;
	vertical-align: top; 
}

.väli p {
	font-size: 12px; 
}





.sijat {
	font-size: 13px; 
	border-left: 1px solid rgb(21 60 81 / 10%);	
	text-align: center; 
	padding: 20px 10px;
	vertical-align: top; 
}

.sijoitukset {
	width: 100%; 
}

.sijoitukset td {
	font-size: 13px; 
	text-align: center; 
	padding: 20px 10px;
	vertical-align: top; 	
}

details {
    margin: 10px auto 40px auto; ; 
}

summary {
	display: block; 
	outline: none; 
	cursor: pointer; 
	text-align: center; 
	width: 200px; 
	margin: auto; 
	padding: 8px; 
    color: hsl(201 58% 20% / 0.5);
    text-transform: uppercase; 
    letter-spacing: 2px; 
    border-bottom: 1px dotted hsl(176deg 43% 45% / 50%); 
}

summary::-webkit-details-marker {
    display: none;
}

summary:hover { 
    font-weight: bold; 
}





pk {
    margin: 40px 100px;    	
}

.pk h5 {
	border-bottom: 0px; 
	margin: 40px 0px 0px 0px; 
}

.pk p {
	margin: 0px 0px 30px 0px; 
}

.pk td {
	border-left: 1px dotted hsl(176deg 43% 45% / 50%); 
    padding: 0px 0px 0px 50px; 
}