body {
 padding: 0px 0px 0px 0px;
 background-color: #fff;
 color: #000;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: small;
 margin-left: 0;
 margin-right: 0;
  /* not needed 
 border: 1px solid #000; */
}
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
.KatalogMeniGlavni, .KatalogMeniGlavni:link, .KatalogMeniGlavni:visited, .KatalogMeniGlavni:hover, .KatalogMeniGlavni:active { /*font-size: medium;*/ display: list-item; font-weight: bold; }
h2 { color: #000; font-size: medium; font-weight: bold; margin: 0em; padding: 0em; }
h3 { color: #000; font-size: small; font-weight: bold; margin: 0em; padding: 0em; }
img { border: 0px solid #000; }
hr { color: #000; background-color: #000; }
td { 
 vertical-align: top;
 text-align: left;
}

div.spacer { clear: both; }
div.image { margin: 0em 0em 0em 0em; text-align: center; }

div.banner { margin: 0; padding: 0; } /* all other banners, od #sredina naprej */

div.banner1 {
 position: absolute;
 top: 0px;
 width: 160px;
 height: 80px;
 margin: 0px 0px 0px 0px;
 padding: 0;
}
div.banner2 {
 position: absolute;
 top: 0px;
 width: 468px;
 height: 60px;
 margin: 0px 0px 0px 205px;
 padding: 0;
}
div.DatumUra {
 position: absolute;
 top: 70px;
 width: 100px;
 text-align: right;
 margin: 0px 0px 0px 670px;
 padding: 0;
 color: #ccc;
}
div.MeniZgoraj {
 position: absolute;
 top: 70px;
 width: 150px;
 text-align: right;
 margin: 0px 0px 0px 520px;
 padding: 0;
 color: #000;
}
div.Odjava {
 position: absolute;
 top: 70px;
 width: 50px;
 text-align: right;
 margin: 0px 0px 0px 470px;
 padding: 0;
 color: #c00;
}
div#vrh {
 width: 770px;
 height: 80px;
 margin: 0px auto 0px auto;
 padding: 0;
 border-bottom: 1px solid #000;
}
div#sredina {
 position: relative;
 width: 770px;
 margin: 0px auto 0px auto;
 padding: 0;
}
div#dno {
 width: 770px;
 height: 50px;
 margin: 0px auto 0px auto;
 padding: 0;
}
div#glavnidel {
 width: auto;
 margin: 5px 5px 5px 195px;
}
div#stolpecA {
 float: left;
 width: 180px;
 margin: 5px 0px 0px 5px;
 /* needed for IE */
 position: relative;
 z-index: 1;
}
div#stolpecB {
 float: right;
 width: 180px;
 margin: 5px 0px 0px 0px;
 /* needed for IE */
 position: relative;
 z-index: 1;
}
div#meni {
 text-decoration: none;
 margin: 0;
 padding: 0;
}
div.KatalogMeniGlavni {
 margin: 2px;
 /* border-bottom: 5px solid #000; */
}
div.KatalogMeniZamik {
 margin: 0px 0px 0px 5px;
}
div.KatalogElement1 {
 overflow: hidden; /* zato da objame ostale div-e */
 width: 375px;
 background-image: url(stil/IzdelekBG.png);
 background-position: top left;
 background-repeat: no-repeat;
}
div.KatalogSlika {
 float: left;
 width: 200px;
 margin: 5px;
}
div.KatalogOsnovniPodatki {
 float: left;
 width: 155px;
 margin: 5px 5px 0 0;
}
div.KatalogElement2 {
 overflow: hidden;
 width: 550px;
 margin: 5px;
}
div.KatalogNaziv {
 font-size: medium;
 font-weight: bold;
}
div.KatalogNaziv, div.KatalogNaziv2, div.KatalogNaziv3 {
 float: left;
 width: 365px;
 margin: 0 5px 0 5px;
}
div.KatalogLinkiStrani {
 float: left;
 width: 550px;
 text-align: center;
 margin: 2px;
}
table.KatalogTabela {
 float: left;
 width: 550px;
 border: 0px solid #000;
}
table.KatalogVozicek {
 float: left;
 width: 375px;
 border: 0px solid #000;
}
div.KatalogElementMali1, div.KatalogElementMali3, div.KatalogElementMali5 {
 overflow: hidden; /* zato da objame ostale div-e */
 float: left;
 width: 180px;
 background-image: url(stil/IzdelekBGs.png);
 background-position: top left;
 background-repeat: no-repeat;
 margin: 1px;
}
div.KatalogElementMali0, div.KatalogElementMali2, div.KatalogElementMali4 {
 overflow: hidden; /* zato da objame ostale div-e */
 float: left;
 width: 180px;
 margin: 1px;
}
div.KatalogSlikaMala {
 float: left;
 width: 80px;
 margin: 5px;
}
div.KatalogPodatkiMali {
 font-size: x-small;
 float: left;
 width: 80px;
 margin: 5px 5px 0 0;
}
div.KatalogNazivMali {
 font-size: small;
 font-weight: bold;
}
div.KatalogNazivMali, div.KatalogNaziv3Mali {
 font-size: small;
 float: left;
 width: 170px;
 margin: 0 5px 0 5px;
}
/* table.KatalogTabela, table.KatalogVozicek */
th { font-weight: bold; }
th.Cena { width: 140px; text-align: right; }
tr.KatalogBarva1 { background-color: #fff; }
tr.KatalogBarva2 { background-color: #ccc; }
td.Cena { width: 140px; text-align: right; }

div.PrijaveVrh {
 background-image: url(stil/PrijaveVrh.png);
 background-position: top left;
 background-repeat: no-repeat;
 padding: 10px 5px 0 5px;
}
div.PrijaveDno {
 background-image: url(stil/PrijaveDno.png);
 background-position: bottom left;
 background-repeat: no-repeat;
 padding: 0 5px 10px 5px;
}
div.PrijaveDno form { margin: 0; } 
div#noga {
 margin: 10px 30px 10px 10px; /* !!! */
 text-align: right;
 font-size: xx-small;
}
img.img_ikona {
 border: 1px solid #000;
}

#beyondpage { /* area beyond which horizontal scroll does not occur */
   position: absolute; /* place it to top of the window */
   z-index: 0;
   top: 0;
   min-height: 100%; /* vertical stretch over all visible area (not really necessary) */ /* see IE6 hack */
   width: 100%;
   overflow: hidden; /* the only needed thing for modern browsers */
}
#ads_side {
   position: relative; /* set to position: relative; so that it triggers vertical scroll if reklame is bigger than the window */
   top: 0;
   left: 50%;
   margin: 0 0 0 385px; /*  position by the right page border */
   padding: 100px 0 35px 10px; /* align with header */ /* padding instead of margin needed for IE6 */
   width: 160px;
   text-align: center;
}
.nogui { display: none; }
#vrh, #sredina, #dno { z-index: 1; }
.KatalogVozicek th { font-weight: normal; }