@font-face {
    font-family: "Custom";
   src: url('font/aptos.eot'); 
   src: url('font/aptos.eot?#iefix') format('embedded-opentype'), 
        url('font/aptos.svg#bn') format('svg'),
        url('font/aptos.woff') format('woff'),
        url('font/aptos.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}



body{
margin:0; padding:0; font-family:Custom;
background-image: url("graf/sptausta.jpg");
background-repeat: no-repeat;
background-position-x: center; 
background-position-y: 20.0vh;
background-size:contain;
font-size:1.9vh;
}

#sisalto{
width:120.0vh; min-height:100.0vh;
background-color:#fff;
border:solid 0px red;
}

#vaihtuvaSisalto{
width:120.0vh;
}

#logo{
padding-top:1.0vh;
height:116px;
height:13.0vh;
max-width:462px;
max-height:116px;
border: 0px;
}

#valikko{
margin-top:4.0vh;
margin-bottom:4.0vh;
border:solid 0px red;
width:70.0vh;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

#valikko div.valinta{
padding:1.5vh;
font-size:3.0vh;
}

#valikko div.valintateksti{
padding:1.5vh;
padding-bottom:0;
font-size:2.3vh;
flex-basis:100%;
}

#valikko{ color:#000; }

#valikko a{
color:#0080ff;
text-decoration:none;
}

#kuvaAlue{ 
height:500px;
width:106.0vh;
height:59.0vh; 
overflow:hidden;
border:solid 0px red;
}

#vaihtuvakuva{
height:506px;
height:60.0vh;
}

#sininenViiva{
width:106.0vh;
height:8px;
height:0.8vh;
background-color:#0fa9f2;
}

#vaihtuvaSisalto>:nth-child(2) { margin-bottom:4.0vh; }

#tekstiAlue{
margin-top:2.0vh;
padding-bottom:4.0vh;
width:106.0vh;
text-align:left;
line-height:2.5vh;
}

.kohdeKuva img{ max-width:106vh; }

h1,h2{ font-size:2.3vh; }
.tekstiAlue_otsikko{ padding-top:0.0vh; padding-bottom:1.3vh; font-weight:bold; }
.tekstiJulkaistu{ font-size:1.7vh; font-style:italic; }
.peruslinkki{ color:#0080c0; text-decoration:none; }
.peruslinkki:hover{ color:#11b1ff; }

.pdfTiedosto{ height:30px;margin-top:10px;margin-top:2.0vh;margin-bottom:10px;margin-left:5px; }
.pdfTiedosto a{ color:#0080c0; text-decoration:none;}
.pdfTiedosto a:hover{ color:#11b1ff; text-shadow:0px 1px 1px #000000; }

#kuvakeAlue{
margin-top:6.0vh;
width:106.0vh;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.kuvake{ 
width:48.0vh;
text-align:left; 
padding:10px; 
padding:1.0vh; 
border:solid 0px blue; 
}

.kuvake .peukku{
float:left;
max-height:78px;
height:8.0vh;
padding-right:1.0vh;
}

.kuvakkeenKehys{
height:24.0vh;
width:42.0vh;
overflow:hidden;
margin-bottom:1.0vh;
}

.kuvake span{
font-size:2.3vh;
}

.kuvakkeenKehys .kuva{
max-height:250px;
height:25.0vh;
}
.filleri{ width:100%;height:6.0vh; }

#siteerausAlue{
width:100%;
background-image: url("graf/lainaustentausta.jpg");
background-repeat: no-repeat;
background-position-x: center; 
background-position-y: 0;
background-size: cover;
padding-top:5.0vh;padding-bottom:5.0vh;
font-size:3.0vh;
}

.siteeraus{ width:100vh; padding-top:3.0vh; padding-bottom:3.0vh; border:solid 0px red; }
.siteeraus:first-child{ text-align:left; }
.siteeraus:last-child{ text-align:right; }
.siteeraus span{ font-size:2.0vh; }

#alaosa{
background-color:#fff;
padding-top:3.0vh;padding-bottom:3.0vh;
width:100%;
}

#alaosaAlue{
width:106.0vh;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
line-height:2.7vh;
}

alaosanTeksti{
padding:1.5vh;
flex-basis:100%;
margin-bottom:1.2vh;
}

.alaosaTiedot{ width:25.0vh; border:solid 0px red; }
.alaosaTiedot a{ text-decoration:none; }
.alaosaTiedot .valinta{ text-align:right; }
.alaosaTiedot:last-child{ text-align:left; }

.alaosaTiedot img{ height:12.0vh; max-height:116px; }


/* *** TUOTTEET *** */

.tuoteMerkkiSisalto span{ font-size:3.0vh; }

.kohde{ width:49.0vh; display:inline-block; vertical-align:top; padding:2.0vh; overflow:hidden; }
.kohdeOtsake{ font-size:2.2vh; }
.kohdeKuva img{ max-width:48.5vh; margin:2.0vh; margin-left:0; border-radius:1.0vh; }
.kohdeKuva .mini { display:none; max-width:10.0vh; margin:2.0vh; margin-left:0; margin-top:-1.7vh; border-radius:0.7vh; }
.tuoteDok a{ position:relative; top:-1.4vh; color:blue; text-decoration:none; }
.tuoteDok a:hover{ color:#000; }

.tuoteDok img{ padding:1.0vh; max-width:52px; width:3.0vh; }

.valiotsikko{ font-weight:bold; }
.naytapiilotaTxt{ cursor:pointer; }

@media only screen and (min-width:2200px){
.kuvakkeenKehys{ height:20.0vh; }
}