@import url(http://fonts.googleapis.com/css?family=Oswald|Raleway);

a {text-decoration: none; color:#A60000;}
a:hover {text-decoration: underline; color:#B89973;}

body {
	background: url(img/bg.jpg);
  background-position: center center;
  background-attachment: fixed;
background-size:cover;
	font-family:Trebuchet MS,sans-serif;
	font-size:10pt;
	text-align:justify;
	color: #000;
	margin:0 0 20px 0;
	line-height:1.7;
	background-size:100%;
}
#main {
	max-width:1000px;
	margin: 0 auto;
}

#otsikko {
	text-align:center; margin: 15px 0 0 0;
}

#tekstialue {
	background: rgba(242,227,203, 0.8);
	padding: 20px 35px;
	margin-top:0px;
	border: 10px solid rgba(255,255,255, 0.3);
}
#copyt {
	background:url(img/tekstitausta.png);
	text-align:center;
	padding:15px;
	margin: 0 -35px -20px -35px;
}

h1 {
	font-family:"oswald",raleway,arial,sans-serif;
	text-transform:uppercase;
	margin-bottom: 0px;
}

h2, h3 {
	font-family:raleway,arial,sans-serif;
	margin-bottom: 0px;
}

/* LISTAUKSET */

.listaus { padding:0px; border:3px solid #800000; border-radius : 1000px; overflow: hidden; box-shadow: 0 0 6px #ccc; }

.jalkelaisetd {
	border-top: 1px solid #800000;
	border-bottom: 0px solid #800000;
	padding: 5px;
	text-indent: 30px;
	background: #F2E6D3;}
	
.jalkelaisetd2 {
	border-top: 0px solid #800000;
	border-bottom: 0px solid #800000;
	padding: 5px;
	text-indent: 30px;
	background: #F2E6D3;}
	
.jalkelaisetd3 {
	border-top: 0px solid #800000;
	border-bottom: 1px solid #800000;
	padding: 5px;
	text-indent: 30px;
	background: #F2E6D3;}
	
.heppalistaustd {
width: 20%;
padding: 5px;
background-color: transparent;
text-align: center;
}

.viiva hr {
margin: 1px 5px 1px 5px;
border-width: 0 0 0px 0;
border-style: dashed;
border-color: #B89973;
}

.heppalistaustd a {text-decoration: none; color:#A60000;}
.heppalistaustd a:hover {text-decoration: none; color:#B89973;}

/* HEVOSEN ULKOASU */
.puolipala2 {
	width: 50%;
	padding: 10px 4%;
	float:left;
}

.puolipala2 {
	width: 35%;
	padding: 10px 4%;
	float:left;
}

#perustieto {
	width: 100%;
	margin: 0 0;
	border-collapse:collapse;
	border: 1px solid #605842;
}
#perustieto td {
	background: #F7EDDD;
	padding: 4px 8px;
	border-bottom: 1px solid #605842;
}
#perustieto .tieto {
background: rgb(219, 177, 109);
background: -moz-linear-gradient(30deg, rgb(219, 177, 109) 61%, rgb(236, 214, 176) 100%);
background: -webkit-linear-gradient(30deg, rgb(219, 177, 109) 61%, rgb(236, 214, 176) 100%);
background: -o-linear-gradient(30deg, rgb(219, 177, 109) 61%, rgb(236, 214, 176) 100%);
background: -ms-linear-gradient(30deg, rgb(219, 177, 109) 61%, rgb(236, 214, 176) 100%);
background: linear-gradient(120deg, rgb(219, 177, 109) 61%, rgb(236, 214, 176) 100%);
	border: 1px solid #605842;
	text-transform:uppercase; width: 150px;
font-weight: 700;
}

#sukutaulu {
	width: 100%;
	border-spacing:0;
	border: 1px solid #605842;
		border-bottom: 0px solid #605842;
}
#sukutaulu td {
	padding: 4px 9px;
	width: 33%;
	background: #F1E0C5;
		border-bottom: 1px solid #605842;
}
#sukutaulu em {font-size:11px;}
.ero {background:#F7EDDD !important; 	border-bottom: 1px solid #605842;}

#sukutaulu a {text-decoration: none; color:#A60000;}
#sukutaulu a:hover {text-decoration: none; color:#B89973;}

.kisakalenteri {
	width: 100%;
	border-spacing:0;
	margin: 20px 0;
	border-top: 1px solid #605842;
	border-left: 1px solid #605842;
	border-right: 1px solid #605842;
}
.kisakalenteri td {
	padding: 7px 9px;
	vertical-align:top;
	background: #F7EDDD;
	border-bottom: 1px solid #605842;
}

.kisakalenteri .eka {
background: rgb(219, 177, 109);
background: -moz-linear-gradient(30deg, rgb(219, 177, 109) 21%, rgb(236, 214, 176) 100%);
background: -webkit-linear-gradient(30deg, rgb(219, 177, 109) 21%, rgb(236, 214, 176) 100%);
background: -o-linear-gradient(30deg, rgb(219, 177, 109) 21%, rgb(236, 214, 176) 100%);
background: -ms-linear-gradient(30deg, rgb(219, 177, 109) 21%, rgb(236, 214, 176) 100%);
background: linear-gradient(120deg, rgb(219, 177, 109) 21%, rgb(236, 214, 176) 100%);
	padding:7px 9px;
	text-transform:uppercase;
	font-size:14px; font-weight: 700;
}

.kisakalenteri .eka i {
	margin: 0 10px;
	font-size:16px;
}

.kisakalenteri img { margin-right: 5px; }

.kisainfo { font-size: 12px; color: #4A4A4A; margin-left: 5px; }

.tekstilaatikko {
	max-height:200px;
	overflow:auto;
	padding: 0 20px;
	border: 1px solid #605842;
	background: #F7EDDD;
}

.kuvat img {
	padding: 1px;
	border: 1px solid #7E775A;
	margin: 0 4px;
}
.kuvat {
	text-align:center;
}




.row-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.row-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }

.row-2 div, .row-3 div { padding: 0 15px; }



.tooltip-pkk { position: relative; display: inline-block; cursor: pointer; font-size: 15px; color: var(--rose); font-style:normal; }

.tooltiptext-pkk {
  visibility: hidden;
  width: 550px;
  padding: 0px;
  position: absolute;
  z-index: 100;
  top: -15px;
  right: 110%;
}

.tooltiptext-pkk img { width:100%;  border-radius: 10px; border: solid var(--line) 1px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); }

.tooltip-pkk:hover .tooltiptext-pkk {
  visibility: visible;
}