.div {	border:1px red solid; 	}

body {	margin:0;  color:rgb(0,0,0);  word-spacing:0.1em;  letter-spacing:0.07em;  font-family: Arial, Helvetica, "sans-serif";
	background-image:url(kuvat/03.jpg); background-position: 40% 50%;  background-size:cover;     }
td { 	padding:0;  vertical-align:top;  }
table { 	border-collapse:collapse;  empty-cells:show;}
img {		border:0;  display:block; }
* 	{	box-sizing:border-box; 	}


.tietoboxi {	width:100%;  margin:44px 0; 	padding:22px 5%;   background-color:hsl(0,0%,100%); }
.tietoteksti {	padding:22px 0 0 0;  margin:0;  font-size:111%;  line-height:155%;  color:hsl(0,0%,0%);  	}



h1 {			font-size:333%;   margin:77px 88px 55px 7%;  padding:0;  float:left;  font-weight:normal;  font-family: 'Cinzel', serif;  	}
.linkkilohko {		margin:22px 88px 22px 0px;  font-size:1.2em;  float:left;  display:table; 	}
.linkkinappi {		width:12em;  margin:55px 77px 0 0px;  float:left;    }
.linkkiteksti:link { 	color:hsl(0,0%,100%);      }
.linkkiteksti:visited { 	color:hsl(0,0%,100%);     }
.linkkiteksti:hover { 	color:hsl(0,0%,100%);  background:linear-gradient( hsl(40,100%,22%) , hsl(40,100%,54%) ); 	   }
.linkkiteksti {	 	padding: 0.5em 0em;  border-radius:1em;  text-align: center;  display: block;   
			background:linear-gradient( hsl(222,100%,20%) , hsl(222,100%,77%) ); 			
			text-decoration: none; }
			

p {		padding:22px 0 0 0;  margin:0;  font-size:111%;  line-height:155%;  color:hsl(0,0%,0%);  	}
.pampula {	padding: 0px 0px 0px 44px;  margin: 22px 0 0 0;  font-size: 111%;   color:hsl(0,0%,0%);  
		background-image: url(kuvat/pallomusta.png);  background-size:0.5em;  background-position: 0 0.5em;  background-repeat: no-repeat;    }		

.sivualue {	width:100%;  max-width:1920px;  display:table;   }  
.alueylin {	border-width:17px 0 2px 0;  border-color:hsl(202,100%,33%);  border-style:solid;  width:100%;  display:table;  background: linear-gradient( hsl(202,100%,40%) , hsl(202,100%,90%) );  }

.logolohko { 	width:100%;  display:table;    }
.logokuva {	width:80%;  max-width:333px;  margin:55px;  float:left;     }






.boxialue2 {	width:100%;  margin:0;  display:flex; justify-content:space-between;  flex-wrap:wrap;	}
.boxi2 {		width:50%;       }
.boxi21 {		padding:99px 5% 0 5%;        }
.boxi22 {		min-height:555px;  background-image:url(kuvat/imagekuva.jpg); background-position:80% 50%;  background-size:cover;  	   }

.boxialuew {	margin:0;  padding:0px 5%;  width:100%;  display:flex; justify-content:space-between;  flex-wrap:wrap;	}
.boxiw {		margin:33px 0;  width:48%;  border:1px hsl(202,100%,33%)  dotted;  border-radius:33px;  display:flex; justify-content:space-between;  flex-wrap:wrap;   background-color:hsl(202,100%,97%);    }
.boxiwv {		border-radius:33px 0 0 33px; width:30%;  min-height:333px;      }
.boxiwo {		padding:22px 33px; width:70%;        }
.nimi {		font-size:155%;  padding:11px 0;font-weight:bold;  font-family: 'Cinzel', serif;	 } 
.ominaisuus {	font-size:122%;  padding:7px 0 11px 0;  line-height:133%;  word-spacing:0.1em;  letter-spacing:0.07em;   }
.haiveviiva { 	height:1px;  width:77%;  margin:33px auto; background: linear-gradient( 90deg, transparent , hsl(0,0%,100%) , transparent );   }
.kuvaus {		font-size:144%;  padding:11px 3% 0 3%;  text-align:center; font-family: 'Cormorant', serif;	}

.hevonen1 {	background-image:url(kuvat/hevonen1.jpg);  background-position:10% 0%;  background-size:cover;  	}
.hevonen2 {	background-image:url(kuvat/hevonen2.jpg);  background-position:70% 0%;  background-size:cover;  	}
.hevonen3 {	background-image:url(kuvat/hevonen3.jpg);  background-position:30% 0%;  background-size:cover;  	}




.tekstilohko {	margin:0 0 0 0;  padding:44px 7%;  font-size:133%;  text-align:center;  width:100%;  background-color:hsl(202,100%,97%); } 

.nappilohko {	margin:22px 0 0 0;  padding:22px 7%;  font-size:133%;    width:100%;   } 
.nappitaulu {	margin:11px auto;  border-width:0 0 0 22px;  border-color:hsl(202,100%,90%); border-style:solid; 	}
.nappikuvasolu {	padding:22px; 	}
.nappitekstisolu {	padding:0 22px 0 33px;    }
.nappiteksti {	align-self:center;   margin:0;  padding:33px 0 0 0; 	}
.logohopoti {	width:55px;	}
.logofacebook {	width:55px;	}
.logoinstagram {	width:55px;	}




.alueyhteys {	margin:33px 0 0 0;  padding:22px 3% 11px 3%;   width:100%;  display:table;   } 
.yhteysboxi {	width:100%;  max-width:33em;  margin: 0 auto;  padding:0;  background-color:hsl(0,0%,95%); 	}
.yteksti {	font-size:122%;  padding:7px 5%;  text-align:center;   }
.yotsikko {	font-size:199%;  padding:22px 5%;  margin:0 0 22px 0; text-align:center;  background-color:hsl(202,100%,90%);  }
.ytunnus {	font-size:88%;  margin:22px 0;  color:hsl(0,0%,55%); 	}

.haiveviiva { 	height:1px;  width:66%;  margin:33px auto;  background:linear-gradient( 90deg, transparent , hsl(0,0%,0%) , transparent );   }

.karttaboxi {	width:90%;  height:222px; margin:55px auto;  border: 2px hsl(202,100%,90%) solid;    	}

.tekstilinkki:link {	color:hsl(288,100%,40%);   text-decoration: underline; }  
.tekstilinkki:visited {	color:hsl(288,100%,40%);   text-decoration: underline; }
.tekstilinkki:hover {	color:hsl(288,100%,40%);   text-decoration: none; }

.mustalinkki:link {		color:hsl(0,0%,0%);   text-decoration: underline; }  
.mustalinkki:visited {	color:hsl(0,0%,0%);   text-decoration: underline; }
.mustalinkki:hover {	color:hsl(0,0%,0%);   text-decoration: none; }






      
@media screen and (max-width : 1500px)	{	/*	------------------------------------------------------------------------------------------------------------------------	*/

h1 {		font-size:222%;   margin:55px 5% 0 5%;  text-align:center; float:none; 	}
.linkkilohko {	padding:22px 3em;  margin:0 auto;  width:100%;  text-align:center;  	}
.linkkinappi {	margin:11px 2em;  float:none;  display:inline-block;     }
.pampula {	padding: 0px 0px 0px 44px;  margin: 22px 0 0 0;  font-size: 111%;   color:hsl(0,0%,0%);  
		background-image: url(kuvat/pallomusta.png);  background-size:0.6em;  background-position: 0 0.5em;  background-repeat: no-repeat;    }		

			
.boxialue2 {	margin:0 0 0 0; 	}
.boxi2 {		width:100%;      }

.alueyhteys {	margin:0;    } 

.boxiw {		width:90%;  max-width:666px;  margin:22px auto;  flex; justify-content:space-between;  flex-wrap:wrap;      }
.boxiwv {		border-radius:33px 33px 0 0; width:100%;  min-height:333px;      }
.boxiwo {		padding:22px 33px; width:100%;        }


.nimi {	font-size:155%;  padding:11px 0 0 0;	 font-style:italic; 	 } 
.eccer {	 background-image:url(kuvat/kuvaeccer.jpg);  background-position:10% 0%;  background-size:cover;  	}


						 	}	/*	--------------------    */










/*	kestotietoa yyy   kerään tähän kaikki kestoteidot ja käytän pohjana	*/
/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/

.vaaleaotsikko {	color:hsl(0,0%,100%);    }

.ypadiso { 	padding-top:66px; }
.ypadpieni { 	padding-top:33px; }
.ypadnolla { 	padding-top:0; }
.apadiso { 	padding-bottom:66px; }
.apadpieni { 	padding-bottom:33px; }
.apadnolla { 	padding-bottom:0; }

.ymargiso { 	margin-top:66px; }
.ymargpieni { 	margin-top:33px; }
.ymargnolla { 	margin-top:0; }
.amargiso { 	margin-bottom:66px; }
.amargpieni { 	margin-bottom:33px; }
.amargnolla { 	margin-bottom:0; }

.vasemmalle {	text-align:left; }
.keskelle {	text-align:center; }
.oikealle {	text-align:right; }
.kuvakeskelle {	margin-left:auto;  margin-right:auto; }

.haiveviivamalli { 	height:1px;  width:77%;  margin:33px auto; background: linear-gradient( 90deg, transparent , hsl(0,0%,100%) , transparent );   }
.liukupystymalli { 	background:linear-gradient( hsl(111,80%,40%) , hsl(111,80%,100%) ); }
.taustakuvamalli {	background-image:url(kuvat/taustakuva.jpg);  background-size:cover;  background-position:0 0;   min-height:555px;  }

.levee100 {	width:100%; }
.yhdessa {	white-space: nowrap;   }
.fontti {    	font-family: 'Cinzel', serif;	}
.levee100 {	width:100%;  }
.erotin {		width:100%;  height:1px;  display:block;  }
.eimarginaalia {	margin-right:0;   }








/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/
/*	======================================================================	*/
/*	========================================================================================================================	*/
/*	========================================================================================================================	*/
/*    perustekstit	==============================================================================================================	*/
/*    alueet	==============================================================================================================	*/
/*    logo ingressi	==============================================================================================================	*/
/*    navigointi	==============================================================================================================	*/
/*    boxit	==============================================================================================================	*/
/*    erikoisboxit	==============================================================================================================	*/
/*    capi	==============================================================================================================	*/
/*    yhteydet	==============================================================================================================	*/
/*    harvinaiset	==============================================================================================================	*/

@media screen and (max-width :111px)	{	/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/
	}	/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/	
/*	CSS: portaat 1480, 1230, 900, 700, 500-300, FF sallii tarkistuksen 450px näytöllä 	*/

/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/