table {border-collapse: collapse;}


TD.text9, span.text9 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  color: #ffffff;
}
BODY {
  text-align: center;
  color: #000000;
  margin-bottom: 20px;
  background-color: #ffffff;
background-image: url("images/taka.png");

}

.myBox {

  width: 1200px;
  background-color: #ffffff;
  margin: auto;

align: center;
color: #000;
	box-shadow: 0 0 34px #bbb;
border-bottom-left-radius:10px;

border-bottom-right-radius:10px;

}




.myBox1 {
  width: 1200px;
height: 437px;

  padding-top: 0px;
  margin: auto;
margin-top: 20px;
background-color: #ffffff; 
  text-align: left;
	box-shadow: 0 0 34px #bbb;
background-image: url("images/pirtti.jpg");
border-top-left-radius:10px;
border-top-right-radius:10px;
}

.haku {
  width: 1200px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #fff;

  background-color : #fb7e00;
height:140px;
  padding-top: 5px;

  margin: auto;

  text-align: left;
align:left;

}

.haku1 {

  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #fff;
   text-align: left;
padding-left: 15px;


}

.haku2 {

  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  color: #fff;
   text-align: left;
padding-left: 5px;
padding-top:10px;

}
.myBox2 {
  width: 1200px;
background-image: url("images/pirttia.jpg");
height: 250px;
background-color: #ffffff;
  padding: 0px;
margin: auto;
  valign: bottom;
  text-align: center;
z-index:2;
border-bottom-left-radius:10px;

border-bottom-right-radius:10px;

}

.myBox4 {
position:absolute;
top:143px;
  width: 1200px;

background-color: #ffffff;
  padding: 0px;
margin: auto;
  valign: bottom;
  text-align: left;



}


.smmenu {
   font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #fff;
   text-align: center;
padding: 5px;
  background-color : #fb7e00;
height: 25px;

	box-shadow: 0 0 2px #bbb;

}

.smmenu2 {

  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #fff;
   text-align: center;
padding: 5px;
  background-color : #fb7e00;
height: 25px;


}

a.smmenu2:link {background: #fb7e00;color: #fff;cursor: pointer;text-decoration: none;}
a.smmenu2:visited {background: #fb7e00;color: #fff;cursor: pointer;text-decoration: none;}
a.smmenu2:hover {background: #fb8917;color: #676767;cursor: pointer;text-decoration: none;}
a.smmenu2:active {background: #fb7e00;color: #fff;cursor: pointer;text-decoration: none;}




.lomenu {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #222;
   text-align: center;
padding: 5px;
  background-color : #d6d6d6;
height: 25px;
	box-shadow: 0 0 2px #bbb;


}
.lomenu2 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #222;
   text-align: center;
padding: 5px;
  background-color : #d6d6d6;
height: 25px;
}
a.lomenu2:link {background: #d6d6d6;color: #222;cursor: pointer;text-decoration: none;}
a.lomenu2:visited {background: #d6d6d6;color: #222;cursor: pointer;text-decoration: none;}
a.lomenu2:hover {background: #e4e3e3;color: #222;cursor: pointer;text-decoration: none;}
a.lomenu2:active {background: #d6d6d6;color: #222;cursor: pointer;text-decoration: none;}


a.popper:link {cursor: pointer;text-decoration: none;color: #676767;}
a.popper:visited {cursor: pointer;text-decoration: none;color: #676767;}
a.popper:hover {cursor: pointer;text-decoration: none;color: #676767;}
a.popper:active {cursor: pointer;text-decoration: none;color: #676767;}



.kaup {

  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, Tahoma, Arial, Verdana;
  font-size: 12px;
  color: #676767;
   text-align: left;
  background-color : #fff;
line-height:1.3em;
}

.myy0 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  width:5px;

}

.myy1 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  width:300px;
  font-size: 14px;
  color: #fff;
   text-align: center;
padding: 5px;
  background-color : #fb7e00;
height: 25px;
border-top-right-radius:20px;
border-top-left-radius:20px;
z-index:4;
background-clip: padding-box;
}





.myy2 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  width:300px;
  font-size: 14px;
  color: #fff;
   text-align: center;
padding: 5px;
  background-color : #ccc;
height: 25px;
border-top-right-radius:20px;
border-top-left-radius:20px;
z-index:3;
background-clip: padding-box;
}

.myy3 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  width:900px;

  background-color : #fb7e00;
height: 5px;
z-index:1;
overflow: hidden;
}

td.myy2:hover {background: #eee;color: #222;cursor: pointer;text-decoration: none;}




.kerro1 {
padding-left:5px;
z-index:1;
}

.kerro2 {
padding-left:5px;}

.kerro4 {
padding-left:5px;}

.alat {

  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, Tahoma, Arial, Verdana;
  font-size: 12px;
  color: #676767;
   text-align: left;
  background-color : #fff;
line-height:1.3em;
}

.alat1 {

  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, Tahoma, Arial, Verdana;
  font-size: 14px;
  color: #676767;
   text-align: center;

line-height:1.5em;
}

.alat2 {

  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, Tahoma, Arial, Verdana;
  font-size: 11px;
  color: #676767;
   text-align: left;
  background-color : #fff;
line-height:1.9em;
}

.uudet {

  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #676767;
  background-color : #fff;
text-align:left;
padding-left:8px
}

.uudetkk {

  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #676767;
  background-color : #fff;
text-align:left;
padding-left:4px
}


.uudet1 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 9px;
  color: #222;
   text-align: left;

}

.uudet2 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  color: #222;
   text-align: left;

}

.uudet3 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #222;
   text-align: left;

}

.uudet4 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #222;
  background-color: #ebebeb;
   text-align: center;


}

.eso {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, Tahoma, Arial, Verdana;

  font-size: 20px;
  color: #676767;
   text-align: left;
padding-top: 5px;
}

.vots {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 18px;
  color: #222;
   text-align: left;
padding-top: 5px;
padding-left: 8px;
}
.vots2 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  color: #222;
padding-top: 5px;
padding-left: 8px;
   text-align: left;
line-height:1.5em;
}

.vots21 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  color: #222;
padding-top: 5px;
padding-left: 8px;
   text-align: left;
line-height:1.5em;
width:440px;
margin-top: 10px;

}

.vots22 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  color: #222;
padding-top: 5px;
padding-left: 8px;
padding-right: 8px;
   text-align: left;
line-height:1.5em;
width:540px;
margin-top: 20px;
}

.vots25 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;

  color: #222;
padding-top: 5px;
padding-left: 8px;
   text-align: center;
line-height:1.5em;
width:800px;
margin-top: 10px;

}

.vots35 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;

  color: #222;
padding-top: 5px;
padding-left: 8px;
   text-align: left;
line-height:1.5em;
width:800px;
margin-top: 10px;

}

.vots10 {
width:10px;
}

.vots100 {
width:100%;
}

.vots3 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #222;
   text-align: left;
}


    #eka {
padding-top:10px;
    float:left;
    width:720px;
    background:#fff;
z-index: 1;
    }
    #toka {
    float:right;
    width:480px;
    background:#fff;


z-index: 1;
    }




A {text-decoration:none;}






FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #8f2525;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #8f2525;
  color: #ffffff;
  font-weight : bold;
}



TR.footer {
  background: #8f2525;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #8f2525;
  color: #ffffff;
  font-weight: bold;
}






TD.pageHeading, DIV.pageHeading {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}



TD.main, P.main {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #eee;
}

TD.hina, span.hina {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 24px;
  color: #eee;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
}



.ylots {
position: relative;
	width: 1200px;			
	height: 380px;			
z-index: 0;
	background: #CBCBCB;


	box-shadow: 0 0 34px #bbb;
	margin-left: 0px;
}

	#map-canvas
	{
		width : 460px; 	/* map width */
		height: 360px;	/* map height */
		padding: 4px 5px 2px 5px;
		border: 2px solid #ccc;	
		box-shadow: 0 0 12px #bbb;
		align: center;
	}

	#vltt
	{
		width : 460px; 	
		height: 185px;	
		padding: 4px 5px 2px 5px;
		border: 2px solid #ccc;	
		box-shadow: 0 0 12px #bbb;
		align: center;
	}


div.esk0 {
position:relative;
	padding: 0px;
}

div.esk1 {
width:225px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #222;
position:absolute;
bottom:0;
background-color:#ccc;
text-align:center;

}

input[type=checkbox] {
	display: none;
}

.cbrh {
	width: 14px;
	margin: 2px 5px;
	position: relative;
}
.cbrh label {
	cursor: pointer;
	position: absolute;
	width: 14px;
	height: 14px;
	top: 0;
  	left: 0;
	background: #eee;
	border:1px solid #ddd;
}
.cbrh label:after {
	opacity: 0.1;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 2px;
	left: 1px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.cbrh label:hover::after {
	opacity: 0.4;
}
.cbrh input[type=checkbox]:checked + label:after {
	opacity: 1;
}




.takaisin {
    background-color: #222;
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: -moz-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: -ms-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: -o-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    border: 1px solid #111;
    color: #c6c6c6;
    cursor: pointer;
    display: inline-block;
    font: bold 14px/10px 'Dosis';
    margin: 10px;
    padding: 6px 8px;
    position: relative;
  font-family: Verdana, Tahoma, Arial, sans-serif;
    text-decoration: none;
    text-shadow: 0 -1px 1px hsla(0,0%,0%,.8);
    vertical-align: top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
    .takaisin:hover, .takaisin:focus {
        background-color: #242424;
        color: #f6f6f6;
    }
    .takaisin:active {
        background-color: #202020;
        color: #b6b6b6;
        padding: 6px 6px;
	text-decoration:none;
    }

.popbox {
    display: none;
    position: absolute;
    z-index: 99999;
    width: 200px;
    padding: 10px;
    background: #EEEFEB;
    color: #000000;
    border: 1px solid #4D4F53;
    margin: 0px;
    text-align:top;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
}
.popbox h2
{
    background-color: #fb7e00;
    color:  #fff;
    font-size: 14px;
    font-family: Verdana, Tahoma, Arial, sans-serif; 
    display: block;
    width: 100%;
    margin: -10px 0px 8px -10px;
    padding: 5px 10px;
}

.banner {
	position: relative;
	width: 998px;

	
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	
	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	
}
    .banner li { list-style: none; }
        .banner ul li { float: left; }
.banner ul { padding:0; margin:0}