body{
margin: 0px;
padding: 0px;
background: #ffffff;
background: url('taustakuva3.jpg') repeat;
font-size:14px;
font-family: 'Roboto Slab', serif;
line-height:28px;
color: #0f0d0b;
}

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


.kehyksetetusivu{
margin: 6px;
margin-bottom: 0px;
margin-top: 0;
width:305px;
height:auto;}



::selection {
  background: #c4c6a8;
  color: #ffffff;
}
::-moz-selection {
  background: #c4c6a8;
  color: #ffffff;
}
::-webkit-selection {
  background: #c4c6a8;
  color: #ffffff;
}




.bb { 
font-size: 20px; 
font-family:'Gruppo', serif; 
text-align: left; 
color: #5e4b34; 
text-shadow: 1px 1px #fafafa; 
padding-left: 25px;
padding-bottom:5px; 
margin-bottom: 30px;
}

.bbb { 
font-size: 16px; 
font-family:'Gruppo', serif; 
text-align: left; 
color: #79644b; 
text-shadow: 1px 1px #fafafa; 
padding-bottom:5px; 
margin-bottom: 30px;
font-style: italic;
}


h1 { 
font-size: 30px; 
font-family:'Gruppo', serif; 
text-align: left; 
color: #72614c; 
text-shadow: 1px 1px #fafafa; 
border-bottom: 1px solid #a69b92; 
padding-left: 25px;
padding-bottom:5px; 
margin-bottom: 30px;
}

h2 { 
font-size: 25px; 
font-family:'Gruppo', serif;
text-align: left; 
color: #72614c; 
text-shadow: 1px 1px #fafafa;  
padding-left: 27px;
margin-bottom:10px; 
}


.taulukko3 {

width:100%;
margin:0px auto 0px auto;
border-collapse:collapse;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border-top:2px solid #96857b;
border-bottom:2px solid #96857b;
margin-top: 40px;
}


.td3etusivu {
padding:5px 8px;
font-size:13px;
background-image:url('td27.jpg');

}




.taulukko2 {

width:100%;
margin:0px auto 0px auto;
border-collapse:collapse;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border-top:1px solid #96857b;
border-bottom:1px solid #96857b;
}

.tdkasvatus {
padding:3px 7px;
font-size:13px;
background-image:url('td27.jpg');
border-bottom:1px solid #b9a9a0;
}


.tdkasvatuseka {
padding:4px 8px;
font-size:13px;
background-image:url('td24.jpg');
border-bottom:1px solid #a7968b;
}







a {
color:#906545;
text-decoration: none;
transition: all 900ms ease;
}

a:hover {
color:#5a4a3b;
text-decoration: none;
transition: all 900ms ease;
}





h11 {
margin-top: 20px;
font-size: 41px;
font-weight: 500;
color: #dcdadf;
font-family: 'Quattrocento', serif;
line-height: 1.0;
float: left;
text-shadow: 2px 2px #000000;
}

h12 {
text-shadow: 2px 2px #000000;
font-size: 16px;
font-weight: 500;
color: #c6b7ac;
font-family: 'Maitree', serif;
line-height: 1.0;
float: left;
margin-top: 5px;
}



h7 {
float: left;
font-size: 25px; 
font-family:'Gruppo', serif; 
text-align: left; 
color: #61503a; 
text-shadow: 1px 1px 2px #8c755b; 
border-bottom: 2px solid #a48b7c; 
padding-left: 70px;
padding-bottom:5px; 
margin-bottom: 40px;
margin-top: 30px;
width: 870px;
}


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


h4 {

border: 0;
height: 2px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(133, 47, 27, 0.95), rgba(0, 0, 0, 0));
background-image-position: fixed;
margin-top: 50px;
margin-bottom: 50px;
}


h5 {

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



h6 { 
margin:0px;
text-align:center;
font-weight: 500;
font-size: 25px;
color: #544337;
font-family: 'Old Standard TT', serif;
line-height: 1.0;
}





#tekstiosio{
background: url(tausta.png), url(tausta2.png);
background-position: top, top;
background-repeat: repeat-x, repeat;
overflow: hidden;
}



.container{
overflow: hidden;
margin: 0em auto;
width: 960px;
padding: 20px 20px 20px 20px;
text-align: justify;
margin-top: 20px;
margin: 0 auto;
}

.esivu1 {
font-size: 18px;
float: left;
width: 50%;
}

.esivu2{
font-size: 18px;
float: right;
width: 50%;
}






#etusivuloppu{
width: 910px;
padding-left: 50px;
padding-right: 0px;
}









#otsikkokuva{
background: url(ylakuva.png);
background-position: top;
background-repeat: no-repeat;
height: 275px;
width: 100%;
margin-top: -1px;
}



#ylapalkki{
background: #342b26;
width: 100%;
height: 100px;
text-align: center;
color: #fff;

position:relative;
border-bottom: 3px solid #211a16;
}



#tekstipalkit {
width:1000px;
margin: 0 auto;
}


#vasen{
width: 55%;
height: 95px;
float: left;
background-image: url('logo9.png');
background-repeat: no-repeat;
margin-top: 0px;
}


#oikea{
width: 45%;
height: 100px;
float: left;
}


#footer {
background: #3f342d;
border-top: 2px solid #332a25;
width: 100%;
height: 60px;
position: absolute;
}



#copyt {
width: 1000px;
height: 30px;
margin: 0 auto;
font-family:'Gruppo', serif;
}


#copytoikea p{
float:right;
color:#cfc4af;
font-size:15px;
padding: 0 20px 0 0;
}



#copytvasen p {
text-align: left;
float:left;
color:#b3aa9a;
font-size:20px;
line-height: 0.7em;
padding: 3px 0 0 20px;
}








#palkki { 
background: #55423b;
width: 100%;
height: 7px;
top: 0;
}










.navilinkki {
margin:0 auto;
}

.navilinkki ul {
margin: 0 auto;
padding:0px; 
height: 30px;

}
 
.navilinkki li {
margin-top: 43px;
list-style: none; 
float:left; 
width: 14%;
text-align: center;
} 

.vali {
color: #7f6a5d;
float:left; 

}



.navilinkki li a {
color:#e6e1dd;
font-family: 'Arima Madurai', serif;
text-decoration: none;
border-top: 2px solid #d5cbc5;
text-transform: uppercase;
font-size:14px;
letter-spacing:2px;
padding-top: 4px;
padding-left: 0;
}

.navilinkki li a:hover {
border-top: 2px solid #859234;
}

.navilinkki li.active a {
color:#e2dcd8;
border-top: 2px solid #777a2b;
}




/*********************************************************
                     HEVOSSIVU
*********************************************************/


.kehykset{
background: #55423b;
padding: 5px;
margin: 7px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:110px;
width:155px;}


.kehyksetpien{
background: #55423b;
padding: 5px;
margin: 7px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:110px;
width:auto;}




.kehykset2{
background: #55423b;
padding: 5px;
margin-bottom: 13px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:350px;
width:auto;}

.kehykset3{
background: #55423b;
padding: 5px;
margin: 8px;
margin-bottom: 13px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:auto;
width:400px;}


.kehykset3ala{
background: #55423b;
padding: 5px;
margin-left: 30px;
margin-bottom: 10px;
margin-top: 20px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:auto;
width:400px;}

.kehykset3alap{
background: #55423b;
padding: 5px;
margin-left: 30px;
margin-bottom: 10px;
margin-top: 20px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:350px;
width:auto;}


.kehykset3alapvas{
background: #55423b;
padding: 5px;
margin-right: 30px;
margin-bottom: 10px;
margin-top: 20px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:300px;
width:auto;}





.kehykset4{
background: #55423b;
padding: 5px;
margin: 8px;
margin-bottom: 0px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:auto;
width:270px;}

.kehykset5{
background: #55423b;
padding: 5px;
margin: 10px;
margin-bottom: 0px;
margin-top: 0px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:290px;
width:410px;}


.kehykset6{
background: #55423b;
padding: 5px;
margin: 8px;
margin-bottom: 0px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:190px;
width:270px;}


.kehykset7{
background: #55423b;
padding: 5px;
margin: 8px;
margin-bottom: 0px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:320px;
width:auto;}


.kehykset8{
background: #55423b;
padding: 5px;
margin: 5px;
margin-bottom: 0px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:150px;
width:auto;}


.kehykset9{
background: #55423b;
padding: 5px;
margin: 8px;
margin-bottom: 0px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:270px;
width:auto;}


.kehykset10{
background: #55423b;
padding: 5px;
margin: 8px;
margin-bottom: 0px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:auto;
width:700px;}

.kehykset11{
background: #55423b;
padding: 5px;
margin: 8px;
margin-bottom: 0px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:220px;
width:auto;}


.kehykset12{
background: #55423b;
padding: 5px;
margin: 8px;
margin-bottom: 0px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:190px;
width:auto;}

.kehykset13{
background: #55423b;
padding: 5px;
margin: 8px;
margin-bottom: 0px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:180px;
width:auto;}


.kehykset14{
background: #55423b;
padding: 5px;
margin: 8px;
margin-bottom: 0px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:250px;
width:auto;}


.kehykset15{
background: #55423b;
padding: 5px;
margin: 8px;
margin-bottom: 0px;
margin-top: -10px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;
height:350px;
width:auto;}



.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:target {
	outline: none;
	display: block;
}






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

}





.td1 {
padding:1px 7px;
font-size:13px;
 font-weight: bold;
background-image:url('td24.jpg');
color: #37281b;
width:20%;
border-bottom: 1px solid #cabeb7;
}

.td2 {
padding:4px 8px;
font-size:13px;
background-image:url('td27.jpg');
border-bottom:1px solid #dad3cf;
width:30%;
}



.td3 {
padding:2px 0px;
background: #a48b7c;

}

.td4 {
padding:2px 0px;
font-size:13px;
background-image:url(http://i236.photobucket.com/albums/ff111/SeSSa95/td111_zpscjxbivjn.png);

}


.tdjalk {
padding:4px 8px;
font-size:13px;
background-image:url('td27.jpg');
border-bottom:1px solid #a7968b;

}

.tdjalk1 {
padding:1px 7px;
font-size:13px;
  font-weight: bold;
background-image:url('td24.jpg');
color: #4e4741;
border-top:1px solid #96857b;
border-bottom:1px solid #b9a9a0;
}


#palkinnot{ 
width: 920px; 
background-image:url('td27.jpg');
padding-top: 0px; 
margin-top: 0px; 
margin-right: 0px; 
padding-bottom: 0px; 
padding-right: 20px; 
padding-left: 20px; 
border-top:2px solid #a48b7c;
border-bottom:2px solid #a48b7c;
margin-top:15px;
}



.tumma {
width:33%;
font-family: 'Noticia Text', serif;
font-style: none;
color: #352e27;
letter-spacing: 0px;
font-size: 14px;
padding-left: 20px;
background-image:url('td24.jpg');
line-height: 1.4; 
padding-top:10px;
    padding-bottom:10px;


border-right: 1px solid #cabeb7;
}

.vaalea {
width:33%;
font-family: 'Noticia Text', serif;
font-style: none;
color: #352e27;
letter-spacing: 0px;
font-size: 14px;
padding-left: 20px;
background-image:url('td27.jpg');
line-height: 1.4; 
padding-top:10px;
    padding-bottom:10px;


border-right: 1px solid #dad3cf;
}


#treeniboksi { 
width: 920px; 
background-image:url('td27.jpg');
padding-top: 15px; 
margin-top: 0px; 
margin-right: 0px; 
padding-bottom: 10px; 
padding-right: 20px; 
padding-left: 20px; 
border-top:2px solid #a48b7c;
border-bottom:2px solid #a48b7c;
margin-bottom: 30px;
}





.tabs {
    width: 100%;
  
}




.tabs ul {
    margin:0;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding:0;
}

.tabs ul li {
    text-align:center;
    display:inline-block;
    list-style:none;
    width: 25%;
     
   border-top: 1px solid #480d11;
background-image:url('td24.jpg');
    color: #665040;
    padding: 7px;
    font-weight:bold;
    margin-left: 5px;
    margin-right: 5px;
border-top-left-radius:15px;
border-top-right-radius:15px;
}

.tabs ul li.active {
    position:parent;
    background-image:url('td27.jpg');
    color: #665040;
    bottom: -1px;
border-top-left-radius:15px;
border-top-right-radius:15px;
}

.tab-content {
    font-size: 12px;
    clear:both;
    display:block;
    width:960px;
    color: #776550;
    height:auto;
   background-image:url('td27.jpg');
   text-align: justify;
  border-bottom: 1px solid #a48b7c;
 border-top: 1px solid #a48b7c;
    padding:5px 20px;
    margin:0;
margin-bottom: 30px;
}






.tab-content.active {
    display: block;
}


.hevoslista {
width:940px;
line-height:20px;
font-size:10px;
border-collapse:separate;
color:inherit;

}


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



.hevoslista tr:last-of-type td {
border-bottom:none;
}


.etusivukuva{
width: 260px;
height: 370px;
border:0px solid #fff;  
padding:0px; 
margin:10px;
text-align:center; 
-moz-border-radius: 5px; 
border-radius:5px; 
box-shadow: 1px 1px 3px #4c4c3a;}

.etusivukuva2{
width: 890px;
height: auto;
border:0px solid #fff;  
padding:0px; 
margin:0px;
text-align:center; 
-moz-border-radius: 5px; 
border-radius:5px; 
box-shadow: 1px 1px 3px #4c4c3a;}

.etusivukuva3{
width: 260px;
height: 370px;
border:0px solid #fff;  
padding:0px; 
margin:10px;
margin-left:30px;
text-align:center; 
-moz-border-radius: 5px; 
border-radius:5px; 
box-shadow: 1px 1px 3px #4c4c3a;}




.hevoslista a {
font-size:12px;
color:#9c7356;
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:#cbae99;
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;
}