@charset "UTF-8";
/*!
 * PWD P4 SASS Framework 2.0
 *
 * Copyright Poutapilvi Web Design
 * http://www.poutapilvi.fi
 *
 * All rights reserved.
 */
/* Satakunnan Leader-ryhmät CSS 11/2014 */
/*!
 * Bootstrap v3.1.1
 * https://github.com/twbs/bootstrap-sass
 *
 * The MIT License (MIT)
 * Copyright (c) 2013 Twitter, Inc
 */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: 0%; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: 0%; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-pull-0 {
    right: 0%; }

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-push-0 {
    left: 0%; }

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-offset-0 {
    margin-left: 0%; }

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .col-sm-offset-5 {
    margin-left: 41.66667%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; }

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .col-md-pull-0 {
    right: 0%; }

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-push-0 {
    left: 0%; }

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-offset-0 {
    margin-left: 0%; }

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-4 {
    margin-left: 33.33333%; }

  .col-md-offset-5 {
    margin-left: 41.66667%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; }

  .col-md-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-1 {
    width: 8.33333%; }

  .col-lg-2 {
    width: 16.66667%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.33333%; }

  .col-lg-5 {
    width: 41.66667%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.33333%; }

  .col-lg-8 {
    width: 66.66667%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.33333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-pull-0 {
    right: 0%; }

  .col-lg-pull-1 {
    right: 8.33333%; }

  .col-lg-pull-2 {
    right: 16.66667%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-4 {
    right: 33.33333%; }

  .col-lg-pull-5 {
    right: 41.66667%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-7 {
    right: 58.33333%; }

  .col-lg-pull-8 {
    right: 66.66667%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-10 {
    right: 83.33333%; }

  .col-lg-pull-11 {
    right: 91.66667%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-push-0 {
    left: 0%; }

  .col-lg-push-1 {
    left: 8.33333%; }

  .col-lg-push-2 {
    left: 16.66667%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-4 {
    left: 33.33333%; }

  .col-lg-push-5 {
    left: 41.66667%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-7 {
    left: 58.33333%; }

  .col-lg-push-8 {
    left: 66.66667%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-10 {
    left: 83.33333%; }

  .col-lg-push-11 {
    left: 91.66667%; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-offset-0 {
    margin-left: 0%; }

  .col-lg-offset-1 {
    margin-left: 8.33333%; }

  .col-lg-offset-2 {
    margin-left: 16.66667%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-4 {
    margin-left: 33.33333%; }

  .col-lg-offset-5 {
    margin-left: 41.66667%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-7 {
    margin-left: 58.33333%; }

  .col-lg-offset-8 {
    margin-left: 66.66667%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-10 {
    margin-left: 83.33333%; }

  .col-lg-offset-11 {
    margin-left: 91.66667%; }

  .col-lg-offset-12 {
    margin-left: 100%; } }
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }

  table.visible-xs {
    display: table; }

  tr.visible-xs {
    display: table-row !important; }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }

  table.visible-sm {
    display: table; }

  tr.visible-sm {
    display: table-row !important; }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }

  table.visible-md {
    display: table; }

  tr.visible-md {
    display: table-row !important; }

  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }

  table.visible-lg {
    display: table; }

  tr.visible-lg {
    display: table-row !important; }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }
@media print {
  .hidden-print {
    display: none !important; } }
@-webkit-viewport {
  width: device-width; }
@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 62.5%;
  -ms-text-size-adjust: 62.5%; }

body {
  margin: 0;
  color: #454545;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-text-size-adjust: auto;
  -moz-text-size-adjust: auto;
  -ms-text-size-adjust: auto;
  text-align: center;
  background: #ededed; }

body,
button,
input,
select,
textarea {
  font-family: Ubuntu, Arial, Helvetica, sans-serif; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 16px;
  font-size: 1.6rem; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #cccccc;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

.content button,
.content input[type="button"],
.content input[type="reset"],
.content input[type="submit"],
.login input[type="submit"],
.searchboxsubmit,
input.login {
  width: auto !important;
  margin: 0;
  padding: 5px 8px;
  color: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: none;
  line-height: normal;
  vertical-align: baseline;
  *vertical-align: middle;
  border: 0;
  background: #00a23b;
  cursor: pointer;
  *overflow: visible;
  -webkit-appearance: button; }
  .content button:hover,
  .content input[type="button"]:hover,
  .content input[type="reset"]:hover,
  .content input[type="submit"]:hover,
  .login input[type="submit"]:hover,
  .searchboxsubmit:hover,
  input.login:hover {
    background: #006f28; }
  .content button::-moz-focus-inner,
  .content input[type="button"]::-moz-focus-inner,
  .content input[type="reset"]::-moz-focus-inner,
  .content input[type="submit"]::-moz-focus-inner,
  .login input[type="submit"]::-moz-focus-inner,
  .searchboxsubmit::-moz-focus-inner,
  input.login::-moz-focus-inner {
    border: 0;
    padding: 0; }

.content input[type="text"],
.content input[type="password"],
.login input[type="text"],
.login input[type="password"],
.content textarea,
.searchboxinput {
  margin: 0;
  padding: 4px 4px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
  vertical-align: baseline;
  *vertical-align: middle;
  border: 1px solid #cccccc; }
  .content input[type="text"]::-moz-focus-inner,
  .content input[type="password"]::-moz-focus-inner,
  .login input[type="text"]::-moz-focus-inner,
  .login input[type="password"]::-moz-focus-inner,
  .content textarea::-moz-focus-inner,
  .searchboxinput::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .content input[type="text"]:focus,
  .content input[type="password"]:focus,
  .login input[type="text"]:focus,
  .login input[type="password"]:focus,
  .content textarea:focus,
  .searchboxinput:focus {
    outline: none; }

.content input[type="checkbox"], .content input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none; }

.content textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

nav ul,
nav li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.notpublic,
.error,
.loginerror {
  color: #FF0000; }

br.eoc {
  display: none; }

.clear {
  clear: both; }

.float {
  float: left; }

.floatr {
  float: right; }

img.rssfeed {
  float: right;
  margin: 0;
  padding: 0; }

div.content:before,
.cf:before {
  content: "";
  display: table; }
div.content:after,
.cf:after {
  content: "";
  display: table;
  clear: both; }

body.content, body.contentbg {
  color: #000000;
  text-align: left;
  background: #FFFFFF; }
body.pwd-view-public {
  min-width: 320px; }

.container {
  text-align: left; }

.pwd-container {
  background: #ffffff; }

.site-header {
  position: relative;
  border-bottom: 6px solid #00a23b;
  z-index: 2;
  background-color: #ffffff;
  -moz-box-shadow: 0px 8px 8px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 8px 8px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 8px -2px rgba(0, 0, 0, 0.2); }

.top-bar {
  padding-top: 10px;
  background: transparent url("../../images/default/bg-000000-30.png") repeat;
  background: #4b4b4b;
  border-bottom: 1px solid #ffffff; }
  .top-bar a {
    text-decoration: none; }

.top-shortcuts {
  color: #ffffff; }
  .top-shortcuts li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px; }
  .top-shortcuts a {
    color: #ffffff; }
  .top-shortcuts a:hover {
    text-decoration: underline; }

.top-language-links li {
  margin-right: 7px; }

.top-login a {
  display: inline-block;
  padding: 4px 6px;
  background: #01a23b;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  -ms-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
  -webkit-backface-visibility: hidden; }
  .top-login a:hover {
    text-decoration: none;
    background: #484848;
    -webkit-transition: background-color 0.1s ease-in;
    -moz-transition: background-color 0.1s ease-in;
    -ms-transition: background-color 0.1s ease-in;
    -o-transition: background-color 0.1s ease-in;
    transition: background-color 0.1s ease-in;
    -webkit-backface-visibility: hidden; }

.header-logo,
.header-text {
  text-align: center; }

.header-logo {
  margin-top: 10px;
  margin-bottom: 10px; }

.header-text h5 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #00a23b;
  font-size: 20px;
  font-size: 2rem;
  text-shadow: 1px 2px 0px #ffffff; }

.main-nav {
  display: none; }

.leader-map {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 1em; }
  .leader-map .map-item {
    position: absolute;
    display: block;
    color: transparent;
    font: 0/0 a;
    text-shadow: none; }
  .leader-map .map-item-0 {
    top: 51%;
    left: 73%;
    width: 27%;
    height: 36px; }
  .leader-map .map-item-19 {
    top: 39%;
    left: 5%;
    width: 18%;
    height: 36px; }
  .leader-map .map-item-20 {
    top: 75%;
    left: 0;
    width: 14%;
    height: 36px; }
  .leader-map .map-item-21 {
    top: 81%;
    left: 48%;
    width: 24%;
    height: 36px; }
  .leader-map .map-item-22 {
    top: 6%;
    left: 18%;
    width: 28%;
    height: 36px; }

.kalatalous-map .map-item-0 {
  top: 81%;
  left: 73%;
  width: 26%;
  height: 36px; }
.kalatalous-map .map-item-19 {
  top: 33%;
  left: 8%;
  width: 18%;
  height: 36px; }
.kalatalous-map .map-item-20 {
  top: 62%;
  left: 2%;
  width: 14%;
  height: 36px; }
.kalatalous-map .map-item-21 {
  top: 63%;
  left: 67%;
  width: 24%;
  height: 36px; }
.kalatalous-map .map-item-22 {
  top: 6%;
  left: 2%;
  width: 28%;
  height: 36px; }

.header-overlay, .overlay-preview {
  top: -50px;
  z-index: 1;
  background-color: rgba(25, 167, 53, 0.8);
  color: #ffffff;
  font-size: 1.1em;
  padding: 25px; }
  .header-overlay h1, .header-overlay h2, .header-overlay h3, .header-overlay h4, .overlay-preview h1, .overlay-preview h2, .overlay-preview h3, .overlay-preview h4 {
    color: #ffffff; }

.overlay-preview {
  position: static; }

.header-overlay:empty {
  display: none; }

.fp-header-image-container {
  position: relative;
  margin: 0 0 10px 0; }

.circle-link {
  position: relative;
  border-radius: 50%;
  width: 100%;
  text-align: center;
  color: #ffffff;
  margin-top: 20px; }
  .circle-link img {
    border-radius: 50%;
    border: 4px solid #07a339; }
  .circle-link .circle-link-text {
    width: 100%;
    text-align: center;
    top: 45%;
    z-index: 1;
    position: absolute;
    font-size: 1.4em;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 2px 2px 4px #000000; }
    .circle-link .circle-link-text a {
      margin: 20px 0 20px 0;
      color: #ffffff;
      text-decoration: none; }
    .circle-link .circle-link-text a:hover {
      text-decoration: underline; }

.frontpage-news {
  background-color: #efefef;
  margin: 40px 0 40px 0;
  box-shadow: inset 0px 10px 10px -1px rgba(0, 0, 0, 0.1); }
  .frontpage-news .row {
    margin: 60px 0 40px 0; }

.side-bar {
  margin-bottom: 15px; }

.site-footer {
  border-top: 5px solid #262626; }

.footer-bottom {
  margin-top: 10px;
  color: #454545;
  font-size: 14px;
  font-size: 1.4rem; }

.footer-image {
  margin-top: 10px;
  margin-bottom: 10px; }

.footer-logos span {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle; }
.footer-logos img {
  margin-right: 10px;
  vertical-align: middle; }

@media screen {
  .pwd-white-bg {
    background: #ffffff; }

  .top-block {
    margin-top: 70px; }
    .top-block .content {
      text-align: center; }

  .stripe-block {
    background: #ffffff url("../../images/default/stripe-block-bg.png") repeat-y left top; }
    .stripe-block .blockmargin {
      margin-top: 10px;
      margin-left: 15px;
      margin-right: 10px; }

  .bottom-block {
    padding-top: 15px;
    background: #f5f5f5; }

  .dark-pattern-block {
    background: #3a3a3b; }

  .pwd-green-link,
  .content .pwd-green-link {
    font-size: 12px;
    font-size: 1.2rem; }
    .pwd-green-link a,
    .content .pwd-green-link a {
      display: inline-block;
      margin-bottom: 1em;
      padding: 6px 22px;
      color: #ffffff;
      text-decoration: none;
      -webkit-border-radius: 4px 4px 4px 4px;
      -moz-border-radius: 4px 4px 4px 4px;
      border-radius: 4px 4px 4px 4px;
      background: #20604d;
      background: -moz-linear-gradient(top, #287f65 0%, #20604d 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #287f65), color-stop(100%, #20604d));
      background: -webkit-linear-gradient(top, #287f65 0%, #20604d 100%);
      background: -o-linear-gradient(top, #287f65 0%, #20604d 100%);
      background: -ms-linear-gradient(top, #287f65 0%, #20604d 100%);
      background: linear-gradient(to bottom, #287f65 0%, #20604d 100%); }
    .pwd-green-link a:hover,
    .content .pwd-green-link a:hover {
      text-decoration: none;
      background: #1a4d3e;
      background: -moz-linear-gradient(top, #226c56 0%, #1a4d3e 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #226c56), color-stop(100%, #1a4d3e));
      background: -webkit-linear-gradient(top, #226c56 0%, #1a4d3e 100%);
      background: -o-linear-gradient(top, #226c56 0%, #1a4d3e 100%);
      background: -ms-linear-gradient(top, #226c56 0%, #1a4d3e 100%);
      background: linear-gradient(to bottom, #226c56 0%, #1a4d3e 100%); }

  .pwd-big-link {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.5rem; }
    .pwd-big-link a {
      padding: 15px 25px; }
    .pwd-big-link a:before {
      margin-right: 15px; }

  .pwd-margin-top-1 {
    margin-top: 15px; }

  .pwd-margin-top-2 {
    margin-top: 21px; }

  .pwd-margin-bottom-2 {
    margin-bottom: 15px; }

  .pwd-big-link a:before,
  .sidemenulevel a:before,
  .pwd-icon-arrow-blue,
  .pwd-flag-icon {
    display: inline-block;
    vertical-align: middle;
    speak: none; }

  .pwd-big-link a:before,
  .sidemenulevel a:before,
  .pwd-icon-arrow-blue {
    width: 18px;
    height: 18px;
    content: "";
    background: transparent url("../../images/default/pwd-icons-sprite.png") no-repeat center 0; }

  .sidemenulevel a:before {
    background-position: center -87px; }

  .pwd-icon-arrow-blue {
    width: 25px;
    height: 25px;
    background-position: center -135px; }

  .pwd-flag-icon {
    width: 31px;
    height: 18px;
    background: transparent url("../../images/default/pwd-flags-sprite.png") no-repeat 0 0; }

  .pwd-flag-hu {
    background-position: 0 0; }

  .pwd-flag-it {
    background-position: -50px 0; }

  .pwd-flag-es {
    background-position: -100px 0; }

  .pwd-flag-de {
    background-position: -150px 0; }

  .pwd-flag-fr {
    background-position: -200px 0; }

  .pwd-flag-sv {
    background-position: -250px 0; }

  .pwd-flag-en {
    background-position: -300px 0; }

  .pwd-flag-fi {
    background-position: -350px 0; } }
.pwd-flexbox {
  display: flex;
  flex-wrap: wrap; }

.satasilta .pattern-block .content {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center; }

.madebypoutapilvi {
  color: #454545 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  margin: 10px 0 10px 0 !important;
  padding: 0 !important;
  text-align: left !important; }
  .madebypoutapilvi a,
  .madebypoutapilvi a:hover {
    color: #454545 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    margin: 0 !important;
    text-align: left !important;
    text-decoration: none !important; }
  .madebypoutapilvi a:hover {
    text-decoration: underline !important; }

.content {
  margin: 0 0 10px 0;
  line-height: 1.4; }

.content a, .path a, .left-nav a {
  text-decoration: none; }
  .content a:hover, .path a:hover, .left-nav a:hover {
    text-decoration: underline; }
.content a {
  color: #e84e0e; }

h1,
h2,
h3,
h4,
h5 {
  color: #20604d;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2; }

h1 {
  margin: 0 0 0.8em 0;
  color: #20604d;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-size: 2.8rem; }

h2 {
  margin: 1.2em 0 0.8em 0;
  color: #20604d;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-size: 2.6rem; }

h3 {
  margin: 1.2em 0 0.8em 0;
  color: #20604d;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-size: 2.2rem; }

h4 {
  margin: 1.2em 0 0.8em 0;
  color: #20604d;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem; }

h5 {
  margin: 1.2em 0 0.8em 0;
  color: #20604d;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem; }

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0; }

p {
  margin: 0 0 1em 0; }

.content ul,
.content ol {
  margin: 0 0 1em 10px;
  padding: 0 0 0 20px; }
.content ul {
  list-style-type: disc; }
.content li {
  margin: 5px 0 5px 0; }
.content ul li br {
  display: none; }

blockquote {
  margin: 0 0 1em 40px; }

.content hr {
  text-align: right;
  width: 100%;
  height: 1px;
  color: #cccccc;
  border: none; }

html > body .content hr,
.contentbg > hr {
  background: #cccccc; }

.content .p4table {
  vertical-align: top;
  overflow: hidden; }
.content td,
.content th {
  vertical-align: top; }
.content h1 table,
.content h2 table,
.content h3 table,
.content h4 table,
.content h5 table {
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden; }

.content_image_caption {
  display: block !important;
  width: auto !important;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 1em;
  color: #858585;
  font-style: italic;
  text-align: center;
  font-size: 13px;
  font-size: 1.3rem; }
  .content_image[style*="display"] .content_image_caption, .content_image[style^="DISPLAY"] .content_image_caption {
    margin-left: 0;
    margin-right: 0; }

.content img {
  max-width: 100%;
  max-width: calc(100% - 20px);
  height: auto;
  margin: 10px; }
.content .content_image[style*="float"] img,
.content .content_image[style^="FLOAT"] img {
  max-width: 100%;
  max-width: calc(100% - 10px); }
.content .content_image_nomargin img {
  margin-left: 0;
  margin-right: 0; }
.content img[align="left"],
.content .content_image[style="float:left;"] img,
.content .content_image[style="float: left;"] img,
.content .content_image[style="FLOAT: left"] img {
  margin-left: 0;
  max-width: 100%;
  max-width: calc(100% - 10px); }
.content img[align="right"],
.content .content_image[style="float:right;"] img,
.content .content_image[style="float: right;"] img,
.content .content_image[style="FLOAT: right"] img {
  margin-right: 0;
  max-width: 100%;
  max-width: calc(100% - 10px); }
.content .content_image[style="float:left;"] .content_image_caption,
.content .content_image[style="float: left;"] .content_image_caption,
.content .content_image[style="FLOAT: left"] .content_image_caption {
  margin-left: 0; }
.content .content_image[style="float:right;"] .content_image_caption,
.content .content_image[style="float: right;"] .content_image_caption,
.content .content_image[style="FLOAT: right"] .content_image_caption {
  margin-right: 0; }

table img,
.content table img {
  max-width: none; }

img.contentbaricon, img.contentstateicon {
  margin: 3px;
  padding: 0;
  border: none; }

.fluid-image,
.fluid-images img {
  max-width: 100%;
  height: auto; }

@media \0screen {
  .lt-ie9 .content img,
  .lt-ie9 .fluid-image,
  .lt-ie9 .fluid-images img {
    width: auto; } }

a.attachment, a.file {
  display: inline-block;
  padding: 5px 0 5px 24px;
  background-position: left center;
  background-repeat: no-repeat; }

a.file {
  background-image: url(../aimg/icons/file.gif); }
a.pdf {
  background-image: url(../aimg/icons/pdf.gif); }
a.txt {
  background-image: url(../aimg/icons/txt.gif); }
a.txt {
  background-image: url(../aimg/icons/txt.gif); }
a.jpg {
  background-image: url(../aimg/icons/jpg.gif); }
a.gif {
  background-image: url(../aimg/icons/gif.gif); }
a.zip {
  background-image: url(../aimg/icons/zip.gif); }
a.word {
  background-image: url(../aimg/icons/word.gif); }
a.powerpoint {
  background-image: url(../aimg/icons/powerpoint.gif); }
a.excel {
  background-image: url(../aimg/icons/excel.gif); }
a.rtf {
  background-image: url(../aimg/icons/rtf.gif); }

.content_image a.attachment,
.content_image a.file,
.content_image a.jpg,
.content_image a.gif {
  padding: 0;
  background: none; }

.fb-like-box.fb_iframe_widget,
.fb-like-box > span {
  display: block; }
.fb-like-box > span,
.fb-like-box iframe {
  width: 100% !important; }

.image-block .content h2 {
  color: #00a23b;
  font-weight: normal; }
.pattern-block .content {
  font-size: 14px;
  font-size: 1.4rem; }
  .pattern-block .content h5 {
    margin-bottom: 0.1em; }
  .pattern-block .content img {
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px; }
.site-footer .content {
  font-size: 14px;
  font-size: 1.4rem; }
  .site-footer .content h5 {
    padding-bottom: 3px;
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 3px solid #ffffff;
    font-size: 14px;
    font-size: 1.4rem; }
.pwd-grey-content .content {
  color: #dddddd; }
  .pwd-grey-content .content h1,
  .pwd-grey-content .content h1 a,
  .pwd-grey-content .content h2,
  .pwd-grey-content .content h2 a,
  .pwd-grey-content .content h3,
  .pwd-grey-content .content h3 a,
  .pwd-grey-content .content h4,
  .pwd-grey-content .content h4 a,
  .pwd-grey-content .content h5,
  .pwd-grey-content .content h5 a {
    color: #ffffff; }
  .pwd-grey-content .content a {
    color: #dddddd; }

/*# sourceMappingURL=style.css.map */