@import url(http://fonts.googleapis.com/css?family=Playfair+Display);

/* Background pattern from subtlepatterns.com */
/* flower pattern from Lileya.deviantart. com. */


body {
	margin:0;
font-size:14px;
font-family: 'Roboto Slab', serif;
	line-height:28px;
color: #4e3232;
background: url(taustaa.jpg) repeat;
text-align: justify;
}

a {
color:#997268;
text-decoration: none;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}

a:hover {
color:#d3bebe;
text-decoration: none;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}



header {
	width:100%;
	height:80px;
	background:url(cross_scratches-2.jpg);
	background-size:cover;
}
#yla{
	max-width:900px;
	margin:0 auto;
}
nav {
	width:100%;
	float:left;
}
nav ul {
	margin:0;
	padding:0;
	list-style:none;
	height:80px;
	border-left:1px solid #cdb1a0;
}
nav li {
	width:25%;
	float:left;
}
nav li a {
	display:block;
	height:28px;
	padding:26px 0;
	text-align:center;
	color:#653c3e;
	text-decoration:none;
	font-family: 'Gentium Basic', serif;
	text-transform:uppercase;
	font-size: 15px;
	letter-spacing:3px;
	border-right:1px solid #cdb1a0;
	text-shadow: 0 0 6px #534343;
	transition:.4s;
}
nav li a:hover {
	background-color: rgba(255,255,255,0.3);
	color:#55393a;
	text-shadow: 0 0 6px #9c9c9c;
}

#otsikkopalkki {
width:100%;
height:180px;
background:url(pink_rice-3.jpg);
padding-top: 40px;
box-shadow: 
  inset 0px 12px 28px -10px #381e1e,
  inset 0px -12px 28px -10px #381e1e; 
}



#sisalto {
background:url(sivukuva5.png) left top no-repeat;
	width: 900px;
	margin:0px auto;
	padding:20px 30px;
	background:solid;
	
}



h1 {

padding-top: 0px;
padding-bottom: 20px;
font-size: 32px;
font-weight: 500;
font-family: 'Old Standard TT', serif;
text-align: center;
 margin:0 0;
}


h2 {

 margin-bottom : 10px;
margin-left: 0px; 
font-size: 20px;
font-weight: 500;
color: #544337;
font-family: 'Old Standard TT', serif;
line-height: 1.0;
}


h3 {
 margin-bottom : 0px;
margin-left: 30px; 
font-size: 25px;
font-weight: 500;
color: #544337;
font-family: 'Old Standard TT', serif;
line-height: 1.0;
}






.kuvat {
    text-align:center;
    width:100%;
    margin:0px 0 0px;
}


	

#footer {
background: url(pink_rice-3.jpg);
padding: 0px 0px;

width: 100%;
height: 80px;
position: absolute;
 box-shadow: 
        inset 0px 12px 28px -10px #381e1e,
        inset 0px -12px 28px -10px #381e1e; 
}

#footer p{
font-family: serif;
text-align: center;
text-transform: uppercase;
font-size: 11px;
color: rgba(255,255,255,0.6);
}







.taulukko {

width:100%;
margin:0px auto 0px auto;

}



.taulukko2 {

width:100%;


}





.kirja { 
border-radius:5px; 
font-size:10pt; 
margin:20px 0 20px 0; 
padding:20px 30px 20px 30px; 
border:1px solid #e4dedc; 
background:-webkit-linear-gradient(left top, #f8f7f4 , #e2ddd6);
background: -o-linear-gradient(bottom right, #f8f7f4, #e2ddd6);
background: -moz-linear-gradient(bottom right, #f8f7f4, #e2ddd6);
background: linear-gradient(to bottom right, #f8f7f4 , #e2ddd6);  
}


.kirja strong { 
font-family:serif; 
color:#9a7461; 
font-size:13pt; 
margin-left:20px;
font-weight:500; 
}





hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(193, 159, 139, 0.75), rgba(0, 0, 0, 0));

}












.jalkelaiset {
text-align:left;
text-indent:10px;
border-bottom:3px solid #d4c8c5;
border-top:3px solid #d4c8c5;
padding:0;
margin:20px 0;
vertical-align:middle;
width:100%;
border-spacing: 0;
}



.jalkelaiset td {
font-size: 13px;
padding:9px 0;
padding-left:20px;
border-bottom: 1px solid #d9d9d9;
}

.perustiedot {
width:1000px;
text-align:left;
color:#665960;
font:13px/1.5em 'Open\A Sans',sans-serif;
font-weight:400;
border-collapse:collapse;
vertical-align:middle;
border-bottom:2px solid #b86481;
border-top:2px solid #c5738f;
box-shadow: 3px 5px 4px #C9C8C0;
}


.kisat {
font-size: 13px;
width:100%;
margin:0px auto 0px auto;
border-collapse:collapse;


}

.kisat td {
padding-left: 25px;
padding-top: 20px;
padding-bottom: 20px;
width: 33%; 
}


.kehykset1{
background: #fff;
padding: 4px;
margin: 8px;
margin-bottom: 0px;
margin-top: 10px;
box-shadow: 1px 1px 4px #62725b;
height:180px;
width:auto;}



.td1 {
width:170px;
height:35px;
font-weight: bold;
font-style: none;
color: #665252;
letter-spacing: 0px;
font-size: 13px;
padding-left: 20px;
border-bottom: 1px solid #e8dcd4;

}

.td2 {
width:280px;
padding-left: 10px;
color: #6b5e5e;
border-bottom: 1px solid #e8dcd4;
font-size: 13px;

}


.tdkasvilista {

padding-left: 10px;
color: #6b5e5e;
border-bottom: 1px solid #e8dcd4;
font-size: 13px;

}


.tdkasvilista1 {

padding-left: 10px;
color: #6b5e5e;
border-bottom: 1px solid #e8dcd4;
font-size: 13px;
background-color:#ccbcac;
}


.td1last {
width:170px;
height:35px;
font-size: 13px;
font-weight: bold;
font-style: none;
color: #665252;
letter-spacing: 0px;
padding-left: 20px;
}

.td2last {
width:280px;
padding-left: 10px;
color: #6b5e5e;
font-size: 13px;
}


.td3hevo {
background: url(cross_scratches-2.jpg); 
height: 4px;
}
.suku {
width:33%;
letter-spacing: 0px;
font-size: 13px;
padding-left: 20px;
line-height: 1.4; 
padding-top:10px;
padding-bottom:10px;
border-bottom: 1px solid #e8dcd4;
}


.suku2 {
width:33%;
letter-spacing: 0px;
font-size: 13px;
padding-left: 20px;
line-height: 1.4; 
padding-top:10px;
    padding-bottom:10px;


}

#tiedot {
margin-top: 4px;
	width:100%;
border-spacing: 0;
	line-height:22px;
color: #675345;



}








.lightbox {
	display: none;
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
}

.lightbox img {
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
border:10px solid #fff;
}

.lightbox img2 {
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
border:10px solid #fff;
}


.lightbox img3 {
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
border:10px solid #fff;
}


.lightbox img4 {
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
border:10px solid #fff;
}

.lightbox img5 {
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
border:10px solid #fff;
}

.lightbox img6 {
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
border:10px solid #fff;
}


.lightbox:target {
	outline: none;
	display: block;
}


.kehyksethevo1{
background: #fff;
padding: 5px;
margin: 10px;
margin-bottom: 0px;
margin-top: 10px;
box-shadow: 1px 1px 4px #62725b;
height:175px;
width:auto;}


.kehyksethevo2{
background: #fff;
padding: 5px;
margin: 10px;
margin-bottom: 0px;
margin-top: 10px;
box-shadow: 1px 1px 4px #62725b;
height:215px;
width:auto;}


.kehyksethevo3{
background: #fff;
padding: 5px;
margin: 10px;
margin-bottom: 0px;
margin-top: 10px;
box-shadow: 1px 1px 4px #62725b;
height:270px;
width:auto;}




.kehyksetalavaakao{
background: #fff;
padding: 5px;
margin-left: 30px;
margin-bottom: 10px;
margin-top: 20px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:auto;
width:260px;
float: right;}


.kehyksetalavaakav{
background: #fff;
padding: 5px;
margin-right: 30px;
margin-bottom: 10px;
margin-top: 20px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:auto;
width:260px;
float: left;}




.kehyksetalapystyo{
background: #fff;
padding: 5px;
margin-left: 30px;
margin-bottom: 10px;
margin-top: 10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:auto;
width:200px;
float: right;}


.kehyksetalapystyv{
background: #fff;
padding: 5px;
margin-right: 30px;
margin-bottom: 10px;
margin-top: 10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:auto;
width:200px;
float: left;}


.kehyksethevoala{
background: #fff;
padding: 5px;
margin-left: 30px;
margin-bottom: 10px;
margin-top: 20px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:auto;
width:230px;
float: right;}




.hevoslista {
width:100%;
line-height:20px;
font-size:11px;
border-collapse:separate;
color:inherit;
}


.lista {
width:33%;
list-style:none;
padding:17px;
border-bottom:1px solid #ddd3ca;
}


.listavika {
width:33%;
list-style:none;
padding:17px;

}


.hevoslista a {
font-size:11px;
color:#67483b;
text-decoration: none;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}

.hevoslista a:hover {
color:#d3bebe;
text-decoration: none;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}




.kuva {
border: 3px solid #fff; 
box-shadow: 1px 1px 7px #696159;
margin-right:15px;
margin-top:0px;
width:80px;
height:80px;
}