@charset "utf-8";
html { height: 100%; }
body { height: 100%; color: #333; background: #fff; margin: 0; padding: 0; text-align: center; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form { display: inline; margin: 0; padding: 0; }
a img { border: 0; }
a { color: #3b90bb; text-decoration: none; }
a:hover { text-decoration: underline; }

ol, ul { list-style-image: none; list-style-position: outside; list-style-type: none; }
label, button { cursor: pointer; }

table, table tr, table td { border: none; margin: 0; padding: 0; }
table td { vertical-align: top; text-align: left; }

table.small-display-table, table.display-table { font-size: 12px; margin-top: 5px; }
table.small-display-table tr, table.display-table tr {margin: 0; padding: 0; border-top: 1px solid white;}
table.small-display-table td, table.display-table td {margin:0; padding: 2px 5px; }
table.small-display-table a, table.display-table a { font-weight: bold; }
tr.light-blue { background: #dcf3ff; }
tr.blue { background: #bfe9ff; }

h1 { color: #0b84c1; font-size: 22px; font-weight: bold; margin: 20px 0; padding-bottom: 5px; border-bottom: 1px solid #0b84c1;  }
h3 { font-size: 14px; font-weight: bold; margin: 0 0 7px 0; padding: 0;}

/*#footer { background: #f2f2f2; height: 72px; position: relative; border-top: 2px solid #999; padding-top: 25px; line-height: 1.6em; }*/
.container { width: 850px; text-align: left; margin: 0 auto; }
#footer .container{ width: 838px; margin-top: 80px; padding: 6px 6px 50px 6px; border-top: 1px solid #ddd; font-size: 11px; color: #999; }

ul.footer-navigacija { margin: 2px; padding: 0; padding: 3px 0px; }
ul.footer-navigacija li { display: block; float: left; margin: 0; padding: 0; }
ul.footer-navigacija li a { padding: 2px 5px; border-right: 1px solid #ccc; }
ul.footer-navigacija li a:hover { background: #dcf3ff; }

#top-logo { padding-top: 20px; }

div#column-left { float:left; margin: 20px 40px 0 0; width: 570px; }
div#column-right { float: left; width: 240px; }
div#login-box { width: 200px; padding: 10px; margin: 15px auto; background: #e4e4e4; border: 1px solid #d5d5d5; font-size: 11px; line-height: 20px; }

div#prijatelji { margin-top: 30px; }

#top-line { position: relative; color: #85d7ff; background: #dcf3ff; height: 20px; padding: 0 6px 6px 20px;  }

ul.navigacija { position: absolute; top: 0; left: 0; }
ul.flags { position: absolute; top: 0; right: 0; }

ul.navigacija, ul.flags { margin: 0; padding: 0; padding: 6px 0px; }
ul.navigacija li, ul.flags li { display: block; float: left; margin: 0; padding: 0; }
ul.navigacija li { border-right: 1px solid #85d7ff; }
ul.navigacija li a { color: #0b84c1; font-weight: bold; padding: 0 8px; }
ul.flags li a { padding: 0 8px; }

div.autocomplete { margin:0px; padding:0px; width:250px; background:#fff; border:1px solid #888; position:absolute; z-index: 100; }
div.autocomplete ul { margin:0px; padding:0px; list-style-type:none; }
div.autocomplete ul li.selected { background-color:#ffb; }
div.autocomplete ul li { margin:0; padding: 9px 0 9px 28px; display:block; list-style-type:none; cursor:pointer; border-bottom: 1px solid #ddd; background: url(../img/car.gif) no-repeat 7px 9px; }
div.autocomplete ul li img { padding: 0; }
div.state { font-size: 11px; color: #666; }

div.uvodnik { margin: 0 50px; font-size: 15px; line-height: 20px; }
div.kaaktuelnim { width: 190px; background: #dcf3ff; font-weight: bold; font-size: 12px; padding: 1px 0 1px 20px; margin: 10px auto 3px auto; position: relative; }
div.kaaktuelnimicon { width: 16px; margin: 2px 5px 5px 0; position: absolute; right: 0; top:0;  }
div.bubble { width: 155px; height: 80px; background: url(../img/bubble.gif) no-repeat; padding: 15px 10px; position: absolute; top: 0; right: 0; }
div.searchform { margin: 0 auto; width: 480px; position: relative;  }
div.registrationform { margin: 20px auto; }
div.searchrow { margin-bottom:10px; }

div.error-box { background: #ffe9ee; color: #c10b35; border: 1px solid #de5f7d; margin: 10px; padding: 15px; line-height: 22px;   }
div.error-box em { color: #000; font-weight: bold; font-style: normal; font-size: 13px; }

label.search { font-weight:bold; float: left; width: 60px; text-align:right; padding-right: 5px; margin-top: 4px;  }
label.registration { font-weight:bold; float: left; width: 150px; text-align:right; padding-right: 5px; margin-top: 4px;  }
label.loginfield { float: left; width: 60px; text-align:right; padding-right: 5px; }


input.loginfield { border:1px solid #5fb4de; width: 100px; margin-bottom: 5px; }
input.login-submit { font-family:Arial,Helvetica,sans-serif; font-weight: bold; margin-top: 5px; width: 70px; background:#0b84c1 none repeat scroll 0 0; color: #fff; border:2px solid #5fb4de; cursor:pointer; }
input.bigsubmit { font-family:Arial,Helvetica,sans-serif; font-weight: bold; width: 120px; background:#0b84c1 none repeat scroll 0 0; color: #fff; border:2px solid #5fb4de; cursor:pointer; }
input.city { border: 1px solid #999; padding: 4px; background: #f7f9eb; width: 200px; }
textarea.city { border: 1px solid #d7d7d7; padding: 4px; background: #f7f9eb; width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.city-helptext { color: #999; }

td.listing-info { width: 190px; font-size: 11px; 	}
div.listing-date { font-size: 13px; font-weight: bold; margin: 3px 0; }

table.detalji-main { margin-bottom: 20px; }
table.detalji-main td.left { text-align: right; font-weight: bold; width: 120px; background: #dcf3ff; padding: 4px; padding-right: 10px; }
table.detalji-main td.right { width: 300px; background: #f0f0f0; padding: 4px; }

div.menuline { margin-bottom: 8px; }
table.detalji-specific td { padding: 2px 10px 2px 2px; text-align: left; }
div.specific { font-size: 11px; margin-top: 10px; }

div.pomoc-entry { margin-bottom: 28px; }
td.icon { width: 16px; padding: 2px 5px 5px 0; }
td.relacija { padding: 2px 5px 2px 2px; font-size: 18px; }
div.detailslink { text-align: right;}

div.map { width: 500px; height: 300px; }
div.map_wrapper { padding: 10px; background: #dcf3ff; border: 2px solid #0b84c1; width: 500px; margin-bottom: 15px; }
div.map_infotext { font-size: 14px; font-weight: bold; margin-bottom: 5px; background: #fff; padding: 3px; }
div.androidmarket { background: #dcf3ff; padding: 10px; }

.redtext { color: #e10b35; }