@font-face {
    font-family: 'kon_tiki_enchanted_jfregular';
    src: url('../fonts/kon_tiki_enchanted_jf-webfont.eot');
    src: url('../fonts/kon_tiki_enchanted_jf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kon_tiki_enchanted_jf-webfont.woff2') format('woff2'),
         url('../fonts/kon_tiki_enchanted_jf-webfont.woff') format('woff'),
         url('../fonts/kon_tiki_enchanted_jf-webfont.ttf') format('truetype'),
         url('../fonts/kon_tiki_enchanted_jf-webfont.svg#kon_tiki_enchanted_jfregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

article, section, footer, header, embed{
	display:block
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, img, ins, kbd, keygen, label, legend, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, var {
	background: transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}

html {
	width:100%
}

body{
background-color: #ffffff;
}

table, table td {
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top;
}

img.logo{
border: 10px solid #ffffff !important;
margin: 0px 0px 0px 0px !important;
}

#metsäpalvelu{
	font-family:Arial;
	font-size: 13px;
	line-height: 16px;
	color:#606060;
	height: 100%;
	background: url(/images/metsasalmela/puu.jpg) repeat;
}

#metsänhoito{
width: 100%;
height: 375px;
background: url(/images/metsasalmela/taimikko.png);
background-repeat: repeat-x;
}

#metsäarviot {
	position: relative;
	width:980px;
	height: 329px;
	background: url(/images/metsasalmela/salmela.png);
	background-position: top center;
	background-repeat: no-repeat;
	padding:0;
	margin:0 auto;
}

#salmela{
position: absolute;
width: 374px;
height: 59px;
top: 75px;
right: 94px;
}

p{
font-family: Arial;
font-size: 15px;
line-height: 18px;
color:#273905;
margin: 0;
}

.item-separator{
height: 30px;
}

a {
	color:#273905;
	outline:none
}

a:hover {
	text-decoration:none
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.kehys {
	float:left;
	padding:5px;
	background:#fff;
	box-shadow: 0px 0px 2px #ebecee;
	border-radius:8px;
	margin-top:2px;
	margin-bottom:2px;
}

/*********************************header*************************************/
header {
	width:100%;
	min-height:116px;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	padding:34px 0 0 30px;
	position:relative;
	float:left;
}

h2 {
	font-family: 'Open Sans', sans-serif;
	display: block;
	font-size:26px;
	font-weight: 400;
	color:#273905;
	text-align:left;
	text-transform: uppercase;
	margin: 0 auto 30px auto;
	padding-bottom: 18px;
	border-bottom: 1px solid #273905;
	border-bottom: 1px solid rgba(39, 57, 5, 0.4);
}

h3{
	font-family: 'Open Sans', sans-serif;
	display: block;
	font-size:26px;
	line-height:30px;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
	margin-bottom:18px;
	padding-bottom:12px;
	width: 100%;
	background:url(/images/metsasalmela/alaotsikkotausta.gif) 0 bottom repeat-x;
}

h4{
	font-family: 'Open Sans', sans-serif;
	display: block;
	font-size:26px;
	line-height:30px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	margin-bottom:26px;
	padding-bottom:12px;
	width: 100%;
	background:url(/images/metsasalmela/otsikkotausta.gif) 0 bottom repeat-x;
}

/* Alueet */

div.sisalto img{
float: left;
border: 10px solid rgba(255,255, 255, .4);
margin: 3px 0px 25px 30px;
}

div.sisalto{
display: flex;
}

div.sisalto ul li{
font-family: Arial;
font-size: 15px;
line-height: 18px;
color: #273905;
margin-bottom: 6px;
}

div.sisalto ul li:last-child{
margin-bottom: 0px;
}
	
.item-page, .blog{
	background:url(/images/metsasalmela/paperi-keski.png) repeat-y;
	width: 892px;
	padding: 12px 60px 12px 60px;
}

.item-page table, .blog table{
margin: 0 auto;
}

.item-page h2, .blog h2{
width: 774px;
}

.article-info-term{
display: none;
}

#palsta{
width: 774px;
color: #273905;
}

#taimikonhoito{
	width:892px;
	float:left;
	margin: 0;
}

#taimikonhoito.paperi_yla{
position: absolute;
width: 704px;
height: 60px;
top:0;
left:0;
}

#taimikonhoito.paperi_ala{
position: absolute;
width: 704px;
height: 87px;
bottom:0;
left:0;
}

#ajankohtaista{
margin: 0 0 60px 0;
}

/* Valikko */

#palvelut{
position: absolute;
top: 255px;
left: 102px;
width: 800px;
}

#palvelut ul.menu{
float: left;
}

#palvelut ul li{
	float: left;
	list-style-type: none;
	margin: 5px 0 0 0;
	height: 30px;
}


#palvelut ul li a{
    font-family: 'kon_tiki_enchanted_jfregular';
	display: block;
	font-size: 32px;
	line-height: 32px;
	padding: 0px 30px 0px 30px;
	color: #ffffff;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
}

#palvelut ul li a:hover, #palvelut ul li.current a{
	color: #b1844d;
	text-decoration: none;
}

#puukaupat{
	width:892px;
	margin: 0 auto 10px auto;
}

#metsäsuunnitelmat {
	height:254px;
	width:892px;
	margin: 0 auto;
}

.puusto{
	width:892px;
	margin: 0 auto;
	background:url(/images/metsasalmela/paperi-keski.png) repeat-y;
	padding-top: 12px;
    padding-bottom: 12px;
}

.raivaus {
	width:774px;
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
	border-top: 1px solid #273905;
	border-top: 1px solid rgba(39, 57, 5, 0.4);
	border-bottom: 1px solid #273905;
	border-bottom: 1px solid rgba(39, 57, 5, 0.4);
}

.raivaus  h2{
	width: 726px;
	font-size:20px;
	color:#273905;
	text-align:left;
	text-transform: uppercase;
	margin: 0px auto 20px auto;
	padding: 0px;
	border: none;
}

#luontoselvitys{
width: 726px;
margin: 0 auto;
border-collapse: collapse;
}

#luontoselvitys td, #luontoselvitys td p{
font-size: 14px;
line-height: 29px;
}

#luontoselvitys td a{
text-decoration: none;
}

#luontoselvitys td a:hover{
text-decoration: underline;
}

#toteutus {
	padding-top: 15px;
	height: 60px;
	width:980px;
	margin: 0 auto;
	font-size: 11px;
	color: #d3b690;
	text-align: top;
}

#toteutus a{
color: #d3b690;
}

#kunnostusojitus{
width:980px;
height:356px;
margin-left: 30px;
background: url(/images/metsasalmela/footer.png) no-repeat;
}

#kunnostusojitus td{
font-family:Arial;
font-size:13px;
line-height:22px;
color: #ffffff;
}

#kunnostusojitus td a{
font-family:Arial;
font-size:13px;
line-height:22px;
color: #ffffff;
text-decoration: none;
}

#kunnostusojitus td a:hover{
text-decoration: underline;
}

#yhteystiedot{
width: 550px;
border: none;
border-collapse: collapse;
}

#yhteystiedot td{
font-family:Arial;
font-size:13px;
line-height:22px;
}

#yhteystiedot td a{
text-decoration: none;
}

#yhteystiedot td a:hover{
text-decoration: underline;
}