body{
  background: #cfd5da;
  margin: 0;
  font-family: Arial;
  font-size: 15px;
}
#js {
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
}
a{color: #355f5d}
a:hover{text-decoration: none;}
img{border: 0}

/*To, co trzyma wszystko*/
div#container{
  background: #FFFFFF;
  border: solid #008281;
  border-width: 0 1px;
  width: 90%;
  min-width: 900px;
  margin: 0 auto;
}

/*Określenie nagłówka i stopki*/
div#top, div#bottom{
  background: #008281;
  padding: 4px;
  font-style: italic;
  color: #FFFFFF;
}

img#logo{
    height: 28px;
    padding: 3px;
    float: left;
    border: 0;
}

div#top div#title{
    line-height: 34px;
    float: left;
}

div#top div#info{
    float: right;
    width: 500px;
    font-size: smaller;
    line-height: 17px;
    text-align: right
}

div#top div#info a{
    color: #FFFFFF;
    text-decoration: underline;
}

div#top div#info a:hover{
    text-decoration: none;
}

div#bottom{
  text-align: center;
  font-size: smaller;
  font-weight: bold;
}

/*menu*/
div#menu{
  background: #9ed4d3;
}

/*Główna część witryny*/
div#main{
  min-height: 400px;
  padding: 5px;
  font-size: 13px;
}
div#main p.entry{
    margin: 0 0 5px 0;
}

/*Ogólniki*/
.both{clear: both}
.fleft{float:left}
.fright{float:right}
.fbold{font-weight: bold;}
.tcenter{text-align: center;}
.tright{text-align: right;}
.tleft{text-align: left;}
.white{color: #FFFFFF}
.center{margin: 0 auto;}
.dnone{display: none;}
.dnoneprint{display: none;}

.w30px{width: 30px;}
.w40px{width: 40px;}
.w50px{width: 50px;}
.w60px{width: 60px;}
.w70px{width: 70px;}
.w80px{width: 80px;}
.w90px{width: 90px;}
.w100px{width: 100px;}
.w110px{width: 110px;}
.w120px{width: 120px;}
.w130px{width: 130px;}
.w140px{width: 140px;}
.w150px{width: 150px;}
.w180px{width: 180px;}
.w210px{width: 210px;}
.w280px{width: 280px;}
.w320px{width: 320px;}
.w520px{width: 520px;}
.w50proc{width: 50%;}
.w100proc{width: 100%;}

.margin0{margin:0}
.padding05{padding:0 5px}

.r_topright{
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.r_topleft{
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}

.r_top{
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}

.r_bottom{
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.cpointer{cursor: pointer;}

/* Formularze: logowania i rejestracji*/
form{
    background: #008281;
    border: 1px #008281 solid;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    width: 250px;
    margin: 9px auto 6px auto;
    color: #FFFFFF;
}

form label{color: #FFFFFF;}
form input, form select, form textarea{margin: 5px 0; border: 1px solid #008281; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; padding: 3px;}

/* Formularz dostawy lub odbioru */
select.pozycje_asortymentowe{width: 260px;}
select.grupa_towarowa{width: 150px;}

/* Nagłówek */
h1{font-size: 15px; margin: 0 0 5px 0;}

/* Zaokrąglony error */
p.info{
    margin: 4px auto 4px auto;
    padding: 6px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    width: 50%;
    text-align: center;
}

p.error{color: #FFFFFF; background: #ff5e5e;}
p.success{color: #000000; background: #e2f1ff;}

/* Przyciski */
div.button{
    background: #adccec;
    width: 100px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    color: #FFFFFF;
    padding: 3px 5px;
    margin: 0 auto 5px auto;
}

div.button:hover{background: #008281;}
div.button:hover a{color: #FFFFFF}
div.button a{display: block; color: #000000; text-decoration: none;}

div.button_more{
    background: url(/gfx/more.png) no-repeat;
    height: 16px;
    width: 46px;
    cursor: pointer;
}

div.button_more:hover{background-position:  0 -16px;}

/* Tabele */
table{border-collapse: collapse; margin: 4px auto; border-bottom: 4px solid #008281;}
tr.entry:hover{background: #e2f1ff}

/* pseudolink */
.a{cursor: pointer; text-decoration: underline; color: #355F5D}
.a:hover{text-decoration: none;}

p{margin: 5px 0;}



th.header{
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table tbody td {
    padding: 4px;
    vertical-align: top;
}
th.r_topleft{padding-left: 5px;}
th.headerSortUp {background-image: url(/gfx/asc.gif);}
th.headerSortDown {background-image: url(/gfx/desc.gif);}
th.headerSortDown, th.headerSortUp {background-color: #adccec; color: #000000;}
th{background: #008281; color: #FFFFFF; text-align: center; padding: 2px 0; font-weight: bold;}
tfoot{border-top: 2px solid #008281; background: #e2f1ff;}
/* Poprawki dla ui-datepicker-calendar */
table.ui-datepicker-calendar{border:0}
table.ui-datepicker-calendar th{background: none; color: #000000}

/* Obrazek drukowania */
img.print{cursor: pointer; vertical-align: middle;}