/* Znaczniki 'globalne' */

html, body {
  height: 100%;
  background-color: #ffffff;
  background: url(./images/site/bg.png) repeat-x;
  padding: 0px;
  margin: 0px;
  font-family:verdana,arial,helevtica,sans-serif;
}

body {
 background-color: #ffffff;
}

h6 {
 margin: 0.8em 0px 0px 0px;
 font-size: 100%;
}

h5 {
 margin: 1.3em 0px 8px 0px;
 font-size: 120%;
}

h4 {
 margin: 1.2em 0px 1px 0px;
 font-size: 120%;
 font-weight: normal;
}

h3 {
 margin: 1.5em 0px 8px 0px;
 font-size: 130%;
}

h3.f, h5.f {
 margin-top: 6px;
}

h3.b, h5.b {
 margin-top: 2.7em;
}

label {
 font-size: 100%;
}

img {
  border: none;
}

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

a:hover {
  text-decoration: underline;
}

.zawartosc a {
  text-decoration: underline;
}

.zawartosc a:hover {
 text-decoration: none;
}

p {
 margin-top: 6px;
}

div.lexicon {
 margin-top: 0.7em;
 margin-bottom: 2em;
 margin-left: 20px;
}

p.small {
 margin-top: 3px;
 margin-bottom: 6px;
}

p.big {
 margin-top: 23px;
 margin-bottom: 6px;
 padding-bottom: 7px;
}


ol {
 padding: 0px 3px 0px 13px;
 margin:0px;
}

li {
  padding-top: 0px;
  padding-bottom: 0px;
}


.main_div {
  position:relative;
  margin:auto;
  height: 100%;
  width:777px;
}

.content {
  position:relative;
  z-index: 1;
}

.schemat_img {
  margin-bottom: 20px;
}

/* wycieniowanie gradientu w gornej belce */
.header_top_left {
  position:absolute;
  left: -40px;
  background:url(./images/site/bg_left.png) no-repeat;
  width: 40px;
  height: 87px;
}


/*gorna belka z logo i menu */
.gora_logo {
  position:relative;
  width:777px;
  height:60px;
}

.logowanie {
  position:absolute;
  right: 40px;
  top: 0px;
  width:76px;
  height:20px;
}

#header_menu {
 height: 30px;
 width: 780px;
 z-index: 120;
 background-image: url("/images/site/menu.png");
 background-repeat:no-repeat;
 background-position: left top;
}

#header_menu div {
 position: relative;
 float:left;
 z-index: 120;
 display:block;
}

#header_menu li a {
 color: #ffffff;
 margin: 0px;
 padding: 0px;
 text-decoration: none;
 z-index: 120;
}

#header_menu li a span {
 display: block;
 width: 100%;
 padding: 0px;
 margin: 0px;
 z-index: 120;
 background-color: #ee9911;
 padding: 3px 0px 3px 8px;
 border-bottom: 1px #f0f0f0 solid;
}

#header_menu li a:hover span {
 display: block;
 background-color: #d07209;
 padding: 0px;
 margin: 0px;
 z-index: 120;
 padding: 3px 0px 3px 8px;
 border-bottom: 1px #f0f0f0 solid;
 cursor: pointer;
}

#header_menu a.head {
 background-repeat:no-repeat;
 background-position: 0px -30px;
 margin: 0px;
 padding: 0px;
 display:block;
 font-size: 0px;
 height: 30px;
 z-index: 120;
}

#header_menu a.sel {
  background-position: 0px 0px;
}

#header_menu a.home_page {
  width: 130px;
  background-image: url("/images/site/menu_home_page.png");
}

#header_menu a.products {
  width: 129px;
  background-image: url("/images/site/menu_products.png");
}

#header_menu a.resources {
  width: 129px;
  background-image: url("/images/site/menu_resources.png");
}

#header_menu a.partners {
  width: 129px;
  background-image: url("/images/site/menu_partners.png");
}

#header_menu a.help {
  width: 129px;
  background-image: url("/images/site/menu_help.png");
}

#header_menu a.about_us {
  width: 131px;
  background-image: url("/images/site/menu_about_us.png");
}

#header_menu div.about_uso ul {
  width: 123px;
}

#header_menu div:hover ul, #header_menu div.over ul {
  display: block;
  z-index: 120;
}

#header_menu div:hover a, #header_menu div.over a {
 background-position: 0px 0px;
  z-index: 120;
}

#header_menu a:hover {
 background-position: 0px 0px;
 z-index: 120;
}

#header_menu ul { /* second-level lists */
  position: absolute;
  display: none;
  top: 30px;
  left: 0px;
  width: 150px;
  padding: 0px;
  margin: 0px;
  z-index: 120;
}

#header_menu li { /* all list items */
  z-index: 120;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  display: inline;
}


/* Strona startowa */
.banner_tlo {
  height:210px;
  width: 777px;
  background:url(./images/site/1_bg.jpg) no-repeat;
  position: relative;
  color: #030873;
}

.box_link_psk {
 position: absolute;
 top: 120px;
 left: 366px;
 font-size: 13px;
 font-weight: bold;
 text-align: left;
 width: 150px;
}

.box_link_isb {
 position: absolute;
 top: 110px;
 left: 80px;
 font-size: 13px;
 font-weight: bold;
 text-align: left;
 width: 140px;
}

#banner {
 position: absolute;
 left: 30px;
 top: 15px;
 font-size: 21px;
 width: 440px;
}

#pp_b {
 margin: auto;
 margin-top: 25px;
 margin-bottom: 25px;
 width: 300px;
}

.tytuly_zalet {
  background:url(./images/site/tytuly_zalet.png) no-repeat;
  height:56px;
  width: 777px;
}

.tytul_zalety {
  float: left;
  height: 36px;
  width: 194px;
  font-size: 14px;
  font-weight: bold;
  padding-top: 9px;
  padding-left: 65px;
  color: #030873;
}


#zalety .zalety_col {
  width: 258px;
  font-size: 11px;
  text-align:left;
  color:#030873;
  border-left: #f9d8a3 1px solid;
  border-right: #f9d8a3 1px solid;
  margin: 0px;
  vertical-align:top;
}


#zalety .zalety_col_in {
  width: 257px;
  font-size: 11px;
  text-align: left;
  color: #030873;
  vertical-align:top;
}

#zalety .td_inner {
 padding: 10px;
 line-height: 140%;
}

.see_more {
 float: right;
 margin: 8px 25px 0px 0px;
}

.see_also {
 margin: 0.7em 0px 0px 0px;
 padding: 0px;
 display: block;
}

.see_offer {
 margin: 7px 10px 3px 0px;
 font-size: 11px;
 text-align:center;
}

#zalety .zalety_col ul {
  padding-left:25px;
  padding-right:10px;
  padding-top:5px;
  margin:0px;
}


#zalety .zalety_col li {
  padding-top: 4px;
  padding-bottom: 4px;
}


/* Dolne menu */
.menu_dolne {
  margin-top: 5px;
  background:url(./images/site/menu_bottom.png) no-repeat;
  height:23px;
  width:777px;
  clear:both;
}


.menu_item {
  float:left;
  padding-left:20px;
  padding-top:4px;
  padding-right:20px;
  font-size: 11px;
  text-align:left;
  color:#030873;
}


.menu_sep {
  float:left;
  padding-left:10px;
  padding-top:4px;
  padding-right:10px;
  font-size: 11px;
  text-align:left;
  color:#ef9e18;
}


/* style dla stron z zawartoscia wlasciwa */
.site_pos {
  background:url(./images/site/bg_sitemap.png);
  background-repeat:no-repeat;
  background-position: top right;
  height:17px;
  font-size: 11px;
  padding-left: 160px;
}


.lewa_strona {
  position:relative;
  float:left;
  margin-top: 28px;
  margin-bottom: 15px;
  width: 147px;
  z-index: 1;
}


.lewe_menu_title {
  background:url(./images/site/menu_title.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #f7ce8b;
  height:20px;
  padding-top:3px;
  font-size: 11px;
  font-weight:bold;
  text-align:center;
}


.lewe_menu_item {
  border-left: 1px #f7ce8b solid;
  border-bottom: 1px #f7ce8b solid;
  border-right: 1px #f7ce8b solid;
  vertical-align: middle;
  padding: 3px 1px 4px 7px;
  font-size: 11px;
}

.left_menu_see_also {
  margin-top: 20px;
  background-color: #f7ce8b;
  height:20px;
  padding-top:3px;
  font-size: 11px;
  font-weight:bold;
  text-align:center;
}

.zawartosc {
  float:left;
  width:590px;
  padding: 20px 10px 20px 27px;
  font-size: 70%;
  color:#020652;
  z-index: 1;
}

.zawartosc_w {
 padding: 20px;
 font-size:70%;
 color:#020652;
 height: 60%;
 min-height: 450px;
}

.photo {
 float: right;
 margin: 5px -5px 11px 17px;
}

.photo_text {
 font-size: 12px;
 text-align: center;
 line-height: 19px;
 margin-top: 5px;
 margin-left: 25px;
}

.photo_text2 {
 font-size: 12px;
 text-align: center;
 line-height: 19px;
 margin-top: 5px;
 margin-bottom: 10px;
}

.login_error {
 color: red;
 font-weight: bold;
 font-size: 120%;
 margin-bottom: 30px;
 margin-top: 60px;
 text-align: center;
}

#login_page_div {
 margin-left: auto;
 margin-right: auto;
 margin-top: 10%;
 position:relative;
 width: 40%;
}

#login_page_div .login_table {
  margin: 0px 0px 0px 10px;
  border-top: 1px #e2e2e2 solid;
  border-bottom: 1px #e2e2e2 solid;
}

#login_page_div .login_table td {
  padding: 2px 0px 3px 12px;
}

#login_page_div .login_table td.first {
  padding: 2px 10px 3px 0px;
  border-right: 1px #e2e2e2 solid;
}

.zawartosc ul {
 margin-top: 5px;
 margin-bottom: 1em;
}

.zawartosc li {
 margin-top: 3px;
}

.bt {
 font-weight: bold;
}

.red_info {
 font-size: 120%;
 color: #ee0000;
 margin-bottom: 3em;
 font-weight:bold;
}

.input, textarea, .button {
  color: #020652;
  border: 1px solid #020652;
  font-size: 110%;
  margin: 0;
  padding: 0;
}

#login_button {
 background-color: #efefef;
 font-weight: bold;
 position: absolute;
 right: 20px;
 margin-top: 15px;
}

#send_button {
 background-color: #f7f7f7;
 font-weight: bold;
 margin-top: 15px;
 padding: 1px 5px 1px 5px;
}

.input {
  width: 130px;
}

td.contact_data {
 padding-left: 20px;
}

.my_table {
 padding: 1px;
}

.cennik_table, .cennik_table2 {
 margin: 2em 0px 2em 0px;
 text-align: center;
}

.cennik_table td, .dscr_table td {
 width: 33%;
}

.cennik_table2 td {
 width: 50%;
}

.dscr_table {
 margin: 0.5em 0px 0px 0px;
}

.dscr_table td {
 vertical-align: top;
}


.my_table ul, .lexicon ul {
 padding: 0px 3px 0px 13px;
 margin:0px;
}

.my_table li, .lexicon li {
  padding-top: 0px;
  padding-bottom: 0px;
}

.my_table td {
 padding-left: 5px;
}

.my_table th {
 background-color: #accfff;
}

.my_table th.l {
 text-align: left;
}

.my_table td.l {
 background-color: #f9f9ff;
}

.my_table td.d {
 background-color: #d7e8ff;
}

.my_table td.m {
 text-align: center;
}

/* slownik */
.dict_left {
 float: left;
 width: 280px;
}

.dict_right {
 float: right;
 width: 280px;
}

.red_color {
 color: #ff0000;
}

#clients {
  margin-top: 2px;
  padding-top: 7px;
  padding-bottom: 4px;
  border-top: 1px solid #fcecd1;
  text-align: center;
  color: #bebebe;
  font-weight: bold;
}

.footer {
  text-align:center;
  width:777px;
  height:20px;
  padding-top:10px;
  padding-bottom:10px;
  font-size: 11px;
  color:#818181;
}
