@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);

html{ background-color:#fff;}

/* MAINCONTAINERS */

body {

	background-color:#fff;
	margin: 0 auto;
	font-family:'Open Sans';
	padding-top: 0;
	}

p {	font-size: 14px}



.para1 {
	background:url(/pics/bg_big_1.jpg);
}
.para2 {
	background:url(/pics/bg_big_2.jpg);
}
.para3 {
	background:url(/pics/bg_big_3.jpg);
}
.para4 {
	background:url(/pics/bg_big_suur.jpg);

}

.para5 {
	background:url(/pics/bg5.jpg);
}
.para6 {
	background:url(/pics/bg6.jpg);
}
.para7 {
	background:url(/pics/bg7.jpg);
}
.para8 {
	background:url(/pics/bg8.jpg);
}

.para1, .para2, .para3, .para4, .para5, .para6, .para7, .para8 {
	background-position: top center;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-size:cover}





.fixedtop {padding-top:100px;}

      @media (min-width: 200px) and (max-width: 768px) {
		.fixedtop {padding-top:50px;}
		.fixmobile {padding-top:50px;}
      }

.trans-black { background: rgba(0,21,33,0.95)}
.etusivu .trans-black { background: rgba(0,21,33,0.80)}
.jtheader {display:block; width:100%; min-height:100px;  text-align:left; z-index:10000;}
.logo { display:block; width:200px; height:auto; padding-top:0px; float:left;}
.logo img { display:block; width:100%; height:auto}
.jtheader .jtmenu {box-sizing: border-box;  margin-top:26px !important; width:100%; padding-left:20px !important}


a.jtnavi {font-size:15px !important; font-weight:600 !important; color: #eee; text-decoration:none !important; margin-left:5px !important}
a.jtnavi:hover, a.jtnavi.active { color:rgba(0,136,204,0.99) !important}

.jtlogin {color:#ddd !important;}
a.jtnavi:hover, a.jtnavi.active { color:rgba(0,136,204,0.99) !important}


.badge { background:#f80000 !important;}
.off {color:#f80000 !important;}


.transit {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.jtheader.shrink {
    min-height: 70px !important;
	-moz-box-shadow: 0 0 8px #000;
	-webkit-box-shadow: 0 0 8px #000;
	box-shadow: 0 0 8px #000;
}
.jtheader.shrink .logo {
    width: 150px !important;
	padding-top:0;
}
.jtheader.shrink.trans-black {
background: rgba(0,21,33,0.95)
}

.jtheader.shrink .jtmenu {margin-top:14px !important; padding-left:10px !important;}



@media (min-width: 319px) and (max-width: 768px) {
		a.jtnavi {font-size:14px !important;}
		.jtheader {min-height:50px !important;}
		.logo {width:120px; height:auto; padding-top:0px; margin-top: -8px !important;}
		.trans-black, .etusivu .trans-black { background: rgba(0,0,0,0.95)}

.jtheader.shrink .logo {
    width: 120px !important;
	padding-top:0;
	
}		  
.jtheader.shrink {
    min-height: 50px !important;

}	  
}




h1, h5 {font-family:'Open Sans',Tahoma, Geneva, sans-serif;}
h1, h3, h2, h5, h4 { font-weight:700 !important;}

.box { position:relative; width:304px; height:368px; margin:10px; float:left; border:1px solid #CCC;}

.boxkuva { display:block; box-sizing: border-box; position:relative; width:100%; height:162px; margin-top:10px; overflow:hidden;}
.boxkuva img { width:100%;}
.boxtext { position:relative; width:100%; margin-top:10px; text-align:left;}
.boxheader {position:absolute; box-sizing: border-box; width:100%; margin:0px; padding:12px 8px; line-height:29px; text-align:left; background-color:rgba(1,151,255,0.78);}
.boxheader H5 {margin:2px; margin-left:4px; color:#EEE; font-size:16px; text-decoration:none; font-weight:600}

.palvelut {min-height:288px;}




#map-canvas {display:block; width:100%; height:100%}
.map {position:relative; width:100%; height:300px; margin:0px; padding:5px;}


#error { font-size:12px; color:#F00;}
P.error { font-size:12px; color:#F00;}



.trans_29 { background:url(/pics/opacity_29.png)}
.trans_30 { background:url(/pics/opacity_30.png)}
.trans_white_56 {background:rgba(255,255,255,0.73)}
.trans_white {background:rgba(255,255,255,0.90)}

.transparent {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.transparent_100 {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.varjo {-moz-box-shadow: 0 0 1px #bbb;
	-webkit-box-shadow: 0 0 1px #bbb;
	box-shadow: 0 0 1px #bbb;}


.varjo1 {-moz-box-shadow: 0 0 16px #bbb;
	-webkit-box-shadow: 0 0 16px #bbb;
	box-shadow: 0 0 16px #bbb;}



.round2 {border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.round4 {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.round6 {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.round8 {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.round10 {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.bg999 { background:#999 !important; color:#777 !important}
.bgccc { background:#ccc !important; color:#aaa !important}
.bgeee { background:#eee !important;}
.bgaaa { background:#aaa !important;}
.bgfff { background:#fff !important;}
.bgf9 { background:#f9f9f9 !important;}

.bgdisabled {background: rgba(0,0,0,0.05); color:#ccc !important; padding: 10px 0;}

.bg-prima {background: rgba(0,136,204,0.95); color:#fff !important}


.navbar-brand {}
.navbar-brand img { display:block; width:130px !important; margin-top: -7px !important; height:auto;}

.pt20 { padding-top:20px !important}
.pt30 { padding-top:30px !important}
.pt50 { padding-top:50px !important}

.pb20 { padding-bottom:20px !important}
.pb30 { padding-bottom:30px !important}
.pb50 { padding-bottom:50px !important}


.kalustothumb img { display:block; width:23%; max-height:159px; min-height:60px; margin:1%; padding:1%; border:1px solid #D9D9D9; background:#fff; float:left;}

.respokuva { display:block; width:100% !important; height:auto;}

img.kivakuva {padding:4px; border:1px solid #D9D9D9; background:#fff;}


.right { float:right}


.alaspacer { margin-bottom:15px !important}
.topdivider { border-top:1px solid rgba(0,0,0,0.1)}