@charset "utf-8";

/* Global element definitions
-----------------------------------------------------------------------------------------------*/
* {
	font-size: 100.1%;
}
*:focus {
	outline: none;
}
html {
	background: #2d2c2e;
	
}
body {

	padding: 0px;
	margin: 0;
	font: 100% Verdana;
	font-size:11px;
	color: #ffffff;
	height:100%;
}
.hide {
	position: absolute;
	left: -999999px;
	width: 0;
	top: 0;
}
h1, h2, h3, h4, h5, fieldset {
	margin: 0;
	padding: 0;
}
.f_links_wrap {float:left;}
	.f_links {padding:0px; height:60px; margin-right:1px; margin-left:1px;}
	.f_links ul {width:180px; margin:0px 0 0 0px; padding:0; list-style-type:none; font-size:11px;}
	.f_links ul li {margin-left:10px; margin-right:10px; height:12px; padding:5px 5px 1px 11px; list-style-type:none;}
	.f_links ul li a {padding-left:8px;text-decoration:none; color:#FFF;background: url(../img/strelica_f.gif) left 3px no-repeat;}
	.f_links ul li a:hover {text-decoration: underline;}
    .f_links ul li.selected{
    color:#7f8e90;
	margin:0;	
    background: url(../img/strelica.gif) left top no-repeat;
    border:none;
    }
    .kategorije {width:180px;float:left; padding:0px; height:350px; margin-right:1px; margin-left:1px; border-top:3px #fff solid; background:#fff;}
.kategorije ul {width:180px; margin:0px 0 0px 0px; padding:0; list-style-type:none; font-size:13px; background: #fff;}
	.kategorije ul li {margin-left:10px; margin-right:10px; height:16px; padding:2px 5px 1px 0px; list-style-type:none; }
	.kategorije ul li a {padding-left:15px;text-decoration:none; color:#e47a3c; background: url(../img/kockica.gif) 5px 6px no-repeat;}
	.kategorije ul li a:hover {text-decoration: underline;}
    .kategorije ul li.selected{
    color:#7f8e90;	
     }    
.pad5{
padding:5px;	
}    
.linija{
background:#666;
height:1px;	
}
.white{
background:#fff;
padding:5px;	
}
p {
margin:0;	
}
.tekst12{
font-size:12px;	
}
.titleGrupa img{
display:block;
border:5px solid #666; 	
}
#paging{
font-size:12px;	
}
#paging a{
color:#e47a3c;	
text-decoration:none;
}
#paging  a:hover{
color:#e47a3c;
text-decoration:underline;
}
#paging .selected{
padding:2px;
border:1px #e47a3c solid;	
}
.SlikaArtikal img{
border-left:#e47a3c 10px solid;
}
.opis p{
padding-top:3px;
margin:0;	
background:url(../img/dots_h.gif) repeat-x bottom;
height:20px;
}
.footer{
background:#e1e4e5;	
border-bottom:solid #bcc3c3 2px;
}
.tekst12 a{
color:#e47a3c;	
text-decoration:none;	
}
.tekst12 a:hover{
color:#e47a3c;	
text-decoration:underline;	
}
.email{
width:160px;	
}
.spacer5{
	height:5px;
}
#TableInfo td{
font-size:12px;
vertical-align:top; padding:5px 10px 5px 0; background:url(../img/dots_h.gif) repeat-x bottom;
}







.rbroundbox { background: url(../img/nt.gif) repeat; }
.rbtop div { background: url(../img/tl.gif) no-repeat top left; }
.rbtop { background: url(../img/tr.gif) no-repeat top right; }
.rbbot div { background: url(../img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; height:100%;}
.rbroundbox { width: 100%; margin: 1em auto; height:100%;}

.t {background: #252626 url(../img/dot.gif) 0 0 repeat-x;height:100%;}
.b {background: url(../img/dot.gif) 0 100% repeat-x;height:100%;}
.l {background: url(../img/dot.gif) 0 0 repeat-y;height:100%;}
.r {background: url(../img/dot.gif) 100% 0 repeat-y;height:100%;}
.bl {background: url(../img/bl.gif) 0 100% no-repeat;height:100%;}
.br {background: url(../img/br.gif) 100% 100% no-repeat;height:100%;}
.tl {background: url(../img/tl.gif) 0 0 no-repeat;height:100%;}
.tr {background: url(../img/tr.gif) 100% 0 no-repeat; padding:10px;height:100%;}

.holder{margin-top: -10px;width:100%; text-align: center;}
.topboxw{min-width:200px;width:80%; margin: 0 auto; height:30px; background:url(../img/top_box_lw.gif) no-repeat top left;}
.topbox_wrapw {height:30px;  background:url(../img/top_box_rw.gif) no-repeat right top;}
.topboxw p{
	margin: 0;
	padding-top:5px;
	text-align:center;
	color:#00c7e5;
	font-size:12px;
}
/* belibox */
.tw {background: #FFF url(../img/dotw.gif) 0 0 repeat-x;height:100%;color:#000;}
.bw {background: url(../img/dotwb.gif) 0 100% repeat-x;height:100%;}
.lw {background: url(../img/dotwl.gif) 0 0 repeat-y;height:100%;}
.rw {background: url(../img/dotwr.gif) 100% 0 repeat-y;height:100%;}
.blw {background: url(../img/blw.gif) 0 100% no-repeat;height:100%;}
.brw {background: url(../img/brw.gif) 100% 100% no-repeat;height:100%;}
.tlw {background: url(../img/tlw.gif) 0 0 no-repeat;height:100%;}
.trw {background: url(../img/trw.gif) 100% 0 no-repeat; padding:10px;height:100%;}

.holder{margin-top: -10px;width:100%; text-align: center;}
.topbox{width:150px; margin: 0 auto; height:30px; background:url(../img/top_box_l.gif) no-repeat top left;}
.topbox_wrap {height:30px;  background:url(../img/top_box_r.gif) no-repeat right top;}
.topbox p{
	margin: 0;
	padding-top:5px;
	text-align:center;
	color:#00c7e5;
	font-size:12px;
}


#header{
background:  url(../img/background.jpg) repeat-y center top;
}
.td_left_line{
	border-left:1px solid #555555;
	
}
.pad10{
padding:10px; 	
}
.top_links a{
	
	color:#00c7e5;
	text-decoration:none;
	display:block;
}
.top_links a:hover{
	text-decoration:underline;
}
br{
	height:8px;
}
.line_top{
	height:10px;
background:url(../img/top_line.gif)	center top no-repeat;
}

.topnavigacija ul{
	width:100%;
	display:block;

list-style: none;
list-style-type:none;
padding:0px;

margin:0px;
}
.topnavigacija li{

position: relative;
float:left;
height:27px;
width:145px;
padding:0px;

margin:0;
background:url(../img/menu_back_button.gif) no-repeat left;	
}
.topnavigacija div{
	padding-top:8px;
	
	width:100%;
	text-align:center;
}
.topnavigacija a{

color:#00c7e5;	
text-decoration:none;
}
.boxlog{
	background:#666;
	border:0;
}
.topnavigacija a:hover{
color:#00c7e5;
text-decoration:underline;
}
.topnavigacija .selected{
background:url(../img/menu_back_button_sel.gif) no-repeat left;		
}
.topnavigacija .selected a{
	color:#fff;
	}
.b_1{
	
background:url(../img/down_menuback.gif) repeat-x left;
}
.b_1_left{
	
	height:48px;
background:url(../img/down_menuback_l.gif) no-repeat left 1px;	
}
.b_1_right{
	
	height:48px;
background:url(../img/down_menuback_r.gif) no-repeat right 1px;	
}
.line5{
height:5px;	
}

.footerBack{
	height:110px;
background:url(../img/footer_back.gif) repeat-x left top;		
}
.footerBack_l{

background:url(../img/footer_l.gif) no-repeat left top;		
}
.footerBack_r{
	height:110px;
background:url(../img/footer_r.gif) no-repeat right top;		
}
a{
	height:10px;
	color:#00c7e5;
	text-decoration:none;
	
}
a:hover{
	text-decoration:underline;
}
.blue{
color:#00c7e5;	
	
}
.sivo{
color:#666;	
font-size:11px;
}
.t table td{
padding:5px;
}
.info a{
	height:10px;
	color:#ffffff;
	text-decoration:none;
	display:block;
}
.info a:hover{
	text-decoration:underline;
}
.vest a{
	
	color:#ffffff;
	text-decoration:none;
	
}
.vest a:hover{
	text-decoration:underline;
}
.rss{
background:url(../img/icon_rss.gif) no-repeat left top;
padding-left:25px;
min-height:30px;
		
}
.mail{
background:url(../img/icon_mail.gif) no-repeat left top;
padding-left:25px;
min-height:30px;
		
}
.write{
background:url(../img/icon_write.gif) no-repeat left top;
padding-left:25px;
min-height:30px;
		
}
.title_artikal{
background:#01c3e1;
height:20px;
padding-top:6px;
padding-left:6px;	
}
.opis_artikal{
	color:#666;
	background:#ededed;
	padding:3px;
}
#opis td{
	color:#000;
}
fieldset.search {
	border: none;
	width: 243px;
	margin-left: 10px;
	
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
border:0;
 margin:0;
 height:21px;
 width:140px;
 padding-left:15px;
 padding-top:6px;
 background:url(../img/input_box.gif) no-repeat center;
}

.search button.btn {
	margin-top:5px;
	margin-left:-6px;
	width: 19px;
	height: 19px;
	cursor: pointer;
	text-indent: -9999px;
	background:url(../img/button_search.gif) no-repeat center;
}


.search_input
{
 border:0;
 margin:0;
 height:21px;
 width:140px;
 padding-left:15px;
 padding-top:6px;
 background:url(../img/input_box.gif) no-repeat center;
}
.search_button{
	margin:-5px;
	margin-left:-11px;
	margin-top:-6px;
	border:0;
	width:19px;
	height:19px;
	
}
.visina{
	height:500px;
	
}
.mapa{
	position:absolute;
	top:9px;
	left:882px;
	height:30px;
}
#mapaSiteHolder a{
	font-size:10px;
}
#mapaSiteHolder a:hover{
	
}
.src{
	padding-top:0px;
	padding-left:10px;
}
.dugme{
	border:1px solid #fff;
	background: #2d2c2e;
	padding-top:2px;
padding-bottom:2px;
color:#fff;
margin-right:2px;
}



.line{
 border-bottom:1px #999999 solid;
}
ul{
list-style:none;
font-size:9px;
height:100%;
margin:0;
padding:0;
width:100%;
height:100%;
}
.tree li{
	font-size:120%;
	height:20px;
	
	border-bottom:1px solid #999;
	
}

#product a{
	color:#fff;
	text-decoration:none;
	display:inline;
}
.mainsel{
	font-weight:bold;
	padding-left:2px;
background:#404040;
}
.subtree li{
	font-size:110%;
	padding-left:5px;
	
	background:#262626;
	
  height: auto;
  min-height:20px;
}
.subtree div {
	padding-top:3px;
	padding-bottom:3px;
	
	 
}
.subsubtree li div {
	padding-top:3px;
	
 
}
.subsubtree li{
		
	padding-left:12px;
	background:#5b5b5b;
	border:0px;
	border-bottom:1px solid #999;
}
div.selected{
	font-weight:bold;
}
ul.link{
	
}