@import "http://www.virtuaaliset.net/suprant/fontit.css";

html, body {
	background:url(img/debut_light.jpg) fixed;
	padding:0;
	margin:0;
	height:100%;
	color:#4d4d4d;
	font-size:14px;
	font-family:Arial;
	line-height:22px;
	font-style:normal;
	text-align:left;
}

pre {
	color:#4d4d4d;
	font-size:14px;
	font-family:Arial;
	line-height:22px;
	font-style:normal;
	text-align:left;
}

#sisalto {
	z-index:0;
	position:relative;
	background:url(img/valk.png);
	-moz-box-shadow:0 0 10px #efefef;
	-webkit-box-shadow:0 0 10px #efefef;
	box-shadow:0 0 10px #efefef;
	margin:0 auto;
	padding:0;
	width:960px;
	height:auto !important;
	height:100%;
	min-height:100%;
	overflow:hidden;
}

#ylapalkki {
	margin:0;
	padding:0;
	height:88px;
	text-align:left;
	overflow:hidden;
	background:#344611;
}

#otsikko {
	float:left;
	width:330px;
	color:#acd55a;
	font-family:rochesterregular;
	font-size:78px;
	letter-spacing:0px;
	line-height:88px;
	text-align:center;
	font-style:normal;
	font-weight:normal;
}

#cssmenu {
	border: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family:OpenSansCondensedBold;
	font-size: 20px;
	font-weight:normal;
	letter-spacing:1px;
	width: auto;
	height: 100%;
}
#cssmenu ul {
	height: 88px;
	margin: 0;
	padding: 0;
}
#cssmenu li {
	float: left;
	padding: 0px;
	list-style-type:none;
}
#cssmenu li a {
	display: block;
	font-weight: normal;
	line-height: 50px;
	margin: 0px;
	padding:38px 26px 0 26px;
	text-align: center;
	text-decoration: none;
}
#cssmenu > ul > li > a {
	color: #acd55a;
}
#cssmenu ul ul a {
	color: #e9f4d3;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
	background: #91c231;
	color: #fff;
	text-decoration: none;
}
#cssmenu li ul {
	background: #344611;
	display: none;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	width: 150px;
	z-index: 200;
	/*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
	display: block;
}
#cssmenu li li {
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 150px;
}
#cssmenu li:hover li a {
	background: none;
}
#cssmenu li ul a {
	display: block;
	height: 35px;
	font-size: 16px;
	font-style: normal;
	line-height: 35px;
	margin: 0px;
	padding: 0px 10px 0px 15px;
	text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
	background: #91c231;
	border: 0px;
	color: #fff;
	text-decoration: none;
}
#cssmenu p {
	clear: left;
}

#minipalkki {
	background:#acd55a;
	margin:0;
	padding:0 0 0 40px;
	text-align:left;
	overflow:hidden;
	color:#333;
	font-weight:normal;
	line-height:28px;
	text-align:center;
}

#aanestys a {
	display:block;
	width:210px;
	margin-right:310px;
}

#minipalkki ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

#minipalkki ul li {
	display:block;
	margin:0;
	padding:0;
	float:left;
}

#minipalkki ul li a {
	display:block;
	padding:4px 20px;
	text-decoration:none;
	color:#344611;
}

#minipalkki ul li a:hover {
	text-decoration:none;
	color:#acd55a;
	background:#425916;
}

.margintop li {
	margin-top:10px;
}

#tekstit {
	margin:0 40px 0 40px;
	padding:20px 0 10px 0;
}

.palstat {
	margin:0;
	overflow:hidden;
}

.vasen {
	float:left;
	width:410px;
}

.oikea {
	float:right;
	width:410px;
}

#virt {
	position:absolute;
	right:0;
	bottom:0;
	text-align:center;
	margin:0;
	padding:0;
	float:right;
	width:400px;
	color:#aaa;
	font-family:OpenSansCondensedLight;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	letter-spacing:1px;
}

p {
	margin:11px 0;
}

.merkki {
	margin:0 10px;
}

#boksi ul {
	margin:0 0 0 260px;
	padding:0 7px;
	list-style-type:none;
	width:auto;
	border:1px solid #bdce7e;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#e8f1c9;
}

#boksi ul li {
	display:block;
	margin:-1px 0;
	padding:5px 0 5px 10px;
	border-top:1px solid #bdce7e;
	border-bottom:1px solid #bdce7e;
}

.koriste {
	float:left;
	width:220px;
	height:166px;
}

.laatikko {
	margin:10px 0;
	padding:6px;
	border:1px solid #dcdcdc;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.laatikko p {
	padding:0 10px;
}

.kuva {
	margin:10px 0;
	height:334px;
	border:1px solid #dcdcdc;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;
}

.kuva h1 {
	padding:250px 20px 0 0;
	text-align:right;
}

table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

.perustiedot {
	margin:0 0 20px 40px;
	border-top:2px solid #fbfbfb;
	border-bottom:2px solid #fbfbfb;
	width:415px;
	text-align:left;
}

.perustiedot th {
	text-transform:uppercase;
	font-size:12px;
	line-height:12px;
	padding:10px 0 0 10px;
}

.perustiedot td {
	border-bottom:1px solid #dcdcdc;
	padding:4px 0 4px 20px;
}

.sukutaulu2p, .sukutaulu3p, .sukutaulu4p, .jalkelaiset {
	margin:0 0 20px 0;
	border-top:2px solid #fbfbfb;
	border-bottom:2px solid #fbfbfb;
}

.sukutaulu2p td, .sukutaulu3p td, .sukutaulu4p td, .jalkelaiset td {
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:4px 0 4px 20px;
}

#menestys {
	width:410px;
	height:226px;
}

#menestys2 {
	float:right;
	width:305px;
	height:226px;
}

#menestys3 {
	float:left;
	width:305px;
	height:226px;
}

.sisennys {
	padding-left:20px;
}

.allekirj {
	color:#91c231;
	font-family:libre_baskervilleitalic;
	font-size:20px;
	line-height:20px;
	text-align:left;
	font-style:normal;
	font-weight:normal;
}

.sukutaulu2p td {
	width:50%;
}

.sukutaulu3p td {
	width:33%;
}

.sukutaulu4p td {
	width:25%;
}

#pikkukuvat {
	float:right;
	width:230px;
	text-align:center;
}

.hepankuva {
	margin:0 40px 0 0;
	float:right;
	width:325px;
	height:480px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
}

.hepankuva2 {
	margin:0 0 10px 20px;
	padding:10px;
	float:right;
	-moz-box-shadow:0 0 10px #efefef;
	-webkit-box-shadow:0 0 10px #efefef;
	box-shadow:0 0 10px #efefef;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}

.hevoslista2 td {
	padding:10px 10px 5px 10px;
	text-align:center;
}

.hevoslista2 td img {
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;
}

.hevoslista {
	margin:10px 0;
	padding:0;
	overflow:hidden;
	text-align:center;
}

.hevoslista ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

.hevoslista ul li {
	display:block;
	margin:0;
	padding:20px 0 10px 0;
	float:left;
	width:206px;
}

.hevoslista img {
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;
}

.rotu {
	background:url(img/valk.png);
	-moz-box-shadow:0 0 10px #efefef;
	-webkit-box-shadow:0 0 10px #efefef;
	box-shadow:0 0 10px #efefef;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	margin:20px 0;
	padding:10px 20px 0 20px;
}

.hevoset {
	margin:10px 0px;
	padding:0;
	overflow:hidden;
	text-align:center;
}

.hevoset ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

.hevoset ul li {
	display:block;
	margin:4px;
	padding:10px 0;
	float:left;
	width:202px;
}

.hevoset img {
	width:180px;
	height:120px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}

.right {
	text-align:right;
}

.harmaa {
	color:#bbb;
}

.harmviiva {
	border-right:1px dotted #dcdcdc;
}

.kasvatit {
	margin:20px 0;
	border:0px solid #000;
	border-collapse:collapse;border-spacing:0;
}

.kasvatit tr {
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}

.kasvatit tr:hover, .jalkelaiset tr:hover {
	background:#f1f1f1;
}

.kasvatit th {
	width:30px;
	text-transform:uppercase;
	font-weight:normal;
	color:#91c231;
	font-size:16px;
	font-family:Book Antiqua;
	font-family:OpenSansCondensedBold;
	padding:4px 0 4px 10px;
}

.kasvatit td {
	padding:6px 0 6px 10px;
}

.kasvatit .paksu td, .kasvatit .paksu th {
	border-top:5px solid #dcdcdc;
}

.red {
	color:#ff0000;
}

.vuosi {
	text-transform:uppercase;
	font-weight:normal;
	color:#71345e;
	font-size:22px;
	line-height:40px;
	font-family:Book Antiqua;
	font-family:OpenSansCondensedBold;
	background:#f1f1f1;
}

#kuvat {
	margin:-10px 0 0 0;
	text-align:center;
}

.hevosenkuva {
	margin:15px 10px 0 10px;
	padding:10px;
	-moz-box-shadow:0 0 10px #efefef;
	-webkit-box-shadow:0 0 10px #efefef;
	box-shadow:0 0 10px #efefef;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}

#pienivari {
	color:#a0a0a0;
	font-size:11px;
	line-height:15px;
}

#pienivari a {
	color:#a0a0a0;
	text-decoration:none;
}

#pienivari a:hover {
	color:#afafaf;
	text-decoration:underline;
}

.pieni {
	font-size:12px;
}

.nobrdr {
	border:0px solid #000;
}

.keskitetty {
	text-align:center;
}

#lista a {
	display:block;
	margin:-1px 0 0 0;
	padding:5px 0 5px 10px;
	border-top:1px solid #bdce7e;
	border-bottom:1px solid #bdce7e;
	text-decoration:none;
}

#lista a:hover {
	background:#e8f1c9;
}

.italic {
	margin:0;
	font-family:OpenSansCondensedLightItalic;
	font-weight:normal;
	font-style:normal;
	font-size:20px;
	line-height:30px;
}

.kisat {
	white-space:pre;
}

.voitto {
	font-weight:bold;
	color:#ff0000;
}

h1 {
	font-family:OpenSansCondensedBold;
	font-weight:normal;
	margin:5px 0 10px 0;
	color:#91c231;
	font-size:32px;
	line-height:32px;
}

h2 {
	font-family:OpenSansCondensedBold;
	font-weight:normal;
	margin:20px 0 10px 0;
	color:#86b825;
	font-size:20px;
	line-height:20px;
}

h3 {
	width:325px;
	float:right;
	font-weight:bold;
	margin:-25px 40px 0 0;
	font-size:14px;
	line-height:14px;
	text-align:center;
}

h4 {
	font-weight:normal;
	margin:-25px 0 10px 0;
	font-size:12px;
	line-height:12px;
	text-align:right;
}

.koristev {
	float:left;
	margin:5px 40px 20px 0;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;
}

.koristevv {
	float:left;
	margin:0 10px -10px 0;
}

.koristeo {
	float:right;
	margin:5px 0 20px 40px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;
}

li {
	list-style-type:circle;
}

li ol li {
	list-style-type:square;
}

li ol li ol li {
	list-style-type:circle;
}

.ehdot li {
	list-style-type:decimal;
}

hr {
	background:url(img/viiva4.png) center center no-repeat;
	height:26px;
	margin:20px 0;
	border-width:0;
	clear:both;
}

.mainos1 {
	margin-bottom:40px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;
	border:0px;
}

.mainos2 {
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;
	border:0px;
}

a:link, a:active {
	color:#6b9619;
	text-decoration:underline;
}

a:visited {
	color:#7dae1f;
}

a:hover {
	color:#6b9619;
	text-decoration:none;
}