/*
	pattern template.css
	
	(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,
section,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 {
	color:#333;
	background-color:#fff; /* Taustaväri */
	overflow:hidden;
	padding:0px;
	margin:0px;
}

/* Mobiilitausta */
@media (max-width: 1024px) {
	body {
		background-image:url(../images/tausta-mobiili.jpg);
		background-position:top center;
		background-repeat:repeat-x;
		
		background-size:100% auto;
	}
}
/* Normaali tausta */
@media (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 **********/
/* Leipäteksti */
body {
	font:normal normal 14px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	line-height:20px;
	font-weight:300;
}
	
/* 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', Arial, sans-serif;
}

/* Otsikot isoilla kirjaimilla */
/*h1, h2 { text-transform:uppercase; }*/

/* Otsikot */
h1 { font-size: 36px; line-height:40px; font-weight:300; color:#000; }
h2 { font-size: 24px; line-height:30px; font-weight:300; color:#000; }
.laatikko .otsikko h2 { font-size:18px; text-transform:uppercase } /* Laatikon otsikon fonttikoko */
h3 { font-size: 15px; line-height:20px; font-weight:300; color:#555; }
h4 {font-size: 14px; font-weight:300; }
h5 {font-size: 13px; font-weight:300; }
h6 {font-size: 12px; font-weight:300; }

/* Valikko */
#nav ul li.level1 > a, .valikko-koti a, .valikko-avaa a { 
	font-weight:300; font-size:18px; text-transform:uppercase;
}

/* Napit ja sivutus */
.nappi, a.nappi, div.pagination span a, div.pagination span strong, #nav ul li.level1.viimeinen a {
	font-weight:300; font-size:14px;
}
#nav ul li.level1.punanen a {color:#cb0000 !important;}
/* Linkit */
a, a:visited, .eml { font-weight:600; }
h2 a { font-weight:300; }
h3 a { font-weight:300; }

/* Fonttien paksuuksia muissa elementeissä */
strong, b { font-weight:600; } /* Boldatut */
#subnav li a { font-weight:300; } /* Alavalikko */
#left ul.menu li a { font-weight:300; } /* Left-valikko */
#nav .submenu li a { font-weight:300; } /* Dropdown-valikko */
ul.sivukartta ul li a { font-weight:300; } /* Sivukartta */
a.call { font-weight:300; } /* Click to call */
.formNotice { font-weight:600; } /* Lomakkeen virheilmoitus */

/* Mobiili */
@media (max-width: 600px) {
	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 {
		text-transform:none;
	}
}
/*****************************************/

/* Linkit */
a, a:visited, .eml {
	color:#005e8a;
	text-decoration:none;
}
a:hover {text-decoration:underline;}

/* Marginit ja muut yleiset */
#right h2, #left h2, #footer h2 { margin-top:0px; }
h1:last-child { margin-bottom:10px; }

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; }
em, i {font-style:italic;}
hr { border:0px; border-top:1px dotted #aaa; }
td { vertical-align:top; }



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

/* Navi */
#nav .arkki { background-color:#222; margin-top:15px;}
#nav ul li.level1 > a, .valikko-koti a, .valikko-avaa a {
	/* Navin linkkien väri */
	color:#2d2d2d;
	text-shadow:1px 1px 0px #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:#f5f5f5; } /* Hoverin taustaväri */

/* Subnavi */
#subnav li a { color:#fff; }

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

/* Showcase */
#showcase .arkki { background-color:none; }

/* Sisältöalue */
#sisalto .arkki { background-color:#fff; }

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

/* Footer */
#footer { background-color:#171717; }
#footer { color:#fff; } /* Teksti */
#footer a { color:#fff; } /* Linkit */
#footer h2, #footer h3 { color:#fff; } /* Otsikot */
.sitemap, .copyright, .sitemap a { color:#666; } /* Sivukartta, Tietosuojaseloste ja Copyright-teksti */

/* Laatikot */
	.laatikko.perus, .laatikko.kuvaboksi, .laatikko.liukuteksti {
		background:#fff;
	}
	/* Koko laatikon linkin hover */
	.laatikko.isolinkki:hover {
		background:#efefef;
	}

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

/* Laatikoiden ja nappien alatekstit */
	.nappi em, .laatikko .otsikko h2 em { color:#666 !important; }
	.nappi.vari2 em, .laatikko.laatikko-vari2 .otsikko h2 em { color:#eee !important; }
	.nappi.vari3 em, .laatikko.laatikko-vari3 .otsikko h2 em { color:#666 !important; }
	.nappi.vari4 em, .laatikko.laatikko-vari4 .otsikko h2 em { color:#eee !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:first-child, 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 .logo p {
	margin:0px 15px; 
	text-align:left; /* Logon sijainti */
}

/* Logo */
#header .logo { margin-top:0px; float:left; max-width:100%; }

/* Tarjouspallo */
#header .tarjouspallo { margin-top:10px; float:right; max-width:25%; margin-left:5%; }
#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 (max-width: 600px) {
	#header .logo { max-width:96%; width:96%; margin:5px 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:100px; }
}






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


/*** NAVI *******************************************************************************************/
#nav .arkki {
	background-image:url(../images/navi.jpg);
	background-position: top center;
	background-repeat:repeat-x;
	background-color:#a8a8a8;
	margin-bottom:0px;
	
	-moz-box-shadow: 0px 0px 14px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 14px rgba(0,0,0,1);
	box-shadow: 0px 0px 14px rgba(0,0,0,1);
overflow:hidden;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;

}
#subnav .arkki {
	background-image:url(../images/navi.jpg);
	background-position:bottom center;
	background-repeat:repeat-x;

	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
/*
	margin-bottom:0px;
	
	-moz-box-shadow: 0px 0px 14px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 14px rgba(0,0,0,1);
	box-shadow: 0px 0px 14px rgba(0,0,0,1);

	-moz-bottom-left-border-radius: 8px !important;
    -webkit-bottom-left-border-radius: 8px !important;
    bottom-left-border-radius: 8px !important;
	
	-moz-bottom-left-border-radius: 8px !important;
    -webkit-bottom-left-border-radius: 8px !important;
    bottom-left-border-radius: 8px !important;

	-moz-top-left-border-radius: 0px !important;
    -webkit-top-left-border-radius: 0px !important;
    top-left-border-radius: 0px !important;

	-moz-top-left-border-radius: 0px !important;
    -webkit-top-left-border-radius: 0px !important;
    top-left-border-radius: 0px !important;*/
}
#nav .nav-body {
	padding:8px;
}

/* Navin efektit */
#nav .nav-fx1 {
/*	background:url(../../../images/heijastus.png) center center repeat-x;*/
}
#nav .nav-fx2 {
/*	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);*/
}

/* Navi */
#nav ul.menu {margin:0px;padding:0px;}
#nav ul li.level1 {
	margin:0px;
	padding:0px;
	
	list-style:none;
	text-align:center;

	vertical-align:middle;
	
	position:relative;
}

#nav ul li.level1 > a, .valikko-koti a, .valikko-avaa a { 
	display:block;
	
	padding:10px 20px;
	
	text-align:center;	
	
	position:relative;
	z-index:24;
	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:1180px) {
#nav ul li.level1 > a {padding:10px 17px;}
}
@media (max-width:1079px) {
#nav ul li.level1 > a {padding:10px 10px;}
}
@media (max-width:959px) {
#nav ul li.level1 > a {padding:10px 8px;}
}
@media (max-width:800px) {
#nav ul li.level1 > a {padding:10px 16px;}
}
@media (max-width:799px) {
#nav ul li.level1 > a {padding:10px 8px;}
}
@media (max-width:730px) {
#nav ul li.level1 > a {padding:10px 5px;}
}

/* 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 #4fcaf4 !important, 1px 1px 0px #fff !important;
	text-decoration:none;
}

/* Aktiivinen sivu */
#nav li.level1.current a {
	/*background:rgb(0,0,0);
	background:rgba(0,0,0,0.1);*/
	text-shadow:0px 0px 8px #4fcaf4, 1px 1px 0px #fff !important;
	text-decoration:none;
}

/* 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, #nav li a .ikoni, .mobiililinkki { display:none; }


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

#subnav { margin-bottom:0px; }
#subnav .arkki {
	background:#2b2b2b;
	margin-top:0 !important;
	-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 .arkki.taso2 {
	background:none;

}
#subnav .subnav-body {

}
#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 5px;
	margin:0 5px;
	font-size:14px !important;
	text-align:center;
	color:#fff !important;
	line-height:24px;
	font-size:12px;
	text-shadow: 0px 0px 0px !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;
}
#subnav li a:hover { text-decoration:none; }
#subnav li.current a { text-decoration:none; }
#subnav li.level1.current {background:url(../images/current.png) right center no-repeat;width:150px;}
#subnav li.level1.current a {text-align:left;color:#222 !important; text-shadow: 1px 1px 0px #FFF !important;font-size:20px !important;}
#subnav .taso2 li.current {background:none !important;}

#nav {position:relative;}

#subnav.sub2 {position:absolute; bottom:0;left:150px; right:0; background:none !important;}
#subnav.sub2 li {width:auto !important;}
#subnav.sub2 li a {padding:10px 30px 10px 0 !important;margin-top:0;}

#subnav.sub2 li.current a {color:#fff !important; font-size:14px !important; text-shadow: 0px 0px 0px #fff !important;}

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


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

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

/* Mobiilin alavalikko */


/********** Dropdown *********************/
#nav li.level1 > .submenu {
	min-width:100%;
	width:200px; /* Dropdownin leveys */
	
	display:none;

	position:absolute;
	z-index:5000;
	top:200%;
	left:0px;
	
	-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);
}
#nav .submenu ul, #nav .submenu li {
	margin:0px;
	padding:0px;
	
	height:auto;
	list-style:none;
}

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

	text-decoration:none !important;
	text-align:left !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;
}
#nav .submenu .link { display:block; }

/* Alasivun alasivu */
#nav .submenu .submenu .link { padding-left:5px; }
#nav .submenu .submenu .link:before { content:"- "; }

#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; }
}

/* 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-family:Arial, sans-serif;
		font-size:13px !important;
		
		text-transform:none;
	}
	
	/* 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;
		background:transparent !important;
		border:0px !important;
		padding:0px !important;
	}

	#nav ul li.level1 > a, #nav .submenu li a, #nav ul li.level1.viimeinen > a {
		color:#333 !important; /* Tekstin väri */
	}

	/* Navin napit */
	#nav ul li.level1 {}
	#nav ul li.level1 > a, #nav .submenu li a, #nav ul li.level1.viimeinen a {
		padding:4px 6px !important;	
		text-align:left;
	}
	
	#nav ul li.level1 > a, #nav .submenu li a, #nav ul li.level1.viimeinen > 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-image:url(../images/navi.jpg);
		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);
		
		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:200;
		
		display:none;
		
		background:#fff;
		
		padding:6px;
	}
	
	/* Mobiililinkki */
	.mobiililinkki { display:block; width:96%; margin:0 2% 5px 2%; }
	
	/* Dropdownista tehdään subnavi */
	#nav li.level1 > .submenu {
		display:block;
		position:relative;
		top:auto;
		left:auto;
		bottom:auto;
		right:auto;
		z-index:1;
		width:auto;
		
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#nav .submenu .link:before { content: "- "; }
	#nav .submenu .submenu .link { padding-left:10px; }
}

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

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


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

	position:relative;

}
/****************************************************************************************************/


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

}
#sisalto .sisalto-body { padding:20px 10px; }
#sisalto { margin-bottom:10px; }

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


/*** BOTTOM *****************************************************************************************/
#bottom .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);
}
#bottom .bottom-body { padding:20px 10px; }
#bottom { margin-bottom:10px; }

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


/*** FOOTER *****************************************************************************************/
#footer  {
	border-top:3px solid #fff;
	border-bottom:3px solid #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);
}
#footer .footer-body {padding:20px;}
#footer { margin-bottom:5px; }

/* 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 ja sivukarttalinkit */
#copy .copy-body {padding:0px 5px 10px 5px;}
.sitemap { float:left; }
.copyright { float:right; }

.sitemap p, .sitemap ul{ margin:0px 0px 10px 0px; padding:0px; display:inline; }
.sitemap li { margin:0px; list-style:none; display:inline; }
.sitemap li:after { content:" | "; }
.sitemap li:last-child:after { content: ""; }
.sitemap, .copyright { font-size:0.8em; }

/* Sivukartta */
ul.sivukartta {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.sivukartta li {
	margin:0px;
	padding:2px 0 0 0;
	list-style:none;
}
ul.sivukartta li a {
	display:inline-block;
	width:100%;
	max-width:300px;
	display:block;
	line-height:30px;
	padding:0px 5px;
	background:#fff;
	color:#222;
	margin:0px;
	border:1px solid #ddd;
	font-size:12px;
}
ul.sivukartta li a:hover { text-indent:5px; background:#f5f5f5; }
ul.sivukartta ul { margin:0px; padding:0px; list-style:none; background:url(../../../images/sitemap3.png) top left repeat-y; }
ul.sivukartta ul li { padding-left:18px; background:url(../../../images/sitemap1.png) top left no-repeat; }
ul.sivukartta ul li:last-child { }
ul.sivukartta ul li a { color:#444; }

/* Takaisin ylös */
.takaisinylos { display:none; }
@media (max-width: 600px) {
	.takaisinylos { display:block; }
	.takaisinylos a.nappi {text-align:right;}
	.takaisinylos a.nappi:hover { text-indent:0px !important; }
	.takaisinylos a.nappi .ikoni { 
		background-image: url("../../../images/glyphicons-halflings-white.png") !important; 
		vertical-align:baseline;
		margin-left:4px;
	}
}

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


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


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


/*** 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:8px 60px 8px 10px;
	
	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: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 */
.nappi, a.nappi, 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/nappi.jpg);
}

/* Nappi 2 ja sivutuksen sivu, jolla ollaan */
.nappi.vari2, a.nappi.vari2, div.pagination span.curPage strong {
	background-image:url(../images/nappi2.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;
}

/* Toinen rivi */
a.nappi em, .nappi em {
	display:block;
	clear:both;
	font-size:0.85em;
	font-style:normal;
}

/* Sivutus */
div.pagination span a, div.pagination span strong { padding:8px 10px; }
.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;
	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;
}
/****************************************************************************************************/


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

/***************************/
/* Laatikoiden pohja       */
/***************************/
	.laatikot {}
	.laatikko {
		height:auto;
		position:relative;
	
		margin-bottom:20px;
	}
	.laatikko .otsikko {position:relative;}
	.laatikko .kuva {
		height:auto;
		width:100%;
		
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
		
		margin-bottom:10px;
	}
	.laatikko.matala .kuva {height:100px;}
	.laatikko.korkea .kuva {height:300px;}
	
	.laatikko .laatikko-content { margin-bottom:10px; }	
	.laatikko h2, .laatikko h3 { margin-top:0px; margin-bottom:10px; }	
	.laatikko .linkki .nappi {display:block;}	
	.laatikko .open-icon {display:none;}
	
	/* Koko laatikon linkki */
	.laatikko a.isolinkki {
		display:block;
		z-index:50;
		position:absolute;
		top:0px; left:0px; right:0px; bottom:0px;
	}
	.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.laatikko-vari2 .otsikko h2 { background-image:url(../images/nappi2.jpg); }
	.laatikko.laatikko-vari3 .otsikko h2 { background-image:url(../images/nappi3.jpg); }
	
	/* Otsikon alateksti */
	.laatikko .otsikko h2 em {
		display:block;
		clear:both;
		font-size:0.65em;
		font-style:normal;
	}

	/* Pyöristys */
	.laatikko.pyorea, .laatikko.pyorea .kuva,
	.laatikko.pyorea .otsikko, .laatikko.pyorea .otsikko h2,
	.laatikko.pyorea .linkki, .laatikko.pyorea .linkki .nappi,
	.laatikko.pyorea .teksti {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}

	/* 
		Responsiivisuus
		- Piilotetaan laatikoiden sisältö otsikkonapin taakse avattaviksi
		- Lasketaan kuvien korkeutta
	*/
	@media (max-width: 600px) {
		.laatikot .laatikko.laatikko-vari3 .otsikko .open-icon {
			/* Tummat ikonit */
			background-image: url("../../../images/glyphicons-halflings.png") !important;
			
			/* Vaaleat ikonit */
			/*background-image: url("../../../images/glyphicons-halflings-white.png") !important;*/
		}
		.laatikot .laatikko.imOpen .otsikko .open-icon {
			background-position: -313px -119px;
		}
		.laatikko .kuva {height:150px;}
		.laatikko.matala .kuva {height:75px;}
		.laatikko.korkea .kuva  {height:225px;}
	}

/***************************/
/* Laatikko: Perus         */
/***************************/
	.laatikko.perus {
		border:1px solid #ccc;
		
		padding:15px;
	}
	.laatikko.perus .otsikko {margin:-15px -10px 15px -10px;}

	/*
		Responsiivisuus
		- Jos laatikossa ei tekstiä, poistetaan laatikko ja näytetään pelkkä linkkinappi
	*/
	@media (max-width:600px) {
		.laatikko.perus.noText.hasLink {
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			
			padding:0px;
			margin-bottom:0px !important;
		}
		.laatikko.perus.noText.hasLink .laatikko-content, .laatikko.perus.noText.hasLink .kuva,
		.laatikko.perus.noText.hasLink .otsikko {
			margin:5px 5px 15px 15px !important;
		}
		.laatikko.perus.noText.hasLink .otsikko h2 span {line-height:25px !important;padding:0 !important;}
		.laatikko.perus.noText.hasLink .otsikko h2 em {margin-top:-5px;border-top:2px solid #4fcaf4;color:#666 !important;line-height:25px !important;}
		.laatikko.perus.noText.hasLink .nappi5 {margin:10px !important;}
	}

/***************************/
/* 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;
	}
	
	/* Jos ei kuvaa */
	.laatikko.kuvaboksi.noPic .otsikko {
		position:relative;top:auto;left:auto;right:auto;
		margin-left:-10px; margin-right:-10px;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	/* Jos ei tekstiä */
	.laatikko.kuvaboksi.hasPic.noText .laatikko-content {margin-bottom:0px;}
	.laatikko.kuvaboksi.hasPic.noText .linkki {
		margin:0px;
		position:absolute;
		left:-5px;
		bottom:20px;
		width:95%;
		padding:0px;
	}
	
	/* 
		Responsiivisuus
		- Resetataan napit ja otsikot
		- Siirretään tekstittömän laatikon nappi kuvan päälle
		- Pyöristysten fiksailua
	*/
	@media (max-width: 600px) {
		.laatikko.kuvaboksi {margin-left:0px; margin-right:0px; margin-bottom:15px;}
		.laatikko.kuvaboksi .otsikko {
			position:relative !important;
			top:auto !important;
			left:auto !important;
			right:auto !important;
			bottom:auto !important;
			margin:0px !important;
		}
		.laatikko.kuvaboksi .linkki {
			width:auto !important;
			margin:0px !important;
			padding:0px !important;
			position:relative !important;
			top:auto !important;
			left:auto !important;
			bottom:auto !important;
		}
		.laatikko.kuvaboksi.hasOtsikko.hasPic .kuva { margin-top:-15px; }
		.laatikko.kuvaboksi.hasPic.noText .kuva { margin-bottom:0px; }
		.laatikko.kuvaboksi.hasText .linkki { padding:0px 15px 15px 15px !important; }
		.laatikko.kuvaboksi.noText.hasPic .linkki { 
			position:absolute !important; bottom:15px !important; left:15px !important; right:15px !important; 
		}
		
		.laatikko.kuvaboksi.imOpen .otsikko, .laatikko.kuvaboksi.imOpen .otsikko h2,
		.laatikko.kuvaboksi.alwaysOpen .otsikko, .laatikko.kuvaboksi.alwaysOpen .otsikko h2 {
			-moz-bottom-left-border-radius: 0px; -webkit-bottom-left-border-radius: 0px; border-bottom-left-radius: 0px;
			-moz-bottom-right-border-radius: 0px; -webkit-bottom-right-border-radius: 0px; border-bottom-right-radius: 0px;
		}
		.laatikko.kuvaboksi.hasOtsikko.imOpen .kuva, .laatikko.kuvaboksi.hasOtsikko.alwaysOpen .kuva {
			-moz-top-left-border-radius: 0px; -webkit-top-left-border-radius: 0px; border-top-left-radius: 0px;
			-moz-top-right-border-radius: 0px; -webkit-top-right-border-radius: 0px; border-top-right-radius: 0px;
		}
	}

/***************************/
/* 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 .laatikko-content {
		overflow:hidden;
		position:relative;
		margin:0px;
	}
	.laatikko.liukuteksti .teksti {
		margin:0px;
		padding:15px;
		
		position:absolute;
		left:0px;
		bottom:-100%;
		right:0px;
		
		-webkit-transition: all 250ms;
		-moz-transition: all 250ms;
		-o-transition: all 250ms;
		-ms-transition: all 250ms;
		transition: all 250ms;
		
		/* 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;*/
	}
	.laatikko.liukuteksti .kuva {margin:0px;}
	
	.laatikko.liukuteksti:hover .teksti, .isMobile .laatikko.liukuteksti .teksti,
	.isTablet .laatikko.liukuteksti .teksti { bottom:0px !important; }
	
	/* Pyöristyksen ylikirjoitus */
	.laatikko.liukuteksti.pyorea .otsikko, .laatikko.liukuteksti.pyorea .otsikko h2,
	.laatikko.liukuteksti.pyorea.hasLink .teksti, .laatikko.liukuteksti.pyorea.hasLink .kuva {
		-moz-bottom-left-border-radius: 0px; -webkit-bottom-left-border-radius: 0px; border-bottom-left-radius: 0px;
		-moz-bottom-right-border-radius: 0px; -webkit-bottom-right-border-radius: 0px; border-bottom-right-radius: 0px;
	}
	.laatikko.liukuteksti.pyorea .linkki, .laatikko.liukuteksti.pyorea .linkki .nappi,
	.laatikko.liukuteksti.pyorea.hasOtsikko .kuva {
		-moz-top-left-border-radius: 0px; -webkit-top-left-border-radius: 0px; border-top-left-radius: 0px;
		-moz-top-right-border-radius: 0px; -webkit-top-right-border-radius: 0px; border-top-right-radius: 0px;
	}
	
	/* 
		Responsiivisuus
		- 800px: Näytetään tekstit kuvien alla, ei päällä
		- 600px: Pyöristyksen fiksailua ja otsikon margin
	*/
	@media (max-width: 800px) {
		.laatikko.liukuteksti .teksti {
			position:relative;
			left:auto;
			bottom:auto;
			right:auto;
			
			background:transparent;
			
			padding-bottom:0px;
		}
		.laatikot .laatikko.liukuteksti .otsikko {
			margin-bottom:0px !important;
		}
	}
	@media (max-width:600px) {
		.laatikot .laatikko.liukuteksti .otsikko {
			margin-bottom:-10px !important;
		}
		.laatikot .laatikko.liukuteksti.pyorea .otsikko, .laatikot .laatikko.liukuteksti.pyorea .otsikko h2 {
			-moz-bottom-left-border-radius: 6px; -webkit-bottom-left-border-radius: 6px; border-bottom-left-radius: 6px;
			-moz-bottom-right-border-radius: 6px; -webkit-bottom-right-border-radius: 6px; border-bottom-right-radius: 6px;
		}
		.laatikot .laatikko.liukuteksti.imOpen .otsikko, .laatikot .laatikko.liukuteksti.alwaysOpen .otsikko {
			margin-bottom:0px !important;
		}
		.laatikot .laatikko.liukuteksti.pyorea.imOpen .otsikko, .laatikot .laatikko.liukuteksti.pyorea.alwaysOpen .otsikko,
		.laatikot .laatikko.liukuteksti.pyorea.imOpen .otsikko h2, .laatikot .laatikko.liukuteksti.pyorea.alwaysOpen .otsikko h2 {
			-moz-bottom-left-border-radius: 0px; -webkit-bottom-left-border-radius: 0px; border-bottom-left-radius: 0px;
			-moz-bottom-right-border-radius: 0px; -webkit-bottom-right-border-radius: 0px; border-bottom-right-radius: 0px;
		}
	}
	

/***************************/
/* Efektit yms             */
/***************************/

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

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

@media (max-width:600px) {
	.fx {display:none;}
}
/****************************************************************************************************/


/*** 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, .lomake .formTelinput { 
	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;
	margin-right:10px;
}

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

/* Huomautukset */

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

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


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

/* Blogi */
.blogi-kuva {
	width:25%;
	margin-left:5%;
	margin-bottom:5%;
	float:right;
}
.blogi-kuva .uutiskuva { width:100%; display:inline-block; }
.blogi-kuva img {max-width:100%;}

.blogi-lista h2 { display:block; }
.blogi-kommentit {
	display:inline-block;
	font-size:16px !important;
	line-height:20px;
	padding:0 4px;
	position:relative;
	top:-4px;
	text-align:center;
	margin-left:3px;
	
	background: #ffffff;
	border: 1px solid #c9c9c9;
}
.blogi-kommentit:hover {
	-moz-box-shadow: 0px 0px 2px #aaa;
	-webkit-box-shadow: 0px 0px 2px #aaa;
	box-shadow: 0px 0px 2px #aaa;
}
.blogi-kommentit:after, .blogi-kommentit:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.blogi-kommentit:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 6px;
	left: 50%;
	margin-left: -6px;
}
.blogi-kommentit:before {
	border-color: rgba(201, 201, 201, 0);
	border-top-color: #c9c9c9;
	border-width: 7px;
	left: 50%;
	margin-left: -7px;
}
.blogi p.uutispaiva { font-size:12px; }

/* Kommentointi */
.kommentit hr {margin:10px 0;}
.kommentti {}
.kommentti .tiedot {
	float:left;
	width:30%;
	margin-right:5%;
	
	font-size:12px;
}
.kommentti .tiedot p { margin-bottom:0px; }
.kommentti .teksti {
	float:right;
	width:65%;
}

/* Kategoriavalikko */
#right.blogisivu ul.menu, #right.blogisivu ul.menu li { margin:0px; padding:0px; list-style:none; }
#right.blogisivu .laatikko-content { margin-bottom:0px; }

/*** Responsiivinen **********************/
/* 600px tai alle: 
	- Piilotetaan uutiskuva
	- Lue lisää & päivämäärä allekkain
*/
@media (max-width: 600px) {
	.uutiskuva img { display:none; }
	.uutinen .luelisaa, .uutinen .paivamaara { width:auto; float:none; clear:both; text-align:left; }
	
	.blogi-teksti { width:auto !important; float:none; margin-right:none; }
	.blogi-kuva { display:none; }
}
/*****************************************/

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


/*** HAKU *******************************************************************************************/
.haku {margin-bottom:20px; line-height:30px; }
.haku-lomake-hakusanat, .haku-lomake-laheta { height:30px; line-height:30px; }
.haku-lomake-hakusanat {width:400px; max-width:100%;}
.haku-lomake-laheta { padding:0 8px; }

.haku.pieni .haku-lomake-hakusanat, .haku.pieni .haku-lomake-laheta {
	width:100%;
}

.haku-tulokset hr {margin-bottom:10px;}
.haku-tulokset .haku-isoteksti { margin-bottom:10px; }
.haku-tulokset .haku-lisateksti {
	margin-left:20px;
	border-left:2px solid #ccc;
	padding-left:10px;
	font-style:italic;
}

.haku .categorylist p { margin-bottom:0px; }
.haku .search_catlist label { margin-right:12px; }
.haku.pieni .search_catlist label { display:block; margin-right:0px; }
.haku .search_catlist label input { margin-right:2px; }

@media (max-width:600px) {
	.haku-lomake-hakusanat, .haku-lomake-laheta {
		width:100%;
		height:36px; line-height:36px;
	}
	
	.haku .search_catlist label { display:block; margin-right:0px; }
}
/****************************************************************************************************/


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

.googlemaps .reittiHaku {}
.googlemaps .reittiHaku h3 { display:inline-block; margin:0px; }

.googlemaps .reittiHaku .pad { padding:3px !important; }

.googlemaps #rh-valinta select, .googlemaps #rh-valinta option {
	width:100%;
	padding:7px 4px 7px 2px;
}

.googlemaps #reittiAlku { width:100%; padding:8px 0px; text-indent:3px; }
.googlemaps #reittiAlku.empty { color:#999; font-style:italic; }
.googlemaps #haeReitti { width:100% !important; padding:4px 8px !important; text-align:left; }

#right .googlemaps .grid_6, #right .googlemaps .grid_4,
#left .googlemaps .grid_6, #left .googlemaps .grid_4 {
	float:none !important;
	width:auto !important;
	display:block !important;
}

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


/*** JAKAMINEN **************************************************************************************/
.jako {}
.jako .media { display:inline-block; }
.jako .media iframe { margin:0px; }

.jako .media.facebook { display:block; width:100%; max-width:450px; }
.jako .media.facebook .fb-like { position:relative; top:-3px; width:100%; max-width:450px; }
.jako .media.facebook .fb-like > span { width:100% !important; max-width:450px !important; }
.jako .media.facebook iframe { z-index:200; }
/****************************************************************************************************/


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

/* Tuotesivupohja */
#left.tuotesivu hr { display:none; }
#left.tuotesivu h2 { margin-top:0px; }

/* Mobiilinappi */
.tuotelista-mobiilinappi { display:none; margin-top:-10px; }
.tuotelista-mobiilinappi a { margin-bottom:15px; }

/* Tuotelista */
.tuotelista .tuote-vasen {float:left; width:60%; margin-right:5%;}
.tuotelista .tuote-oikea {float:right; width:35%;}

.tuotelista .tuote-pad { padding:10px; }

/* Tuotekuvan jaetut tyylit */
.tuote-kuva {
	display:block;
	
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	-ms-transition: all 250ms;
	transition: all 250ms;
	

	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.tuote-kuva:hover {
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);	
}

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

/* Responsiivisuus 
*/
@media (max-width:800px) {
	#left.tuotesivu hr { display:block; }
	.tuotelista-mobiilinappi { display:block; }
}
@media (max-width:600px) {
	.tuotelista .tuote-kuva { height:120px; }
}

@media (max-width:480px) {
	.tuotelista .tuote-vasen, .tuotelista .tuote-oikea { float:none; width:100%; margin:0px; }
	.tuotelista .tuote-kuva { margin-bottom:5px; }
}

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


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

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


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

/* Sliderin korkeus eri resoluutioissa */
#vslider {height:300px; overflow:hidden; position:relative;}
@media (max-width:1024px) {#vslider, .slide1 {height:300px !important;}}
@media (max-width:980px) {#vslider, .slide1 {height:300px !important;}}
@media (max-width:800px) {#vslider, .slide1 {height:280px !important; padding:0px;}}
@media (max-width:760px) {#vslider, .slide1 {height:280px !important;}}


/* Nappien taustaväri
	Läpinäkyvyyttä tukeva RGBA-arvo, muotoa:
	Punainen 0-255, Vihreä 0-255, Sininen 0-255, Läpinäkyvyys 0.0-1.0
*/
#vslider #prev, #vslider #next {
	background:#555; /* Tämä on varmistus, jos selain ei tue rgba-muotoa */
	background:rgba(0,0,0,0.1);
}
/* Napin hoveri */
#vslider #prev:hover, #vslider #next:hover {
	background:#222; /* Varmistus */
	background:rgba(0,0,0,0.2);
}

@media (min-width:801px) { #vslider .slide-wrap { width:86%; margin-left:7%; margin-right:7%; } }

/* 
	Vaaleataustainen laatikko sliden teksteille 
*/
/*#vslider .slide .teksti {
	background:rgba(255,255,255,0.8);
	padding:10px;
	margin:5px;
}
#vslider .slide .teksti p:last-child {margin-bottom:0px;}*/


/* 
	Slider piiloon mobiilissa (käytä, jos sliderissä ei ole tekstiä)
*/
/*@media (max-width:800px) {#vslider{display:none;}}*/


/*
	Alla oleva esimerkki sijoittaa ekan sliden kuvat hieman eri lailla.
	Vaihtamalla esim, .slide1 -> .slide2, säädät kakkossliden kuvia jne.
*/
/*#vslider .slide1 .kuva1 {left:0%; bottom:10%;}
#vslider .slide1 .kuva2 {left:10%;}
#vslider .slide1 .kuva3 {left:20%; bottom:10%;}
#vslider .slide1 .kuva4 {left:30%;}
#vslider .slide1 .kuva5 {left:40%; bottom:10%;}*/
/****************************************************************************************************/




@media (max-width:1139px) {
.slide1 .teksti1 {margin-bottom:0 !important;width:55% !important; height:70%;}
.slide1 .teksti2 {width: 55%;}
.tekstit {width:100% !important;}
}
@media (min-width:1140px) {
.slide1 .teksti1 {margin-bottom:0 !important;width:50% !important; height:70%;}
.slide1 .teksti2 {width: 50%;}
.tekstit {width:100% !important;}
}
@media (max-width:1040px) {
.slide1 .teksti1 {margin-bottom:0 !important;width:61% !important; height:70%;}
.slide1 .teksti2 {width: 61%;}
.tekstit {width:100% !important;}
}
@media (max-width:940px) {
.slide1 .teksti1 {margin-bottom:0 !important;width:65% !important; height:70%;}
.slide1 .teksti2 {width: 65%;}
.tekstit {width:100% !important;}
}
@media (max-width:640px) {
.slide1 .teksti1 {margin-bottom:0 !important;width:100% !important; height:70%;}
.slide1 .teksti2 {width: 94%;}
.tekstit {width:100% !important;}
}
/*** OMAT TYYLIT ************************************************************************************/

#top .top-body {max-width:1140px; margin:0 auto;}
#header {display:inline-block; float:left;width:20%;}
#nav {display:inline-block; float:right; width:80%;}
#top {margin-bottom:0;}

@media (max-width:800px) {
#header {width:100%; margin:0 !important;
text-align:Center !important; float:none !important;
}
#header .logo {width:100% !important;margin-bottom:-25px;}
#header .logo p {text-align:Center !important; float:none !important;}
#header .logo img {text-align:Center !important;}
#nav {width:100%; margin: 0 !important;}
}

/*** YLÄPALKKI *******/

#ylapalkki {

background:#111;background:rgba(0,0,0,0.7); 

border-top:1px solid #555;
border-bottom:1px solid #555;
border-top:1px solid rgba(255,255,255,0.2);
border-bottom:1px solid rgba(255,255,255,0.2);

margin-bottom:30px; margin-top:10px;padding:20px;

	-moz-box-shadow: 0px 0px 24px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 24px rgba(0,0,0,1);
	box-shadow: 0px 0px 24px rgba(0,0,0,1);

}
#ylapalkki .arkki {position:relative;}
#ylapalkki .jako {position:absolute; right:10px; top: -9px;}

@media (max-width:700px) {
#ylapalkki .jako {position:absolute; top:0px; width:160px;height:50px !important; overflow:hidden;}
#ylapalkki p {width:100%; height:60px;}
#ylapalkki span.next {width:100% !important;}
#ylapalkki  {padding:10px 20px;}
}

@media (max-width:500px) {
#ylapalkki span.missa {display:block;width:100% !important;}
#ylapalkki p {height:110px; text-align:Center;}
#ylapalkki .jako {top:70px; left:50%; margin-left:-80px;}
}

@media (max-width:640px) {
#ylapalkki {margin-bottom:0 !important;}
#header {margin-bottom:-20px !important;}
}

#ylapalkki {font-family:'Fjalla One', Arial, sans-serif; color:#fff;text-transform:uppercase;font-weight:400;font-size:14px;}
#ylapalkki strong {font-weight:400;color:#4fcaf4; font-size:14px;}
#ylapalkki p {padding:0; margin:0;}

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




/*** OTTELUKORTIT *************/

.ottelukortti .ottelijat {font-family:'Fjalla One', sans-serif; font-weight:400;}
.ottelukortti p {margin:0; margin-bottom:2px; color:#fff;}
.vasen {text-align:right;}
.keski {text-align:center;text-transform:uppercase;}
.oikea {text-align:left;}


.ottelijat {
	background:#000 url(../images/korttitausta.jpg) top center repeat-x !important;
	margin-bottom:25px;
	overflow:hidden;
	position:relative;
	-moz-box-shadow: inset 0px 0px 24px rgba(0,0,0,1), 0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: inset 0px 0px 24px rgba(0,0,0,1), 0px 0px 4px rgba(0,0,0,0.7);
	box-shadow: inset 0px 0px 24px rgba(0,0,0,1), 0px 0px 4px rgba(0,0,0,0.7);

	border:inset 3px solid rgba(255,255,255,0.2);
}
.ottelijat .jako {position:absolute; right:10px; top: 10px;}
.ottelijat h2 {
	line-height:20px; 
	background:#111;
	margin-left:10px;
	margin-right:10px;
	margin-top:-6px;
	padding-top:15px;
	padding-bottom:10px;
	background:rgba(0,0,0,0.7); 

	border:1px solid #555;
	/*border-bottom:1px solid #555;*/
	border:1px solid rgba(255,255,255,0.2);
	/*border-bottom:1px solid rgba(255,255,255,0.2);*/

	color:#4fcaf4;
	z-index:3000;
	position:relative;

	-moz-box-shadow: 0px 0px 24px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 24px rgba(0,0,0,1);
	box-shadow: 0px 0px 24px rgba(0,0,0,1);

	text-transform:uppercase;
	font-size:18px;
}

.ottelijat .keski h2 {color:#555;}
.keski p {color:#aaa !important;}
.ottelijat .vasen h2, .ottelijat .oikea h2 {text-align:center !important;}


.paaottelu {
	text-align:Center;
	padding-top:20px;
	position:absolute; 
	top:70px;
	left:0; 
	right:0;
	z-index:50;
}

.paaottelu h2 {
	text-transform:uppercase;
	text-align:Center; 
	color:#eee; 
	color:rgba(255,255,255,0.4);
	text-shadow:1px 1px 0px rgba(0,0,0,0.5);
	letter-spacing:1px;
	font-size:41px; 
	line-height:40px;
}
.ottelijat .grid_2 h2 {

	background:none !important; 
	line-height:10px;
	border-top:0px solid #555;
	border-bottom:0px solid #555;
	border-top:0px solid rgba(255,255,255,0.2);
	border-bottom:0px solid rgba(255,255,255,0.2);
	padding:0 !important;
	color:#4fcaf4;
	z-index:3000;
	margin:0 !important;
	position:relative;

	-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);

}
.ottelijat .sarjaa {position:absolute;color:#fff !important; left:0; right:0;line-height:22px; top:130px;text-align:center;font-size:20px;text-transform:uppercase;}


.laatikko.perus.paa .ottelijat {
	-moz-box-shadow: 0px 0px 14px #4fcaf4;
	-webkit-box-shadow: 0px 0px 14px #4fcaf4;
	box-shadow: 0px 0px 14px #4fcaf4;
}
.laatikko.perus.paa {
	background:#222 !important;
	-moz-box-shadow: 0px 0px 14px #4fcaf4;
	-webkit-box-shadow: 0px 0px 14px #4fcaf4;
	box-shadow: 0px 0px 14px #4fcaf4;
	color:#fff;
}

.laatikko.perus.paa img {width:100% !important;}

.ottelukortti .laatikko.perus img {width:70%; height:auto;}

.ottelukortti .laatikko .kuva {height:100% !important;text-align:Center;padding:0 !important; margin:0 !important;}
.ottelukortti .laatikko .kuva img { /*height:100%;*/}
.ottelukortti .laatikko.paa .kuva {height:100% !important;}
@media (max-width:800px) {
.ottelukortti .laatikko .kuva img {width:100%; height:auto;}
}
.ottelukortti h2 a {color:#4fcaf4;}


.ottelukortti .laatikko.perus {
	-moz-box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px #fff;
	box-shadow: 0px 0px 0px #fff;
	/*background:#f3f3f3;*/
	background:#222;
}

.ottelijat h2 span {font-size:12px; color:#fff;line-height:15px;}

.ottelukortti .kuva {position:relative;}
.vs {top:110px;right:0;left:0;position:absolute;color:#000!important;font-size:80px;} 
.vs p {color:#ccc !important; }
.laatikko.paa .vs {top:150px;}


.parit {display:inline-block; width:100%;font-size:13px;}
.parit .eka {float:left; width:47%;}
.parit .toka {float:left;width:8%;}
.parit .vika {float:left;width:45%;}

h2.ama {text-transform:uppercase;font-size:18px; color:#555;line-height:20px;margin-bottom:0;}
h2.ama span {font-size:13px;font-family:'Source Sans Pro',sans-serif;font-weight:300; color:#888;line-height:15px;}


.nimi {color:#4fcaf4; text-transform:uppercase; margin-top:50px;font-size:48px; text-shadow: 0px 0px 5px #000;}


table.ottelija_tiedot {color:#fff; width:70%; font-size:14px;line-height:19px;}
table.ottelija_tiedot td {text-transform:uppercase;width:25%;font-weight:700;padding:5px 10px;background:#000; background:rgba(0,0,0,0.6);}
table.ottelija_tiedot td+td {width:75%;font-weight:400;}

@media (max-width:1139px) {
.vs {top:120px; font-size:48px;}
.sarjaa {top:155px !important;}
.laatikko.paa .sarjaa {top:200px !important;}
}

@media (min-width:1140px) {
.laatikko.perus.paa .sarjaa {top:200px !important;}
.sarjaa {top:170px !important;}
}

@media (max-width:800px) {
.ottelukortti .kuva img {display:none !important; }
.ottelukortti .laatikko.paa .kuva img {display:block !important;margin-top:50px; }
.ottelukortti .kuva {min-height:0px !important;}
.laatikko.paa .paaottelu {top:15px !important;}
.laatikko.paa .ottelijat h2 {margin-top:0px;padding-top:5px;
background:rgba(0,0,0,0.7); 
border-top:1px solid rgba(255,255,255,0.2);
border-bottom:1px solid rgba(255,255,255,0.2);
position:relative;
-moz-box-shadow: 0px 0px 24px rgba(0,0,0,1);
-webkit-box-shadow: 0px 0px 24px rgba(0,0,0,1);
box-shadow: 0px 0px 24px rgba(0,0,0,1);
}
.ottelijat h2 {margin-top:10px;
background:none; 
border:0px solid rgba(255,255,255,0.2);
position:relative;
-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);
}
.ottelijat {position:relative;}
.sarjaa {top:35% !important;}
.luokat {position:absolute; width:100px; left:50%; margin-left:-50px;background:#111; border:1px solid #666;}
.ottelukortti .grid_2, .ottelukortti .keski {display:none;}
.ottelukortti .grid_5 {width:49.5% !important;display:inline-block !important;text-align:Center !important;}
.vasen {padding-top:10px; text-align:Center;}
.keski {text-align:center;text-transform:uppercase;}
.oikea {text-align:center;}


.ottelijat h2 {margin-top:0px;margin-bottom:0;padding-top:0;}

}


@media (max-width:800px) {
.paa .sarjaa {top:70px !important;}
.sarjaa {top:10px !important;}
}
@media (max-width:540px) {
.sarjaa {display:none;}
.luokat {margin-left:-30px;width:60px;padding:5px 0;}
}

/* A-SARJA */
.voittaja1 {
z-index:5000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
    border-radius: 5px;

position:relative; bottom:50%; color:#fff !important; background:#35ac00; width:30px; height:30px;line-height:30px; right:20px; margin-bottom:0px;}


.tappio1 {
z-index:5000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
    border-radius: 5px;

position:Absolute; bottom:50%; color:#fff !important; background:#f00; width:30px; height:30px;line-height:30px; right:0px; margin-bottom:-15px;}

.tasan1 {
z-index:5000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
    border-radius: 5px;

position:Absolute; bottom:50%; color:#fff !important; background:#0041ac; width:30px; height:30px;line-height:30px; right:20px; margin-bottom:-15px;}


/* B-SARJA */

.bvoittaja1 {
	z-index:5000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
	border-radius: 5px;
	color:#fff !important; 
	background:#35ac00; 
	width:30px; 
	height:30px;
	line-height:30px; 
	margin-bottom:0px;
	text-align:Center;
	float:right;
}


.btappio1 {
	z-index:5000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
    border-radius: 5px;
	color:#fff !important; 
	background:#f00; 
	width:30px; 
	height:30px;
	line-height:30px; 
	margin-bottom:-15px;
	text-align:Center;
	float:right;
}

.btasan1 {
	z-index:5000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
    border-radius: 5px;
	color:#fff !important; 
	background:#0041ac; 
	width:30px; 
	height:30px;
	line-height:30px; 
	margin-bottom:-15px;
	text-align:Center;
	float:right;
}

/* A-SARJA */
.voittaja2 {
z-index:5000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
    border-radius: 5px;

position:Absolute; bottom:50%; color:#fff !important; background:#35ac00; width:30px; height:30px;line-height:30px; left:20px; margin-bottom:-15px;}


.tappio2 {
z-index:5000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
    border-radius: 5px;

position:Absolute; bottom:50%; color:#fff !important; background:#f00; width:30px; height:30px;line-height:30px; left:20px; margin-bottom:-15px;}

.tasan2 {
z-index:5000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
    border-radius: 5px;

position:Absolute; bottom:50%; color:#fff !important; background:#0041ac; width:30px; height:30px;line-height:30px; left:20px; margin-bottom:-15px;}

/* B-SARJA */

.bvoittaja2 {
	z-index:5000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
	border-radius: 5px;
	color:#fff !important; 
	background:#35ac00; 
	width:30px; 
	height:30px;
	line-height:30px; 
	margin-bottom:0px;
	text-align:Center;
}


.btappio2 {
	z-index:5000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
    border-radius: 5px;  
	color:#fff !important; 
	background:#f00; 
	width:30px; 
	height:30px;
	line-height:30px; 
	margin-bottom:-15px;
	text-align:Center;
}

.btasan2 {
	z-index:5000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px ;
	border-radius: 5px; 
	color:#fff !important; 
	background:#0041ac; 
	width:30px; 
	height:30px;
	line-height:30px;  
	margin-bottom:-15px;
	text-align:Center;
}

.vali {position:relative; width:100%;height:40px;}

@media (max-width:800px) {
	.vali, .vali2 {padding:0; }
	.btasan2, .btappio2, .bvoittaja2, .bvoittaja1, .btasan1, .btappio1 {
		position:absolute; left: 50%; margin-left:-15px;
	}
}

.tyhja {
position:Absolute; bottom:50%; width:30px; height:30px;line-height:30px; margin-bottom:-15px;}

.lopputulos {text-align:Center; font-size:20px; color:#fff !important; line-height:30px;padding:0 0 10px 0;background:#000;}
span.method {text-transform:uppercase;color:#4fcaf4;font-size:14px;line-height:10px;}

.lopputulosb {text-align:Center; font-size:20px; color:#fff !important; line-height:30px;padding:0 0 10px 0;}
span.methodb {text-transform:uppercase;color:#888;font-size:14px;line-height:10px;}

.voittaja1, .tyhja, .tappio1, .tasan1, .voittaja2, .tappio2, .tasan2 {position:relative;left:50%;margin-left:-15px;top:5px;margin-bottom:0px;}

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

@media (min-width:641px) {
.submenu {display:none !important; }
}

/*** SLIDER & UUTISET ETUSIVULLA *************/

.rauli {
margin:0px;padding:10px;
background:#747474;
background:rgba(0,0,0,0.4);margin-right:10px;
}
body.sivu161 .rauli { background:none; }
#showcase .grid_4 .rauli {margin-right: 0 !important;margin-top:0px;}
#showcase .grid_4 .rauli p, #showcase .grid_4 .rauli iframe {margin-bottom:0;}
#showcase .grid_4 .rauli iframe {background:#222;}
.rauli2 {position:relative;}
.rauli .uutiset {height:260px; margin-bottom:0 !important;background:none !important;
-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);
}

@media (max-width:640px) {
.rauli .uutiset {height:auto !important;}
}

.rauli .uutiset .otsikko h2 {background:url(../images/navi.jpg) top center repeat-x;
	border: 0 !important;
	line-height:40px;
	text-indent:10px;
		color:#2d2d2d !important;
	text-shadow:1px 1px 0px #fff;
	font-size:18px; text-transform:uppercase;
	}
	
	
.rauli .uutiset .otsikko {
	margin:-35px -25px 5px -25px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px ;
    border-radius: 10px;
	overflow:hidden;
	-moz-border-bottom-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;

	-moz-border-bottom-right-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;

	border: 0 !important;
	
}

.uutinen {
	padding:10px 15px;
	/*background:#eee;*/
}

body.sivu1 .uutinen {
	/*margin: 0 -15px;*/
	padding:10px 15px;
	/*background:#4f4f4f;*/
	/*background:rgba(0,0,0,0.4);*/
	background:rgba(0,0,0,0.05);
}

body.sivu1 #showcase .laatikko.perus {border:0 !important;}
/*body.sivu1 .uutinen h3 a {color:#fff;}*/

.uutinen h3 a {font-size:14px; text-transform:none; color:#222;}



.uutinen h3 {margin-bottom:4px;}
.uutinen .luelisaa a {color:#999; font-family:'Fjalla One',sans-serif;text-transform:uppercase; font-size:13px;font-weight:400;}

body.sivu1 .luelisaa a {color:#4fcaf4;}

.uutinen .paivamaara {color:#999;}
.uutinen .info {margin-bottom:0;}
.uutiset hr {border:0; padding:2px;margin:0;}
a.nappi5, .nappi5 {background:#222; color:#fff; font-family:'Fjalla One',sans-serif;font-size:13px; font-weight:400;
text-transform:uppercase; clear:both;display:block; line-height:40px;margin:10px 0px 10px 0px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px ;
    border-radius: 6px;
	text-indent:20px;
}
body.sivu1 a.nappi5, body.sivu1 .nappi5 {margin:10px -15px 0 -15px;}

#showcase h1 {color:#fff;}

#showcase .arkki {overflow:hidden;}

h1.first, h1.center, h1.last {text-transform:uppercase;text-align:center;}

h1.first {font-size: 88px; color:#4fcaf4 !important;line-height:50px;margin-bottom:9px;}
h1.center {font-size: 27px;margin-bottom:9px;}
h1.last {font-size: 63px;}

h1.center a, h1.last a { color:#fff; font-weight:400; }

body.sivu1 a.nappi6, body.sivu1 .nappi6 {margin:10px -15px 0 -15px;}


a.nappi6, .nappi6 {background:#4fcaf4; color:#111; font-family:'Fjalla One',sans-serif;font-size:15px; font-weight:400;
text-transform:uppercase; clear:both;display:block; line-height:40px;margin:10px 0px 10px 0px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px ;
    border-radius: 6px;
	text-indent:20px;
}
a.nappi6.katso {margin:10px 10px !important; text-align:center; font-size:17px;text-indent:0 !important;}
a.nappi7, .nappi7 {background:#4fcaf4; color:#111; font-family:'Fjalla One',sans-serif;font-size:23px; font-weight:400;
text-transform:uppercase; clear:both;display:block; line-height:60px;margin:10px 0px 10px 0px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px ;
    border-radius: 6px;
	text-align:center;
}

a.nappi8, .nappi8 {background:#cb0000; color:#fff; font-family:'Fjalla One',sans-serif;font-size:18px; font-weight:400;
text-transform:uppercase; clear:both;display:block; line-height:40px;margin:10px 0px 10px 0px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px ;
    border-radius: 6px;
	text-align:center;
}

a.nappi10, .nappi10 {background:#cb0000; color:#fff; font-family:'Fjalla One',sans-serif;font-size:18px; font-weight:400;
text-transform:uppercase; clear:both;display:block; line-height:40px;margin:10px 0px 10px 0px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px ;
    border-radius: 6px;
	text-align:center;
}

a.nappi11, .nappi11 {background:#4fcaf4; color:#fff; font-family:'Fjalla One',sans-serif;font-size:24px; font-weight:400;
text-transform:uppercase; clear:both;display:block; line-height:1.4em;margin:10px 0px 10px 0px; padding:15px 10px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px ;
    border-radius: 6px;
	text-align:center;
	
	-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;
}
a.nappi11:hover, .nappi11:hover {background:#2DAFD8;}

a.lisatietoa {background:#ddd;padding:5px 15px;margin-top:20px !important;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px ;
    border-radius: 6px;
	line-height:50px;
}

.slide1 .teksti1 {margin-bottom:20px;}

@media (max-width:800px) {
.slide1 .teksti1 {margin-bottom:0 !important;width:100%; height:70%;}
.slide1 .teksti2 {margin-left:0px; margin-bottom: 0 !important;}
body.sivu1 .nappi6, body.sivu1 .slide1 a.nappi6 {margin:10px; width:100% !important;margin-top:20px !important;}
h1.first {font-size:88px !important;margin-top:50px;}
h1.center {margin-bottom:15px;}
h1.last {}
.rauli .uutiset {height:auto !important;}
}


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


body.sivu1 #sisalto .arkki {background:none !important;
-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);
margin-top:20px;
}


body.sivu1 .laatikot .pad, body.sivu1 .sisalto-body {padding:0 !important;}
body.sivu1 .laatikot .gridi:first-child .pad {margin-right:10px;}

@media (max-width:640px) {
body.sivu1 .laatikot .gridi:first-child .pad {margin-right:0px !important;}
}

#sisalto .laatikko.perus .otsikko {margin: -15px 0px 15px 0px; border-bottom:2px solid #4fcaf4;}
#sisalto .laatikko.perus .otsikko h2 {padding:20px 0 0 0 !important;font-size:20px;color:#555;}

@media (max-width:640px) {
#sisalto .laatikko.perus .otsikko {border:0 !important;}
#sisalto .laatikko.perus .otsikko h2 {line-height:40px !important;padding-top:0 !important; }
#sisalto .laatikko.perus {margin-top:15px !important;}
}

table.tapahtuma {width:100%;text-transform:uppercase; margin-bottom:8px; background:#f0f0f0; color:#555; font-family:'Fjalla One',sans-serif; font-weight:400;}
table.tapahtuma td {width:70%;padding:3px 10px;}
table.tapahtuma td+td {width:30%; text-align:right; color:#4fcaf4;}
table.tapahtuma tr {font-size:20px;}
table.tapahtuma td {padding-top:10px;}
table.tapahtuma tr+tr td {padding-top:0 !important;}
table.tapahtuma tr+tr {font-size:13px;}

table.logot {width:90% !important;}
table.logot td {text-align:center !important;padding:3px 0;vertical-align:middle !important;}
table.logot tr td img {max-width:90%;}
table.logot tr+tr td img {max-height:80px;}
table.logot tr td {width:50% !important;}
table.logot tr+tr td {width:33% !important;}
table.logot tr+tr+tr td {width:20% !important;}
table.logot tr+tr+tr td img {max-width:96%;}

ul.tapahtuma li {text-transform:uppercase;font-size:13px;
color:#555; font-family:'Fjalla One',sans-serif; font-weight:400;
background:#f0f0f0; margin:0; margin-bottom:10px;padding:10px 10px 7px 10px;list-style-type:none;
}
ul.tapahtuma li strong {font-size:20px;font-weight:400; text-transform:uppercase;}
ul.tapahtuma li a {display:block; clear:both;font-weight:400;color:#555;}
ul.tapahtuma li a span.aika, ul.tapahtuma li span.aika {float:right;font-size:20px;color:#4fcaf4;}
ul.tapahtuma li a:hover {text-decoration:none;}
ul.tapahtuma li:hover {background:#ccc;}


/* OTTELUKORTTIEN UUTIS PALIKKKA */

#left .laatikko.perus .otsikko {margin: -15px 0px 15px 0px; border-bottom:2px solid #4fcaf4;}
#left .laatikko.perus .otsikko h2 {padding:20px 0 0 0 !important;font-size:20px;color:#555;}


@media (min-width:640px) {
ul.footermenu {display:inline !important;float:right;}
ul.footermenu li ul {float:left !important;}
ul.footermenu li {display:inline;float:left;margin-left:0;}
}

ul.footermenu li a {font-family:'Fjalla One',sans-serif; padding:5px 65px 5px 0; text-transform:uppercase; font-weight:400;}
ul.footermenu li ul li a {color:#eee !important; font-weight:300;font-size:12px; padding:0 !important; text-transform:none !important;}
ul.footermenu li ul li {margin-left:10px; width:100%;}
ul.footermenu li ul li a {}
ul.footermenu li ul li ul li a {color:#ccc !important; padding:0 !important;width:100%; text-transform:none !important;}
ul.footermenu li ul li ul li, ul.footermenu li ul li ul {display:block !important; float:left;}



@media (max-width:895px) {
ul.footermenu li a {padding:5px 30px 5px 0px !important;}
}

@media (max-width:739px) {
ul.footermenu {display:block !important;}
ul.footermenu li {display:block !important; float:left;width:90%;margin-top:0px;}
ul.footermenu li.level1 {margin-top:10px;}
ul.footermenu li ul li ul {margin-bottom:0px !important;}

#footer .footteri, #footer .grid_4, #footer .grid_8 {width:100% !important;}
}


body.sivu27 .rauli {background:none;}

#showcase .ots {background:#222; background:rgba(0,0,0,0.5);padding:20px;}




#vslider {background:#000;}
@media (max-width:815px) {
.ottelijat .nimi {text-align:center !important;}
.ottelijat .kuva {text-align:center;}
}
@media (max-width:640px) {
.ottelijat .grid_5 {margin-right:-2px !important;}
.ottelijat .nimi {font-size:54px !important; text-align:center;line-height:50px; margin-top:20px;}
.ottelijat .kuva {margin-top:50px; text-align:center;}
}
@media (max-width:500px) {
.ottelijat .nimi {font-size:30px !important;}
}


.cage_otsikko table {width:100%; margin-top:40px; margin-bottom:0;}
.cage_otsikko table td {width:50%;}
.cage_otsikko table td+td {width:50%;}

.cage_otsikko {text-shadow:2px 2px 0px #333;}

.cage_otsikko h1 {font-size:110px; line-height:80px;}
.cage_otsikko h2 {font-size:42px;line-height:40px;color:#4fcaf4; text-transform:uppercase;}
.cage_otsikko h3 {font-size:30px; line-height:30px; color:#eee; text-transform:uppercase;}
#showcase .palstat {margin-bottom:0; padding-bottom:0;}
.cage_otsikko .nappi10 {margin-top:60px;}

@media (max-width:1140px) {
.cage_otsikko table td {width:45%;}
.cage_otsikko table td+td {width:60%;}
.cage_otsikko h1 {font-size:90px;}
.cage_otsikko h2 {font-size:35px;line-height:35px;}
.cage_otsikko h3 {font-size:25px;line-height:30px;}

}

@media (max-width:1000px) {
.cage_otsikko table td {width:45%;}
.cage_otsikko table td+td {width:60%;}
.cage_otsikko h1 {font-size:72px; line-height:60px;}
.cage_otsikko h2 {font-size:30px;line-height:25px;}
.cage_otsikko h3 {font-size:20px;line-height:20px;}

}
@media (max-width:800px) {
.cage_otsikko table td {width:45%;}
.cage_otsikko table td+td {width:60%;}
.cage_otsikko h1 {font-size:80px; line-height:60px;color:#222 !important; text-shadow:0px 0px 0px #fff !important;}
.cage_otsikko h2 {font-size:30px;line-height:25px; text-shadow:0px 0px 0px #fff !important;}
.cage_otsikko h3 {font-size:20px;line-height:20px;color:#555 !important; text-shadow:0px 0px 0px #fff !important;}
.cage_otsikko .nappi10 {margin-top:-10px;}
}

@media (max-width:640px) {
.cage_otsikko table {margin-bottom:-25px;}
.cage_otsikko table td {width:100%;display:block; text-align:center;}
.cage_otsikko table td+td {width:100%;}
.cage_otsikko h1 {font-size:80px; line-height:60px;color:#222 !important; text-shadow:0px 0px 0px #fff !important;}
.cage_otsikko h2 {font-size:30px;line-height:25px; text-shadow:0px 0px 0px #fff !important;}
.cage_otsikko h3 {font-size:20px;line-height:20px;color:#555 !important; text-shadow:0px 0px 0px #fff !important;}
.cage_otsikko .nappi10 {margin-top:-10px;margin-bottom:-10px;}
}

@media (max-width:640px) {
#ylapalkki {display:none;}
}


body.sivu76 #sisalto .laatikko.perus .kuva, body.sivu114 #sisalto .laatikko.perus .kuva {
	margin-left:0px !important;
	width:97%;
	height:140px;
}

@media (max-width:480px) {
	body.sivu76 #sisalto .laatikko.perus .kuva, body.sivu114 #sisalto .laatikko.perus .kuva {display:none;}
}


/* Arkistovalikko */
	#subnav.sub2 .nuolet {display:none;}
	.subnavi-fix #subnav.sub2 .nuolet {display:block;}
	
	#subnav.sub2 .subnav-body {
		width: 100%;
		overflow: hidden;
		position: relative;
		height: 44px;
	}
	#subnav.sub2 ul {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 10000px;
	}
	#subnav.sub2 ul li {
		float:none !important;
		display:inline-block !important;
	}
	
	/* Nuolet */
	#subnav.sub2 .nuolet {
		position:absolute; right:0px; top:7px; z-index:500;
		background:url(../images/nuolet-bg.png) top left repeat-y;
		padding-right:10px;
		padding-left:25px;
		
		text-align:right;
		vertical-align:baseline;
	}
	#subnav.sub2 .nuolet a {
		display:inline-block;
		width:27px; height:27px;
		margin:0 4px;
		background:url(../images/navi.jpg) top center repeat-x;
		
		border-radius:8px;
	}
	#subnav.sub2 .nuolet a span {
		display:block; width:27px; height:27px;
		background:url(../images/nuolet.png) top left no-repeat;
	}
	#subnav.sub2 .nuolet a#edellinen span {background-position:0px 0px;}
	#subnav.sub2 .nuolet a#edellinen:hover span {background-position:0px -27px;}
	
	#subnav.sub2 .nuolet a#seuraava span {background-position:-27px 0px;}
	#subnav.sub2 .nuolet a#seuraava:hover span {background-position:-27px -27px;}
	
	#subnav.sub2 .nuolet a.disabled {
		cursor:default;
		-moz-opacity:0.3;
		-o-opacity:0.3;
		-webkit-opacity:0.3;
		opacity:0.3;
	}


h2.ama a {color:#555555 !important;}

table.slider_paa {width:100%;}
table.slider_paa td {width:50%; text-align:center !important;}


.slide2 h1.first {font-size:50px;}
.slide2 h2 {text-align:center !important; color:#fff !important;}
.slide2 h3 {text-align:center !important; color:#fff !important;}
.slide2 {text-algin:center;}
.slide2 .tekstit {bottom:0 !important;}


table.sott {max-width:100% !important; width:100%;
font-family:'Fjalla One',sans-serif; }

table.sott tr td {padding-top:40px;}
table.sott tr+tr td {padding-top:0;}

table.sott td { text-align:center; color:#fff;width:45%; font-size:20px;}
table.sott td.keskus {width:10%; vertical-align:middle;
font-size:40px;
}
table.sott td+td+td {width:45%;}

table.sott strong {color:#30ACF4; font-size:30px;margin-top:20px; display:block;}

.logoja h2 {text-align:left;}
.logoja {text-align:Center;}
.logoja img {max-height:60px; width:auto;margin:0 10px;}
.logoja p:first-child img {max-height:100px; width:auto; margin-top:15px;}

@media (max-width:600px) { .logoja p:first-child img {margin-top:0px;} }

.cage24_ottelijat {width:100% !important;}
.cage24_ottelijat .cage_pad {padding:10px; !important; overflow:auto;}
.cage24_ottelijat .eka, .cage24_ottelijat .toka, .cage24_ottelijat .vika {width:33.3%; display:inline-block; float:left; text-align:center;
}
.name {
font-family:'Fjalla One', Arial, sans-serif;
font-weight:400;
color:#4FCAF4;
text-transform:uppercase;
font-size:14px;
line-height:20px;
display:block;
margin:0px 10px;
background:#000; border:2px solid #333; 
margin-top:-5px;
padding:5px 0;
}
.cage_pad {height:250px;}
.slidekuva { display:block;}
.cage24_ottelijat .eka, .cage24_ottelijat .vika {width:27%;}
.eka img, .vika img {max-width:85%;}
.cage24_ottelijat .toka {width:46%; overflow:auto;height:250px;}
.toka .name {font-size:22px;}
#vslider .slide-wrap {max-width:730px !important;}

body.sivu154 .rauli { background:none; }

.sivu155 .rauli {background:none;  }

.sivu155 #sisalto .fb-like span, .sivu155 #sisalto .fb-like iframe {display:block; width:450px !important;}

.kilpailu-tee {background:#eee;}

@media (max-width:800px) {
	.kilpailu-tee {padding:30px;}
}

@media (max-width:900px) {
	#ylapalkki {padding-bottom:80px;}
	.jako.fb1 {left:0; top:40px !important;}
	.jako.fb2 {left:170px; top:40px !important;}
	.jako.gt {left:350px; top:50px !important;}
}

table.cha td {width:auto !important;padding-right:15px;}
table.cha h1 em {font-size:25px; font-style:normal; line-height:35px;text-transform:uppercase;
display:block; margin-top:10px; letter-spacing:9px;
margin-left:5px;
}
table.cha h2 em {font-style:normal; color:#fff;}
.cha a.nappi10 {margin-top:10px; display:inline-block; padding-left:25px; padding-right:25px;}

.sivu157 #subnav li.level1.current {width:280px;}
.sivu157 #subnav.sub2 {left:280px;}


/* Etusivun iso traileri */
#scase .etusivu-trailer {
	position: relative;
	padding-bottom: 407px; /* 56.25%; / 16:9 */
	padding-top: 25px;
	margin-bottom: 0px;
	height: 0;
	z-index: 1 !important;
}
#scase .etusivu-trailer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1 !important;
}

#scase .etusivu-trailer.julisteella { padding-bottom:280px; }
#scase .etusivu-trailer .julistekuva {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	
	background-size: cover;
	background-position: right;
}
@media (max-width:1024px) { #scase .rauli { margin-right:0; } }
@media (max-width:800px) { #scase .etusivu-trailer.julisteella { padding-bottom:200px; } }
@media (max-width:600px) {
	#scase .etusivu-trailer.julisteella { padding-bottom:180px; }
	#scase .etusivu-trailer .julistekuva {
		background-size:contain;
		background-position:bottom;
		background-color:#fff;
		background-repeat:no-repeat;
	}
}
@media (max-width:480px) {
	#scase .etusivu-trailer { padding-bottom:180px; }
	#scase .etusivu-trailer.julisteella { padding-bottom:120px; }
}



/* Alasivujen alanavin fiksaus */
#subnav li.level1.current:first-child { width:auto; }
#subnav li.level1.current:first-child a { padding: 10px 35px 10px 8px; }

body.challenger #subnav.sub2 {left:260px;}


/* Etusivun tapahtumat -laatikot */
@media (min-width:601px) {
	body.tapahtuma-kuvat #content-top .laatikko.perus .kuva { min-height:240px; }
	body.tapahtuma-kuvat .laatikko.perus.uutiset { min-height:352px; }
}
@media (max-width:600px) { body.tapahtuma-kuvat #content-top .laatikko.perus .kuva { margin:5px 0 15px 0 !important; } }

body.tapahtuma-kuvat .laatikko.perus a.nappi5 { margin: 10px 0 0 0px; }
body.tapahtuma-kuvat #content .laatikko.perus .kuva { min-height:220px; }
body.tapahtuma-kuvat .laatikko.perus .otsikko h2 { font-size:30px !important; line-height:30px; text-align:center; }

@media (max-width:1024px) {
	body.tapahtuma-kuvat #content .laatikko.perus .kuva { margin:0 !important; width:98%; background-size:contain; }
}



/* Ottelijakortti mobiili */
@media (max-width:600px) {
	.ottelukortti .grid_5 { vertical-align:top; margin-right:-2px !important; }
	.vasen { padding-top:0px; }
	.ottelijat { padding-top:20px !important; }
	
}



@media (min-width:601px) { .laatikko.perus.kavennus300 .laatikko-content { height:300px !important; } }



.logoja .logo-pieni { max-height:26px; }

#content .grid_6 iframe { background:#222; }

.ottelukortti .laatikko .laatikko-content, 
.laatikko.paa .laatikko-content { margin-bottom:0px; }

.ottelukortti .laatikko, 
.laatikko.paa { padding:15px 15px 0 15px; }


/* Ottelijakortin CAGE-logo */
.cagelogo {
	/*width:110px !important;*/
	
	position:absolute;
	top:20px; left:0; right:0;
	z-index:100;
	text-align:center;
}
.laatikko.paa .cagelogo { top:265px; }

.ottelukortti .laatikko.perus .cagelogo img { width:70px !important; }
.ottelukortti .laatikko.perus.paa .cagelogo img { width:90px !important; }

@media (max-width:1024px) { .cagelogo { top:20px !important; } }
@media (max-width:800px) {
	.cagelogo { top:150px !important; }
	.ottelukortti .laatikko.perus .cagelogo { display:none; }
	.ottelukortti .laatikko.perus.paa .cagelogo { display:block; }
}
@media (max-width:540px) { .cagelogo { top:100px !important; } .ottelukortti .laatikko.perus.paa .cagelogo img { width:20% !important; } }


.height100 { min-height:100px; }
.height120 { min-height:120px; }



/* INSTAGRAM */
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }