*
{
	padding: 0px;
	margin: 0px;

}

img
{
	border: none;
}

body
{
	background-color: #c1c1c1;
	color: #616365;
	font-family: geneva, arial, helvetica, "sans serif";
	/*font-stretch: ultra-condensed;*/
	font-size: 12px;
	line-height: 1.5em;
	padding-top: 24px;
	padding-bottom: 16px;
}

h3
{
	font-size: 100%;
	font-family: geneva, arial, helvetica, "sans serif";
	font-weight: normal;
	color: #616365;
	padding-bottom: 4px;
}

a
{
	color: #3a7800;
}

a:hover
{
	color: #7ab800;
}

div#cont
{
	width: 878px;
	margin: 0px auto;
	border-top: 16px solid #fff;
	border-left: 16px solid #fff;
	border-right: 16px solid #fff;
	background: #fff url('imgs/bg_strip.gif') repeat-y 0px -150px;
	overflow: hidden;
}

div#upit, p#info
{
	width: 910px;
	background-color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px auto;
	text-align: center;
	font-size: 85%;
}
div#upit a
{
	text-decoration: none;
}

div#upit ul.pager
{
	list-style: none;
}

div#upit ul.pager li
{
	display: inline;
}

div#upit ul.pager li a
{
	padding-left: 0.25em;
	padding-right: 0.25em;
}

div#upit ul.pager li a.c
{
	text-decoration: underline;
	color: #616365;
}

p#info
{

	background-color: #dedede;
}

div#cont2
{
	position: relative;
	padding-bottom: 20px;
	width: 878px;
	background: transparent url('imgs/bg_grad.jpg') repeat-y 176px 0px;
	overflow: hidden;

}

p.obavijest
{
	position: absolute;

	/*left: 6px;*/
	right: 6px;
	text-align: right;
	bottom: 6px;
	width: 110px;

	font-size: 90%;
	line-height: 1.2em;
	color: #fff;
}

div.main
{
	/*position: relative;
	left: 56px;*/

	width: 510px;
	padding: 4px 8px 4px 177px;

	float:left;

}

/* intro */

div.intro h1.zale_doo
{
	display: block;
	margin: 30px auto;
	width: 174px;
	height: 104px;
	text-indent: -4000px;
	outline: none;
	border:none;
	background: transparent url('imgs/zale_doo.gif') no-repeat top left;
}


div.intro dl dt
{
	padding-bottom: 20px;
}

div.intro dl.tvrtke dt
{
	background: transparent url('imgs/intro_dt_left_bg.gif') no-repeat left bottom;
}

div.intro dl.maloprodaja dt
{
	background: transparent url('imgs/intro_dt_right_bg.gif') no-repeat right bottom;
}

div.intro dl dd
{
	text-align: justify;
}

div.intro dl.tvrtke
{
	float: left;
	width: 200px;
	margin-left: 40px;
	display:inline;  /* iefix */
}

div.intro dl.maloprodaja
{
	float: right;
	width: 200px;
	margin-right: 40px;
	display:inline; /* iefix */
}

div.intro dl.tvrtke dt a,
div.intro dl.maloprodaja dt a
{
	display: block;
	width: 113px;
	height: 112px;
	text-indent: -4000px;
	outline: none;
	border:none;
}

div.intro dl.tvrtke dt a
{
	margin-left: 87px;
	background: transparent url('imgs/gumb_tvrtke.gif') no-repeat right top;
}

div.intro dl.maloprodaja dt a
{
	background: transparent url('imgs/gumb_maloprodaja.gif') no-repeat left top;
}

div.intro dl.tvrtke dt a:hover,
div.intro dl.maloprodaja dt a:hover
{
	background-position: 0px -114px;
}


/********************/

/* items */


ul.proizvodi
{
	width: 510px;
	overflow: hidden;
	float: left;
	/*position: relative;
	left: 67px;*/
	padding-left: 67px;
}

div.maloprodaja_tekst
{
	width: 510px;
	overflow: hidden;
	float: left;
	/*position: relative;
	left: 67px;*/
	padding-left: 67px;
	padding-bottom: 0.6em;
}


ul.proizvodi li
{
	display: block;
	width: 142px;
	height: 126px;
	float: left;
	background: transparent url('imgs/item_bg.gif') no-repeat top left;
	margin-bottom: 15px;
	overflow: hidden;

	padding-left: 8px;
	padding-right: 8px;

	text-align: center;
}

ul.pv2 li
{
	height: 182px;
	background-image: url('imgs/portfolio_item_bg.gif');
}


ul.proizvodi li.i2
{
	margin-left: 15px;
	margin-right: 15px;
}


div.header
{
	width: 878px;
	position: relative;
	top: 0px;
	left: 0px;
	height: 103px;
}

div.header h1.t_zale_doo
{
	position: absolute;
	right: 200px;
	bottom: 15px;

}

div.header h2
{
	font-size: 105%;
	font-weight: normal;
	position: absolute;
	bottom: 15px;
	left: 188px;
	font-family: geneva, arial, helvetica, "sans serif";
}

h2.txt
{
	font-size: 105%;
	font-weight: normal;
	font-family: geneva, arial, helvetica, "sans serif";
	margin: 16px 0px 4px 0px;
}

p.txt
{
	margin: 8px 0px;
}

h1.t_zale_doo a
{
	display: block;
	width: 122px;
	height: 73px;
	text-indent: -4000px;
	outline: none;
	border:none;
	text-decoration: none;
	background: transparent url('imgs/t_zale_doo.gif') no-repeat top left;
	position: relative;
}

/* uokvirena slika */
ul.proizvodi a.img,
ul.proizvodi a.img:hover
{
	display: block;
	position: relative;
	border: none;
	top: 8px;
	left: 0px;
	height: 1%; /* ie fix :( */
}

ul.proizvodi a.img span
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 142px;
	height: 86px;
	background: transparent url('imgs/item_img_border.gif') no-repeat top left;
	text-indent: -4000px;
	outline: none;
	border:none;
	overflow:hidden;
	z-index: 2;
	cursor: hand;
}

ul.pv2 a.img span
{
	height: 142px;
	background-image: url('imgs/portfolio_item_img_border.gif');
}


ul.proizvodi a.img img
{
	position: absolute;
	top: 0px;
	left: 0px;
}

/** link ispod **/

ul.proizvodi a
{
	position: relative;
	top: 98px;
	/*color: #444;*/
	color: #616365;

	text-decoration: none;
}

ul.pv2 a
{
	top: 154px;
}

ul.proizvodi a:hover
{
	color: #7ab800;
}

ul.proizvodi a span.link1,
ul.proizvodi a span.link2
{
	color: #7ab800;
}



ul.proizvodi li.empty, p.big_notice
{
	margin-top: 2em;
	width: 100%;
	background: none;
	font-size: 115%;
	line-height: 1.4em;
}

ul.proizvodi li.empty a
{
	top: 0px;
	left: 0px;
	display: inline;
	background: none;
	color: #3a7800;
	text-decoration: underline;
}

ul.proizvodi li.empty a:hover
{
	color: #7ab800;
	text-decoration: underline;
}


/***** menu *****/
ul.menu, ul.login
{
	font-size: 100%;
	float: left;
	width: 108px;
	padding-left: 8px;
	padding-right: 4px;
	padding-bottom: 4em;

	line-height: 1.3em;

	list-style: none;
}

ul.menu li,
ul.login li
{
	margin-top: 3px;
	margin-bottom: 3px;

}

ul.menu li.sep,
ul.login li.sep
{
	margin-top: 8px;
}

ul.menu li.kosarica,
ul.login li.kosarica
{
	margin-top: 16px;
	font-size: 100%;
}

ul.menu li.sep2,
ul.login li.sep2
{
	margin-bottom: 8px;
}


ul.menu li ul,
ul.login li ul
{
	width: 100px;
	padding-left: 8px;
	list-style: none;
}

ul.menu a,
ul.login a
{
	color: #fff;
	text-decoration: none;
	display: block;
	height: 1%; /* ie fix */
}

ul.menu a:hover,
ul.menu a.link1,
ul.login a:hover,
ul.login a.link1
{
	color: #3a7800;
}

ul.menu a.c,
ul.menu a.link1,
ul.login a.c,
ul.login a.link1
{
	color: #4a8810;
}

/******** login */
ul.login
{
	float: right;
	padding-left: 8px;
	padding-right: 4px;

}

ul.login li
{
	font-size: 90%;
}

ul.login input
{
	border: 1px solid #fff;
	background-color: #b8db77;
	width: 98px;
	font-family: geneva, arial, helvetica, "sans serif";
	font-size: 90%;
}

ul.login input.submit
{
	margin-top: 3px;
	background-color: #b8db77;
	width: 100px;
	padding-top: 0px;
	padding-bottom: 0px;
}



/***********************/
/* detalji */

div.detalji
{
	width: 510px;
	overflow: hidden;
	float: left;
	/*position: relative;
	left: 67px;*/
	padding-left: 67px;
}

div.detalji h3
{
}

dl.proizvodi
{
	float: left;
	margin-bottom: 15px;
}

dl.i2
{
	margin-left: 15px;
	margin-right: 15px;
}

dl.proizvodi dt
{
	width: 142px;
	height: 190px;

	background: transparent url('imgs/item_bg_large.gif') no-repeat top left;

	padding-left: 8px;
	padding-right: 8px;
}

dl.proizvodi dd
{
	text-align: center;
	padding-top: 4px;
}

dl.proizvodi dd.cijena
{
	padding-top: 0px;
	font-weight: bold;
}

/* uokvirena slika */
dl.proizvodi a.img,
dl.proizvodi a.img:hover
{
	display: block;
	position: relative;
	border: none;
	top: 8px;
	left: 0px;
	height: 1%; /* ie fix :( */
}

dl.proizvodi a.img span
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 142px;
	height: 174px;
	background: transparent url('imgs/item_img_border_large.gif') no-repeat top left;
	text-indent: -4000px;
	outline: none;
	border:none;
	z-index: 2;
	cursor: hand;
	overflow:hidden;
}

dl.proizvodi a.img img
{
	position: absolute;
	top: 0px;
	left: 0px;
}

fieldset.row
{
	clear: both;
	margin-top: 15px;
	overflow: hidden;
	border: none;
}

fieldset.row label
{
	clear: both;
	float: left;
	width: 9em;
}

fieldset.row select
{
	float: left;
	width: 9em;
}

dd.sz
{
	font-size: 90%;

	padding-top: 4xp;
	padding-bottom: 8px;
}
dd.sz select
{
	font-size: 90%;
	width: 7em;
}

fieldset.row ul.note
{
	font-size: 80%;
/*	color: #444;*/
	color: #616365;
	width: 510px;
	clear: both;
	padding-left: 1.5em;
	padding-top: 6px;
}
fieldset.row ul.note li
{
	line-height: 1.2em;
}

p.desc
{
	clear: both;
}

p.kosarica
{
	margin-top: 20px;
	text-align: center;
}

p.kosarica input.dodaj_u_kosaricu
{
	background-color: transparent;
	border: none;
	font-family: inherit;
	font-weight: bold;
	color: #3a7800;
	cursor: pointer;
}

p.kosarica input.glasaj
{
	margin-bottom: 0.5em;
}

/*********************/


/**  tvrtke */
div.tvrtke p
{
	font-size: 105%;
	margin: 8px 0px;
	line-height: 1.5em;
}


ul.list
{
	margin-left: 1.5em;
}


ul.list li
{
	font-size: 100%;
	margin: 1px 0px;
	line-height: 1.5em;
}

span.light
{
	color: #888;
}

span.light2
{
	color: #aaa;
}

/* form */
form dl
{
	margin: 8px 0px;
}

form dl dt
{
	margin-top: 8px;
	margin-bottom: 2px;
}

form dl dt.control
{
	margin-top: 20px;
}


form dl dd input.text
{
	border: 1px solid #000;
	background-color: #fff;
	padding: 2px;
	width: 200px;
}


form dl dd textarea.text
{
	border: 1px solid #000;
	background-color: #fff;
	padding: 2px;
	width: 200px;
}

form dl dd input.readonly
{
	background-color: #ddd;
}

h2.kontakt, h2.dizajn, h2.onama, h2.portfolio, h2.tekstil, h2.reference
{
	display: block;

	text-indent: -4000px;
	overflow: hidden;
	background: transparent url('imgs/kontakt_but.gif') no-repeat top left;
	width: 113px;
	height: 138px;
}

h2.dizajn
{
	background-image: url('imgs/dizajn_but.gif');
}

h2.onama
{
	background-image: url('imgs/o_nama_but.gif');
}

h2.portfolio
{
	background-image: url('imgs/portfolio_but.gif');
}

h2.tekstil
{
	background-image: url('imgs/tekstil_but.gif');
}

h2.reference
{
	background-image: url('imgs/reference_but_2.gif');
}

div.tvrtke
{
	margin-left: 124px;
	margin-bottom: 2em;
}

/* stupci */
.col1
{
	clear: both;
	float: left;
	width: 245px;
}

.col2
{
	float: right;
	width: 245px;
}

.small
{
	font-size: 90%;
}

.error
{
	font-weight: bold;
	color: red;
}

input.box
{
	font-family: inherit;
	border: 1px solid #000;
}

table.kosarica
{
	width: 100%;
	border-collapse: collapse;
	margin-top:1px;
	margin-left:1px;
}

table.kosarica td,
table.kosarica th
{
	padding: 4px 2px;
}

table.kosarica td.quantity
{
	width: 1%;
}

table.kosarica td.quantity input
{
	width: 4em;
	padding: 2px;
}

table.kosarica td.name
{
	width: 40%;
}

table.kosarica td.price
{
	width: 20%;
	font-weight: bold;
}

table.kosarica td.cmd
{
	width: 1%;
}

table.kosarica td.total_price
{
	font-style: italic;
	font-weight: bold;
}

p.control
{
	padding-top: 10px;
}
input.natrag
{
	float: left;
	width: 5em;
	font-family: inherit;
}

input.kupi
{
	float:right;
	width: 5em;
	font-family: inherit;
}

input.kol
{
	font-family: inherit;
	font-size: 90%;
}

p.c1
{
	width: 160px;
	float: left;
}

p.c2
{
	width: 160px;
	float: left;
}

p.c0
{
	clear: both;
}

p.note
{
	padding-top: 1em;
	clear: both;
	font-size: 85%;
}

div.tvrtke ul.list
{
	color: #7eb734;
}

div.tvrtke ul.list span
{
	color: #616365;
}

div.tvrtke ul.list span.s1
{
	color: #414345;
}

div.tvrtke ul.small
{
	color: #616365;
}

span.numdiz
{
	font-size: 90%;
	color: #616365;
}







h2.product_name
{
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 16px;
}

p.previous_next
{
	font-size: 80%;
	padding-top: 10px;
	text-align: center;
}


img.pv2
{
	padding: 1px;
	border: 1px dashed #828282;
}