body { padding:0px; margin:0px; font-family:Tahoma; background:#1e1917; overflow-x:hidden; }
img { border:0px; }
a { cursor:pointer; text-decoration:none; }

.left { float:left; padding-left:20px; padding-top:26px; }
#menu { position:absolute; top:108px; left:20px; }

#content { position:absolute; top:0px; width:100%; /*height:100%;*/ z-index:2; /*overflow:hidden;*/ }
#content.image { background:url('bg.jpg'); background-repeat:no-repeat; background-position:right; background-attachment:fixed; }
#content.image2 { background:url('bg2.jpg'); background-repeat:no-repeat; background-position:right; background-attachment:fixed; }

#content .bg1 { position:absolute; top:0px; left:0px; background:#1e1917; width:800px; height:100%; z-index:1; }
#content .bg2 { position:absolute; top:0px; left:800px; /*overflow:hidden; width:100%;*/ height:100%; background:url('bg2.png') repeat-y; z-index:2; }
#content .content { position:absolute; z-index:10; top:100px; left:290px; color:#fefcfd; font-family:tahoma; font-size:14px; padding-bottom:50px; }
#content .content h3 { width:490px; height:18px; background:#e77918; font-family:Tahoma; color:#1e1917; font-size:14px; font-weight:bold; padding:10px; }
#content .content a { color:#fff; }

#content #img { position:absolute; left:420px; }

#items { position:absolute; top:108px; left:290px; width:140px; padding-bottom:100px; }
#items h3 { height:18px; margin-top:7px; margin-right:20px; background:#e77918; font-family:Tahoma; color:#1e1917; font-size:14px; font-weight:bold; padding:10px; }
.up, .down { position:fixed; left:330px; z-index:12; }
.up { bottom:80px; }
.down { top:80px; }
#items .down { top:500px; }
#items .layer { height:5000px; }
#items .item { overflow:hidden; width:100px; height:100px; margin-bottom:17px; border:1px solid #fefcfd; }

#metki { background:url('cien_metki_gora.png') repeat scroll 0 0 transparent; padding-left:99px; /*height:100%;*/ position:absolute; right:0; width:158px; z-index:100; }
#metki .item { width:143px; font-size:12px; font-weight:bold; color:#ddd; padding-top:11px; padding-left:15px; background:url('metka3.png') no-repeat; padding-bottom:20px; }
#metki .item:first-child { margin-top:100px; }
#metki ul { list-style:square; margin:0px; padding:0px; margin-top:20px; }
#metki ul li { padding-top:5px; padding-bottom:5px; }
#metki ul li a { width:150px; color:#ddd; }
#metki ul li a.a { width:150px; color:#ff7f00; }
#metki ul li a:hover { width:150px; color:#ff7f00; }
#metki .dol { position: absolute; background: url('cien_metki_dol.png') repeat scroll 0% 0% transparent; height:300px; width:261px; margin-left:-103px; }

#loader { display:none; position:fixed; top:45%; left:60%; width:43px; height:11px; z-index:100; }

#footer { position:fixed; width:100%; height:41px; bottom:0px; font-size:12px; text-align:center; background:url('bottom.png') repeat-x; z-index:99; padding-top:2px; margin-bottom:-12px; }
#footer fieldset { border:0px; border-top:2px solid #bababa; }
#footer legend { padding-top:1px; width:365px; margin-left:auto; margin-right:auto; text-align:center; }
#footer legend a { color:#fff; }
#footer legend img { /*padding-left:5px;*/ padding-right:5px; }
#footer legend img:first-child { padding-left:3px; }
#footer a { color:#ccc; }
#footer .l { float:left; font-family:Tahoma; font-size:9px; color:#ccc; margin-top:-10px; padding-left:10px; }
#footer .r { float:right; font-family:Tahoma; font-size:9px; color:#ccc; margin-top:-10px; padding-right:10px; }

