/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body {
	padding:0;
	margin:0;
}
body{	
	text-align:center;
	/*min-width:760px; for mozilla*/
	background-color: #FFF;
	color: #000000;
	background: url(../img/interface/bgrd.jpg) repeat-x top center #3399CC;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
#outer{
	height:99.9%;
	min-height:100%;
	width:900px;
	border:0px;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background:  url(/img/interface/columnsbgrd.jpg) repeat-y center center;
	position:relative;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	left:0px;
	width:900px;
	height:155px;
	background:#ffffff;
	border:0px;
	overflow:hidden;
	z-index:100;
}

/*=====================  LEFT =================================================*/

#left {
	position: relative;/*ie needs this to show float */
	width: 222px;
	float: left;
	padding: 155px 0 0 0;/*needed to make room for header*/
}
	
	#left p {
		padding:10px 0 0 20px;
		margin:0 0 10px 0;
		 /*background:url(../img/interface/strelicabela.gif) no-repeat bottom left #666666; */
		color:#FFFFFF;
		line-height: 30px;
		font-size:15px;
		font-weight:bold;
		background-image:url(../img/interface/bgd_menija.jpg);
		background-repeat:repeat-x;
		}
	#left p a {
		font-size:15px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
		}
	
	#left p a:hover {
		color:#CCCCCC;
		}	
	#left ul {
		padding: 0px;
		margin: 0px 0px 10px 20px;
	}
	#left ul li {
		padding: 0px;
		margin: 0px;
		list-style: none;
		}
	#left ul li a {
		text-decoration:none;
 		padding:5px 5px 5px 5px;
		color:#666666;
		font-size:11px;
		display: block;
		}
* html #left ul li a {
	height: 12px;
}
	#left ul li a:hover {
		color:#FFFFFF;
		background-color: #39ACE6;
		}

/*=====================  FOOTER =================================================*/

#footer {
	width:900px;
	clear:both;
	height:60px;
	border:0px;
	background:  url(/img/interface/footerbgrd.gif) no-repeat center center #3399CC;
	color: #ffffff;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}
* html #footer{margin-bottom:0px}/* ie rounding bug*/
* html #footer {/*only ie gets this style*/
	\height:62px;/* for ie5 */
	he\ight:60px;/* for ie6 */
}
/*div,p  {margin-top:0}clear top margin for mozilla*/
#centrecontent {
	width:658px;
	float:right;
	padding:155px 10px 0 10px;/*make room for header*/
}
#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:62px;clear:both} /* to clear footer */
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-62px;} /*safari wrapper */

/*=====================  PATH =================================================*/

#brad{
height:25px;
line-height:25px;
padding: 7px 0 0 0;
margin:0px;
border:0px;
}

#brad p {
		padding:0 0 0 30px;
		margin:0px;
		background:url(../img/interface/strelicasiva.gif) no-repeat top left #ffffff;
		color:#666666;
		line-height: 25px;
		font-size:13px;
		font-weight:normal;
		border:0px;
		}
		
	#brad p a{
		font-size:13px;
		font-weight:bold;
		color:#666666;
		text-decoration:none;
		}
		
	
		
	#brad p a:hover {
		text-decoration:underline;
		}

/*=====================  home =================================================*/

#homebaner{
	width:645px;
	margin-left: 10px;
}

#clear10{
clear:both;
height:10px;
line-height:10px;
}

.homelevo{
width: 384px;
padding:10px 20px 0px 10px;
}

.homelevo h1{
background-color:#3399CC;
color:#FFFFFF;
display:inline;
padding: 3px 10px 3px 8px;
font-size:22px;
font-weight:normal;
}

.homedesno h1{
background-color:#666666;
color:#FFFFFF;
display:inline;
padding: 3px 10px 3px 8px;
font-size:22px;
font-weight:normal;
}

.homedesno{
width: 274px;
padding:10px 20px 0px 10px;
}

/*=====================  unutrasnje =================================================*/

#baner{
width:658px;
height:190px;
background-color:#666666;
color: #ffffff;
font-style:italic;
margin:0px 0 0px 0;
padding:0px;
overflow: hidden;
}

#baner img{
float:left;
}

.citat{
margin: 0 0 0 -32px;
padding: 30px 30px 30px 456px;
}


#sadrzaj{
	margin:0px;
	padding:20px 20px 10px 20px;
	border:0px;
	line-height: 135%;
	background-color: #f5f5f5;
}

#sadrzaj p{
margin:0px;
padding:15px 0 0 15px;
color:#333333;
}

#sadrzaj h1{
display:inline;
margin:0px;
padding:6px 10px 5px 10px;
font-size:18px;
color: #333333;
font-weight:normal;

}

#sadrzaj a{
font-weight:bold;
text-decoration: underline;
color:#333333;
}

#sadrzaj a:hover{
font-weight:bold;
text-decoration: none;
color:#333333;
}



h2 {
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	color: #333333;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: -10px;
}




a.homeLink {
	font-weight: bold;
	color:#333333;
}
a.homeLink:hover {
	text-decoration: none;
}

.lang {
float: right;
background-image:none;
padding-right:5px;
}