body {
   margin: 0;
   padding: 0;
   background: #FFFFFF;
   font: 11px Verdana;
   text-align: center;
   color: #000000;
}

img, form, fieldset {
   margin: 0;
   padding: 0;
   border: 0px none;
}

input, select {
   margin: 0;
   padding: 0;
}

table {
   border: 0px none;
   border-collapse: collapse;
   empty-cells: show;
}

td {
   padding: 0;
}

a {
   text-decoration: none;
   color: #002266;
}

a:hover {
   text-decoration: underline;
}

h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 26px;
   font-weight: normal;
}

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 24px;
   font-weight: normal;
}

h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 22px;
   font-weight: normal;
}

#logo {
   position: relative;
   clear: both;
   width: 950px;
   height: 63px;
   margin: auto;
}

.logo1 {
   position: absolute;
   top: 5px;
   left: 20px;
   width: 500px;
   height: 52px;
   text-align: left;
   font: 20px Arial, Helvetica, sans-serif;
   color: #555555;
   cursor: pointer;
}

.logo2 {
   position: absolute;
   top: 8px;
   right: 0;
   float: left;
   clear: none;
   width: 250px;
   height: 32px;
   font: 12px Arial, Helvetica, sans-serif;
   color: #555555;
   text-align: right;
}

.logo3 {
   position: absolute;
   top: 4px;
   left: 510px;
   float: left;
   clear: none;
   width: 190px;
   height: 32px;
   font: 16px Arial, Helvetica, sans-serif;
   color: #555555;
   text-align: left;
}

.logo2 span {
   color: #F97E5E;
}

.logo2 a {
   text-decoration: underline;
}

.logo2 .flagi {
   height: 32px;
   margin: auto 0 auto auto;
}

.logo2 .flagi td {
   padding: 0 2px 0 2px;
}

.kontener {
   position: relative;
   width: 900px;
   height: 45px;
   margin: auto;
   text-align: left;
}

#w2r {
   clear: both;
   width: 950px;
   margin: auto;
}

.listatab {
   width: 100%;
   text-align: left;
   margin: auto;
   border-left: 2px dotted silver;
   border-top: 1px solid black;
   border-right: 2px dotted silver; 
   border-bottom: 1px solid black;
}

.lista {
   width: 100%;
   text-align: left;
   margin: auto;
}

.lista td {
   vertical-align: middle;
   height: 25px;
   font: 13px Tahoma;
   color: #305C86;
}

.lista td a {
   color: #305C86;
}

.lista .nag {
   height: 25px;
   font: bold 17px Arial, sans-serif;
   color: #8DABD9;
}

.lista .nag-d {
   height: 25px;
   font: 18px Verdana;
   color: #AAD385;
}

.lista .nag a {
   color: #8DABD9;
}

.lista .nag-d a {
   color: #AAD385;
}

.lista .nag a:hover, .lista .nag-d a:hover {
   text-decoration: underline;
}

.lista .nag a.male {
   font: 11px Tahoma;
   color: #305C86;
}

.lista .nag a.male:hover {
   text-decoration: underline;
}

.lista .nag3 {
   height: 20px;
   font: bold 11px Verdana;
   text-align: center;
   color: #333333;
}

.lista .kropki {
   height: 3px;
   background: transparent url('../../grafika/domyslny/index/kropki2.gif') repeat-x;
   font-size: 0;
}

.lista .td1 {
   width: 20px;
}

.lista .td1 img {
   margin-top: 3px;
   margin-left: 6px;
}

.lista .punkty table {
   width: 100%;
   margin: auto;
   text-align: center;
}

.lista .punkty table .ptd1 {
   text-align: left;
}

.lista .punkty table .ptd2 {
   width: 40px;
}

.lista .td2 {
   height: 3px;
   font-size: 0;
}

.lista .el {
   padding: 5px;
   background: #4B5463 url('../../grafika/domyslny/index/belka1.png') repeat-x;
  /* background: #4B5463; */
   border: 1px solid #FFF;
   font: bold 11px Arial, Helvetica, sans-serif;
   letter-spacing: 1px;
   color: #FFF;
   text-align: left;
   cursor: pointer;
}

.lista .el-hover {
   padding: 5px;
   background: #8B94A3;
  /* background: #DDD; */
   border: 1px solid #BBB;
   font: bold 11px Arial, Helvetica, sans-serif;
   letter-spacing: 1px;
   color: #FFF;
   text-align: left;
   cursor: pointer;
}

.lista .el a, .lista .el a:hover {
   color: #FFF;
   text-decoration: none;
}

input.dodanie {
   width: 130px;
   background: #CECECE;
   border: 1px solid #8E8D8C;
   font: 14px Tahoma;
   color: #111111;
}

input.btn-dodaj {
   width: 60px;
   height: 20px;
   background: #FFFFFF;
   border: 0px none;
   font: bold 14px Tahoma;
   color: #444444;
   cursor: pointer;
}

#stopka {
   float: left;
   width: 100%;
   height: 27px;
}

/* komunikaty formularzy */
.komunikat, .komunikat-red {
   display: block;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 3px;
   border: 1px solid #8B94A3;
   font-size: 13px;
   text-align: center;
   color: #305C86;
}

.komunikat-red {
   background: #FFF4F4;
   border: 1px solid #F55;
   color: #D00;
}

.komunikat-duzy {
   clear: both;
   width: 100%;
   margin: auto;
   margin-top: 30px;
   padding-top: 30px;
   padding-bottom: 30px;
   background: #EBF4FF;
   border: 2px outset #8B94A3;
   font-family: Tahoma;
   font-size: 14px;
   font-weight: bold;
   text-align: center;
   color: #305C86;
}


/* menu rozwijane */
.menuOther {
   position: absolute;
   display: none;
   z-index: 2000;
   width: 180px;
   background-color: transparent;
}

.menuOther ul {
   width: 100%;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.menuOther .el {
   padding: 5px;
   background: #4B5463 url('../../grafika/domyslny/index/belka1.png') repeat-x;
  /* background: #4B5463; */
   border: 1px solid #FFF;
   font: bold 11px Arial, Helvetica, sans-serif;
   letter-spacing: 1px;
   color: #FFF;
   text-align: left;
   cursor: pointer;
}

.menuOther .el-hover {
   padding: 5px;
   background: #8B94A3;
  /* background: #DDD; */
   border: 1px solid #BBB;
   font: bold 11px Arial, Helvetica, sans-serif;
   letter-spacing: 1px;
   color: #FFF;
   text-align: left;
   cursor: pointer;
}

#tooltip 
{
text-align:left;
white-space:nowrap;
color:#cccccc;
font:normal bold 10px Tahoma, Verdana, sans-serif;
padding:4px;
background-color:#686459;

position:absolute;
margin-top:20px;
margin-left:15px;
}