/* DEFAULT SETINGS */
*{
margin:0px;
padding:0px;
}

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

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;}
h1 {font-size: 1.8em; color:#f36d2a;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.3em;}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

h1{
padding-bottom:15px;
}

h2{
padding-bottom:5px;
}


/* 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;
margin-top:10px;

}

#utility { margin:10px 0 0 10px; width:230px; float:left;   }
#content {margin: 10px  0 0 30px; width:650px; float:left;  }
#content p{ margin:0 0 10px 0;}
#contentHeader{ position:relative; }
#contentHeader img{}
#contentHeader h1{ position:absolute; top:25px; left:25px; font-size:34px; font-weight:normal; }

#content ul{ padding-left:35px;}


/* 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 {height:155px; position:relative; }
#headerImg {position:absolute; top:91px; left:20px; }
#headernav { position:absolute; top:80px; left:240px; padding: 0; margin: 0; list-style: none;  height:71px;  }


	/* NAV - top horizontal nav */
	
#header ul.menu {
list-style-type:none;
padding:10px 0 0 25px;

}

#header ul.menu li {
text-indent:-6000px;
float:left;

}

#header ul.menu li a {
 display:block;
 height:48px;
 outline:none;
}


#header ul.menu li.novosti a {
 background:url(images/pocetna.png) no-repeat;
 width:140px;
}

#header ul.menu li.ponuda a {
 background:url(images/ponuda.png) no-repeat;
 width:140px;
}

#header ul.menu li.reference a {
 background:url(images/reference.png) no-repeat;
 width:140px;
}

#header ul.menu li.usluge a {
 background:url(images/usluge.png) no-repeat;
 width:140px;
}

#header ul.menu li.kontakt a {
 background:url(images/kontakt.png) no-repeat;
 width:140px;
}

#header ul.menu li a:hover,
#header ul.menu li.active a {
 background-position:bottom;
}
	

 
/* SECONDARY NAVIGATION - vertical navigation */
	
	
	
	#nav-secondary li ul { margin-top:9px;   }
	#nav-secondary li {list-style: none;  width:150px; padding: 5px 0px 5px 15px; color:#666666; }
	#nav-secondary {padding:0px 0px 0px 15px;}
	#nav-secondary a { display:block; }
	#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:#666} 
	#nav-secondary a:visited {color:#666} 
	#nav-secondary li a:hover, #nav-secondary li.active li a:hover, #nav-secondary li.active li.active li a:hover {color:#000;} 
	
	
	#nav-secondary ul li a{ color:#33FF66; }
	
	#nav-secondary li.active li a, #nav-secondary li.active li.active li a {
	color:#666;  
	}
	#nav-secondary li.active a, #nav-secondary li.active li.active a, #nav-secondary li.active li.active li.active a {
	color:#000;
	
	
	}
	

/* LAYOUT - FOOTER */
#footer {height:107px; width:975px; background:url("images/footer.jpg") no-repeat scroll 0 100%; margin-top:10px; float:left; }

#flash{

}



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


}

#columns{
margin-top:20px;
color:#333333;
}

#columns h1{
padding:15px 0 10px 0;
}

#column1{
background:transparent url("images/ind_col1.png") no-repeat scroll 0 0; 
height:179px;
padding:0px 40px 0px 50px;
}

#column1 p{


}

#column2{
position:relative;
background:transparent url("images/ind_col2.png") no-repeat scroll 0 0; 
height:59px;
}

#column3{
padding-left:50px;
background:transparent url("images/ind_col1.png") no-repeat scroll 0 0; 
height:179px;

}

#column3 #izdvajamo, #novosti{
float:left;
width:410px;
margin-right:45px;
}



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

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

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

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

}

#slike{
padding-top:15px;
overflow:hidden;
}

#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 .slika img{
position:absolute;
top:7px;
left:10px;
}

#novostItem{
padding-bottom:15px;
}

#novostItem h1{
padding-bottom:5px;
}

#nec_but{
position:absolute;
top:0px;
left:40px;
text-indent:-6000px;
 width:72px;
 height:57px;
}

#nec_but a{
background:transparent url("images/nec_but.png") no-repeat scroll 0 100%; 
  width:72px;
  display:block;
   height:57px;
}

#revox_but{
position:absolute;
top:0px;
left:140px;
text-indent:-6000px;
 width:84px;
 height:57px;
}

#revox_but a{
background:transparent url("images/revox_but.png") no-repeat scroll 0 100%; 
  width:84px;
  display:block;
   height:57px;
}

#gira_but{
position:absolute;
top:0px;
left:250px;
text-indent:-6000px;
 width:84px;
 height:57px;
}

#gira_but a{
background:transparent url("images/gira_but.png") no-repeat scroll 0 100%; 
  width:84px;
  display:block;
   height:57px;
}

#knx_but{
position:absolute;
top:0px;
left:850px;
text-indent:-6000px;
 width:65px;
 height:57px;
}

#knx_but a{
background:transparent url("images/knx_but.png") no-repeat scroll 0 100%; 
  width:65px;
  display:block;
   height:57px;
}


#slideShowContainer {
	width:918px;
	
	
	height:335px;
	display:block;
	position:relative;
	
	background:url("images/slidebg.jpg") no-repeat;
}

#slider{
overflow:hidden;	
margin:0px;
}

#slider li{
	position:absolute;
	left:6px;
	top:6px;
	margin:0px;
	list-style:none;
}

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

.controller li{

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