body {
background: url(../../img/bg_body.jpg) repeat;
margin: 20px 0px 20px 0px;
}

/* NAVIGOINTI */
.naviwrapper{
padding: 0px;
max-width: 920px;
height: auto;
}
	@media (max-width: 992px) {
	.naviwrapper {
	margin-right: 15px;
	margin-left: 15px;
	width: auto;
	}
	}
.paanavi{
background-color: transparent;
border-width: 0px;
min-height: 76px;
}
.navilaatikko{
background-color: transparent;
min-height: 76px;
}
.navbar-right {
width: auto;
background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
font-family: "Open Sans",sans-serif;
font-size: 16px;
line-height: 16px;
color: black;
padding: 30px 10px 30px 5px;
margin: 0px;
font-weight: bold;
}
	@media (max-width: 992px) {
	.navbar-default .navbar-nav > li > a {
	font-family: "Open Sans",sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: black;
	padding: 31px 10px 30px 5px;
	margin: 0px;
	font-weight: bold;
	}
	}
	@media (max-width: 767px) {
	.navbar-default .navbar-nav > li > a {
	font-family: "Open Sans",sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: black;
	padding: 15px 10px 10px 5px;
	margin: 0px;
	font-weight: bold;
	}
	}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: black;
background-color: transparent;
text-shadow: 0px 0px 12px #2d2d2d;
}
.navbar-toggle {
margin-top: 20px;
background-color: #ADADAD;
}
.navbar-toggle:hover {
margin-top: 20px;
background-color: red;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
min-height: 76px;
background-color: transparent;
}
.navbar-collapse {
border-top: none;
box-shadow: none;
}
/* brandilogo */
.navbar-default .navbar-brand {
height: 76px;
padding: 5px 15px 5px 5px;
margin: 0px 0px 0px 0px;
width: 480px;
}
	@media (max-width: 992px) {
	.navbar-default .navbar-brand {
	height: 76px;
	padding: 14px 15px 14px 5px;
	margin: 0px 0px 0px 0px;
	width: 360px;
	}
	}
	@media (max-width: 480px) {
	.navbar-default .navbar-brand {
	height: 76px;
	padding: 20px 15px 19px 5px;
	margin: 0px 0px 0px 0px;
	width: 270px;
	}
	}
/* alasvetovalikon nuoli */
.caret {
margin-left: -2px;
}
/* alasvetovalikon taustaväri */
.dropdown-menu {
background-color: white;
}
/* 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: #EDEDED;
}
/* 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: black;
background-color: #F27100;
}

.kehys {
max-width: 920px;
padding: 0px;
}
	@media (max-width: 992px) {
	.kehys {
	margin-right: 30px;
	margin-left: 30px;
	width: auto;
	}
	}

.sisalto {
width: 100%;
min-height: 400px;
border-radius: 10px;
border: 1px solid #2D2D2D;
box-shadow: 0px 0px 8px 0px #2D2D2D;
color: #333333;
background-color: white;
font-family: "Open Sans",sans-serif;
font-size: 14px;
line-height: 17px;
text-align: justify;
padding: 25px 25px 25px 25px;
}

	.sisalto a:link {
	color: #BC0000; 
	text-decoration: underline;
	}
	.sisalto a:visited {
	color: #BC0000; 
	text-decoration: none;
	}
	.sisalto a:hover {
	color: #A00000; 
	text-decoration: underline;
	}
	.sisalto a:active {
	color: #A00000; 
	text-decoration: none;
	}
	h1, h2, h3 {
	color: black;
	font-family: 'Poiret One', cursive;
	font-weight: 800;
	text-align: left;
	}
	h1 {
	font-size: 30px;
	}
	h2 {
	font-size: 24px;
	}
	h3 {
	font-size: 14px;
	}
	
.sisalto a img, .sisalto img {
border-radius: 5px;
max-width: 100%;
height: auto;
}

.kalustoesittely {
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
display: flex;
align-items: center;
}
	@media (max-width: 768px) {
	.kalustoesittely {
	display: block;
	align-items: initial;
	}
	}
	
.kalustoinfo {
flex: 1;
text-align: center;
padding: 0px;
}
.kalustoinfo b {
font-weight: 600;
}
	@media (max-width: 768px) {
	.kalustoinfo {
	flex: none;
	margin-bottom: 20px;
	}
	}
	
.kalustonimi {
font-size: 16px;
font-weight: 600;
}

.kalustokuva {
flex: 1;
text-align: center;
padding: 0px;
}
.kalustokuva a img {
border: 1px solid #A00000;
}
.kalustokuva a img:hover {
cursor: zoom-in;
border: 1px solid #BC0000;
opacity: 0.9;
transition: 0.4s ease-out;
}
	@media (max-width: 768px) {
	.kalustokuva {
	flex: none;
	}
	}
	
.lisakalustokuvat {
	display: none;
}

.footer {
margin: 25px 0px 15px 0px;
color: #000000;
font-family: "Open Sans",sans-serif;
font-weight: bold;
font-size: 15px;
line-height: 15px;
text-align: center;
text-shadow: 0px 0px 17px #2d2d2d;
}
.footer a img {
border: 0px;
}
.footer div {
height: 30px;
line-height: 30px;
text-align: center;
}
@media (max-width: 768px) {
	.footer div {
	margin-bottom: 10px;
	}
	}

.btn-success {
color: #fff;
font-weight: bold;
background-color: #BC0000;
border-color: #BC0000;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
color: #fff;
font-weight: bold;
background-color: #A00000;
border-color: #A00000;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
color: #fff;
font-weight: bold;
background-color: #A00000;
border-color: #A00000;
}

.form-control {
border-radius: 7px !important;
}

.form-control:focus, .form-control:active {
border: 1px solid #A00000 !important;
box-shadow: none !important;
background-color: #FCFCFC !important;
}