HTML
{
	height: 100%;
}

BODY
{
	margin: 0px;
	padding: 0px;
	background: #333 url(/client_side/images/bg.gif) repeat-x;
	font: 11px Arial;
	color: #000;
	height: 100%;
}

IMG
{
	border: 0px;
}

FORM
{
	margin: 0px;
}

H1
{
	color: #174b87;
	font-size: 14px;
	margin: 0 0 18px 0;
	padding: 0px;
}

P
{
	margin: 0 0 15px 0;
	padding: 0px;
}

#main
{
	height: 100%;
	width: 770px;
	margin: 0px auto;
	border-left: #c1c1c1 1px solid;
	border-right: #c1c1c1 1px solid;
	background-color: #575757;
}

#ph
{
	background: url(/client_side/images/bg-main.jpg) repeat-y;
}

#header
{
	padding: 39px 20px 0 0;
	height: 52px;
	background: url(/client_side/images/header.jpg) no-repeat;
	text-align: right;
}

* html #header
{
	padding-top: 37px;
	height: 54px;
}

#header INPUT
{
	width: 185px;
	border: 0px solid;
	font: 11px Arial;
	margin-bottom: 10px;
	background-color: #d6d6d6;
}

* html #header INPUT
{
	margin-bottom: 9px;
}

#menu
{
	width: 100%;
	height: 36px;
	background: url(/client_side/images/bg-menu.jpg) repeat-x;
}

#menu IMG
{
	float: left;
}

#menu INPUT
{
	margin-left: 145px;
}

#top
{
	height: 142px;
}

#ldiv
{
	background-color: #000;
	width: 534px;
	float: left;
	padding: 13px;
}

#rdiv
{
	width: 209px;
	float: left;
	color: #fff;
	margin-left: 1px;
}

#rdiv H2
{
	font-size: 13px;
	margin: 0px;
}

#rdiv H2.t1
{
	background-color: #2c435d;
}

#rdiv H2.t2
{
	background-color: #961a1a;
}

#rdiv DIV.ct A
{
	display: block;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 5px;
	padding: 4px 0 4px 50px;
}

#rdiv DIV.ct A:hover
{
	color: #ccc;
}

#rdiv DIV.ct A.usluge
{
	background: #4e4e4e url(/client_side/images/arrow.jpg) no-repeat;
}

#rdiv DIV.ct A#lnk1
{
	background: #4e4e4e url(/client_side/images/cat1.jpg) no-repeat;
}

#rdiv DIV.ct A#lnk2
{
	background: #4e4e4e url(/client_side/images/cat2.jpg) no-repeat;
}

#rdiv DIV.ct A#lnk3
{
	background: #4e4e4e url(/client_side/images/cat3.jpg) no-repeat;
}

#rdiv DIV.ct A#lnk4
{
	background: #4e4e4e url(/client_side/images/cat4.jpg) no-repeat;
}

#ovlasti
{
	border: #c1c1c1 1px solid;
	margin: 11px;
	width: 185px;
	background-color: #4e4e4e;
}

#ovlasti A IMG
{
	margin: 3px;
}

#ovlasti A IMG.lft
{
	margin-left: 8px;
}

#footer
{
	text-align: right;
	height: 26px;
	background-color: #575757;
	border-top: #c1c1c1 1px solid;
}

#content
{
	border: #a6a6a6 5px solid;
	background-color: #fff;
	padding: 17px;
}

.content
{
	border: #a6a6a6 5px solid;
	background-color: #fff;
	padding: 17px;
}


#izdvojeno
{
	border: #a6a6a6 5px solid;
	background-color: #dfdfdf;
	height: 148px;
	margin-bottom: 13px;
}

#izdvojeno H2
{
	color: #004b9f;
	font-size: 14px;
	padding: 0px;
	margin: 10px 0;
}

#izdvojeno P
{
	padding: 0px;
	margin: 0px;
}

#izdvojeno P IMG
{
	margin-left: 280px;
}

#izdvojeno IMG.lead
{
	float: left;
	margin-right: 10px;
}

#onama
{
	width: 230px;
	height: 230px;
	border: #a6a6a6 5px solid;
	background-color: #961a1a;
	float: left;
}

* html #onama
{
	height: 220px;
}

#ponuda
{
	width: 229px;
	height: 230px;
	border: #a6a6a6 5px solid;
	border-left: 0px solid;
	background-color: #2c435d;
	float: left;
}

* html #ponuda
{
	height: 220px;
}


.box
{
	color: #fff;
	padding: 10px 10px 10px 20px;
}

* html .box
{
	padding: 15px 10px 10px 18px;
}

.box H2
{
	font-size: 14px;
	padding: 0px;
	margin: 10px 0;
}

.box P
{
	padding: 0px;
	margin: 0px;
}

.box IMG
{
	margin-left: 150px;
}

#karta
{
	background: url(/client_side/images/karta.jpg) no-repeat;
	height: 330px;
	margin: -5px;
}


#content LABEL
{
	width: 87px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 5px;
	margin: 0 20px;
}

* html #content LABEL
{
	margin: 0 20px 0 10px;
}

#content LABEL SPAN, P.warn SPAN
{
	color: #BC2119;
}

#content INPUT, #content TEXTAREA
{
	width: 280px;
	border: #383838 1px solid;
	color: #383838;
	background-color: #F1F5F8;
	font: 11px Arial;
}

#content TEXTAREA
{
	height: 100px;
}

P.warn
{
	margin-left: 133px;
}


#div_ponuda
{
	background-color: #FFF;
}

#div_ponuda #lnk1, #div_ponuda #lnk2, #div_ponuda #lnk3, #div_ponuda #lnk4
{
	display: block;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 0 4px 50px;
	border-bottom: #ffffff 1px solid;
}

#div_ponuda #lnk1
{
	background: #4e4e4e url(/client_side/images/cat1.jpg) no-repeat;
}

#div_ponuda #lnk2
{
	background: #4e4e4e url(/client_side/images/cat2.jpg) no-repeat;
}

#div_ponuda #lnk3
{
	background: #4e4e4e url(/client_side/images/cat3.jpg) no-repeat;
}

#div_ponuda #lnk4
{
	background: #4e4e4e url(/client_side/images/cat4.jpg) no-repeat;
}

#div_ponuda #pon_t
{
	background-color: #707070;
	color: #ffffff;
}

#div_ponuda #kat_name
{
	width: 230px;
	float: left;
	background-color: #dfdfdf;
	color: #000000;
	font-weight: bold;
	padding: 4px 0 4px 10px;
}

#div_ponuda #back
{
	width: 230px;
	float: left;
	background-color: #dfdfdf;
	color: #000000;
	text-align: right;
	padding: 4px 10px 4px 10px;
}

#div_ponuda #back A, .lnk_black A
{
	color: #000000;
	text-decoration: none;
}

#div_ponuda #back A:hover, .lnk_black A:hover
{
	color: #000000;
	text-decoration: underline;
}

#div_ponuda A
{
	color: #ffffff;
	text-decoration: none;
}

#div_ponuda A:hover
{
	color: #ffffff;
	text-decoration: underline;
}

#ponuda_bottom
{
	background-color: #dfdfdf;
	margin-top: 5px;
	padding: 15px;
}

H3
{
	color: #961a1a;
	font-size: 14px;
	margin: 0 0 18px 0;
	padding: 0px;
}

#div_proizvod
{
	display: block;
	width: 233px;
	float: left;
	background-color: #ffffff;
	padding: 6px;
}

#div_proizvod #div_proizvod_slika
{
	width: 218px;
	height: 138px;
	border: #000000 1px solid;
	margin-top: 10px;
	margin-bottom: 1px;
}

#div_proizvod #div_proizvod_naziv
{
	float: left;
	width: 210px;
	background-color: #525252;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 1px;
	padding: 3px 0px 3px 10px;
}

#div_proizvod #k_val
{
	width: 220px; 
	float: left; 
	margin-bottom: 1px; 
	background-color: #dfdfdf;
}

#div_proizvod #div_proizvod_karakteristika
{
	float: left;
	width: 89px;
	background-color: #707070;
	color: #ffffff;
	font-size: 11px;
	padding: 3px 0px 3px 5px;
	border-right: #ffffff 1px solid;
}

#div_proizvod #div_proizvod_vrijednost
{
	float: left;
	width: 120px;
	background-color: #dfdfdf;
	color: #000000;
	font-size: 11px;
	padding: 3px 0px 3px 5px;
}

.tbl_cj_top {
	color: #ffffff;
	background-color: #154577;
	padding: 4px 0px 4px 5px;
}
.tbl_cj_grupa {
	color: #ffffff;
	background-color: #666666;
	font-weight: bold;
	padding: 4px 0px 4px 5px;
}
.tbl_cj_item {
	color: #000000;
	background-color: #f0f0f0;
	padding: 4px 0px 4px 5px;
	vertical-align: top;
}


.pages {
	color: #525252;
	padding: 15px;
	text-align: left;
	font-weight: bold;
}
.pages a{
	background-color: #FFFFFF;
	color: #525252;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 1px;
	font-size: 11px;
	font-weight: bold;
	border: #525252 1px solid;
	text-decoration: none;
}
.pages A:hover {
	background-color: #F2F2F2;
	text-decoration: none;
	color: #000000;
}
.pages A.cur, .pages A.cur:hover {
	color: #525252;
	background-color: #a5a5a5;
}


#header-left
{
	float:left;
	width: 494px;
	height: 91px;
	background: url(/client_side/images/header-left.jpg) no-repeat;
	text-align: right;
}
#header-right
{
	float:left;
	padding: 39px 20px 0 0;
	width: 256px;
	height: 52px;
	background: url(/client_side/images/header-right.jpg) no-repeat;
	text-align: right;
}

* html #header-right
{
	padding-top: 37px;
	height: 54px;
}

#header-right INPUT
{
	width: 185px;
	border: 0px solid;
	font: 11px Arial;
	margin-bottom: 10px;
	background-color: #d6d6d6;
}

* html #header-right INPUT
{
	margin-bottom: 9px;
}

#header-right-user
{	
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	float:left;
	padding: 59px 20px 0 0;
	width: 256px;
	height: 32px;
	background: url(/client_side/images/header-right-user.jpg) no-repeat;
	text-align: left;
	text-indent: 10px;
}

* html #header-right-user
{
	padding-top: 37px;
	height: 54px;
}