*{
	padding: 0;
	margin: 0;
}
body{
	padding: 0;
	margin: 0;
	background:#101010;
	/*background:#323232;*/
	height:100%;
	font-family:Verdana;
}
img{
	border:none;
}
/**------------------------------------HEADER BOX-------------------------------------------**/
#headerBox{
	height:90px;
	width:100%;
	background:#101010;
}
#headerBox div.logo{
	position:relative;
	left:0px;
	top:50px;
	float:left;
}
#headerBox div.logo img{
	border:none;
}
#menuBox{
	float:left;
	position:relative;
	top:45px;
	left:75px;
}
#menuBox ul li{
	float:left;
	list-style-type:none;
	padding-left:15px;
}
#menuBox ul li img{
	border:none;
}

/**------------------------------------CONTENT BOX-----------------------------------------**/
#contentBox{
	width:100%;
	min-height:655px;
	background:#323232;
	display:block;
	position:relative;
}

div.menuWidth{
	width:1010px;
}

div.contentWidth{
	width:1010px;
}

#contentBox div.content{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	margin-top:78px;
	z-index:1;
}

#contentBox div.contentLeft{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	z-index:1;
}

#contentBox div.content-main{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	height:655px;
	z-index:1;
	overflow:hidden;
}

#contentBox div.content-left{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	z-index:1;
	overflow:hidden;
}

#mainMenuBox{
	position:absolute;
	z-index:5;
	top:50px;
	left:0px;
	width:880px;
}
#mainMenuBox ul{
	position:relative;
	left:-880px;
}
#mainMenuBox ul li{
	list-style-type: none;
	float:left;
	padding-right:2px;
	padding-bottom:2px;
	height:106px;
}
#mainMenuBox ul li.clear{
	clear:both;
}

#contentBox div.background{
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	float:left;
	background:white;
	width:898px;
	overflow:hidden;
}
#contentBox div.background img{
}
#contentBox div.background div.contentWraper{
	width:520px;
	padding-right:40px;
	float:right;
	font-size:11px;
	min-height:655px;
	color:#434343;
	line-height:18px;
}

#contentBox div.background div.contentWraper div.content{
	margin-top:78px;
	padding-bottom:30px;
}

#contentBox div.background div.content-left{
	height:655px;
}

#contentBox div.background div.newsWraper{
	width:520px;
	padding-right:40px;
	float:right;
	font-size:12px;
	min-height:655px;
	color:#434343;
	line-height:18px;
}
#contentBox div.background div.newsWraper span.date{
	color:#4d4d4d;
	line-height:12px;
}
#contentBox div.background div.newsWraper span.title{
	font-size:11px;
	font-weight:bold;
	color:black;
	line-height:16px;
	display:block;
	padding-bottom:10px;
}

#contentBox div.background div.news{
	min-height:577px;
	margin-top:78px;
}

#contentBox div.background div.news a{
	font-size:12px;
	font-weight:bold;
	color:black;
	text-decoration:underline;
}

#contentBox div.background div.news ul.newsList{
	clear:both;
}
#contentBox div.background div.news ul.newsList li{
	list-style-type:none;
	float:left;
	width:205px;
	position:relative;
	top:30px;
	padding-left:50px;
	font-size:11px;
	height: 220px;
}
#contentBox div.background div.news ul.newsList li span.date{
	color:#4d4d4d;
	line-height:12px;
}

#contentBox div.background div.news ul.newsList li a{
	font-size:12px;
	font-weight:bold;
	color:black;
	text-decoration:underline;
}

#contentBox div.background div.news ul.newsList li span.title a{
	font-size:12px;
	font-weight:bold;
	color:black;
	line-height:16px;
	text-decoration:underline;
	display:block;
	padding-bottom:10px;
}
#contentBox div.background div.news ul.newsList li span.title p{
	line-height:18px;
}
#contentBox div.moreBrands-height{
	height: 91px;
}
#contentBox div.moreBrands{
	width: 107px;
	position:relative;
	left: 10px;
	float: left;
}
#contentBox div.moreBrands div.left{
	float:left;
	width: 16px;
	height: 23px;
	background: url('/design/pics/arrow_nazaj.gif') left top no-repeat;
}
#contentBox div.moreBrands div.left-more{
	float:left;
	width: 16px;
	height: 23px;
	background: url('/design/pics/arrow_nazaj_vec.gif') left top no-repeat;
}
#contentBox div.moreBrands div.right{
	float:left;
	width: 16px;
	height: 23px;
	background: url('/design/pics/arrow_naprej.gif') left top no-repeat;
	position:relative;
	left: 15px;
}
#contentBox div.moreBrands div.right-more{
	float:left;
	width: 16px;
	height: 23px;
	background: url('/design/pics/arrow_naprej_vec.gif') left top no-repeat;
	position:relative;
	left: 15px;
}
#contentBox div.moreBrands div a{
	display: block;
	width: 16px;
	height: 23px;
}

#contentBox div.citation{
	width:107px;
	display:block;
	color:white;
	font-size:14px;
	line-height:19px;
	font-family:Verdana;
	float:left;
	font-weight:bold;
	background:#323232;
	margin:50px 0 0 5px;
	min-height:490px;
}
#contentBox div.citation div.bottom{
	position:absolute;
	bottom:50px;
	font-size:14px;
	
}
#contentBox div.citation div.bottom a{
	color:#707070;
	text-decoration:none;
	font-weight:bold;
}
#contentBox div.citation p{
	clear:both;
	padding-top:20px;
}
#contentBox div.citation h5{
	color:#585858;
	font-family:verdana;
	font-weight:bold;
	font-size:15px;
	position:relative;
	top:-30px;
	left:10px;
}
#imageMenu{
	width:90px;
	position:relative;
	top:-20px;
}
#imageMenu li{
	float:left;
	width:27px;
	background:#252525;
	color:#878787;
	height:27px;
	list-style-type:none;
	margin-left:2px;
	margin-top:2px;
	font-size:11px;
	line-height:24px;
	text-align:center;
	cursor:pointer;
	font-weight:normal;
}
#leftContentContainer{
	position:absolute;
	z-index:5;
	top:0px;
	left:0px;
	width:288px;
	background:black;
}
#leftContentContainer span.title{
	color:white;
	font-size:16px;
	display:block;
	width:288px;
	text-align:center;
	height:50px;
	padding-top:30px;
	font-weight:bold;
}

#leftContentContainer div.contentLeft{
	color:white;
	font-size:11px;
	width:200px;
	min-height:450px;
	text-align:right;
	height:50px;
	padding: 0 44px 0 44px;
	font-weight:normal;	
	line-height:17px;
}

#contentBox div.content a.link-content{
	color:#868485;
	display:inline;
	font-size:11px;
	line-height:20px;
}

#leftContentContainer div.imageBox{
	background:white;
	padding-top:2px;	
}

#leftContentContainer a{
	display:block;
	width:288px;
	height:100px;
	text-align:right;
}

#leftContentContainer a.link{
	color:#868485;
	display:inline;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	width:199px;
}

#leftContentContainer span.link{
	color:#868485;
	display:inline;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	width:199px;
}

#leftContentContainer a img{
	margin: 5px 50px 0 0;
}
#leftContentContainer a img.arrow{
	margin: 0;
	position:absolute;
	top:66px;
	right:10px;
}
#textBox{
	margin: 0;
	position:absolute;
	top:100px;
	left:0px;
	padding-bottom:50px;
	width:288px;
	background:black;
	text-align:center;
}
#textBox p{
	margin:10px 50px 0 20px;
	width:218px;
	color:white;
	font-size:11px;
	text-align:right;
	line-height:17px;
}
#textBox a.link{
	color:#868485;
	display:inline;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}


/**-----------------------------------FOOOTER BOX-----------------------------------------**/
#footerBox{
	margin:8px 0 0 0;
	z-index:10;
	float:left;
	position:relative;
	width:898px;
	height:90px;
	min-height:90px;
	background:#101010;
	
}

#gumbi{
	width:559px;
	float:left;
	color:#454545;
}

#gumbi ul{
	list-style:none;
}

#gumbi ul li{
	width:145px;
	height:29px;
	list-style:none;
	text-align:right;
	float:left;
}

#gumbi ul li div.gumb{
	display: none;
	width:252px;
	height:150px;
	position:absolute;
	bottom: 88px;
	background:#000000;
}

#gumbi ul li div.gumb div.spacer{
	width:252px;
	height:69px;
	float:left;
}

#gumbi ul li div.gumb div.forma{
	margin:0 0 0 64px;
	width:169px;
	height:24px;
	float:left;
	font-family:verdana;
	font-size:11px;
	padding:4px 0px 4px 0px;
}

#gumbi ul li div.gumb div.vsebina{
	margin: 5px auto 5px auto;
	font-size:10px;
	color:#ffffff;
	height:100px;
	width:230px;
	text-align: left;
}


#gumbi ul li div.gumb div.spacer2{
	width:252px;
	height:10px;
	float:left;
}

#gumbi ul li div.gumb a.gumbVsebina{
	font-family:verdana;
	font-size:10px;
	color:#359CD6;
	margin:40px 20px 0 0;
}

#gumbi ul li div.gumb2{
	display: none;
	width:252px;
	height:150px;
	position:absolute;
	bottom: 88px;
	background: url('/design/pics/digitalija_klub.gif') no-repeat;
	
}

#gumbi ul li div.gumb2 div.spacer{
	width:252px;
	height:100px;
	float:left;
}

#gumbi ul li div.gumb2 a.gumb2{
	font-family:verdana;
	font-size:10px;
	color:#359CD6;
	margin:40px 110px 0 0;
}

#gumbi ul li div.gumb3{
	display: none;
	width:252px;
	height:150px;
	position:absolute;
	bottom: 88px;
	background: url('/design/pics/katalog.gif') no-repeat;
	
}

#gumbi ul li div.gumb3 div.spacer{
	width:252px;
	height:100px;
	float:left;
}

#gumbi ul li div.gumb3 a.gumb2{
	font-family:verdana;
	font-size:10px;
	color:#359CD6;
	margin:40px 18px 0 0;
}

#gumbi ul li.spacer{
	height:29px;
	width:7px;
}

#gumbi ul li a.gumb{
	text-decoration:none;
	width:145px;
	display:block;
	height:29px;
	font-family:verdana;
	color:white;
	font-size:11px;
	line-height:30px;
	background: url('/design/pics/gumb_grey.gif') left top no-repeat;
}

#gumbi ul li a span{
	padding:0 40px 0 0;
}

#gumbi ul li a.gumb:hover{
	background: url('/design/pics/gumb_blue.gif') left top no-repeat;
}

#footerBox div.footerText{
	width:289px;
	float:left;
	color:#454545;
	font-size:11px;
	text-align:right;
}

#footerBox div.footerText2{
	width:50px;
	float:left;
	color:#454545;
	font-size:11px;
	text-align:right;
}

#footerBox div.footerText2 a{
	color:#454545;
	font-size:11px;
	text-align:right;
}


#footerBox div.footerText span{
	margin-right:10px;
}
#footerBox div.footerText span a{
	color:#454545;
	text-decoration:underline;
}