body{ font-family: "acumin-pro","Helvetica Neue",Helvetica,Arial,sans-serif;  background: url(../i/bg.jpg) /*fixed*/ no-repeat; background-size: cover;}.container{ background:#FFFFFF;}
.sameheight {display: -ms-flexbox;display: -webkit-flex;display: flex;padding-bottom:4px;}
h2{ font-weight:300;} h3{ font-weight:600;}
p{ color:#575656; font-weight:400;}
.btn{border-radius: 0px;}
.btn-primary {color: #fff; background-color: #88cbe9; border-color: #88cbe9;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover{    background-color: #5db3d9;    border-color: #5db3d9;}
/* TOP */
.top{ margin-top:30px; margin-bottom:10px;}
.top .kielet{ padding-top:30px;}
.top .floatie{ float: right; padding-right:4px;}
/* navi */
.navi{ margin-bottom:10px;}
.navbar-default .navbar-toggle .icon-bar{ background: #575656;}
.navbar-toggle {border: 1px solid #494949;}
.navbar-nav>li{ text-align:center;}

.navbar-nav>li:last-child{ text-align:center; border-right:none;}
.navbar-default { margin-left:-15px; margin-right:-15px;    background-color:transparent;border:none; border-top: 6px #7d8fbe solid;  border-radius: 0px;}
.navbar-default .navbar-nav>li>a { color:#575656; text-transform:uppercase;}   
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color: #ffffff;background-color: #7d8fbe;} 

.navbar-collapse {  border:none;-webkit-box-shadow:none;box-shadow:none;}


.navbar {margin-bottom: 0px;}
.navirow form{ margin-top:15px; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #ffffff;
    background-color: #7d8fbe;
}
.nav>li>a {
    padding: 10px 15px;
}

/* Slider */
.no-padding-left{ padding-left:0;}
.carousel-caption {
    position: absolute;
    right: 45%;
    bottom: 0px;
    left: 0%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
    color: #fff;
    text-align:left;
    text-shadow:none;
 background-color:rgba(255,252,252,0.60);
}
.carousel-indicators {
    left: 20%;
}
.carousel-caption h3{ color:#7d8fbe;}
.carousel-caption p{ color:#575656;}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #88cbe9;
    border: 1px solid #88cbe9;
    border-radius: 10px;
}
.carousel-indicators .active {
    width: 12px;
    height:12px;
    margin: 0;
    background-color: #fff;
background: rgba(122,122,122,1);
background: -moz-linear-gradient(left, rgba(122,122,122,1) 0%, rgba(230,230,230,1) 63%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(122,122,122,1)), color-stop(63%, rgba(230,230,230,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(122,122,122,1) 0%, rgba(230,230,230,1) 63%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(122,122,122,1) 0%, rgba(230,230,230,1) 63%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(122,122,122,1) 0%, rgba(230,230,230,1) 63%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(122,122,122,1) 0%, rgba(230,230,230,1) 63%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#ffffff', GradientType=1 );
}

/* Uutiset */
.uutiset h2{ font-size:28px;   margin-top: 0px;   margin-bottom: 20px;}
.uutiset h3{ font-size:16px;   margin-top: 10px;   margin-bottom: 0px; color:#7d8fbe;}
.uutiset p{ font-weight:bold;}
.uutiset p.pdf{ font-weight:normal; background:url(../i/pdf-icon.png) no-repeat 0px 3px; padding:10px 0 10px 38px;}


.uutiset .btn{ margin-top:10px; margin-bottom:10px;}
/* Kuvakkeet */
.kuvakkeet{ margin-top:4px;}
.sininen p{ color:#ffffff;}
.sininen a{ color:#ffffff;}
.sininen{ background:#7d8fbe; color:#ffffff; margin-right:5px;}
.sameheight>div.sininen:last-child{ margin-right:0;}
div.sininen>div.col-md-5{ padding: 10px 0 0}

.palat{ margin-right:5px; padding:0}
.palat img{width:100%;}
.sameheight>div.palat:last-child{ margin-right:0; padding:0}

.palat h2{ color:#575656; font-size:28px;}
.palat h4{ color:#575656; font-size:16px; font-weight:bold}
.palat h4 span{ color:#88cbe9;}
/* Footer */
footer{ border-top: 6px #7d8fbe solid; margin:40px 0 20px; padding-top:20px; }
footer .floatie{ float: left !important; padding-right:20px;}
footer .floatie:last-child{ padding-right:0;}
/* */

.container a.ikonipdf{ font-weight:normal; background:url(../i/pdf-icon.png) no-repeat 0px 3px; padding:10px 0 10px 38px;}
.container table{ 
    width: 100%;
    max-width:100% !important;}
.container img{ height:auto !important;max-width:100% !important;}

#vasnavi ul{ padding-left: 14px;} #vasnavi li{  list-style: url(../../dirair/i/nuoli-lila.gif);} #vasnavi ul li ul{ padding-left: 10px;} 
.panel-body ul{ padding-left: 14px;} .panel-body li{  list-style: url(../../dirair/i/nuoli-lila.gif);} #vasnavi ul li ul{ padding-left: 10px;} 

@media (min-width: 768px){
.navbar-nav>li>a {
    padding-top: 12px;
    padding-bottom: 12px;
}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

.glyphicon-chevron-down:before {
    content: "\e113";
}
.collapsed .glyphicon-chevron-down:before {
    content: "\e114";
}

}
@media (max-width: 1200px){.h4, h4 {    font-size: 17px;}}
@media (max-width: 991px){.sameheight>div.sininen>div.col-md-5{height:170px;}
.uutiset h2{ font-size:28px;    margin-top: 20px;    margin-bottom: 10px;} }
@media (max-width: 768px){.navbar-nav {    margin: 0px 0px;}.navbar-default {border-top:none;}
.sininen{ text-align:center;}.palat{ height:420px;}
.carousel-caption { right: 0%; position:relative;} 
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none; border-top: 6px #7d8fbe solid; padding-bottom:20px;}}
@media (max-width: 767px){.navbar-nav {    margin: 0px -15px;}.sameheight {display:block;}.sininen,.palat{ margin-right:0px;} }
@media (max-width: 370px){.top>div{ width:100%}}


.workmail{
    display:none;
}

.error{
    color:#ff0000;
}