body {
background-color: #126F90;
background-image:url(../../kuvat/bg_body.png), url(../../kuvat/bg_body_ala.png);
background-size: 100% 100%, 100%;
background-repeat: no-repeat, repeat;
}

/* navigointi */
.navilaatikko {
padding: 0px;
margin: 25px 0px 0px 0px;
}
.paanavi{
background-color: #10637F;
background-image:url(../../kuvat/bg_navi.png);
border: 1px solid #10637F;
margin: 0px;
padding: 0px;
min-height: 48px;
}
.navbar-default .navbar-nav > li > a {
font-family: "Open Sans",sans-serif;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
color: #FFCC00;
padding: 11px 7px 11px 7px;
margin: 5px 0px 5px 0px;
font-weight: bold;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: #FFCE0C;
text-shadow: 1px 1px 2px #FFCE0C;
background-color: transparent;
}
.navbar-toggle {
margin-top: 6px;
background-color: #FFCC00;
border-color: #FFCC00 !important;
float: right;
}
.navbar-toggle:hover {
background-color: #FFE066 !important;
}
.navbar-collapse {
border-color: black !important;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
min-height: 44px;
background-image:url(../../kuvat/bg_navi.png);
background-color: #10637F;
border-radius: 0px;
}
/* alasvetovalikon nuoli */
.caret {
margin-left: -2px;
}
/* alasvetovalikon taustaväri */
.dropdown-menu {
background-color: #1689AF;
}
/* alasvetovalikon linkin väri */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: black;
}
/* alasvetovalikon linkin taustaväri */
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background-color: #127191;
}
/* aktiivisen alasvetovalikon päälinkki */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color: #FFCC00;
background-color: transparent;
}
/* brandilogo 66px*/
.navbar-default .navbar-brand {
height: auto;
color: black;
font-family: "Raleway" !important;
font-weight: 600 !important;
padding: 14px 5px 14px 14px !important;
margin: 0px !important;
font-size: 20px !important;
line-height: 20px !important;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
color: black !important;
background-color: #10637F !important;
}
.navbar-right{
margin-right: 10px;
}
.logokuva {
position: absolute;
top: 0px;
left: 0px;
z-index: 1000;
background-image:url(../../kuvat/bg_logo.png);
background-repeat: no-repeat;
background-position: bottom right;
background-color: transparent !important;
height: 130px;
width: 150px;
margin: 0px;
padding: 0px;
}

.wrapper {
max-width: 877px !important;
margin-left: auto !important;
margin-right: auto !important;
}

.sisalto {
color: #3F3F3F;
background-color: #E6EDF2;
background-image:url(../../kuvat/bg_sisalto.png);
background-repeat: repeat;
font-family: "Open Sans",sans-serif;
font-size: 14px;
line-height: auto;
text-align: justify;
margin: 45px 0px 20px 0px;
padding: 30px 20px 30px 20px;
min-height: 45vh;
border: 1px solid #10637F;
border-radius: 13px 13px 13px 13px;
word-wrap: break-word;
}

.sivupalkki {
background-color: transparent;
font-family: "Open Sans",sans-serif;
font-size: 12px;
text-align: left;
margin: 75px 0px 30px 0px;
padding: 0px 10px 0px 10px;
color: #161616;
}

/* .alanavi{
background-color: transparent;
font-family: "Open Sans",sans-serif;
width: 100%;
font-size: 12px;
text-align: right;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
} */

.tuotemerkit {
margin: 0px;
padding: 0px;
}

.footer {
background-color: #10637F;
height: auto;
margin: 20px 0px 35px 0px;
}

.login-logout-link {
position: fixed;
bottom: 0;
background-color: #282828;
padding: 3px 5px 3px 5px;
margin: 10px 0px 0px 10px;
border-radius: 5px 5px 0px 0px;
}
.login-logout-link a:link {
color: #FFCC00;
font-family: "Open Sans",sans-serif;
font-size: 11px;
}

.keskitys p {
margin: 0px;
padding: 0px;
}
.keskitys {min-height: auto; text-align: center; vertical-align: middle; padding: 10px 10px 10px 10px; color: black; font-family: "Open Sans",sans-serif; font-size: 13px; font-weight: bold;}

.sisalto a:link {color: black; text-decoration: underline;}
.sisalto a:visited {color: black; text-decoration: none;}
.sisalto a:hover {color: #3F3F3F; text-decoration: underline;}
.sisalto a:active {color: black; text-decoration: none;}

.sivupalkki a:link {
max-width: 172px;
}

/* .alanavi a:link {color: #0026FF; text-decoration: underline; padding: 0px 6px 0px 6px; border-right: 2px solid #909496;}
.alanavi a:visited {color: #0026FF; text-decoration: none;}
.alanavi a:hover {color: #000000; text-decoration: underline;}
.alanavi a:active {color: #0026FF; text-decoration: none;}
.alanavi a:last-child {border-right: none;} */

h1, h2, h3 {
color: #10637F;
font-family: "Raleway";
font-weight: bold;
text-align: left;
width: 100%;
padding-bottom: 7px;
margin-bottom: 5px !important;
}
h1 {font-size: 30px;}
h2 {font-size: 24px; border-bottom: 1px solid black;}
h3 {font-size: 18px;}

p {margin: 0 0 13px !important;}

/* BootStrap ylikirjoitukset */
.form-control {
max-width: 500px !important;
min-width: 260px !important;
}
label {
max-width: 500px !important;
min-width: 260px !important;
}
img.ccm-captcha-image {
display: block;
margin: 10px 0px 30px !important;
}

/* MEDIA QUERY */
@media (max-width: 767px) {
	.sisalto {
	margin: 20px 15px 30px 15px;
	text-align: left;
	}
	.logokuva {
	visibility: hidden;
	}
	.paanavi{
	background-image: none;
	}
	.navilaatikko {
	padding: 0px;
	margin: 0px;
	}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
	background-image: none;
	}
	.sivupalkki {
	margin: 30px 0px 30px 15px;
	}
	.keskitys {font-size: 12px; font-weight: normal; padding: 5px 5px 5px 5px;}
}
@media (max-width: 790px) {
	.navbar-default .navbar-nav > li > a {
	font-size: 12px;
	line-height: 12px;
	padding: 13px 6px 13px 6px;
	}
}