@font-face {
    font-family: 'SourceSansProBold';
    src: url('/uploads/varastopaallikko-teema/fonts/SourceSansPro-Bold-webfont.eot');
    src: url('/uploads/varastopaallikko-teema/fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/uploads/varastopaallikko-teema/fonts/SourceSansPro-Bold-webfont.woff') format('woff'),
         url('/uploads/varastopaallikko-teema/fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),
         url('/uploads/varastopaallikko-teema/fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProRegular';
    src: url('/uploads/varastopaallikko-teema/fonts/SourceSansPro-Regular-webfont.eot');
    src: url('/uploads/varastopaallikko-teema/fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/uploads/varastopaallikko-teema/fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('/uploads/varastopaallikko-teema/fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('/uploads/varastopaallikko-teema/fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@charset "utf-8";
/* CSS Document */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr,
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/*img, object, embed {max-width: 100%;}*/
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

body {line-height:1;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

/* Form Elements */
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, input[type=button], input[type=submit], button {cursor: pointer;}
label {cursor: text;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

a, img a, img, a img {border:0;	outline:0; text-decoration:none;}

/* FLOAT-elements */
.fltleft {float:left;}
.fltright {float:right;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }

/* only to clear floats - to be used with any class as addition */
.clear { clear: both; }
	
/* clear float with blank <div>or <br>*/
.clrflt { clear:both; line-height:1px; font-size:1px; overflow: hidden; }

/* MAIN */
body {
	background:#fff url(/uploads/varastopaallikko-teema/img/bg.jpg) repeat-x center top;
	font-family:SourceSansProRegular,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	}
	
/*========== Wrapper ==========*/

#bodywrapper {
background: url(/uploads/varastopaallikko-teema/img/body_bg.jpg) no-repeat center top;
}

#wrapper
{
	background:#FFF;
	width:820px;
	margin:0px auto;
	padding:40px 60px 0 60px;
}

/*========== Header ==========*/

#header
{
	width:820px;
	height:307px;
	margin-bottom:20px;
}

#logo
{
	height:67px;
}

.left_logo
{
	width:684px;
	height:67px;
}

.right_logo
{
	width:79px;
	height:55px;
}

.menu
{
	height:21px;
}

.menu ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}

.menu ul li
{
	width:204px;
	height:21px;
	float:left;
	margin-right:1px;
	font-size:15px;
	color:#000;
	font-weight:bold;
	line-height:21px;
	text-transform:uppercase;
}

.menu ul li.last
{
	width:205px;
	margin-right:0px;
}

.menu ul li a
{
	background:#bed001;
	width:199px;
	height:21px;
	display:block;
	padding:0 0 0 5px;
	color:#000;
	text-decoration:none;
}

.menu ul li.last a
{
	width:200px;
}

.menu ul li a:hover, .menu ul li.menuactive a
{
	background:#3fa535;
	color:#FFF;
	text-decoration:none;
}

#banner
{
	width:820px;
	height:219px;
}

/*========== Content ==========*/

#content
{
	width:820px;
}

.three_box
{
	height:74px;
	margin-bottom:20px;
}

.single_box
{
	background:#e3e3e3;
	width:190px;
	height:74px;
	color:#000;
	margin-right:20px;
}

.single_box.last
{
	margin-right:0px;
}

.thumb_img
{
	width:74px;
	height:74px;
}

.thumb_text
{
	width:116px;
	height:74px;
	font-size:18px;
	font-weight:bold;
	color:#000;
	text-align:center;
	line-height:22px;
}

.thumb_text a
{
	background:url(/uploads/varastopaallikko-teema/img/thumb_text_bg.jpg) no-repeat left top;
	width:92px;
	height:60px;
	display:block;
	color:#000;
	text-decoration:none;
	padding:14px 12px 0 12px;
}

.thumb_text a:hover, .thumb_text a.menuactive
{
	background:url(/uploads/varastopaallikko-teema/img/thumb_text_bg_h.jpg) no-repeat left top;
	color:#FFF;
	text-decoration:none;
}

.left_content
{
	width:400px;
	font-size:12px;
	color:#333;
	line-height:normal;
}

.left_content h2
{
	padding:0 0 3px 0;
	margin:0px;
	font-size:16px;
	font-weight:bold;
	color:#3fa535;
}

.left_content h3
{
	padding:0 0 3px 0;
	margin:0px;
	font-size:14px;
	font-weight:bold;
	color:#3fa535;
}

.left_content p
{
	padding:0 0 15px 0;
	margin:0px;
}

.left_content a
{
	color:#3fa535;
}

.list_block
{
	width:400px;
}

.list_block ul
{
	list-style:none;
	padding:20px 0 0 0;
	margin:0px;
}

.list_block ul li
{
	background:url(/uploads/varastopaallikko-teema/img/list_bg.jpg) no-repeat left top;
	width:400px;
	height:24px;
	margin-bottom:1px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:24px;
}

.list_block ul li a
{
	padding:0 0 0 27px;
	display:block;
	color:#000;
	text-decoration:none;
}

.right_content
{
	width:400px;
	height:272px;
}

.spacer
{
	height:55px;
}

/*========== Footer ==========*/

#footer
{
	background:#3fa535;
}

#footer_wrapper
{
	width:820px;

	margin:0px auto;
}

#footer_wrapper ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	text-align:center;
}

#footer_wrapper ul li
{
	background:url(/uploads/varastopaallikko-teema/img/sepa.jpg) no-repeat left center;
	height:55px;
	font-size:13px;
	color:#FFF;
	display:inline;
	line-height:55px;
	padding:0 13px 0 14px;
}

#footer_wrapper ul li.first
{
	background:none;
	padding-left:0px;
}

#footer_wrapper ul li.last
{
	padding-right:0px;
}

#footer_wrapper ul li a
{
	color:#FFF;
	text-decoration:none;
}

#footer_wrapper ul li a:hover
{
	color:#FFF;
	text-decoration:none;
}

/*========== Contact ==========*/

.address_left
{
	width:175px;
}

.left_content h2.space
{
	padding:0 0 20px 0;
}

.address_left h3
{
	padding:0 0 20px 0;
	margin:0px;
	font-size:13px;
	font-weight:bold;
	color:#000;
}

.map
{
	width:190px;
	height:290px;
}

.right_contact2
{
	background:url(/uploads/varastopaallikko-teema/img/contact_bg.jpg) repeat-x left top;
	width:388px;
	padding:0 0 0 12px;
  min-height:300px;
}

.right_contact2 h2
{
	height:23px;
	padding: 2px 0px 0px 0px;
	margin:0px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	line-height:23px;
	text-transform:uppercase;
}

.form_block
{
}

.form_text
{
	height:52px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#000;
	line-height:52px;
}

.row,
.formbuilderform > div
{
	margin-bottom:12px;
  height:14px;
}

.label_tag,
.formbuilderform label
{
	width:195px;
	height:14px;
	display:block;
	float:left;
	font-size:12px;
	color:#000;
	line-height:14px;
}

.field1,
.formbuilderform input[type="text"],
.formbuilderform input[type="email"]
{
	background:#FFF;
	border:1px solid #666a44;
	width:160px;
	height:17px;
	float:left;
	padding:0px 5px;
	font-size:11px;
	color:#333;
	line-height:12px;
}

.label_tag2
{
	width:195px;
	display:block;
	float:left;
	font-size:12px;
	color:#000;
	line-height:14px;
	padding:10px 0 0 0;
}

.check_area
{
	width:143px;
	float:left;
	padding:10px 0;
}

.check_box
{
	display:block;
	float:left;
	margin:0 6px 7px 0;
}

.field2,
.formbuilderform textarea
{
	background:#FFF;
	border:1px solid #666a44;
	width:160px;
	height:32px;
	float:left;
	padding:5px;
	font-size:11px;
	color:#333;
	line-height:12px;
	overflow:auto;
	resize:none;
}

input[type="submit"] 
{
width: 64px;
height: 21px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: white;
text-align: center;
line-height: 21px;
float: left;
border: none;
padding: 0px 5px 5px 5px;
background-color: #3FA535;
cursor: pointer;
}
/* Stylesheet: varastopaallikko Modified On 2018-05-02 12:33:06 */