/*
Template: 2047 Brown Field
Credit: http://www.tooplate.com/view/2047-brown-field
*/

body {
	margin: 0;
	padding: 0;
	color: #554a46;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
text-align: justify;
	line-height: 1.7em; 
	background-color: #090100;
background:url(../taustatesti34.jpg) fixed top center;
	background-position: center top;
	background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}









.img1 {
height: 380px;
width: 255px;
border: 1px solid #49280b;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 3px;
box-shadow: 0px 0px 15px #000000;
    padding: 0;
    margin-top: 25px;
margin-right: 35px;
    display: block;
}




a, a:link, a:visited { 
	color: #8f5235; 
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px; 
}

a:hover {
color: #c18d78; 
	text-decoration: none; 
}



p { 
	margin: 0 0 10px 0; 
	padding: 0; 
}





em { color: #000; }



.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { 
	display: inline-block; 
	border: 1px solid #666; 
	padding: 4px; 
	background: #ccc; 
	margin-bottom: 5px; 
}

.image_fl { 
	float: left; 
	margin: 3px 30px 0 0; 
}

.image_fr { 
	float: right; 
	margin: 3px 0 0 30px; 
}

.tooplate_list { 
	margin: 20px 0 20px 15px; 
	padding: 0; 
	list-style: none; 
}

.tooplate_list li { 
	color:#fff; 
	margin: 0; 
	padding: 0 0 5px 15px; 
	background: url(../templatemo_list2.png)  no-repeat scroll 0 7px;  
}

.tooplate_list li a { 
	color: #97313b; 
	font-weight: normal; 
	font-size: 12px; 
	text-decoration: none; 
}

.tooplate_list li a:hover { 
	text-decoration: underline; 
}



#tooplate_wrapper {
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;

}

#tooplate_header {
	width: 960px;
	padding: 30px 10px 0; 
	height: 60px;
}

#site_title { 
	float: left; 
}

#site_title h1 { 
	margin: 0; 
	padding: 0; 
	display: block; 
	width: 312px; 
	height: 61px; 
	color: #fff; 
	text-indent: -10000px; 
	background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/KL_zpsc413e6ca.png) no-repeat top left; 
}



/* menu */

#tooplate_menu {
	float: right;
	margin: 0 auto;
}

#tooplate_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#tooplate_menu ul li {
	padding: 0;
	margin: 0;
	display: inline;
}

#tooplate_menu ul li a {
	float: left;
	display: block;
	width: 104px;
	height: 33px;
	margin-left:5px;
	padding-top: 6px;
	font-size: 14px;
	color: #786346;
	text-align: center;
	text-decoration: none;
	font-weight: 400;
	outline: none;
	border: none;
	background: url(../tooplate_menu.png);
}

#tooplate_menu ul li a:hover, #tooplate_menu ul .current {
	color: #333;
	background: url(../tooplate_menu_hover.png) no-repeat;
}

/* end of menu */

#tooplate_middle { 

	clear: both;
	width: 925px;
	height: 440px;
	padding-left: 15px;
padding-top: 10px;
margin-left:19px;
	overflow: hidden;
	background-color: rgba(223,187,149,0.6);
border: 1px #a4a1b4;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 10px;
margin-bottom:30px;
box-shadow: 0px 0px 20px #38322d;


}

h1 { 
	font-size: 30px; 
padding-left:35px;
font-family: 'Source Serif Pro', serif;
	line-height: 38px; 
	font-weight: 400; 
	color: #fff; 
	margin-bottom: 20px;  
text-shadow: 0px 0px 10px #000000;
}


h2 { 
	font-size: 27px; 
padding-left:35px;
font-family: 'Source Serif Pro', serif;
	line-height: 38px; 
	font-weight: 400; 
	color: #684b2c; 
	margin-bottom: 5px;  

}

h3 { 
	font-size: 22px; 
padding-left:35px;
font-family: 'Source Serif Pro', serif;
	line-height: 38px; 
	font-weight: 400; 
	color: #666666; 
	margin-bottom: 4px;  
}


h4 { 
	font-size: 18px; 
padding-left:35px;
font-family: 'Source Serif Pro', serif;
	line-height: 38px; 
	font-weight: 400; 
	color: #666666; 
	margin-bottom: 10px;  
}


#mid_left { 
	float:left; 
	width:575px; 
margin-left: 15px; 
}

#mid_slider { 
	position:relative; 
	float: right; 
	width: 320px; 
	height: 220px;	  
}
#tooplate_middle img { 
	float: right; 
	margin-left: 60px; 
}

#mid_left p { 
	margin-bottom: 30px; 
	color: #fff; 
}

#learn_more a { 
	display: block; 
	width: 104px; 
	height: 33px; 
	padding-top: 6px; 
	text-align: center; 
	text-decoration: none; 
	color: #333; 
	font-weight: 700; 
	background: url(../tooplate_menu_hover.png);  
}

#learn_more a:hover { 
	color: #000; 
}

/* main */


#kokolaatikko {
background-color: rgba(247,239,232,0.9);
padding: 10px;
width: 920px;
margin-left:auto;
margin-right:auto;
margin-top: 30px;
border-radius:10px;
border: 0px solid #798171;
box-shadow: 0px 0px 20px #38322d;
}


#tooplate_main p {
	margin-bottom: 10px;
}

.con_tit_01 { 
	font-size: 30px; 
	color: #666; 
	margin-bottom: 25px; 
}

.con_tit_02 { 
	font-size: 24px; 
	color: #333; 
	margin-bottom: 15px; 
}

.col_w900 { 
	width: 900px; 
	margin-bottom: 30px; 
	padding-bottom: 30px; 
	border-bottom: 1px dashed #ccc; 
}

.col_w580 { width: 580px;  padding-left: 10px; }
.col_w5802 { width: 870px; padding-left: 23px;}
.col_w420 { width: 420px }
.col_w280 { width: 250px; 

background-color: rgba(223,199,149,0.3);
font-family:  Arial, sans-serif;
padding-top: 0px; 
margin-top: 20px; 
margin-right: 20px; 
padding-bottom: 10px; 
padding-right: 20px; 
padding-left: 20px; 
border: 1px #b5ac8e dotted;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}


.col_allw280 { 
	float: left; 
	width: 280px; 
	margin-right: 30px; 
}

.col_w900_last { 
	padding: 0; 
	margin: 0; 
	background: none; 
}

.col_last { 
	margin: 0; 
}





#tooplate_footer_wrapper {
	clear: both;
	width: 100%;
	background-color: rgba(223,187,149,0.8);
border-top: #464747;

box-shadow: 0px 0px 20px #282421;
}

#tooplate_footer {
	clear: both;
	width: 940px;
	padding: 10px 0; 
	color: #64492c;
	text-align: center;
	margin: 0 auto;
}

#tooplate_footer a { 
	color: #79644c; 
	text-decoration: none; 
}





























.jm-item {
	padding: 10px;
	display: inline-block;
	text-align: left;
}

.jm-item-wrapper {
	position: relative;
	padding: 2px;
	background: #564e46;
border-radius: 0px;
box-shadow: 0px 0px 10px #513214;
}

.jm-item-image {
	position: relative;
	overflow: hidden;
}

.jm-item-image img {
	display: block;
}

.jm-item-title {
	position: absolute;
	left: -10px;
	bottom: 17px;
	background: #FF6B0E;
    color: #FFFFFF;
    font-size: 1.4em;
	line-height: 1.5em;
    font-weight: normal;
    padding: 7px 9px 6px;
    text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}

.jm-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in 0s;
	-moz-transition: opacity 0.5s ease-in 0s;
	-o-transition: opacity 0.5s ease-in 0s;
	transition: opacity 0.5s ease-in 0s;
}

.jm-item-wrapper:hover .jm-item-overlay {
	opacity: 0.3;
}



.second {
	overflow: hidden;
}

.second .jm-item-wrapper .jm-item-title {
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}

.second .jm-item-wrapper:hover .jm-item-title {
	left: -100%;
}

.second .jm-item-description {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	background: rgba(0,0,0,0.6);
	color: #fff;
	top: 100%;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
	transition: all 0.4s ease-in 0s;
}

.second .jm-item-wrapper:hover .jm-item-description {
	top: 0;
}



a.linkki { color: #f1e9de;  line-height: 38px; font-weight: bold; text-decoration: underline; font-size: 14px }
a.linkki:hover  { color: #ffffff; text-decoration: none; font-style: none;}



a.linkki2 { font-size: 22px; 
font-family: 'Source Serif Pro', serif;
	line-height: 38px; 
	font-weight: 400; 
	color: #8b7a7a; 
	margin-bottom: 10px;   }

a.linkki2:hover  { font-size: 22px; 
font-family: 'Source Serif Pro', serif;
	line-height: 38px; 
	font-weight: 400; 
	color: #483e3e; 
	margin-bottom: 10px;  }



.td1 {
font-family: Palatino Linotype, Serif;
font-weight: bold;
font-style: none;
color: #684b2c;
letter-spacing: 0px;
font-size: 14px;
padding-left: 20px;
background: #d8bc9e;
width:20%;
}
.td2 {
padding-left: 10px;
background: #e7d4bf;
color: #555;
width:30%;
}
.td3 {
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/td1_zpsffc7a86e.jpg); 
height: 14px;
}
.td4 {
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/td2_zps2aea2e15.jpg); 
height: 14px;
}

.kehykset{
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/kehykset_zpsd575555a.jpg);
padding: 7px;
margin: 7px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;}

.tumma {
font-family: Arial, Sans-serif;
font-style: none;
color: #72381d;
letter-spacing: 0px;
font-size: 12px;
padding-left: 20px;
background: #d8bc9e; 
line-height: 1.4; 
padding-top:10px;
    padding-bottom:10px;
}

.vaalea {
font-family: Arial, Sans-serif;
font-style: none;
color: #72381d;
letter-spacing: 0px;
font-size: 12px;
padding-left: 20px;
background: #e7d4bf;
line-height: 1.4; 
padding-top:10px;
    padding-bottom:10px;
}


#treeniboksi { width: 95%; 

background-color: rgba(223,193,149,0.3);
font-family:  Arial, sans-serif;
padding-top: 15px; 
margin-top: 0px; 
margin-right: 0px; 
padding-bottom: 10px; 
padding-right: 20px; 
padding-left: 20px; 
border: 1px #b5ac8e dotted;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.laatikko2 { 
font-family:  Arial, sans-serif;

margin-left: 65px; 


}