@charset "utf-8";
/* CSS Document */
body {
	font: 13px Arial, Helvetica, sans-serif;
	background: #efefef;
	margin: 0;
	padding: 0;
	color:#484848;
	text-align: center;
}
body.loginBody {
	font: 13px Arial, Helvetica, sans-serif;
	background:url(../images/login.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
	color:#484848;
	text-align: center;
}
.bodyBgr {
	background:url(../images/body-bg.gif) top center repeat-y;
}
/* Normal link */
a {
	color: #0264b0;
	text-decoration: underline;
	font-size:13px;
}
a:hover, a:active, a:focus {
	color: #0264b0;
	text-decoration: none;
}
input.btn {
	padding: 2px 10px!important;
	padding: 1px 5px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #DDDDDD;
	background: url(../images/but-bg.gif) repeat-x bottom #EFEFEF;
	cursor:pointer;
}

/* LayOut */
.twoColFixLtHdr #container {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
}
.twoColFixLtHdr #header {
	background: url(../images/header-bg-up.gif) top left no-repeat;
	padding: 0;
	height:114px;
	width: 990px;
	margin:0;
}
h1.logo, h1.logo-text {
	float: left;
	font-size: 300%;
	letter-spacing: 1px;
	margin: 0;
	padding: 25px 0 0;
}
h1.logo a {
	display: block;
	height: 80px;
	width: 117px;
	margin:15px 0px 0px 50px;
}
h1.logo a:hover, h1.logo a:active, h1.logo a:focus {
}
h1.logo a span {
	position: absolute;
	top: -1000px;
}
.twoColFixLtHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}

.twoColFixLtHdr #menuLine {
	height:33px;
	background:url(../images/header-bg-down.gif) top left no-repeat;
	margin:0;
	padding:0;

}


.twoColFixLtHdr .centerWrap {
	width:990px;
	background: url(../images/stripe1.gif) #FFFFFF;
	margin:0;
	padding:0;
}
.twoColFixLtHdr #mainContent {
	float:left;
	display:inline;
	background:url(../images/leftcol-bg.gif) left top no-repeat;
	margin: 0;
	padding: 0 0 0 10px;
	width:980px;
}
.twoColFixLtHdr #mainContent h1 {
	margin:0;
}
.twoColFixLtHdr #footer {
	padding: 0 10px 0 20px;
	background:#dadada;
	border-top:2px solid #bfbfbf;
}
.twoColFixLtHdr #footer p {
	margin: 0;
	padding: 10px 0;
}
.twoColFixLtHdr #footer div.copyright {
	text-align:right;
	margin: 0;
	padding: 10px 0;
	width:100%;
}
.twoColFixLtHdr #footer a {
	font-size:11px;
	text-decoration:none;
}
.twoColFixLtHdr #footer a:hover {
	font-size:11px;
	text-decoration:underline;
}
/*------------ Misc -------------------------
*/
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.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 */

.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;
}
/*----------------- MENU ----------------------------------
*/
#divHeaderMenu {
			position:absolute;
			clear:both;
			width:990px;
			height:31px;
			font-size:12px;
			font-weight:bold;
			z-index:99;
		}
		
			#divHeaderMenu ul 						{ list-style-type:none; z-index:10000; margin:0; padding:0;}
			#divHeaderMenu ul li 					{ float:left; position:relative; width:134px; border-left: 1px solid #fdfdfd; border-right: 1px solid #8197c1; }
			#divHeaderMenu ul li#liFirst 			{ border-left:0px; }
			#divHeaderMenu ul li#liLast 			{ border-right:0px; }
			#divHeaderMenu ul li a 					{ display:block; float:left; width:134px; height:22px; padding-top:9px; text-align:center; color:#0264b0; overflow:hidden; text-decoration:none; outline:none; }
			#divHeaderMenu ul li:hover a 			{ background: url(../images/subMenuBg.gif) top left repeat-x; color:#0264b0; }
			
			#divHeaderMenu ul li ul 				{ display:none; }
			#divHeaderMenu ul li:hover ul 			{ display:block; position:absolute; width:180px; left:-2px; border-left: 1px solid #8197c1; z-index:110; top:31px; }
			#divHeaderMenu ul li ul li				{ width:180px; border-bottom:1px solid #8197c1; }
			#divHeaderMenu ul li:hover ul li a 		{ display:block; width:160px; height:15px; padding: 5px 10px 5px 10px; background: #f1f1f1; color:#484848; text-align:left; font-weight:normal; }
			#divHeaderMenu ul li:hover ul li a:hover{ background-color:#2e82d2; color:#fff; }

/* Breadcramb
---------------------------------------------------------*/
#breadcrumb {
	margin: 0;
	margin-left:-10px;
	padding: 7px 6px;
	display: block;
	background: url(../images/breadcrumb-bg.gif) repeat-y top left #F2F2F2;
	font-size: 12px;
	line-height: normal;
	text-indent: 15px;
}
#breadcrumb img {
	margin: 0 5px 1px;
}
#breadcrumb strong {
	margin-right: 5px;
}
#breadcrumb a {
	font-size: 12px;
	text-decoration: none;
}
#breadcrumb a:hover, #breadcrumb a:active {
	text-decoration: underline;
}
/*--------------- Content ---------------------------------------
*/
#icons {
	clear:both;
	display:block;
	float:right;
	margin:15px 20px 15px 0px;
	/*width:230px;*/
}
#icons a {
	color: #0264b0;
	text-decoration: none;
	font-size:13px;
}
#icons a:hover {
	color: #0264b0;
	text-decoration: underline;
}
#icons a:active, #icons a:focus {
	color: #0264b0;
	text-decoration: none;
}
/*Icons Jedna ikonica*/
#icons1 {
	float:right;
	margin:18px 20px 15px 0px;
	display:inline;
	/*width:130px;*/
}
#icons1 a {
	color: #0264b0;
	text-decoration: none;
	font-size:13px;
}
#icons1 a:hover {
	color: #0264b0;
	text-decoration: underline;
}
#icons1 a:active, #icons1 a:focus {
	color: #0264b0;
	text-decoration: none;
}
.content {
	font-size:13px;
	padding:0px 22px 0px 18px;
	margin:0px 0px 8px 0px;
}
.content a {
	color:#484848;
	text-decoration:none;
}
.content a:hover {
	color:#484848;
	text-decoration:underline;
}
.imageHolder {
	text-align:center;
}
.content .imageHolder img {
	border:1px solid #A6A6A6;
	padding:2px;
}
/* Naslov */
.sadrzajNaslov {
	clear:both;
	display:block;
	text-align:left;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 19px;
	font-weight: bold;
	line-height: normal;
	color:#0264b0;
	margin:15px 20px 5px 0px;
	padding:0 0 0 30px;
}
/* Code text */
.code {
	width:85%;
	padding: 10px 15px;
	margin: 5px auto 15px auto;
	border-left: 5px solid #1962b7;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: url(../images/stripe2.gif);
	font: 1em/1.5 "Courier News", monospace;
}
/*------------- Tabela -----------------------------
*/
table {
	margin:0;
	width: 100%;
}
thead th {
	border-bottom: 2px solid #1962b7;
	color: #fff;
	font-weight: bold;
	background:#1873be url(../images/thBg.gif);
}
th a:link, th a:visited {
	color: #6f9dbd;
}
th {
	padding: .3em .5em;
}
td {
	padding: 5px 5px;
	border:1px solid #ddd;
}
tr.odd, tr.info {
	background-color: #eeeeee;
}
tr.even {
	background-color: #fff;
}
tr.odd td.active {
	background-color: #ddecf5;
}
tr.even td.active {
	background-color: #e6f1f7;
}
/*------------------- Table No Border ---------------------
*/
#tblNoBorder td {
	border:none;	
}
td.noBdr {
	border:none;
}
/* Bg Table - Beli Okvir */
#bgTable {
	border:0;
	margin:0;
	padding:0;
	width:850px;
	margin-left:auto; 
	margin-right:auto;
}
#bgTable .bgTop {
	border:0;
	margin:0;
	padding:0;
	background:url(../images/bgTable-top.gif) top left;
}
#bgTable .bgBottom {
	border:0;
	margin:0;
	padding:0;
	background:url(../images/bgTable-bottom.gif) top left;
}
#bgTable .bgLeft {
	border:0;
	margin:0;
	padding:0;
	width:7px;
	background:url(../images/bgTable-left.gif) top right repeat-y;
}
#bgTable .bgRight {
	border:0;
	margin:0;
	padding:0;
	width:7px;
	background:url(../images/bgTable-right.gif) top left repeat-y;
}
#bgTable .w706 {
	width:100%;
	padding:7px;
}
/*Login*/
#loginBg1 {
/*	background:url(../images/loginBg1.gif) top left no-repeat;*/
	width:401px;
	height:125px;
	margin:0px auto;
	padding:0px;
	color: #fff;
	font-weight:bold;
}
#loginBg2 {
/*	background:url(../images/loginBg2.gif) top left repeat-y;*/
	width:401px;
	margin:0px auto;
	padding:10px 0px;
	color: #fff;
	font-weight:bold;
}

#loginBg2 a {
	color: #ffcc00;
	text-decoration: underline;
	font-size:13px;
	font-weight:bold;
}
#loginBg2 a:hover, #loginBg2 a:active, #loginBg2 a:focus {
	color: #ffcc00;
	text-decoration: none;
}
#loginBg3 {
/*	background:url(../images/loginBg3.gif) top left no-repeat;*/
	width:401px;
	height:45px;
	margin:0px auto;
	padding:0px;
}
form {
	margin:0;
	padding:0px;
}
input.btnLgn {
	padding: 2px 10px!important;
	padding: 1px 5px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #DDDDDD;
	background: #04223b;
	cursor:pointer;
	color:#fff;
}
/*bgTableForum - forum*/
.alignCenter {
	text-align:center;
}


.error{
	color:#FF0000;
}