@import url('https://fonts.googleapis.com/css?family=Rouge+Script|Parisienne|Quicksand|Bitter|Nunito:200,600');



body {background-color: #cf761d; margin: 0;padding: 0;text-align: justify;font-family: 'Nunito';color: #FFBE29;font-size:14px;line-height:150%;}



nav {width: 100%; margin:0 auto;background: #00534E; height: 55px; line-height:55px;text-align: center;border-bottom: 2px solid #181818; letter-spacing: 2px;}

nav ul {display:flex;flex-direction:row;justify-content:center;margin: 0 60px 0 60px; padding: 0;}

a.nav:link, a.nav:visited {margin-left: 30px; margin-right: 30px; font-family: 'Quicksand'; color: #EB7400;text-shadow: #595959; font-size: 16px; letter-spacing: 2px;text-decoration:none;}

a.nav:hover, a.nav:active {font-family: 'Quicksand'; color: #8D153A; font-size: 16px;}



header {position: relative;text-align: center;width: 100%;max-width: 1300px;height: 420px;background-position: center;background-size: cover;position: relative;background-image:url('https://unirosmo.net/sonya/ulk/tuulia/otsikko5.png');margin: 0 auto;} 



#otsikko {position: absolute;top: 50%;left:65%;transform: translate(-25%, -50%);font-family: 'Rouge Script'; color: #fbc23d; font-size: 75px; text-shadow: 0 0 10px #000;margin: 0 auto 10px auto !important;line-height: 100%;}



section {width: 100%;max-width: 1200px;background:#00534E;margin: 0 auto;padding: 10px 0 40px; border-top: 2px solid #181818;border-bottom: 2px solid #181818; }



footer {width:100%; max-width: 1200px;margin:0 auto;font-size:12px;color:#2a2a2a;padding:20px 0 20px 0;text-align: center;}

a.footer:link, a.footer:visited {color: #8D153A; text-decoration:none;}

a.footer:hover, a.footer:active {color: #fff}



.content {margin: 0 auto;width: 90%;}



ul {list-style:none;}



h1{font-family:Parisienne;font-size:35px;color:#FFBE29;font-weight:normal;margin-top:40px;margin-left:150px;text-shadow: 0 0 2px #b3b3b3;}

h2{font-family:Parisienne;font-size:35px;color:#EB7400;font-weight:normal;margin-top:50px;margin-right:160px;text-align:right;text-shadow: 0 0 1px #8b8b8b;}



a:link, a:visited {color:#EB7400;text-decoration:none;}

a:active, a:hover {color:#8D153A;}



/* HEVOSLISTA */



.listaus1 ul {margin:0 auto; padding-left:0px; margin-top: 15px; flex-wrap: wrap; display: flex;list-style:none;}

.listaus1 li {width:30%; text-align:center; padding-bottom: 30px;flex: calc(100% / 4); }

.listakuva1 {border: 2px solid #043530; border-radius: 3px; box-shadow: 0 0 2px #000; max-width:200px; height: 150px;object-fit: cover;margin-bottom: 7px;}

.listateksti{text-transform:uppercase;font-size: 11px;}

a:link.listalinkki1, a:visited.listalinkki1 {font-family:'Quicksand'; font-size:16px;font-weight: bold;}

a:hover.listalinkki1 {color:#8f8f8f;}



/* HEVOSEN SIVU */



mer{font-family:Quicksand;font-size:18px;text-transform:uppercase; padding-left:20px;color:#fff;text-shadow: none;}


.ponikoriste { 
border-radius: 1px;
background-color: #ffffff;
border:1px solid #FFBE29;
box-shadow:  0 0 3px ;
margin-left:7px;
margin-right:7px;
margin-top:30px;
margin-bottom:1px;
height:345px;
object-fit:cover;
object-position:50% 25%;}

 .hkuvat {
     padding: 1px;
     border: 1px solid rgba(255, 190, 41, .65);
     background-color: rgba(255, 190, 41, .55);
     border-radius : 0px;
     box-shadow: 0 0 6px #B4ACBC;
     margin: 10px;
     height: 280px;
}


#info {background:#043834;line-height:40px;width:100%;border-spacing: 0;border-top: 3px solid #02201d;border-bottom: 2px solid #02201d;}

.td1 {width:22%;padding:5px 20px;font-family: Quicksand;color: #cccccc;text-transform: uppercase;border-bottom: 1px solid #02201d;}

.td2 {padding:5px 30px;border-bottom:1px solid #02201d;}



#sukutaulu {line-height:30px;padding:30px;background: #043834;width:100%;border-spacing: 0;border-top: 3px solid #02201d;border-bottom: 3px solid #02201d;}

.tds1 {width:35%;padding:5px 60px;}

.tds2 {width:35%;padding:5px 70px;font-size: 13px;}

.tds3 {width:30%;padding:20px 40px;font-size: 12px;}



#jalkelaiset {line-height:22px;width:100%;border-spacing: 0;border-top: 1px solid #02201d;}

.tdj {padding:5px 10px;border-bottom: 1px solid #02201d;}



#porrastettu {width:70%; padding:30px 20px 30px 20px;margin: auto;background: #043834;}

.tdp1 {padding:5px 10px;text-transform: uppercase;text-align: right;color: #fff;}

.tdp2 {padding:5px 10px;}


 .sukuselvitys{
     border-collapse: separate;
     border-spacing: 3px;
     text-shadow: 0px 1px 0px rgba(83, 77, 63, .15);
     color: #FFBE29;
     text-transform: none;
     font-weight: 600;
     margin: 20px auto 30px auto;
     width: 100%;
     padding: 0px;
     text-indent: 18px;
     font: 14px/1.5em 'Nunito', serif;
}
 .sukuselvitys td {
     padding: 9px 10px;
     background: #043834;
     border: 1px solid #02201d!important;
     width: 33%;