/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }


/* GLOBALS */
html, body { height: 100%; }
body { background: #ffffff; line-height: 1; }

body, td, th, textarea, input, select, h2, h3, h4, h5, h6, pre { font: 12px Arial, sans-serif; color: #666666; }

.picBorder { border: 1px solid #a6a6a6; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 11px; color: #807e72; }

ul.inline { margin: 0; padding: 0; list-style: none; }
ul.inline li { display: inline; }

ul.links { margin: 0 0 0 3px; padding: 0; list-style: none; }
ul.links li { background: url(images/bullet_arrow.gif) no-repeat 0 5px; padding: 2px 0 3px 15px; }

ul.rightMenu { margin: 0 0 0 3px; padding: 0; list-style: none; }
ul.rightMenu li { background: url(images/bullet_arrow.gif) no-repeat 0 5px; padding: 2px 0 3px 15px; }
ul.rightMenu .active { color: #666666; font-weight: bold; }

ul.linksBig { margin: 15px 0; padding: 0; list-style: none; }
ul.linksBig li { background: url(images/bullet_arrow.gif) no-repeat 0 9px; padding: 6px 0 6px 15px; font-size: 15px; }


/* FORM ELEMENTS */
/*	.textbox, textarea { background: #fff url(images/textboxBgnd.gif) repeat-x 0 0; border: 1px solid #d3d3d3; padding: 3px 5px; font-size: 11px; }		skinuto textarea zbog jeditable*/
.textbox { background: #fff url(images/textboxBgnd.gif) repeat-x 0 0; border: 1px solid #d3d3d3; padding: 3px 5px; font-size: 11px; }
.searchbox { width: 120px; }
select { background: url(images/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #c7c7c7; padding: 2px; font-size: 11px; }

.button { background: url(images/btnBgnd.gif) no-repeat 0 0; margin: 0; padding: 0 0 0 10px; display: inline-block; cursor: pointer; }
.button input { background: url(images/btnBgnd.gif) no-repeat right top; border: none; padding: 0 10px 3px 0; font-size: 11px; font-weight: bold; color: #fff; text-align: center; display: inline-block; cursor: pointer; height: 23px; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #477e00; }
a:hover { color: #000000; }

a.linkGrey:link, a.linkGrey:active, a.linkGrey:visited { color: #666666; }
a.linkGrey:hover { color: #000000; }

a.linkBlue:link, a.linkBlue:active, a.linkBlue:visited { color: #135192; }
a.linkBlue:hover { color: #000000; }

.menuTop a:link, .menuTop a:active, .menuTop a:visited { color: #ffffff; }
.menuTop a:hover { color: #bed6f0; }
.menuTop img { margin-bottom:-4px}

.footer a:link, .footer a:active, .footer a:visited { color: #7a8085; }
.footer a:hover { color: #000000; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.marginTop1 { margin: 10px 0 0 0; }
.marginTop2 { margin: 30px 0 0 0; }

.headerWrapper { width: 850px; height: 180px; margin: 15px auto 0 auto; background: url(images/header02.jpg) no-repeat 0 0; }
.headerWrapper div { text-align: right; padding-right: 30px; }
.logoContainer { padding: 30px 30px 48px 0; }

.menuTopWrapper { width: 850px; margin: 0 auto; background: #135192; }
.menuTop { padding: 11px 0 12px 27px; color: #ffffff; }

.kajron { width: 848px; margin: 0 auto; border-bottom: 1px solid #cbced1; }
.middleWrapper { width: 848px; margin: 0 auto; border: 1px solid #cbced1; border-top: none; }
.middle { width: 100%; }
.main { border-right: 1px solid #cbced1; padding: 25px 25px 5px 25px; vertical-align: top; }
.right { width: 240px; padding: 30px 0; vertical-align: top; }
.rightWrapper { width: 200px; position: relative; left: 20px; line-height: 15px; }
.rightWrapper_uski { width: 160px; position: relative; left: 1px; line-height: 15px; }

.indexDouble { width: 100%; }
.indexDouble td { vertical-align: top; line-height: 18px; }

.rightBoxHeading { background: #a2bd20; border: 3px solid #dae0e3; color: #ffffff; font-weight: bold; font-size: 12px; padding: 6px 0 7px 10px; }
.rightBoxHeading_uski { background: #a2bd20; border: 3px solid #dae0e3; color: #ffffff; font-weight: bold; font-size: 12px; padding: 6px 0 7px 10px; }
.rightBoxBody { padding: 10px;  }
.rightBoxBody_uski { padding: 5px;  }

.pageTitle h1 { font: 18px Arial, Helvetica, sans-serif; color: #135192; font-weight: bold; margin: 0 0 16px 0; }
.bid { font: 24px Arial, Helvetica, sans-serif; color: #135192; font-weight: bold;}
.pageBody { line-height: 18px; }
.pageBody p { margin: 0 0 18px 0; }
.pageBody td p { margin: 0; }
.pageBody ul { margin: 0; padding: 0; list-style: none; }
.pageBody ul li { background: url(images/bullet_arrow.gif) no-repeat 0 5px; padding: 0 0 0 15px; }
.pageBody br { line-height: 14px; }

.pageBody ul.sitemap { margin: 0 25px; padding: 0;  }

.tecajnaWrapper { width: 180px; margin: 0 auto; }
.tecajna { width: 100%; margin: 15px 0; }
.tecajna td { font-size: 11px; line-height: 12px; text-align: center; padding: 5px 8px; }
.tecajna thead td { background: #dae0e3; }
.tecajna .rowGrey { background: #dae0e3; }

.path { padding: 0 0 15px 0; font-size: 11px; }

.footer { width: 850px; margin: 0 auto; vertical-align: top; }
.footer td { padding: 10px 25px; font-size: 11px; color: #7a8085; }
.footer td img { vertical-align: middle; } 


/* MENU */
.menu { margin: 0 auto; }
.menu td { padding: 7px 14px 7px 13px; }
.subMenuContainer { position: relative; visibility: hidden; z-index: 500; padding-top: 15px; margin-left: -15px; }
.subMenuDrop { background: #0078B1; border: 1px solid #08407a; border-top: none; width: 180px; -moz-opacity: .96; filter: alpha(opacity=96); }
.subMenuDrop td { padding: 0; }
ul.subMenuLinklist { list-style-type: none; margin: 0; padding: 0; }
ul.subMenuLinklist li { font: 11px Arial, Helvetica, sans-serif; text-align: left; border-top: 1px solid #08407a; margin: 0; padding: 0; white-space: nowrap; }
ul.subMenuLinklist li img { margin-right: 6px; border: none; }

ul.subMenuLinklist li a:link { display: block; height: 15px; padding: 4px 15px; background: #135192; color:#ffffff;}
ul.subMenuLinklist li a:active {  display: block; height: 15px; padding: 4px 15px; background: #135192;color:#ffffff; }
ul.subMenuLinklist li a:visited {  display: block; height: 15px; padding: 4px 15px; background: #135192;color:#ffffff; }
ul.subMenuLinklist li a:hover { display: block; height: 15px; padding: 4px 15px; background: #a2bd20;color:#ffffff; } 

.slika {
	float:left;
	text-align:center;
	vertical-align:middle;
	margin:1px 1px;
	padding: 2px 2px;
	border: 1px solid #ccc;
}
.zeleno{ color: #477e00; }
.inputt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #F0F0F0;
	border: 1px solid #737373;
}
.tabelica {
	background-color:#CCCCCC;
	text-align:center;
	}
.tabelica tr{
	background-color:#FFFFFF;
	}
.inputstyle {
	border: 1px solid #999999;
	background: url(images/input_bckg.png) repeat-x #FFFFFF;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #333333;
}

.inputstyle:hover {
	border: 1px solid #CC0000;
	background: url(none) repeat-x #FFFFFF;
	color: #000000;
}
.input_bid { 	border: 1px solid #999999;
	background: url(images/input_bckg.png) repeat-x #FFFFFF;
	font: 24px Arial, Helvetica, sans-serif; color: #135192; font-weight: bold;}

.aukcija_depozita{ background: url(images/vb-kvadrati.png) no-repeat; width:300px; height:291px}
.beli_natpis {font: 11px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; position:relative; top:110px; left:155px; text-align:left }
.ponudu_dao {font: 11px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; position:relative; top:110px; left:65px; text-align:left; width:120px; }
.procenat{font: 28px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; position:relative; top:110px; left:155px; text-align:left }
.promo_natpis {font: 20px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; position:relative; top:20px; left:25px; text-align:left }

/*
.aukcija_depozita{ background: url(images/vb-kvadrati.png) no-repeat; width:174px; height:174px;}
.beli_natpis {font: 9px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; float:right; padding:3px 5px 0 0 }
.procenat{font: 24px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; float:right; padding-right:6px; padding-top:10px}
.promo_natpis {font: 18px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; position:relative; top:80px; left:5px; text-align:center }	
*/
.maskirano_polje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0px;
}
.beli_bold{
	color:#FFFFFF;
	font-weight:bold;
}

.data {
	border: 3px double #bbb;
	border-collapse: collapse;
	font-size: 95%;

}

.data th {
	background: #de6a23;
	border: 1px solid #bbb;
	color:#fff;
	padding: 3px 5px;
	text-align: center;
}

.data td {
	border: 1px solid #bbb;
	padding: 3px;
}
.obavestenje {
	text-align:center;
	color: #CC0000;
	border: 1px dashed #CC0000;
	width:100%;
	padding:5px;
	margin: 10px 0 10px 0;
	}