body {background-color: #999999; padding: 5px; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; color: #333333; background-image: url(bkg3.gif)}
 
.clearfix:after {clear: both; display: block; content: "."; height: 0; visibility: hidden;}
.ocisti {clear:both; line-height:0px;font-size:0;margin-top:0px; }

#menu {width: 808px; padding: 0px 9px 9px 9px; background-color: #FFFFFF; margin: 0 auto;}
#navcontainer{background-color:#000; height: 28px; margin: 0 auto;  padding: 0;} 
#navcontainer ul{margin: 0; padding: 0;}
#navcontainer ul li{ list-style-type: none; padding: 0; margin: 0; display: block; float: left; font: 12px/28px "Arial", Helvetica, sans-serif; text-align: center;}
#navcontainer a{ color: #fff; text-decoration: none; display: block; padding: 0 15px 0 15px; border-right: 1px solid #fff; border-bottom: none; font-weight: bold;}
#navcontainer li#active{ background: #B40100; color: #fff; border-bottom: none; font-weight: bold;}
#navcontainer a:hover {  color: #EF6719; border-bottom: none;}
#navcontainer li.menuright{color: #fff; border-bottom: none; font-weight: bold; float: right; }

#header {background-color: #fff; width: 808px; margin: 0 auto; border-top: #7B0909 5px solid; padding: 9px; clear:both; line-height:0px; margin-top:0px; }
.slikagore {width: 790px; background-color: #FFFFFF; height: 34px; background-image: url(gore.gif); padding: 9px;}
.slikagore h1 {color: #FFFFFF; font-size: 24px; }
#container {width: 808px; padding: 0px 9px 0px 9px; background-color: #FFFFFF; margin: 0 auto;}
#footer {background-color: #fff; width: 808px; margin: 0 auto; border-bottom: #7B0909 5px solid; padding: 2px 9px 9px 9px; clear:both; line-height:0px; margin-top:0px; vertical-align: text-top;}
.slikadolje {width: 790px; background-color: #FFFFFF;  background-image: url(gore.gif); padding: 9px; color: #FFFFFF; text-align: center; line-height: 14px;}
.slikadolje a{color: #fff; text-decoration: none;}
.slikadolje a:visited{color: #fff; text-decoration: none;}
.slikadolje a:hover{color: #EF6719; text-decoration: none;}

.artikli {width: 656px; float: left;}

.artikli a{color: #fff; text-decoration: none;}
.artikli a:visited{color: #fff; text-decoration: none;}
.artikli a:hover{color: #EF6719; text-decoration: none;}

.rub {width: 328px; float: left; display: inline; padding-bottom: 5px; }
.rub2 { float: left; display: inline; padding-bottom: 5px; width: 650px; }
.artikli ul {list-style:none; border: 1px solid #333333; width: 320px; margin: 0px; padding: 0px; display: block;}
.artikli li.naslov {background-color: #7B0909; width: 310px; color: #FFFFFF; font-weight: bold; padding: 2px 5px 2px 5px;}
.artikli h2 {font-size: 12px; margin: 0; padding: 0px;}
.artikli h3 {font-size: 12px; line-height: 16px; font-weight: normal; margin: 0; padding: 0;}
.artikli li.slika {width: 320px; margin: 0px 0 0px 0; padding: 0px; height: 220px; }
.artikli li.opis {background-color: #7B0909; width: 310px; color: #FFFFFF; padding: 5px 5px 2px 5px; margin: 0px; height: 37px;}

.artikli2 {width: 658px; float: left;}

.artikli2 a{color: #fff; text-decoration: none;}
.artikli2 a:visited{color: #fff; text-decoration: none;}
.artikli2 a:hover{color: #EF6719; text-decoration: none;}

.artikli2 ul {list-style:none; border: 1px solid #333333;  margin: 0px; padding: 0px; display: block;}
.artikli2 li.naslov {background-color: #7B0909;  color: #FFFFFF; font-weight: bold; padding: 2px 5px 2px 5px;}
.artikli2 h2 {font-size: 18px; margin: 0; padding: 5px;}
.artikli2 h3 {font-size: 12px; line-height: 16px; font-weight: normal; margin: 0; padding: 0;}
.artikli2 li.slika { margin: 0px 0 0px 0; padding: 5px; height: 220px; background-color: #7B0909;}
.artikli2 li.opis {background-color: #7B0909;  color: #FFFFFF; padding: 5px 5px 10px 5px; margin: 0px;}
.artikli2 li.link {background-color: #7B0909;  color: #FFFFFF; padding: 0px 5px 10px 5px; margin: 0px; font-weight: bold;}

.artikli3 {width: 658px; float: left; padding: 0;}
.artikli3 ul {list-style:square; margin: 0px; padding-left: 20px; display: block;}
.artikli3 a{color: #000; text-decoration: none; font-weight: normal;}
.artikli3 a:visited{color: #000; text-decoration: none;}
.artikli3 a:hover{color: #EF6719; text-decoration: none;}
.artikli3 h2 {font-size: 12px; margin: 0; padding: 2px; line-height: 16px;}

.desno {float: left; width: 150px;}
.desno ul {list-style:none; margin: 0; padding: 0;}
.mali {padding-bottom: 5px;}

#stranicediv {WIDTH: 800px;	text-align: left; vertical-align: bottom; PADDING-TOP: 5px; LINE-HEIGHT: 20px;} 

A.stranice:link {border: #cccccc 1px solid; padding: 0 5px 0 5px; FONT-WEIGHT: bold; FONT-SIZE: 10px; WIDTH: 30px; COLOR: #000000; LINE-HEIGHT: 14px;  BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; TEXT-ALIGN: center;}
A.stranice:visited {border: #cccccc 1px solid; padding: 0 5px 0 5px; FONT-WEIGHT: bold; FONT-SIZE: 10px; WIDTH: 30px; COLOR: #000000; LINE-HEIGHT: 14px; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; TEXT-ALIGN: center;}
A.stranice:hover {border: #7B0909 1px solid; padding: 0 5px 0 5px; FONT-WEIGHT: bold; FONT-SIZE: 10px; WIDTH: 30px; COLOR: #ffffff; LINE-HEIGHT: 14px; BACKGROUND-COLOR: #7B0909; TEXT-DECORATION: none; TEXT-ALIGN: center;}

.izabrano {BORDER-RIGHT: #7B0909 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #7B0909 1px solid;  PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10px;  BORDER-LEFT: #7B0909 1px solid; WIDTH: 30px; COLOR: #ffffff; LINE-HEIGHT: 14px; BORDER-BOTTOM: #7B0909 1px solid; BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #7B0909; TEXT-DECORATION: none; TEXT-ALIGN: center;}
.artiklredaj {width: 200px; padding: 3px;  float: left; margin: 1px 0px 0px 1px;  }
.redaj {padding: 0px;}