html, body {
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
  color: #9c9e9f;
}

body {
  background: #eeeeee;
  text-align: center;
}

img {
  border: 0;
}



/** Layout **/

#wrapper {
  width: 100%;
  text-align: left;
}

#top {
  position: relative;
  width: 978px;
  height: 128px;
  margin: auto;
}

#body_page {
  position: relative;
  width: 978px;
  height: 100%;
  overflow: hidden;
  margin: auto;
}

#menu {
  width: 240px;
  height: 337px;
  float: left;
  background: url(images/menu_background.png) no-repeat;
}
#menu ul, #menu ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul {
  width: 231px;
  font: 16px sans-serif;
  font-weight: bold;
  margin: 3px 0px 0px 9px;
}
#menu ul li {
  margin-bottom: 6px;
}

#menu ul a:link, ul a:visited {
  display: block;
  color: #9c9e9f;
  text-decoration: none;
  padding: 5px 0px 5px 28px;
}
#menu ul a:hover {
  background-color: #eaeaea;
}

#menu ul li.light a:link, #menu ul li.light a:visited {
  color: #fff;
  background-color: #009ee1;
}

#banner1 {
  width: 729px;
  height: 337px;
  float: left;
  background: url(images/banner1.jpg) no-repeat;
}
#banner2 {
  width: 729px;
  height: 337px;
  float: left;
  background: url(images/banner2.jpg) no-repeat;
}
#banner3 {
  width: 729px;
  height: 337px;
  float: left;
  background: url(images/banner3.jpg) no-repeat;
}
#banner4 {
  width: 729px;
  height: 337px;
  float: left;
  background: url(images/banner4.jpg) no-repeat;
}
#banner5 {
  width: 729px;
  height: 337px;
  float: left;
  background: url(images/banner5.jpg) no-repeat;
}
#banner6 {
  width: 729px;
  height: 337px;
  float: left;
  background: url(images/banner6.jpg) no-repeat;
}
#banner7 {
  width: 729px;
  height: 337px;
  float: left;
  background: url(images/banner7.jpg) no-repeat;
}

#banner_shadow {
  width: 9px;
  height: 337px;
  float: left;
  background: url(images/banner_shadow.png) no-repeat;
}

#left {
  position: relative;
  float: left;
  left: 9px;
  width: 231px;
  background-color: #fff;
  padding-bottom: 2000px;
  margin-bottom: -2000px;
}

.text_main_left {
  font: 16px sans-serif;
  font-weight: bold;
  color: #112257;
  padding: 20px 0px 5px 28px;
}
.page_corner_left {
  position: relative;
  left: -7px;
  width: 228px;
  min-height: 200px;
  background: url(images/page_corner.png) no-repeat;
}
.aktualnosci {
  font-size: 12px;
  padding: 30px 20px 0px 35px;
}
.aktualnosci p {
  font-weight: bold;
  color: #009ee1;
  margin: 0px 0px 5px 0px;
  padding: 0;
}
.kontakt {
  font-size: 11px;
  padding: 23px 5px 0px 30px;
}
.kontakt p {
  margin: 0px 0px 5px 0px;
  padding: 0;
}
.email {
  width: 188px;
  margin-left: 7px;
  font-size: 11px;
  color: #fff;
  background-color: #b2c900;
  padding: 3px 20px 3px 23px;
}
.email p {
  margin: 0px 0px 5px 0px;
  padding: 0;
}
.email a {
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.dot_left {
  width: 230px;
  height: 2px;
  margin: 20px 0px 0px 0px;
  background: url(images/dot_left.png) no-repeat;
}

#right {
  position: relative;
  float: right;
  right:9px;
  width: 729px;
  height: 100%;
  background-color: #fff;
  padding-bottom: 2000px;
  margin-bottom: -2000px;
}

.text_main_right {
  float: left;
  font-family: sans-serif;
  color: #112257;
  padding: 20px 0px 0px 20px;
}
.text_main_right h2 {
  font-size: 18px;
  padding: 0;
  margin: 0;
  font-weight: normal;
}
.text_main_right h1 {
  position: relative;
  bottom: 5px;
  font-size: 46px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.text_main_right h1.single {
  top: 8px;
}

.page_corner_right {
  clear: both;
  position: relative;
  left: -8px;
  width: 270px;
  min-height: 200px;
  background: url(images/page_corner_right.png) no-repeat;
}
.page_corner_right div.blad {
  color: red;
  font-size: 12px;
}

.tresc {
  width: 690px;
  font-size: 12px;
  line-height: 24px;
  padding: 1px 0px 0px 30px;
}
.tresc_wypunktowanie {
  width: 710px;
  font-size: 12px;
  line-height: 24px;
  padding: 1px 0px 0px 20px;
}

.tresc p {
  padding: 0;
  margin: 24px 50px 20px 0px;
}
.tresc p.last {
  margin-bottom: 50px;
}

.tresc h2 {
  font-size: 18px;
  color: #112257;
  font-weight: normal;
  padding: 10px 0px 0px 0px;
  margin: 0;
}

.tresc h1 {
  font-size: 42px;
  color: #112257;
  font-weight: normal;
  line-height: 42px;
  padding: 0px 0px 20px 0px;
  margin: 0;
}

.tresc ul {
  margin-right: 60px;
}
.tresc ul li {
  list-style: none;
  padding-left: 10px;
  background: left 10px url(images/wypunktowanie.gif) no-repeat;
}
.tresc ul.last {
  margin-bottom: 50px;
}
.tresc a {
  color: #9c9e9f;
  text-decoration: none;
}

.tresc_wypunktowanie div {
  float: left;
  font-size: 12px;
  font-weight: bold;
  padding-top: 25px;
  padding-bottom: 30px;
  margin: 0px;
}
.tresc_wypunktowanie div ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.tresc_wypunktowanie div ul li.nostyle {
	padding-left: 10px;
	background: left 9px url(images/wypunktowanie.gif) no-repeat;
}
.tresc_wypunktowanie div ul li {
  padding-left: 10px;
  background: left center url(images/wypunktowanie.gif) no-repeat;
}
.tresc_wypunktowanie div.right_column {
  margin-left: 30px;
}

.dot_right {
  clear:both;
  width: 727px;
  height: 2px;
  margin: 10px 0px 0px 0px;
  background: url(images/dot_right.png) no-repeat;
}

#firma {
  position: relative;
  left: 8px;
  top: 8px;
  margin-bottom: 50px;
}

#korzysci {
  float: right;
  width: 349px;
  height: 109px;
  background: url(images/korzysci.jpg) no-repeat;
}
#szkolenia1 {
  float:right;
  width: 348px;
  height: 109px;
  background: url(images/szkolenia1.jpg) no-repeat;
}
#szkolenia2 {
  float: right;
  width: 349px;
  height: 109px;
  background: url(images/szkolenia2.jpg) no-repeat;
}
#szkolenia3 {
  float: right;
  width: 349px;
  height: 109px;
  background: url(images/szkolenia3.jpg) no-repeat;
}
#outdoor_gry {
  float: right;
  width: 349px;
  height: 109px;
  background: url(images/outdoor_gry.jpg) no-repeat;
}
#outdoor_cwiczenia {
  float: right;
  width: 349px;
  height: 109px;
  background: url(images/outdoor_cwiczenia.jpg) no-repeat;
}
#outdoor {
  float: right;
  width: 349px;
  height: 109px;
  background: url(images/outdoor.jpg) no-repeat;
}
#doradztwo {
  float: right;
  width: 349px;
  height: 109px;
  background: url(images/doradztwo.jpg) no-repeat;
}
#projekty {
  float: right;
  width: 349px;
  height: 109px;
  background: url(images/projekty.jpg) no-repeat;
}

#formularz {
  overflow: hidden;
  font-weight: bold;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  width: 650px;
}
#formularz form {
  margin: 0px;
  padding: 30px 0px 0px 30px;
}

#formularz input {
  width: 200px;
  margin:0px;
  padding:0px;
}
#formularz input.error {
  border-color: red;
  border-style: solid;
}
#formularz input.temat {
  width: 300px;
}
#formularz input.temat_error {
  width: 300px;
  border-color: red;
  border-style: solid;
}
#formularz input.reset {
  float: left;
  width: 72px;
  height: 32px;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana, sans-serif;
  background-color: #505d84;
}
#formularz div.wyczysc {
  float: left;
  color: #fff;
  font-weight: bold;
  background-color: #505d84;
  padding: 9px 7px 9px 5px;
}
#formularz div a:link, div a:visited {
  text-decoration: none;
}
#formularz div a:hover {
  cursor: default;
}
#formularz input.send {
  position: relative;
  left: 160px;
  width: 72px;
  height: 32px;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana, sans-serif;
  background-color: #009ee1;
}
#formularz input.send2 {
  position: relative;
  left: 65px;
  width: 72px;
  height: 32px;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana, sans-serif;
  margin-top: 15px;
  background-color: #009ee1;
}
#formularz textarea {
  padding: 0px;
  margin: 0px;
  width: 300px;
  height: 250px;
  min-width: 300px;
  max-width: 300px;
  min-height: 250px;
  max-height: 450px;
}
#formularz textarea.error {
  border-color: red;
  border-style: solid;
}

#formularz div.wiersz {
  clear:both;
  margin: 0px;
  padding: 0px;
}
#formularz div.wiersz_empty {
  clear:both;
  height: 30px;
  margin: 0px;
  padding: 0px;
}
#formularz div.kolumna1 {
  float:left;
  width: 80px;
  padding-top: 3px;
}
#formularz div.kolumna2 {
  float:left;
  margin-bottom: 10px;
  padding: 0px;
}
#formularz div.kolumna2 div#error {
  font-weight: bold;
  color: #fff;
  background-color: red;
  padding: 5px 10px 5px 10px;
}
#formularz div.kolumna3 {
  float:left;
  color: #fff;
  font-weight: bold;
  background-color: red;
  padding: 3px 5px 3px 5px;
  margin-left: 15px;
}
#success {
  float: left;
  margin-top: 30px;
  margin-left: 30px;
  color: #fff;
  padding: 5px 10px 5px 10px;
  background-color: #b2c900;
}
#failed {
  float: left;
  margin-top: 30px;
  margin-left: 30px;
  margin-bottom: 15px;
  color: #fff;
  padding: 5px 10px 5px 10px;
  background-color: red;
}
#pdfico {
  vertical-align: -2px;
  margin: 0px 15px 0px 0px;
}

#footer {
  width: 100%;
  min-width: 978px;
  height: 182px;
  background-color: #112257;
}
#footer a {
  color: #9c9e9f;
  text-decoration: none;
}
#footer a:hover {
  font-weight: bold;
}
#footer_shadow {
  position: relative;
  margin: auto;
  width: 960px;
  height: 95px;
  font-size: 12px;
  background: url(images/footer_shadow.png) no-repeat;
}
#footer_firma {
  float: left;
  width: 50px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
}
#footer_firma_dark {
  float: left;
  width: 50px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
  background-color: #eaeaea;
}
#footer_szkolenia {
  float: left;
  width: 74px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
}
#footer_szkolenia_dark {
  float: left;
  width: 74px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
  background-color: #eaeaea;
}
#footer_outdoor {
  float: left;
  width: 64px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
}
#footer_outdoor_dark {
  float: left;
  width: 64px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
  background-color: #eaeaea;
}
#footer_rekrutacja {
  float: left;
  width: 80px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
}
#footer_rekrutacja_dark {
  float: left;
  width: 80px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
  background-color: #eaeaea;
}
#footer_doradztwo {
  float: left;
  width: 82px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
}
#footer_doradztwo_dark {
  float: left;
  width: 82px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
  background-color: #eaeaea;
}
#footer_coaching {
  float: left;
  width: 70px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
}
#footer_coaching_dark {
  float: left;
  width: 70px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
  background-color: #eaeaea;
}
#footer_eventy {
  float: left;
  width: 55px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
}
#footer_eventy_dark {
  float: left;
  width: 55px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
  background-color: #eaeaea;
}
#footer_kontakt {
  float: left;
  width: 62px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
}
#footer_kontakt_dark {
  float: left;
  width: 62px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  margin-top: 2px;
  background-color: #eaeaea;
}
.font_bold {
  font-weight: bold;
}
.blue_font {
  color: #009ee1;
  font-weight: bold;
}
.blue_font_light {
  color: #009ee1;
}

#copyright {
  float: left;
  width: 204px;
  padding-top: 17px;
  padding-left: 27px;
}
#projektb {
  float: right;
  padding-right: 23px;
  padding-top: 17px;
}
#projektb a {
  margin-left: 10px;
}
#logob {
  vertical-align: -3px;
  margin:0px;
}