body { 
margin: 7px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
background-color: #C9BFA3; 

}

.okvir { 
width: 785px; 
margin: 0px auto; 
padding: 0px; background-color: White;   }

.topHeader { 
text-align: right; 
background-color: #5F5F5F;}

.subLeft { 
background-image: url(../styleImages/top_bott_bg.gif); 
background-repeat: repeat-x; 
background-position: bottom left; 
padding: 4px; }

.subRight { 
background-image: url(../styleImages/top_bott_bg.gif); 
background-repeat: repeat-x; 
background-position: bottom left; 
padding: 4px; }

.subHeader { 
background-color: #E0E0E0;  
padding: 0px; 
border-bottom: 1px solid #888888; }

.left { 
background-color: #D0D0D0; 
border-right: 1px solid #BABABA; }


.right { 
background-color: #D0D0D0; 
border-left: 1px solid #BABABA; }

.mainSpace {
padding: 3px; }

.footer {  
background-image: url(../styleImages/top_bott_bg.gif); 
background-repeat: repeat-x; 
background-position: bottom center; 
text-align: center; 
color: #ADADAD;  
font-size: 100%; 
font-weight: bold;
padding: 5px; 
height: 15px; }


.siteDocsBgRight {
height: 30px; }


.siteDocsBgLeft {
float: left;
height: 30px; }


.boxTitleLeft, .boxTitleRight {  
background-image: url(../styleImages/cat_bg.gif); 
background-repeat: repeat-x; 
background-position: left; 
padding: 3px; 
font-size: 10px; 
color: White; 
padding-left: 8px;  
text-transform: uppercase; 
font-weight: bold; }


.boxContentLeft, .boxContentRight { 
border-left: 1px solid #CCCCCC; 
border-right: 1px solid #CCCCCC; 
background-color: #FFFFFF; 
padding-left: 5px; 
padding-top: 9px; 
padding-bottom: 5px; }


.boxContent { 
padding: 3px; 
font-size: 75%; 
color: black; 
margin-bottom: 5px; }


.pagination { 
text-align: right; 
padding-top: 5px; 
padding-bottom: 5px; }

#subCats { 
background-color: #ffffff; 
text-align: center; 
border: 1px solid #D2D2D2; 
margin: 0px; 
margin-bottom: 6px;  
padding:3px;
float: right;
padding-left: 7px;
width: 590px; }


.subCat { text-align: center; 
padding: 8px; 
float: left;
padding-left: 0px;
width: 110px; }

.regSep{ 
padding: 10px 0px 10px 0px; 
margin: 10px 0px 10px 0px; 
border-top: 1px solid #cccccc; 
border-bottom: 1px solid #cccccc; }

.button { 
	font-size: 80%; }

.box {
	display: block;
   background-color: #D0D0D0;
	padding: 7px;
	padding-left: 7px;}


.boxNolink {
	display: block;
	background-color:#D0D0D0;
	padding:7px;
	padding-left: 7px;
	color: #2F2F2F;
	font-size: 70%;}


#categories a { 
	display: block;
	background-color: #D0D0D0; 
	border-bottom: 1px solid #F3F3F3; 
	padding-left: 7px; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	color: #393939; 
	padding-right: 3px; 
	font-size: 70%;}


#categories a:hover { 
	background-color: #9A9A9A; 
	color: White; 
	text-decoration: none; }
/*
Start Cross-Browser DHTML Menu
*/
#mainmenu-nav {
	list-style: none;
	list-style-type: none;
	width: 158px;
	padding: 0px;
	margin: 0px;
}

.li-nav a {
	padding: 2px 3px 2px 6px;
	background-color: #D0D0D0;
	border-bottom: 1px solid #F3F3F3;
	font-size: 70%;
	width: 155px;
	display: block;
	/*text-indent: 2px;*/
	color: #393939;
	text-decoration: none;
	text-align: left;
	margin: 0px;
}
.li-nav a:hover {
	background-color: #9A9A9A;
	color: #White;
}

.ul-nav, .li-nav {
	display: block;
	list-style: none;
}

.ul-nav {
	width: 164px;
	padding: 0px;
}

.li-nav {	
	float: left;
}

.li-nav .ul-nav  {
	display: none;
	position: absolute;
	margin-left: 150px;
	margin-top: -19px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	z-index: 99;
}

a.hassubmenu {
	background-image: url(../styleImages/more.gif);
	background-repeat: no-repeat;
	background-position: 143px 6px;
}
/*
End Cross-Browser DHTML Menu
*/