@charset "utf-8";
body {
      margin:0px;
      padding:0px;
      border: 0px;
      overflow:hidden; 
}
#margin183 {
    display:block;
    float:none;
    width:auto;
    height:auto;
//    margin:183px 0px 0px 0px;
}
#container {
        display:block;
        float:none;
        width:723px;
        height:379px;
        font-family: Arial, Helvetica, sans-serif;
        line-height:18px;
        font-size: 12px;
        color: #FFF;
        padding: 0px;
        border: 0px;
}
.modul01 {
        display:block;
        float:left;
        width:362px;
        height:379px;
        background-image: url('images/modul01_login.jpg');
}
.modul01b {
        display:block;
        float:left;
        width:362px;
        height:379px;
        background-image: url('images/modul01_login2.jpg');
}
.headlogin {
        display:block;
        float:left;
        width:361px;
        height:50px;
        background-image: url('images/modul02_login.jpg');
}
.headregister {
        display:block;
        float:left;
        width:361px;
        height:50px;
        background-image: url('images/modul02_register.jpg');
}
#container .modul02 {
        display:block;
        float:left;
        width:361px;
        height:379px;
        background-color:#000;
        overflow:hidden;
}
.txt {
        display:block;
        float:left;
        width:auto;
        height:auto;
        margin:11px 23px 0px 23px;
}
.txt p {
        margin:18px 0px 0px 0px; }
.loginbox {
        display:block;
        float:left;
        width:315px;
        margin:22px 0px 0px 0px;
}
.formbox1 {
        display:block;
        float:left;
        width:315px;
        margin:0px 0px 0px 0px;
}
.formbox2 {
        display:block;
        float:left;
        width:315px;
        margin:0px 0px 0px 46px;
}
.inputname {
        display:block;
        float:left;
        width:157px;
        height:auto;
        color:#84c451;
        font-weight:bold;
}
.inputname1 {
        display:block;
        float:left;
        width:157px;
        height:auto;
        color:#84c451;
        font-weight:bold;
        margin:12px 0px 0px 0px;
}
.inputname2 {
        display:block;
        float:left;
        width:269px;
        height:auto;
        color:#84c451;
        font-weight:bold;
}
.inputname_zle {
        font-weight:bold;
        color:#e2001a;
}
.alignright1 {
        display:block;
        float:left;
        width:157px;
        height:auto;
        text-align:right;
        margin:12px 0px 0px 0px;
}
input {
//        display:block;
        float:left;
        width:306px;
        height:32px;
        margin: 9px 0px 11px 0px;
        border:0px none;
        padding:0px 0px 0px 12px;
        line-height:32px;
}
@-moz-document url-prefix() { input { 
        padding:6px 0px 0px 12px; /* all firefox */
        height:26px;
} } 
.zle { width:302px; height:28px; border:2px solid #e2001a; }
@-moz-document url-prefix() { .zle { 
        height:24px;  /* all firefox */
} } 
.obrazek {
        display:block;
        float:left;
        width:220px;
        height:49px;
        background-image: url('images/obrazek.jpg');
        margin:12px 0px 0px 0px;
}
.obrazek_reload {
        display:block;
        float:left;
        width:77px;
        background-image: url('images/reload.jpg');
        background-position:top left;
        background-repeat:no-repeat;
        margin:16px 0px 0px 18px;
        padding:16px 0px 0px 0px;
        color:#FFF;
        text-decoration:none;
}
.defaultlink { color:#FFF; text-decoration:none; }
inputie {
        display:block;
        float:left;
        width:318px;
        height:32px;
        margin: 11px 0px 11px 0px;
        border:0px none;
        padding:0px 0px 0px 12px;
}
.loginbtn {
        display:block;
        float:left;
        width:109px;
        height:27px;
        background-image:url('images/login_btn.jpg');
        border:0px none;
        margin:10px 21px 0px 30px;
}
.ulozitbtn {
        display:block;
        float:left;
        width:92px;
        height:27px;
        background-image:url('images/ulozit_btn.jpg');
        border:0px none;
        margin:10px 21px 0px 0px;
}
.poslatbtn {
        display:block;
        float:left;
        width:124px;
        height:27px;
        background-image:url('images/poslat_btn.jpg');
        border:0px none;
        margin:10px 21px 0px 0px;
}
.loginbtn2 {
        display:block;
        float:left;
        width:109px;
        height:27px;
        background-image:url('images/login_btn.jpg');
        border:0px none;
        margin:20px 21px 0px 105px;
}
@-moz-document url-prefix() { .loginbtn2 {
        margin:10px 21px 0px 105px; /* only firefox */
} }
.registerbtn {
        display:block;
        float:left;
        width:124px;
        height:27px;
        background-image:url('images/register_btn.jpg');
        border:0px none;
        margin:10px 0px 0px 0px;
}
.haslosmsbtn {
        display:block;
        float:left;
        width:193px;
        height:27px;
        //background-image:url('images/haslosms_btn.jpg');
        border:0px none;
        margin:20px 0px 0px 57px;
}
@-moz-document url-prefix() {
.haslosmsbtn {
        margin:10px 0px 0px 57px; /* only firefox */
}        
}
.spatbtn {
        display:block;
        float:none;
        width:82px;
        height:27px;
        background-image:url('images/spat_btn.jpg');
        border:0px none;
        margin:0px auto;
}
.navi {
        display:block;
        float:none;
        margin:20px 0px 0px 0px;
}
.pagi {
        display:block;
        float:left;
        width:403px;
        text-align:center;
}
.pagi a { color:#FFF; text-decoration:underline; }
.pagi a:hover { color:#FFF; text-decoration:underline; }
.pagi .vybrane2 { color:#84c451; font-weight:bold; text-decoration:none; }
.prevbtn {
        display:block;
        float:left;
        width:148px;
        height:27px;
        background-image:url('images/prev.jpg');
        border:0px none;
        margin:0px auto;
}
.nextbtn {
        display:block;
        float:left;
        width:127px;
        height:27px;
        background-image:url('images/next.jpg');
        border:0px none;
        margin:0px auto;
}
label {
        display:block;
        float:left;
        width:361px;
        height:auto;
}
.closebtn {
        display:block;
        float:right;
        width:80px;
        height:20px;
        margin:15px 23px 0px 0px;
        background-image:url('images/closebtn.jpg');
        background-position:right;
        background-repeat:no-repeat;
        position:relative;
}
.backbtn {
        display:block;
        float:right;
        width:50px;
        height:20px;
        margin:15px 23px 0px 0px;
        background-image:url('images/closebtn.jpg');
        background-position:right;
        background-repeat:no-repeat;
        position:relative;
}

.odhlasit_link {
        color:#FFF;
        text-decoration:none;
        font-size:11px;
}
.menubox {
        display:block;
        float:left;
        width:723px;
        height:48px;
        border-bottom:solid 2px #84c451;
        border-top:0px;
        border-left:0px;
        border-right:0px;
        background-color:#000;
}
.menu {        
        margin:15px 0px 0px 22px;
        * margin:14px 0px 0px 22px;
        -bracket-:hack(;
        margin:15px 0px 0px 22px; ); /* hack for opera and chrome */
        line-height:18px;
        text-transform:uppercase;
        color:#84c451;
}
@-moz-document url-prefix()
{
.menu { margin:14px 0px 0px 22px; }
}
.linkmenu {
        color:#FFF;
        text-decoration:none;
        font-weight:bold;
}
.linkmenu:hover {
        color:#FFF;
        text-decoration:underline;
}
.vybrane {
        padding:0px 0px 17px 0px;
        height:30px;
        color:#84c451;
        text-decoration:none;
        background-image:url('images/szczalka.jpg');
        background-position:bottom;
        background-repeat:no-repeat;
}
.pivovobchode {
        display:block;
        float:left;
        width:362px;
        height:329px;
        background-image:url('images/pivo_v_obchode.jpg');
}
.pivovpube {
        display:block;
        float:left;
        width:361px;
        height:329px;
        background-image:url('images/pivo_v_pube.jpg');
}
.modulone {
        display:block;
        float:left;
        width:723px;
        height:329px;
        background-color:#000;
        background-image:url('images/modul_one_bg.jpg');
        background-repeat:no-repeat;
}
.uwagabox {
        display:block;
        float:left;
        width:723px;
        height:auto;
        margin:53px 0px 0px 0px;
}
.mojekodybox {
        display:block;
        float:left;
        width:679px;
        height:auto;
        overflow:hidden;
        margin:22px 0px 0px 22px;
}
.mojekodykody{
        height: 210px;
        margin: 3px 3px 10px 0px;
}
.mojekodybox p {
        margin: 0px 0px 5px 0px;
}
.uwagabox p {
        display:block;
        float:none;
        margin:30px 0px 87px 125px;
        text-align:center;
        width:474px;
        height:auto;
}
.uwaga {
        display:block;
        width:50px;
        height:50px;
        background-image:url('images/uwaga.jpg');
        margin:0px auto; /* margin-left:337px; */
}
.ok {
        display:block;
        width:50px;
        height:50px;
        background-image:url('images/ok.jpg');
        margin:0px auto; /* margin-left:337px; */
}
.head_table {
        font-weight:bold;
        color:#84c451;
}
caption { height:26px; text-align:left; font-weight:bold; }
.head_tr { height:30px; border-bottom:solid 1px #84c451; }
.one_tr { height:30px; border-bottom:solid 1px #3a3a3a; }
.two_tr { height:30px; border-bottom:solid 1px #3a3a3a; background-color:#181818; }
.upper { text-transform:uppercase; }
.bolder { font-weight:bold; }

.pasek_pola { display:block; float:left; width:305px; height:30px; margin:0px 0px 24px 0px; }
.pasek_pola2 { display:block; float:left; width:305px; height:30px; margin:0px 0px 24px 0px; }
/*
select { display:block; float:left; width:auto; margin:0px 12px 0px 0px;         
        height:32px;
        margin: 11px 0px 11px 0px;
        border:0px none;
        padding:0px 0px 0px 12px; 
}
option, .opcje {
        display:block;
        float:left;
        width:auto;
        height:30px;
        border:0px none;
}
.pole_vyboru {
        display:block; 
        float:left;
        padding:4px 0px 0px 0px;
        margin:12px 12px 0px 0px;
}
*/
/* dla listy rozwijanej */
    label {
      display: block;
      font-weight: bold;
      color: #9e0000;
    }
    select.replaced {
      display: none;
    }
    ul.selectReplacement {
                display:block;
                float:left;
      background: #FFF url('images/selectimg.jpg') top right no-repeat;
          color:#000;
      margin:11px 6px 0px 0px;
      padding: 0;
      height: 30px;
      width: 94px;
      position: relative;
      z-index: 1000;
    }
    ul.selectReplacement li {
      cursor: pointer;
      display: none;
      font-size: 11px;
      line-height: 30px;
      list-style: none;
      margin: 0;
      padding: 1px 12px;
      width: 70px;
          height: 28px;
          background: #fff;
    }
    ul.selectOpen li {
      display: block;
    }
    ul.selectReplacement li.selected {
      background: url(bottom.gif) bottom left no-repeat;
      border-bottom: 1px solid #fff;
      color: #000;
      display: block;
    }
    ul.selectOpen li.selected {
      background: #ccc;
      border: 0;
      display: block;
    }
    ul.selectOpen li:hover,
    ul.selectOpen li.hover,
    ul.selectOpen li.selected:hover {
      background: #84c451;
      color: #fff;
    }
.somecode {
//        display:block;
        float:left;
        width:34px;
        margin:11px 6px 11px 0px;
}
/*scroll dla pravidla */
#pravidlabox {
        position:relative;
        top:0px;
        left:0px;
        display:block;
        float:left;
        width:679px; /* 679px */
        height:280px;
        overflow:hidden;
        margin:22px 0px 22px 22px;
}
.Scroller-Container p {
        margin:0px 43px 0px 0px;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
.Scrollbar-Up {
  position: absolute;
  width: 9px; height: 21px;
  font-size: 0px;
  background-image:url('images/scrollbar_up.jpg');
}
.Scrollbar-Track {
  position: absolute;
  width: 9px; height: 245px;
  top: 21px;
  background-image:url('images/scrollbar_track.jpg');
  background-repeat:repeat-x;
}
.Scrollbar-Handle {
  position: absolute;
  width: 9px; height: 66px;
  background-color: #fff;
}
.Scrollbar-Down {
  position: absolute;
  top: 265px;
  width: 9px; height: 21px;
  font-size: 0px;
  background-image:url('images/scrollbar_down.jpg');
}
#Scrollbar-Container {
  position: absolute;
  top: -5px; left: 669px;
}