*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img{max-width:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline;zoom:1}
html,button,input,select,textarea{font-family:sans-serif;color:#222}
html,body{height:100%;margin:0;padding:0}
a:link{color:#00e;outline:0;text-decoration:none;}a:visited{color:#551a8b;outline:0;}a:hover{color:#06e}a:hover,a:active{outline:0}
abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ul,ol{list-style:none;list-style-image:none;margin:0;padding:0}dd{margin:0 0 0 40px}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;overflow:visible;padding:1px 8px}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}#registration select,#registration option{width:250px}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}audio:not([controls]),[hidden]{display:none}figure,form{margin:0}::-moz-selection{background:transparent;color:#637cb5;text-shadow:none}::selection{background:transparent;color:#637cb5;text-shadow:none}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;line-height:0}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}
@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
span.skype_pnh_container{display:none!important}span.skype_pnh_print_container{display:inline!important}
body{
  background-color: #e0e0df;/*fcffee*/
  font: 9pt "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
  color: #2f2f2f;
  overflow-x:hidden;
}
.logo-txt{font-family:'Philosopher',sans-serif;font-size:2em;text-shadow: 1px 1px #eee;}
.logo-txt span{font-size:2em;color:#db6815;text-shadow: 1px 1px #333;}
ul{
  text-align: left;
}
ul{
  list-style: none;
}
#sub_left ul li a:link, #sub_left ul li a:visited {
  opacity:1;
  filter:alpha(opacity=100);
  text-decoration: none;
  color: #337a93;
}
#sub_left ul li a:hover, #sub_left ul li a:active {
  opacity:.8;
  filter:alpha(opacity=80);
  text-decoration: none;
}
a img:hover {
  opacity:.8;
  filter:alpha(opacity=80);
  text-decoration: none;
}
#sub_left ul {
  list-style: url(../img/li.gif) inside;
  margin-left: 10px;
}
h1{
  font-size: 2em;
  margin: 0;
  color: #3f3f3f;
}
h2{
  font-size: 1.1em;
  margin: 10px 0 0 0;
  color: #3f3f3f;
}
hr{
  margin: 10px 0;
}
#wrap{
  max-width:900px;
  width:100%;
  background-color: #fff;
  height: auto;
  margin: 0 auto;
}
#banner{
  background-image: url(../img/logo6.jpg);
  background-repeat: no-repeat;
  background-position: center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
  width: 100%;
  height:120px;
  text-align: center;
  padding-top:5%
}
.logo_contacts{
  font-size: 1.1em;
  text-align: center;
  color: #fff;
  padding:10px;
  background:#4aae64;
}
.logo_contacts a:link,.logo_contacts a:visited{color: #fff;}

#container{
  width: 100%;
  height: auto;
  float: left;
}
#left_content{
  width:100%;
  height: auto;
  float: left;
  position: relative;
  padding: 20px;
}
#left_content img{
  margin: 20px;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  border-radius: 0.4em;
}
#sub_left{
  width:100%;
  float: left;
  height: auto;
  padding: 0 20px; 
  text-align: left;
}
#sub_right{
  width:100%;
  height: auto;
  float: right;
  padding: 20px;
  text-align:center;
}
#sub_right img{
  float: none;
  margin-bottom: 20px;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  border-radius: 0.4em;
  position: relative;
  z-index: 9;
}
#sub_left p{
  margin: 10px 0;
}
.fp_content{
  margin-bottom: 20px;
  padding:10px;
  background: -moz-linear-gradient(top,  rgba(16,89,173,0.05) 0%, rgba(16,89,173,0.05) 1%, rgba(16,89,173,0.07) 42%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(16,89,173,0.05) 0%,rgba(16,89,173,0.05) 1%,rgba(16,89,173,0.07) 42%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(16,89,173,0.05) 0%,rgba(16,89,173,0.05) 1%,rgba(16,89,173,0.07) 42%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1059ad', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
border-top-right-radius: 30px;
}
.fp_content a:link,.fp_content a:visited{
  text-decoration: none;
  color: #db6815;
  font-style: italic;
}
.fp_content a:hover{
  text-decoration: underline;
}
.fp_content h2{
  font-size: 1.6em;
  margin: 0;
  color: #3E6B8F;
  text-align:center;
  
}
a img{
  border-style: none;
  text-decoration: none;
}
.bold {
  font-weight: bolder;
}
#contacts{
  max-width: 190px;
  width:100%;
  float: right;
  background-color: #FCFFEF;
  border: dotted 1px #6E9157;
  padding: 2px 4px;
}
#top_footer{
  width:100%;
  background: #D3DFD1 url('../img/footer_kulma.gif') no-repeat top right;
  height: auto;
  clear: both;
  line-height: 40px;
  text-align: center;
  color: #7f7f7f;
}
#top_footer a, a:visited{
  color: #6E9157;
  text-decoration: none;
}
#top_footer a:hover, a:active{
  color: #6E9157;
  text-decoration: underline;
}
#top_footer span{
  display:block;
}
#footer{
  display:none;
}
#footer a, a:visited{
  text-decoration: none;
  color: #5f5f5f;
}
#footer a:hover{
  text-decoration: underline;
  color: #5f5f5f;
}
#alakulma{
  display:none;
}
*html #alakulma{
  background: url('../img/kulma1.gif') no-repeat bottom right;
}
/*---pääänavigaatio---*/
#main_nav{
  padding: 0;
}
#main_nav ul li{ 
  padding: 3px 6px;
  font-size: 1.2em;
  zoom: 1;
  border: 1px solid #4aae64;
  margin: 4px 4px 8px 2px;
}
#main_nav a:link, a:visited{
  text-decoration: none;
  color: #333;
}
#main_nav .aktiivi a:link,#main_nav .aktiivi  a:visited{
  color: #fff;
}
#main_nav a:hover, a:active{
  text-decoration: none;
  color: #323232;
}
#main_nav .aktiivi{
  background-color: #4aae64;
  color: #fff;
}
#main_nav #sub_akt{
  color: #6E9157;
}
.inner_nav{
  padding-left: 10px;
}
#googlemap {
  max-width: 300px;
  width:100%;
  height: 460px;
  margin-top: 20px;
  -webkit-border-radius: 6px;  
  -moz-border-radius: 6px;  
  border-radius: 6px; 
  border: 2px solid #6e9157;
}
#googlemap iframe {
  max-width: 300px;
  width:100%;
  height: 460px;
}
.nomob{display:none}
.mob{display:inline-block}
@media (min-width: 600px) {
  .logo-txt{font-size:2.2em;top:10%;left:10%;}
  #top_footer span{
    display:inline;
  }
  #banner{
    height:200px;
  }
  .fp_content h2{
  text-align:left;
}
#main_nav ul li{ 
  margin: 4px 4px 4px 2px;
}
}
@media (min-width: 900px) {
  .nomob{display:block}
  .mob{display:none}
  #wrap{margin: 20px auto;}

  .logo-txt{font-size:3em;text-shadow: 1px 1px #fff;}
  #left_content{
    max-width: 250px;
    padding: 20px;
  }
  #left_content img{
    margin: 40px 0 20px 0;
  }
  #sub_right img{
    float: right;
    margin-bottom: 20px;
  }
  #sub_left{
    max-width: 400px;
    width:100%;
    padding: 20px; 
  }
  #sub_right{
    max-width: 250px;
    float: right;
    padding: 20px;
  }
  #alakulma{
    display:block;
    background: url('../img/kulma1.png') no-repeat bottom right;
    float: right;
    width: 247px;
    height: 306px;
    margin-top: -307px;
    margin-bottom: -20px;
    position: relative;
  }
  #footer{
    display:block;
    clear: both;
    margin-top: -20px;
    color: #5f5f5f;
    text-align: center;
  }
}