html, body { height: 100%; margin: 0; padding: 0; }
body { background: url(images/bg0.jpg) center top; font: 12px Arial,Helvetica,sans-serif; min-height: 1017px; color: black; }
img { border: 0; }
h1 { font-size: 24px; padding: 0 0 24px; margin: 0; }

.main { position: relative; z-index: 2;
  width: 970px; margin: 0 auto; padding: 0; background: url(images/main1.png) no-repeat 17px 37px; min-height: 100%;  
}

.main-bg-limits { position: relative; height: 1017px; width: 970px; margin: 0 auto; }

.main-bg { 
  position: absolute; right: 0; bottom: 0;
  width: 1378px; height: 833px; background: url(images/bog.png) no-repeat;  }

.header { position: absolute; right: 39px; top: 51px; }
.podrob { position: absolute; left: 748px; top: 255px; }

.txt { position: absolute; font: bold 13px/130% Arial; }
.t-white { color: white; }
.t-red { color: red; }
.t-lil { color: #601684; }


/* detail.hmtl */
.main2 { background: transparent; width: 840px; padding-bottom: 50px;  }
.marg2 { padding: 56px 0 0; }
.podrob2 { padding: 24px 0 40px; }

/*.txt2 { font: bold 12px Arial; }*/

.main2 h3 { margin: 0; color: #ff0000; font: bold 12px Arial; text-transform: uppercase; }
.dot2 { padding: 0 20px 0 0; background: url(images/dot.png) no-repeat left center; }