/*****************************/
/*** Core html setup stuff ***/
/*****************************/


/*Osnovni stilovi*/


body, td, th { font-family: Arial, Helvetica, sans-serif; }

a, img { padding: 0; margin: 0; }

img { border: 0 none; }

form { margin: 0; padding: 0; }

h1 {
	margin: 0; padding-bottom: 8px;
	color: #0B55C4; font-size: 20px; font-weight: bold;
}

h3 {
	font-size: 13px;
}

fieldset {
	margin-bottom: 10px;
	border: 1px #ccc solid;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 0px;
	text-align: left;
}

fieldset p {  margin: 10px 0px;  }

legend    {
	color: #0B55C4;
	font-size: 12px;
	font-weight: bold;
}


input, select {  font-size: 12px;  border: 1px solid silver; }
textarea      {  font-size: 11px;  border: 1px solid silver; }
button        {  font-size: 10px;  }

input:focus,
select:focus,
textarea:focus { background-color: #fafafa }

input:hover,
select:hover,
textarea:hover { background-color: #efefef }















body
{
  text-align:center;
  font-size:12px;
  line-height:1.3;
}

a
{
  color: #333399; 
  text-decoration:none;
}
a:active  { color: #333399; }
a:visited  { color: #333399;}
a:link  {color: #333399;}
a:hover{
  color: #FF3333;
  text-decoration:underline;
}

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

h1,h2,h3,h4,h5,h6,blockquote,ul,ol,dl,fieldset,address
{
  margin: 0.5em 0;
}


h2
{
  font-size:1.5em;
}


h4
{
  font-size:1.2em;
}

h5
{
  font-size:1.1em;
}

h6
{
  font-size:1em;
  font-weight:bold;
}

.small
{
  font:0.8em Arial,Helvetica,sans-serif;
  color:#999;
} 

#wrap
{
  width:960px;
  margin:0 auto;
  text-align:left; 
}

#wrap-subform
{
  width:100%;
  margin:0 auto;
  text-align:left; 
}



/*Razni borderi*/
#border-top             { background: url(skin/prostor/img/border/header_middle.png) repeat-x; }
#border-top div         { background: url(skin/prostor/img/border/header_right.png) 100% 0 no-repeat; }
#border-top div div     { background: url(skin/prostor/img/border/header_left.png) no-repeat; height: 54px; }


#border-top .title 
{
	font-size: 22px; font-weight: bold; color: #FFF; line-height: 44px;
	padding-left: 15px;
}



#border-top .language {
	display: block; 
	float: right;
	color: #fff;
	padding: 0px 5px 0 0;
	font-size: 0.8em;
	margin-top: 2px;
	height: 13px;
}

#border-top .version {
	display: block; 
	float: right;
	color: #fff;
	padding: 0px 5px 0 0;
	font-size: 0.8em;
	clear: both;
	margin-top: 15px;
}

#content
{
    float:left;
    width:100%;
}

#content-subform
{
}


#content .padding  { padding: 10px 10px 0 10px; }

#content-subform .padding  { padding: 10px 10px 0 10px; }

#border-bottom 			{ background: url(skin/prostor/img/border/page_corner_b.png) repeat-x; }
#border-bottom div  		{ background: url(skin/prostor/img/border/page_corner_br.png) 100% 0 no-repeat; }
#border-bottom div div 		{ background: url(skin/prostor/img/border/page_corner_bl.png) no-repeat; height: 11px; }

#footer .copyright { text-align: center; font-size: 0.8em;}

.logo{
  padding-left: 10px;
}


.header-box-menu  { border: 1px solid #ccc; background: #f0f0f0; height: 24px;}




/*Toolbar*/
div.header {
	font-size: 22px; font-weight: bold; color: #0B55C4; line-height: 48px;
	padding-left: 55px;
	background-repeat: no-repeat;
	margin-left: 10px;
}

div.header span { color: #666; }

div.toolbar { float: right; text-align: right; padding: 0; }

table.toolbar    			 { border-collapse: collapse; padding: 0; margin: 0;	 }
table.toolbar td 			 { padding: 1px 1px 1px 4px; text-align: center; color: #666; height: 48px; }
table.toolbar td.spacer  { width: 10px; }
table.toolbar td.divider { border-right: 1px solid #eee; width: 5px; }

table.toolbar div { float: none; width: 32px; height: 32px; margin: 0 auto; }

table.toolbar a {
   display: block; float: left;
	white-space: nowrap;
	border: 1px solid #fbfbfb;
	padding: 1px 5px;
	cursor: pointer;
}

table.toolbar a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #0B55C4;
}

.button        { font-size: 10px;  }





/*Okrigli BOX*/

div#toolbar-box {
  background: #f7f7f7;  
}

div#element-box {
  background: #FFF;
}

div#element-box div.section-box div.m {
	background: #fbfbfb;
}

div.t, div.b {
  height: 6px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

div.m {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0 8px;
}

div#toolbar-box div.m {
  padding: 0 0 3px 0;
}

div#element-box div.m {
  padding: 5px 10px;
}



div#toolbar-box,
div#element-box div.section-box {
  background: #fbfbfb;  
}

div#toolbar-box div.t,
div#element-box div.section-box div.t {
  background: url(skin/prostor/img/border/box_border.png) 0 0 repeat-x;
}

div#toolbar-box div.t div.t,
div#element-box div.section-box div.t div.t {
   background: url(skin/prostor/img/border/box_med_tr.png) 100% 0 no-repeat;
}

div#toolbar-box div.t div.t div.t,
div#element-box div.section-box div.t div.t div.t {
   background: url(skin/prostor/img/border/box_med_tl.png) 0 0 no-repeat;
}

div#toolbar-box div.b,
div#element-box div.section-box div.b {
  background: url(skin/prostor/img/border/box_border.png) 0 100% repeat-x;
}

div#toolbar-box div.b div.b,
div#element-box div.section-box div.b div.b {
   background: url(skin/prostor/img/border/box_med_br.png) 100% 0 no-repeat;
}

div#toolbar-box div.b div.b div.b,
div#element-box div.section-box div.b div.b div.b {
   background: url(skin/prostor/img/border/box_med_bl.png) 0 0 no-repeat;
}

div#element-box div.t {
  background: url(skin/prostor/img/border/box_border.png) 0 0 repeat-x;
}

div#element-box div.t div.t {
   background: url(skin/prostor/img/border/box_light_tr.png) 100% 0 no-repeat;
}

div#element-box div.t div.t div.t {
   background: url(skin/prostor/img/border/box_light_tl.png) 0 0 no-repeat;
}

div#element-box div.b {
  background: url(skin/prostor/img/border/box_border.png) 0 100% repeat-x;
}

div#element-box div.b div.b {
   background: url(skin/prostor/img/border/box_light_br.png) 100% 0 no-repeat;
}

div#element-box div.b div.b div.b {
   background: url(skin/prostor/img/border/box_light_bl.png) 0 0 no-repeat;
}

div#submenu-box div.m {
  padding: 0px;
  height: 16px;
}

div#submenu-box ul {
  padding: 0px;
  margin: 0px;
}


#submenu-box { background: #f6f6f6; margin-bottom: 0px; }
#submenu-box .padding { padding: 0px;}

div#submenu-box div.t {
  background: url(skin/prostor/img/border/box_border.png) 0 0 repeat-x;
}

div#submenu-box div.t div.t {
   background: url(skin/prostor/img/border/box_dark_tr.png) 100% 0 no-repeat;
}

div#submenu-box div.t div.t div.t {
   background: url(skin/prostor/img/border/box_dark_tl.png) 0 0 no-repeat;
}

div#submenu-box div.b {
  background: url(skin/prostor/img/border/box_border.png) 0 100% repeat-x;
}

div#submenu-box div.b div.b {
   background: url(skin/prostor/img/border/box_dark_br.png) 100% 0 no-repeat;
}

div#submenu-box div.b div.b div.b {
   background: url(skin/prostor/img/border/box_dark_bl.png) 0 0 no-repeat;
}







/*BUTTONI*/

/* -- buttons -> STILL NEED CLEANUP*/

.button1-left,
.button1-right,
.button2-left,
.button2-right,
.button1-left div,
.button1-right div,
.button2-left div,
.button2-right div {
	float: left;
}

.button1-left  { background: url(skin/prostor/img/button/btn_1_left.png) no-repeat; margin-left: 5px; }
.button1-right { background: url(skin/prostor/img/button/btn_1_right.png) 100% 0 no-repeat; margin-left: 5px; }

.button1-right .prev { background: url(skin/prostor/img/button/btn_1_prev.png) no-repeat; }
.button1-left .next  { background: url(skin/prostor/img/button/btn_1_next.png) 100% 0 no-repeat; }

.button1-left a,
.button1-right a {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
}

.button1-left  a { padding: 0 30px 0 6px; }
.button1-right a { padding: 0 6px 0 30px; }

.button1-left a:hover,
.button1-right a:hover { text-decoration: none; color: #0B55C4; }

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #333;
	cursor: pointer;
}

.button2-left span,
.button2-right span { cursor: default; color: #999; }

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span { padding: 0 6px; }

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover { text-decoration: none; color: #0B55C4; }

.button2-left a,
.button2-left span { padding: 0 24px 0 6px; }

.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }

.button2-left { background: url(skin/prostor/img/button/btn_2_left.png) no-repeat; float: left; margin-left: 5px; }

.button2-right { background: url(skin/prostor/img/button/btn_2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }

.button2-right .prev { background: url(skin/prostor/img/button/btn_2_prev.png) no-repeat; }

.button2-right.off .prev { background: url(skin/prostor/img/button/btn_2_prev_off.png) no-repeat; }

.button2-right .start { background: url(skin/prostor/img/button/btn_2_first.png) no-repeat; }

.button2-right.off .start { background: url(skin/prostor/img/button/btn_2_first_off.png) no-repeat; }

.button2-left .page { background: url(skin/prostor/img/button/btn_2_right_cap.png) 100% 0 no-repeat; }

.button2-left .next { background: url(skin/prostor/img/button/btn_2_next.png) 100% 0 no-repeat; }

.button2-left.off .next { background: url(skin/prostor/img/button/btn_2_next_off.png) 100% 0 no-repeat; }

.button2-left .end { background: url(skin/prostor/img/button/btn_2_last.png) 100% 0 no-repeat; }

.button2-left.off .end { background: url(skin/prostor/img/button/btn_2_last_off.png) 100% 0 no-repeat; }

.button2-left .image 		{ background: url(skin/prostor/img/button/btn_2_image.png) 100% 0 no-repeat; }
.button2-left .readmore 	{ background: url(skin/prostor/img/button/btn_2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak 	{ background: url(skin/prostor/img/button/btn_2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank	 	{ background: url(skin/prostor/img/button/btn_2_blank.png) 100% 0 no-repeat; }






/* -- status layout */
#module-status      { float: right; font-size: 11px; }
#module-status span { display: block; float: left; line-height: 16px; padding: 5px 10px 0 22px; margin-bottom: 5px; }

#module-status .user               { background: url(skin/prostor/img/status/user.png) 3px 5px no-repeat; }
#module-status .logout             { background: url(skin/prostor/img/status/logout.png) 3px 6px no-repeat; }








table.adminform {
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 10px 0;
	margin-bottom: 15px;
	width: 100%;
}
table.adminform tr.row0 { background-color: #f9f9f9; }
table.adminform tr.row1 { background-color: #eeeeee; }

table.tree {
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 10px 0;
	margin-bottom: 15px;
	width: 100%;
}



table.tree tr.row0 { background-color: #f9f9f9; }
table.tree tr.row1 { background-color: #ffffff; }

table.tree tr.row0:hover td,
table.tree tr.row1:hover td  { background-color: #ffa ; }


table.adminform th {
	font-size: 11px;
	padding: 6px 2px 4px 4px;
	text-align: left;
	height: 25px;
	color: #000;
	background-repeat: repeat;
}
table.adminform td { padding: 3px; text-align: left; }











/** cpanel settings **/

#cpanel div.icon {
	text-align: center;
	margin-right: 5px;
	float: left;
	margin-bottom: 5px;
}

#cpanel div.icon a {
	display: block;
	float: left;
	border: 1px solid #f0f0f0;
	height: 95px;
	width: 106px;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
}

#cpanel div.icon a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f9f9f9;
	color: #0B55C4;
}

#cpanel img  { padding: 10px 0; margin: 0 auto; }
#cpanel span { display: block; text-align: center; }






/*Repeat stilovi*/
.repeatlinks
{
  /*border: 1px solid;*/
  display: block;
}

/*
.repeatlink
{
  float: left;
}

.repeatpage
{
	float: left;
}*/

.page1
{
  cursor: pointer;
}


table.frmtable {
	width: 100%;
	border-spacing: 0px;
	/*background-color: #e7e7e7;*/
	color: #666;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

table.frmtable td,
table.frmtable th 
{ 
	padding: 4px;
/*	font-family: isocpeur, arial; */
}

table.frmtable thead th {
	background: #f0f0f0;
	color: #666;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
	border-spacing: 0px;
	/*font-family: isocpeur, arial;*/
}

table.frmtable thead a:hover { text-decoration: none; }

/* table.frmtable thead th img { vertical-align: middle; } */

table.frmtable tbody th { font-weight: bold; }

/*table.frmtable tbody tr			{ background-color: #fff;  text-align: left; }*/
/*table.frmtable tbody tr.row1 	{ background: #f9f9f9; border-top: 1px solid #fff; }

table.frmtable tbody tr.row0:hover td,
table.frmtable tbody tr.row1:hover td  { background-color: #ffa ; }


table.frmtable tbody tr.row1 td { background: #f9f9f9; border-top: 1px solid #FFF; }
*/
table.frmtable tbody tr td 	   { 
	height: 25px; 
	/*border-top: 1px solid #DDD; 
	border-right: 1px solid #DDD;*/ 
}


table.frmtable tfoot tr { text-align: center;  color: #333; }
table.frmtable tfoot td,
table.frmtable tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; text-align: center; }

table.frmtable td.order 		{ text-align: center; }
table.frmtable td.order span { float: left; display: block; width: 20px; text-align: center; }

table.frmtable .pagination { display:table; padding:0;  margin:0 auto;	 }

.pagination div.limit {
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0 10px;
}


.hide-error
{
  display: none;
}

.show-error
{
  display: block;
  /*
  border: solid 1px #606060;
  background-color: #EEEEEE;
  margin-bottom: 7px;
  */
}


.error-message
{
  color: #FF0000;
  margin-left: 7px;
}

.error-marker
{
  color: #FF0000;
}


.no-subform{
  border: 1px solid #999; 
  display:block; 
  width:100%; 
  float: left; 
  margin-top: 10px; 
  background: url(skin/prostor/img/back_sraf.gif);
}

#lbCols, #lbSelCols, #lbOrderCols
{
  width: 100%;
}

#tcols td
{
  text-align: left;
}

#tfilter td
{
  text-align: left;
}

#tfilteroptions td
{
  text-align: left;
}

#btnAdd1, #btnAdd2, #btnDel1, #btnDel2, #btnUp1, #btnUp2, #btnDown1, #btnDown2, #btnDesc
{
  width: 24px;
  height: 24px;
  cursor: pointer;
}

#btnAdd1, #btnAdd2
{
  background: url(skin/prostor/img/right.png) no-repeat center center;
}

#btnDel1, #btnDel2
{
  background: url(skin/prostor/img/left.png) no-repeat center center;
}

#btnUp1, #btnUp2
{
  background: url(skin/prostor/img/up.png) no-repeat center center;
}

#btnDown1, #btnDown2
{
  background: url(skin/prostor/img/down.png) no-repeat center center;
}

#btnDesc
{
  background: url(skin/prostor/img/desc.png) no-repeat center center;
}

.cbFilter
{
  width: 200px;
}

.cbFilter2
{
  width: 167px;
}

.cbFilterOp
{
  margin-left: 30px;
  width: 218px;
}

.filterParam
{
  margin-left: 30px;
  width: 190px;
}

.filterParamCB
{
  margin-left: 30px;
  width: 192px;
}


.btnPlus
{
  margin-left: 5px;
  background: url(skin/prostor/img/plus.png) no-repeat center center;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.btnMinus
{
  margin-left: 5px;
  width: 15px;
  height: 15px;
  background: url(skin/prostor/img/minus.png) no-repeat center center;
  cursor: pointer;
}

.btnAndOr1
{
  width: 30px;
  height: 15px;
  cursor: pointer;
  font-size: 10px;
}

.btnAndOr2
{
  width: 30px;
  height: 15px;
  cursor: pointer;
  font-size: 10px;
}




/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid silver; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CCC; color: #0064B0; background-color: #DFF3FF; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */      
form #add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; }
form ol li { list-style-type: none; }
form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
form ul.holder { width: 95%; }
form ul { margin: 0 !important }
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('skin/prostor/img/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

.facebook-auto { display: none; position: absolute; width: 512px; background: #eee; z-index: 2200; }
.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; }
.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; }
.facebook-auto ul li { padding: 5px 12px; z-index: 2000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #eee }
.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.facebook-auto ul li.auto-focus em { background: none; }
.facebook-auto ul 

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
#add a { color: #666; }
#add-test { width: 100px; padding: 2px; }
#button_container { margin-left: 70px; margin-bottom: 30px;}
.hidden { display:none;}


.frameset-fold
{
	background: transparent url(skin/prostor/img/sort_right.png) no-repeat scroll left center;
	cursor: pointer;
	padding: 0 2px 0 12px;
}

.frameset-unfold
{
	background: transparent url(skin/prostor/img/sort_desc.png) no-repeat scroll left center;
	cursor: pointer;
	padding: 0 2px 0 12px;
}


/*prostor.ba - css*/




#content .content  
{
	padding: 0px 10px 0 10px;
	float:left;
	width:740px;
	/*background-color:#EFEFEF;*/
}

#content .content_module  
{
	padding: 0px 10px 0 10px;
	float:left;
	/*width:511px;*/
	/*background-color:#EFEFEF;*/
}

#content .content_content 
{
	float:left;
    width:100%;
}

#content .left_box
{
	width:100%;
	float:left;
	
	
}

#content .left_box_kupoprodaja
{
	width:181px;
    margin-bottom: 10px;
	
	
}

#content .left_box_traziovdje
{
	width:181px;
	margin-top: 10px;
	
}

#content .right_box
{
	width:100%;
	float:left;
	/*background-color:#111111;*/
	
}

#footer
{ 
	
	width:960px;
	margin-top: 40px;
	float:left;
}


/* top-meni*/
.topmeni
{
	margin-bottom: 10px;
	width: 100%;
	float:left;
	/*font-family: arial,Isocpeur,arial !important;*/
    font-size: 13px;
    font-weight: bold;
}

div.topmeni ul li ul a
{
    font-size: 10px;
}
.menu ul{
	background:#FF0000;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#FF0000 url(skin/prostor/img/menu/blue.jpg) bottom right no-repeat;
		color:#FFFFFF;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 0px;
		text-align:center;
		text-decoration:none;
        width: 103px;
        border-left:1px solid #FFFFFF;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #FF4F4F bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
            
            
	.menu li ul{
		background:#FF0000;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:181px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url(skin/prostor/img/menu/blue.jpg) bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
	       background-color:#FF0000;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 8px;
		text-align:left;
        width: 85px;
        border:0;
        margin-left:1px;
		}
		.menu li ul a:hover, .menu li ul li:hover a
		{
			background:#FF4F4F center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
           /* width: 94px;*/
		}
	.menu p{
		clear:left;
		}	


/*header prostor*/
#header
{
/*	background:url(skin/prostor/img/header.jpg);*/
	height:70px;
	margin-left:1px;
	width:100%;
	float:left;
    position:relative;
}

#header .header_prostor
{
	width:600px;
	height:70px;
	background-color:#44B4B4;
	float:left;
	
	
}

#header .izbor_jezika
{
	height:16px;
	width:50px;
    position: absolute;
    top:5px;
    right:0;
}

/* box VIJESTI */

div#vijesti_module {
	background-color:#CCCCCC;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top:10px;
	min-height:214px;
	padding-left:10px;
	padding-right:10px;
	padding-top:12px;
	width:161px;
	padding-bottom: 14px;
}


li.news_crna a
{
	color:#333333 !important;
}

li.news_siva a
{
	color:#FFFFFF !important;
}

div#vijesti_module ul, #dodatneusluge ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	/*font-family:Isocteur, arial;*/
	font-size: 14px;
}

div#vijesti_module a:link, #dodatneusluge a:link{
	color:#FFFFFF;
	display:block;
	/*font-family:Isocteur, arial;*/
	font-size:14px;
	font-weight:normal;
	height:auto;
	padding:8px 0 0 0;
	text-decoration:none;
}

div#vijesti_module a:visited, #dodatneusluge a:visited
{
	color:#FFFFFF;
	display:block;
	/*font-family:Isocteur, arial;*/
	font-size:14px;
	font-weight:normal;
	height:auto;
	padding:8px 0 0 0;
	text-decoration:none;
}

div#vijesti_module a:hover, #dodatneusluge a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

div#vijesti_module a:active, #dodatneusluge a:active{
	color: #dbdbdb;
}

div#vijesti_module h2, #dodatneusluge h2
{
	color:#FFFFFF;
	font-size:19px;
	font-weight:bold;
	margin:2px;
}

div#vijesti_module .traziovdje_naslov, #dodatneusluge .traziovdje_naslov
{
	border-bottom:1px solid #FFFFFF;
	/*font-family:Isocpeur, arial;*/
}

div#font_download {
	background-color:#CCCCCC;
	margin-top:10px;
    font-size:11px;
	padding:10px;
	width:161px;
}

div#font_download a, div#font_download a:visited
{
    color: #333333;
}

div#font_download a:hover
{
    color: #F7F7E6;
}


/*meni traziovdje*/

#traziovdje, #prilagodi_pretragu {
	background-color:#FF0000;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:10px;
	min-height:214px;
	padding-left:10px;
	padding-right:10px;
	padding-top:12px;
	width:161px;
	padding-bottom: 14px;
}

#prilagodi_pretragu {
	background-color:#DCDCDC;
	
}
#traziovdje ul, #dodatneusluge ul, #prilagodi_pretragu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#traziovdje a:link, #dodatneusluge a:link, #prilagodi_pretragu a:link{
	color:#FFFFFF;
	display:block;
	/*font-family:Isocteur, arial;*/
	font-size:14px;
	font-weight:normal;
	height:auto;
	padding:8px 0 0 0;
	text-decoration:none;
}

#traziovdje a:visited, #dodatneusluge a:visited, #prilagodi_pretragu a:visited
{
	color:#FFFFFF;
	display:block;
	/*font-family:Isocteur, arial;*/
	font-size:14px;
	font-weight:normal;
	height:auto;
	padding:8px 0 0 0;
	text-decoration:none;
}

#traziovdje a:hover, #dodatneusluge a:hover, #prilagodi_pretragu  a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#traziovdje a:active, #dodatneusluge a:active, #prilagodi_pretragu a:active{
	color: #dbdbdb;
}

#traziovdje h2, #dodatneusluge h2, #prilagodi_pretragu h2
{
	color:#FFFFFF;
	font-size:19px;
	/*font-weight:bold;*/
	margin:2px;
}

#traziovdje .traziovdje_naslov, #dodatneusluge .traziovdje_naslov, #prilagodi_pretragu .traziovdje_naslov
{
	border-bottom:1px solid #FFFFFF;
/*	font-family: isocpeur, arial;*/
}

#prilagodi_pretragu label
{
    margin-top: 10px;
}

#prilagodi_pretragu div.forma
{
    margin-top: 10px;
    margin-bottom: 10px;
}

div.forma input
{
    
    margin-top: 2px;
}

/*meni dodatne usluge*/


#dodatneusluge {
	background-color:#666666;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:10px;
	min-height:214px;
	padding-left:10px;
	padding-right:10px;
	padding-top:12px;
	width:161px;
	padding-bottom: 14px;
}

.atitle
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:12px;
    border-bottom:1px solid #B3B3B3;
    text-transform: uppercase;
}

.aarticle, .anews
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:12px;
}




.right_box_kostur
{
	border:2px solid #B3B3B3;
	margin-bottom:10px;
	min-height:40px;
	width:246px;
}


.right_box_kostur_klient_trazi
{

	margin-bottom:10px;
	min-height:40px;
	width:246px;
    background-color: #DCDCDC;
}

.naslov_box_right
{
	border-bottom:2px dashed #B3B3B3;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding-left:6px;
}


.text_box_right
{
	color:#666;
	/*font-family:Isocpeur, arial;*/
	font-size:11px;
    margin-bottom:7px;
    margin-top:2px;
	padding-left:2px;
	padding-right:2px;

}

.text_box_right button
{
    width: 63px;
}

.text_box_right hr
{
    margin-top: 6px;
    margin-bottom: 6px;
}

.naslov_box_right_klient_trazi
{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
    padding-top:10px;
	padding-left:10px;
    color: #373337;
}




.text_box_right_klient_trazi
{
    color: #373337;
	font-family:arial;
	font-size:12px;
	
    padding-bottom: 10px;
    padding-top: 10px;
	padding-left:10px;
	padding-right:10px;

}

.forma_right_box_klient_trazi
{
    padding-left: 10px;
    padding-right:  10px;
    padding-bottom: 10px;
}


td.naslov_nekretnine, td.naslov_nekretnine a
{
	/*color:#2643EE !important;*/
    color:#1A40B6;
	/*font-family:Isocpeur, arial;*/
	font-size:16px;
	/*
font-weight:bold;
*/
	text-decoration: underline;
}

td.naslov_nekretnine a:hover
{
	/*color:#2643EE !important;*/
    color:#1A40B6;
	
}

td.cijena_nekretnine
{
	font-size: 18px;
	font-weight: bold;
	color: #1A40B6;
}

td.cijena_nekretnine .estate_size
{
	margin-right:70px;
}

td.cijena_nekretnine .estate_value
{
	
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    /*-moz-border-radius: 10px;*/
   /* background: #EFF0FF;*/
    border: 1px solid #B3B3B3;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 428px;
	height: 210px;
    padding: 14px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  426px;
    height: 210px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 150px;
    height: 190px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 98px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(skin/prostor/img/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 98px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(skin/prostor/img/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(skin/prostor/img/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(skin/prostor/img/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/**
 *  Vijesti
 */

 
div.vijesti_kolona
{
	color:#333333;
	float:left;
	font-size:12px;
	padding:10px;
	width:46%;
	
}

div.vijesti_kolona h1
{
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	
}

div.vijesti_kolona a
{
	color: #FF0000;
	/*font-family:Isocteur, arial;*/
	font-size: 13px;
}
div#flash-top-banner
{
	margin-bottom:10px;
}

/* brza pretraga */

div#brza_pretraga
{
	/*font-family: isocpeur, arial;*/
	background-color: #DCDCDC;
	padding:12px 4px 13px;
	min-height:214px;
	margin-bottom:10px;
	font-size: 13px;
    width:502px;
}

div#brza_pretraga .naslov
{
	border-bottom:1px solid #666666;
	font-size: 16px;
}

div#brza_pretraga .naslov h2
{
	color:#363336;
	font-size:19px;
	font-weight:bold;
	margin:2px;
}

div#brza_pretraga .forma
{
	margin-top: 10px;
}

div#brza_pretraga .forma input
{
	font-family:arial;
	margin-left:10px;
	margin-right:2px;
	vertical-align:top;
}

div#brza_pretraga div.cijena
{
	border-bottom:1px solid #666666;
	float:left;
	margin-bottom:5px;
	margin-top:10px;
	padding-bottom:5px;
	width:493px;
}

div#brza_pretraga div.lokacije
{
	margin-top:12px;
}

div#brza_pretraga div.lokacije select
{
	margin-left: 10px;
}

div#brza_pretraga div.ctrl
{
	width: 180px;
	float: left;
	color:#333333;
}

div#brza_pretraga div.polja
{
	float:left;
	margin-left:23px;
	margin-top:3px;
	width:290px;
	color: #333333;
}

div#brza_pretraga div.detaljna a
{
	font-weight: bold;
	color: #FF0000;
	float:right;
	margin-right:10px;
}

div#brza_pretraga option
{
	border-bottom: 1px solid #B7BABC;
}

.right_box_kostur_kalkulator
{
    background-color:#E5E5E5;
    color: #000000;
    border:1px solid #efefef;
    font-family:'Lucida Grande',sans-serif;
    width: 248px;
}

.right_box_kostur_kalkulator label
{
   color: #000000;
   width:20px;
}

.naslov_box_right_kalkulator
{
    background-color:#666666 !important;
    color: #FFFFFF;
    padding: 5px;
    font-weight: bold;
}

div.naslov_box_right a, div.naslov_box_right a:visited 
{
    color: #0C1431;
}

div.naslov_box_right a:hover
{
    text-decoration: underline;
}
#right-side-banner
{
    margin-bottom:10px;
}
div#brojac_posjeta
{
    background-color:#FFFFFF;
    border:1px solid #B3B3B3;
    font-size:11px;
    margin-top:10px;
    padding:10px;
    width:228px;
}


div#brojac_posjeta p
{
    margin-bottom: 4px;
    font-size: 12px;
}

div.brojac_posjeta
{
    height: 80px;
}

div#brojac_posjeta div.period
{
    float:left;
    width:136px;
    font-size: 12px;
    margin-bottom:4px;
}

div#brojac_posjeta div.brojac
{
    float:left;
    width:60px;
    font-size: 12px;
    margin-bottom:4px;
}



div#brojac_posjeta img
{
    margin-right: 4px;
}

.tr1-row1, .tr2-row1, .tr3-row1, .tr4-row1
{
	background-color: #dcdcdc;
}

.head-left
{
	float: left;
}

.head-right
{
	float: right;
}

.clear
{
    clear: both;
}
a.nav-link, a.nav-link:hover
{
    color:#fff;
}

div.flash_header
{
    width: 960px;
    height: 70px;
}

div.poslovnice-pocetna
{
    width:498px;
    padding:9px 5px;
    border:1px solid #B3B3B3;
}

div.anews .MsoNormal
{
    font-family: arial !important;
}

img.main-image
{
	
}

div#image-header
{
	position:relative;
	width:750px;
}

a.prev, a.next
{
	position:absolute;
	top:0;
	padding:2px;
	width:110px;
	color:#6688CC;
	background-color:#fafafa;
	z-index:1000;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	opacity:0.8;
	text-decoration:underline;
}

a.prev:hover, a.next:hover
{
	color:#6688CC;
	background-color:#efefef;
	text-decoration:underline;
	opacity:0.9;
}

a.prev
{
	left:0;
}

a.next
{
	right:0;
}