@charset "utf-8";
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	background-color: #107FC9;
	line-height: 26px;
	background-image: url(images/bg-2.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-weight: normal;
}
.twoColFixRtHdr #container {
	width: 960px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #EDF7FF;
	padding-top: 0px;
} 
.twoColFixRtHdr #header {
	margin: auto;
	width: 960px;
	background-color: #025D8C;
	text-align: left;
	background-image: url(images/anastazia-header.jpg);
	background-repeat: no-repeat;
	background-position: right center;
} 
.twoColFixRtHdr #header-1 {
	width: 1000px;
	margin: auto;
	width: 1000px;
	text-align: left;
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 322px;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-left: 10px;
	font-size: 11px;
	line-height: 16px;
	background-color: #025D8C;
	color: #FFF;
	padding-right: 0px;
	padding-left: 10px;
}
.twoColFixRtHdr #meni {
	width: 960px;
	text-align: left;
	background-color: #025D8C;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 1px;
	margin-left: auto;
	padding-bottom: 1px;
}
.twoColFixRtHdr #pretraga {
	float: right;
	width: 280px;
	margin-right: 30px;
	background-color: #025D8C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D8CFA8;
	line-height: 12px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 5px;
	height: 230px;
}
.twoColFixRtHdr #pretraga h2 {
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #2F4785;
	padding-bottom: 5px;
	background-attachment: fixed;
	background-image: url(images/search.gif);
	background-repeat: no-repeat;
	background-position: right -2px;
	height: 12px;
	padding-top: 5px;
	width: 100%;
	font-size: 14px;
}
.twoColFixRtHdr #izdvojeno li {
	width: 213px;
	list-style-type: none;
	list-style-position: inside;
	margin-left: 0px;
	text-indent: 0px;
	text-align: left;
	clip: rect(auto,auto,auto,auto);
	margin-right: 6px;
	font-size: 11px;
	color: #FFF;
	background-image: url(images/izdvojeno-bg.gif);
	padding: 0px;
	margin-bottom: 10px;
	line-height: 16px;
	float: right;
	clear: left;
}
a:link {
	color: #025D8C;
}

.twoColFixRtHdr #izdvojeno {
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0px;
	background-color: #EDF7FF;
}
a:visited {
	color: #107FC9;
}

.form1 {
	width: 140px;
	background-color: #EDF7FF;
	border: 1px solid #00093B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #025D8C;
}
.form2 {
	width: 90px;
	background-color: #EDF7FF;
	border: 1px solid #00093B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #025D8C;
	padding-top: 2px;
	padding-bottom: 2px;
}

.twoColFixRtHdr #sidebar1 h3 {
	background-color: #107FC9;
	padding: 5px;
	color: #EDF7FF;
	font-size: 12px;
	font-weight: bold;
}

.twoColFixRtHdr #mainContent {
	margin-top: 0px;
	margin-right: 330px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	line-height: 20px;
	color: #025D8C;
	font-size: 13px;
	background-color: #EDF7FF;
} 
.twoColFixRtHdr #mainContent h1 {
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #025D8C;
	color: #025D8C;
	line-height: 22px;
	background-color: #EDF7FF;
	font-weight: bold;
}
.twoColFixRtHdr  #mainContent  h2 {
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.twoColFixRtHdr #mainContent h3 {
	font-size: 12px;
}



.twoColFixRtHdr #footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #107FC9;
	width: 960px;
	margin: auto;
	background-color: #025D8C;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.slika {
	float: left;
	border: 2px solid #A9A79B;
	margin-right: 10px;
	margin-bottom: 20px;
	clip: rect(auto,auto,auto,auto);
	margin-top: 0px;
	padding-bottom: 0px;
}
.slikasredina {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 8px;
	margin-left: 8px;
	clear: both;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.slikalijevo {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 10px;
	margin-left: 2px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	float: left;
}


.datum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EDF7FF;
	font-weight: bold;
	font-style: normal;
}
.slika-novo {
	float: left;
	margin-right: 5px;
	border: 1px solid #999999;
}
.dno {
	width: 100%;
	background-image: url(images/izdvojeno-dno.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 14px;
}
.vrh {
	width: 100%;
	background-image: url(images/izdvojeno-vrh.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 11px;
}
.izdvojeno2 {
	width: 195px;
	margin-right: auto;
	margin-left: auto;
}
.ponudanovo {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2F4785;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.nekretninaopis {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #025D8C;
	margin-bottom: 2px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 360px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pretraganekretnina {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #107FC9;
	margin-bottom: 2px;
	padding-bottom: 5px;
	background-color: #EDF7FF;
	padding-top: 5px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}
.kontaktform {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #107FC9;
	margin-bottom: 2px;
	padding-bottom: 5px;
	background-color: #EDF7FF;
	padding-top: 5px;
	width: 450px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.kontakttekst {
}
.form3 {
	width: 300px;
	background-color: #F5F3EB;
	border: 1px solid #00093B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00093B;
}
.tablica {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #BC2222;
}
.izborjezika {
	padding-right: 5px;
	padding-left: 5px;
}

.reference {
	margin: 4px;
	padding: 4px;
	border: 1px solid #999999;
}

#outside{
	background-color: #107FC9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #73C2FF;
	width: 960px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #73C2FF;
	}
#navigation-1 {
	margin:auto;
	list-style:none;
	width:1000px;
	height:21px;
	font:normal 8pt verdana, arial, helvetica;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:142px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	width:142px;
	height:13px;
	background-color: #107FC9;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	display:block;
	text-align:center;
	color:#EDF7FF;
	width:140px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	background-color: #0A93FC;
	height: 13px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	list-style:none;
	display:none;
	width:140px;
	position:absolute;
	top:19px;
	left:-1px;
	border:1px solid #2F4785;
	border-top:none;
	background-color: #025D8C;
	color: #FFF;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 0;
	padding-left: 1px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	clear:left;
	width:140px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	clear:left;
	padding:4px 0;
	width:140px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
	background-color: #025D8C;
	color: #FFF;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	padding:4px 0;
	width:140px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
	background-color: #107FC9;
	color: #Ffffff;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:135px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #b9121b;
	border-left:1px solid #b9121b;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background-color: #2C5159;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#ec454e;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}
.twoColFixRtHdr #meni2 {
	height: 17px;
	background-image: url(images/bg1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #010602;
	width: 1000px;
}
.twoColFixRtHdr #sidebar1 a:link, #sidebar1 a:visited {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
.twoColFixRtHdr #sidebar1 h2 {
	padding: 3px;
	color: #BD3230;
	font-size: 12px;
	font-weight: bold;
	background-color: #CCCACB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
}

#izdvojeno {
	color: #333333;
	background-color: #e7e7e7;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
.twoColFixRtHdr #footer a:link, #footer a:visited {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
.tablicaform {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
}
	
/* Start layout CSS */
.tableWidget_headerCell,.tableWigdet_headerCellOver,.tableWigdet_headerCellDown{	/* General rules for both standard column header and mouse on header of sortable columns */
	cursor:pointer;	
	border-bottom:3px solid #C5C2B2;
	border-right:1px solid #ACA899;
	border-left:1px solid #FFF;	
	background-color: #ECE9D8;
}

.tableWidget_headerCell{	/* Standard column header */
	border-top:2px solid #ECE9D8;
	
}

.tableWigdet_headerCellOver{	/* Rollover on sortable column header */
	border-top:2px solid #FFC83C;		
}
.tableWidget tbody .tableWidget_dataRollOver{	/* Rollover style on mouse over (Data) */
	background-color:#FFF;	/* No mouseover color in this example - specify another color if you want this */
}

.tableWigdet_headerCellDown{
	border-top:2px solid #FFC83C;	
	background-color:#DBD8C5;
	border-left:1px solid #ACA899;
	border-right:1px solid #FFF;			
}
.tableWidget td{
	margin:0px;
	padding:2px;
	border-bottom:1px solid #EAE9E1;	/* Border bottom of table data cells */
	
}
.tableWidget tbody{
	background-color:#FFF;
}
.tableWidget{
	font-family:arial;
	font-size:12px;	
	width:600px;
}
	
/* End layout CSS */


div.widget_tableDiv {
	border:1px solid #ACA899;	/* Border around entire widget */
	height: 200px;
	overflow:auto;
	overflow-y:auto;
	overflow:-moz-scrollbars-vertical;
	width:600px;

}

html>body div.widget_tableDiv {
	overflow: hidden;
	width:400px;
}

.tableWidget thead{
	position:relative;
}
.tableWidget thead tr{
	position:relative;
	top:0px;
	bottom:0px;
}

.tableWidget .scrollingContent{
	overflow-y:auto;
	overflow:-moz-scrollbars-vertical;
	width:100%;

}
#validator {
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.br-stranice {
	color: #FF6;
	background-color: #107FC9;
	font-size: 11px;
	text-align: center;
}
.prodano {
	background-image: url(images/prodano.gif);
	background-repeat: no-repeat;
	background-position: 20px 80px;
}