* { font-family: Verdana, Helvetica, Trebuchet, Sans-Serif; font-size: 10px; }
img { border: none; }
a { color: blue; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
form { margin: 0px; padding: 0px; }
body { 
    margin: 0px; padding: 0px; 
    background: #fff;
}       
table {
    margin: 0px; 
    padding: 0px;
    width: 100%;
    border-collapse: collapse;
}

/* *********************************************************** */

#front {
    margin-top: 50px;
    background: url('../img2/bg-tlo2.jpg') repeat-x; 
    text-align: center;
}  
#front img.img {
    margin: 0 10px;
    padding: 1px;
    border: 1px solid #C0E3FD;
    width: 50px;  
}  
/* *********************************************************** */

#lang {
    position: absolute;
    margin-top: 232px; 
    left: 690px;
}
#lang img {
    width: 20px;
    border: 1px solid #fff;
    margin: 0 5px; 
}
#top {
    height: 228px;
    background: url('../img2/bg-tlo.jpg') repeat-x;
    background-position: 200px 0;
}
#top2 {
    background: #3A4766;
    padding: 5px 0;
    padding-left: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #FBFFCF;
    color: #fff;
}
#top2 a {
    color: #fff;
}
#blok1 {
    float: left;
    margin-left: 20px !important;
    margin-left: 10px;  
    width: 160px;
    background: #fff url('../img2/bg-top.jpg') no-repeat top;
    padding-top: 9px;
    height: auto !important;
    height: 350px;   
    min-height: 350px;
    margin-bottom: 20px;
}
#blok1 span.s { margin-top: 15px; font-weight: bold; color: navy; }
#blok1 p#fo { background: red url('../img2/bg-top.jpg') no-repeat top; padding-top: 6px; margin:0; }
#blok1 p#fo input { width: 115px; width: 105px !important;  }
#blok1 p#fo input#ra1 { margin:0; padding:0; width: 20px;width: 20px !important; float: left; } 
#blok1 p#fo input#ra2 { margin:0; padding:0; width: 20px;width: 20px !important; float: left; border: 1px solid red; } 
#blok1 #blok11 {
    clear: both;
    height: auto !important;
    height:30px;  /* IE */
    min-height: 30px;
    background: #fff url('../img2/bg-top.jpg') no-repeat top;
    padding: 8px 0;        
}
#blok11 div { margin: 10px 0; }
#blok11 p { margin: 0; padding: 0; color: gray; margin-top: 2px; }
#blok2 {
    float: left;
    width: 600px !important;
    width: 640px;
    padding: 0 20px;
    height: auto !important;
    height: 200px;   
    min-height: 200px;
    margin-bottom: 15px;
    color: #002F2F;
}
#blok2 div {
    padding-top: 5px;
    margin:0;
    background: #EDF2F2 url('../img2/bg-pt.gif') no-repeat top left;  
}
#blok2 div p {
    padding: 5px;
    padding-top: 0;
    margin:0;
    height: auto !important;
    height: 50px;
    min-height: 50px;
    background: #EDF2F2 url('../img2/bg-pb.gif') no-repeat bottom left;  
}
#blok2 td {
      background: #EDF2F2;   
      padding: 5px;
      border-right:1px solid #fff;
      border-bottom:1px solid #fff;
      text-align: center;
}
#blok2 table tr td {
      border-bottom: 1px solid #E0DFDF;
      background: #EDF2F2 url('../img2/tab-line.jpg') repeat-x top left;  
}
#blok2 table tr.menu td {
    background: none;   
    font-weight: bold;
    border: none;
} 
                      
#blok2 table td.jed { width: 5%; }
#blok2 table td.dwa { width: 14%; }
#blok2 table td.trzy { width: 14%; }
#blok2 table td.czt { width: 45%; }
    

#blok2 table td.kar { text-align: left; }
#blok2 table tr.prod  td, #blok2 table tr.prod666  td {
    background: #fff;
    text-align: left;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: green;
    padding-top: 25px;
    border: none;
}
#blok2 table tr.prod666  td { color: black; padding:0; padding-bottom: 3px; border-bottom: 1px solid #E4ECEC; }
#blok2 td img.bla {
    width: 50px;  
}
#blok2 td.druk { text-align: left; margin: 0; }
#blok2 td.druk a { margin: 1px; color: blue; text-decoration: underline; }
#blok2 td.druk a:hover { color: #019FD3; }
#blok2 td.druk a div { visibility: hidden; /* text-decoration: none; color: blue; padding: 10px; border: 3px solid cyan; */ }
#druk2,#druk3,#druk4,#druk5,#druk6,#druk7,#druk8,#druk9,#druk10,#druk11 {
    display: none;
    text-align: left;  
    margin:0; padding:0;
}
#blok2 h3 {
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #0C224E;
    padding:0;    
    margin:0;
    padding-bottom: 5px;   
    margin-bottom: 10px;   
    border-bottom: 1px solid #E4ECEC;
}
/* *********************************************** */
ul#menu, ul#menu2 {
    list-style: none;
    padding:0; 
    margin:0;
    background: #fff url('../img2/bg-bot.jpg') no-repeat bottom;
    padding-bottom:10px;
}
ul#menu2 { padding-bottom: 8px; }
ul#menu2 li input { 
    width: 95px !important; width: 100px;
    padding:1px;
    color: #424242;
    border-top: 1px solid silver; 
    border-left: 1px solid silver;
    border-bottom: 0;border-right: 0;
    background: url('../img2/bg-in2.jpg') no-repeat bottom right; 
} 
ul#menu2 li input#pass {
    width: 65px !important; width: 70px; padding: 1px;    
}
ul#menu2 li input#sub {
    width: 30px !important; width: 30px;    
}
ul#menu li a, ul#menu2 li {
    width: 139px !important;
    width: 160px;
    padding: 8px 10px;
    display: block;
    text-decoration: none;
	background: #EDF2F2; 
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;
	color: navy;
	cursor: pointer;
}
ul#menu2 li { padding: 6px 10px; background: #e0e8ea; border: 0; text-align: right; width: 140px !important; width: 160px; }
ul#menu2 form, ul#menu2 p { padding:0; margin:0; }
ul#menu li a span, ul#menu2 li a span {
    padding-left: 20px;   
    background: url('../img2/point.gif') no-repeat left;
}
ul#menu li a:hover, ul#menu2 li a:hover {
	text-decoration: none; 
    background: #E0E9E9; 
}                     
/* *********************************************** */
#bot {
    clear: both;
    border-top: 1px solid #EEEFEF;
    padding: 5px 0;
    /* background: #EDF2F2; */
    padding-left: 30px;
    margin-top: 20px;
}
/* *********************************************** */  

#blok2 table tr td a div { 
    color: black; text-decoration: none; width: 220px;
    z-index: 100; position: absolute; margin-left: 1em; 
    margin-top: -10em; visibility:hidden; border: 3px solid #018FBD;
    background: #fff; padding: 20px 30px;        
}
#blok2 table tr td a:hover { text-indent: 0; }
#blok2 table tr td a:hover div { visibility: visible; }
#blok2 table tr td.za input { width: 50px; border-top: 1px solid silver; border-left: 1px solid silver; padding:1px; background: #fff url('../img2/bg-in2.jpg') no-repeat bottom right; border-bottom: 0;border-right: 0; }

/* *********************************************** */  

#blok2 .dist { float: left; padding: 2px; padding-bottom: 30px; width: 45%; margin-right: 10px; background: #fff; height: auto !important; height: 100px; min-height: 100px; border:2px solid red; }
#blok2 .dist span { color: navy; font-family: arial; font-weight: bold; font-size: 14px;  }

#blok2 h2 { font-weight: bold; color: #2F2F2E; font-size: 14px; font-family: arial; margin:0; padding:0; padding-top: 10px; margin-bottom: 10px; /*border-top: 1px solid #E4ECEC;*/ }
#blok2 h2#h { border-top: 1px solid #E4ECEC; margin-top: 10px; }
#blok2 div { background: #EDF2F2 url('../img2/top.gif') no-repeat top; margin:0; padding:0; padding-top: 5px; }
#blok2 .nowosci { background-color: white; border-bottom:1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; }
#blok2 .nowosci span { font-weight: bold; color: navy; }
#blok2 .m { border-bottom: 1px solid #E4ECEC;  background:#fff; }
#blok2 div li a { text-decoration: underline; }
#blok2 div li a:hover { color: #5480FE; }
#blok2 div li { width: 180px !important; width: 190px;  float: left; height: auto !important; min-height: 10px; height: 50px; padding: 5px; }
#blok2 div li#us { text-align: right; }
#blok2 div li#cl { clear: both; width: 550px !important; margin-top: 10px; width: 550px; height: 30px; }
#blok2 div ul {
    background: #EDF2F2 url('../img2/bot.gif') no-repeat bottom; 
    height: auto !important;
    min-height: 120px; 
    height: 120px;
    list-style: none;
    padding:0; 
    padding-left: 15px;
    margin:0;
    padding-bottom:5px;
}
#blok2 div li span { color: red; }
#blok2 div li#us span.si { color: silver; }
#blok2 div li#us span.wu { color: green; }
#blok2 div table#tab {
    margin: 0px; 
    padding: 0px;
}

#blok2 #ust ul, #blok2 #ust form, #blok2 #ust p { margin:0; padding: 0; }
#blok2 #ust li { width: 480px !important; width: 480px; float: none; margin:2px; padding: 0; height:0; margin-left: 20px; text-align: right; }
#blok2 #ust li input { width: 300px; border-top: 1px solid #808080; border-left: 1px solid #808080; padding:1px; background: #fff url('../img2/bg-in2.jpg') no-repeat bottom right; border-bottom: 0;border-right: 0;}
#blok2 #ust li#uw, #blok2 #ust li#ty { color: red; text-align: left; padding-left: 50px; }
#blok2 #ust li#ty { color: black; }
#blok2 #ust li#sub { text-align: center; width: 560px !important; width: 560px; }

#blok2 #ust li#sub input { width: 120px; margin: 10px; background: #d4d0c8; border-bottom: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid silver; border-left: 1px solid silver; } 
/*
#blok2 div table#tab td { border: none; padding:5px; margin:0; background: #EDF2F2; text-align: left; }
#blok2 div table#tab td.fi { width: 35%; text-align: right; }
#blok2 div table#tab td#ost { padding-left: 50px; font-weight: bold; padding-top: 20px;  }
#blok2 div table#tab td#uw { padding-left: 50px; color: red; padding-bottom: 20px; padding-right: 20px;  }
#blok2 div table#tab td#ss { text-align: center; }
#blok2 div table#tab td input { width: 300px; border-top: 1px solid #808080; border-left: 1px solid #808080; padding:1px; }
#blok2 div table#tab td input#but, #blok2 div table#tab td input#sub { width: 120px; margin: 10px; }
#blok2 div table#tab tr { border: none; padding:0; margin:0; }
*/
#blok2 div #do { padding-top: 5px; background: #EDF2F2 url('../img2/bot.gif') no-repeat top; }
#zalogowany {
    position: absolute;
    left: 815px;
    margin-top: 270px;
    width: 160px;
    height: 200px;
    /* border: 1px solid red; */
}
#blok2 div table#tab { padding-bottom: 5px; background: #EDF2F2 url('../img2/bot.gif') no-repeat bottom; }
#zalogowany div { color: green; margin-top: 5px; margin-bottom: 10px; border-bottom: 1px solid #E4ECEC; padding-bottom: 10px; }
#zalogowany div#o, #blok2 .m #o { border:0; }
#zalogowany div span { color: black; font-weight: bold; }
  
#zalogowany ul, #blok2 #ul { margin: 0; margin-left: 15px; padding:0; list-style: none; list-style-image: url('../img2/beee.jpg'); }
/* #blok2 #m #ul { margin:0; } */
#zalogowany li { margin:0; padding:0; }

#zalogowany li a { text-decoration: underline; color: #2b3854; }
#zalogowany li a:hover { color: gray; }
/* #blok2 .m h2 { font-weight: bold; color: #2F2F2E; font-size: 14px; font-family: arial; z-index: 100; display: true; } */
#blok2 #ust ul#real li { text-align: left; }
#blok2 #ust ul#real li table { background: #edf2f2;  width: 550px; }
#blok2 #ust ul#real li tr { border: none; }
#blok2 #ust ul#real li td { text-align: left; color: black; padding:2px; border: none; background: #edf2f2; border-bottom: 1px solid white; }
#blok2 #ust ul#real li td.o1 { width: 30%;  }
#blok2 #ust ul#real li td.o2 { width: 60%;  }
#blok2 #ust ul#real li td.o3 { width: 10%; padding-left: 10px; }
#blok2 #ust ul#real li textarea { width: 555px !important; width: 540px; border-top: 1px solid silver; border-left: 1px solid silver; padding:1px; height: 70px; margin: 0; background: #fff url('../img2/bg-in2.jpg') no-repeat bottom right; border-bottom: 0;border-right: 0;}
#blok2 #ust ul#real li#in { width: 560px; }
#blok2 #ust ul#real li#sub { text-align: center; }
#blok2 #ust ul#real li#sub input { margin-left: 35px; background: #d4d0c8; border-bottom: 1px solid black; border-right: 1px solid black; }
#blok2 #ust ul#blad li { width: 560px !important; text-align: center; padding: 30px 0; font-weight: bold; font-size: 14px; font-family: arial }
#blok2 #ust ul#blad li#a { font-weight: normal; font-size: 10px; font-family: Verdana, Helvetica, Trebuchet, Sans-Serif; padding: 0; padding-bottom: 20px; text-align: left;}

#blok2 table#distro tr td { text-align: left; background: none; border-bottom: none; padding-bottom: 20px; vertical-align: top; }
#blok2 table#distro tr td.kr { font-size: 14px; font-weight: bold; }