/* reset */

* 
	{ padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
html
	{ height: 100%; }
body 
	{ height: 100%; font-size: 62.50%; background: transparent url('/kuvat/backgrounds/body.jpg') repeat 0 0; }
	
/* clearing --------------*/
.x:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 
* html .x { height: 1%; } 
*:first-child+html .x { min-height: 1px; }
/* -----------------------*/

a, img {
	outline: none;
	border: 0;
}
#site a,#footer a {
	text-decoration: none;
	color: #34a1c6;
	font-weight: bold;
}
#site a:hover, #footer a:hover {
	text-decoration: underline;
}

#wrapper {
	width: 100%;
	min-width: 994px;
	background: transparent url('/kuvat/backgrounds/wrapper.jpg') repeat-y 50% 0;
}

#container {
	width: 100%;
	min-width: 994px;
	background: transparent url('/kuvat/backgrounds/top.png') repeat-x 0 0;
}

#site {
	width: 100%;
	min-width: 1014px;
	background: transparent url('/kuvat/backgrounds/bottom.png') repeat-x 0 bottom;
}

#site-inner-inner {
	padding: 0 0 75px 0; 
}

#top {
	position: relative;
	width: 1014px;
	margin: 0 auto;
	height: 412px;
}

#topimg {
	width: 380px;
	height: 266px;
	position: absolute;
	top: 15px;
	left: 24px;
	z-index: 10;
}
#topimg img {
	position: absolute;
	top: 9px;
	left: 3px;
}
#frame {
	width: 380px;
	height: 266px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url('/kuvat/backgrounds/frame1.png') repeat-x 0 0;
}
#categories {
	width: 570px;
	height: 260px;
	position: absolute;
	top: 12px;
	right: 23px;
	background: transparent url('/kuvat/backgrounds/ads.png') repeat-x 0 0;
	z-index: 15;
	padding: 17px 0 0 48px;
}

#categories .cat1 {
	float: left;
	width: 180px;
	margin: 0 15px 0 0;
}
#categories .cat2 {
	float: left;
	width: 150px;
	margin: 0 20px 0 0;
}
#categories .cat3 {
	float: left;
	width: 180px;
}
#categories .cat4 {
	width: 530px;
	padding-top: 10px; 
}

#categories .cat
	{ position: relative; }
#categories .cat .adholder
	{ overflow: hidden; }
#categories .cat1 .adholder
	{ width: 180px; height: 110px; }
#categories .cat2 .adholder
	{ width: 150px; height: 110px; }
#categories .cat3 .adholder
	{ width: 180px; height: 110px; }
#categories .cat4 .adholder
	{ width: 530px; height: 50px; }
	
#categories .cat1 .adholder a
	{ width: 180px; height: 110px; display: block; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
#categories .cat2 .adholder a
	{ width: 150px; height: 50px; display: block; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
#categories .cat3 .adholder a
	{ width: 180px; height: 50px; display: block; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
#categories .cat4 .adholder a
	{ width: 120px; height: 50px; display: block; background-position: center center; background-repeat: no-repeat; overflow: hidden; }	


	

#categories h2 {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #414042;
	font-weight: normal;
	padding: 0 0 10px 28px;
}
#categories .cat4 h2 {
	padding: 0 0 1px 28px;
}
#categories a {
	display: block;
	font-size: 0;
	line-height: 0;
}
#categories .cat2 a {
	margin-bottom: 10px;
}
#categories .cat3 a {
	margin-bottom: 10px;
  height: 50px;
}
#categories .cat4 a {
	float: left;
	margin-left: 12px;
	display: inline;
  width: 120px;
  min-width: 120px;
  height: 50px;
  min-height: 50px;
  text-align: center;
  vertical-align: middle;
}

#logo {
	width: 274px;
	height: 100px;
	position: absolute;
	bottom: 27px;
	left: 75px;
}
#menu {
	width: 613px;
	height: 149px;
	position: absolute;
	bottom: 0;
	right: 20px; 
	background: #34a1c6 url('/kuvat/backgrounds/menu.png') repeat-x 0 0;
	z-index: 5;
}

#menu ul {
	padding: 46px 0 40px 48px; background: transparent url("/kuvat/icons/menu_active.png") no-repeat 67px 73px;
}
#menu li {
	float: left;
	display: block;
	padding: 0 19px 17px 19px;
}
#menu .point {
	position: absolute;
	top: 70px;
	background: transparent url('/kuvat/icons/menu_active.png') no-repeat 50% bottom;
	display: block;
	width: 19px;
	height: 10px;
}
#menu li.home {
	padding: 0 16px 19px 16px; 
}
#menu li a.menu {
	float: left;
	display: block;
	font-size: 1.8em;
	color: #fff;
	padding-bottom: 1px;
}
#menu li a.menu:hover {
	border-bottom: 1px solid #fff; 
}
#menu li.home a.menu {
	width: 25px;
	height: 20px;
	background: transparent url('/kuvat/icons/home.png') no-repeat 0 0;
	text-indent: -5000px;
}
#menu li.home a.menu:hover {
	border-bottom: none; 
	background-position: 0 bottom; 
}
#menu li a {
	font-weight: normal;
}
#menu li a:hover {
	text-decoration: none;
}
#menu .submenu {
	width: 548px;
	height: 41px;
	background: transparent url('/kuvat/backgrounds/submenu.png') no-repeat 0 0;
	position: absolute;
	top: 83px;
	left: 39px;
}
#menu li ul {
	text-align: left;
	width: 548px;
	height: 41px;
	display: none;
	position: absolute;
	top: 83px;
	left: 59px; //39
}
#menu li ul {
	margin: 0 auto;
	padding: 13px 0 0 0;
	height: 28px;
}
#menu li.active ul {
	display: block;
}
#menu li ul li {
	margin: 0 6px;
	padding: 0;
	display: inline;
	float: none;
	background: none !important;
}
#menu li ul li a {
	font-size: 1.4em;
	color: #000;
	display: inline;
}
#menu li ul li a:hover {
	text-decoration: underline;
}
#menu li ul li.active a {
	font-weight: bold;
}

#content {
	width: 939px;
	margin: 0 auto;
	padding: 10px 0 27px 75px;
}

#content table {
	border: 0;
}
#content table td {
	vertical-align: top;
}
#content table td.img {
	padding-right: 22px;
	width: 105px;
}

#content #news1 {
	float: left;
	width: 285px;
}
#content #news2 {
	float: right;
	width: 500px;
	padding: 18px 85px 0 0;
}

#news1 .news_item {
	margin: 10px 0 19px 0;
}
#news2 .news_item td {
	padding: 0 0 36px 0;
}

#content p {
	font-size: 1.2em;
	line-height: 1.68em;
	color: #414042;
  margin-bottom: 20px;
  text-align: justify;
}
#content p.leftalign {
	font-size: 1.2em;
	line-height: 1.68em;
	color: #414042;
  margin-bottom: 20px;
  text-align: left;
}
#content li {
	font-size: 1.2em;
	line-height: 1.68em;
	color: #414042;
}
#content #news1 p {
	margin-bottom: 10px;
}
#content #news2 p {
	margin-bottom: 6px;
}
#content #news1 p.date {
	margin-bottom: 0;
	color: #a7a9ac;
}
#content #news2 p.links {
	margin-bottom: 0;
}

#content h1 {
	font-size: 2.2em;
	line-height: 1em;
	color: #ed145b;
	font-weight: normal;
	margin-bottom: 12px;
	letter-spacing: -0.025em;
}
#content h2 {
	font-size: 1.8em;
	line-height: 1em;
	color: #ed145b;
	font-weight: normal;
	margin-bottom: 12px;
	margin-top: 12px;
	letter-spacing: -0.025em;
}
#content h2 a {
	color: #ed145b;
	font-weight: normal;
}
#content #news2 h2 {
	margin-top: 15px; 
}
#content h3 {
	font-size: 1.4em;
	line-height: 1em;
	color: #414042;
	font-weight: normal;
	margin: 12px 0;
	letter-spacing: -0.025em;
}
#content ul {
	margin: 20px; 
	padding: 0px;
}
#content ol {
	margin: 20px 25px; 
	padding: 0px;
}

#scroll 
	{ }
#scroll li
	{ line-height: 23px; font-size: 12px; list-style-type: none; color: #a7a9ac; white-space: nowrap; }
#scroll .scrolla	
	{ width: 242px; height: 18px; display: block; }
#scroll .scrolla span
	{ width: 242px; height: 18px; display: block; text-indent: -5000px; cursor: pointer; }
#scroll .scrollUp
	{ background: transparent url("/kuvat/backgrounds/divider1.png") no-repeat left bottom; }
#scroll .scrollDown
	{ background: transparent url("/kuvat/backgrounds/divider2.png") no-repeat left top; }
#scroll .scrollUp span
	{ background: transparent url("/kuvat/icons/up_down.png") no-repeat 83px -5px; }
#scroll .scrollDown span
	{ background: transparent url("/kuvat/icons/up_down.png") no-repeat 83px -92px; }
#scroll .scrollUp span.can
	{ background: transparent url("/kuvat/icons/up_down.png") no-repeat 83px -68px; }
#scroll .scrollDown span.can
	{ background: transparent url("/kuvat/icons/up_down.png") no-repeat 83px -31px; }
#scroll .scroller
	{ position: relative; height: 115px; overflow: hidden; margin: 4px 0 9px 0; }
#scroll .scroller ul
	{ position: absolute; top: 0; left: 0; margin: 0; padding: 0; }

#footer {
	width: 970px;
	margin: -75px auto 0 auto;
	background: transparent url('/kuvat/backgrounds/footer.png') no-repeat 0 0;
	padding: 19px 0 9px 0;
}
#footer * {
	color: #969596;
}

#footer #copyright {
	float: left;
	width: 250px;
	padding: 0 95px 0 34px;
	font-family: Tahoma, Geneva, sans-serif;
	display: inline;
}
#footer #copyright p {
	font-size: 1.2em;
	line-height: 1.4em;
	padding-left: 17px;
	letter-spacing: 0.07em;
}
#footer #copyright p.copy {
	padding-left: 0;
}
#footer #copyright span {
	font-size: 1em;
	padding-left: 16px;
}
#footer .menu {
	float: left;
	width: 390px;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.4em;
}
#footer .menu .home {
	/*display: inline-block;
	width: 16px;
	height: 14px;
	background: transparent url('/kuvat/icons/home2.png') no-repeat 0 0;
	text-indent: -5000px;*/
}
#footer .menu a {
	margin: 0 8px;
	vertical-align: middle;
}
#footer #designed {
	float: left;
	width: 90px;
	padding: 3px 20px 0 91px;
}
#footer a {
	color: #969596;
	font-weight: normal;
}
#footer #designed a {
	display: block;
}
#map_canvas { width: 578px; height: 458px; }

.narrowcontent {
  margin-right: 40px;
}
/* map -------------------------- */

#mapwrap
	{ width: 956px; margin: 20px 0 0 -45px; position: relative; height: 666px; background: transparent url("../images/map/mapwrap.png") no-repeat 0 36px; }
#maptabs 
	{ position: absolute; top: 0; right: 30px; height: 80px; }
#maptabs ul
	{ list-style-type: none; position: relative; margin: 0; }
#maptabs ul li
	{ float: left; position: relative; height: 36px; margin: 0 0 0 -30px; z-index: 100; cursor: pointer; }
#maptabs ul li a
	{ float: left; display: block; height: 36px; background: transparent url("../images/map/tab-inactive.png") no-repeat 0 0; color: #fff; font-size: 13px; font-weight: normal; line-height: 36px; padding: 0 0 0 26px; text-decoration: none; }

#maptabs ul li a:hover
	{ text-decoration: none; }
#maptabs ul li span
	{ float: left; width: 26px; display: block; height: 36px; background: transparent url("../images/map/tab-inactive.png") no-repeat right top; }

#maptabs ul li.mhover a
	{ background: transparent url("../images/map/tab-hover.png") no-repeat 0 0; }
#maptabs ul li.mhover span
	{ background: transparent url("../images/map/tab-hover.png") no-repeat right top; }
	
#maptabs ul li.itshere a
	{ background: transparent url("../images/map/tab-hover.png") no-repeat 0 0; }
#maptabs ul li.itshere span
	{ background: transparent url("../images/map/tab-hover.png") no-repeat right top; }
	
#maptabs ul li.mactive 
	{ z-index: 110; }
#maptabs ul li.mactive a
	{ background: transparent url("../images/map/tab-mactive.png") no-repeat 0 0; height: 80px; color: #ed145b; }
#maptabs ul li.mactive span
	{ background: transparent url("../images/map/tab-mactive.png") no-repeat right top; height: 80px; }
	
#mapborder
	{ position: absolute; top: 36px; left: 0; width: 956px; height: 546px; }
#maplist
	{ position: absolute; top: 16px; left: 16px; width: 343px; height: 514px; background: transparent url("../images/map/box-aside.png") no-repeat 0 0; z-index: 200; }
#maplist #mapt
	{ height: 130px; }
#maplist #mapt h4
	{ font-size: 16px; color: #414042; line-height: 20px; padding: 16px 0 0 26px; }
#maplist #mapt ul
	{ list-style-type: none; margin: 0; padding: 6px 0 0 22px; }
#maplist #mapt ul li
	{ font-size: 14px; color: #414042; line-height: 22px; letter-spacing: -1px; background: transparent url("../images/map/radio.png") no-repeat left center; padding: 0 0 0 24px; cursor: pointer; }
#maplist #mapt ul li.mapta
	{ background: transparent url("../images/map/radio-checked.png") no-repeat left center; }
#maplist #mapt ul li.mapth
	{ color: #ed145b; }
#mapscroll
	{ width: 316px; height: 358px; margin: 0 0 0 16px; overflow: auto; outline: none; }
#mapscroll ul
	{ margin: 0; list-style-type: none; display: none; }
#mapscroll ul li
	{ }
#mapscroll ul li a
	{ display: block; color: #414042; font-size: 13px; /*letter-spacing: -1px;*/ line-height: 22px; font-weight: normal; display: block; padding: 0 10px; cursor: pointer; text-decoration: none !important; }
#mapscroll ul li a:hover
	{ background: #ed145b; color: #fff; }
	
#mapdata
	{ position: absolute; top: 16px; right: 16px; width: 568px; height: 109px; background: transparent url("../images/map/box-main.png") no-repeat 0 0; z-index: 200; overflow: hidden; }
#mapdata div
	{ padding: 14px 0 0 44px; display: none; position: absolute; top: 0; left: 0; width: 505px; height: 81px; }
#mapdata h2
	{ color: #000; font-size: 14px; line-height: 20px; padding: 0; margin: 0; }
#mapdata h3
	{ color: #ed145b; margin: 0 0 6px 0; }
#mapdata em
	{ float: right; display: block; background: transparent; background-position: right center; height: 90px; width: 210px; margin-top: -5px; background-repeat: no-repeat; }
#mapdata a.murl
	{ color: #34a1c6; font-size: 14px; font-weight: normal; line-height: 16px; }
#mapdata span
	{ display: block; color: #414042; font-size: 13px; background: transparent url("../images/map/megaphone.png") no-repeat left center; padding: 0 0 0 30px; margin: 20px 0 0 0; /*letter-spacing: -1px;*/ }
#mapmaps
	{ position: absolute; top: 137px; left: 372px; width: 567px; height: 392px; z-index: 210; }
#mapmaps div.mphol
	{ position: absolute; top: 0; left: 0; width: 567px; height: 309px; /*display: none;*/ padding: 20px 0 0 0; }
#mapmaps div.mphol img
	{ display: block; margin: 0 auto; }
#mapmaps div.mphol area
	{ cursor: pointer; }
#mapmaps div.mphol div
	{ margin: 0 auto; }
	
#mapwrap .jspVerticalBar
	{ background: transparent; }
#mapwrap .jspTrack
	{ background: transparent url("../images/map/scroll-bg.png") no-repeat center center; }
#mapwrap .jspDrag
	{ background: #a7a9ac url("../images/map/scroll-drag-middle.png") no-repeat center center; }
#mapwrap .jspDragTop
	{ background: transparent url("../images/map/scroll-drag-ends.png") no-repeat center top; height: 5px; position: absolute; top: 0; width: 16px; }
#mapwrap .jspDragBottom
	{ background: transparent url("../images/map/scroll-drag-ends.png") no-repeat center bottom; height: 5px; position: absolute; bottom: 0; width: 16px; }
	
#mapwrap .jspArrowUp
	{ background: transparent url("../images/map/scroll-up.png") no-repeat center center; }
#mapwrap .jspArrowUp.jspDisabled
	{ background: transparent url("../images/map/scroll-up-disabled.png") no-repeat center center; }
#mapwrap .jspArrowDown
	{ background: transparent url("../images/map/scroll-down.png") no-repeat center center; }
#mapwrap .jspArrowDown.jspDisabled
	{ background: transparent url("../images/map/scroll-down-disabled.png") no-repeat center center; }
	
#mapabout
	{ position: absolute; top: 146px; left: 372px; width: 567px; height: 358px; display: none; z-index: 300; overflow: auto; outline: none; }
#mapabout .minner
	{ padding: 10px 34px 10px 44px; }
#mapabout .minner h3
	{ font-size: 15px; font-weight: normal; color: #414042; }

#mapwrap .mclose
	{ position: absolute; bottom: 12px; right: 38px; font-size: 14px; color: #414042; font-weight: normal; padding: 0 20px 0 0; background: transparent url("../images/map/close.png") no-repeat right center; line-height: 20px; display: none; z-index: 1001; }
#mapwrap .mclose:hover
	{ text-decoration: none; color: #ed145b; }
#mapwrap .mclose2
	{ position: absolute; width: 17px; height: 17px; display: block; text-indent: -5000px; top: 146px; right: 38px; background: transparent url("../images/map/close.png") no-repeat right center; display: none; z-index: 1001; }
#point
	{ position: absolute; width: 27px; height: 27px; background: transparent url("../images/map/here.png") no-repeat 0 0; display: none; }
#arrow
	{ position: absolute; width: 19px; height: 12px; background: transparent url("../images/map/arrow.png") no-repeat 0 0; top: -34px; display: none; }