/* DEFAULT SETINGS */
*{
margin:0px;
padding:0px;
outline:none;
color:#666666;
}

html{
/*background: url("images/background.jpg") 0 100%;*/ 
background-position:top;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

body {


}

/* LINKS */
a,a:link,a:link,a:link,a:hover {cursor:pointer; text-decoration:none;} 
a:link {color:#000; } 
a:visited {color:#000;} 
a:hover,a:active {color:#CCC;} 


/* TYPOGRAPHY */
p, ul, ol, li {line-height:1.6; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:10px 0px 10px 0px;}
h1 {font-size: 25px; color:#555;}
h2 {font-size: 200%; color:#555;}
h3 {font-size: 1.3em;}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}


/* LAYOUT - main body of page */
#wrap {
width:975px;
margin: 0 auto;
position:relative; 
overflow:hidden;
} 

#content-wrap {
width:975px;
position:relative;
overflow:hidden;
min-height:400px;

}



#utility { margin:10px 0 0 6px; width:230px; float:left; display:inline;   }
#content {padding: 10px 0px 0px 15px; width:710px; float:left; display:inline; }
#content p{ margin:10px 0 10px 0;}
#content ul{list-style-type:disc; list-style:disc; list-style-position:inside; margin-left:15px; }

#contentHeader img{}
#contentHeader h1{font-size:34px; font-weight:normal;  }
#content h1{ margin:10px 0px 15px 0px; font-weight:bold; color:#A41E21;}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 


/* LAYOUT - HEADER */
#header {min-height:155px; height:auto !important;   }
#headerImg { margin: 0px; padding: 0px; height:84px;}
#headerImg .logo{ position:absolute; top:70px;}
#headerImg .sgs{ position:absolute; left:840px;}

#headernav {padding: 0; margin: 0; list-style: none;  height:71px; position:absolute; height:68px; left:395px; width:600px;}


	/* NAV - top horizontal nav */
	
	#header ul.menu {

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


}



#header ul.menu li {

text-indent:-6000px;

float:left;



}



#header ul.menu li a {

 display:block;

 height:68px;

  

}



#header li.pocetna a, #header li.pocetna a span{

background:url(images/pocetna.png) repeat 0 0 ;

width:143px;

}



#header li.ponuda a, #header li.ponuda a span{

background:url(images/ponuda.png) repeat 0 0;

width:139px;

}



#header li.o-nama a, #header li.o-nama a span{

background:url(images/o-nama.png) repeat 0 0;

width:139px;

}



#header li.kontakt a, #header li.kontakt a span{

background:url(images/kontakt.png) repeat 0 0;

width:146px;

}


#header li.home a, #header li.home a span{

background:url(images/home.png) repeat 0 0 ;

width:143px;

}



#header li.offer a, #header li.offer a span{

background:url(images/products.png) repeat 0 0;

width:139px;

}



#header li.about-us a, #header li.about-us a span{

background:url(images/about-us.png) repeat 0 0;

width:139px;

}



#header li.contact a, #header li.contact a span{

background:url(images/contact.png) repeat 0 0;

width:146px;

}











#header ul.menu li.active a span{


display:block;
}


#header ul.menu li a span.onOver{
height:68px;
background-position:bottom;
}
	

 
/* SECONDARY NAVIGATION - vertical navigation */
	
	
	
	#nav-secondary li ul {   }
	#nav-secondary li {list-style: none;  width:216px; }
	#nav-secondary ul li{/*padding: 5px 0px 5px 15px;*/}
	#nav-secondary {padding:0px 0px 0px 5px;}
	#nav-secondary a { display:block; padding:5px 0px 0px 25px; height:31px;}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer; } 
	#nav-secondary a:link {color:#4D4D4D;} 
	#nav-secondary a:visited {color:#4D4D4D;} 
	#nav-secondary a:hover {color:#000;} 
	
	
	
	
	
	
	
	#nav-secondary li.active ul a{
	padding-left:40px;
	}
	
	#nav-secondary li.active li.active ul  a{
	padding-left:50px;
	}
	
	
	#nav-secondary a.active{
		color:#FFFFFF;
		background:url("images/nav_item.png") no-repeat;
		
	}
	
	#nav-secondary a.SubActive{
		color:#990000;
		font-weight:bold;
		
		
	}
	
	
	.menuNaslov{
		
		width:160px;
		line-height:1.6em;
		margin:0px 0px 10px 25px;
	}
	

/* LAYOUT - FOOTER */
#footer {height:238px; width:975px; background:url("images/footer.jpg") no-repeat left top; margin-top:10px; float:left; padding:35px 0 0 50px; }

#footer p{color:#F4F4F4;}

#footer h2{
color:#FFFFFF;
}


#flash{
height:314px;
}



.boxText{
width:280px;
float:left;
margin-right:20px;
margin-left:10px;


}

#column-middle{
margin-top:10px;
float:left;
}

#column-middle .boxOuter{
	background:transparent url("images/box_top.gif") no-repeat scroll 0 0; 
	width:974px;
	float:left;
	
}

#column-middle .boxInner{
	background:transparent url("images/box_bottom.gif") no-repeat scroll 0 100%; 
	margin-top:10px;
	padding:10px 25px 25px 25px;
	float:left;
	width:974px;
}

#utility .boxOuter{
	background:transparent url("images/side_meni_top.jpg") no-repeat scroll 0 0; 
	margin:0px;
	padding:0px;
	float:left;
	
}

#utility .boxInner{
	background:transparent url("images/side_meni_bottom.jpg") no-repeat scroll 0 100%; 
	margin-top:20px;
	padding:0px 0px 50px 30px;
	float:left;
	width:200px;
}

table{width:100%; padding-bottom:20px;}
table th
{
	font-size: 12px;
	padding: 10px 8px;
	border-bottom: 2px solid #CCCCCC;
}
table td
{
	border-bottom: 1px solid  #CCCCCC;
	padding:8px 0px 8px 0px;
	text-align:left;
}
table tbody tr:hover td
{
	background-color:#EEEEEE;
}

table thead{
color:#333333;
text-align:left;
font-weight:bold;
background-color:#EEEEEE;

}

#slike .slika{
background-color:#006633;

width:150px;
height:118px;
float:left;
position:relative;
background:transparent url("images/slike_bck.png") no-repeat scroll 0 100%; 
}

#slike{
overflow:hidden;
margin:40px 0px 0px 0px;	
}

#slike .slika img{
position:absolute;
top:9px;
left:10px;
}

#tumb{
position:relative;
float:left;
width:175px;
height:133px;
background:transparent url("images/tumb_back.png") no-repeat scroll 0 100%; 
}

#tumb p{
position:absolute;
top:100px;
left:20px;
color:#FFFFFF;
font-weight:bold;
margin:0px;
}

#tumb img{
position:absolute;
top:12px;
left:12px;
}


#utility .boxTop{
background:url("images/nav_top.png") no-repeat;
display:block;
height:13px;
}

#utility .boxRepeat{
background:url("images/nav_rep.png");
background-repeat:repeat-y;
}

#utility .boxBottom{
background:url("images/nav_bottom.png") no-repeat;
display:block;
height:61px;
}


#jezici {
	position:absolute;
	top:30px;
	left:800px;
}

#jezici li{
list-style:none;
list-style-type:none;
float:left;
font-size:11px;	
padding:4px;
}

#jezici li.active a{
	color:#8C8C8C;
}


#slideShowContainer {
	width:974px;
	height:340px;
	display:block;
	position:relative;
	overflow:hidden;
	
}

#slider{
overflow:hidden;	
position:absolute;
width:7000px;
}

#slider li{
	display:block;
	float:left;
}

#slideShowContainer .controller{
position:absolute;
top:315px;
left:400px;	
}

.controller li{

float:left;
display: block;	
width:20px;
height:20px;
cursor:pointer;
}


#contentHeader{ position:relative; margin:0px; padding:0px; width:100%; overflow:hidden; }
#contentHeader h1{ position:absolute; margin:0px; padding:0px; left:25px; top:70px; color:#666; font-weight:lighter; }
#contentHeader .headerText{position:absolute; left:25px; top:100px; width:300px; color:#818181;}