/* Kuvien skaalaus */
#header .logo img, #header .tarjouspallo img { max-width:100%; }
/*
#header .tarjouspallo img { max-width:70%; }
*/

/* Responsiivinen logo ja tarjouspallo:
	- Tarjouspallo pois
	- Logo täysleveäksi ja keskitetyksi
*/
@media (max-width: 600px) {
	#header .logo { max-width:96%; width:96%; margin:20px 2% 10px 2%;position:relative;left:auto;right:auto;top:auto;bottom:auto;}
	#header .logo p { text-align:center; margin:0 auto; }
	#header .logo img { width:auto; max-width:100%; margin:0 auto; }
	#header .tarjouspallo { display:none; }
	
	
	/* Logon maksimikorkeus mobiilissa
		- Säädä isommaksi, jos logo on liian pieni!
	*/
	#header .logo img { max-height:50px; }
}

@media (max-width:1139px) {
	#top {padding-top:0; position:relative;}
	#header, #nav {width:100%;}
	#header .logo { margin-bottom:0;}
	#header .logo p {text-align:center;}
}


/****************************************************************************************************/


/*** NAVI *******************************************************************************************/
#nav .arkki {
margin:10px 0;
}


/* Navi */



#nav ul li.level1 > a, .valikko-koti a, .valikko-avaa a { 
	padding:22px 20px;
}

/* Custom gridiarvo 
	Jos haluat asettaa itse leveyden valikon napeille,
	aseta valikon ulkoasuasetuksista gridiarvoksi grid_custom,
	ja muokkaa alta.
*/
/*#nav li.grid_custom { width:19.95%; }*/

/* Kun hiiren vie kohdalle */
#nav li.level1 > a:hover { 
	text-shadow:0px 0px 3px #fff;
	text-decoration:none;
	background:rgba(255,255,255,0.1);
}

/* Aktiivinen sivu */
#nav li.level1.current a {
	/*background:rgb(0,0,0);
	background:rgba(0,0,0,0.1);*/
	
	text-decoration:underline;
}


/********** Subnavi **********************/

#subnav { margin-bottom:0px; }
#subnav .arkki {
	
}
#subnav li a {
	padding:0 5px;
	margin:0 5px;
	text-align:center;
	line-height:24px;
	font-size:12px;
}
#subnav li a:hover { background:rgba(0,0,0,0.05); text-decoration:none; }
#subnav li.current a { text-decoration:underline; }

/*****************************************/


/********** Left navi ********************/


#left ul.menu li a {
	display:block;
	
	font-size:12px;	
	
	padding:2px 2px 2px 8px;
	
}

/*****************************************/

/* Mobiilin alavalikko */


/********** Dropdown *********************/

#nav .submenu ul, #nav .submenu li {
	margin:0px;
	padding:0px;
	z-index:5000!important;
}

#nav .submenu li a {
	padding:5px 8px;
	
	font-size:12px !important;
}


/*****************************************/


/********** Responsiivinen navi **********/

/* 1023 pikseliä leveä ruutu tai alle */
@media (max-width: 1023px) {
	#nav ul li.level1 a { padding:10px 0px; font-size:15px; font-size:16px !important; }
}



/* 600 pikseliä leveä ruutu tai alle 
	- Mobiilivalikko
*/
@media (max-width: 600px) {
	/* Mobiilivalikon fontti */
	#nav ul li.level1 > a, #nav .submenu li a, #nav ul li.level1.viimeinen a {
		
		font-size:16px !important;
		
		text-transform:none;
	}

	#nav ul li.level1 > a, #nav .submenu li a, #nav ul li.level1.viimeinen > a {
		
	}

	/* Navin napit */
	#nav ul li.level1 {position:relative;}
	#nav ul li.level1 > a, #nav .submenu li a, #nav ul li.level1.viimeinen a {
		padding:18px 10px !important;	
		text-align:left;
	}
	
	#nav ul li.level1 > a, #nav .submenu li a, #nav ul li.level1.viimeinen > a {
		border-bottom:1px solid rgba(0,0,0,0.1) !important;
		margin:0px;
	}
	#nav ul li.level1:first-child > a {  }
	
	/* Hoveri ja focus */
	#nav li.level1 > a:hover, #nav .submenu li a:hover, #nav li.level1 > a:focus, #nav .submenu li a:focus,
	#nav li.level1.viimeinen > a:hover, #nav li.level1.viimeinen > a:focus {
		background:rgba(0,0,0,0.1) !important;
		text-decoration:none;
		text-indent:0px;
}
	
	/* Uusi valikkotyyli pienemmille näytöille */
	.valikko { margin-bottom:0px; }
	
	/* Nappien yhteiset tyylit */
	.valikko-koti, .valikko-avaa {
				
		background-position: center;
		background-repeat:repeat-x;
		margin-bottom:6px;
	}
	.valikko-koti a, .valikko-avaa a {
		color:#fff;
		padding:12px 0px !important;
		font-size:16px; 
		text-align:center;
		
	}

	/* Valikon avausnappi, kun valikko on auki */
	.valikko-avaa.avattu {
		background:#fff;
		
	}
	.valikko-avaa.avattu .icon-th-list { background-image: url("../images/glyphicons-halflings.png") !important; }
	.valikko-avaa.avattu a { color:#000 !important; }
	
	/* Wrapper, jonka sisään itse valikko avataan */
	.valikko-lista {
		margin:0;
		
		background:#fff;
		
		padding:0;
	}
	.avaaSubnav {background:rgba(0,0,0,0.3); position:absolute; right:3px; 
		padding:0px;
		text-align:center;
		width:50px;
		height:50px;
		top:3px;
		line-height:50px;
		display:inline-block;
		z-index:2000;
		cursor:default;
	}
	.avaaSubnav:hover {background:rgba(0,0,0,0.6);}
}

/****************************************************************************************************/


/*** SHOWCASE ***************************************************************************************/
#showcase { 
	margin-bottom:0px;
	position:relative;
	text-align:center;
	padding-top:0px;
}
#showcase .arkki {
	

}
#showcase h2, #showcase h3 { display:inline-block; clear:both; padding:15px 30px; margin:4px auto;}


#showcase .laatikot {margin-top:80px;}

@media (max-width:1139px) {
	#showcase {padding-top:80px;}
}

@media (max-width:800px) {
	#showcase {padding-top:40px;}
}

@media (max-width:640px) {
		#showcase h1, #showcase h3 {width:90%; padding:15px 0;}
		#showcase {padding:20px 0;}
		#showcase .laatikot {margin-top:20px;}
		#showcase .laatikko .kuva {display:none;}
		#showcase .laatikko .otsikko {margin:0 !important; padding:0;}
		
}
#scase {position:relative;}
/****************************************************************************************************/


/*** SISÄLTÖALUE ************************************************************************************/
#sisalto .arkki {

}
#sisalto .sisalto-body { padding:0px 0px; }
#sisalto { 
	position:relative; z-index:2000;
	background:#fff;
	-moz-box-shadow: 0px 0px 24px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 24px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 24px rgba(0,0,0,0.4);
}

/****************************************************************************************************/


/*** BOTTOM *****************************************************************************************/
#bottom .arkki {
	
}
#bottom .bottom-body { padding:0px; }
#bottom { margin-bottom:0px; }

/****************************************************************************************************/


/*** FOOTER *****************************************************************************************/
#footer .arkki {}
#footer .footer-body {padding:20px;}
#footer { margin-bottom:0px; 
-moz-box-shadow: 0px 0px 24px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 24px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 24px rgba(0,0,0,0.4);
	position:relative;
	z-index:2200;
}

/* Ikonit */
#footer a.call .icon-phone, #footer a.email .icon-envelope {
	background-image: url("../images/glyphicons-halflings-white.png") !important;
}

/* Efektit */
#footer .footer-fx1 {}
#footer .footer-fx2 {}


/** FOOTERIN TEKSTIT KESKELLE MOBIILISSA **/

@media (max-width:600px) {
	#footer, #footer a, #footer h2, #footer h3 {
		text-align:center;
	}	
}


/****************************************************************************************************/

/* Ikonit */
a.call .icon-phone, a.email .icon-envelope {
	margin-right:4px;
	
	/* Vaaleat ikonit */
	/*background-image: url("../../../images/glyphicons-halflings-white.png");*/
}

/* Isot click to call ja email -napit mobiiliin
	mobiilissa lisätään nappeihin automaattisesti
	luokat "nappi vari4 tayslevea huomio") */
a.call.nappi, a.email.nappi { padding:8px 5px; }
a.call.nappi .icon-phone, a.email.nappi .icon-envelope {
	background-image: url("../images/glyphicons-halflings-white.png");
	vertical-align:middle;
}
/****************************************************************************************************/


/*** LAATIKOT **************************************************************************************/

/***************************/
/* Laatikoiden pohja       */
/***************************/


	.laatikko.isolinkki:hover {
		-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.8);
		-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.8);
		box-shadow: 0px 0px 6px rgba(0,0,0,0.8);
	}
	
	/* Otsikot */
	.laatikko .otsikko h2 {
		position:relative;
		margin:0px;
		padding:8px 12px;
	}


/***************************/
/* Laatikko: Perus         */
/***************************/
	.laatikko.perus {
		-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
		-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
		box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
		position:relative; 
		border:5px solid transparent;
		padding:0px;
		background:none;
	}
	
	.laatikko.perus:hover {background:rgba(255,255,255,0.2);}

	.laatikko.perus .kuva {}
	
	.laatikko.perus .showhide {padding:15px;}
	.laatikko.perus.hasOtsikko .otsikko { border:0; margin:0;}
	.laatikko.perus.hasOtsikko .showhide {margin-top:0px;}
	
	
	.laatikko.perus .otsikko h2 {font-size:22px;margin:-15px;margin-bottom:10px; margin-bottom:0 !important; background:#000 !important; display:block !important;}
	.laatikko.perus .teksti {margin:15px 0;}
	

	.laatikko.perus a.nappi {
		font-size:22px;
		border-radius:0; 
		border:0; 
		padding:15px;
		-moz-box-shadow:0px 0px 0px #000;
		-webkit-box-shadow:0px 0px 0px #000;
		-o-box-shadow:0px 0px 0px #000;
		box-shadow:0px 0px 0px #000;
	}

	.laatikko.perus a.nappi span {display:none;}
	
	@media (max-width:800px) {
		#showcase .laatikot {margin-top:30px;}
		#showcase .laatikko.perus .kuva {height:140px; background-size:cover;}
		#showcase .otsikko {margin-top:140px; padding:10px;}
		#showcase .laatikko.perus .teksti { display:none;}
		#showcase .laatikko.perus .showhide {padding:0;}
		#showcase .laatikko.perus {font-size:13px;}
		#showcase .laatikko.perus .linkki {display:none;}
		
		.laatikko.perus a.nappi.call span, 
		.laatikko.perus a.nappi.email span {display:block;}
	}
	

/***************************/
/* Laatikko: Kuvaboksi     */
/***************************/
	.laatikko.kuvaboksi {
		-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
		-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
		box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
		
		margin-left:10px;
		margin-right:10px;
	}
	
	.laatikko.kuvaboksi .otsikko {position:absolute;top:15px; left:-10px; right:-10px;}
	.laatikko.kuvaboksi .linkki { 
		margin:0px 0px 0px -5px;
		padding-bottom:15px;
		width:95%;
	}
	
	.laatikko.kuvaboksi .teksti {
		padding:0 10px;
	}
	

/***************************/
/* Laatikko: Liukuteksti   */
/***************************/
	.laatikko.liukuteksti {
		-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
		-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
		box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
		
		margin-bottom:10px;
	}

	.laatikko.liukuteksti .teksti {
		margin:0px;
		padding:15px;
		
		/* Vaalea tausta ja tumma teksti */
		background:#fff;
		background:rgba(255,255,255,0.9);
		color:#333;
		
		/* Tumma tausta ja vaalea teksti */
		/*background:#000;
		background:rgba(0,0,0,0.7);
		color:#fff;*/
	}


	a.nappi.nostyle span {display:none;}
	a.nappi.nostyle {
		font-size:22px;
		border-radius:0; 
		border:0; 
		padding:15px 0;
		-moz-box-shadow:0px 0px 0px #000;
		-webkit-box-shadow:0px 0px 0px #000;
		-o-box-shadow:0px 0px 0px #000;
		box-shadow:0px 0px 0px #000;
	}

/*** LOMAKE *****************************************************************************************/

.lomake .lomake-rivi .lomake-otsikko {
	font-size:16px;
	line-height:18px;
}

/****************************************************************************************************/


/*** TUOTTEET ***************************************************************************************/



/* Tuotteen kuva tuotelistassa */
.tuotelista .tuote-kuva {
	width:100%;
	height:180px;	
}
/* Pienempi kuva, jos käytössä ei ole tuotekorttia */
.tuotelista.eikorttia .tuote-kuva {
	height:150px;
}

/* Tuotteen kuva tuotekortissa */
.tuotekortti .tuote-kuva {
	width:30%;
	float:right;
	height:200px;
	
	margin:0 0 20px 20px;
}

/****************************************************************************************************/

.laatikko.pallo {
	border-radius:50%;
	background-size: auto 100% !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	overflow:hidden;
	position:relative;	
	border:4px solid #fff;
	-moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4), 0px 0px 10px rgba(0,0,0,0.6); 
	-webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4), 0px 0px 10px rgba(0,0,0,0.6);
	box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4), 0px 0px 10px rgba(0,0,0,0.6);
	transform:scale(1.0);
}

.laatikko.pallo:hover {
	background-size:auto 110% !important;
	background-position:center !important;
	-moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4), 0px 0px 10px rgba(0,0,0,0.6); 
	-webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4), 0px 0px 10px rgba(0,0,0,0.6);
	box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4), 0px 0px 10px rgba(0,0,0,0.6);
	background-repeat:no-repeat !important;
	background-color:none !important;
	
	transform:scale(1.2);
	z-index:2000;
}

.laatikko.pallo .otsikko {
	background:#fff;
	position:absolute;
	top:50%;
	margin-top:-30px;
	height:60px;
	left:-10px; right:-10px;
	text-align:center;
	z-index:100;
	border-radius:3px;
	border:3px solid #fff;
	-moz-box-shadow:inset 0px 0px 0px 2px rgba(0,0,0,0.1); 
	-webkit-box-shadow:inset 0px 0px 0px 2px rgba(0,0,0,0.1);
	box-shadow:inset 0px 0px 0px 2px rgba(0,0,0,0.1);
}
.laatikko.pallo .showhide {position:relative;height:100%; background:rgba(0,0,0,0.5); opacity:0;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.laatikko.pallo:hover .showhide {opacity:1;}
.laatikko.pallo a.isolinkki {z-index:200;}
.laatikko.pallo .otsikko h2 {
	line-height:60px;
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-weight:900;
	font-size:20px;
}
.laatikko.pallo .linkki {position:absolute; top:50%; height:70px; margin-top:-35px; left:0; right:0;line-height:70px;}
.laatikko.pallo .linkki a.nappi {text-align:center; padding:0;
	color:#fff;
	font-weight:900;
	text-shadow:0px 0px 4px #000;
	font-size:18px;
	letter-spacing:-1px;
	text-transform:uppercase;
	-moz-box-shadow:0px 0px 0px #000;
	-webkit-box-shadow:0px 0px 0px #000;
	-o-box-shadow:0px 0px 0px #000;
	box-shadow:0px 0px 0px #000;
	border:0;
	background:none !important;
}
@media (max-width:800px) {
	.grid_3 .laatikko.pallo {width:80%; margin:0 auto;}
	#showcase .lista-rivi .grid_3 .laatikko.pallo {margin-left:20%;}
	#showcase .lista-rivi .grid_3:nth-child(2) .laatikko.pallo {margin-left:0;margin-right:20%;}
	#showcase .lista-rivi .grid_3:nth-child(4) .laatikko.pallo {margin-left:0;margin-right:20%;}
	.laatikko.pallo .showhide {opacity:1; background:none;}
}
@media (max-width:600px) {
	#showcase .laatikot .grid_3 {width:50% !important; margin:10px auto; float:left !important; display:inline-block;}
}
@media (max-width:460px) {
	.laatikko.pallo {width:95% !important; margin: 0 !important;}
}

.laatikko.hovertext {
	position:relative;
	background-size:Auto 100% !important;
	padding:10px;
	
}
.laatikko.hovertext .showhide { padding:20px; background:rgba(0,0,0,0.8);
color:#fff;
opacity:0;
-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	height:100%;
	display:block;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.laatikko.hovertext h2, .laatikko.hovertext a.nappi {color:#fff; border:0;}
.laatikko.hovertext a.nappi {padding:10px 0; text-align:center;}
.laatikko.hovertext:hover .showhide {opacity:1;}
.laatikko.hovertext .kuva {height:300px;}

.laatikko.hovertext.sym .vertical-center {position:relative; top:50%;}

/*** SLIDESHOW **************************************************************************************/

/* Sliderin korkeus eri resoluutioissa */
#vslider {height:880px;z-index:1;}
@media (max-width:1024px) {#vslider {height:750px;}}
@media (max-width:800px) {#vslider {height:auto; padding:0px;}}



#vslider #prev, #vslider #next {
	background:#555; /* Tämä on varmistus, jos selain ei tue rgba-muotoa */
	background:rgba(0,0,0,0.1);
}

#vslider #prev:hover, #vslider #next:hover {
	background:#222; /* Varmistus */
	background:rgba(0,0,0,0.2);
}

#vslider .slide-wrap {max-width:1140px; margin: 0 auto;}

#showcase .laatikot {position:relative;
z-index:1000;
}
#vslider .slide .teksti {margin-right:0 !important;padding-left:0 !important;}
#fixedNav {
top:0;


position:fixed;

	background-color:#fff; 
	
	margin-bottom:0px;
	-moz-box-shadow:0px 0px 20px #000;
	-webkit-box-shadow:0px 0px 20px #000;
	-o-box-shadow:0px 0px 20px #000;
	box-shadow:0px 0px 20px #000;
	padding-top:0px; 
	left:0;

	right:0;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	z-index:15000;

}
#fixedNav .top-body {max-width:1140px; margin:0 auto; display:none;}
#fixedNav #subnav {display:none;}
#fixedNav.fixed {
position:fixed;

-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#fixedNav.fixed .top-body, #fixedNav.fixed #subnav {display:block;}
#fixedNav .palstat {display:none;}

#top {opacity:1; position:relative; z-index:6000;}
#top.opa {opacity:0;}
.avaaSubnav {display:none;}
@media (max-width:600px) {
	
	.submenu {display:none;}
	.avaaSubnav {display:inline-block;}
	#fixedNav {display:none !important;}
	#top {top:0; left:0; right:0; z-index:4000;}
	.avaaNavi {
		height:50px; 
		width:50px; 
		position:fixed; top:10px; right:10px;
		border-radius:5px;
		-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
		-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
		box-shadow:0px 0px 10px rgba(0,0,0,0.5);
		z-index:5000;
		opacity:0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		background:#00903E url("../images/valikko.png") center no-repeat;
		background-size:70% Auto;
	}
	
	.avaaNavi.show {
		opacity:1;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
}



/****************************************************************************************************/


/*** NAVI ARKIN LEVYSEKSI ***/
/*
#top, #header .palstat, #fixedNav {max-width:1140px; margin:10px auto; }
#top {margin-top:10px;}
#header .logo {margin-left:20px;}
#fixedNav {margin-top:0;}
*/

/*** NAVI PYÖRISTYS ***/
/*
#top {border-radius:15px 15px 10px 10px; }
#header .palstat {border-radius:10px 10px 0px 0px;}
#fixedNav {border-radius:0px 0px 10px 10px;}
*/


#bottom .arkki, #bottom .rivi {max-width:100%; }


#copy .sitemap a, .copyright {color:#fff;}

#footer {color:#333;}




/**** TAUSTAVÄRIN VAIHTO ****/

#top, .laatikko.perus .showhide, #showcase h2, #showcase h3, .laatikko.perus .otsikko, .tarjouspallo:hover
{background-color:#fff;}

#subnav {
	background:rgba(0,0,0,0.1);
}

/**** VÄRI TUMMA TAI VAALEA ****/
#nav ul li.level1 > a, #showcase h3, .laatikko.perus, .laatikko.perus h2, #subnav ul li a, a.arrow:hover, a.arrow:hover:before
{color:#333;}


/**** PÄÄVÄRIN VAIHTO ****/

/* TAUSTAT */
.reittiHaku, #top .palstat, #footer, a.nappi, .avaaNavi, .submenu,
.valikko-koti a, .valikko-avaa a, .tarjouspallo
{background-color:#000;}

@media (max-width:600px) {
	.valikko-lista {background-color:#000;}
	.valikko-lista li.level1 a {color:#fff !important;}
	.submenu {displaY:none;}
}

#copy, a.nappi:hover {background:#222;}

a:hover {text-decoration:none;}

/* TEKSTIT */
#showcase h2, a, #footer h2, .tarjouspallo a:hover, #nav ul li.level1.current > a, a.arrow, a.arrow:before,
#nav li.level1 .submenu li:hover a
{color:#000;}

/* PÄÄVÄRIN POHJALLA OLEVAT TEKSTIT */
#header .palstat, #header .palstat a, #footer, #footer a, #footer h3, #footer h2, a.nappi, a.nappi:hover,
#nav li.level1 .submenu li a
{color:#fff;}


.tarjouspallo a:hover
{color:#000 !important;}



/*** KIKAT ***/

/* JOS ET KÄYTÄ SLIDERIA JA ON LAATIKOT SHOWCASESSA, OTA TÄMÄ POIS */

#showcase .laatikot {
	margin-top:0;
}
#showcase .arkki {padding-bottom:80px;}




/*** OMAT TYYLIT ************************************************************************************/

.laatikko.hovertext {overflow:hidden;}

.laatikko.perus .otsikko h2 {color:#fff !important; background:none !important;margin:0;}
.laatikko.perus .otsikko {background:#222 !important;position:Relative;
display:block; clear:both;
margin:-15px -15px 10px -15px !important;
}
.laatikko.perus .laatikko-content {padding:15px;}
.laatikot .laatikko.perus .otsikko {margin:0 !important;}
.laatikko.perus .showhide {padding:0;}
#fixedNav .logo {display:none;}
#showcase #vslider h2, #showcase #vslider h3 {background:none;
color:#fff;
font-weight:300;
text-shadow:0px 0px 10px #000;
}
#showcase #vslider h2 {font-size:60px; line-height:80px;}
#showcase #vslider h3 {font-size:40px; line-height:60px;} 
@media (min-width:600px) {
	.laatikko.perus .otsikko h2 {}
	.laatikko.perus .kuva, .laatikko.perus .teksti {display:block !important;}
	.laatikko.perus .laatikko-content {padding-bottom:10px;}
	.laatikot .laatikko.perus .otsikko h2 {position:relative; top:50%; transform:translateY(-50%);}
}
@media (max-width:600px) {
	#showcase .laatikot .grid_3 {width:100% !important;float:none !important; clear:both !important;margin:0;}
	.laatikko.perus {height:auto !important;}
	.laatikko h2 {margin-top:0;}
	.laatikko.perus .laatikko-content {padding-bottom:10px;}
	.laatikko.perus .kuva, .laatikko.perus .teksti {display:block !important;}
	.laatikko.pallo, .laatikko.hovertext {width:70% !important; margin:0 auto !important;}
}




/*******/
/* oma */
/*******/
body {background-size:cover;}
body.etusivu {background:none;}
.keskella {text-align:center;}
.btn-fat {display:inline-block; background:#1e407f; color:#fff; padding:10px 0; transition:all 300ms; width:97%; margin:0 1.5%;}

#sisalto a.email .icon-envelope {background-image: url("../images/glyphicons-halflings.png");}

a {color:#d11718;}

a.btn {display:inline-block; background:#d11718; padding:12px 10px; color:#fff; transition:all 300ms;}
a.btn:hover {background:#1e407f;}


h1 {font-size:32px; line-height:38px;}
h2 {font-size:24px; line-height:30px; text-transform:uppercase;}
h3 {font-size:21px; line-height:28px;}
h4 {font-size:15px; line-height:21px; font-style:italic;}
h5 {font-size:18px; line-height:22px; color:#d11718;}

#bottom h2,
#semisisalto .otsikko h2 {font-size:30px; line-height:34px;}

#content-top .laatikot h2,
.reunabar.uutiset h2,
#semisisalto h2,
#prebottom .boxi h2,
#footer h2 {font-size:18px; line-height:22px;}

h1+h5 {margin-top:-15px;}


.sivu179 #main-content, .sivu177 #main-content, .sivu178 #main-content{
	padding:0;
}

.sivu179 #content-bottom, .sivu177 #content-bottom, .sivu178 #content-bottom{
	padding-top:50px;
}


/* top */
#top {
	position:absolute;
	top:0;
	left:0;
	right:0;
	box-shadow:none;
	background:none;
}
#top .top-body {max-width:100%; margin:0;}
#top .palstat {background:#0084CE
;}
#header .grid_3.center {text-align:center;}
#header .grid_3.right {text-align:right;}
#header {width:100%; float:none; background:#fff;}
#header .arkki {}
#header .logo {margin:25px 0 15px 15px;}
.extratoppings {

    float: right;
    margin-top: 20px;
    right: 10px;
}
.extratoppings .somet {border:0px dashed green;}
.extratoppings .somet img {max-height:40px; margin-left:5px;}

#nav {width:100%; background:rgba(0,0,0,0.6); float:none; margin-top:-5px;}
#nav .arkki {margin:0 auto;}


#nav li.grid_custom {width:16.2%;}
#nav li.grid_custom.item1, #nav li.grid_custom.item154, #nav li.grid_custom.item125 {width:7%;}
#nav li.grid_custom.item88, #nav li.grid_custom.item166, #nav li.grid_custom.item137 {width:12%;}


#nav ul li.level1 > a {color:#fff; padding:12px 3px;}
#nav li.level1.current > a {background:#d0171c; text-decoration:none;}
#nav ul li.level1.current > a {color:#fff;}
	#nav li.level1 > a:hover {text-shadow:none; background:rgba(0,0,0,0.6);}
#fixedNav {display:none !important;}
	.submenu {background:#fff;}
	#nav li.level1 .submenu li a {color:#000;}
	#nav li.level1 .submenu li:hover a {color:#fff;}
	#nav .submenu li a:hover {background:#d11718;}



/* showcase */
#scase { min-height:200px;}
@media (max-width:1024px) {#scase { min-height:250px;}}
@media (max-width:900px) {#scase { min-height:250px;}}
@media (max-width:800px) {#scase { min-height:300px;}}
@media (max-width:700px) {#scase { min-height:300px;}}
@media (max-width:600px) {#scase { min-height:220px;}}

body.etusivu #scase {min-height:1px;}
#showcase .arkki {padding:0;}
#vslider .slide .tekstit {top:43%;}
#showcase h2,
#showcase h3 {padding:0 20px;}
#showcase #vslider h2 {font-size:50px; line-height:58px; text-shadow:0 0 10px #000;}
#showcase #vslider h3 {font-size:28px; line-height:36px; font-weight:300; font-style:italic; text-shadow:0 0 10px #000, 0 0 25px #000;}



/* sisalto */
#sisalto {box-shadow:none;}
#sisalto .arkki {background:none;}
#sisalto .sisalto-body {padding:0px 0px;}
#content-top .laatikot {
	background:none;
	margin:-250px 0 0;
	color:#fff;
	/*padding:40px 30px 20px;*/
	border-radius:20px 20px 0 0;
}
#content-top .laatikot .laatikko-content {margin-bottom:20px; padding:18px; background:#d11718; border-radius:0px 20px 0 20px;}
#content-top .laatikot img {max-height:170px; margin-bottom:10px; border-radius:0px 20px 0 20px;}
#content-top .laatikot h2 {color:#fff; font-size:20px;}
#content-top .laatikot .laatikko .nappi {
	background:none;
	box-shadow:none;
	border:0;
	border-radius:0;
	padding:0;
	text-align:center;
	text-decoration:underline;
}
.laatikko.isolinkki:hover {box-shadow:none; background:none;}
	body.etusivu #sisalto .sisalto-body {padding:50px 10px 0;}
	body.etusivu #sisalto #main-content {position:relative;}
	body.etusivu #sisalto #content .pad {padding:20px 25px 50px 10px;}
	body.etusivu #sisalto #right {
		background:url("../modern/images/bg-maincont-.html");
		background-size:cover;
		background-position:center center;
		/*position:absolute;*/
		right:0;
		top:0;
		bottom:0;
	}
	.extralogot {background:rgba(255,255,255,0.75); position:absolute; bottom:70px; left:30px; right:30px;}
	.extralogot p {margin:0; text-align:center; padding:15px;}
	.extralogot img {max-height:100px;}

	/*uutiset -sivu*/
	.bignews.uutiset .uutisotsikko {margin:0 0 15px;}
	.bignews.uutiset .uutisotsikko h1 {margin:0 0 10px;}
	.bignews.uutiset p.uutispaiva {margin:0; color:#aaa;}
	
	.reunabar .uutinen h2 {margin:0 0 5px;}
	.reunabar .uutinen .paivamaara {margin:0 0 10px; float:none; width:100%; text-align:left; color:#aaa;}
	.reunabar .uutinen .johdanto {margin:0 0 15px;}
	.reunabar .uutinen .luelisaa {margin:0 0 15px; float:none; width:100%;}
	.reunabar hr {margin:0 0 15px;}
	




/* semisisalto */ 
#semisisalto {
	background:url("../modern/images/bg-semisisalto.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#f0f0f0;
	overflow:auto;
	padding:60px 0 50px;
}
#semisisalto .otsikko {padding:0 10px 20px;}
#semisisalto .laatikko.uutiset {overflow:auto; margin-bottom:20px;}
#semisisalto .laatikko.uutiset .grid_4 .uutinen {padding:0 20px;}
.frontti.uutiset h2 {margin:0 0 5px;}
.frontti.uutiset .paivamaara {float:none; width:100%; text-align:left; margin:0 0 10px; color:#888;}
.frontti.uutiset .johdanto {margin:0 0 12px;}
.frontti.uutiset .luelisaa {margin:0;}
#semisisalto .btn-fat {margin-top:20px;}



/* prebottom */
#prebottom {
	background:url("../modern/images/bg-prebottom.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#555;
	margin-bottom:-2px;
}
#prebottom .laatikot {padding:320px 10px 30px;}
#prebottom .laatikot .grid_6 .pad {padding:0;}
#prebottom .laatikot .laatikko {height:auto !important; background:#fff; overflow:auto;}
#prebottom .laatikko .laatikko-content {margin:0; padding:20px; overflow:auto;}
p.boxikon {float:left; margin:0 20px 0 0;}
p.boxikon img {max-height:80px;}
#prebottom .laatikko.boxi h2 {color:#d11718;}
#prebottom .laatikko.boxi h4 {margin:0;}
#prebottom .laatikko.boxi.reddis {background:#d11718;}
#prebottom .laatikko.boxi.reddis h2,
#prebottom .laatikko.boxi.reddis h4 {color:#fff;} 




/* bottom */
#bottom {
	background:url("../modern/images/bg-bottom.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#1e407f;
	overflow:auto;
	background-size:cover;
	color:#fff;
}
#bottom .arkki {background:none; max-width:1140px; margin:0 auto;}
#bottom .rivi > div {text-align:center; padding:60px 80px 50px;}
#bottom h2 {color:#fff;}
#bottom h2 a {color:#73a2f0; text-decoration:underline;}
#bottom h3 {color:#73a2f0;}
	
	body.otayhteytta #bottom .arkki {max-width:100%;}
	body.otayhteytta #bottom .rivi > div {text-align:center; padding:0;}
	
	body.etusivu #prebottom .arkki {max-width:100%;}
	body.etusivu #prebottom .rivi > div {text-align:center; padding:0;}


/* footer+copy */
#footer {
	background:url("../modern/images/bg-footer.jpg");
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#171717;
	box-shadow:none;
}
#footer .footer-body {padding:70px 20px 60px;}
#footer .foot-firma img {max-height:26px; margin:0 5px 0 0;}
#footer .foot-firma h2 img {max-height:50px; margin-bottom:5px;}
#footer .foot-info a {color:#777; font-weight:normal;}
#footer .foot-info a:hover {color:#fff;}
#copy {background:#d11718;}
.sitemap,
.copyright,
.sitemap a {color:#fff;}


/* table */
table.aliko {width:100%; margin:0 0 40px;}
table.aliko td {padding:8px; border:1px solid #ddd;}
table.ekarivi tr:first-child {background:#eee; font-weight:bold;}
table.ekasolu td:first-child {background:#eee;}



/*resp*/
@media (max-width:1139px) {
	#header .logo p {text-align:left;}
	#showcase {padding-top:0;}
	#header .logo {margin:25px 0 15px;}
	#header .logo p {padding-left:15px;}
}
@media (max-width:1024px) {
	#nav ul li.level1 a {font-size:14px !important;}
	#content-top .laatikot {padding:10px 10px; margin:-200px 0 0;}
	#content-top .laatikot img {max-height:120px;}
	#content-top .laatikot h2 {color:#fff; font-size:16px;}
	#showcase #vslider h2 {font-size:40px; line-height:50px; margin-top:50px;}
	#showcase #vslider h3 {font-size:24px; line-height:30px; }
}
@media (max-width:940px) {
	#nav {margin-top:-7px;}
	#nav li.grid_custom {width:24.75% !important;}
	#nav ul li.level1 > a {padding:8px 2px;}
}
@media (max-width:800px) {
	h1 { font-size:26px; line-height:32px;}
	h2 { font-size:21px; line-height:28px;}
	h3 { font-size:18px; line-height:24px;}
	h5 { font-size:16px; line-height:21px;}
	
	#bottom h2,
	#semisisalto .otsikko h2 { font-size:26px; line-height:32px;}
	
	#content-top .laatikot h2,
	.reunabar.uutiset h2,
	#semisisalto h2,
	#prebottom .boxi h2,
	#footer h2 { font-size:16px; line-height:21px;}

	#header .palstat .gridi.grid_3.right {width:100% !important;}
	
	#showcase #vslider {padding:340px 0 115px;}
	#showcase #vslider h2 {font-size:40px; line-height:50px; }
	#showcase #vslider h3 {font-size:24px; line-height:30px; }
	
	#content-top .laatikot {margin:-100px 0 0;}

	body.etusivu #sisalto #content .pad {padding:60px 20px 40px;}
	body.etusivu #sisalto #right {display:none;}
	#semisisalto .frontti.uutiset .grid_4 { border-bottom:1px solid #ccc; overflow:auto; padding-bottom:12px; margin-bottom:12px;}
	#prebottom .laatikot {padding:60px 10px 60px;}
	#bottom .rivi > div {text-align:center; padding:40px 20px 30px;}
	#footer .footer-body {padding:40px 20px 30px;}
}
@media (max-width:660px) {
	a.nappi.call,
	a.nappi.email {background:#5A0000;}
	a.nappi.call .huomio-nuoli,
	a.nappi.email .huomio-nuoli {display:none;}	
	
	#sisalto a.email .icon-envelope {background-image: url("../images/glyphicons-halflings-white.png");}
}
@media (max-width:600px) {
	h1 { font-size:24px; line-height:30px;}
	h2 { font-size:20px; line-height:26px;}
	h3 { font-size:18px; line-height:24px;}
	h5 { font-size:16px; line-height:21px;}
	
	#bottom h2,
	#semisisalto .otsikko h2 { font-size:24px; line-height:30px;}
	
	#content-top .laatikot h2,
	.reunabar.uutiset h2,
	#semisisalto h2,
	#prebottom .boxi h2,
	#footer h2 { font-size:15px; line-height:20px;}
	
	#top .palstat {background:#d11718;}
	#header .logo { max-width: 96%; width: 96%; margin: 25px 2% 15px; }
	#header .logo p {text-align:center;}
	#header .logo p img {max-height:100px;}
	.extratoppings {display:none;}
	#nav {background:#fff;}
	.valikko-koti a,
	.valikko-avaa a,
	.avaaNavi {background-color:#d11718;}
	.takaisinylos a.nappi {background-color:#5A0000;}
	.valikko-lista {background-color:#fff;}
	.valikko-lista li.level1 a {color:#000 !important;}
	#nav ul li.grid_custom {width:auto !important;}
	#nav ul li.level1 > a {font-family:arial, serif;}
	#nav ul li.level1 a { font-size: 16px !important;}
	#nav li.level1.current > a {background:#f3f3f3;}
	.avaaSubnav {background:rgba(0,0,0,0.15);}
	#nav .submenu li a:hover {background:#f3f3f3 !important;}
	#nav li.level1.hasSubItems {color: #000 !important;}
	.valikko-avaa.avattu .icon-th-list {background-image: url("../images/glyphicons-halflings-white.png") !important;}
	.valikko-avaa.avattu a {color:#fff !important;}
	
	.peitto p {font-size:24px;}

	#showcase {padding:0;}
	#showcase #vslider {padding:150px 0 80px;}
	#showcase #vslider h2 {font-size:28px; line-height:34px; }
	#showcase #vslider h3 {font-size:20px; line-height:27px; }	

	#content-top .laatikot {display:none;}
	#prebottom {display:none;}	
}

#bottom a {color: #fff !important; text-decoration:none !important;}
#prebottom .reddis a {color: #fff !important;}

/* EN */
.sivu154 #sisalto .laatikko.boxi.reddis {background:#d11718; padding:10px 10px 20px 10px;}
/* RU */
.sivu125 #sisalto .laatikko.boxi.reddis {background:#d11718; padding:10px 10px 30px 10px;}
/* FI */
.sivu1 #sisalto .laatikko.boxi.reddis {background:#d11718; padding:10px 10px 10px 10px;}
#sisalto .laatikko.boxi.reddis h2,
#sisalto .laatikko.boxi.reddis h4 {color:#fff;} 
#sisalto .reddis a {color: #fff !important; }

#sisalto .laatikko.boxi.white {background:#fff; padding:10px 10px 20px 10px;}
.sivu1 #sisalto .laatikko.boxi.white {background:#fff; padding:10px 10px 10px 10px;}
#sisalto .laatikko.boxi.white h2,
#sisalto .laatikko.boxi.white h4 {color:#d11718;} 
#sisalto .white a {color: #d11718 !important; }

#nav .submenu li a {padding-left:10px!important;}

.logot2 img {display:inline-block; vertical-align: middle; max-height:85px; padding:10px; }
.logot2 {text-align:center;}

@media (max-width:600px) {
.etusivu #showcase .arkki {padding: 100px 0px !important;}
.etusivu #sisalto {margin-top: -100px !important;}

}

.etusivu #sisalto a.email .icon-envelope {
    background-image: url("../images/glyphicons-halflings.png");
}

@media (max-width:790px) {
table.hajoita, table.hajoita tbody, table.hajoita tr, table.hajoita td {
    display: block;
    float: none;
    clear: both;
    width: auto !important;
}}

.etusivu #sisalto {
	background:url("../modern/images/bg-sisalto2.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

#sisalto .arkki {max-width:100%;}
body:not(.etusivu) #content-top .rivi {max-width:1140px; margin:0 auto;}
body:not(.etusivu) #content-top {max-width:100%; 
				background:#9fd1d0;
				padding: 0px;
			}
				
				
@media (max-width: 1024px) { 
#content-top {max-width:100%; padding: 0px; }

}

#main-content {padding: 60px 10px;}
#content-bottom {padding: 40px 10px;}


@media (max-width:800px) {

table.res tr td {display:block; font-size:12px;text-align:center;border:0;background:none !important;padding:0;}
table.res tr:nth-child(1) {display:none;}
table.res tr {border:2px solid #eee;display:block; overflow:auto;}
table.res tr:nth-child(odd) {background:#eee;}
table.res tr td:nth-child(1) {font-weight:700; font-size:15px !important;padding-top:15px;padding-bottom:7px;display:block; width:100%;}

table.res tr td+td {width:50% !important; display:inline-block; padding:0 !important; float:left; clear:none;}

table.res tr td:last-child {padding-bottom:15px;}
table.res tr td:before {font-weight:700;}
table.res tr td:nth-child(2):before {content:'Särmäysleveys, mm'; display:block;}
table.res tr td:nth-child(3):before {content:'Puristusvoima, tn'; display:block;}
table.res tr td:nth-child(4):before {content:'Päätyväli, mm'; display:block;}
table.res tr td:nth-child(5):before {content:'Kitakorkeus, mm'; display:block;}
table.res tr td:nth-child(6):before {content:'Kitasyvyys, mm'; display:block;}
table.res tr td:nth-child(7):before {content:'Iskun pituus,mm'; display:block;}

}

@media (max-width:400px) {
	table.res tr td+td {width:100% !important; display:block; padding:0 !important; float:none; clear:both;}

}

ul.referenssit {overflow:auto;}
ul.referenssit li {
	list-style-type:none;
	float:left;
	height:100px;
	width:32.33%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	margin:0.5%;
	border:1px solid #eee;
	position:relative;
}

ul.referenssit li img {max-height:80%; max-width:80%; 
position:absolute;
top:50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

ul.referenssit li a {
/*display:block;*/
height:100%;
}

ul.referenssit li:hover {
	border:4px solid #ccc;
}

@media (max-width:480px) {
	ul.referenssit li {width:49%;}
}

#vslider .slide .taustakuva {
    position: absolute;
    top: 100px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


.extratoppings h2 {font-weight:300;}

@media (max-width:800px) {.extratoppings {display:none;}}


.kielivalinta {
	float:right;
	clear:both;
	margin-top:-40px;
}
.kielivalinta a {margin:0px 5px;}
.kielivalinta a:last-child {margin-right:0;}
.kielivalinta img {max-height:20px;}


#vslider .slide .taustakuva {background-color:#c3e3e2; /*background-size: auto 100%;*/}

@media (max-width:1024px) {
	#vslider .slide .taustakuva {background-position: center 70px;}
	#footer .lista-rivi .gridi:nth-child(2) {display:none;}
	#footer .lista-rivi .gridi {width:25% !important;}
}

@media (max-width:950px) {
	#header .logo img {max-width:350px;}
	#header .logo {margin:30px 0 30px 15px;}
	#vslider .slide .taustakuva {background-position: center 50px;}
	.extratoppings .somet {font-size:17px !important; line-height:20px;}

	body[lang=ru] #nav ul li.level1 {width:25% !important;}
	body[lang=ru] #nav ul li.level1 a {padding-left:25px !important; padding-right:25px !important;}
}

@media (max-width:800px) {
	.kielivalinta {margin-top:-60px;}
	#header .logo {margin-bottom:5px;margin-top:18px;}
	#vslider .slide .taustakuva {background-position: center 70px;}
	#footer .lista-rivi .gridi {width:33.33%!important;}
	#footer .lista-rivi .gridi:nth-child(1) {
		width:100% !important; 
		text-align:CenteR;
	}
	
}

@media (max-width:600px) {
	#vslider .slide .taustakuva {background-position: center 50px;}
	#header .logo p {padding:0; text-align:centeR;}
	#header .logo img {max-width:90%;}
	#header .logo {margin-left:0;margin-right:0;margin-top:10px;max-width:100%; width:100%; text-align:CenteR;}
	.kielivalinta {float:left;text-align:center; width:100%; display:block;margin-top:0px; margin-bottom:10px;}

	#footer .lista-rivi .gridi {width:100% !important;}
	body[lang=ru] #nav ul li.level1 {width:100% !important;}
}

div.pagination span a, div.pagination span.curPage strong {background-color: #000 !important; color: #fff;}

/*********** TAIVUTUSTAULUKKO   *****/

.suureet div {
	overflow:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px;
	background:#eee;
	margin-bottom:0px;
}
.suureet .arvot {background:#222;}
.suureet span {
	display:inline-block;
	float:left;
	padding:10px;
	width:15.66%;
	margin:0.5%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:Center;
	background:#fff;
	color:#aaa;
	font-size:10px;
}
.suureet span strong {display:block; color:#000; font-size:13px;}
.suureet input {
	display:block;
	width:100%;
	text-align:center;
	padding:5px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:5px;
	font-size:14px;
}
.arvot > span {width:32.33% !important;}
.luku {width:100% !important; display:block !important;padding:0 !important;margin-top:5px!important; border:0 !important; font-size:24px !important; font-weight:bold; color:#0084CE
 !important;}

.taivutus {
	background:url("../images/taivutus.jpg") center no-repeat;
	background-size: 550px auto;
	height:600px;
	position:relative;
	font-size:13px;
	line-height:12px;
	font-weight:bold;
}
.taivutus span strong {margin-left:0px;font-weight:normal;}
.taivutusvoima-f {
	color:#fff;
	background:#0084CE
;
	overflow:auto;
	display:inline-block;
	text-align:center;
	padding:6px 8px;
	position:absolute;
	left:47.5%;
	top:28%;
}
.sisapituus-b {
	color:#fff;
	background:#0084CE
;
	overflow:auto;
	display:inline-block;
	text-align:center;
	padding:6px 8px;
	position:absolute;
	left:56%;
	top:45%;
}
.sisasade-ri {
	color:#fff;
	background:#0084CE
;
	overflow:auto;
	display:inline-block;
	text-align:center;
	padding:6px 8px;
	position:absolute;
	left:54%;
	top:56%;
}
.kulma-a {
	color:#222;
	background:#ccc;
	overflow:auto;
	display:inline-block;
	text-align:center;
	padding:6px 8px;
	position:absolute;
	left:34%;
	top:24%;
}
.sade-r {
	color:#222;
	background:#ccc;
	overflow:auto;
	display:inline-block;
	text-align:center;
	padding:6px 8px;
	position:absolute;
	left:43%;
	top:51%;
}
.paksuus-s {
	color:#222;
	background:#ccc;
	overflow:auto;
	display:inline-block;
	text-align:center;
	padding:6px 8px;
	position:absolute;
	left:83%;
	top:38%;
}
.vaukko-v {
	color:#222;
	background:#ccc;
	overflow:auto;
	display:inline-block;
	text-align:center;
	padding:6px 8px;
	position:absolute;
	left:48.5%;
	top:78%;
}

.materiaalit {width:100%;font-size:12px;line-height:12px;}
.materiaalit tr:nth-child(odd) {
	background:rgba(0,0,0,0.05);
}
.materiaalit tr:first-child {font-weight:bold; font-size:14px;line-height:18px;}
.materiaalit td {padding:5px 5px;}


@media (max-width:800px) {
	.suureet span {

		width:32.33%;

	}
}

@media (max-width:600px) {
	.taivutus {background-size: 400px auto;height:400px;}
	.vaukko-v {top:80%;}
}

@media (max-width:540px) {
	.suureet span {

		width:49%;

	}
	.arvot > span {

		width:99% !important;

	}
	
	.taivutus {
		background-size: 300px auto;
	}
	.vaukko-v {top:70%; left:46%;}
	
}

@media (max-width:420px) {
	.suureet span {

		width:99%;

	}
	.arvot > span {

		width:99% !important;

	}
}

/* ETUSIVUN UUTISNOSTOT SLAIKAN PÄÄLLE */
.laatikko-wrapper {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
    position: absolute;
    top: 53%;
    left: 0;
	right: 0;
    transform: translateY(-50%);
    z-index:999;	
}

#showcase .laatikko.frontti.uutiset {

    width: 45%;
	padding: 1rem;
    background: #0084CE
;
    box-sizing: border-box;
	margin-bottom: 0;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
}


#showcase .laatikko.frontti.uutiset h2 {
	background: none;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
	padding: 0;
}

#showcase .laatikko.frontti.uutiset h2.ajankohtaista {
	font-size: 1.6rem;
}

#showcase .laatikko.frontti.uutiset .laatikko-content {
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	background: #fff;
	margin: 1rem;
	padding: 0.5rem;
	text-align: left;
	z-index:999;
}

#vslider .slide .tekstit {
	left: initial;
	right: 0;
	top: 52%;
	transform: translateY(-50%);
	width: 55% !important;
}

@media (max-width:1024px) {
	#vslider #prev, #vslider #next {z-index: 999999;}
	
	#vslider .slide-wrap {
		word-break: break-word;
		max-width: 100%;
	}
	
	.laatikko-wrapper {top: 63%;}
	#content-top .laatikot {margin: -115px 0 0;}
}


@media (max-width:940px) {
	#vslider .slide .tekstit,
	.laatikko-wrapper {top: 67%;}
	
	#content-top .laatikot {margin: -70px 0 0;}
}

@media (max-width:800px) {
	#vslider .slide .taustakuva {background-position: center center;}
	#showcase #vslider h2 {margin-top: 0;}
	#showcase #vslider {padding-bottom: 0;}
	.laatikko-wrapper {
		position: static;
		width: 100%;
		max-width: 100%;
		padding: 1rem;
		box-sizing: border-box;
		top: initial;
		transform: none;
	}
	
	#vslider .slide .tekstit {
		width: 100% !important;
		transform: none;
	}
	#showcase .laatikko.frontti.uutiset {width: 100%;}
	
}

@media (max-width:600px) {
	#showcase #vslider {padding-top: 230px;}
}

iframe {margin-bottom:-4px;}