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

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

a {outline:none}

.M {font-sitze:12px}
.L {font-size:15px}
.LL {font-size:16px}
.XL {font-size:25px}

.default {color:#535356}
.green {color:#c3cf21}

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

#header {
	float:left;
	width:995px;
	height:103px;
}
	#logo {
		float:left;
		display:inline;
		width:220px;
		height:103px;
	}
		#logo img {
			float:left;
			margin:20px 0 0 10px;
		}
		
	#search {
		float:right;
		height:45px;
		width:160px;
		display:inline;
	}
		#iskanje {
			float:right;
			width:144px;
			background:#FFF;
			border:1px solid #c1c1c1;
			height:18px;
			margin:20px 12px 0 0;
		}
			#iskanje input {float:left;}
			#iskanje input.srcinp {
				width:116px;
				font-size:11px;
				color:#c1c1c1;
				border:0;
				margin:3px 0 0 3px;
			}
			#iskanje input.srcsub {
				margin:2px 0 0 4px;
			}
	#menu {
		float:left;
		width:760px;
		height:25px;
		display:inline;
		margin:10px 0 0 0;
	}
		#menu ul {
			float:right;
			list-style:none;
		}
		#menu ul li {
			display:inline;
			float:left;
		}
		#menu ul li a {
			height:25px;
			padding:0 0 0 12px;
			display:inline;
			float:left;
			color:#4a4a4a;
			text-decoration:none;
			cursor:pointer;
			margin-left:6px;
			font-size:14px;
		}	

		#menu ul li a.empty {
			height:20px;
			display:inline;
			float:left;
			color:#4a4a4a;
			padding:5px 0 0 0;
			margin-left:8px;
			cursor:text;
			font-size:14px;
		}
		
		#menu ul li a.empty:hover {
			color:#4a4a4a;
		}
		
		#menu ul li a:hover, #menu ul li a.active {
			background:url(../images/lihover.gif) left top;
			color:#c3cf21;
		}
		#menu ul li a span.levo {
			float:left;
			padding-top:4px;
		}
		#menu ul li a span.desno {
			width:12px;
			display:block;
			float:left;
			height:25px;
		}
		#menu ul li a:hover span.desno, #menu ul li a.active span.desno {background:url(../images/lihover.gif) right bottom no-repeat;}	

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

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

#wrap {
	margin:0 auto;
	width:995px;
	position:relative
	}

#header {
	float:left;
	width:995px;
	height:103px;
}
	#logo {
		float:left;
		display:inline;
		width:220px;
		height:103px;
	}
		#logo img {
			float:left;
			margin:20px 0 0 10px;
		}
		
	#search {
		float:right;
		height:45px;
		width:160px;
		display:inline;
	}
		#iskanje {
			float:right;
			width:144px;
			background:#FFF;
			border:1px solid #c1c1c1;
			height:18px;
			margin:20px 12px 0 0;
		}
			#iskanje input {float:left;}
			#iskanje input.srcinp {
				width:116px;
				font-size:11px;
				color:#c1c1c1;
				border:0;
				margin:3px 0 0 3px;
			}
			#iskanje input.srcsub {
				margin:2px 0 0 4px;
			}
	#menu {
		float:left;
		width:760px;
		height:25px;
		display:inline;
		margin:10px 0 0 0;
	}
		#menu ul {
			float:right;
			list-style:none;
		}
		#menu ul li {
			display:inline;
			float:left;
		}
		#menu ul li a {
			height:25px;
			padding:0 0 0 12px;
			display:inline;
			float:left;
			color:#4a4a4a;
			text-decoration:none;
			cursor:pointer;
			margin-left:6px;
			font-size:14px;
		}	
		#menu ul li a:hover, #menu ul li a.active {
			background:url(../images/lihover.gif) left top;
			color:#c3cf21;
		}
		#menu ul li a span.levo {
			float:left;
			padding-top:4px;
		}
		#menu ul li a span.desno {
			width:12px;
			display:block;
			float:left;
			height:25px;
		}
		#menu ul li a:hover span.desno, #menu ul li a.active span.desno {background:url(../images/lihover.gif) right bottom no-repeat;}	
		
.more {color:#555558; display:inline-block; font-weight:bold; padding:0 0 0 20px}
.more:hover {text-decoration:none}
		
#solutions {background:url(../images/bg-index.png) repeat-x bottom; float:left; height:260px; margin:0 7px; width:971px}
	#solutions #slideshow {float:left}
	#solutions #usertabs {float:left; padding:20px 0 0 20px; line-height:16px; width:469px}
		#solutions h1 {color:#57575a; font-size:18px; padding:0 0 15px 0; font-weight:bold}
		#solutions .users {float:left; padding:0 0 10px 0}
		#solutions .users h3 {color:#c3cf21; padding:3px 0 5px 0}
		#solutions .users img {background:url(../images/bg-img.jpg) no-repeat left top; padding:4px; float:left; margin:0 15px 0 0}
		#solutions .users a {color:#57575a; font-weight:bold}
		#solutions .users a:hover {text-decoration:none}

#packs {background:#c3cf21 url(../images/bg-packs.jpg) no-repeat left bottom; float:left; padding:20px 10px 0 20px; margin:0 0 0 7px; width:941px}
	#packs h2 {color:#FFF; font-size: 18px; padding:0 0 25px 0}
		#packs .pack {float:left; padding:0 20px 15px 0; width:295px}
		#packs .pack h3 {color:#000; padding:3px 0 5px 0}
		#packs .pack img {background:url(../images/bg-pack.jpg) no-repeat left top; padding:4px; float:left; margin:0 15px 0 0}
		#packs .pack p {color:#000; float:left; font-size:11px; width:175px}
		#packs .pack a {color:#FFF; font-weight:bold; display:inline-block; padding:2px 0 0 0}
		#packs .pack a:hover {text-decoration:none}
		
#news {float:left; margin:0 7px; width:971px}
	#news .tab {background:url(../images/bg-news.jpg) no-repeat left top; float:left; font-size:11px; margin:20px 18px 0 0; width:305px}
		#news .tab a.title {background:url(../images/bg-title.jpg) no-repeat 1px top; color:#c3cf21; display:block; font-size:15px; font-weight:bold; margin:0 0 8px 0; padding:5px 20px; text-decoration:none }
		#news .tab a.title1 {background:url(../images/bg-title-L.jpg) no-repeat 1px top; color:#c3cf21; display:block; font-size:15px; font-weight:bold; margin:0 0 8px 0; padding:5px 20px; text-decoration:none }
		#news .tab img {background:url(../images/bg-img.jpg) no-repeat left top; padding:4px; margin:0 15px 0 0}
		#news .tab p {padding-left:20px}
		#news .tab p.ttitle {font-weight:bold}
		#news .tab p.tdate {font-size:11px}
		#news .tab p.tcontent {padding-bottom:12px}
/*		
#foot {background:url(../images/bg-foot.jpg) no-repeat center top; float:left; margin:10px 7px; padding:15px 0 0 0; width:971px}
#foot p {font-size:11px}
#foot a {float:right;padding:1px 0 0 5px}
*/
#shadow {background:url(../images/bg-left.jpg) no-repeat right top; height:351px; position:absolute; top:103px; left:-6px; _left:1px; width:12px}

#subcontent {line-height:18px; float:left; margin:0 7px; width:931px; padding: 0 20px}
#subcontent #sleft, #subcontent #sright {float:left; padding:10px 0 0 0}
#subcontent #sleft {width:608px; padding-right:20px}
	#subcontent #sleft table tr td {vertical-align:top; padding:5px 20px 10px 0; border-bottom:dotted 1px gray}
	#subcontent #sleft ul {list-style:none; padding:6px 0}
	#subcontent #sleft ul li {background:url(../images/bg-li.jpg) no-repeat left 10px; padding:3px 0 3px 15px}
#subcontent #sright {width:303px}
#subcontent h1 {border-bottom:solid 1px #c3cf21; padding:20px 0 5px 0}
#subcontent a {color:#57575a}
#subcontent a:hover {text-decoration:none}

#accordion a {text-decoration:none; color:#57575A}

ul.drop {background:#FFF; border:solid 1px #f2f2f2; display:none; left:10px; padding:4px 0; position:absolute; top:30px}
ul.drop li a {background:none !important; display:block; height:auto !important; margin:0 !important; padding:4px 10px !important; white-space:nowrap}



#footer {
	background:url(../images/bg-foot.jpg) no-repeat center top; float:left; margin:10px 7px; padding:15px 0 0 0; width:971px
}
.nogaIndex {
	background:url(../images/bg_foot_index.png) no-repeat #fafafa;
}
.nogaPodstran {
	background:url(../images/bg_foot_podstran.png) no-repeat #fafafa;
}
#footer p {
	color:#8c8c8c;
	font-size:0.9em;
	line-height:1.5;
}
#footer a {
	color:#8c8c8c;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
.textDesno {
	text-align:right;
}
.levo {
	float:left;
}