body { margin: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #BAC0C7;  }
.okvir { width: 780px; margin: 0px auto; padding: 0px; background-color: White;}
.topHeader { text-align: right; background-color: #2177C9;}
.subLeft { background-image:  url(images/top_bott_bg.gif); background-repeat: repeat-x; background-position: bottom left; padding: 4px; }
.subRight { background-image:  url(images/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: #F5F5F5; border-right: 1px solid #D8D8D8; }
.right { background-color: #F5F5F5; border-left: 1px solid #D8D8D8; }
.mainSpace { padding: 3px; }
.footer {  background-image:  url(images/top_bott_bg.gif); background-repeat: repeat-x; background-position: bottom left; text-align: center; color: #ffffff; padding: 4px; }

.siteDocsBgRight { height: 30px; }
.siteDocsBgLeft { float: left; height: 30px; }
.boxTitleLeft, .boxTitleRight {  background-image:  url(images/cat_bg.gif); background-repeat: repeat-x; background-position: left; padding: 3px; font-size: 10px; color: White;  width: 150px; 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; width: 150px; }
.boxContent { padding: 3px; font-size: 75%; color: #333333; margin-bottom: 5px; }
.pagination { text-align: right; padding-top: 5px; padding-bottom: 5px; }
#subCats { background-color: #F3F3F3; text-align: center; border: 1px solid #D2D2D2; margin: 0px; padding: 3px; float: left; width: 387px; }
.subCat { text-align: center; padding: 8px; float: left; 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: #F5F5F5;  padding: 7px; padding-left: 7px;}
.boxNolink { display: block; background-color: #F5F5F5; padding: 7px; padding-left: 7px;  color: #172033;  font-size: 70%;}
#categories a { display: block; background-color: #F5F5F5; border-bottom: 1px solid #FFFFFF; padding-left: 7px; padding-top: 2px; padding-bottom: 2px; color: #1B5E9E; padding-right: 3px; font-size: 70%;}
#categories a:hover { background-color: #96C2ED; color: White; text-decoration: none; }

