body {
	background: #323232;
	font-family:Verdana, Geneva, sans-serif;
}

body, ul, form, fieldset, h1, h3, h4 {
	margin:0px;
	padding:0px;
}

.clear {
	clear:both;
}

#wrap, #wrap2 {
	width:944px;
	margin:0 auto;
}

#header {
	background:url(/images/header.jpg);
	height:238px;
	position:relative;
}

#wrap2 #header {background:url(/images/header2.jpg);}

#flash001 {
	position:absolute;
	top:14px;
	left:522px;
}

#logo a {
	width:145px;
	height:92px;
	position:absolute;
	top:60px;
	left:17px;
}

a img {
	border:none;
}

#header ul {
	list-style:none;
}

#cart ul li, #main_menu ul li {
	display:inline;
	font-size:11px;
	font-weight:bold;
	padding:0 20px 0 0;
}

#cart ul li a, #cart ul li a:visited {
	color:#fff;
	text-decoration:none;
}

#cart ul li a:hover {
	color:#ffc000;
}

#newsletter {
	padding:5px 0 0 0;
	width:207px;
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

#cart {
	width:258px;
	float:left;
	margin:0 0 0 11px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:5px 0 0 0;
}

#cart ul {
	margin:15px 0 0 8px;
	text-align:left;
}

#cart ul li {
	padding:0 0 0 54px;
}

#cart form {
	text-align:left;
	margin:27px 0 0 11px;
}

#newsletter form {
	margin:7px 0 0 6px;
}

input.search_field, input.newsletter-email {
	font-size:11px;
	color:#444;
	padding:2px;
	vertical-align:top;
	margin:1px 4px 0 0;
}

input.search_field {width:181px;}

input.newsletter-email {width:132px;}

input.button {
	margin:0px;
	padding:0px;
}

a.diler {
	position:absolute;
	top:117px;
	left:203px;
}

#main_menu {
	clear:both;
	padding:62px 0 0 0;
}

#main_menu ul li {
	padding:0px;
}

#main_menu ul li a, #main_menu ul li a:visited {
	float:left;
	background:url(/images/menu_left.gif) no-repeat left top;
	padding:0 0 0 4px;
	margin:0 4px 0 0;
	text-decoration:none;
}

#main_menu a span {
	float:left;
	display:block;
	background:url(/images/menu_right.gif) no-repeat right top;
	padding:5px 7px 5px 3px;
	color:#000;
	text-decoration:none;
}

#main_menu a span {float:none;}
#main_menu ul li a:hover {background-position:0% -23px;}
#main_menu a:hover span {background-position:100% -23px;}

#breadcrumbs {
	clear:both;
	margin:47px 0 0 10px;
}

#breadcrumbs ul li {
	font-size:10px;
	display:inline;
	font-weight:bold;
	padding:0 0 0 10px;
	background:url(/images/arrow.gif) no-repeat 0px 4px;
}

#breadcrumbs ul li a, #breadcrumbs ul li a:visited {
	color:#000;
	text-decoration:none;
}

#breadcrumbs ul li a:hover {
	text-decoration:underline;
}

#container {
	background:url(/images/container_bg.gif) right repeat-y;
	position:relative;
	height:100%;
}

#wrap2 #container {background:url(/images/container_bg2.gif) right repeat-y;}

#screen {
	background:url(/images/screen.jpg) no-repeat;
	width:415px;
	height:39px;
	position:absolute;
	right:20px;
	top:0px;
	z-index:1;
}

#wrap2 #screen {background:url(/images/screen2.jpg) no-repeat;}

/**** MAIN ****/

#main {
	float:left;
	width:502px;
	padding:7px 28px 0 28px;
}

#wrap2 #main {
	width:713px;
	color:#323232;
}

.proizvodi {
	font-weight:bold;
	border-bottom:1px solid #0f2f42;
	margin-top:47px;
	font-size:12px;
}

.proizvodi th {
	color:#0f2f42;
	text-align:left;
	border-bottom:1px solid #0f2f42;
	font-weight:bold;
}

.proizvodi td.sifra {
	font-weight:normal;
	text-align:right;
	width:110px;
}

.proizvodi th.sifra {text-align:right}

.proizvodi .cena {
	text-align:right;
	width:80px;
}

.proizvodi .kolicina {
	text-align:center;
}

.kolicina {font-size:13px; text-align:right; margin:10px 16px 0 0;}

.proizvodi .odd {
	background:#ddd;
}

.proizvodi th, .proizvodi td {
	padding:3px 10px;
}

.proizvodi a {
	color:#0f2f42;
	text-decoration:none;
}

.proizvodi a:hover {
	text-decoration:underline;
}

.lista {
	margin:10px 0 0 -22px;
}

.proizvod {
	width:156px;
	height:196px;
	border:2px solid #ddd;
	background:#7dceff url(/images/proizvod-bg.gif) repeat-x;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	position:relative;
	float:left;
	margin:0 0 20px 23px;
	display:inline;
}

.proizvod-slika {
	float:left;
	margin:4px 20px 3px 0;
	background:#fff;
	padding:10px;
	border:3px solid #ddd;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#0f2f42;
	padding:0 0 16px 0;
	z-index:10;
	position:relative;
}

.text_in h1 {
	width:100%;
	line-height:normal;
	font-size:18px;
}

.text {
	font-size:12px;
	color:#323232;
}

.tail {
	overflow:hidden;
}

.tail, .ol-header td {
	padding:0 0 16px 0;
	border-bottom:1px solid #0f2f42;
}

.text_in {
	line-height:16px;
	position:relative;
	margin-top:10px;
}

.text_in a, .text_in a:visited, .list a, .list a:visited {
	color:#0f2f42;
	text-decoration:none;
	font-weight:bold;
}

.text_in a:hover, .list a:hover {
	text-decoration:underline;
}

.text_in .price {
	position:relative;
	text-align:right;
	width:100%;
	margin:-20px 0 26px 0;
}

.text_in .price span {
	font-size:16px;
}

p {margin:0 0 16px 0;}

a:hover h4 {
	color:#787878;
}

.items {
	margin:0 -19px 0 1px;
}

.item {
	width:154px;
	background:#bfe7ff url(/images/item_bottom.gif) no-repeat bottom;
	height:160px;
	margin:16px 19px 0 0;
	float:left;
}

.item .image {
	height:13px;
}

.title {
	margin:-13px 0 0 0;
	height:39px;
	position:relative;
}

h4 {
	font-size:11px;
	font-weight:bold;
	color:#323232;
	text-align:center;
	position:absolute;
	bottom:0px;
	margin:0 3px;
	width:148px;
	line-height:12px;
}

.proizvod h4 {
	position:relative;
	height:45px;
	padding-top:10px;
}

.proizvod .slika {
	text-align:center;
	width:152px;
	height:100px;
	margin:0 auto;
	background:#fff;
	padding-top:10px;
	position:relative;
}

.proizvod .price {
	bottom:3px;
	color:#323232;
}

a.dalje, a.dalje:visited {
	width:72px;
	height:21px;
	background:url(/images/more.gif);
	display:block;
	margin:5px auto;
	font-size:10px;
	text-align:center;
	line-height:19px;
	font-weight:bold;
	text-decoration:none;
	color:#323232;
}

a.dalje:hover {
	background-position:0 -21px;
}

.item_in {
	background:url(/images/item_bg.gif);
	height:99px;
	margin:2px 3px;
	text-align:center;
	font-size:12px;
	color:#323232;
	position:relative;
	padding:7px 0 0 0;
}

.price {
	position:absolute;
	bottom:-7px;
	left:0px;
	width:148px;
}

.price span {
	font-weight:bold;
	color:#ff6e02;
}

#right {
	float:right;
	width:177px;
	padding:54px 18px 0 16px;
	font-size:11px;
	color:#323232;
}

.vest {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #aaa;
	position:relative;
}

h3 {
	font-size:11px;
	font-weight:bold;
	color:#0f2f42;
	margin-bottom:5px;
}

h3 a {
	color:#0f2f42;
	text-decoration:none;
}

h3 a:hover {text-decoration:underline;}

.vest .datum {
	font-size:8px;
}

#right .vest .datum {color:#323232; font-weight:normal;}

.vest a.more {
	position:absolute;
	right:0;
	bottom:9px;
	width:12px;
	height:10px;
	background:url(/images/arrow2.gif) no-repeat;
}

.vest a.more:hover {
	background-position:0 -10px;
}

.order {width:436px;}

.order fieldset {float:left; width:208px; border:none;}

.login {width:208px;}

.diler fieldset {
	float:left;
	width:296px;
	border:none;
	margin:16px 100px 0 0;
	display:inline;
}

.login label, .diler label {font-size:10px; line-height:16px;}

.login input, .diler input, .diler textarea {margin-bottom:10px;}

.login .loginput {width:200px;}

.diler .loginput {width:288px;}

.req {
	background:url(/images/req.gif) right top no-repeat;
	width:305px;
}

.desno {float:right;}

.radio {line-height:22px; padding-left:176px; margin:-19px 0 16px 0; font-size:10px;}

.radio div {
	width:56px;
	float:left;
	position:relative;
	margin-bottom:10px;
}

.radio input {
	position:absolute;
	top:1px;
	left:0;
	outline:none;
}

.radio div span {
	position:relative;
	left:26px;
}

textarea {
	overflow:auto;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

ul.linkovi {
	float:right;
	list-style:none;
	font-size:11px;
	font-weight:bold;
	margin:10px 0 0 0;
	line-height:normal;
}

ul.inside {
	margin-top:20px;
}

ul.linkovi li {
	display:inline;
	margin:0;
}

ul.linkovi a, .nazad a {
	float:left;
	background:url(/images/button_left.png) no-repeat left top;
	margin:0 0 0 10px;
	padding:0 0 0 3px;
	text-decoration:none;
	cursor:pointer;
}

ul.linkovi a span, .nazad a span {
	float:left;
	display:inline-block;
	background:url(/images/button_right.png) no-repeat right top;
	padding:3px 15px 4px 11px;
	color:#323232;
}

ul.linkovi a span, .nazad a span {float:none;}
ul.linkovi a:hover span, .nazad a:hover span {color:#fff;}
ul.linkovi a:hover, .nazad a:hover {background-position:0% -20px; text-decoration:none;}
ul.linkovi a:hover span, #menu #home a:hover span, .nazad a:hover span {background-position:100% -20px;}

/**** ORDER ****/

.korpa .links {
	width: 100%;
	margin:10px 0 0 0;
	border-bottom:1px solid #0f2f42;
	font-size: 11px;
	padding-bottom: 5px;
}

.korpa .links a {
	color: #0f2f42;
	padding-right: 12px;
	padding-left: 12px;
	font-weight: bold;
	border-left:1px solid #0f2f42;
	text-decoration:none;
}

.korpa .links a:hover {
	color: #999;
}

.korpa .links .back {
	background-image: url(/images/arrow3.gif);
	background-position: left 4px;
	padding-left: 9px;
	background-repeat: no-repeat;
	font-weight: normal;
	border-style: none;
}

.list {
	width: 100%;
	font-size: 11px;
	border-bottom: 1px solid #0f2f42;
}

.list .title {
	width: 100%;
	color: #0f2f42;
	font-weight: bold;
	font-size: 12px;
}

.list td {
	vertical-align: middle;
	text-align: center;
	padding:5px;
}

.narudzbe {
	border:none;
}

.narudzbe td {
	text-align:left;
	vertical-align:top;
}

.list td.a {
	text-align:left;
	border-bottom: 1px solid #0f2f42;
}

.list .title td {
	border: none;
	white-space: nowrap;
	padding:0 2px;
}

.list td.productname {
	text-align: left;
	width: 180px;
	text-transform: uppercase;
	padding-left: 0px;
}

.list .title td.productname {
	text-align: left;
	text-transform: none;
}

.list td.description {
	text-align: left;
	width: 180px;
	vertical-align: top;
}

.list .title td.description {
	text-align: left;
}

.list input, .proizvodi td input, .kolicina input {
	width: 28px;
	border: 1px solid #797986;
	font-size: 11px;
	color: #5e5e5e;
	text-align: center;
	float: none;
	font-weight: bold;
}

input#ks {
	width:400px;
	font-weight:normal;
	text-align:left;
	font-size:12px;
	margin-top:6px;
}

.korpa .info textarea {
	border: 1px solid #797986;
	color: #5e5e5e;
	margin:6px 0 0 16px;
	width:400px;
	padding:0;
}

.ukupno {line-height:24px; font-weight:bold;}

.korpa .button {
	float: right;
	padding:0 20px 0 0;
}

.total {
	font-size: 12px;
	font-weight: bold;
	color: #323232;
	margin: 15px 20px 15px 0;
	text-align:right;
}

.total .amount {
	font-size: 16px;
}

.total td {
	padding:2px 5px;
}

.korpa .info td {
	text-align:left;
	padding:10px 20px;
}

.korpa .info .address, .datum {
	color:#0f2f42;
	font-weight:bold;
}

.korpa .info ul {list-style:none;}
.korpa .info li {line-height:22px;}

.korpa .info label {
	font-weight:bold;
	width:204px;
	display:block;
	text-align:right;
	float:left;
	margin-right:20px;
	clear:both;
}

.korpa .info .radio {
	line-height:22px; padding:0; margin:5px 4px 0 0; font-size:10px; float:left; width:auto; border:none;
}

.korpa .info span {float:left; margin:5px 20px 0 0; width:50px; line-height:normal;}
.korpa .info span.full {width:400px; margin:5px 0 0 0;}

.korpa .all {
	float:right;
	margin:10px 0;
}

.korpa .all td {
	padding:2px 5px;
	text-align:right;
}

.korpa .right {
	padding:0;
}

dl {margin:0 0 16px 0; line-height:20px;}

dt {
	font-weight:bold;
	float:left;
	display:block;
	width:70px;
	text-align:right;
	padding-right:5px;
}

/**** THUMBNAILS ****/

.ths img {
	border:2px solid #bfe8fe;
	margin:0 3px 6px 3px;
	float:left;
}

.ths img:hover {border:2px solid #ffc000;}

.bottom {padding:3px 0; text-align:center;}

.komentar {margin-top:10px;}

.loader {width:220px; margin:150px auto;}

.nazad {clear:both;}

.nazad a {margin:0 0 0 30px;}

/**** PAGES ****/

.page {
	text-align:center;
	font-weight:bold;
	line-height:25px;
	clear:both;
	margin-top:7px;
	font-size:12px;
}

.page a, .page a:visited, .page .tu {
	text-decoration:none;
	color:#323232;
	padding:6px 3px;
	outline:none;
}

.page a:hover {
	color:#999;
}

.page .tu {
	color:#999;
	cursor:default;
}

#right .page a, #right .page a:visited, #right .page .tu {
	color:#323232;
	padding:6px 2px;
}

#right .page a:hover, #right .page .tu {
	color:#7c7c7c;
}

/**** LEFT ****/

#left {
	float:left;
	width:175px;
}

#left_menu {
	margin:0 6px 0 0;
	border-bottom:1px solid #fff;
}

#left_menu ul {
	list-style:none;
	border-top:1px solid #fff;
	padding:7px 0;
}

#left_menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	line-height:16px;
}

#left_menu ul li a, #left_menu ul li a:visited {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0 11px 0 0;
	width:158px;
}

#left_menu ul li a:hover {
	background:url(/images/lmenu_on.gif) repeat-y right;
}

/**** FOOTER ****/

#footer {
	background:url(/images/footer_bg.gif) top right no-repeat;
	font-size:11px;
}

#wrap2 #footer {background:url(/images/footer_bg2.gif) top right no-repeat;}

#footer_in {
	text-align:right;
	padding:30px 16px 7px 0;
}

#footer_in ul {
	list-style:none;
}

#footer_in ul li {
	display:inline;
	border-right:1px solid #fff;
}

#footer_in ul li a, #footer_in ul li a:visited {
	color:#fff;
	text-decoration:none;
	padding:0 8px 0 4px;
}

#footer_in ul li a:hover {
	color:#ffc000;
}
.jqifade{
position: absolute;
background-color: #aaaaaa;
}
div.jqi{
width: 500px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
position: absolute;
background-color: #ffffff;
font-size: 11px;
text-align: left;
border: solid 1px #eeeeee;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 7px;
}
div.jqi .jqicontainer{
font-weight: bold;
}
div.jqi .jqiclose{
position: absolute;
top: 4px; right: -2px;
width: 18px;
cursor: default;
color: #bbbbbb;
font-weight: bold;
}
div.jqi .jqimessage{
padding: 10px;
line-height: 20px;
color: #444444;
}
div.jqi .jqibuttons{
text-align: right;
padding: 5px 0 5px 0;
border: solid 1px #eeeeee;
background-color: #f4f4f4;
}
div.jqi button{
padding: 3px 10px;
margin: 0 10px;
background-color: #2F6073;
border: solid 1px #f4