html{}
body{font-family: "museo-sans",sans-serif; font-weight:300;background:url(../i/bg.jpg) repeat-x #d6d8d7; z-index:-21;}
.yla { position: relative;
    width: 100%;
    overflow: hidden;}
.top{ position:absolute; top:0; z-index:-20;}
h1,h2,h3,h4,h5,h6 {font-family: "rucksack",sans-serif;}
a { color: #9ac46c; text-decoration: none;}
a:focus, a:hover {color: #9ac46c;text-decoration: underline;}
.raja{ background:url(../i/bg-raja.jpg) repeat-x;min-height:34px; margin-top:0px;}
.lgo{margin-top:100px;padding-bottom: 15px;}


.navbar-default {background-color: transparent;border:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #669933;background-color:transparent;}
.navbar-default .navbar-nav>li>a {text-transform:uppercase;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
.nav>li>a{padding: 10px 7px;}

.sisalto{min-height:300px;}
.sisalto img{ margin:0 auto 40px; max-width:100%; height:auto;}
.sisalto h1{}
.sisalto strong{font-family: "museo-sans",sans-serif;
font-style: normal;
font-weight: 500;}

.vari{color:#669933}

.rightcol span{ line-height:1em;}

.sisalto .rightcol{ padding-top:65px;    clear: left;}
footer .rightcol{ padding-top:25px;    clear: left;}

.rightcol .tabu .line{ border:1px solid  #000000;border-bottom:none; border-left:none; }
.rightcol div{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}


/* Näytteet */
.sisalto #carousel img{ margin:0 auto 5px; width:100%; height:auto;}
.sisalto .buttons img{ margin:0 auto 1px;}
.sisalto .buttons{ margin:15px auto 30px; display:inline-block;}
.sisalto .buttons a{ padding-right: 1px; padding-left: 1px; opacity:0.7; -webkit-transition:0.35s;transition:0.35s}
.sisalto .buttons a.active {opacity:1.0;}

 .carousel-control.left, .carousel-control.right {
    background-image:none;
    filter:none;
} 

.btn-default, .btn-default:focus, .btn-default:active { color: #fff; background-color: #9ac46c; border-color: #8eb864;}
.btn-default:hover { color: #fff; background-color: #8fba61; border-color: #9ac46c;}

.sisalto .listaus  img{ margin:0;}
.tyot img{opacity:0.8; -webkit-transition:all 0.35s;transition:all 0.35s;margin: 0;}
.tyot img:hover, .tyot img:focus{opacity:1.0; -webkit-transition:all 0.5s;transition:all 0.5s}
.tyot a{ text-decoration:none; color:#333;}

.historypart h3{ margin-top: 0px; }
.historypart{margin-top: 20px;}

.newstitle a{ color:#333;}
.henkilokuva img{margin:0 0 10px 0;}

.paging{ clear: both;}
.paging ul{list-style: none;}
.paging ul li{float:left; margin:3px 5px;}
.paging ul li a.active{color:#4f7723;}

.sisalto img.col-sm-12,.sisalto img.col-sm-10,.sisalto img.col-sm-11,.sisalto img.col-sm-10,.sisalto img.col-sm-9,.sisalto img.col-sm-8,.sisalto img.col-sm-7,.sisalto img.col-sm-6,.sisalto img.col-sm-5,.sisalto img.col-sm-4,.sisalto img.col-sm-3,.sisalto img.col-sm-2,.sisalto img.col-sm-1{ padding-left:0; padding-right:5px;}

.sisalto p.col-sm-12,.sisalto p.col-sm-10,.sisalto p.col-sm-11,.sisalto p.col-sm-10,.sisalto p.col-sm-9,.sisalto p.col-sm-8,.sisalto p.col-sm-7,.sisalto p.col-sm-6,.sisalto p.col-sm-5,.sisalto p.col-sm-4,.sisalto p.col-sm-3,.sisalto p.col-sm-2,.sisalto p.col-sm-1{ padding-left:0; padding-right:5px;}

.sisalto img.col-sm-offset-12{margin-left: 100%;}
.sisalto img.col-sm-offset-11{margin-left: 91.66666667%;}
.sisalto img.col-sm-offset-10{margin-left:83.33333333%}
.sisalto img.col-sm-offset-9{margin-left:75%}
.sisalto img.col-sm-offset-8{margin-left:66.66666667%}
.sisalto img.col-sm-offset-7{margin-left:58.33333333%}
.sisalto img.col-sm-offset-6{margin-left:50%}
.sisalto img.col-sm-offset-5{margin-left:41.66666667%}
.sisalto img.col-sm-offset-4{margin-left:33.33333333%}
.sisalto img.col-sm-offset-3{margin-left: 25%;}
.sisalto img.col-sm-offset-2{margin-left:16.66666667%}
.sisalto img.col-sm-offset-1{margin-left:8.33333333%}

.left{ float:left;}
.right{ float:right;}

/*Footer*/
footer .raja{ background:url(../i/bg-raja-footer.jpg) repeat-x;min-height:18px; margin-top:15px;}
footer{ background-color:#9ac46c; padding-bottom:40px;}
footer .container{ margin-top:30px;}
.footer a{color: #333;}

@media (min-width: 768px) {.navbar-nav>li>a { padding-top: 7px; padding-bottom: 7px;} 
.navbar-nav { padding-bottom:10px;
}}

@media (min-width: 1200px) {.top{ right:0;} .sisalto .buttons.visible-lg { display: inline-block!important;}}

@media (max-width: 1200px) {.top{ left:0;}}
@media (max-width: 991px){footer .rightcol {padding-top: 45px;} 
.tyot a:nth-child(odd) .col-md-4 { clear:left;}
.tyot a:nth-child(odd) .his .col-md-4 { clear:none;}}
@media (max-width: 550px) {.lgo{ margin-top:10px;} .tyot .col-xs-6{ float:none; width:100%;} .tyot .his .col-xs-6{ float:none; width:100%;}}

@media (max-width: 700px) {.rightcol div{-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.sisalto .rightcol, footer .rightcol{ width:100%;}
.rightcol .tabu .line{ border:none;border-bottom:none; border-left:none; }
footer .rightcol {padding-top: 0px;}
.sisalto .rightcol {padding-top: 20px;clear: left; display:none;}
.rightcol span { font-size:18px; font-weight:bold;}
.newstitle{display:block !important;}

}
@media (max-width: 600px) {
.top{ display:none;}
}