/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	padding: 0; margin: 0;
	background: #000;
	font: 11px/1.4 Verdana, Arial, sans-serif;
	color: #fff;
}

a {
	color: #ffc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }

pre,hr,dl,ol,ul,table,address,fieldset {
	/* margin-bottom: 20px; */
}

p,h1,h2,h3,h4,h5,h6 {
	margin-bottom: 11px;
}

/* `Site CSS
----------------------------------------------------------------------------------------------------*/


#page {
	background: #454b55 url(../img/header.jpg) no-repeat;
}

#header {
	width: 960px; height: 220px;
	margin-left: 0px;
}

#maincol {
/*	height: 620px; */
}
#footer {
	background: #454b55 url(../img/footer.jpg) no-repeat;
	width: 960px; height: 80px;
	margin-left: 0px;
}

.leftboxcontainer {
	width: 150px;
	margin: 0 auto;
	border: 0;
	padding-bottom: 15px;
}

.rightboxcontainer {
	width: 225px;
	margin: 0 auto;
	border: 0;
	padding-bottom: 15px;
}

.roundbox {
	padding: 5px;
	border: 1px solid #7e848d;
}

.newstitle {
	color: #ccc;
	background: #2a2e34;
	font-size: 10px;
	font-weight: bold;
}
.newsbox {
	background: #3e444d;
	font-size: 10px;
}
.actiontitle {
	color: #e90909;
	background: #16181d;
	font-size: 10px;
	font-weight: bold;
}
.actionbox {
	background: #31353c;
	font-size: 10px;
}

.column {
	font-weight: bold;
}

#loginbox {
	height: 50px;
}

#navbox {

}

#navbox td {
	text-align: center;
}


#specbox {

}

#mainnav {
	margin: 127px 0px 0px 490px
}

#leftfoot, #rightfoot {
	margin-top: 55px;
}

#header a, #navbox a, #specbox a, .actionbox  a { color: #fff; }

.actionbox ul { padding-left: 100px; padding-top: 8px; height: 92px;}
#ecc_01 { background: url(../img/ecc_01.png) top left no-repeat; }
#ecc_02 { background: url(../img/ecc_02.png) top left no-repeat; }
#ecc_03 { background: url(../img/ecc_03.png) top left no-repeat; }
#ecc_04 { background: url(../img/ecc_04.png) top left no-repeat; }
#ecc_05 { background: url(../img/ecc_05.png) top left no-repeat; }
#ecc_06 { background: url(../img/ecc_06.png) top left no-repeat; }
#ecc_07 { background: url(../img/ecc_07.png) top left no-repeat; }

.welcome { background: url(../img/icon_ra.png) top left no-repeat; padding-left: 28px; padding-top: 3px; height: 25px; }

div.error, div.status {
	color: yellow;
	font-weight: bold;
	margin: 20px 0px;
}


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Izveštaj o kupovini */
dl.report {
  margin: 0;
  padding: 0;
}

.report dt {
  clear: both;
  margin: 0;
  padding: 0;
  padding-bottom: 4px;
  font-size: 12px;
  font-weight: normal;
  border: 0;
}

.report dd {
  margin: 0;
  padding: 0;
  padding-left: 20px;
  margin-bottom: 20px;
}

.report dd p {
  margin: 0;
  padding: 0;
  line-height: 140%;
}

.payment-check {
  margin-top: 5px;
  position: relative;
  width: 611px;
  height: 305px;
  background: url("../img/uplatnica.gif") no-repeat;
}

.payment-check p {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-weight: bold;
  font-size: 11px;
  font-family: Tahoma, Helvetica, sans-serif;
  color: #006;
}

.payment-check p.from {
  left: 30px;
  top: 51px;
  line-height: 125%;
}

.payment-check p.purpose {
  left: 30px;
  top: 125px;
}

.payment-check p.to {
  left: 30px;
  top: 176px;
  line-height: 125%;
}

.payment-check p.amount {
  left: 435px;
  top: 57px;
}

.payment-check p.account {
  left: 375px;
  top: 110px;
}

.payment-check p.ref {
  left: 375px;
  top: 151px;
}

.payment-check p.pcode {
  left: 320px;
  top: 57px;
}

.payment-check p.curr {
  left: 375px;
  top: 57px;
}