body { background-color: #FFFFFF; color:#000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0;  }

td.logo { text-align: left; padding: 0 0 5px 0; }

.top { width: 520px; height: 2px; overflow: hidden; }
.ispisi { margin: 5px 0 5px 10px; display: block; text-align: left; outline: none; width: 32px;   }
.zatvori { margin: 5px 5px 5px 0; outline: none; }
.broj-datum { text-align: center; }
/*
.broj { font-weight: bold; font-size: 16px; padding: 5px 125px 5px 0; }
.datum {text-align: right; padding: 5px 5px 5px 0; font-size: 11px;  }
.vrijeme {text-align: right; padding: 5px 0 5px 0; font-size: 11px; }
*/

.broj { font-weight: bold; font-size: 16px; padding: 10px 0 0 0; display: block; float: right; }
.datum {text-align: right; padding: 2px 0 0 0; font-size: 10px; display: block; float: left;  }
.vrijeme {text-align: right; padding: 2px 0 0 0; font-size: 10px; display: block; float: left; }


.glavna { width: 500px; }
	.naslov { color:#666666; font-size: 12px; padding: 10px 0 2px 0; text-align: left;  }
	.sifra { width: 50px; padding: 2px 0 2px 0; }
	.par { width: 305px; font-weight: bold; padding: 2px 0 2px 0; }
	.datum-vrijeme { width: 75px padding: 2px 0 2px 0; }
	.tip { width: 40px; font-weight: bold; padding: 2px 0 2px 0;  }
	.coef { width: 30px; text-align: right; }

th { font-size: 12px; font-weight: normal; }

.wrap { width: 510px; margin: 5px 0 0 10px; }
/*.wrap { overflow:auto; height: 465px; width: 510px; margin: 5px 0 0 10px; }*/

.right { text-align: right; }

.dobitak { font-size: 18px;  padding: 2px 0 2px 0;}
.ulog {  padding: 2px 0 2px 0; }

.sistemi td { padding: 2px 0 2px 0; width: 160px; }
td.moguci { font-weight: bold; text-align: right;  }

.input { margin: 0; width: 284px; background: #fff; border: 1px solid #CCC; font-size: 10px; padding: 2px; color: #333; }

.sep-nodots { height: 15px; }
.sep { width: 500px;  border-bottom: solid 1px #999999; height: 1px; overflow: hidden; }
.sep-dot { width: 500px;  border-bottom: dotted 1px #999999; height: 1px; overflow: hidden; }
.sep-bold { width: 500px; border-bottom: solid 2px #999999; height: 2px; overflow: hidden; }


.napomena { list-style-type: none; margin: 15px 0 10px 0; padding: 0; }
.napomena li { font-size: 10px; }

a.btn-print { background: url(../../../gfx/icon_print_32.png) no-repeat; width: 32px; height:32px; display: block; text-indent: -1000em; float: left; margin: 0 20px 10px 0; }
a.btn-fb { background: url(../../../gfx/icon_fb_share.png) no-repeat; width: 60px; height:18px; display: block; text-indent: -1000em; float: left; margin: 7px 0 0 0; }
a.btn-gplus { background: url(../../../gfx/icon_gplus.png) no-repeat; width: 18px; height:18px; display: block; text-indent: -1000em; float: left; margin: 7px 0 10px 20px; }
 

/* clearfix */
.fix, .clear { clear: both; height: 1px; line-height: 1px; margin: -1px 0 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }