* {margin: 0; padding: 0;}

html {height: 100%;}

body {
   background-color: transparent;
   font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

#top {
   position: relative;
   width: 797px;
   height: 88px;
   background: transparent url(../grafika/bramkawww/top.gif) no-repeat;
}

#content {
   position: relative;
   width: 797px;
   height: 373px;
   padding-top: 12px;
   background: transparent url(../grafika/bramkawww/content.png) repeat-y;
   text-align: center;
   color: #7c6c35;
}

#bottom {
   width: 797px;
   height: 4px;
   background: transparent url(../grafika/bramkawww/bottom.png) no-repeat;
   font-size: 0;
}

#top h1 {
   position: absolute;
   top: 55px;
   left: 80px;
   font-size: 14px;
   font-weight: bold;
   color: #4e3d00;
}

#TB_zamknij {
   position: absolute;
   top: 22px;
   left: 645px;
   color: #908353;
}

#TB_zamknij a {
   color: #4e3d00;
   text-decoration: underline;
}

.oddaj {
   padding: 8px 0 8px 0;
   font-size: 12px;
   color: #4e3d00;
}

.nazwa {
   font-size: 18px;
   color: #d50000;
}

.opis {
   padding: 14px 0 20px 0;
   font-size: 12px;
   color: #ada588;
}

#zaglosowano {
   display: none;
   padding: 40px 0 40px 0;
   font: 18px Tahoma, sans-serif;
   color: #d50000;
}

#zaglosowano span {
   font-size: 12px;
   color: #908353;
}

#btns a {
   display: inline-block;
   height: 57px;
}

#btn1 {
   width: 54px;
   background: transparent url(../grafika/bramkawww/btn1.png) no-repeat 0 0;
}

#btn2 {
   width: 49px;
   background: transparent url(../grafika/bramkawww/btn2.png) no-repeat 0 0;
}

#btn3 {
   width: 49px;
   background: transparent url(../grafika/bramkawww/btn3.png) no-repeat 0 0;
}

#btn4 {
   width: 49px;
   background: transparent url(../grafika/bramkawww/btn4.png) no-repeat 0 0;
}

#btn5 {
   width: 48px;
   background: transparent url(../grafika/bramkawww/btn5.png) no-repeat 0 0;
}

#btn6 {
   width: 47px;
   background: transparent url(../grafika/bramkawww/btn6.png) no-repeat 0 0;
}

#btn7 {
   width: 48px;
   background: transparent url(../grafika/bramkawww/btn7.png) no-repeat 0 0;
}

#btn8 {
   width: 47px;
   background: transparent url(../grafika/bramkawww/btn8.png) no-repeat 0 0;
}

#btn9 {
   width: 49px;
   background: transparent url(../grafika/bramkawww/btn9.png) no-repeat 0 0;
}

#btn10 {
   width: 68px;
   background: transparent url(../grafika/bramkawww/btn10.png) no-repeat 0 0;
}

#btn1:hover {
   width: 54px;
   background: transparent url(../grafika/bramkawww/btn1.png) no-repeat 0 -57px;
}

#btn2:hover {
   width: 49px;
   background: transparent url(../grafika/bramkawww/btn2.png) no-repeat 0 -57px;
}

#btn3:hover {
   width: 49px;
   background: transparent url(../grafika/bramkawww/btn3.png) no-repeat 0 -57px;
}

#btn4:hover {
   width: 49px;
   background: transparent url(../grafika/bramkawww/btn4.png) no-repeat 0 -57px;
}

#btn5:hover {
   width: 48px;
   background: transparent url(../grafika/bramkawww/btn5.png) no-repeat 0 -57px;
}

#btn6:hover {
   width: 47px;
   background: transparent url(../grafika/bramkawww/btn6.png) no-repeat 0 -57px;
}

#btn7:hover {
   width: 48px;
   background: transparent url(../grafika/bramkawww/btn7.png) no-repeat 0 -57px;
}

#btn8:hover {
   width: 47px;
   background: transparent url(../grafika/bramkawww/btn8.png) no-repeat 0 -57px;
}

#btn9:hover {
   width: 49px;
   background: transparent url(../grafika/bramkawww/btn9.png) no-repeat 0 -57px;
}

#btn10:hover {
   width: 68px;
   background: transparent url(../grafika/bramkawww/btn10.png) no-repeat 0 -57px;
}

ul {
   width: 508px;
   margin: 22px auto 0 auto;
   list-style: none;
   text-align: left;
}

li {
   float: left;
   width: 300px;
   padding: 5px 0 5px 0;
}

li.short {
   width: 208px;
}

.przejdz {
   position: absolute;
   display: block;
   right: 8px;
   bottom: 3px;
   color: #4e3d00;
   text-decoration: none;
}