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

html{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height: 100%; 
}

body {

background-position:top;
background-color:#e0e0e0;
height: 100%; 
}


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


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



/* LAYOUT - main body of page */
#top-wrap{
background: url("images/header_rep.jpg") repeat-x top; 
height:138px;
padding:0px 0px 15px 0px;
}

#wrap {
width:933px;
margin: 0 auto;
position:relative; 
overflow:hidden;

} 

#content-wrap {width:933px; position:relative; overflow:hidden;  padding:25px 15px 0px 10px; }



#utility { margin:0px 0 0 5px; width:230px; float:left;   }
#content {margin: 0px  0 0 30px; width:600px; float:left;  }
#content-empty { width:800px; padding:0px 20px 0px 20px; float:left;  }

#content ul,#content-empty ul{list-style-type:disc; list-style:disc; list-style-position:inside; margin-left:15px;}
#contentHeader{ position:relative; }
#contentHeader img{}
#contentHeader h1{ position:absolute; top:25px; left:25px; font-size:34px; font-weight:normal;  }
#content h1, #content-empty h1{ margin:0px 0px 15px 0px; font-weight:bold; }

/* 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:138px;  position:relative;   }
#headerImg { position:absolute; top:0px;}
#headernav { list-style:none; position:absolute; top:41px; left:340px;    }

#bottom-wrap{
padding-bottom:300px;

}

#wrapper{
min-height:100%;
}

#flash{
background:url(images/flash_back.png) repeat 0 0;
height:352px;
width:933px;
}

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


	/* NAV - top horizontal nav */
	
#header ul.menu {
list-style-type:none;
margin:0px;
overflow:hidden;
}

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

#header ul.menu li a {
 display:block;
 height:56px;
}


#header ul.menu li.home a {
background:url(images/pocetna.png) repeat 0 0;
width:112px;
}

#header ul.menu li.pametne-kuce a {
background:url(images/pametne_kuce.png) repeat 0 0;
width:127px;
}

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

#header ul.menu li.onama a {
background:url(images/onama.png) repeat 0 0;
width:86px;
}

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



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

 
/* SECONDARY NAVIGATION - vertical navigation */
	
	
	
	#nav-secondary li ul {   }
	#nav-secondary li {list-style: none;  width:216px; border-bottom: solid 1px #D6D6D6; margin:0px; }
	#nav-secondary ul li{/*padding: 5px 0px 5px 15px;*/}
	#nav-secondary {padding:0px 0px 0px 5px;}
	#nav-secondary a { display:block; padding:7px 0px 7px 15px; }
	#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:#5B5B5B;} 
	#nav-secondary a:visited {color:#5B5B5B;} 
	#nav-secondary a:hover {color:#2A2A2A;} 
	
	
	
	#nav-secondary li.active ul a{
	padding-left:30px;
	}
	
	#nav-secondary li.active li.active ul  a{
	padding-left:45px;
	color:#E5E5E5;
	}
	
	
	#nav-secondary a.active{
		color:#1B1B1B;
		
		
	}
	
	#nav-secondary a.SubActive{
		color:#00CCFF;
		font-weight:bold;
		
		
	}
	
	
	
	
	.menuNaslov{
	font-weight:bold;
		width:185px;
		line-height:1.6em;
		padding: 0px ;
		margin:0px 0px 15px 15px;
	}
	

/* LAYOUT - FOOTER */
#footer {height:263px; margin-top:-263px; background: url("images/footer_bg.png") repeat-x top;  }



#column-middle{

padding: 0px 25px 0px 25px;
height:299px;
}



#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;
}

#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;

}


h1.about_us{
background:url("images/naslovi.png") no-repeat;
display:block;
height:30px;
background-position:left -0px;
text-indent:-9999px;
}

h1.quality_control{
background:url("images/naslovi.png") no-repeat;
display:block;
height:30px;
background-position:left -40px;
text-indent:-9999px;
}


h1.product_port{
background:url("images/naslovi.png") no-repeat;
display:block;
height:40px;
background-position:left -120px;
text-indent:-9999px;
}

h1._contact{
background:url("images/naslovi.png") no-repeat;
display:block;
height:30px;
background-position:left -80px;
text-indent:-9999px;
}

#column{
width:100%;
margin:15px 0px 15px 0px;
overflow:hidden;
}

#column .left_col{
float:left;
width:400px;
}

#column .right_col{
float:right;
width:400px;
}

#footer .blogFeed{
width:400px;
float:left;
margin:0px 150px 0px 0px;
}

#footer .contact{
float:left;
width:310px;
}