body
{
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #434a54;
	background-color: white;
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url("fonts/glyphicons-halflings-regular.eot");
	src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
/*
@media only screen and (max-width : 768px){
	.kantaTaulukko label { width: 100%; }
	 .kantaTaulukko { width: 100% }
	 .kantaTaulukko img { width: 70% }
}
*/

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings','Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
}

.well {
	padding: 10px;
	color: #434a54;
	background-color: white;
	border: none;
					border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
		 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
					box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
}
.well blockquote {
	border-color: #ccd1d9;
}
.well-lg {
	padding: 20px;
}
.well-sm {
	padding: 5px;
}

.modal h2, .modal h3, .modal h4{
	margin-top: 0px;
}

/* -- modal -- */
.modal-header {
background: #66ccff;

	margin-bottom: 20px;	
	padding: 10px;
}

.modal-content {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius:6px;
	overflow: hidden;
}

.modal-osio{
	margin-bottom: 40px;
	border-top: solid 2px #EAEAEA;
	padding-top: 30px;
}
.modal-footer{
	background: #e5e5e5;
	padding: 10px;
}
.modal .close {
	font-size: 45px;
}
/* -- modal -- */

#page
{
	margin-top: 0;
	background:#fff; 

}
.pager{
	padding:20px 10px;
}
#header
{
	height: 150px;
	text-align: left;
	background-color:#fff;
	padding:20px 40px;
	
}

#content
{
	min-height: 300px;
			text-align: left;
			//width: 950px;
			padding:20px 40px;
	background:#fff; 
/*
	background:#fff; 
	border-left: 2px solid #ddd;	
	border-right: 2px solid #ddd;
*/
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	//font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

#mainmenu
{
	line-height: 30px;

	//background:white url(bg.gif) repeat-x left top;
/*
background-image: -ms-radial-gradient(right center, ellipse farthest-corner, #FFFFFF 0%, #0D0D0D 100%);
background-image: -moz-radial-gradient(right center, ellipse farthest-corner, #FFFFFF 0%, #0D0D0D 100%);
background-image: -o-radial-gradient(right center, ellipse farthest-corner, #FFFFFF 0%, #0D0D0D 100%);
background-image: -webkit-gradient(radial, right center, 0, right center, 981, color-stop(0, #FFFFFF), color-stop(1, #0D0D0D));
background-image: -webkit-radial-gradient(right center, ellipse farthest-corner, #FFFFFF 0%, #0D0D0D 100%);
background-image: radial-gradient(ellipse farthest-corner at right center, #FFFFFF 0%, #0D0D0D 100%);
*/

}

#mainmenu ul
{
			text-align: left;
			width: 1000px;
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{

	display: inline;
}

#mainmenu ul li a
{
	text-shadow: 1px 1px 1px black, 0 0 1em red;
	color: red;
	background-color:transparent;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0px;
	margin-right: 40px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	text-shadow: 1px 1px 1px black, 0 0 1em #fff;
	color:#fff;
	text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view, div.viewVahvistus
{
	padding:7px;
	margin-bottom: 20px;
	border: 1px solid #ddd;

}

.tarjousTaulukko tr td:first-child{
	text-align: center;
}
.tarjousTaulukko tr:nth-child(2n){
	text-shadow: 1px 1px 1px #fff;
	background:#f0f0f0;  
}

.tarjousTaulukko
{
			border-collapse: collapse; 
			border-spacing: 0;
	margin: 0;
	width: 100%;
	height: 50px;
}


div.breadcrumbs
{
	//width: 906px;
	text-align: left;
	//font-size: 0.9em;
	padding: 10px 20px;
/*
	background: white;
	border-left: 2px solid #ddd;	
	border-right: 2px solid #ddd;
*/
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.prdocut-page-data{
	display: flex;
	flex-direction: column;
}

.portlet
{
	width: 30%;
}

.portlet-decoration
{
	padding: 3px 8px;
	background: #ccc;
	border-left: 5px solid #000;
}

.portlet-title
{
	//font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #333;
}

.portlet-content
{
	//font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#ddd;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}
.myViewTable tr td:first-child
{
	width: 20%;	
}

otsikko
{
	font-size: 140%;	
	color: #ff7c00;
}


.noteBlockGreen { 
	width: 100%;
	text-shadow: 1px 1px 1px #fff;
	position:relative; 
	min-height: 100px;
	padding:1em 1.5em; 
	margin:2em auto; 
	color:#333; 
	background:#ccc; 

	border-bottom: 2px green solid;
	border-radius:5px;
}
.noteBlockGreen:before { 
	content:""; 
	position:absolute; 
	top:0; 
	right:0; 
	border-width:0 16px 16px 0; 
	border-style:solid; 
	border-color:#999 #ebeae7; 
}

.noteBlockGreen h2{
	width: 70%;
	background:#ebeae7;
	line-height: 30px;
	padding: 5px 10px;
	//text-decoration: underline;
	border-radius:5px;
	box-shadow:0px 0px 8px rgba(0,0,0,0.3);
}
/* ribbon */


#wrapper{
	margin:50px auto 0px auto;
	width:100%;}
.container2{
	//display: inline-block;
	position:relative;
	margin-right: 50px ;
	width:650px;
	background:#fff;
	border-radius:10px;
	box-shadow:0px 0px 8px rgba(0,0,0,0.3);
	z-index:90;}
.rectangle{
	background:#6d6e72;
	height:50px;
	width:680px;
	position:relative;
	left:-15px;
	top:30px;
	float:left;
	box-shadow:0px 0px 4px rgba(0,0,0,0.55);
	z-index:100;}
.rectangle h2{
	line-height:1.2em;
	font-style:italic;
	margin:0px;
	font-size:30px;
	color:#fff;
	padding-top:6px;
	text-shadow:1px 1px 2px rgba(0,0,0,0.2);
	text-align:center;}
.left_tri{border-color:transparent #333 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position:relative;
	left:-30px;
	top:65px;
	z-index:-1;}
.right_tri{border-color:transparent transparent transparent #333;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position:relative;
	left:650px;
	top:35px;
	z-index:-1;}
.content2{padding:60px 25px 35px 25px;}
.content2 h2{font-size:20px; margin:0px;}
.content2 p{margin:0px;
	padding-top:10px;
	font-size:14px;
	line-height:22px;}
.content2 p a {margin:0px;
	color:#c4591e;
	text-decoration:none;}
.content2 p a:hover{text-decoration:underline;}
/* ribbon */

.teksti{
	background:#fff;
	padding: 20px;
		//text-decoration: underline;
	border-radius:5px;
	box-shadow:0px 0px 8px rgba(0,0,0,0.3);
}
.aboutVetel{
color: red;
	text-decoration: inherit;
	word-spacing: -0.1em;
	white-space: nowrap;
	cursor: pointer;
}



a.prev, a.next {
		background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
		width: 45px;
		height: 50px;
		display: block;
		position: absolute;
		top: 300px;
}


a.prev {            left: 50px;
										background-position: 0 0; }
a.prev:hover {      background-position: 0 -50px; }
a.prev.disabled {   background-position: 0 -70px !important;  }
a.next {            right: 50px;
										background-position: -50px 0; }
a.next:hover {      background-position: -50px -50px; }
a.next.disabled {   background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
		cursor: default;
}
 
a.prev span, a.next span {
		display: block;
	}

#foo_logo img {
		opacity: 1.0;
		transition: opacity .55s ease-in-out;
		-moz-transition: opacity .55s ease-in-out;
		-webkit-transition: opacity .55s ease-in-out;

}
#foo_logo img:hover {
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
	color: #000;
}​


/* tarjoukset */
.tarjouksenIkkuna{
	width: 740px;  /* Jouni muutti 2019-09-20 700px => 740px */
}
.tarjouksetPDF{
	min-height: 300px;
	position: relative;
}
.kuvaOikealla{
	width: 740px; /* Jouni muutti 2019-09-20 700px => 740px */
}
.kuvaOikealla img{
	position: absolute;
	margin-left: 370px;  /* Jouni muutti 2019-09-20 350px => 370px */
	width: 370px;  /* Jouni muutti 2019-09-20 350px => 370px */
}
/*
.green{
	padding: 5px 7px;
	background: #d8e4bc;
	line-height: 120%;
	font-size: 11pt;
}
.blue{
	padding: 5px 7px;
	background: #b7dee8;
	line-height: 120%;
	font-size: 11pt;
}
.red{
	padding: 5px 7px;
	background: #fcd5b4;
	line-height: 120%;
	font-size: 11pt;
}
*/
.palveli{
	padding: 5px 7px;
	text-align: right;
	background: #ffc000;
}

/* tilausvahvistus */
.palvgroup.TilaViteHuom{
	float: left;
	text-align: left;
}
.maksToim{
	width: 100%;
}
.firstP{
	text-align: left;
}
.thirdP{
	text-align: right;
}
.hinnatPersessa{
	width: 180px;
	display: inline-block;
}
.palvgroup{
	display: inline-block;
}

.viewVahvistus{
	width: 740px;  /* Jouni muutti 2019-09-20 700px => 740px */
}

.view.tarjouksenIkkuna{
	width: 100%;
	max-width: 920px;
	padding: 15px;
}

.tarjouksetPDF10{
	width: 100%;
	border-bottom: 1px #333 solid;
	border-top: 1px #333 solid;
}
.tarjouksetPDF10 .tiedot,.tarjouksetPDF10 .hinnankenta{
	display: inline-block;

}
.tarjouksetPDF10 .tiedot{
	width: 80%;
	border-right: 1px #333 solid;
}
.tarjouksetPDF10 .hinnankenta{
	width: 20%;
	padding: 0 10px;
}
.tarjouksetPDF11{
	width: 100%;
}
.tarjouksetPDF11 .maksToim,.tarjouksetPDF11 .hinnanLask{
	display: inline-block;
	vertical-align: middle;
}
.tarjouksetPDF11 .maksToim{
	width: 80%;
	border-right: 1px #333 solid;
}
.tarjouksetPDF11 .hinnanLask{
	width: 20%;
	padding: 0 10px;
}
.tarjouksetPDF8{
	width: 100%;
}
.tilajanAllekirjoitus,.myyjanAllekirjoitus{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

/* chatBox */
#chat {
	width: 100%;
	height: 300px;
	overflow: auto;
}

#chatBox {
	height: auto;
	overflow: hidden;
}
#chatBox .alert{
	margin-bottom: 0px;
}
#chatBody .user{
	margin-right: 5px;
}

/* Image slider
---------------------------*/

#content .swiperSlider .swiper-container {
	margin: 0 0 1em;
	border-radius: 6px;
}

#content .swiperSlider .swiper-container .swiper-slide{
	background-size: cover;
	background-position: center;
}

#content .swiperSlider .swiper-container .swiper-slide img{
	border-radius: 6px;
	max-width: 100%;
}

#content .swiperSlider .swiper-container .swiper-slide .open-fancybox{
	display: none;
}

#content .swiperSlider .swiper-button-next, 
#content .swiperSlider .swiper-button-prev {
	border-radius: 50em;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.5s cubic-bezier(0.09, 0.5, 0.35, 0.98);
	transition: all 0.5s cubic-bezier(0.09, 0.5, 0.35, 0.98);
}

#content .swiperSlider .swiper-button-next:after, 
#content .swiperSlider .swiper-button-prev:after{
	display: none;
}

#content .swiperSlider .swiper-button-next:hover, 
#content .swiperSlider .swiper-button-prev:hover{
	background-color: #a2282a;
}

#content .swiperSlider .swiper-button-next{
	right: 1em;
	left: auto !important;
	background: #c63739 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjM0LjIiPjxwYXRoIGQ9Ik0yLjEgMzIuMWwxNS4xLTE1LjJMMi40IDIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI1Ljc5MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9zdmc+") no-repeat center;
	background-size: auto 56%;
}

#content .swiperSlider .swiper-button-prev{
	left: 1em;
	right: auto !important;
	background: #c63739 url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzQuNSAzNC41Ij48c3R5bGU+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjUuNzkzO3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNC44IDIuMkw5LjcgMTcuNGwxNC44IDE0LjkiLz48L3N2Zz4=") no-repeat center;
	background-size: auto 56%;
}

/* Thumbs */

#content .swiperSlider .gallery-thumbs{
	margin-bottom: 0;
	height: 20%;
	box-sizing: border-box;
}

#content .swiperSlider .gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.6;
	-webkit-transition: all 0.5s cubic-bezier(0.09, 0.5, 0.35, 0.98);
	transition: all 0.5s cubic-bezier(0.09, 0.5, 0.35, 0.98);
}

#content .swiperSlider .gallery-thumbs .swiper-slide:hover {
	opacity: 1;
}

#content .swiperSlider .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}

@media (max-width: 860px) {
	body .scopedBootstrap .flexslaiderParent.swiperSlider{
		margin: 0 !important;
		width: 100%;
	}
}

/* Leasinkityylit */

.leasinki-main-div {
	display:none; /* Piilossa vielä toistaiseksi. */
}

.leasinki-main-div .minus-btn:disabled {
	opacity:0.5;
	pointer-events:none;
}

.leasinki-main-div .plus-btn:disabled {
	opacity:0.5;
	pointer-events:none;
}

.leasinki-main-div a.lisatietojaLink {
	position:relative;
	padding: 10px;
}


a[target="_blank"].externalLink::after {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
	margin: 0 3px 0 5px;
}