* {
  margin: 0px;
  padding: 0px;
  font-family: 'Trebuchet MS', 'Arial', sans-serif;
}
body {
  background-color: #ffffff;
}
#content-handler {
  background: url("/.grafika/elementy/gradient.gif") repeat-x;
  background-position:  0px 118px;
}
#header {
  background: url("/.grafika/elementy/naglowek.gif") repeat-x;
}
#head-inner {
  width: 743px;
  margin: 0 auto;
  height: 97px;
}
#head-inner .logo {
  display: block;
  background: url("/.grafika/elementy/logo.gif") no-repeat;
  width: 198px;
  height: 39px;
  float: left;
  margin-top: 28px;
}
#menu {
  height: 22px;
  background-color: #fff;
}
ul.top-menu {
  width: 743px;
  margin: 0 auto;
}
ul.top-menu li {
  float: left;
}
ul.top-menu a {
  display: block;
  float: left;
  color: #4E4E4E;
  height: 14px;
  padding: 4px 10px;
  line-height: 14px;
  font-weight: normal;
  font-size: 9pt;
}
ul.top-menu a:hover,ul.top-menu a.hovered {
  background: url("/.grafika/menu/przycisk_jasny.gif") repeat-x;
  text-decoration: none;
}
ul.top-menu a.selected {
  background: url("/.grafika/menu/przycisk.gif") repeat-x;
  text-decoration: none;
}
ul.top-submenu {
  display: none;
  clear: both;
  position: absolute;
  top: 119px;
  background: #ffffff;
  width: 180px;
  z-index: 10;
  background: url(/.grafika/menu/sub-gradient.gif) repeat-x bottom;
  background-color: #ffffff;
  border-left: 1px solid #f5f5f5;
}
ul.top-submenu a {
  display: block;
  color: #4E4E4E;
  padding: 0px;
  margin: 6px 10px;
  border-bottom: 1px solid #e8e8e8;
  width: 160px;
  margin-bottom: 2px;
  padding-bottom: 6px;
  height: 100%;
  font-weight: normal;
  font-size: 9pt;
}
ul.top-menu li.last a {
  border: none;
  margin-bottom: 10px;
}
ul.top-submenu a:hover, ul.top-submenu a.selected {
  background: none;
  color: #000000;
  font-weight: bold;
}
div.shadow {
  background:url(/.grafika/menu/cien.png) no-repeat top right;
  width: 185px;
  height: 89px;
  position: absolute;
  top: 119px;
  display: none;
  z-index: 10;
  clear: both;
}
#submenu {
  background-color: #fff;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
#submenu ul {
  background: url("/.grafika/menu/prawe_gradient.gif") repeat-x 0px bottom;
  padding-bottom: 28px;
}
#submenu div {
  margin-right: 12px;
}
#submenu a {
  margin: 0px auto;
  width: 160px;
  color: #4E4E4E;
  padding: 3px;
  padding-left: 20px;
  display: block;
  font-size: 12px;
  border-top: 1px solid #EEEEEE;
}
#submenu a:hover {
  text-decoration: none;
}
#submenu li.last.selected a, #submenu li.last.hovered a {
  background: url("/.grafika/menu/prawe_gradient3.gif") no-repeat top right;
}
#submenu li.first.selected a, #submenu li.first.hovered a {
  background: url("/.grafika/menu/prawe_gradient4.gif") no-repeat bottom right;
}
#submenu li.selected a, #submenu li.hovered a {
  background: url("/.grafika/menu/prawe_gradient2.gif") repeat-y center right;
}
#submenu li.first a {
  border-top: 0px;
}
#submenu li.selected a {
  font-weight: bold;
}
#footer {
  background-color: #0071B5;
  height: 25px;
  clear: left;
}
#foot-inner {
  width: 743px;
  margin: 0px auto;
}
#foot-inner p {
  float: right;
  color: #fff;
  font-size: 11px;
  padding-top: 5px;
}
#superbanner {
  text-align: center;
}
#superbanner object {
  margin: 35px 0px 0px;
}
#teaser {
  background: url("/.grafika/elementy/obrazek_tlo.gif") repeat-x;
  height: 222px;
  text-align: center;
}
#teaser-inner {
  background: url("/.grafika/elementy/obrazek.gif") no-repeat right center;
  width: 741px;
  height: 222px;
  margin: 0 auto;
  text-align: left;
}
#teaser-inner h1 {
  font-family: 'Century Gothic', 'Tahoma', 'Arial', sans-serif;
  color: #0071B9;
  font-weight: normal;
  padding-top: 70px;
  font-size: 36px;
  width: 250px;
}
#container {
  width: 743px;
  margin: 35px auto 30px;
  background: url("/.grafika/elementy/border.gif") repeat-y 500px;
}
#main {
  width: 490px;
  float: left;
  padding-right: 10px;
}
#sidebar {
  width: 240px;
  float: left;
}
#sidebar .section {
  margin-bottom: 15px;
  margin-left: 22px;
}
.section {
  clear: both;
  font-size: 13px;
}
.section .content h1 {
  font-size: 19px;
  color: #4e4e4e;
  font-weight: normal;
  margin-bottom: 10px;
}
.section .header h1 {
  font-size: 19px;
  color: #4e4e4e;
  font-weight: normal;
  padding-left: 30px;
  background: url("/.grafika/elementy/znaczek.gif") no-repeat left center;
  margin-bottom: 10px;
}
.section h3 {
  font-size: 14px;
  color: #0071B9;
}
.section img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.section .content h2 {
  font-size: 13px;
  color: #0071B9;
  margin-bottom: 10px;
}
.section  p {
  font-size: 12px;
  margin-bottom: 10px;
  line-height: 20px;
  text-align: justify;
}
#header p {
  color: #ffffff;
}

/* Homepage boxes */
.box {
  width: 205px;
  height: 140px;
  float: left;
  margin-right: 25px;
  margin-bottom: 15px;
}
.box .content {
  height: 113px;
  width: 175px;
  padding: 7px 15px;
  background: url("/.grafika/elementy/box_gradient.gif") repeat-x;
}
.box .top {
  background: url("/.grafika/elementy/box_linia.gif") no-repeat;
  height: 10px;
  position: absolute;
  width: 205px;
  margin: 0px;
  padding: 0px;
}
.box .content h2 {
  font-size: 18px;
  color: #0071B9;
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 5px;
}
.box .content h2 a {
  color: #0071B9;
}
.box .content h2 a strong {
  font-weight: normal;
}
.box p a {
  color: #0071B9;
  font-size: 12px;
}
.box p {
  line-height: 17px;
  text-align: left;
  color: #4E4E4E;
  font-size: 14px;
}
.box p a:hover {
  text-decoration: underline;
}

/* Deployments */
.deployment {
  width: 225px;
  float: left;
  margin: 5px 15px 5px 0px;
}
.deployment .logo a {
  display: block;
  width: 160px;
  height: 72px;
  border: 1px solid #d2d2d2;
  text-align: center;
}
.deployment .logo img {
  float: none;
  margin: 0px;
  padding: 0px;
}
.deployment h2 {
  margin-top: 10px;
}
.deployment p {
  line-height: auto;
  text-align: left;
}
.shortcuts, .shortcuts-with-info {
  color: #ffffff;
  float: right;
  font-size: 11px;
  text-align: right;
  margin-top: 75px;
}
.shortcuts-with-info {
  margin-top: 27px;
}
.shortcuts p {
  font-size: 11px;
}
.shortcuts a {
  font-size: 11px;
}

/* Ajax loader */
div#ajax-loader {
  position: absolute;
  height: 32px;
  width: 32px;
  background : url(/.grafika/znaczniki/wczytywanie3.gif) no-repeat;
  display: none;
}