html {
    height: 100%;
    margin-bottom: 1px;
}

body {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 11px;
   xbackground: #f4f4f4;
   margin: 0;
   padding: 0;
}

* { outline: none;
ie-dummy: expression( this.hideFocus = true );
}

p {
   font-size: 12px;
}

h1 a {
   text-decoration: none;
   color: #3e5a85;
   font-size: 24px;
   font-weight: normal;
   font-size: inherit;
}

h2 a {
   font-size: inherit;
   font-weight: normal;
   color: #555;
}

h2.unread a {
   font-weight: bold;
}

h2.unread a {
   background: url(/images/new-12a.png) no-repeat right 3px;
   padding-right: 35px;
}

#wrapper {
   width: 940px;
   margin: 20px auto; 
}

h1 {
   margin: 0 0 10px 0;
   padding: 0;
   color: #000;
   font-size: 20px;
   font-weight: normal;
   font-family: Arial;
}

a {
  text-decoration: none;
  color: #6889ba;
  font-size: 12px;
}

ul li {
  font-size: 12px;
}

#header {
   height: 90px;
   background: #fff;
   background-image: url(/images/sp_bg.png);
   background-repeat: repeat-x;
   padding: 0 10px 10px 10px;
   border-bottom: 1px solid #ccc;
}

#header-in {
   width: 940px; margin: 0 auto;position:relative;
}

ul#topmenu {
   padding: 0;
   margin: 0;
   position: absolute;
/*   background: url(/images/przyciski.png) no-repeat;*/
   background: url(/images/syspar-menu-grey.png) no-repeat;
   display: block;
   width: 619px;
   height: 33px;
   top: 50px;
   left: 340px;
   
}

ul#topmenu li {
   float: left;
   display: block;
   margin: 0;
   padding: 0;
   
}

ul#topmenu li a{
   padding: 0;
   margin: 0;
   height: 33px; display: block; 
   margin-right: 9px;
   text-indent: -5000px;
}


#przycisk1 a{
      width: 169px;
}

#przycisk2 a{
      width: 144px;
}

#przycisk3 a{
      width: 152px;
}

#przycisk4 a {
      width: 116px;
      margin-right: 0;
}





#header h1 {
   color: #1c3564;
   margin: 0;
   background-image: url(/images/sp_title.png);
   background-repeat: no-repeat;
   height: 92px;
   width: 300px;
}

#header .login-info {
   padding-top: 15px;
   float: right;
   font-size: 12px;
}

#footer {
   clear: both;
   margin-top: 10px;   
   font-size: 10px;
}

#left {
   width: 170px;
   float: left;
}

#right {
   width: 760px;
   float: right;
}

#content {
   background: #fff;
   min-height: 500px;
   margin-bottom: 20px;
   width: 950px;

}

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

.clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


#home .box {
      padding: 0;
      margin: 0;
      float: left;
}

#home .top {
      height: 300px;
}

#home #box_left {
      width: 630px;
      background: url(/images/sp-ui-main.jpg) no-repeat;
}

#home #box_right {
      width: 310px;
      background: url(/images/sp-ui-main.jpg) -630px 0 no-repeat;
      margin-left: 10px;
      text-align: center;
}

#home #box_right h2 {
      color: #444444;
      font-family: Tahoma, sans-serif;
      font-weight: normal;
      font-size: 16px;
      margin-bottom: 18px; margin-top: 18px;
}

#box_right .login,  #box_right .password {
      width: 217px;
      border-top: 1px solid #a9adb0;
      border-left: 1px solid #a9adb0;
      border-top: 1px solid #e0eaeb;
      border-left: 1px solid #e0eaeb;    
      margin-bottom: 5px;
      padding-left: 3px;
}

.login_image {
      background: white url(/images/sp-login.png) 4px 3px no-repeat;
}
.password_image {
      background: white url(/images/sp-login.png) 4px -19px no-repeat;
}



#login_options {
      width: 200px;
       height: 24px;
       margin: auto;
}

#forgot {
   float: left;
   line-height: 24px;
   font-size: 12px;
}

#forgot a {
   color: #254b78;
}

#forgot a:hover  {
    text-decoration: underline;
}


#login_submit, #login_redirect {
   float: right;
}

.blue_button {
   width: 83px;
   height: 24px;
   background: url(/images/sp-ui-main.jpg) 0px -489px no-repeat;
   color: white;
   line-height: 24px;
   cursor: pointer;
   font-size: 12px;
   text-align: center;
   border: 0;
   font-family: Tahoma, Arial;
}

.orange_button {
   width: 208px;
   height: 24px;
   background: url(/images/sp-ui-main.jpg) -83px -489px no-repeat;
   color: white;
   line-height: 24px;
   cursor: pointer;
   font-size: 12px;
   font-weight: bold;
   font-family: Tahoma, Arial;
}

input.orange_button {
   border: 0;
   padding-bottom: 2px; 
}

a.blue_button {
      display: block;
}

#new_user {
   margin: auto;
}
   
#home .info {
      height: 185px;
      width: 310px;
      z-index: 0;
      position: relative;
}

#home #info1 {
      margin-right: 10px;
      background: url(/images/sp-ui-main.jpg) 0px -301px no-repeat;
}

#home #info2 {
      margin-right: 10px;
      background: url(/images/sp-ui-main.jpg) -320px -301px no-repeat;
}

#home #info3 {
      background: url(/images/sp-ui-main.jpg) -630px -301px no-repeat;
}

#box_left_text {
      padding: 24px 0 0 24px;
      color: #444444;
      font-size: 12px;
      line-height: 1.7em;
}

#box_left_text h1 {
      text-transform: uppercase;
      color: #444444;
}

.editable_form textarea{
   z-index: 999;
}

.box_info_text {
        padding: 16px 0 0 16px;
        margin: 0;
      color: #444444;
      font-size: 12px;
      line-height: 1.6em; 
}

.box_info_text h2 {
   font-size: 20px;
   font-weight: normal;
   color: #444444;
   margin: 0;
   padding: 0;
}


.info .blue_button {
      position: absolute;
      top: 144px; 
      left: 16px;
      
}

/* rejestracja */

#register-box {
   background: url(/images/sp-rejestracja-tlo.png) no-repeat;
   padding: 16px;
   }
   
#register-box h1 {
   text-transform: uppercase;
      color: #444444;
}

.register-wizard {
   list-style-type: none;
   text-align: center;
   padding: 0 0 0 2px;
}

.register-wizard li {
   position: relative;
   float: left;
   padding: 0px;
   background: url(/images/czarodziejwizard-box.png) -687px 0 no-repeat;
   font-size: 18px;
   display: block;
   height: 74px;
   width: 223px;
   margin-right: 6px;
}

.register-wizard li.current_step {
   background: url(/images/czarodziejwizard-box.png) -458px 0 no-repeat;
}

.register-wizard li.current_step p {
    color: #444444;
    
}

.register-wizard li p a {
      color: #888888;
      text-decoration: underline;
}
.register-wizard li span {
   display: block;
   position: absolute;
   background: url(/images/kulki.png) -28px 0 no-repeat;
   width: 22px;
   height: 22px;
   top: 25px;
   color: white;
   font-family: Tahoma;
   font-weight: normal;
   font-size: 14px;
   line-height: 21px;
   left: 11px;
}

.register-wizard li.current_step span {
   background: url(/images/kulki.png) 0 0 no-repeat;   
}

.register-wizard li p {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
   color: #bbbbbb;
   left: 45px;
   width: 160px;
   top: 27px;
   font-family: Tahoma;
   font-weight: bold;
   font-size: 14px;
}

.register-wizard li a {
   font-size: inherit;
}

.register-wizard li.current_step {
  font-weight: bold;
}


.register-form {
      padding: 24px 0 24px 0;
   
}

.register-form table {
      padding-bottom: 24px;
}

.register-form h2 {
      padding: 0;
      font-weight: bold;
      font-size: 16px;
      color: #f08000;
}

.register-table td {
   font-size: 14px;
   color: #444;
}

.register-table td.desc {
   font-weight: bold;
   text-align: right; 
   padding-right: 20px;
   width: 300px;
}

.register-table td.hint {
   font-size: 12px;
}


ul.errors {
      margin: 0 0 20px 0;
      padding: 0 8px 8px 8px;
}

ul.errors li {
      color: red;
      font-size: 12px;
      line-height: 1.5em;
      font-weight: bold;
      margin-left: 16px;
}

/* static */
#static_content {
   background: url(/images/sp-rejestracja-tlo.png) no-repeat;
   padding: 16px;
   color: #444444;
   line-height: 1.6em;
   font-size: 12px;
   min-height: 300px;
}

#static_content h1 {
      text-transform: uppercase;
      color: #444444;
      font-size: 20px;
}

#static_content h2 {
      color: #444444;
      font-size: 14px;
}

#static_content h3 {
      color: #444444;
      font-size: 12px;
}

#static_content p {
      margin-bottom: 16px;
}

#static_content img {
      margin: 0 10px 0 10px;
      border: 1px solid #dedede;
}

/* =================================================================== */
/* DEFAULT TABLE LAYOUT
/* =================================================================== */

.simple-table,
.editable table {
   border-collapse: collapse !important;
}

.simple-table caption,
.editable caption {
   padding: 0 0 5px 0;
   width: 700px;   
   xfont: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-align: right;
}

.simple-table th,
.editable th {
   color: #4f6b72;
   border-right: 1px solid #C1DAD7;
   border-bottom: 1px solid #C1DAD7;
   border-top: 1px solid #C1DAD7;
   border-left: 1px solid #C1DAD7;   
   xletter-spacing: 2px;
   xtext-transform: uppercase;
   text-align: left;
   padding: 4px 4px 4px 12px;
        font-size: 12px;
   font-family: Arial;
   background: #CAE8EA url(/images/bg_header.jpg) no-repeat 0 0;
}

.vertical th {
        font-weight: normal;
}

.vertical .summary {
        font-weight: bold;
}

.simple-vertical-table th {
        text-transform: none !important;
}

.simple-table th.nobg,
.editable th.nobg {
   border-top: 0;
   border-left: 0;
   border-right: 1px solid #C1DAD7;
   background: none;
}

.simple-table td,
.editable td {
   border-right: 1px solid #C1DAD7;
   border-bottom: 1px solid #C1DAD7;
   border-left: 1px solid #C1DAD7;   
   border-top: 1px solid #C1DAD7;      
   background: #fff;
   padding: 6px 6px 6px 12px;
   color: #4f6b72;
}

.simple-table td.alt,
.editable td.alt {
   background: #F5FAFA;
   color: #797268;
}

.simple-table th.spec,
.editable th.spec {
   border-left: 1px solid #C1DAD7;
   border-top: 0;
   font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.simple-table th.specalt,
.editable th.specalt {
   border-left: 1px solid #C1DAD7;
   border-top: 0;
   font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #797268;
}
/*----------------------------------
  style stopki 
----------------------------------*/
#bn_footer img {
      border: 0;
}

#bn_footer {
    border-top: 3px solid #e8e8e8;
    padding: 1px 0 1px 0;
    margin: 25px auto 0 auto !important;
    border-bottom: 1px solid #fff;
    clear: both;
    background-color: #fff;
    text-align: center;
}

#bn_footer .top {
    background: #f1f1f1;
    height: 29px;
    line-height: 29px;
    color: #acacac;        
    border-bottom: 1px solid #f3f3f3;
}

#bn_footer .top a {
    vertical-align: middle;
    font-family: Tahoma, Arial;
    font-size: 11px;
    color: #1c3564;
    padding: 0 3px;
}

/* */

#bn_footer .middle {
  	 background: url('http://www.bankier.pl/i/footer_middle.gif') repeat-x top left;
	 height: 55px;
         text-align: center;         
}
#bn_footer .middle ul {
           margin: auto;
         padding-top: 10px; padding-left: 0px;
	 list-style-type: none;
         margin: auto;
width: 640px;
}
#bn_footer .middle li {
           display: block;
           float: left;
}
#bn_footer .middle li a {
	height: 35px;
	display: table-cell;
}



#bn_footer .middle #vatLogo { background-image: url(http://www.bankier.pl/i/vat_logo.gif); width: 64px; } #bn_footer .middle #vatLogo:hover { background: url(http://www.bankier.pl/i/vat_logo.gif) no-repeat 0% 100%; }
#bn_footer .middle #pitLogo { background-image: url(http://www.bankier.pl/i//pit_logo.gif); width: 63px; } #bn_footer .middle #pitLogo:hover { background: url(http://www.bankier.pl/i/pit_logo.gif) no-repeat 0% 100%; }
#bn_footer .middle #mojeautoLogo { background-image: url(http://www.bankier.pl/i/mojeauto_logo.gif); width: 97px; } #bn_footer .middle #mojeautoLogo:hover { background: url(http://www.bankier.pl/i/mojeauto_logo.gif) no-repeat 0% 100%; }
#bn_footer .middle #twojafirmaLogo { background-image: url(http://www.bankier.pl/i/twojafirma_logo.gif); width: 97px; } #bn_footer .middle #twojafirmaLogo:hover { background: url(http://www.bankier.pl/i/twojafirma_logo.gif) no-repeat 0% 100%; }
#bn_footer .middle #prnewsLogo { background-image: url(http://www.bankier.pl/i/prnews_logo.gif); width: 99px; } #bn_footer .middle #prnewsLogo:hover { background: url(http://www.bankier.pl/i/prnews_logo.gif) no-repeat 0% 100%; }
#bn_footer .middle #bankierLogo { background-image: url(http://www.bankier.pl/i/bankierFooter_logo.gif); width: 94px; } #bn_footer .middle #bankierLogo:hover { background: url(http://www.bankier.pl/i/bankierFooter_logo.gif) no-repeat 0% 100%; }

/* */

#bn_footer .bottom {
    background: #e8e8e8;
    height: 35px;
    line-height: 35px;
}

#bn_footer .bottom {
    vertical-align: middle;
}


#bn_footer .bottom a {
    color: #1c3564;
}

.bn_cf_section {
  color: #ef5e1a !important; 
}

#spfooter {
	text-align: center;

}