html {overflow-y:scroll;}
html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/body_bg.png) repeat-x top #fff;
	}

p, h1, h2, h3, h4, hr, ul, li, input, form, body {
	margin: 0;
	padding: 0;
}

a {outline:none;}

#wrap {
	width:975px;
	margin:0 auto;
}

#topmenu {
	float:left;
	display:inline;
	width:956px;
	height:50px;
	background:url(../images/menubg.png) no-repeat top;
}
	#topmenu ul {
		list-style:none;
		float:left;
		width:956px;
		height:50px;
		display:inline;
	}
	#topmenu ul li {
		float:left;
	}
	#topmenu ul li a {
		float:left;
		height:39px;
		display:block;
		color:#000;
		text-decoration:none;
		padding:11px 0 0 45px;
	}
	#topmenu ul li a.tm01act, #topmenu ul li a.tm02act, #topmenu ul li a.tm03act, #topmenu ul li a.tm04act, #topmenu ul li a.tm05act, #topmenu ul li a.tm06act, #topmenu ul li a.tm07act, #topmenu ul li a.tm08act  {color:#fff;}
	
	#topmenu ul li a.tm01, #topmenu ul li a.tm01act {width:58px; padding-left:35px;}
	#topmenu ul li a.tm02, #topmenu ul li a.tm02act {width:98px;}
	#topmenu ul li a.tm03, #topmenu ul li a.tm03act {width:86px;}
	#topmenu ul li a.tm04, #topmenu ul li a.tm04act {width:61px;}
	#topmenu ul li a.tm05, #topmenu ul li a.tm05act {width:90px;}
	#topmenu ul li a.tm06, #topmenu ul li a.tm06act {width:56px;}
	#topmenu ul li a.tm07, #topmenu ul li a.tm07act {width:99px;}
	#topmenu ul li a.tm08, #topmenu ul li a.tm08act {width:58px;}
	
	#topmenu ul li a.tm01:hover, #topmenu ul li a.tm01act {background:url(../images/menubg.png) 0 50px;}
	#topmenu ul li a.tm02:hover, #topmenu ul li a.tm02act {background:url(../images/menubg.png) -93px 50px;}
	#topmenu ul li a.tm03:hover, #topmenu ul li a.tm03act {background:url(../images/menubg.png) -236px 50px;}
	#topmenu ul li a.tm04:hover, #topmenu ul li a.tm04act {background:url(../images/menubg.png) -367px 50px;}
	#topmenu ul li a.tm05:hover, #topmenu ul li a.tm05act {background:url(../images/menubg.png) -473px 50px;}
	#topmenu ul li a.tm06:hover, #topmenu ul li a.tm06act {background:url(../images/menubg.png) -608px 50px;}
	#topmenu ul li a.tm07:hover, #topmenu ul li a.tm07act {background:url(../images/menubg.png) -709px 50px;}
	#topmenu ul li a.tm08:hover, #topmenu ul li a.tm08act {background:url(../images/menubg.png) -853px 50px;}

#mainpage {
	float:left;
	display:inline;
	width:975px;
}
#leftcont {
	float:left;
	display:inline;
	width:230px;
}
	#logo {
		float:left;
		width:200px;
		height:100px;
	}
		#logo img {float:left;}
	#leftmenu {
		float:left;
		width:230px;
		display:inline;
		margin:20px 0 0 0;
	}
		#leftmenu ul {
			list-style:none;
			float:left;
			width:230px;
			display:inline;
		}
		#leftmenu ul li {
			float:left;
			width:230px;
			border-bottom:1px solid #75c1bd;
		}
		#leftmenu ul li a {
			display:block;
			width:206px;
			float:left;
			color:#24938e;
			font-weight:bold;
			font-size:16px;
			line-height:18px;
			text-decoration:none;
			padding:8px 12px;
		}
		#leftmenu ul li a:hover {background:#ff8d1c;}
		
		#leftmenu ul li a.leftact {background:#ff8d1c; color:#fff;}
		
		#leftmenu ul li ul {
			list-style:none;
			float:left;
			width:220px;
			display:inline;
			padding:0 0 0 10px;
		}
		#leftmenu ul li ul li {
			float:left;
			width:220px;
			border-bottom:1px solid #ccc;
		}
		#leftmenu ul li ul li.clast {border:0;}
		#leftmenu ul li ul li a {
			display:block;
			width:196px;
			float:left;
			color:#000;
			font-weight:normal;
			font-size:12px;
			line-height:16px;
			text-decoration:none;
			padding:5px 12px;
		}
		
	#starusers {
		float:left;
		width:230px;
		display:inline;
		margin:14px 0 0 0;
	}
		#starusers a {
			display:block;
			width:170px;
			height:46px;
			background:url(../images/stars.png) no-repeat;
			color:#000;
			margin:12px 0 0 6px;
			padding:0 0 0 50px;
			font-size:18px;
			font-weight:bold;
			text-decoration:none;
		}
			#starusers a:hover span {text-decoration:none;}
			#starusers a span {font-size:12px; font-weight:normal; text-decoration:underline; color:#000; line-height:24px;}
			#starusers a.usrgold {background-position:top left;}
				#starusers a.usrgold {color:#ff8d1c;}
			#starusers a.usrsilver {background-position:bottom left;}
				#starusers a.usrsilver {color:#939393;}
	
darilnibon {
	float:left;
	width:230px;
	display:inline;
	margin:15px 0 15px 0;
}

#darilnibon h4 {
	display:block;
	float:left;
	width:218px;
	height:28px;
	background:url(../images/leftcontgreenbg.png) no-repeat;
	color:#fff;
	font-weight:bold;
	font-size:17px;
	margin-top: 10px;
	padding:6px 0 0 12px;
}

#darilnibon h4 a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	font-size:17px;
	margin-top: 10px;
	padding:6px 0 0 8px;
}

#darilnibon h4 a:hover{
	color:#ff8d1c;
	font-weight:bold;
	text-decoration:none;
	font-size:17px;
	margin-top: 10px;
	padding:6px 0 0 8px;
}

	
	#bolecine {
		float:left;
		width:230px;
		display:inline;
	margin:15px 0 15px 0;
	}
		#bolecine h4 {
			display:block;
			float:left;
			width:218px;
			height:28px;
			background:url(../images/leftcontgreenbg.png) no-repeat;
			color:#fff;
			font-weight:bold;
			font-size:17px;
			padding:6px 0 0 12px;
		}
		#bolecine p {
			font-size:12px;
			float:left;
			width:224px;
			padding:10px 0 10px 6px;
			display:inline;
			line-height:17px;
		}
		#bolecinelinks {
			float:left;
			width:230px;
			height:190px;
			background:url(../images/telesne_bolecine.png) no-repeat;
			display:inline;
			margin:0;
		}
			#bolecinelinks ul {
				list-style:none;
				text-align:right;
				float:left;
				width:196px;
			}
			#bolecinelinks ul li {
				width:196px;
				float:left;
				padding:2px 0 1px 0;
				position:relative;
			}
			#bolecine ul li a {
				text-decoration:underline;
				color:#000;
				font-size:11px;
			}
			#bolecine ul li a:hover {text-decoration:none;}
			#bolecinelinks div.hiddendiv {
				display:none;
				width:230px;
				background:#ff8c1b;
				height:140px;
				color:#fff;
				position:absolute;
				top:-18px;
				left:220px;
				border:2px solid #6f9156;
				text-align:left;
				font-size:12px;
				line-height:16px;
				padding:10px;
			}
			#bolecinelinks div.hiddendiv img {
				position:absolute;
				width:22px;
				height:16px;
				top:20px;
				left:-22px;
			}
			#bolecinelinks div.hiddendiv p {
				font-size:18px;
				font-weight:bold;
				padding:0 0 10px 0;
			}
			

#mnenja {
		float:left;
		width:230px;
		display:inline;
	margin:15px 0 15px 0;
	}
		#mnenja h4 {
			display:block;
			float:left;
			width:218px;
			height:28px;
			background:url(../images/leftcontgreenbg.png) no-repeat;
			color:#fff;
			font-weight:bold;
			font-size:17px;
			padding:6px 0 0 12px;
		}
		#mnenja p {
			font-size:12px;
			font-style:italic;
			float:left;
			width:224px;
			padding:10px 0 10px 6px;
			display:inline;
			line-height:17px;
		}
		#mnenjalinks {
			float:left;
			width:230px;
			height:190px;
			background:url(../images/telesne_bolecine.png) no-repeat;
			display:inline;
			margin:0;
		}
			#mnenja a {
				text-decoration:underline;
				color:#24938d;
				font-size:12px;
			}
			
			#mnenja a:hover {text-decoration:none;}
			#mnenjalinks div.hiddendiv {
				display:none;
				width:230px;
				background:#ff8c1b;
				height:140px;
				color:#fff;
				position:absolute;
				top:-18px;
				left:220px;
				border:2px solid #6f9156;
				text-align:left;
				font-size:12px;
				line-height:16px;
				padding:10px;
			}
			#mnenjalinks div.hiddendiv img {
				position:absolute;
				width:22px;
				height:16px;
				top:20px;
				left:-22px;
			}
			#mnenjalinks div.hiddendiv p {
				font-size:18px;
				font-weight:bold;
				padding:0 0 10px 0;
			}

			
#maincont {
	float:left;
	display:inline;
	width:745px;
}
	#header {
		float:left;
		display:inline;
		width:726px;
		height:62px;
	}
		#header h1, #header h2 {
			display:block;
			font-weight:normal;
			color:#000;
			font-size:25px;
			font-style:italic;
			width:460px;
			height:46px;
			padding:16px 0 0 20px;
			float:left;
		}
		#srclang {
			float:left;
			width:246px;
			height:62px;
			display:inline;
		}
			#lang {
				float:left;
				width:90px;
				display:inline;
				margin:20px 0 0 16px;
			}
				#lang a {
					text-decoration:none;
					color:#000;
					font-size:11px;
				}
				#lang a.langact {font-weight:bold;}
			#search {
				float:left;
				width:126px;
				background:url(../images/srcbg.png) no-repeat;
				height:30px;
				display:inline;
				margin:16px 0 0 14px;
			}
				#search input.srcinp {
					font-size:11px;
					font-family:Arial, Helvetica, sans-serif;
					width:100px;
					border:0px solid;
					background:none;
					float:left;
					display:inline;
					margin:5px 0 0 4px;
				}
				#search input.srcmag {
					float:left;
					display:inline;
					margin:4px 0 0 4px;
				}
	#mainbox {
		float:left;
		display:inline;
		width:719px;
		height:360px;
		background:url(../images/mainbox_bg.png) no-repeat;
		padding:10px 0 0 26px;
		position:relative;
	}
		.scrollable {
			position:relative;
			overflow:hidden;
			width: 690px;
			height:320px;
		}
		.scrollable .items {
			width:20000em;
			position:absolute;
			clear:both;
		}
		.items div.onepane {
			float:left;
			width:690px;
			height:320px;
		}
		.scrollable img {
			float:left;
		}
		.scrollable .active {
			border:2px solid #000;
			position:relative;
			cursor:default;
		}
		#mainbox div.opimg {
			float:left;
			width:450px;
			height:320px;
			display:inline;
			position:relative;
		}
			#mainbox div.opimg img {float:left;}
			#mainbox div.opitrans {
				position:absolute;
				width:450px;
				height:320px;
				background:url(../images/mainboxpic.png) no-repeat;
				_background:none;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/mainboxpic.png');
				top:0;
				left:0;
			}
		#mainbox div.opdes {
			float:left;
			width:214px;
			height:300px;
			display:inline;
			padding:20px 10px 0 16px;
		}
			#mainbox div.opdes h2 {
				font-weight:bold;
				color:#fff;
				font-size:18px;
				display:block;
				width:214px;
				display:inline;
			}
			#mainbox div.opdes p {
				color:#fff;
				float:left;
				width:214px;
				display:inline;
				line-height:18px;
				font-size:14px;
				padding:10px 0 0 0;
			}
			#mainbox div.opdes p a {
				font-weight:bold;
				color:#fff;
				text-decoration:none;
			}
			#mainbox div.opdes p a:hover {text-decoration:underline;}
		#slidearrows {
			position:absolute;
			width:72px;
			height:36px;
			top:322px;
			left:646px;
		}
			#slidearrows a {
				display:block;
				width:36px;
				height:36px;
				text-decoration:none;
				background:url(../images/slidearrows.png);
				float:left;
				cursor:pointer;
			}
			#slidearrows a.prev {background-position:top left;}
			#slidearrows a.next {background-position:top right;}
			#slidearrows a.prev:hover {background-position:bottom left;}
			#slidearrows a.next:hover {background-position:bottom right;}
	#mainindex {
		float:left;
		width:707px;
		display:inline;
		margin:0 0 0 18px;
	}
		#mileft {
			float:left;
			width:457px;
			display:inline;
			margin:5px 0 0 0;
		}
			#mileft h3 {
				font-weight:bold;
				font-size:17px;
				color:#24938d;
				display:block;
				width:457px;
				padding:0 0 6px 0;
				border-bottom:1px solid #75c1bd;
			}
			#mileft p {
				line-height:18px;
				padding:8px 0 0 0;
				font-size:13px;
			}
			#lastnews {
				float:left;
				width:457px;
				display:inline;
				margin:20px 0 0 0;
			}
				#lastnews div.lastone {
					float:left;
					width:457px;
					display:inline;
					margin:12px 0 6px 0;
				}
					#lastnews div.lastone div.lopic {
						float:left;
						display:inline;
						width:160px;
					}
						#lastnews div.lastone div.lopic img {float:left;}
						#lastnews div.lastone div.lopic a {display:block; width:140px; height:86px; border:1px solid #d9d9d9; float:left;}
						#lastnews div.lastone div.lopic a:hover {border:1px solid #24938d;}
					#lastnews div.lastone div.lodes {
						float:left;
						display:inline;
						width:297px;
					}
						#lastnews div.lastone div.lodes p {line-height:16px; padding:6px 0 0 0;}
						#lastnews div.lastone div.lodes p.lodtit {padding:0; font-weight:bold;}
						#lastnews div.lastone div.lodes p a {color:#24948e; text-decoration:underline;}
						#lastnews div.lastone div.lodes p a:hover {text-decoration:none;}	
		#miright {
			float:left;
			display:inline;
			width:230px;
			margin:0 0 0 20px;
		}
			#miright p.mirkont {
				display:block;
				width:220px;
				height:25px;
				float:left;
				font-weight:bold;
				color:#fff;
				background:url(../images/orangetitle.png) no-repeat;
				font-size:17px;
				padding:7px 0 0 10px;
			}
			#miright p {
				line-height:18px;
				padding:10px 0 0 0;
				float:left;
				width:220px;
			}
			#miright p a {color:#24948e; text-decoration:underline;}
			#miright p a:hover {text-decoration:none;}	
			#miright p img {float:left; padding:2px 8px 0 0;}
			#miright p.maptext a {font-size:11px; color:#000;}
			#miright p.maptext img {padding:4px 0 0 0;}
#footer {
	float:left;
	display:inline;
	width:956px;
	border-top:1px solid #c8c8c8;
	height:100px;
	margin:16px 0 0 0;
}
	#footer p {font-size:11px; color:#959595;}
	#footer p.copy {float:left; padding:10px 0 0 2px; display:inline;}
	#footer p.ns {float:right; margin:10px 8px 0 0; display:inline;}
	#footer img {float:right; margin:11px 2px 0 0; display:inline;}
	#footer a {color:#959595; text-decoration:none;}
	#footer a:hover {text-decoration:underline;}

/* --------------------------------- P O D S T R A N ------------------------------------*/
#podstranpic {
	float:left;
	width:745px;
	height:222px;
	background:url(../images/subbox_bg.png) no-repeat top;
	display:inline;
}
	#podstranpic img {
		float:left;
		margin:2px 0 0 18px;
		display:inline;
	}
#podstran {
	float:left;
	width:707px;
	display:inline;
	min-height:394px;
	height:auto !important;
	height:394px;
	margin:0 0 0 18px;
	padding:0 0 20px 0;
}
	#podstran h1 {
		color:#24938e;
		font-weight:bold;
		font-size:17px;
		border-bottom:1px solid #75c1bd;
		display:block;
		float:left;
		width:707px;
		padding:0 0 6px 0;
		margin:0 0 10px;
	}
	#podstran h2 {
		color:#24938e;
		font-weight:bold;
		font-size:17px;
		border-bottom:1px solid #75c1bd;
		display:block;
		float:left;
		width:707px;
		padding:30px 0 6px 0;
		margin:0 0 10px 0;
	}
	#podstran h3 {
		color:#24938e;
		font-weight:bold;
		font-size:15px;
		display:block;
		float:left;
		width:707px;
		padding:10px 0 6px 0;
	}
	#podstran p {
		line-height:20px;
		padding:10px 0 0 0;
	}
	#podstran a {color:#ff8d1c; text-decoration:underline;}
	#podstran a:hover {text-decoration:none;}
	#podstran ul {
		clear:left;
		padding:6px 0 10px 0;
		line-height:18px;
		list-style:circle;
		margin:0 0 0 16px;
	}
#underpage {
	float:left;
	width:707px;
	display:inline;
	margin:0 0 0 18px;
}
	#green {
		width:449px;
		height:230px;
		float:left;
		display:inline;
		border:1px solid #e9e9e9;
		background:#e9e9e9;
	}
		#green div.greenleft {
			float:left;
			width:196px;
			margin:0 0 0 14px;
			display:inline;
		}
			#green div.greenleft p {
				line-height:17px;
				padding:10px 0 0 0;
			}
			#green div.greenleft p a {color:#000; text-decoration:underline; font-weight:bold;}
			#green div.greenleft p a:hover {text-decoration:none;}
		#green div.greenright {
			float:left;
			width:190px;
			margin:0 0 0 24px;
			display:inline;
		}
			#green div.greenright p {
				line-height:17px;
				padding:10px 0 0 0;
				float:left;
				width:190px;
				display:inline;
			}
			#green div.greenright p a {color:#000; text-decoration:underline; line-height:20px;}
			#green div.greenright p a:hover {text-decoration:none;}	
			#green div.greenright p img {float:left; padding:0px 8px 0 0;}
	#undermap {
		float:left;
		width:230px;
		height:150px;
		display:inline;
		margin:0 0 0 26px;
	}
		#undermap p a {font-size:11px; color:#000; text-decoration:underline;}
		#undermap p a:hover {text-decoration:none;}
		#undermap p img {padding:10px 0 0 0;}
/* --------------------------------- N O V I C E ------------------------------------*/
#news div.onenews {
	float:left;
	width:707px;
	height:150px;
	display:inline;
	padding:10px 0 20px 0;
}
	#news div.onenews img {float:left;}
	#news div.onenews a.onpic {
		border:1px solid #cacaca;
		width:228px;
		height:148px;
		float:left;
	}
	#news div.onenews a.onpic:hover {border:1px solid #24938e;}
	#news div.onenews p {padding:10px 0 0 20px; float:left; width:457px;}
	#news div.onenews p.ontit {padding-top:0;}
	#news div.onenews p.ontit a {
		font-weight:bold;
		font-size:14px;
		color:#24938e;
		text-decoration:none;
	}
	#news div.onenews p.ontit a:hover {color:#000;}