html, body{
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background-image: url(../bck/bg2.png);
	font-size:10pt;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-position: 0 30px;
	text-align:center;
	float: right;
} 
 
#pagewidth{
	width:950px;
	text-align:left;
	margin:auto;
	margin-bottom: 100px;
	font-family: Arial, Helvetica, sans-serif;
} 
 
#header{
	position:relative;
	width:100%;
	padding-top: 30px;
	height: 85px;
} 
 
#leftcol{
	width:31%;
	float:left;
	position:relative;
	padding-top: 20px;
	height: 485px;
 }
 
 #leftcol img{
	float:right;
	padding-left: 5px;
 }
#twocols{
	width:67%;
	float:right;
	position:relative;
  }
 
#rightcol{
	width:47%;
	float:right;
	position:relative;
	padding-top: 20px;
	height: 500px;
 }
#rightcol img{
	float:left;
	padding-right: 7px;
 }
 
#maincol{
	float: left;
	display:inline;
	position: relative;
	width:50%;
	padding-top: 20px;
	height: 485px;
 }
 #maincol p, h3{
	padding-left:20px;
	padding-right:10px;
	font-size: 10pt;
 }
 
/* Footer styles */
	#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:0px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 3;
	color: #666666;
	font-size: 12px;
	padding-top: 15px;
	}
	#footer p {
	padding:0px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 4;
	}
 

 
 /* *** Float containers fix:
 *** */ 
.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;
	margin-top: 0px;
}
/* End hide from IE-mac */  


	#layoutdims {
	clear:both;
	padding:0px 5px !important;
	text-align:right;
	color: #858585;
	font-size: 12px;
	z-index: auto;
	}
a {
		color:#900;
	}
	a:hover {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	color: #369;
	background-color: #f4f4f4;
	}
	h2, h3 {
	margin:.2em 0 0;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	font-size: 120%;
	}
 span.more {
	margin: 0 10px 5px;
	padding: 3px 0 3px 14px;
	background-image: url(../images/blt02.png);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	font-size: 85%;
}
span.more a strong {
	color: #f36;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}
p {
	margin-top: 7px;
	background-color: #FFF;
}
	.style1 {
	color: #B90000;
	font-weight: bold;
}
    .style2 {
	font-size: 12px;
	color: #666666;
}
	h4 {
	margin:0 0 0 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	}
	
	h4 a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	}
	
.sub {
	background: no-repeat 0 0;
	float: left;
	padding: 0;

}

.w1 {

	background-image: url( ../images/bg-col-start.png);

	font-size: .9em;

	line-height: 1.6em;

	width: 240px;

}
#hpClock{float:right;clear:right;font-size:.92em;}
#hpClock object{
	position:absolute;
	top:30px;
	right:10px;
	z-index: 9000;
}
#hpClock p{
	text-align:right;
	z-index: 9000;
	position: absolute;
	top: 38px;
	right: 70px;
	color: #FFD9D9;
}
dl.bot_rgt {
	padding:0;
	float:left;
	margin-right:10px;
	width:99%;
	background-color: #FFF;
	background-image: url(file:///Macintosh%20HD/Users/DanielV/Sites/Kreditna%20unija%20Deponent%20copy%202/box/c_tl2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
dl.bot_rgt dt {
	padding:10px;
	text-align:center;
	color:#fff;
	height: 11px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../box/BoxTop-L_Gore.gif);
	background-repeat: repeat;
	background-position: left top;
	background-color: #FFF;
}
dl.bot_rgt dd {
	padding:0;
	margin:0;
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	height: 285px;
}
.box_sivi_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	color: #555;
}


dl.bot_lft {
	background:#ffffff;
	padding:0;
	float:left;
	margin-right:10px;
	width:40%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
}
dl.bot_lft dt {background:transparent url(c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.bot_lft dd {
	padding:0;
	margin:0;
	background-color: #FFF;
}

dl.top_rgt {
	margin:5px 0;
	padding:0;
	float:left;
	margin-right:10px;
	width:40%;
}
dl.top_rgt dt {
	padding:10px;
	text-align:center;
	color:#fff;
	background-color: #FFF;
}
dl.top_rgt dd {background:transparent url(c_br.gif) bottom right no-repeat; padding:0; margin:0;}

dl.top_lft {background:#eee url(../box/c_bl.gif) bottom left no-repeat; margin:5px 0; padding:0; float:left; margin-right:10px; width:99%;}
dl.top_lft dt {
	background:#B00000 url(../box/c_tr2.gif) top right no-repeat;
	padding:10px;
	text-align:center;
	color:#fff;
	height:11px;
	font-size: 16px;
	font-weight: bold;
}
dl.top_lft dd {background:transparent url(../box/c_br.gif) bottom right no-repeat; padding:0; margin:0; border-right: 1px solid #999; border-bottom: 1px solid #999;}

dd p {
	margin:0;
	padding:10px;
	line-height:1.3em;
	font-family: Arial, Helvetica, sans-serif;
}

dl.sredina {
	padding:0;
	float:left;
	margin-right:10px;
	width:99%;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
}
dl.sredina dt {
	padding:10px;
	text-align:center;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	height: 11px;
	background-image: url(../box/BoxTop-S_Gore.gif);
	background-repeat: repeat;
	background-position: left top;
	background-color: #FFF;
}
dl.sredina dd {
	padding:0;
	margin:0;
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	height: 285px;
}

dl.sredinaDole {
	padding:0;
	float:left;
	margin-right:10px;
	width:99%;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
}
dl.sredinaDole dt {
	padding:10px;
	text-align:center;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	height: 11px;
	background-image: url(../box/BoxTop-S_Dole.gif);
	background-repeat: repeat;
	background-position: left top;
	background-color: #FFF;
}
dl.sredinaDole dd {
	padding:0;
	margin:0;
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	height: 145px;
}

dl.krajevi {
	padding:0;
	float:left;
	margin-right:10px;
	width:99%;
	background-color: #FFF;
	height: 176px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
}
dl.krajevi dt {
	padding:10px;
	text-align:center;
	color:#fff;
	height:11px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../box/BoxTop-L_Dole.gif);
	background-repeat: repeat;
	background-position: left top;
	background-color: #FFF;
}
dl.krajevi dd {
	padding:0;
	margin:0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	background-color: #FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	height: 145px;
}

dl.desno {
	float:left;
	margin-right:10px;
	width:99%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	height: 318px;
	padding: 0;
}
dl.desno dt {
	padding:10px;
	text-align:center;
	height:12px;
	font-size: 14px;
	font-weight: bold;
	background-repeat: repeat;
	background-position: left center;
	background-image: url(../box/BoxTop-D_Gore.gif);
	background-color: #FFF;
}
dl.desno dd {
	margin:0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	height: 285px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}

dl.krajeviL {
	padding:10;
	float:left;
	margin-right:10px;
	width:99%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
}
dl.krajeviL dt {
	padding:10px;
	text-align:center;
	height:11px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../box/BoxTop-D_Dole.gif);
	background-color: #FFF;
	background-repeat: repeat;
	background-position: left top;
}
dl.krajeviL dd {
	padding:10;
	margin:0;
	background-image: url(../images/.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	height: 145px;
}
	h1 {
	margin:0 0 0 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	}
	
	h1 a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	}
.family {
	float: left;
	height: 236px;
	width: 50%;
}
.banner_1 {
	float: left;
	height: 236px;
	width: 50%;
}
.header2 {
	height: 236px;
	width: 50%;
}
.header3 {
	float: right;
	height: 236px;
	width: 50%;
}
.akcija_index {
	font-size: 10pt;
	color: #3f3e3e;
}
.banner_2 {
	height: 50px;
	width: 750px;
}
.box_crni_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}
#pagewidth #footer a {
	font-size: 11px;
}
#pagewidth #footer a {
	color: #900;
}