/* CSS Document */
*{
	margin:0px;
	padding:0px;
}
body{
	font: 62.5% "Tahoma", Arial, Helvetica, sans-serif;
	text-align:center;
	background:#E5E5E5 url(../art/bg-x.gif) repeat-x top center;
	color:#8B8B8B;
}

/* PRIKAZ LOGA */
h1 {
	position:absolute;
	top:30px;
	left:20px;
	width:280px;
	height:100px;
	text-indent:-8000px;
}
h1 a, h1 a:hover {
	height:100px;
	text-decoration:none;
	display:block;
}
h1 { display:none }

/* OSTALI GLAVNI DIO */
h2, h3, h4, p, #content ul, table {
	margin-bottom:10px;
}
h2 {
	font-size:1.6em;
	font-weight:normal;
}
p, #content li {
	font-size:1.1em;
	line-height:1.45em;
}

#content ul {
	list-style:none;
}
#content li {
	margin-bottom:3px;
}
#content .navigacijska-lista li {
	font-size:1.3em;
}

/* TABLICE */

/* SLIKE */

/* LINKOVI */
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#555;
}
/* GLAVNI DIO */
#container {
	width:900px;
	margin:0 auto;
	text-align:left;
}
#head {
	width:900px;
	height:200px;
	background:url(../art/header.jpg) no-repeat;
	position:relative;
	margin-bottom:20px;
}
#content {
	width:540px;
	float:right;
	display:inline;
	margin-right:40px;
	margin-bottom:40px;
}
#helper {
	width:260px;
	float:left;
	display:inline;
	margin-left:40px;
	margin-bottom:40px;
}

/* POCETNA STRANICA */
#homepage {
	width:840px;
	float:left;
	display:inline;
	margin-left:40px;
	margin-bottom:40px;
}
.grupa {
	width:148px;
	margin-right:20px;
	float:left;
	display:inline; 
 
}
.grupa h3 {
	font-size:1.3em;
	text-transform:uppercase;
	color:#3D3D3D;
	font-weight:normal;
		display:compact; 
}
.grupaimg img {
	border:5px solid #CCC9C9;
	margin-bottom:10px;
	display:block;
}

/* PRIKAZ PROIZVODA */
.proizvod {
	width:80px;
	margin-right:20px;
	float:left;
}
.proizvod h3 {
	font-size:1.1em;
	color:#3D3D3D;
	font-weight:normal;
}
.proizvodimg img {
	border:5px solid #CCC9C9;
	margin-bottom:10px;
}

/* NOVOSTI */

/* OSNOVNA NAVIGACIJA */
#headnav {
	position:absolute;
	width:860px;
	height:50px;
	overflow:hidden;
	top:150px;
	left:20px;
}
#headnav li {
	float:left;
	display:block;
	text-indent:-8000px;
}
#headnav a {
	display:block;
	height:50px;
	background-image:url(../art/navigacija.jpg);
	background-repeat:no-repeat;
	margin-right:1px;
}
.en a {background-image:url(../art/navigacija-en.jpg);}

#headnav #katalog a { width:94px; background-position:0 0 }
#headnav #katalog a:hover, #headnav #katalog a.selected { background-position: -200px 0 }

#headnav #onama a { width:92px; background-position:0 -50px }
#headnav #onama a:hover, #headnav #onama a.selected { background-position: -200px -50px }

#headnav #kontakt a { width:94px; background-position:0 -100px }
#headnav #kontakt a:hover, #headnav #kontakt a.selected { background-position: -200px -100px }

#headnav #personalizacija a { width:150px; background-position:0 -150px }
#headnav #personalizacija a:hover, #headnav #personalizacija a.selected { background-position: -200px -150px }

/* LIJEVA NAVIGACIJA */
#leftnav {
	opacity:.5;
}
#leftnav * {
	filter:Alpha(Opacity=50);
}
#leftnav ul {
	font-size:1.1em;
}
#leftnav ul ul { font-size:100% }
#leftnav li {
	list-style:none;
}
#leftnav a {
	display:block;
	padding:8px 10px;
	text-decoration:none;
	color:#333;
	background:#fff;
	margin-bottom:1px;
	height:1%;
}
#leftnav li li a { padding:8px 15px; color:#555 }
#leftnav a:hover, #leftnav a.selected {
	background:#EEE;
}

/* KONTAKT FORMA */
form {
	margin-bottom:20px;
}
fieldset { border:none; }
fieldset p { text-align:left; }
label {
	display:block;
	margin-bottom:7px;
	font-size:1.1em;
}
input, textarea, submit {
	font-size:inherit;
}
.text {
	padding:5px;
}
.button {
	padding:3px 10px;
	margin-top:5px;
	font-size:1em;
}
#content label { }
#content .text { width:350px; }
textarea.text { font-family:Arial; }

/* FOOTER */
#footer {
	width:900px;
	margin:0 auto;
	background:url(../art/footer.jpg) no-repeat center top;
	padding:20px;
	text-align:center;
}