/*
	pattern template.css
	
	Versio 2
	
	(c) Vilperi Oy
*/

/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,
sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td {border:0;margin:0;padding:0}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,
sectioFn,video,object {display:block}
a img{border:0}
figure{position:relative}
figure img{width:100%}

/* Taustakuva, taustaväri & leipätekstin fontti ja väri */
body {
	font:normal normal 14px Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#333;
	background-color:#fff; /* Taustaväri */
	
	padding:0px;
	margin:0px;
}

/* Mobiilitausta */
@media handheld, only screen and (max-width: 1024px) {
	body {
		background-image:url(../images/tausta.jpg);
		background-position:top center;
		background-repeat:no-repeat;
		
		background-size:100% auto;
	}
}
/* Normaali tausta */
@media only screen and (min-width: 1025px) {
	body {
		background-image:url(../images/tausta.jpg);
		background-position:top center;
		background-repeat:no-repeat;
	}
}


* {margin:0px;padding:0px;font-size:100%;font-style:inherit;font-weight:inherit;vertical-align: baseline;}
html, body { width:100%; }
html { height:100%; overflow:auto; overflow-y:scroll; }
a img {border-width:0px;}
table {border-collapse:collapse;border-spacing:0;}


/********** FONTIT, OTSIKOT YMS **********/

/* Otsikko- yms erikoisfontti */
h1, h2, h3, h4, h5, h6, #nav ul li.level1 > a, .valikko-koti a, .valikko-avaa a,
.nappi, a.nappi, div.pagination span a, div.pagination span strong, #nav ul li.level1.viimeinen a {
	font-family:'Fjalla One', sans-serif;
}

/* Otsikot */
h1, h2 { text-transform:uppercase !important; } /* Otsikot isoilla kirjaimilla */
h1 {
	font-size: 35px;
	line-height:40px;
	font-weight:400;
	color:#395B8B;

}
h2 {
	font-size: 24px;
	line-height:30px;
	font-weight:400;
	color:#C31F1D;
}
h3 {
	font-size: 24px;
	line-height:30px;
	font-weight:400;
	color:#555;
}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}

.laatikko .otsikko h2 {font-size:20px !important;}

#right h2, #left h2, #footer h2 { margin-top:0px; }
h1:last-child { margin-bottom:10px; }

/* Valikko */
#nav ul li.level1 > a, .valikko-koti a, .valikko-avaa a { 
	font-weight:500;
	font-size:15px;
	font-family:'Dosis',sans-serif;
	
}

/* Napit, sivutus yms */
.nappi, a.nappi, div.pagination span a, div.pagination span strong, #nav ul li.level1.viimeinen a {
	font-weight:400;
	font-size:17px;
	text-transform:uppercase;
}

.laatikko.perus .nappi, .laatikko.perus a.nappi {font-size:14px;padding:8px 10px !important;}

/* Otsikot ja napit 480px leveällä näytöllä ja pienemmillä */
@media handheld and (max-width: 480px), only screen and (max-width: 480px) {
	h1 { font-size:32px; line-height:32px; }
	h2 { font-size:24px; line-height:24px; }
	h3 { font-size:18px; line-height:20px; }
	h1,h2,h3,#nav ul li.level1 > a, .valikko-koti a, .valikko-avaa a,
	.nappi, a.nappi, div.pagination span a, div.pagination span strong, #nav ul li.level1.viimeinen a {
		
	}
}
/*****************************************/


/* Linkit */
a, a:visited, .eml {
	color:#005e8a;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:underline;}
h2 a { font-weight:400; }
h3 a { font-weight:400; }

/* Marginit ja muut yleiset */
ol {list-style: decimal;}
ul {list-style: disc;}
li {margin-left: 30px;}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,iframe {margin-bottom: 20px;}
ul+ul { margin-top:0px; }
h2,h3 { margin-top:30px; margin-bottom:10px; }
p + ul {margin-top:-10px;}
h1+h2, h1+h3 { margin-top:-10px !important; }
h2+h3 { margin-top:0px; }
h2:first-child, h3:first-child { margin-top:0px; }
strong, b {font-weight:bold;}
em, i {font-style:italic;}
hr { border:0px; border-top:1px dotted #aaa; }
td { vertical-align:top; }



/************************************************************************************************************************/
/*** VÄRIT **************************************************************************************************************/
/************************************************************************************************************************/

/* Navi */
#nav { background-color:#182F4E; }
#nav ul li.level1 > a, .valikko-koti a, .valikko-avaa a {
	/* Navin linkkien väri */
	color:#fff;
}

/* Dropdown */
#nav .submenu { background-color:#fff; } /* Taustaväri */
#nav .submenu li > a { color:#333; } /* Linkkien väri */
#nav .submenu li > a:hover { background-color:#176ac7; } /* Hoverin taustaväri */

/* Subnavi */
#subnav li a {
	color:#fff;
	border-left:1px solid rgba(255,255,255,0.3);
}

/* Left navi */
#left ul.menu li a { color:#fff; }

/* Showcase */
#showcase .arkki {  }

/* Sisältöalue */
#sisalto .arkki {  }

/* Bottom */
#bottom .arkki { background-color:#fff; }

/* Footer */
#footer .arkki { }
#footer { color:#fff; } /* Teksti */
#footer a { color:#fff; } /* Linkit */
#footer h2, #footer h3 { color:#fff; text-transform:none; } /* Otsikot */
.copy { color:#fff; } /* Copyright-teksti */


/*** Laatikoiden värit ***/
/* Laatikko: Perus */
.laatikko.perus {  } /* Taustaväri */
.laatikko.perus.isolinkki:hover { background:#eee; } /* Taustaväri kun hiiri on kohdalla */

/* Kuvalaatikko */
.kuvalaatikko-content { background:#fff;

border:8px solid #115296;

} /* Kuvalaatikon taustaväri */

@media (max-width:600px) {
	.kuvalaatikko-content {border:3px solid #115296;}
}

/* Kuvalaatikko: Liuku */
.kuvalaatikko.liuku .teksti {
	/* 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;*/
}
/************************/


/* Napit ja laatikon perustyylin otsikot */
.nappi, a.nappi, div.pagination span a, div.pagination span strong {
	/* Default nappi */
	background-color:#047ec4;
	color:#fff !important;
}
.nappi.vari2, a.nappi.vari2, div.pagination span.curPage strong, .laatikko.perus.laatikko-vari2 .otsikko h2 {
	/* Väri 2 ja sivutuksen sivu, jolla ollaan */
	background-color:#44ca08;
	color:#fff !important;
}
.nappi.vari3, a.nappi.vari3, .laatikko.perus.laatikko-vari3 .otsikko h2 {
	/* Väri 3 */
	background-color:#f6f6f6;
	color:#333 !important;
}
.nappi.vari4, a.nappi.vari4, #nav ul li.level1.viimeinen, .laatikko.perus.laatikko-vari4 .otsikko h2 {
	/* Väri 4 ja navin viimeinen linkki */
	background-color:#38a306; }
.nappi.vari4, a.nappi.vari4, #nav ul li.level1.viimeinen a, .laatikko.perus.laatikko-vari4 .otsikko h2 { 
	color:#fff !important;
}

/* Click to call -nappi tietokoneella katsottuna */
a.call { color:#333; }

/* Lomake */
.lomake .lomake-rivi {
	/* Yksi lomakkeen rivi */
	background:rgba(255,255,255,0.2);
	border:1px solid #fff;
}
.lomake .lomake-rivi:hover { /* Lomakkeen rivin hover */
	background:rgba(255,255,255,0.2);
}
.lomake .Required { color:#a00; } /* Vaaditun kentän *-merkki */
.lomake input, .lomake textarea, .googlemaps #reittiAlku {
	/* Tekstikentät */
	background:#fdfdfd;
	border:1px solid #aaa;
	color:#333;
}
.lomake select, .lomake option {
	/* Dropdown */
	background:#fff;
	border:1px solid #aaa;
	color:#333;
}
.lomake input:focus, .lomake textarea:focus, .lomake input:active, .lomake textarea:active,
.googlemaps #reittiAlku:focus, .googlemaps #reittiAlku:active {
	/* Tekstikenttä aktiivisena */
	border:1px solid #444;
	background:#fff;
}
.formRequiredNotice, .formRequiredList { color:#900; } /* Varoitus kentän täyttämättä jättämisestä */

/* Uutiset */
.uutinen .paivamaara, p.uutispaiva { color:#555; } /* Uutisen päivämäärä */

/* Taulukot */
table.perus td { border:1px solid #ccc; } /* Perustyyli */

table.ekarivi tr+tr+tr, table.ekasolu td:first-child { background:#eee; } /* Ekan rivin ja solun väritykset */
table.vikarivi tr:last-child, table.vikasolu td:last-child { background:#ddd; } /* Vikan rivin ja solun väritykset */

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




/*** HEADER *****************************************************************************************/
#header .header-body {position:relative;}
#header .logo p {
	margin:0px; 
	text-align:left; /* Logon sijainti */
}

/* Logo */
#header .logo { margin-top:40px; float:left; max-width:70%; margin-left:2%;margin-bottom:30px;}
@media (max-width:640px) {
#header .logo {margin-top:20px;}
}
/* Tarjouspallo */
#header .tarjouspallo { margin-top:0px; float:right;margin-right:5%; max-width:25%;  }
#header .tarjouspallo p { margin:0px; }

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

/* Responsiivinen logo ja tarjouspallo:
	- Tarjouspallo pois
	- Logo täysleveäksi ja keskitetyksi
*/
@media handheld and (max-width: 480px), only screen and (max-width: 480px) {
	#header .logo { max-width:96%; margin:0 2%; margin-top:20px;}
	#header .logo p { text-align:center; }
	#header .logo img { width:100%; }
}




@media handheld and (max-width: 890px), only screen and (max-width: 890px) {
	#header .tarjouspallo { display:none; }
	#header .logo {max-width:96%; text-align:Center;}
	#header .logo p {text-align:center !important;float:none !important;}
	#nav li.level1.grid_custom {width:33%;}
}
/****************************************************************************************************/

#header {border-top:4px solid #176393;}

/*** NAVI *******************************************************************************************/
#nav {
	background-image:url(../images/navi.jpg);
	background-position:  center;
	background-repeat:repeat-x;
	
	margin-bottom:10px;
	
	border-top:2px solid #1c86c9;
	border-bottom:2px solid #1c86c9;
	
	position:relative; z-index:10001;
}

#nav .nav-body {
	padding:8px;
}

/* Navin efektit */
#nav .nav-fx1 {

}
#nav .nav-fx2 {

}

/* Navi */
#nav ul.menu {margin:0px;padding:0px;padding:5px 0;}
#nav ul li.level1 > a {line-height:normal !important;}
@media (min-width:640px) {
#nav ul li.level1 {
	margin:0px;
	padding:0px;
	margin-top:10px;
	list-style:none;
	text-align:center;
	border-left:1px solid #8fbf20;
	vertical-align:middle;
	height:14px;
	position:relative;
	margin-bottom:10px;
}
}
#nav ul li.level1:first-child {border-left:0;}

@media (min-width:640px) {

#nav ul li.level1 > a, .valikko-koti a, .valikko-avaa a { 
	display:block;
	
	padding:15px 0px;
	font-family:'Fjalla One',sans-serif;
	text-transform:uppercase;
	font-size:14px;
	text-align:center;	
	margin-top:-19px !important;
	position:relative;
	z-index:10000;
	background:transparent;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
}

@media (max-width:640px) {
#nav ul li.level1 > a {padding:8px 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;
}
#nav li.level1:hover > a {
	background:rgba(255,255,255,0.1);
}
#nav li.level1 span {padding:8px 16px;}
/* Aktiivinen sivu */

#nav li.level1.current {border:0 !important;}

#nav li.level1.current span {

	/*background:rgb(0,0,0);
	background:rgba(0,0,0,0.1);*/
	background:url(../images/active.jpg) center repeat-x;
	text-decoration:none;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px rgba(0,0,0,1);
}
@media (max-width:1150px) {
	#nav ul li.level1 a {font-size:13px !important;}
	#nav ul li.level1 a span {padding:0 10px !important;}
	#nav li.level1.current span {
	background:none !important;
	text-decoration:none;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 0px rgba(0,0,0,1);
	
	}
	#nav li.level1.current {

	/*background:rgb(0,0,0);
	background:rgba(0,0,0,0.1);*/
	background:url(../images/active.jpg) center repeat-x;
	text-decoration:none;
	padding-top:10px;
	padding-bottom:5px;
	margin-top:1px;
	margin-bottom:0;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px rgba(0,0,0,1);
}
}
@media (max-width:740px) {
	#nav {background-position:top center;background-color:#010D25;}
	#nav ul li.level1 {width:33% !important;}
}

/* Navin viimeinen linkki 
	Katso muut tyylittelyt kohdasta nappi4!
*/
#nav ul li.level1.viimeinen {
	background-position:center center;
}
#nav ul li.level1.viimeinen a {
	padding:0px !important;
	padding-top:7px !important;
	padding-bottom:7px !important;
}

.valikko-koti, .valikko-avaa { display:none; }

/* Dropdown ikoni */
.dropdown-icon {
	background:#000;
	background:rgba(255,255,255,0.2);
	
	position:absolute;
	right:6px;
	top:6px;
	bottom:6px;
	width:28px;
	
	z-index:10001;
	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	
	border:2px solid rgba(255,255,255,0.1);
	
	cursor:pointer;
}
.dropdown-icon i {
	margin-top:-1px;
	vertical-align:middle;
}
.openSub .dropdown-icon i {
	background-position: -288px -120px;
}



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

#subnav { margin-bottom:10px;margin-top:-5px; }
@media (max-width:480px) {
#subnav { margin-top:10px; }
}
#subnav .arkki {
	background:url(../images/nappi2.jpg);
	background-position: center center;
	background-repeat:repeat-x;
	
	-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);
}
#subnav .subnav-body {
	border:2px solid rgba(0,0,0,0.05);
	
	background:url(../../../images/pattern.png) top center repeat;
	
	-moz-box-shadow: inset 0px 0px 4px rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0px 0px 4px rgba(255,255,255,0.5);
	box-shadow: inset 0px 0px 4px rgba(255,255,255,0.5);
}
#subnav ul, #subnav li { margin:0px; padding:0px; list-style:none; }
#subnav li {
	float:left;
	margin:5px 0;
}
#subnav li a {
	display:block;
	padding:0 25px;
	font-family:'Dosis',sans-serif;
	line-height:30px;
	font-size:14px;
	font-weight:normal;
}
#subnav li:first-child a { border-left:0px; }
#subnav li.current a { text-decoration:underline; }

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


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

#left ul.menu, #left ul.menu li { margin:0px; padding:0px; list-style:none; }
#left ul.menu li {
	background-image:url(../images/navi.jpg);
	background-position: center center;
	background-repeat:repeat-x;
		
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	
	margin:0 10px 4px 0;
}
#left ul.menu li a {
	display:block;
	
	font-size:12px;	
	font-weight:400;
	
	padding:2px 2px 2px 8px;
	border:2px solid rgba(0,0,0,0.05);
	
	-moz-box-shadow: inset 0px 0px 4px rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0px 0px 4px rgba(255,255,255,0.3);
	box-shadow: inset 0px 0px 4px rgba(255,255,255,0.3);
		
	background:url(../../../images/heijastus.png) center center repeat-x;
}
#left ul.menu li a:after { content:" »"; }
#left ul.menu li a:hover { text-decoration:none; background-position:bottom center; }
#left ul.menu li.current a { text-decoration:underline; }

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


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

#nav .submenu {
	display:none;

	position:absolute;
	z-index:10001;
	top:100%;
	left:0px;
	
	min-width:170%;
	
	-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);
}
@media (max-width:1139px) {
#nav .submenu {min-width:100% !important; width:100%;}
}
#nav .submenu ul, #nav .submenu li {
	margin:0px;
	padding:0px;
	background:#052E5C;
	height:auto;
	list-style:none;
}
#nav li.current li a span {background:none !important;
	
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4) !important;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.4) !important;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.4) !important;
}
#nav .submenu li > a {
	display:block;

	padding:5px 8px;
	color:#fff;
	font-family:'Dosis',sans-serif;
	font-weight:500;

	text-decoration:none !important;
	text-align:left !important;
	font-size:14px !important;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
#nav .submenu li > a:hover {
	text-indent:5px;
	text-decoration:none;
	background:rgba(255,255,255,0.3);
}

#nav ul li.level1.hasSubItems:hover .submenu, #nav ul li.level1.hasSubItems.openSub .submenu {display:block;}

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

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

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

@media (max-width: 800px) {
	#nav .nav-fx1 { background:none; }
}

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

	background:none !important;
	text-decoration:none;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 0px rgba(0,0,0,1);
}
	/* Vikan linkin resettaus */
	#nav ul li.level1.viimeinen a, #nav ul li.level1.viimeinen {
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		color:#fff !important;
		border:0px !important;
		padding:0px !important;
	}

	#nav ul li.level1 > a, #nav .submenu li a {
		color:#333 !important; /* Tekstin väri */	
		display:block; clear:both;
	}
	
	#nav ul li.level1.viimeinen > a {
		color:#fff !important; /* Tekstin väri */
		text-align:center !important;
	}

	/* Navin napit */
	#nav ul li.level1 {list-style-type:none;width:100% !important;padding: 0 !important;margin:0 !important;}
	#nav ul li.level1 > a, #nav .submenu li a, #nav ul li.level1.viimeinen a {
		padding:10px 6px !important;	
		text-align:left;
		font-weight:bold;
	}
	
	#nav ul li.level1 > a, #nav .submenu li a {
		border-bottom:1px solid #eee !important;
		margin:0px;
	}
	#nav ul li.level1:first-child > a { border-top: 1px solid #eee; }
	
	/* 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;
	}
	
	/* Sivu jossa ollaan */
	#nav li.active > a, #nav li.active > div > a { text-decoration:none !important; font-weight:700 !important; }
	#nav li.current > a { text-decoration:none !important; }
	
	/* Nuoli-ikoni */
	#nav li a .ikoni {
		display:block;
		float:right;
		
		margin-top:0.85%;
		
		-webkit-opacity: 0.15;
		-moz-opacity: 0.15;
		opacity: 0.15;
	}
	#nav li a:hover .ikoni, #nav li a:focus .ikoni {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
	}
	
	/* Uusi valikkotyyli pienemmille näytöille */
	.valikko { margin-bottom:6px; }
	
	/* Nappien yhteiset tyylit */
	.valikko-koti, .valikko-avaa {
		display:block;
		float:left;
		
		background-color:#083869;
		background-position: top center;
		background-repeat:repeat-x;
	}
	.valikko-koti a, .valikko-avaa a {
		display:block;
		
		padding:12px 0px !important;
		font-size:16px; 
		text-align:center;
		
		-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
		color:#fff;
		background:url(../../../images/heijastus.png) center center repeat-x !important;
	}
	.valikko-koti a:hover, .valikko-avaa a:hover {
		background:rgba(0,0,0,0.1) !important;
		text-decoration:none;
	}
	
	/* Nappien omat tyylit */
	.valikko-koti {
		width:20%;
		margin:0 2% 0px 2%;
	}
	.valikko-avaa {
		width:74%;
		margin:0 2% 0px 0;
	}
	
	/* Ikonit */
	.valikko-napit [class*="icon-"] {
		vertical-align:0px;
		
		/* Mustat ikonit */
		/*background-image: url("../../../images/glyphicons-halflings.png") !important;*/
	}
	
	/* Valikko-ikoni */
	.valikko-avaa .icon-th-list {margin-right:4px;}
	
	/* 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 2%;
		clear:both;
		
		position:relative;
		z-index:10001;
		
		display:block;
		
		background:#fff;
		
		padding:6px;
	}
	
	/* Mobiililinkki */
	.mobiililinkki { display:block; width:96%; margin:0 2% 5px 2%; }
	.mobiililinkki a:after {content:" »";}
	
	/* Dropdownista tehdään subnavi */
	#nav li.level1 > .submenu {
		display:block;
		position:relative;
		top:auto;
		left:auto;
		bottom:auto;
		right:auto;
		z-index:1;
		width:100%;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	}
	#nav li.level1 > .submenu li a {background:#fff !important;font-weight:normal;}
	#nav .submenu .link:before { content: "- "; }
	#nav .submenu .submenu .link { padding-left:10px; }
	#subnav {display:none !important;}
}

/* Avaa valikon, jos mennään yli 640px resoihin */
@media (min-width: 641px) {
	.valikko-lista {
		display:block !important;
	}
}


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


/*** SHOWCASE ***************************************************************************************/
#showcase { margin-bottom:10px; }
#showcase .arkki {}
/****************************************************************************************************/


/*** SISÄLTÖALUE ************************************************************************************/
#sisalto .arkki {
/*	-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);*/
}
#sisalto .sisalto-body { padding:20px 10px; }
#sisalto { margin-bottom:10px; }

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


/*** BOTTOM *****************************************************************************************/
#bottom .arkki {
	background:none !important;
}
#bottom .bottom-body { padding:20px 10px; }
#bottom { margin-bottom:10px; }

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


/*** FOOTER *****************************************************************************************/
#footer {
	border-top:2px solid #aebdd0;
	 background-color:#02163B;
	background-image:url(../images/footer.jpg);
	background-position:top center;
	background-repeat: repeat-x;

}
#footer .footer-body {padding:20px;}
#footer {  }

/* 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 {

}

/* Copyright */
.copy { text-align:right; padding-bottom:10px; padding-right:10px; }

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


/*** PALSTAT ****************************************************************************************/

/* Kaikki palstat */
.palstat {}

/* Yksi palsta */
.palsta {margin-bottom:10px;}

/* Palstan tekstialue */
.palsta-content {position:relative;}
.palsta-content h2 { margin-top:0px; margin-bottom:10px; }
.palsta-content p > img:last-child { margin-bottom:-15px; }
.palsta-content p:last-child { margin-bottom:0px; }

/* Palstan ylä- ja alaosa */
.palsta-yla {}
.palsta-ala {}


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


/*** LAATIKOIDEN POHJAT ****************************************************************************/

/* Kaikki laatikot */
.laatikot {}

/* Yksi laatikko */
.laatikko {
	height:auto;
	position:relative;

	
	margin-bottom:10px;
}

/* Laatikon sisältö */
.laatikko-content {margin-bottom:15px;}
.laatikko-content h2, .laatikko-content h3 { margin-top:0px; margin-bottom:10px; }

.laatikko .otsikko { position:relative; }
.laatikko .otsikko .open-icon {display:none;}

.laatikko .otsikko h2 span { position:relative; z-index:50; }

.laatikko-content .kuva {
	height:200px;
	width:100%;
	
	background-size:cover;
	background-position:50% 50%;
	
	margin-bottom:10px;
}
.laatikko.matala .laatikko-content .kuva {
	height:100px;
}
.laatikko.korkea .laatikko-content .kuva {
	height:300px;
}

/* Koko laatikon linkki */
a.linkki-iso {
	display:block;
	z-index:500;
	
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	
	background:url(../../../images/transparent.png);
}

/* Laatikon ylä- ja alaosa */
.laatikko-yla {}
.laatikko-ala {}




/*** Kuvalaatikko ************************/

/* Kaikki laatikot */
.kuvalaatikot {}

.kuvalaatikko {
	position:relative;

	margin-bottom:10px;
}

/* Kuvalaatikon ylä- ja alaosa */
.kuvalaatikko-yla {}
.kuvalaatikko-ala {}

/* Sisältö */
.kuvalaatikko .otsikko {
	position:relative;

}
.kuvalaatikko .otsikko a.nappi { display:block; }

.kuvalaatikko-content {
	position:relative;
	padding:10px;

}
.kuvalaatikko:hover .kuvalaatikko-content {
	border-color:#fff;
}
.kuvalaatikko-content h2, .kuvalaatikko-content h3 { margin-top:0px; margin-bottom:10px; }

.kuvalaatikko .kuva {
	height:240px;
	
	background-position:center center;
	background-size:cover;
	
	margin-bottom:10px;
}

.kuvalaatikko .nappi {font-sizE:17px;text-align:center;padding:10px !important; 
	color:#115296 !important; background:none !important;border:0 !important;
	
		-moz-box-shadow:  0px 0px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:  0px 0px 0px rgba(255,255,255,0.5);
	box-shadow:  0px 0px 0px rgba(255,255,255,0.5);
}


.kuvalaatikko.matala .kuva {
	height:120px;
}
.kuvalaatikko.korkea .kuva {
	height:320px;
}

/* Pyöristykset */
.kuvalaatikko, .kuvalaatikko .kuvalaatikko-content, .kuvalaatikko .otsikko, .kuvalaatikko .otsikko .nappi,
.kuvalaatikko .kuva, .kuvalaatikko .kuvalaatikko-fx1, .kuvalaatikko .kuvalaatikko-fx2 {
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.kuvalaatikko .teksti p:last-child {margin-bottom:0px;}


/*** Laatikoiden efektit *****************/
/* HUOM: Efektit piilotetaan pienillä ruuduilla! */

/* Nauhat */
.fx [class*="nauha-"] {
	position:absolute;
	top:0px;
	right:0px;
	
	z-index:10;

	width:120px;
	height:120px;

	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.fx .nauha-tarjous { background-image:url(../../../images/nauha-tarjous.png); }
.fx .nauha-uutuus { background-image:url(../../../images/nauha-uutuus.png); }
.fx .nauha-luelisaa { background-image:url(../../../images/nauha-luelisaa.png); }
.fx .nauha-otayhteytta { background-image:url(../../../images/nauha-otayhteytta.png); }

.kuvalaatikot .fx [class*="nauha-"] {
	right:5px;
}

/* Pallot */
.fx [class*="pallo-"] {
	position:absolute;
	top:-12px;
	right:-12px;
	
	z-index:10;
	
	width:94px;
	height:94px;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.fx .pallo-tarjous { background-image:url(../../../images/pallo-tarjous.png); }
.fx .pallo-uutuus { background-image:url(../../../images/pallo-uutuus.png); }
.fx .pallo-luelisaa { background-image:url(../../../images/pallo-luelisaa.png); }
.fx .pallo-otayhteytta { background-image:url(../../../images/pallo-otayhteytta.png); }


/*** Responsiiviset kuvalaatikot *********/
	
/* 420px ja pienemmät näytöt:
	- Pienennetään kuvaa
	- Pienennetään paddingia
*/
@media handheld and (max-width: 420px), only screen and (max-width:420px) {
	.kuvalaatikko-content { padding:5px !important; }
	.kuvalaatikko .kuva { height:160px; }
}

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


/*** Responsiiviset laatikot *************/
/* 
	480px leveä ruutu ja alle:
	
	- Pienennetään kuvien korkeutta
	- Piilotetaan laatikoiden sisältö (ei koske laatikoita, joiden otsikko on piilotettu)
	
*/
@media handheld and (max-width: 480px), only screen and (max-width: 480px) {
	.laatikko-content .kuva {
		height:125px;
	}
	
	.isMobile .laatikot .laatikko .otsikko .open-icon {
		/* Tummat ikonit */
		background-image: url("../../../images/glyphicons-halflings.png") !important;
		
		/* Vaaleat ikonit */
		/*background-image: url("../../../images/glyphicons-halflings-white.png") !important;*/
	}
	.isMobile .laatikot .laatikko.imOpen .otsikko .open-icon {
		background-position: -313px -119px;
	}
	
}

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

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


/*** NAPIT JA SIVUTUS *******************************************************************************/

.nappi, a.nappi, div.pagination span a, div.pagination span strong, #nav ul li.level1.viimeinen a {
	display:inline-block;
	clear:both;
	
	padding:16px 60px 13px 20px;
	
	background-repeat:repeat-x;
	background-position:center center;
	
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	
	cursor:pointer;
	
	border:3px solid rgba(0,0,0,0.05);

	-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;
}
/* Eri leveydet */
.nappi.levea, .nappi.tayslevea, #nav ul li.level1.viimeinen a { display:block; }
.nappi.levea { width:50%; }
.nappi.tayslevea { width:auto !important; }

/* Napit, joissa ei ole nuolta */
.nappi.vari3, .nappi.vari4, .nappi.huomio-pois, div.pagination span a, div.pagination span strong { 
	padding:10px 35px 8px 15px; 
}

/* Nuolten padding */
.nappi.huomio, .nappi.huomio1, .nappi.huomio2, .nappi.huomio3 {padding-right:60px;padding-left:10px;}

/* Pieni nappi */
.nappi.pieni { font-size:14px; padding-top:4px; padding-bottom:4px; }

/* Iso nappi */
.nappi.iso { font-size:20px; padding-top:12px; padding-bottom:12px; }

/* Pyöristykset */
div.pagination span a,
div.pagination span strong,
div.pagination span, .huomio-nuoli {
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


/* Nappi 1 ja sivutusnappi */
.nappi, a.nappi, div.pagination span a, div.pagination span strong {
	background-image:url(../images/active.jpg);
}

/* Nappi 2 ja sivutuksen sivu, jolla ollaan */
.nappi.vari2, a.nappi.vari2, div.pagination span.curPage strong {
	background-image:url(../images/navi.jpg);
}

/* Nappi 3 */
.nappi.vari3, a.nappi.vari3 {
	border:3px solid rgba(0,0,0,0.03);
	background-image:url(../images/nappi3.jpg);
}


/* Nappi 4 ja navin viimeinen linkki */
.nappi.vari4, a.nappi.vari4, #nav ul li.level1.viimeinen {
	background-image:url(../images/nappi4.jpg);
}
.nappi.vari4, a.nappi.vari4, #nav ul li.level1.viimeinen a {
	border:3px solid rgba(0,0,0,0.05);
}



/* Huomionuolet */
.huomio-nuoli, .huomio1 .huomio-nuoli {
	display:block;
	background:url(../images/huomio2.jpg) center center no-repeat;
	
	width:36px;
	
	position:absolute;
	right:2px;
	top:2px;
	bottom:2px;
	
	-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);
}
.huomio-nuoli .huomio-reunus {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	
	border:2px solid rgba(0,0,0,0.05);
}
.huomio-pois .huomio-nuoli, .vari3 .huomio-nuoli, .vari4 .huomio-nuoli {display:none;}

.vari2 .huomio-nuoli, .huomio2 .huomio-nuoli, .vari3.huomio2 .huomio-nuoli, .vari4.huomio2 .huomio-nuoli {
	background:url(../images/huomio1.jpg) center center no-repeat;
	display:block;
}
.huomio1 .huomio-nuoli, .vari3.huomio1 .huomio-nuoli, .vari4.huomio1 .huomio-nuoli {
	background:url(../images/huomio2.jpg) center center no-repeat;
	display:block;
}
.huomio .huomio-nuoli, .vari3.huomio .huomio-nuoli, .vari4.huomio .huomio-nuoli {
	background:url(../images/huomio3.jpg) center center no-repeat;
	display:block;
}


/* Nappien hoverit */
.nappi:hover, a.nappi:hover, div.pagination span a:hover, div.pagination span strong:hover {
	text-decoration:none;
	
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
	
	text-shadow:0px 0px 3px #fff;
}
.nappi.levea:hover, .nappi.tayslevea:hover {
	text-indent:8px;
}

.nappi:active, a.nappi:active, div.pagination span a:active, div.pagination span strong:active {
	background-position:bottom center;
}


/* Sivutus */
.sivutus { position:relative; }
.sivutus #load-first { position:relative; }
div.pagination { text-align:center; }
div.pagination span { display:inline-block; }
div.pagination span a, div.pagination span strong {
	display:inline-block;
}

/* Seuraavan sivun lataamiseen käytetty apudivi */
.sivutus #preloadNext { display:none; }

/* Latausanimaatio */
.sivutus .loading {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	
	z-index:5;
	background-color:#ffffff;
	background-color:rgba(255,255,255,0.8);
	background-image:url(../../../images/loading.gif);
	background-repeat:no-repeat;
	background-position:center center;
	
	display:none;
}

/* Sivutus hover */
div.pagination span a:hover {
	text-decoration:none;
}

/* Click to call ja email -napit */
a.call {
	text-decoration:none;
	font-weight:normal;
	cursor:default;
}

a.email {}

/* 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;
}
/****************************************************************************************************/


/*** LOMAKE *****************************************************************************************/
.lomake {width:100%;}
.lomake .lomake-rivi {
	width:100%;
	margin-bottom:2px;
}
.lomake .lomake-rivi .lomake-otsikko {
	font-size:16px;
	line-height:18px;
}
.lomake .lomake-rivi.otsikko-rivi { background:transparent; border:0px; }
.lomake .lomake-rivi .lomake-otsikko h2 { padding:5px; margin:0px; }
.lomake .lomake-rivi .label {
	width:30%;
	
	margin-right:5%;
	padding:5px 0;
	
	float:left;
}
.lomake .lomake-rivi .label .rauli { display:block; padding:0 5px; }
.lomake .lomake-rivi .kentta { width:60%; float:left; padding:5px 0; }

/* Elementit */

.lomake .formTextinput, .lomake input[type=text], .lomake .formEmailinput { 
	height:20px; 
	line-height:20px;
	width:100%;
}
.lomake select {width:100%; height:24px;}
.lomake select option { line-height:24px; height:24px; }
.lomake textarea { max-width:100%; width:100%; min-height:125px; }

.lomake input:hover, .lomake textarea:hover {
	-moz-box-shadow: 0px 0px 5px #aaa;
	-webkit-box-shadow: 0px 0px 5px #aaa;
	box-shadow: 0px 0px 5px #aaa;
}
.lomake input:focus, .lomake textarea:focus, .lomake input:active, .lomake textarea:active {
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
	box-shadow: 0px 0px 8px #444;
	outline:0;
}

.lomake label.formCheckboxLabelHolder, .lomake label.formRadioLabelHolder {
	display:inline-block;
	line-height:14px;
	margin-bottom:5px;
}

.laheta button {
	padding:8px 25px;
}

/* Huomautukset */

.formNotice { font-size:14px; font-weight:bold; }
.formRequiredList { font-style:italic; }

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


/*** UUTISET ****************************************************************************************/

.uutinen .info { margin-bottom:20px; }
.uutinen .luelisaa { width:60%; float:left; }
.uutinen .paivamaara { width:40%; float:right; text-align:right; font-style:italic; }
p.uutispaiva { font-style:italic; }

/*** Responsiivinen lomake ***************/
/* 420px tai alle: 
	- Piilotetaan uutiskuva
	- Lue lisää & päivämäärä allekkain
*/
@media handheld and (max-width: 420px), only screen and (max-width: 420px) {
	.uutiskuva img { display:none; }
	.uutinen .luelisaa, .uutinen .paivamaara { width:auto; float:none; clear:both; text-align:left; }
}
/*****************************************/

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


/*** LAATIKOIDEN TYYLIT *****************************************************************************/

/*** Laatikko: Perus *********************/

/* Yksi laatikko */
.laatikko.perus {

	
	padding:15px;
}


.laatikko.perus .otsikko { margin:-15px -15px 15px -15px; }
.laatikko.perus .otsikko h2 {
	margin:0px;
	padding:8px 12px;
	
	background-position:center center;
	background-repeat:repeat-x;
	
	position:relative;
	font-size:24px;

}

/* Laatikon sisältö */

/* Normaali väritys (Väri 1) */
.laatikko.perus .otsikko h2 {	
	color:#FA1B32 !important;
}

/* Väri 2 */
.laatikko.perus.laatikko-vari2 .otsikko h2 {
	background-image:url(../images/nappi2.jpg);
}

/* Väri 3 */
.laatikko.perus.laatikko-vari3 .otsikko h2 {
	background-image:url(../images/nappi3.jpg);
}

/* Väri 4 */
.laatikko.perus.laatikko-vari4 .otsikko h2 {
	background-image:url(../images/nappi4.jpg);
}

/* Koko laatikon linkin hover */
.laatikko.perus.isolinkki:hover {
	-moz-box-shadow: 0px 0px 4px #444;
	-webkit-box-shadow: 0px 0px 4px #444;
	box-shadow: 0px 0px 4px #444;
}

/* Efektit */

/* Nauhat ja pallot */
/*.laatikko.perus .fx [class*="nauha-"], .laatikko.perus .fx [class*="pallo-"] {
	right:-15px; top:-15px;
}*/

/* 
	480px leveä ruutu ja alle:
	- Piilotetaan laatikoiden sisältö (ei koske laatikoita, joiden otsikko on piilotettu)
	
*/
@media handheld and (max-width: 480px), only screen and (max-width: 480px) {
	.laatikot .laatikko.perus .otsikko .open-icon {
		/* Tummat ikonit */
		/*background-image: url("../../../images/glyphicons-halflings.png") !important;*/
		
		/* Vaaleat ikonit */
		background-image: url("../../../images/glyphicons-halflings-white.png") !important;
	}
}
/*****************************************/

.kuvalaatikko {background:#6792bf !important;padding:5px;border-radius:18px;}
.kuvalaatikko-content {border-radius:15px !important;}

@media (max-width: 600px) {
.kuvalaatikko {border-radius:8px; margin-bottom:0 !important;}
.kuvalaatikko-content {border-radius:5px !important;}
body.sivu1 #sisalto .sisalto-body {padding-top:0 !important;}
}

/*** Kuvalaatikko: Perus *****************/

.kuvalaatikko.perus {}

/* Sisältö */
.kuvalaatikko.perus .kuvalaatikko-content {
	margin:5px;
}
.kuvalaatikko.perus .otsikko {
	position:relative;
	z-index:10;
	
	margin-left:-20px;
	
	width:90%;
}

/* Jos tekstiä ei ole laatikossa, siirretään nappi kuvan päälle */
.kuvalaatikko.perus .noText .otsikko {
	position:absolute;
	
	left:-5px;
	right:auto;
	margin-left:-5px;
	
	/* Otsikko alas */
	top:auto;
	bottom:20px;
}

.kuvalaatikko.perus .otsikko a.nappi { width:auto; }

/* Otsikoiden sijoittelu ylös ja keskelle */
.kuvalaatikko.perus.ylos .otsikko {
	position:absolute;
	right:auto;
	
	top:20px;
	bottom:auto;
}
.kuvalaatikko.perus.keskelle .otsikko {
	position:absolute;
	right:auto;
	
	top:50%;
	bottom:auto;
	margin-top:-25px;
}

/* Otsikon tekstialue */
.kuvalaatikko.perus .otsikko a.nappi span {
	font-size:18px;
	line-height:32px; /* Korkeus */
}

/* Otsikon hover */
.kuvalaatikko.perus:hover .otsikko { width:95%; }

/* Kuvan varjo */
.kuvalaatikko.perus .kuva {
	-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:0px;
}

.kuvalaatikko .teksti { margin-bottom:10px; margin-top:10px; }

/* 1023px ja pienemmät näytöt:
	- Tehdään kaikista napeista täysleveitä
*/
@media handheld and (max-width: 1023px), only screen and (max-width: 1023px) {
	.kuvalaatikko.perus .otsikko, .kuvalaatikko.perus:hover .otsikko {
		width:100% !important;
	}
}

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


/*** Kuvalaatikko: Nauha *****************/

.kuvalaatikko.nauha .kuvalaatikko-content {
	margin:12px;
	padding:10px 0 !important;
}
.kuvalaatikko.nauha .rauli { padding:0 10px; }

.kuvalaatikko.nauha .kuva { margin-bottom:0px; }
.kuvalaatikko.nauha .teksti { margin-top:10px; margin-bottom:10px; }

/* Otsikko */
.kuvalaatikko.nauha .otsikko {
	position:relative;
	z-index:10;

	left:-12px;
	
	width:80%;
}
.kuvalaatikko.nauha .noText .otsikko {
	position:absolute;
	bottom:20px;
	left:-12px;
	right:auto;
}
.kuvalaatikko.nauha:hover .otsikko { width:90%; }

.kuvalaatikko.nauha.tayslevea .otsikko, .kuvalaatikko.nauha.tayslevea .otsikko:hover {
	left:-12px; right:-12px; width:auto; margin-left:0px; margin-right:-24px;
}
.kuvalaatikko.nauha.tayslevea .noText .otsikko, .kuvalaatikko.nauha.tayslevea .noText .otsikko:hover {
	margin-right:0px;
}

/* Laatikon taakse menevä vasen kulma */
.kuvalaatikko.nauha .kulma-vasen {
	width:12px;
	height:12px;
	
	background:url(../../../images/kuvalaatikko-nauha-kulmat.png) top left no-repeat;
	
	position:absolute;
	top:-12px;
	left:0px;
}

/* Laatikon taakse menevä oikea kulma */
.kuvalaatikko.nauha.tayslevea .kulma-oikea {
	width:12px;
	height:12px;
	
	background:url(../../../images/kuvalaatikko-nauha-kulmat.png) top right no-repeat;
	
	position:absolute;
	top:-12px;
	right:0px;
}

/* Pyöristykset */
.kuvalaatikko.nauha, .kuvalaatikko.nauha .kuvalaatikko-content, .kuvalaatikko.nauha .otsikko, .kuvalaatikko.nauha .otsikko .nappi,
.kuvalaatikko.nauha .kuva, .kuvalaatikko.nauha .kuvalaatikko-fx1, .kuvalaatikko.nauha .kuvalaatikko-fx2 {
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/* Efektit */

/* Nauhat */
.kuvalaatikko.nauha .fx [class*="nauha-"] {
	right:10px;
}
/* Pallot */
.kuvalaatikko.nauha .fx [class*="pallo-"] {
	right:0px;
}



/* 1023px ja pienemmät näytöt:
	- Tehdään kaikista nauhoista täysleveitä
*/
@media handheld and (max-width: 1023px), only screen and (max-width:1023px) {
	.kuvalaatikko.nauha .otsikko, .kuvalaatikko.nauha .otsikko:hover {
		left:-12px !important; right:-12px !important; width:auto !important;
		margin-left:0px !important; margin-right:-24px !important;
	}
	.kuvalaatikko.nauha .noText .otsikko, .kuvalaatikko.nauha .noText .otsikko:hover {
		margin-right:0px !important;
	}
}
/*****************************************/


/*** Kuvalaatikko: Liuku *****************/
.kuvalaatikko.liuku {}
.kuvalaatikko.liuku .kuvalaatikko-content { padding:0px !important; }
.kuvalaatikko.liuku .rauli { position:relative; overflow:hidden; margin-bottom:-10px; }
.kuvalaatikko.liuku .kuva {
	margin-bottom:-10px;
}
.kuvalaatikko.liuku .teksti {
	margin:0px;
	padding:15px;
	padding-bottom:35px;
	
	position:absolute;
	bottom:-100%;
	left:0px;
	z-index:15;
	
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	-ms-transition: all 250ms;
	transition: all 250ms;
	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	
	/* 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;*/
}

.kuvalaatikko.liuku .otsikko {position:relative;z-index:16;}

/* Kun laatikkoa hoverataan tai katsotaan mobiilissa / tabletilla, näytetään
	teksti kuvan päällä.
*/
.kuvalaatikko.liuku:hover .teksti, .isMobile .kuvalaatikko.liuku .teksti,
.isTablet .kuvalaatikko.liuku .teksti { bottom:-10px !important; }

/* Efektit */

/* Nauhat */
.kuvalaatikko.liuku .fx [class*="nauha-"] {
	right:0px;
}

/* Responsiivisuus 
	480px ja alle -> tekstit näytetään kuvien alla, ei päällä
*/
@media handheld and (max-width: 480px), only screen and (max-width:480px) {
	.kuvalaatikko.liuku .teksti, .kuvalaatikko.liuku:hover .teksti {
		position:relative !important;
		bottom:auto !important;
		padding:10px !important;
		padding-bottom:30px !important;
		margin-bottom:0px !important;
	}
	
	.kuvalaatikko.liuku.korkea .kuva {
		height:200px;
	}
	.kuvalaatikko.liuku .kuva {
		height:150px;
	}
	.kuvalaatikko.liuku.matala .kuva {
		height:100px;
	}
}

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

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


/*** GOOGLE MAPS ************************************************************************************/
.googlemaps #map_canvas {
	width:100%;
	height:250px;
	margin-bottom:5px;
}

.googlemaps .reittiHaku {}
.googlemaps .reittiHaku h3 { display:inline-block; }
.googlemaps .reittiHaku .kokoRuutu { float:right; padding-top:5px;}
.googlemaps .reittiHakuVasen { width:63%;float:left; margin-right:2%;}
.googlemaps .reittiHakuOikea { width:35%;float:right; }
.googlemaps #reittiAlku { width:100%; padding:6px 0; }
.googlemaps #reittiAlku.empty { color:#999; font-style:italic; }
.googlemaps #haeReitti { width:100% !important; padding:4px 8px !important; text-align:left; }

.googlemaps .showFullscreen { display:none !important; }

/* Maps koko ruudulla */
.googlemaps.fullscreen {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
	z-index:10000;
}
.googlemaps.fullscreen #map_canvas { width:100%; height:100%; }
.googlemaps.fullscreen .reittiHaku {
	position:fixed;
	bottom:0px;
	z-index:10001;
	left:0px;
	right:0px;
	
	padding:25px;
	background:#fff;
}
.googlemaps.fullscreen .showFullscreen {
	display:block !important;
	position:fixed;
	top:0px;
	left:20%;
	right:20%;
}

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


/*** YLEISET ****************************************************************************************/

/* Taulukko */
table.perus td { padding:10px; }

/* Kuvat */
img.varjo {
	-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);
}

img.reunat {
	padding:9px;
	border:1px solid #aaa;
	background:#fff;
	
	max-width:95%;
}

/* Siirretään joku elementti alas */
.alas {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
}

/* Lainaus/quote/nosto */
.quote {
	float:right;
	width:30%;
	
	padding:15px;
	margin-left:10px;
	margin-bottom:10px;
	
	background:rgba(100,100,100,0.1);
	
	font-style:italic;
	font-size:1.15em;
	line-height:1.25em;
}

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


/*** KAIKKIEN REUNOJEN PYÖRISTYS ********************************************************************/

/*#nav .arkki, #nav .nav-body, #nav .nav-fx1, #nav .nav-fx2, #nav ul, #nav li, #nav li a, .dropdown-icon,
#nav .submenu, #subnav, #subnav .arkki, #subnav .subnav-body, #subnav ul, #subnav li,
#left ul.menu, #left ul.menu li, #left ul.menu li a,
#showcase .arkki, #showcase .showcase-body, #slider-wrap, #slider, #slider .slide,
#sisalto .arkki, #sisalto .sisalto-body, #bottom .arkki, #bottom .bottom-body, 
#footer .arkki, #footer .footer-body, #footer .footer-fx1, #footer .footer-fx2,
.laatikko, .laatikko-content, .laatikko .otsikko, .laatikko .otsikko h2, .laatikko-content .kuva,
.kuvalaatikko, .kuvalaatikko-content, .kuvalaatikko .otsikko, .kuvalaatikko .otsikko h2, .kuvalaatikko .kuva,
.kuvalaatikko .kuvalaatikko-fx1, .kuvalaatikko .kuvalaatikko-fx2, .kuvalaatikko .teksti,
.nappi, a.nappi, div.pagination span, div.pagination span a, div.pagination span strong, .huomio-nuoli,
#slider .caption, #slider .navslide, #slider .navslide span, #slider .navslide span a,
.galleria-body .kuva, .galleria-body .kuva a, .quote {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}*/

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


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

#showcase h1 {color:#003d7c !important;text-shadow:0px 0px 5px #fff;}
#showcase .caption {font-family:'Dosis',sans-serif; font-weight:400; color:#222;font-size:16px;line-height:20px;}

h1.first {font-size:26px;line-height:22px;}
h1.center {font-size:46px;}
h1.last {font-size:70px;margin-bottom:40px;}

body.sivu52 #showcase .showcase-body, body.sivu63 #showcase .showcase-body, body.sivu64 #showcase .showcase-body, body.sivu55 #showcase .showcase-body, body.sivu53 #showcase .showcase-body, body.sivu54 #showcase .showcase-body  {padding:30px;}
#showcase h3 {text-shadow:0px 0px 6px #fff;color:#222;}
body.sivu55 #sisalto {display:none;}


body.sivu56 #showcase .showcase-body img {margin-right:30px;}
body.sivu56 #showcase .showcase-body {padding:10px 0 20px 40px;}

body.sivu57 #showcase .showcase-body img {margin-right:30px;}
body.sivu57 #showcase .showcase-body {padding:10px 0 20px 40px;}

body.sivu58 #showcase .showcase-body img {margin-right:30px;}
body.sivu58 #showcase .showcase-body {padding:10px 0 20px 40px;}

body.sivu59 #showcase .showcase-body img {margin-right:30px;}
body.sivu59 #showcase .showcase-body {padding:10px 0 20px 40px;}

body.sivu60 #showcase .showcase-body img {margin-right:30px;}
body.sivu60 #showcase .showcase-body {padding:10px 0 20px 40px;}

body.sivu61 #showcase .showcase-body img {margin-right:30px;}
body.sivu61 #showcase .showcase-body {padding:10px 0 20px 40px;}

body.sivu62 #showcase .showcase-body img {margin-right:30px;}
body.sivu62 #showcase .showcase-body {padding:20px 0 20px 40px;}

body.sivu67 #showcase .showcase-body img {margin-right:30px;}
body.sivu67 #showcase .showcase-body {padding:20px 0 20px 40px;}


/* TAULUKKO 4 RINNAKKAIN */

table.koneet td.otsikko {border:none; text-align:center;}

table.koneet tr+tr td {font-family:'Dosis',sans-serif;font-size:16px;font-weight:700;}
table.koneet tr+tr td+td {	font:normal normal 14px Arial, Helvetica, sans-serif;}
table.koneet tr+tr+tr td+td {	font:normal normal 12px Arial, Helvetica, sans-serif;}
table.koneet td {border:1px solid #DEEEFE;padding:6px 10px;}
table.koneet th {background:#0E3262;color:#fff;padding:10px; font-family:'Dosis',sans-serif; font-weight:700;text-transform:uppercase;font-size:18px;}
table.koneet tr th {background:none !important;}
table.ekarivi tr+tr+tr {background:#0E3262;color:#fff;}
table.koneet tr+tr+tr+tr {background:none; color:#333;}
table.koneet tr+tr+tr:hover {background:#0E3262;}
table.koneet tr+tr+tr+tr:hover {background:#DEEEFE;}

table.koneet td {width:21%;}
table.koneet td+td {width:26%;}
table.koneet td+td+td {width:26%;}
table.koneet td+td+td+td {width:26%;}

table.koneet tr.ots td {font-family:'Dosis',sans-serif; font-size:16px; font-weight:700;color:#fff;text-align:Center;}



/* TAULUKKO 5 RINNAKKAIN */

table.koneet5 td.otsikko {border:none; text-align:center;}

table.koneet5 tr+tr td {font-family:'Dosis',sans-serif;font-size:16px;font-weight:700;}
table.koneet5 tr+tr td+td {	font:normal normal 14px Arial, Helvetica, sans-serif;}
table.koneet5 tr+tr+tr td+td {	font:normal normal 12px Arial, Helvetica, sans-serif;}
table.koneet5 td {border:1px solid #DEEEFE;padding:6px 10px;}
table.koneet5 th {background:#0E3262;color:#fff;padding:10px; font-family:'Dosis',sans-serif; font-weight:700;text-transform:uppercase;font-size:18px;}
table.koneet5 tr th {background:none !important;}
table.ekarivi tr+tr+tr {background:#0E3262;}
table.koneet5 tr+tr+tr+tr {background:none;color:#333;}
table.koneet5 tr+tr+tr:hover {background:#0E3262;}
table.koneet5 tr+tr+tr+tr:hover {background:#DEEEFE;}

table.koneet5 td {width:20%;}
table.koneet5 td+td {width:20%;}
table.koneet5 td+td+td {width:20%;}
table.koneet5 td+td+td+td {width:20%;}
table.koneet5 td+td+td+td+td {width:20%;}

table.koneet5 tr.ots td {background:#0E3262;font-family:'Dosis',sans-serif; font-size:16px; font-weight:700;color:#fff;text-align:Center;}




/* TAULUKKO 6 RINNAKKAIN */

table.koneet6 td.otsikko {border:none; text-align:center;}

table.koneet6 tr+tr td {font-family:'Dosis',sans-serif;font-size:16px;font-weight:700;}
table.koneet6 tr+tr td+td {	font:normal normal 14px Arial, Helvetica, sans-serif;}
table.koneet6 tr+tr+tr td+td {	font:normal normal 12px Arial, Helvetica, sans-serif;}
table.koneet6 td {border:1px solid #DEEEFE;padding:6px 10px;}
table.koneet6 th {background:#0E3262;color:#fff;padding:10px; font-family:'Dosis',sans-serif; font-weight:700;text-transform:uppercase;font-size:18px;}
table.koneet6 tr th {background:none !important;}
table.ekarivi tr+tr+tr {background:#0E3262;}
table.koneet6 tr+tr+tr+tr {background:none;color:#333;}
table.koneet6 tr+tr+tr:hover {background:#0E3262;}
table.koneet6 tr+tr+tr+tr:hover {background:#DEEEFE;}

table.koneet6 td {width:15%;}
table.koneet6 td+td {width:17%;}
table.koneet6 td+td+td {width:17%;}
table.koneet6 td+td+td+td {width:17%;}
table.koneet6 td+td+td+td+td {width:17%;}
table.koneet6 td+td+td+td+td+td {width:17%;}

table.koneet6 tr.ots td {background:#0E3262;font-family:'Dosis',sans-serif; font-size:16px; font-weight:700;color:#fff;text-align:Center;}






/* TAULUKKO 3 RINNAKKAIN */

table.koneet3 td.otsikko {border:none; text-align:center;}

table.koneet3 tr+tr td {font-family:'Dosis',sans-serif;font-size:16px;font-weight:700;}
table.koneet3 tr+tr td+td {	font:normal normal 14px Arial, Helvetica, sans-serif;}
table.koneet3 tr+tr+tr td+td {	font:normal normal 12px Arial, Helvetica, sans-serif;}
table.koneet3 td {border:1px solid #DEEEFE;padding:6px 10px;}
table.koneet3 th {background:#0E3262;color:#fff;padding:10px; font-family:'Dosis',sans-serif; font-weight:700;text-transform:uppercase;font-size:18px;}
table.koneet3 tr th {background:none !important;}
table.ekarivi tr+tr+tr {background:#0E3262;}
table.koneet3 tr+tr+tr+tr {background:none;color:#333;}
table.koneet3 tr+tr+tr:hover {background:#0E3262;}
table.koneet3 tr+tr+tr+tr:hover {background:#DEEEFE;}

table.koneet3 td {width:20%;}
table.koneet3 td+td {width:40%;}
table.koneet3 td+td+td {width:40%;}

table.koneet3 tr.ots td {font-family:'Dosis',sans-serif; font-size:16px; font-weight:700;color:#fff;text-align:Center;}



/* TAULUKKO 10 RINNAKKAIN */

table.koneet10 td.otsikko {border:none; text-align:center;}

table.koneet10 tr+tr td {font-family:'Dosis',sans-serif;font-size:14px;font-weight:700;}
table.koneet10 tr+tr td+td {	font:normal normal 14px Arial, Helvetica, sans-serif;}
table.koneet10 tr+tr+tr td+td {	font:normal normal 12px Arial, Helvetica, sans-serif;}
table.koneet10 td {border:1px solid #DEEEFE;padding:6px 10px;}
table.koneet10 th {background:#0E3262;color:#fff;padding:10px; font-family:'Dosis',sans-serif; font-weight:700;text-transform:uppercase;font-size:18px;}
table.koneet10 tr th {background:none !important;}
table.ekarivi tr+tr+tr {background:#0E3262;}
table.koneet10 tr+tr+tr+tr {background:none;color:#333;}
table.koneet10 tr+tr+tr:hover {background:#0E3262;}
table.koneet10 tr+tr+tr+tr:hover {background:#DEEEFE;}

table.koneet10 td {width:10%;}
table.koneet10 td+td {width:10%;}
table.koneet10 td+td+td {width:10%;}
table.koneet10 td+td+td+td {width:10%;}
table.koneet10 td+td+td+td+td {width:10%;}
table.koneet10 td+td+td+td+td+td {width:10%;}
table.koneet10 td+td+td+td+td+td+td {width:10%;}
table.koneet10 td+td+td+td+td+td+td+td {width:10%;}
table.koneet10 td+td+td+td+td+td+td+td+td {width:10%;}
table.koneet10 td+td+td+td+td+td+td+td+td+td {width:10%;}

table.koneet10 tr.ots td {font-family:'Dosis',sans-serif; font-size:12px; font-weight:400;color:#fff;text-align:Center;}
table.koneet10 tr.ots td:first-line {font-weight:700;font-size:16px;}



.nappi.niksi {width:15%;}

@media handheld and (min-width: 1155px), only screen and (min-width: 1155px) {
.nappi.niksi:first-child {margin-left:60px;}
}


img.kotiniksi {max-height:400px !important;}

img.kotiniksi2 {max-height:200px !important;float:right;}
laatikko.perus.kotiniksi2 {min-height:300px !important;}


body.sivu64 #showcase .showcase-body {padding-bottom:60px;}


/* LISÄTARVIKKEET TAULUKKOTYYLIT */

body.sivu61 #sisalto h1 {font-size:26px !important;}

table.lisa {width:100%;margin-bottom:15px;}
table.lisa td.otsikko {width:60%;border:none; text-align:left;color:#0E3262;font-family:'Dosis',sans-serif; font-weight:700;text-transform:uppercase;font-size:18px;}


table.lisa tr+tr td+td {	font:normal normal 14px Arial, Helvetica, sans-serif;}
table.lisa tr th {background:none !important;}

table.lisa td {width:20%;padding:5px; }
table.lisa td+td {width:75%;}


/* LEIMASIN */
#leima {
	position:absolute;
	top:10px;
	left:400px;
	
	width:450px;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	
	opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
}
#leima img { width:100%; height:auto; }

#leima.done {width:226px;opacity:1;-moz-opacity:1;-o-opacity:1;}
@media (max-width:640px) {#leima {display:none;}}
/* LOMAKKEEN PIILOTUS */
.piilota1, .piilota2, .piilota3, .piilota4, .piilota5 {display:none;}

#bottom .kuvalaatikko a.nappi {font-size:15px;padding-left:0;padding-right:0;text-align:Center;margin-left:-15px; margin-right:-15px;}
#bottom .kuvalaatikko a.nappi .huomio-nuoli {display:none;}

@media (max-width:800px) {
#content-top .kuvalaatikko a.nappi {font-size:15px;padding-left:0;padding-right:0;text-align:Center;margin-left:-15px; margin-right:-15px;}
#content-top .kuvalaatikko a.nappi .huomio-nuoli {display:none;}
}


#slide0 h1 {margin-bottom:0px !important;margin-top:30px;}
#slide0 .kuvaa {margin-bottom:-20px;}

@media (max-width:640px) {
#slide0 h1 {margin-top:10px;text-align:center !important;}
h1.center {font-size:31pX; text-align:Center;margin-bottom:5px;}
h1.first {font-size:20px;font-weight:400;text-align:center;margin-bottom:0px;}
h1.last {font-size:32px; text-align:Center;}
#showcase h3 {text-align:center;margin-top:10px !important;}
.showcase-body {padding:15px 0 8px 0 !important;}

body.sivu1 #showcase h1 {text-align:Center !important;margin-top:-15px;}
body.sivu1 #showcase .showcase-body, body.sivu1 #showcase .rivi {padding:0 !important;margin:0 !important;}
body.sivu1 #showcase .nappi {font-size:15px;margin-bottom:-20px;}

}

.onlyMobile {display:none;} @media (max-width:640px) {.onlyMobile{display:block;}}


.auki {
	background:#fff; 
	border-radius: 0 0 20px 20px;
	position:absolute; 
	right:0; 
	width:40%;
	padding:0;
	height:145px;
}



.auki2 {
	background:#fff; 
	border-radius: 0 0 18px 18px; 
	margin:0 5px;
	height:140px;
	-moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2);
	box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2);
}
.auki3 {padding: 30px;}

.auki3 h2 {color:#fa1b32; font-size:30px;font-family:'Fjalla One',sans-serif;}

.auki3 table {width:100%;font-family:'Fjalla One',sans-serif;font-size:16px;}
.auki3 td {width:50%; color:#444;}
.auki3 td+td {width:25%; color:#888;font-size:16px;}
.auki3 tr+tr td {color:#888; font-size:13px;}
.auki3 tr+tr td+td {font-size:16px;}


@media (max-width:990px) {
	.logo {width:50%;margin-top:50px !important;}
	.auki {
		width:40%;
	}
	.auki3 table {font-size:14px;}
	.auki3 td {width:50%;}
	.auki3 td+td {width:25%;}
	.auki3 td+td+td {text-align:center;}
	.auki3 td+td {font-size:13px;}
	.auki3 tr+tr td+td {font-size:13px;}
}
@media (max-width:700px) {
	.auki {
		display:none;
	}
	.logo {width:100%; text-align:center;}
}
@media (max-width:640px) {
	.logo {margin-top:15px !important;margin-bottom:11px !important;}
	#nav .valikko {margin-top:5px !important;}
}
#showcase .arkki {background:url(../images/showcase.jpg) bottom center no-repeat;}
body.sivu1 #showcase .showcase-body {padding:50px 30px 30px 30px;}
body.sivu1 #showcase h1 {font-size:34px;color:#444 !important;}
body.sivu1 #showcase h1:first-line {font-size:57px;color:#115499;}
body.sivu1 #showcase h1 .last-line {font-size:58pX;line-height:60px;color:#115499;}

@media (max-width:1020px) {
	body.sivu1 #showcase .showcase-body img {width:80%;margin-bottom:10px; float:right;}
	body.sivu1 #showcase h1 {font-size:26px;color:#444 !important;}
	body.sivu1 #showcase h1:first-line {font-size:44px;color:#115499;}
	body.sivu1 #showcase h1 .last-line {font-size:44pX;line-height:40px;color:#115499;}
}
@media (max-width:800px) {
	body.sivu1 #showcase .showcase-body img {width:50%;margin-bottom:10px; float:none;display:block; text-align:Center;}
	body.sivu1 #showcase h1 {font-size:26px;color:#444 !important; text-align:Center;}
	body.sivu1 #showcase h1:first-line {font-size:44px;color:#115499;}
	body.sivu1 #showcase h1 .last-line {font-size:44pX;line-height:40px;color:#115499;}
		body.sivu1 #showcase .nappi { text-align:Center; padding:10px 0 !important;}
}
@media (max-width:640px) {
	body.sivu1 #showcase .showcase-body img {width:60%;margin-bottom:10px;}
	body.sivu1 #showcase h1 {font-size:20px;color:#444 !important;}
	body.sivu1 #showcase h1:first-line {font-size:35px;color:#115499;}
	body.sivu1 #showcase h1 .last-line {font-size:35pX;line-height:40px;color:#115499;}
}

.boxi {
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	border-radius:20px;
	padding:5px 0;
	background:#fff;
}
.boxi .sis {
	-moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1);
	box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1);
	margin:0 5px;
	border-radius:16px;
}

@media (min-width:1040px) {
	body.sivu1 .boxi .sis {
		min-height:470px;
	}
}
.boxi .pad {padding:20px;}
.boxi .otsikko h2 {color:#fa1b32;margin-bottom:20px;margin-top:15px !important;}


#footer h2 {font-size:23px;}
#footer h3 {text-transform:uppercase; font-size:17px;}

table.footeri {width:100%; font-size:12px;}
.footeri td {width:45%; padding-right:5%;}
.footeri td+td {padding-right:0 !important;width:50%;}
.footeri li {list-style-type:none; margin-left:0;}
.footeri li span {float:right;}
.footeri li a {clear:both;display:block;}

table.footeri tr+tr td {font-size:30px;}
table.footeri tr+tr td strong {font-size:12px;line-height:30px;}
.laatikko.perus {padding-bottom:20px !important; margin-bottom:0;}

@media (max-width:640px) {
	.kuvalaatikko .rauli {display:none;}
}

table.valt {width:100%;}
table.valt td {width:25%;}
@media (max-width:640px) {
	.footeri li a {font-size:10px !important;}
	.valt td {font-size:11px;}
}

.uutinen {border-bottom:1px solid #ccc;}
.uutinen h3, .uutinen p {margin-bottom:0;font-size:13px;}
.uutinen h3 {margin-bottom:4px;font-size:18px;}
.avoinna {width:300px; margin-bottom:0px;}
.avoinna td + td{width:100px;}

.numm {font-size:14px; line-height:15px; margin-bottom:-10px;}

#nav ul li.level1.viimeinen > a {margin-bottom:5px;}
#nav ul li.level1.viimeinen {margin-left:5px !important;}

#nav ul li.level1.viimeinen a .icon-phone {
/*
	background-image: url("../../../images/glyphicons-halflings-white.png") !important; margin-top:-3px; margin-right:5px;
*/
	display:none;
}

#footer h3 a {margin-top:0;}

#footer table.footeri h3, #footer table.footeri p {margin-bottom:0 !important; margin-top:0 !important;} 

@media (max-width:600px) {

	.nosmall {display:none;}
}
@media (max-width:600px) {
	.laatikko.kuvalaatikko .otsikko .nappi {padding:0 !important; margin:0 !important;}
	.onlysmall {display:block;}
	#nav ul li.level1.viimeinen {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:45% !important; float:left; display:inline-block; clear:none !important;}
	#nav ul li.level1.viimeinen a {font-size:13px !important; padding-bottom:5px !important;}
	.kuvalaatikko-content {padding:0 !important; border-size:2px !important;}
}

@media (min-width:601px) {

	.onlysmall {display:none !important;}
}

@media (max-width:1100px) {
#nav ul li a {margin-top: 20px !important;}
}