h2 {
        color: #ffffff;
        font-family: verdana, arial, courier;
        display: block;
              font-size: 16px;
}


body {background: #000016 url(images/tlo_glowne.jpg); margin-top: 0px;}

#container{width:700px; margin:0 auto; border: solid 0px #000055; background-color: #000016; height: 740px;}
/*#header{width:auto; display:block; height:92px; border: solid 0px orange;font-size:12px;font: bold 28px helvetica, arial; color:orange; background: inherit;}*/
#header{width:auto; height:100px;}
#header_top{width:auto; height:80px;background: #000016 url(images/baner_top.png);}
/*#footer{width:auto; display:block; font-size:12px;font: bold 10px helvetica, arial; color:#dedede;background: #000011; height:20px;padding: 0 40px 0 20px;text-align:right;border: solid 0px orange;}*/
#footer{width:auto; display:block; font-size:12px;font: bold 10px helvetica, arial; color:#dedede; height:30px;text-align:right;border: solid 0px orange;}
#tresc{width:auto; height: auto; border: solid 0px #ff3333; overflow: auto;}
#lewy_flash{width:140; height: 100%; border: solid 0px white; float: left; margin-left: -160px; z-index:1;}
#prawy_flash{width:140; height: 100%; border: solid 0px red; float: right; margin-right: -140px;}
#prawy_flash_2{width:150; height: 100%; border: solid 0px red; float: right; margin-right: -160px; background: #ffffff;}
#menu-h {display:block; margin: 0;}

p.naglowek1 {font: bold 16px helvetica, arial; color: orange; text-align: left; padding:0 20px 5px;}
p.naglowek2 {font: bold 14px helvetica, arial; color: orange; text-align: left; padding:0 30px 0;} /*paddding gora lewa-prawa dol*/
p.akapit {font: normal 12px arial, helvetica; color: #ededed; padding:0 40px; text-align: justify;}
p.todo {font-family: courier; color: yellow; text-transform: capitalize;}
p.wazne {font: bold 14px verdana, helvetica; color: #ff0000; text-align: center; padding:0 40px;}
b {color: orange;}
b.bred {color: #ff0000;}
a {font: inherit; text-decoration:none; color: #FF6633;}
a:hover {font: inherit; text-decoration:none; color: #000016; background: #FF6633;}
cite {color: #ffffff; padding-left: 50px; display: block; font-size: 14px;}
cite.bigger {color: #ffffff; padding-left: 50px; display: block; font-weight: bold; font-size: 16px;}
ul {font: normal 12px arial, helvetica; color: #ededed; text-align: left; padding:0 20px; text-align: left;}
li {font: normal 12px arial, helvetica; color: #ffff66; text-align: left; padding:0 44px; text-align: left; list-style-position:inside;}
ul.pogrubione {font: bold 14px helvetica, arial; color: orange; text-align: left; padding:0 44px;}
li.pogrubione {font: bold 12px arial, helvetica; color: #ededed; text-align: left; padding:6px 40px; text-align: left; list-style-position:inside; text-indent: -11px;}
input {background: #ffffcc; font-weight: bold; color: #0000ff; font-family: courier, verdana, arial;}

.team {float: left; padding: 15px 20px 40px 40px;} /*gora prawa dol lewa*/
.ilustracja {float: right; padding: 60px 30px 25px 35px;}
.ilustracjatoc {float: right; padding: 30px 30px 25px 35px;}

.top-left, .top-right, .bottom-left, .bottom-right { 
       background-image: url('images/corners1280x18.gif'); /* CHANGE: path and name of your image */
       height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
       font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
       }
.top-left, .bottom-left { 
       margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
       }
.top-right, .bottom-right { 
       margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
       margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
       }
.top-right {
       background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
       }
.bottom-left  { 
       background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
       }
.bottom-right { 
       background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
       }
.inside {
       border-left: 1px solid #C00000; /* YCC: color & properties of the left-borderline */
       border-right: 1px solid #C00000;/* YCC: color & properties of the right-borderline */
       background: #EFEFEF;            /* YCC: background-color of the inside */
       color: #000000;                 /* YCC: default text-color of the inside */
       padding-left: 10px;             /* YCC: all texts at some distance of the left border */
       padding-right:10px;             /* YCC: all texts at some distance of the right border */
       }
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

#steps {border: solid 0px #ff6633; background: #000016; width: 80%; margin: auto;}
#steps p.akapit {color: #ededed;}
#steps a {font: bold 10px arial, non-serif, helvetica; color: #ededed;}
#steps a:hover {font: bold 10px arial, courier, non-serif, helvetica; color: #ededed;}
#steps .zaznaczony {
        font: bold 10px arial, courier, non-serif, helvetica;
        text-decoration: none;
        color: #ff6633;
}

#listing li {font: normal 12px arial, helvetica; color: #ffff66; text-align: left; padding:0 45px; text-align: left; list-style-position:inside; text-indent:-12px;}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
       margin: 0 auto; /* center for now */
      /* width: 17em; /* ems so it will grow */
       background: url(images/tlo-middle-r.gif) no-repeat right;
       font-size: 100%;
}

.sidebox_bottom {
       margin: 0 auto; /* center for now */
      /* width: 17em; /* ems so it will grow */
       background: url(images/tlo-r.gif) no-repeat bottom right;
       font-size: 100%;
}

.boxhead {
       background: url(images/tlo-r.gif) no-repeat top right;
       margin: 0;
       padding: 0;
       text-align: center;
}
.boxhead h2 {
       background: url(sbhead-l.gif) no-repeat top left;
       margin: 0;
       padding: 22px 30px 5px;
       color: white; 
       font-weight: bold; 
       font-size: 1.2em; 
       line-height: 1em;
       text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
       background: url(images/tlo-middle-l.gif) no-repeat bottom left;
       margin: 0;
       padding: 5px 30px 31px;
}
.boxbody_bottom {
       background: url(images/tlo-l.gif) no-repeat bottom left;
       margin: 0;
       padding: 0 30px 10px;
}



/* Root = Horizontal, Secondary = Vertical */


ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  /*width: 500px; /*For KHTML*/
  list-style: none;
  height: 24px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  border: 1px solid #000016;
  border-right-color: #111111;
  border-bottom-color: #111111;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #000016; /*kolor tla menu1*/
  color: #fff; /*kolor czcionki menu1*/
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #FF6633; /*kolor tla hoover menu1*/
  color: #000016; /*kolor czcionki hoover menu1*/
  border: 1px solid #000016;
 /* border-right-color: #333333;*/
  border-bottom-color: #ededed;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #000016; /*kolor tla menu2*/
  color: #fff; /*kolor czcionki menu2*/
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #ff6633;
  color: #000016;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}