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

*, html, body, div, dl, dt, dd, ul, ol, li, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }


fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style: none}
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 {
font-size:100%;
}
br { clear:both; height:1px; margin:-1px 0 0 0 }


p.otso{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	padding-left:0px;
	color:#999;

}

h1 { font-size: 17px; color: #333; padding:0px 0px 5px 0px; 

}
.vari{
	color:#999;
	
}

.varip{
	color:#666;
	padding: 0px 0px 0px 0px;
	
}
.sopimuksetoi{
	font-size:12px;
	color: #666;
	padding:0px 0px 2px 0px;
	
}

h2 {
	line-height: 1em;
	font-size: 14px;
	color: #666;
}

h3 { 
line-height: 1.4em;
font-size: 12px; color: #999;
padding-left:0px;}


p.leipa{
	padding-left:0px;
	color: #666;

}
.leipa{
	font: 0.7em  Arial, Helvetica, sans-serif;


}

.leipab{
	color: #666;
	font: 0.7em  Arial, Helvetica, sans-serif;


}


/* Global reset-RESET */
/* The below restores some sensible defaults */
a {
    outline: none;
}
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }

a { text-decoration: none;
}
a:link {
	color: #666;
}

div.navBari { height:82px; width:960px; margin:0px auto 0; background-image:url('../img_html/ne_02.jpg'); }
#menu {
	text-align: center;
	padding:25px 0px 20px 480px;
	
}

#nav { float: left; position: relative; z-index: 1; }
#nav,#nav ul { background: none; border: 0px solid #369; }

#nav li { display: inline; position: relative;}

#nav a {
	font: bold 70% Trebuchet, "Trebuchet MS", Arial, sans-serif;
	line-height: 1.4em;
	text-transform:uppercase;
	letter-spacing:0.2em;
	color: #666;
	display: block;
	padding: 20px 5px 0px 0px;
	font-weight: 100;
}

#nav > li { float: left;}

#nav > li > a { border-left: 0px solid #369; }
#nav > li:first-child > a { border-left: 0; margin-left: 0; }

#nav > li > a + ul { border-top: 0; display: none; left: 0; position: absolute; top: 100%; }
#nav > li:hover > a + ul { display: block;
color: #999;
}
#nav a:hover{color: #333;}
div#menu ul {
  margin: 0;
  padding: 0;
}

div#menu li {
	float: left;
	margin: 0;
	padding: 0px 2px 0px 0px;
	text-transform: uppercase;
}

div#header {
	width: 960px;
	height: 225px;
	margin: 0px auto 0px;
	background: #fff;
	background-image:url(../img_html/ne_04_04.jpg);
	padding: 0px 0px 0px 0px;

}

div#content {

	width: 960px;
	height: 452px;
	margin: 0px auto 0;
	background: #fff;
	background-image:url(../img_html/studio_01.jpg);
	padding: 0px;

}

div#leftcolumn {
	float: left;
	margin: 30px 0px 0px 5px;
	width: 350px;
	display:inline;
}

div#rightcolumn {
	float: left;
	height: 230px;
	max-height: 265px;
	margin: 0px 0px 0px 150px;
	padding: 0px;
	overflow: hidden;
	width: 400px;
}

div#leftcolumnimai {
	float: left;
	margin: 20px 5px 0px 0px;
	width: 40px;
}

div#leftcolumnifa {
	float: left;
	margin: 20px 5px 0px 0px;
	width: 40px;
}

div#leftcolumni {
	float: left;
	margin: 15px 5px 5px 88px;
	width: 170px;
}
div#leftcolumnfla {
	float: right;
	height: 452px;
	max-height: 452px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
	width: 394px;
}

div#rightcolumni {
	float: left;
	height: 50px;
	max-height: 50px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
	width: 150px;
}

div#trecolumn {
	float: left;
	height: 55px;
	max-height: 55px;
	margin: 15px 30px 0px 0px;
	padding: 0px;
	overflow: hidden;
	width: 220px;
}


div#footer {

	width: 960px;
	height: 92px;
	margin: 0px auto 0;
	background: #fff;
	background-image:url(../img_html/ne_06_06.jpg);
	padding: 0px;

}

img {
  border: 0;
}