/* cmsms stylesheet: style modified: keskiviikko 28. lokakuuta 2020 13.08.10 */
html {position: relative; min-height: 100%;}
body {margin-bottom: 140px; font-family: 'Arimo', sans-serif !important;}

/* VALIKKO */
.navetu {position: absolute; z-index: 100; width: 100%;}

.navbar-inverse {background-image:none; background-color:rgba(85,195,183, .65); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#55c3b7', endColorstr='#55c3b7'); /* IE */
border:0px;}
.navbar {margin-bottom: 0px;}
.navbar a {text-transform: uppercase; font-size: 16px; color:#fff;}
.navbar-inverse .navbar-nav > .menuactive > a, .navbar-inverse .navbar-nav > .menuactive > a:hover, .navbar-inverse .navbar-nav > .menuactive > a:focus {background-color: transparent;}
.navbar-inverse .navbar-nav > .menuactive > a span {border-bottom: 2px solid #fff;}
.navbar-inverse .navbar-nav > li > a {color: #fff;}
.nav li a {padding-left:0px; padding-right:30px;}
.navbar-collapse {padding-left:0px; padding-right: 0px;}
.navbar-inverse .navbar-toggle {border:1px solid rgba(255,255,255,.3);}

.navbar-right {margin-top: 10px; margin-right: 0px;}

/* Etusivun jumbo */

.etuvihrea {background:url(../../uploads/images/layout/alasivu_bg.jpg) top center no-repeat;
padding-top:100px;}
.etuheader {padding-bottom: 28px;}
.etutekstit p {color:#fff; font-size: 15px;}
.etutekstit p.welcome {font-size:23px; font-weight: 400; line-height: 22px;}

.yla_tekstit {position: relative; padding-top: 50px;}

.jumbotron {background: #ffffff; padding-top: 0px; padding-left: 0px; padding-right: 0px; height:500px; max-width: 1600px; margin-left: auto; margin-right: auto;}

.carousel {
    position: relative;
}

.carousel-inner {
    overflow: hidden;
    position: absolute;
    width: 100%;
height: 500px;
}


.etuiso {width: 50%;}

/* Perusvärit */
.kuntoutus {background-color:#1cbbb7 !important;}
.virkistys {background-color:#9dd057;}
.hyvinvointi {background-color:#ff9900;}
.juhlat {background-color:#8661c0;}

/* Search */
.searchbox {margin-top:0px; position:relative; margin-right: 0px; text-align: right; padding-right: 60px;}
.searchbox .searchfield {background-color: rgba(255,255,255, .4); border:0px; color:#fff; padding: 5px 5px 5px 10px;}
.searchbox #submit {margin-top:0px; position:absolute; margin-left:13px;}
.alasivu .hakubox {margin-top:0px; text-align: right; padding-right: 60px;}
.alasivu .searchfield {background-color: rgba(255,255,255, .4); border:0px; color:#fff; padding: 5px 5px 5px 10px;}
.hakubox #submit {margin-top:0px; position:absolute; margin-left:13px;}

/*Nostot*/

.nostorivi {margin-top:-168px;}

.nosto {border-radius: 10px; height:236px; padding-top:128px; margin:0px auto;}
.nostolinkki {line-height: 24px; text-align: center; color:#fff; display: block; font-size:20px; padding-top: 30px;}
/*.nosto a {color:#fff !important;}*/

.kuntoutusnosto {background: url(../../uploads/images/layout/etusivu_kuntoutus.jpg) top center no-repeat #1cbbb7; margin:10px;}
.virkistysnosto {background: url(../../uploads/images/layout/etusivun_tyohyvinvointi.jpg) top center no-repeat #9dd057; margin:10px;}
.hyvinvointinosto {background: url(../../uploads/images/layout/etusivu_lomajavirkistys.jpg) top center no-repeat #ff9900; margin:10px;}
.juhlatnosto {background: url(../../uploads/images/layout/etusivu_kokouksetjatilaisuudet.jpg) top center no-repeat #8661c0; margin:10px;}

.content {margin: 30px 0px; padding-bottom: 30px; display:block;}

.apulinkit a {color:#000;}
.apulinkit div {padding:0px;}
.apulinkit img {float:left; margin-right:15px; margin-bottom:15px;}
.apulinkit span {line-height: 57px; white-space: nowrap;}

.banneripaikka img {max-width: 100%; margin-top:20px;}

.table > tbody > tr > td {border-top: 1px solid #33cccc !important; padding-top: 10px; padding-bottom: 10px; padding-left: 0px;}
.etuotsikko h1 {border-bottom: 1px solid #33cccc; padding-bottom: 10px;}
.uutinen {color: #000;}

/* Otsikot, linkit */
h1, a {color:#33cccc;}
a:hover {color:#33cccc; text-decoration: underline;}
.sivuotsikko {font-family: 'Grand Hotel', cursive; font-weight: normal; font-size:36px; color:#55c3b7; padding-bottom:40px; background:url(../../uploads/images/layout/sivuotsikko_bg.jpg) center repeat-x;}
.sivuotsikko2 {font-family: 'Grand Hotel', cursive; font-weight: normal; font-size:36px; color:#55c3b7; padding-bottom:0px; margin-bottom:0px;}

.h2 {font-family: 'Grand Hotel', cursive; font-weight: normal; font-size:36px; color:#55c3b7;}

/* Alasivu */
.alasivu {background:url(../../uploads/images/layout/alasivu_bg.jpg) top center no-repeat; padding-top:100px; margin-top:-50px;}
.alasivu_headerimg {border-radius: 10px; max-width: 100%}
.alasivu h1 {color:#55c3b7; text-transform: uppercase; margin-bottom:30px;}
.alasivu h2 {color:#55c3b7; margin-bottom:20px; font-size: 24px;}
.alasivu p {margin-bottom:20px;}
.alasivu .logo {max-width: 100%}
.alasivutopmargin {margin-top:-40px;}
.alasivu a {color:#55c3b7;}
.alasivu a:hover {text-decoration: underline;}

/* Lomake */

.lomake select {display: block;
    margin-bottom: 10px !important;
    margin-top: 2px !important;
padding: 3px;}

.lomake input[type="text"] {
    background-color: #ffffff !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
    display: block;
    font-size: 14px !important;
font-family: 'Arimo', sans-serif !important;
    margin-bottom: 10px !important;
    margin-top: 2px !important;
    padding: 5px;
    width: 70%;
}

.lomake textarea {
    background-color: #ffffff !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
    display: block;
font-family: 'Arimo', sans-serif !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
    margin-top: 2px !important;
    padding: 5px;
    width: 70%;
}

.lomake .cms_submit {
    background-color: #669933 !important;
    border: medium none;
    color: #ffffff !important;
    margin-top: 10px !important;
margin-bottom: 30px;
    padding: 5px 20px !important;
}

.tilat h2 {margin-top: 0; padding: 0;}

/* Alasivu sivuvalikko */
.subnav {margin:0px; padding:0px;}
.subnav li {list-style-type: none;}
.subnav li a {border-radius: 20px; color:#000; display:block; padding:15px;}
.subnav > li {margin-bottom:5px;}
.subnav > li a {background-color: #ace3dd}
.subnav > li.menuactive > a {color:#fff;}
.subnav li ul {padding:0px 10px; margin:0px;}
.subnav li ul li a {background-color:transparent; padding:5px 15px;}
.subnav > li > ul > li.menuactive > a {color:#55c3b7;}
.subnav > li > ul > li > ul > li.menuactive > a {color:#55c3b7;}
/*
.subnav > li.menuactive .menu_kuntoutus, .subnav > li a.menu_kuntoutus:hover {background-color:#1cbbb7; color:#fff; text-decoration: none;}
.subnav > li.menuactive .menu_virkistys, .subnav > li a.menu_virkistys:hover {background-color:#9dd057; color:#fff; text-decoration: none;}
.subnav > li.menuactive .menu_hyvinvointi, .subnav > li a.menu_hyvinvointi:hover {background-color:#ff9900; color:#fff; text-decoration: none;}
.subnav > li.menuactive .menu_juhlat, .subnav > li a.menu_juhlat:hover {background-color:#8661c0; color:#fff; text-decoration: none;}
*/
/* breadcrumbs */
.breadcrumbs {padding:10px 0px;}
.breadcrumbs a {color:#000; font-size:13px;}
.breadcrumbs .lastitem {font-weight: bold;}


/* Footer */
#footer {position: absolute;  bottom: 0;  height: 100px; background-color: #55c3ba; width:100%; }
#footer .container {padding-top:20px;}
.sivukartta {text-align: right; float: right;}
.sivukartta a {color: #fff;}

@media(max-width:1199px){
	.alasivutopmargin {margin-top:0px;}
	.nostolinkki {line-height: 22px; font-size:18px;}
.searchbox #submit {margin-top:0px; position:absolute; margin-left:5px;}
.searchbox .searchfield {padding: 5px 1px 5px 5px;}
.alasivu .searchfield {padding: 5px 1px 5px 5px;}
.hakubox #submit {margin-top:0px; position:absolute; margin-left:5px;}
}

@media (max-width:991px){
	.container {width:100%;}
	.sivuotsikko, .sivuotsikko2 {margin-top:60px;}
	.alasivu-content {background-color:#fff; margin-top:-40px;}
	.banneripaikka img {margin-top:40px;}
	.etuiso {width: 50%;}
	.navbar a {font-size: 14px;}
.etutekstit p {color:#fff; font-size: 14px;}
.etutekstit p.welcome {font-size:20px; font-weight: 400; line-height: 20px;}
.nostorivi {margin-top: -100px;}

}


@media(max-width:767px){
	.alasivu {padding-top:70px;}
	.subpageheader {min-height:200px;}
	.etuiso {width: 80%;}
.sidr-class-navbar-right {margin-left: 15px !important;}
.etutekstit {padding-top: 50px;}
.etutekstit p {color:#000; font-size: 15px;}
.etutekstit p.welcome {font-size:23px; font-weight: 400; line-height: 22px; color: #569735;}
.nostorivi {margin-top: 0px;}
}


@media (max-width: 480px) {
	.etuiso {width: 100%;}
	.kuntoutusnosto {background: #1cbbb7; margin:10px;}
.virkistysnosto {background: #9dd057; margin:10px;}
.hyvinvointinosto {background: #ff9900; margin:10px;}
.juhlatnosto {background: #8661c0; margin:10px;}
.nosto {height:100px; padding-top:5px; margin:0px auto;}
.virkistys {margin-bottom: 20px;}
.nostorivi {margin-top: 0px;}
.etutekstit {padding-top: 50px;}
.etutekstit p {color:#000; font-size: 15px;}
.etutekstit p.welcome {font-size:23px; font-weight: 400; line-height: 22px; color: #569735;}
.etuotsikko h1 {font-size: 24px;}
}

/* SB */
.tilaesittely .row {margin-bottom:20px;}
.tilat p {display: inline;}
.subpageheader {min-height:263px;}
/* cmsms stylesheet: styles2020 modified: torstai 7. toukokuuta 2026 13.20.41 */
/* 2020 */
body {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;color:#323232;font-size:14px;}
h1, a {color:#80c1bc}

.alasivu {margin-top:0;}
.alasivu h1 {font-size:26px;}

/* Nosto */
.nostolinkki {font-size:16px;padding-top:0px;background:rgb(255,255,255,0.8);margin:20px 5px;color:#365968;border-radius:20px;line-height:24px;text-transform:uppercase;font-weight:bold;}
.nosto {border-radius:50%; border: 10px solid #fff;padding-top:100px;height:240px;margin:0 10px;background-size:cover;background-position:center;}
.nosto a {padding:10px 5px;}
.nosto a:hover {text-decoration:none;}

/* Navigointi */
.navbar-inverse {background-color:#2b5955;}
.navbar {border-radius:0px;}
.navbar a {font-size:17px;outline:none;}
.navbar-nav > li > a {font-weight:bold;}

.logo {max-width:80%;}

/* Laitanavi */
.subnav a:hover {text-decoration:none;}
.subnav a {outline:none;}
.subnav > li a, .subnav .sectionheader > span {background-color:#80c1bc/*#61CAB9*/;color:#fff;text-transform:uppercase;font-weight:bold;font-size:15px;}
.subnav > li > a:hover, /*.subnav > li.menuactive .menu_kuntoutus a, .subnav > li a.menu_kuntoutus:hover,*/ .mmenuactive, .subnav > li > a.menuactive, .menuactive.sectionheader > span, .subnav > li.menuactive .menu_hyvinvointi, .subnav > li a.menu_hyvinvointi:hover, .subnav > li.menuactive .menu_virkistys, .subnav > li a.menu_virkistys:hover {background-color:#36556A;border-radius:20px;}
.subnav > li.menuactive li.menu_kuntoutus {background:none;}
.subnav li ul {padding:0 0 0 10px;}
.subnav li ul li {margin:0px 0 5px 0}
.subnav li ul li a, .subnav li ul li.sectionheader > span {color:#000;font-weight:normal;text-transform:none;padding:10px 15px;line-height:1.1em;border-radius:15px;}
.subnav li ul li a.active, .subnav li ul li a:hover {color:#80c1bc;}
.subnav .sectionheader > span {padding:15px;border-radius:20px;display:block;}

.parent.menuactive > ul {margin-top:5px;}

/*.subnav > li > a:hover {background-color:#9dd057;}*/

/* kolmas taso */
.subnav > li > ul > li  a, .subnav > li > ul > li.sectionheader > span {background-color:rgb(128,193,188,0.50)}
.subnav > li > ul > li.menuactive > a {color:#000;font-weight:bold;background-color:rgb(128,193,188,0.50)}
/*.subnav > li > ul > li > ul > li.menuactive > a {color:#80c1bc;}*/
.subnav > li > ul > li > ul > li.menuactive  a.menuactive {color:#000;font-weight:bold;}

.parent > ul {display: none;}
.parent.open > ul {display: block;}

.sectionheader > span {cursor:pointer;}
.subnav > .sectionheader:hover > span {background-color:#36556A;color:#fff;}
.sectionheader > ul {max-height:0;overflow:hidden;transition:max-height 0.5s ease-in-out;}
.sectionheader.open > ul, .sectionheader.menuactive > ul {max-height:500px;margin-top:5px;margin-bottom:-5px;}
.subnav > li > ul > .menuactive.sectionheader > span {font-weight:bold;}

.menuactive > ul {display:block;}


/* Haku */
.searchbox {padding-top: 10px;}
.sidr .sidr-class-searchbox form {margin:15px 0;}
#sidr-id-submit {float: right;}

.etuvihrea, .alasivu {background: url(../../uploads/images/layout/puutausta.png) top center no-repeat;}
.etuheader {padding-bottom:52px;}
.palvelutBanner  {padding:1px 0 5px;text-align:center;background:rgba(129,166,162,0.5);font-size:1.4em;color:#2B5955;text-transform:uppercase;}
.palvelutBannerLinks {padding:1px 0 0;font-size:1.3em;font-weight:bold;background:#819ba6;color:#fff;text-transform:uppercase;text-align:center;}
.palvelutBannerLinks .content > div {padding-bottom:10px;min-height:70px;}
.palvelutBannerLinks a {color:#fff;}

/* alasivujen Banneri */
.subpageheader {min-height: 292px;}

.palvelutBanners .content {padding:15px 0;margin:5px 0 20px;color:#2B5955;}

.etuotsikko h1 {border-bottom:1px solid #2B5955;color:#80c1bc;font-size:26px;text-transform:uppercase;color:#80c1bc;}
.table > tbody > tr > td {border-top:1px solid #2B5955 !important;}

.sivuotsikko {font-size:26px;background:none;margin-top:14px;border-bottom:1px solid #355766;padding-bottom:7px;margin-bottom:20px;color:#80c1bc;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;}
.sivuotsikko2, .sivuotsikkoOikea {text-transform:uppercase;font-family:arial,verdana;font-size:22px;color:#2B5955;font-weight:bold;margin-bottom:15px;}
.sivuotsikkoOikea {border-bottom:1px solid #2B5955;margin-bottom:5px;padding-bottom:5px;}
.uutinen.otsikko {text-transform:uppercase;}

.alasivutopmargin {min-height:100px;margin-top:0;}

/* Etusivun palvelut */
.asumispalvelut {background-image:url(../../uploads/images/layout/palvelut/asumispalvelut.jpg)}
.kuntoutuspalvelut {background-image:url(../../uploads/images/layout/palvelut/kuntoutuspalvelut.jpg)}
.ikaihmistenpalvelut {background-image:url(../../uploads/images/layout/palvelut/ikaihmistenpalvelut.jpg)}

/* Lomake */
.lomake .cms_submit {background-color:#80c1bc !important;border-radius: 10px;font-size: 1.4em;}

/* Footer */
#footer {background-color:#2B5955;color:#fff;}
.osoite {font-size:1.1em;font-weight:bold;}
footer a {color:#fff;}

@media(max-width:480px){
   .logo {max-width:150px;}
   .nosto {height:310px;}
   .etuvihrea {padding-top:70px;}
}
@media(max-width:991px){
  .nostorivi {margin-top:-30px;}
}
@media(max-width:1199px){
  .searchbox {position:relative;}
  .searchbox .searchfield {
      visibility:hidden;position:absolute;top:40px;right:25px;z-index:-1;background:#fff;color:#80c1bc; transition:visibility 0.5s ease-in-out;transition-delay:3s;
  }
  .searchbox:hover .searchfield {visibility:visible;z-index:5;transition-delay:0.2s;}
}
@media(min-width:799px){
   .nostorivi {padding: 0;}
   .nosto {height:274px;}
   .etuvihrea {padding-top:88px;}
}
@media(min-width:1199px){
   .nostorivi {padding: 0;}
   .nosto {border-radius:170px;height:340px;padding-top:180px;}
   .nosto a {margin:0 30px;}
   .nostolinkki {font-size:20px;}
}