body{
   background-color: #1E1C18;
   background-image: url('Obrazki/bg.gif');
   margin: 0px;
   padding: 0px;
   text-align: center;
   color: white;
   font-family: 'Tahoma';
   font-size: 12px;
   width: 100%;
   height: 101%;
}
a img{
   border: 0px;
}
.menu{
   margin: 33px auto 19px 50px;
}
.menu a{
   color: white;
   margin: 0px 15px 0px 15px;
   text-decoration: none;
   font-family: 'Verdana';
}
.menu a:hover, .link:hover, .ofe li a:hover{
   color: #D26685;
}
.main{
   margin: 10px auto auto auto;
   width: 827px;
   display: block;
   text-align: left;
}
.l1{
   width: 353px;
   height: 130px;
   background-image: url('Obrazki/index_05.jpg');
   float: left;
}
.l2{
   width: 474px;
   height: 130px;
   background-image: url('Obrazki/index_06.jpg');
   background-repeat: no-repeat;
   float: right;
}
.l3{
   width: 353px;
   height: 486px;
   background-image: url('Obrazki/index_08.jpg');
   float: left;
}
.l4{
   width: 474px;
   height: 486px;
   display: block;
   background-image: url('Obrazki/index_09.jpg');
   float: right;
   position: relative;
}
.xhtml img{
   margin: 10px 0px 0px 20px;
}
.retdev{
   font-size: 11px;
   color: gray;
   margin: 0px auto 0px 440px;
   text-decoration: none;
}
.retdev:hover{
   text-decoration: underline;
   color: white;
}
.h{
   padding: 0px;
   margin: 0px 0px 0px 1px;
}
.c{
   text-align: center;
}
p{
   margin: 0px;
   padding: 2px 20px 2px 10px;
}
.link{
   font-size: 11px;
   color: white !important;
   text-decoration: none;
}
h1{
   margin: 15px auto 15px 20px;
   padding: 0px;
   font-family: 'Verdana';
   font-size: 14px;
   color: #EEECE9;
}
.ofe{
   position: relative;
   top: 130px;
   left: 20px;
   z-index: 1;
}
.ofe li{
   list-style-image: url('Obrazki/li.gif');
   margin: 5px auto 5px auto;
}
.ofe li a{
   position: relative;
   top: -4px;
   left: 10px;
   color: white;
   text-decoration: none;
}
/* <Scroll> */
div.scrollholder
{
    position: relative;
    width: 450px;
    height: 465px;
    overflow: auto;
    z-index: 2;
}

div.scroll
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 3;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0;
    width: 11px; height: 100%;
    font-size: 0;
    z-index: 4;
    background-color: transparent;
    background-image: url('Obrazki/pozadie-slide.gif');
    background-position: center;
    background-repeat: repeat-y;
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 14px;
    cursor: pointer;
    z-index: 5;
    background-color: transparent;
    background-image: url('Obrazki/slide.gif');
}
/* </scroll> */