@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: 30px;
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;
}


h8 {
text-align: center;font-family: 'Antic Didone', cursive;
font-size: 19px;
color: #754b4e;
    margin: 30px 10 -5px 10;
}

 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;}

.etusivukuva2{
 margin-top: 3px; margin-bottom:0px;margin-left: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;}

.kuva3{
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;}


.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);}





/* hevoslistaus */

.hevoslista {
	margin:10px 0px;
	padding:0px;
	text-align:left;
}

.hevoslista li {
	list-style-type:none;
	display:inline-block;
	margin:10px 0px;
	padding:0px;
	width:49%;
 	line-height: 1.7;
}

.lista {
	padding-top: 6px;
	font-size:13px;
	display:block;
}

.lista:before {
	content: '\00d7';
	padding:0px 8px 0px 3px;
    color: rgba(0, 0, 0, 0.5);
}

.hevoslista img {
	float:left;
	height:210px;
	width:140px;
	object-fit:cover;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin:0px 15px 0px 15px;
	border: 1px solid rgba(0, 0, 0, 0.3);
    background: #FFF;
    padding: 3px;
	box-shadow:0px 0px 4px rgba(0, 0, 0, 0.3);
}


.hevoslista img:hover {
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    opacity: 0.8;
}


.heppa-suku {
  margin: -5px 0 10 0;
  color: #a1a1a1;
  font-style: italic;
  font-size: 13px;
}


.heppa-meriitit {
  margin: 20px 0 0 30;
  color: #61695e;
  text-shadow: 0px 1px 5px rgba(0,0,0, 0.2);
}



.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;
	}




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