body {
  background: #fff url();
  font-family: Verdana, sans-serif;
  margin-top: 20px;
  }

a img {
  border: none;
  }

#root {
  margin-left: auto;
  margin-right: auto;
  swidth: 776px;
  width: 720px;
  }

#banner {
  height: 62px;
  }

#banner_a {
  float: left;
  height: 62px;
  width: 117px;
  border-bottom: solid 2px #f00;
  border-right: solid 2px #f00;
  }

#banner_b {
  float: left;
  height: 62px;
  width: 532px;
  border-bottom: solid 2px #f00;
  }

#banner_b img {
  margin-top: 10px;
  margin-left: 20px;
  }

#banner_c {
  height: 62px;
  float: left;
  }

#main {
  background: url(red.png) bottom right no-repeat;
  width: 673px;
  }

#menu {
  float: left;
  padding-top: 20px;
  margin-left: -3px;
  width: 120px;
  height: 195px;
  border-right: solid 2px #f00;
  }


#content {
 float: left;
 padding: 20px 30px;
 width: 494px;
 font-size: smaller;
 }

#main_c {
  float: left;
  height: 300px;
  }

#main_c1 {
  sheight: 215px;
  }

#main_c2 {
  sborder-left: solid 2px #f00;
  sheight: 85px;
  }

#footer {}

#footer_a {
  float: left;
  width: 119px;
  }

#footer_b {
  float: left;
  width: 291px;
  sborder-top: solid 2px #f00;
  }

#footer_c {
  float: left;
  width: 261px;
  height: 34px;
  border-top: solid 2px #f00;
  border-right: solid 2px #f00;
  }

#footer_d {
  float: left;
  width: 46px;
  border-top: solid 2px #f00;
  }


div.container {}

/* IE hack \*/
* html .container { height: 1%; }
/* Hack ends */

div.container:after {
  content: ".";
  display: block;
  height: 0;
  overflow:hidden;
  clear: both;
  visibility:hidden;
}

#menu a {
  display: block;
  }

a#o_mnie {
  background: url(o_mnie.png);
  width: 105px;
  height: 30px;
  }

a#o_mnie:hover {
  background: url(o_mnie_h.png);
  width: 105px;
  height: 30px;
  }

a#o_mnie_h {
  background: url(o_mnie_h.png);
  width: 105px;
  height: 30px;
  }

a#publikacje {
  background: url(publikacje.png);
  width: 105px;
  height: 30px;
  }

a#publikacje:hover {
  background: url(publikacje_h.png);
  width: 105px;
  height: 30px;
  }

a#publikacje_h {
  background: url(publikacje_h.png);
  width: 105px;
  height: 30px;
  }

a#dydaktyka {
  background: url(dydaktyka.png);
  width: 105px;
  height: 30px;
  }

a#dydaktyka:hover {
  background: url(dydaktyka_h.png);
  width: 105px;
  height: 30px;
  }

a#dydaktyka_h {
  background: url(dydaktyka_h.png);
  width: 105px;
  height: 30px;
  }

a#linki {
  background: url(linki.png);
  width: 105px;
  height: 30px;
  }

a#linki:hover {
  background: url(linki_h.png);
  width: 105px;
  height: 30px;
  }

a#linki_h {
  background: url(linki_h.png);
  width: 105px;
  height: 30px;
  }


a#kontakt {
  background: url(kontakt.png);
  width: 105px;
  height: 30px;
  }

a#kontakt:hover {
  background: url(kontakt_h.png);
  width: 105px;
  height: 30px;
  }

a#kontakt_h {
  background: url(kontakt_h.png);
  width: 105px;
  height: 30px;
  }

a#english {
  background: url(english.png);
  width: 105px;
  height: 30px;
  }

a#english:hover {
  background: url(english_h.png);
  width: 105px;
  height: 30px;
  }

a#polski {
  background: url(polski.png);
  width: 105px;
  height: 30px;
  }

a#polski:hover {
  background: url(polski_h.png);
  width: 105px;
  height: 30px;
  }

a#about_me {
  background: url(about_me.png);
  width: 105px;
  height: 30px;
  }

a#about_me:hover {
  background: url(about_me_h.png);
  width: 105px;
  height: 30px;
  }

a#about_me_h {
  background: url(about_me_h.png);
  width: 105px;
  height: 30px;
  }

a#publications {
  background: url(publications.png);
  width: 111px;
  height: 30px;
  }

a#publications:hover {
  background: url(publications_h.png);
  width: 111px;
  height: 30px;
  }

a#publications_h {
  background: url(publications_h.png);
  width: 111px;
  height: 30px;
  }

a#lectures {
  background: url(lectures.png);
  width: 105px;
  height: 30px;
  }

a#lectures:hover {
  background: url(lectures_h.png);
  width: 105px;
  height: 30px;
  }

a#lectures_h {
  background: url(lectures_h.png);
  width: 105px;
  height: 30px;
  }

a#links {
  background: url(links.png);
  width: 105px;
  height: 30px;
  }

a#links:hover {
  background: url(links_h.png);
  width: 105px;
  height: 30px;
  }

a#links_h {
  background: url(links_h.png);
  width: 105px;
  height: 30px;
  }


a#contact {
  background: url(contact.png);
  width: 105px;
  height: 30px;
  }

a#contact:hover {
  background: url(contact_h.png);
  width: 105px;
  height: 30px;
  }

a#contact_h {
  background: url(contact_h.png);
  width: 105px;
  height: 30px;
  }

a#biznes {
  background: url(biznes.png);
  width: 105px;
  height: 30px;
  }
  
a#biznes:hover {
  background: url(biznes_h.png);
  width: 105px;
  height: 30px;
  }

a#biznes_h {
  background: url(biznes_h.png);
  width: 105px;
  height: 30px;
  }
  
a#business {
  background: url(business.png);
  width: 105px;
  height: 30px;
  }
  
a#business:hover {
  background: url(business_h.png);
  width: 105px;
  height: 30px;
  }

a#business_h {
  background: url(business_h.png);
  width: 105px;
  height: 30px;
  }

ul li {
  margin: 2px 0 5px 0;
  }

  
  
a#notatnik {
  background: url(notatnik.png);
  width: 105px;
  height: 30px;
  }

a#notatnik:hover {
  background: url(notatnik_h.png);
  width: 105px;
  height: 30px;
  }

a#notatnik_h {
  background: url(notatnik_h.png);
  width: 105px;
  height: 30px;
  }
  
a#notepad {
  background: url(notepad.png);
  width: 105px;
  height: 30px;
  }

a#notepad:hover {
  background: url(notepad_h.png);
  width: 105px;
  height: 30px;
  }

a#notepad_h {
  background: url(notepad_h.png);
  width: 105px;
  height: 30px;
  }