body{ 
background-color:#eeeeec;
background-repeat: no-repeat;  
}
h1{
font-size:120%; 
margin:25px 0px 15px 0px;
}
h2{
font-size:100%;
}
h3{
font-size:100%;
margin:0;
padding: 0px;
color:black;
}
h3 a{ 
margin:0;
padding: 0px;
color:black;
}
h4{
font-size:80%;
}
ul{ 
font-size:80%;
list-style-type: none;
padding: 0px;
margin: 5px; 
}

li{ 
  
margin: 5px; 
}
 
 .mainos{
  float:right;
 }
 .mainosa{
  float:left;
 }
 
#haku{
float:right;
margin:20px -40px 0px 0px;
}

a{
color:blue;
}
  
#sijainti a{
color:white;
}
.na{ 
color:#7A909B;
}

.mus{
color:black;
}

#ykkos{
font-size:70%;
margin: auto;
width : 130px; 
float:left;  
}

#kakkos{
font-size:70%;
margin: auto;
width : 130px;   
float:left;  
}

#kolmos{
font-size:70%;
margin: auto;
width : 130px;   
float:left;  
}


.text{
margin:65px 15px 15px 13px;
} 

.kuvao{
float:right;
margin:0px 5px 5px 5px;

}
.kuvav{
float:left;
margin:0px 5px 5px 5px;

}


#kesk {
width : 100%; 
min-height : 150px; 
background-color : #e9b96e;
float:right;
margin:0px 0px 10px 0px;  

}  
#ala{
height : 15px;  
background-repeat:repeat;  
width:760px; 
margin:-72px auto auto auto;
}


#kok {
overflow: hidden; 
width : 80%;  
margin:-10px auto auto auto;
width:760px;  	
background-color : #e9b96e;
box-shadow: 0px 0px 10px 10px #e9b96e;
  -moz-box-shadow:0px 0px 10px 10px #e9b96e;
  -webkit-box-shadow: 0 0 10px 10px #e9b96e;
}

.rese{
text-align:center;
}
.resel{
float:left;
text-align:center;
}
.reser{
float:right;
text-align:center;
}
#koko {
overflow: hidden;
width : 100%;
background-color :#e9b96e;
padding:5px;  
margin:0px 0px 0px 0px;
 
}
 

#logo {
background-color : #49E661;
width : 60px;
height : 59px;
background: url('logo.png'); 
background-repeat: no-repeat;   
float:right;
margin:10px 10px 5px 0px;
}

#ulk {
overflow: hidden;
margin : 0 0 0 0;
background-color : #49E661;
} 


#sijainti{ 
padding:0px 0px 0px 0px; 
margin : 30px 20px;
font-size:70%;
background-color:#c17d11;
text-decoration: none; 
box-shadow: 0px 0px 3px 3px #c17d11;
  -moz-box-shadow:0px 0px 3px 3px #c17d11;
  -webkit-box-shadow: 0 0 3px 3px #c17d11;		

border-radius: 16px;
-khtml-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
-webkit-border-radius: 16px; 
padding : 3px 15px;
}
  
.navi{ 
margin:0px 1%;
color:white;   
padding:5px 0.8% 0px 0.8%;
border:11px;  
transition: all 0.5s ease-in-out; 
-webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out;  
}
 

A:hover.navi {   
background-color:#AF6C00;	 
transition: all 0.5s ease-in-out; 
-webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out;  
box-shadow: 0px 3px 3px 3px #AF6C00;  
border-radius: 16px;
-khtml-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
-webkit-border-radius: 16px; 
}
 


#navi {   
position: absolute; 
z-index: 1;
background-color : #8f5902;  
box-shadow: 0px 0px 10px 10px #8f5902;
  -moz-box-shadow:0px 0px 10px 10px #8f5902;
  -webkit-box-shadow: 0 0 10px 10px #8f5902;	
margin : 20px auto;
width:760px; 
}
 
.reskatlis{
color:#000000;
font-size:170%;
line-height:250%;
}


A:hover.katlink {   
background-color:#babdb6;
box-shadow: 0px 0px 3px 3px #babdb6;
  -moz-box-shadow:0px 0px 3px 3px #babdb6;
  -webkit-box-shadow: 0 0 3px 3px #babdb6;	
}
 
.katlink{
background-color:#d3d7cf;
box-shadow: 0px 0px 3px 3px #d3d7cf;
  -moz-box-shadow:0px 0px 3px 3px #d3d7cf;
  -webkit-box-shadow: 0 0 3px 3px #d3d7cf;	
color:#2e3436;
padding:7px; 
border-radius: 16px;
-khtml-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
-webkit-border-radius: 16px; 
}