/* ==========================================================================
   Base
   ========================================================================== */

body { font-family: Arial,Helvetica,Sans-Serif,Calibri; font-size: 12px; line-height:16px; font-style: normal; font-weight: normal; text-decoration: none; background-color:#eee; color:#01427F; }
.pagewrap {  background:#fff url('../img/bgwave.jpg') no-repeat left top; padding:0 10px 10px 10px;}

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

.banner { }
.banner .container { height:160px; }
.brand { float:right; margin-top:43px; }
.brand img { width:100%; }
.flags { float:left; margin-left:2px; margin-top:116px; position:absolute; }
.flags img { margin-right:15px; }

/* ==========================================================================
   menu
   ========================================================================== */
	 
	 
ul.menu, ul.menu ul { display: block; list-style: none outside none; }
ul.menu, ul.menu li { display: block; line-height: 0; margin: 0; padding: 0; width: auto; }
ul.menu { margin-bottom: 0; margin-top: 0; }
ul.menu ul { display: none; margin: 0 3px; padding: 0; position: relative; }
ul.menu li.active ul { display: block; }
ul.menu img.art-menu-image, ul.menu img.art-menu-image-left { margin-right: 5px; vertical-align: middle; }
ul.menu img.art-menu-image-right { margin-left: 5px; vertical-align: middle; }
ul.menu a { cursor: pointer; display: block; font-family: Calibri,Arial,Helvetica,Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; margin-left: 0; margin-right: 0; position: relative; text-decoration: none; z-index: 0; }
ul.menu li { position: relative; }
ul.menu > li > a { color: #003366; height: 36px; line-height: 36px; padding: 0 10px 0 31px; white-space: nowrap; }
ul.menu > li.active > a { color: #FCFDFD; }
ul.menu a:hover, ul.menu > li.active > a:hover { color: #01427F; }
ul.menu > li > a:before, ul.menu > li > a:after { background-image: url("../img/vmenuitem.png"); content: " "; display: block; height: 36px; position: absolute; top: 0; z-index: -1; }
ul.menu > li > a:before { background-position: left top; left: 0; right: 26px; }
ul.menu > li > a:after { background-position: right top; right: 0; width: 26px; }
ul.menu > li.active > a:before { background-position: left bottom; }
ul.menu > li.active > a:after { background-position: right bottom; }
ul.menu > li > a:hover { background-color: transparent; }
ul.menu > li > a:hover:before { background-position: left center; }
ul.menu > li > a:hover:after { background-position: right center; }
ul.menu > li { margin-top: 6px; }
ul.menu > li > ul { margin-top: 6px; padding-bottom: 0; }
ul.menu > li:first-child { margin-top: 0; }
ul.menu ul li { margin: 0; padding: 0; }
ul.menu li li, ul.menu li li a { position: relative; }
ul.menu ul a { background-image: url("../img/vsubitem.png"); background-position: left top; background-repeat: repeat-x; color: #015CB2; display: block; height: 24px; line-height: 24px; margin-left: 0; margin-right: 0; overflow: visible; padding: 0 15px 0 28px; position: relative; white-space: nowrap; }
ul.menu ul li.active a { background-position: left bottom; }
ul.menu ul a:hover { background-position: left center; color: #015CB2; line-height: 24px; margin-left: 0; margin-right: 0; }
ul.menu ul li li a:hover, ul.menu ul li li.active a:hover { background-position: left center; }
ul.menu ul a:after { background-image: url("../img/vsubitemicon.png"); background-position: left top; background-repeat: no-repeat; content: " "; display: block; height: 6px; left: 15px; overflow: visible; position: absolute; top: 9px; width: 3px; }
ul.menu ul a:hover:after { background-position: left center; }
ul.menu ul li.active a:hover:after { background-position: left center; }
ul.menu ul li.active a:after { background-position: left bottom; }
ul.menu ul a:link, ul.menu ul a:visited, ul.menu ul a:active { color: #015CB2; line-height: 24px; margin-left: 0; margin-right: 0; }
ul.menu > li > ul > li:first-child { margin-top: 0; padding-top: 0; }
ul.menu li li { margin-top: 1px; position: relative; }
ul.menu li ul li:after { border-bottom: 1px solid #B8DCFF; content: " "; display: block; height: 0; left: 0; position: absolute; right: 0; top: -1px; z-index: 1; }
ul.menu li ul li:before { content: " "; display: block; height: 1px; left: 0; position: absolute; right: 0; top: -1px; z-index: 0; }
ul.menu > li > ul > li:first-child:before, ul.menu > li > ul > li:first-child:after { display: none; }
ul.menu ul ul a:after { left: 30px; }
ul.menu ul ul ul a:after { left: 45px; }
ul.menu ul ul ul ul a:after { left: 60px; }
ul.menu ul ul ul ul ul a:after { left: 75px; }
ul.menu ul ul a { padding-left: 43px; }
ul.menu ul ul ul a { padding-left: 58px; }
ul.menu ul ul ul ul a { padding-left: 73px; }
ul.menu ul ul ul ul ul a { padding-left: 88px; }
ul.menu ul li.active a { color: #FFFFFF; }
ul.menu ul li a:hover, ul.menu ul li a.active:hover { color: #001D38; }

.nav-main .widget_nav_menu { margin-bottom:10px;}
.nav-main .widget_text { border:2px solid #eee; padding:10px; margin-bottom:10px; font-size: 12px; line-height:14px; }
.nav-main .widget_text h3 { color: #01427F; font-size: 13px; line-height: 37px; margin: 0; min-height: 37px; padding: 0 10px 0 22px; white-space: nowrap; background:transparent url("../img/blockheader.png") no-repeat -10px center; }

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

.border { border:2px solid #eee; padding:20px; position:relative; }
.content .main h2 {color: #0157A7; font-size: 18px; line-height: 1em; margin: 3px 0 12px 0; }
.content .main h3 {color: #0157A7; font-size: 16px; line-height: 1em; margin: 3px 0 12px 0; }
.content .main li {line-height:16px; }

.jalleenmyyjat td { border:1px solid #eee; padding:5px 7px; }

#wpcf7-f165-p164-o1 input { width:95%; }
#wpcf7-f165-p164-o1 textarea { width:95%; }
#wpcf7-f165-p164-o1 .wpcf7-quiz { width:20px; }
#wpcf7-f165-p164-o1 .wpcf7-submit { width:60px; }

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

.pohjallinen h1 {color:#00a5e1; font-size:2.6em; font-weight:700; line-height:1em; margin-bottom:20px; font-family: "PT Sans",Arial,Helvetica; }
.pohjallinen a {color:#00a5e1;}
.pohjallinen p {font-weight:bold; line-height:30px; margin-bottom:20px;}
.pohjallinen { border-bottom:10px solid #c0d848;  font-weight:700; text-align:center; margin-bottom:35px; padding-bottom:20px;}
.pohjallinen .ostaoma {float:right;}

.jalkapuu h1 { color:#00a5e1; font-size:2em; font-weight:700; line-height:1em; margin:20px 0px; font-family: "PT Sans",Arial,Helvetica; }
.jalkapuu a {color:#00a5e1; }
.jalkapuu button a {color:#fff; text-decoration:none; }
.jalkapuu p {color:#00a5e1; font-size:1.5em; font-weight:700; line-height:1em; margin:0px 0px 20px; font-family: "PT Sans",Arial,Helvetica;}
.jalkapuu button { margin-left:10px; }
.jalkapuu img { float:left; margin-top:10px; margin-right:10px; }
.jalkapuu { border-top:10px solid #c0d848; border-bottom:10px solid #c0d848;  font-weight:700; margin-bottom:35px; }
.jalkapuu .ostaoma {float:right;}

/* ==========================================================================
   Sidebar
   ========================================================================== */

.widget-inner { color: #01427F;}
	 
.sidebar .widget { border:2px solid #eee; padding:10px; margin-bottom:10px;}
.sidebar .widget img {  }

.sidebar .widget-inner h3 { color: #01427F; font-size: 13px; line-height: 27px; margin: 0 0 8px 0; min-height: 27px; padding: 0 10px 0 22px; white-space: nowrap; background:transparent url("../img/blockheader.png") no-repeat -10px center; }
.sidebar .widget-inner { font-size: 12px; line-height:14px; }
.sidebar .widget-inner img { margin:0 0 5px 0; display:block; }

.sidebar .textwidget table td { padding-right:20px; }


/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }


table.eventtable { width:100%; }
table.eventtable td { padding:3px 10px 3px 0; }
table.eventtable thead { font-weight:700; }
table.eventtable tr { border-bottom:1px solid #ccc; }

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

.content-info { padding-top:20px; color: #F0A800; text-align:center; font-size:11px; line-height:11px; }



/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin-right:10px; margin-bottom:10px; }
.alignright { float: right; margin-left:10px; margin-bottom:10px; }
figure.alignnone { margin-left: 0; margin-right: 0; }



/* ==========================================================================
   Media Queries
   ========================================================================== */
.rslides_tabs { height:50px; z-index:150; }

@media (max-width: 1200px) { .pohjallinen .ostaoma { margin-left:20px; width:200px; } }
@media(min-width:768px) and (max-width:979px){
	
}
@media(max-width:767px){
	.rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: absolute; left: 20px; text-align: right; top: 284px; width: 100%; }
	.sv .rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: absolute; left: auto; right:0px; text-align: right;  top: auto; bottom: 5px; width: 100%; }
	.en .rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: absolute; left: auto; right:0px; text-align: right;  top: auto; bottom: 5px; width: 100%; }
.jalkapuu button { display:none; }

.flags { float:left; margin-left:2px; margin-top:168px; position:absolute; }

}
@media(min-width:768px) and (max-width:979px){
	.rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: absolute; right: 20px; text-align: right; top: 284px; width: 100%; }
	.sv .rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: absolute; right: 20px; text-align: right;  top: auto; bottom: -22px; width: 100%; }
	.en .rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: absolute; right: 20px; text-align: right;  top: auto; bottom: -22px; width: 100%; }
}
@media(max-width:767px){
	.rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: static; text-align: left; width: 100%; }
	.rslides_tabs .sv { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: static; text-align: left; width: 100%; }
	.rslides_tabs .en { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: static; text-align: left; width: 100%; }

}
@media(max-width:480px){
	.rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: static; text-align: left; width: 100%; }
	.sv .rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: static; text-align: left; width: 100%; }
	.en .rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: static; text-align: left; width: 100%; }

}
@media(min-width:980px) and (max-width:1200px){
	.rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: absolute; right: 20px; text-align: right; top: 324px; width: 100%; }
	.sv .rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: absolute; right: 20px; text-align: right;  top: auto; bottom: -22px;width: 100%; }
	.en .rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: absolute; right: 20px; text-align: right;  top: auto; bottom: -22px;width: 100%; }
}
@media(min-width:1200px){
	.rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: absolute; right: 15px; text-align: right; top: 254px; width: 100%; }	
	.sv .rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: absolute; right: 15px; text-align: right; top: 330px; width: 100%; }	
	.en .rslides_tabs { font-size: 18px; list-style: none outside none; margin: 0 auto; padding: 10px 0; position: absolute; right: 15px; text-align: right; top: 330px; width: 100%; }	
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; min-height:350px; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { }
#slider { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; }
#slider-pager a { display: inline-block; }
#slider-pager img { float: left; }
#slider-pager .rslides_here a { background: transparent; box-shadow: 0 0 0 2px #666; }
#slider-pager a { padding: 0; }
#slider-pager { list-style-type:none; }

.rslides_tabs li { display: inline; float: none; margin-right: 10px; }
.rslides_tabs a { width: auto; line-height: 20px; padding: 9px 10px; border:1px solid #c0d848; height: auto; background: #FCFDFD; display: inline; }
.rslides_tabs li:first-child { margin-left: 0; }
.rslides_tabs .rslides_here a { background-color:#fbb52f; color: #000; font-weight: bold; }
#slider .hr { background: url("../img/dottedpattern.png") repeat-x scroll 0 0 transparent; height: 7px; margin: 4px 0 6px; }
#slider h3, #slider h3 a { color: #188DD9; font-family: "PT Sans",Arial,Helvetica; font-size: 30px; font-style: normal; font-weight: bold; line-height: 26px; margin: 0; text-shadow: none; }

#slider .sslide .caption .simple h4 { background-color: #B1D828; color: #FFFFFF; display: inline; font-family: Arial; font-size: 10px; font-weight: bold; margin: 0; padding: 1px 10px; position: absolute; text-shadow: 1px 1px 1px #4A4A4A; text-transform: uppercase; }
#slider .sslide .caption .simple h3 { color: #FFFFFF; display: block; font-family: "PT Sans",Arial,Helvetica; font-size: 24px; font-style: normal; font-weight: bold; margin: 0; padding: 11px 10px; text-shadow: 1px 1px 1px #000000; white-space: nowrap; }

#slider .sslide .caption .smartcaption h4 { background-color: #B1D828; color: #FFFFFF; display: inline; font-family: Arial,Helvetica; font-size: 10px; font-style: normal; font-weight: bold; margin: 0; padding: 1px 10px; position: absolute; text-shadow: 1px 1px 1px #000000; text-transform: uppercase; white-space: nowrap; }
#slider h4 { color: #3E3E3E; font-family: "PT Sans",Arial,Helvetica; font-size: 15px; font-style: italic; font-weight: normal; line-height: 15px; margin: 5px 0 0; text-shadow: none; }
#slider .readmorebig, #slider .readmorebig span { color: #E4EAEE; display: inline-block; font-family: "PT Sans",Arial,Helvetica; font-size: 12px; font-style: normal; font-weight: bold; line-height: 31px; text-shadow: 1px 1px 1px #000000; }
#slider .readmorebig { background: url("../img/92014d0c1b31ee9a83d0e5fa33a2f25e.png") no-repeat scroll 0 -62px transparent; bottom: 10px; padding-left: 8px; }
#slider .readmorebig span { background: url("../img/92014d0c1b31ee9a83d0e5fa33a2f25e.png") no-repeat scroll right -31px transparent; padding-right: 28px; }
#slider .readmorebig span > span { background: url("../img/92014d0c1b31ee9a83d0e5fa33a2f25e.png") repeat-x scroll 0 0 transparent; padding: 0 5px; text-align: center; text-transform: uppercase; }
#slider .rightimage .readmorebig { left: 0; right: auto; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

  .navbar-inner {
  padding-right: 0px;
  padding-left: 0px;

  min-height: 40px;
  background-color: transparent;
  background-image: none;
  background-repeat: repeat-x;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fffffff',GradientType=0);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0;
  box-shadow: 0 1px 4px rgba(0,0,0,0);
  }