html, body {
      width: 100%;
      height: 100%;
      margin: 0px;
      padding: 0px;
      font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
      font-size: 12px;
      color: #fff;
      overflow: hidden;
      /*white-space: nowrap;*/
    }
    a, img {
      border: none;
      outline:none;
      
    }
    #inblack {
      width: 30%;
      height: 100%;
      min-width: 330px;
      background-color: #000;
      float: left;
      position: relative;
      display: table-cell;
    
    }
    #inwhite {
      width: 67%;
      height: 100%;
      min-width: 650px;
      background-color: #fff;
      float: left;
      position: relative;
      

      display: table-cell;

        

      /*overflow: scroll;*/
    }
    #menu {
      width: 300px;
      height: 150px;
      position: absolute;
      bottom: 10px;
      right: 10px;
      float: right;
      /*background-color: Olive;*/
    }
    #submenu {
      width: 650px;
      height: 100%;
      position: absolute;
      bottom: 250px;
      left: 25px;
      /*background-color: Olive;*/
    }
      .nosub {
        display: none;outline:none;
      }
      .sub1 {
        background: url(img/kibg.png) repeat-y right;outline:none;
      }
      .sub2 {
        background: url(img/iasbg.png) repeat-y right;outline:none;
      }
      .sub3 {
        background: url(img/swbg.png) repeat-y right;outline:none;
      }
      .sub4 {
        background: url(img/kdbg.png) repeat-y right;outline:none;
      }
    #scontent {
      width: 600px;
      height: 320px;
      position: absolute;
      float: none;
      bottom: 0px;
      right: 0px;
      
    }
      #scontent a {
        display: block;
        float: right;
        margin: 0px;
        padding: 0px;
        border: none;
      }
        #scontent a img {
          padding: 0px;
          margin: 0px;
          border: none;
        }
    #content {
      min-width: 530px;
      height: 86px;
      position: absolute;
      
      bottom: 10px;
      left: 25px;
      /*background-color: Crimson;*/
    }
    #ki {
      position: absolute;
      right: 0px;
      display: block;
      width: 259px;
      height: 19px;
      background: url(img/kontaktinfo.png) no-repeat bottom;
      float: none;
    }
    #ki:hover {
      height: 19px;
      background: url(img/kontaktinfox.png) no-repeat bottom;
    }
    #ki.ki {
      background: url(img/kontaktinfox.png) no-repeat bottom !important;
    }
    #ia {
      position: absolute;
      top: 40px;
      left: 20px;
      display: block;
      width: 200px;
      height: 19px;
      background: url(img/interactive.png) no-repeat bottom;
      float: none;
    }
    #ia:hover {
      width: 202px;
      height: 19px;
      background: url(img/interactivex.png) no-repeat bottom;
    }
    #ia.ia {
      background: url(img/interactivex.png) no-repeat bottom !important;
    }
    #sw {
      position: absolute;
      top: 80px;
      left: 80px;
      display: block;
      width: 148px;
      height: 24px;
      background: url(img/oprogramowanie.png) no-repeat bottom;
      float: none;
    }
    #sw:hover {
      width: 210px;
      height: 24px;
      background: url(img/oprogramowaniex.png) no-repeat bottom;
    }
    #sw.sw {
      width: 210px;
      height: 24px;
      background: url(img/oprogramowaniex.png) no-repeat bottom !important;
    }
    #kd {
      position: absolute;
      top: 125px;
      left: 0px;
      display: block;
      width: 245px;
      height: 23px;
      background: url(img/kreacjadesign.png) no-repeat bottom;
      float: none;
    }
    #kd:hover {
      width: 245px;
      height: 23px;
      background: url(img/kreacjadesignx.png) no-repeat bottom;
    }
    #kd.kd {
      background: url(img/kreacjadesignx.png) no-repeat bottom !important;
    }
    #logo {
      position: absolute;
      right: 10px;
      bottom: 9px;
    }
    
    #contheader {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 500px;
      height: 23px;
      background-color: #000;
      font-size: 20px;
      font-weight: bold;
      /*color: rgb(139,188,45);*/
    }
    
    #contheader span {
      position: relative;
      top: -2px;
    }
    
    /* klasy nagłówka */
    
    .shdf {
      color: rgb(137,189,45);
    }
    
    .shia {
      color: rgb(87,168,29);
    }
    
    .shki {
      color: rgb(83,143,21);
    }
    
    .shsw {
      color: rgb(94,195,39);
    }
    
    .shkd {
      color: rgb(136,212,2);
    }
  #contentSlider {
      width: 500px;
      height: 100px;
      position: absolute;
      bottom: 10px;
      left: 55px;
      background-color: Crimson;
    }
/*zaufali*/
  #slider {
    
        
      width: 500px;
      height: 100px;
      position: absolute;
      top: 0px;
      left: 0px;
      overflow: auto;
      z-index: 0;
      background-color: #fff;
    }
/*www*/
      #slider2 {

    
        
      width: 490px;

      height: 100px;

      position: absolute;

      top: 0px;

      left: 0px;

      overflow: auto;

      z-index: 0;

      background-color: #fff;

    }
/* SLIDER */

#wrapper {width:500px; margin:0px auto; }

.sliderbutton {width:12px; height: 12px; position: absolute; bottom: 0px; border-left: 2px solid #fff;}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
/*#slider {float:left; position: ab; overflow:auto; width:530px; height:150px; border: none; background: Olive; }*/
#slider ul {position: relative; list-style:none; top:0; left:0; margin: 0px; padding: 0px;}
#slider li {float:left; width:500px; height:100px; padding-right:0px}
#slider ul li span a { color: #fff; text-decoration: none; }

/*.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px}*/
/*.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}*/
/*.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}*/
li.current {}

.greenShit {width:12px; height: 12px; position: absolute; bottom: 0px; border-right: 2px solid green; left: 0px; cursor: pointer;}

.whiteShit {width:12px; height: 12px; position: absolute; bottom: 0px; border-right: 2px solid #fff; left: 14px; cursor: pointer;}

.greenBigShit {width:20px; height: 23px; position: absolute; bottom: 0px; border-left: 2px solid green; right: 23px; cursor: pointer;}

.whiteBigShit {width:20px; height: 23px; position: absolute; bottom: 0px; border-left: 2px solid #fff; right: 0px; cursor: pointer;}

/*li#cnt {width:464px; height:270px; padding:15px 28px 15px 18px}*/
/*#cnt h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}*/


/* scroll start */

#wn {
			width: 500px;
			height: 61px;
			float: right;
			position: absolute;
      bottom: 0px;
      right: 0px;
			overflow: hidden;
			/*background-color: Red;*/
		}
		
			#lyr1 {
				width: 500px;
				/*height: 10px;*/
				float: right;
				position: relative;
        background: url(img/pasek.png) repeat;
        line-height: 170%;
				/*background-color: LightBlue;*/
				margin-top: 3px;
			}

      
#scrollbar {
				width: 5px;
				height: 86px;
				position: relative;
				float: left;
				display: block;
				font-size: 1px;
				/*background-color: Yellow;*/
			}

			#track { 
			  position:absolute;
				left: 0px;
				top: 12px;
			  width: 5px;
				height: 62px;
			  /*background: #336;*/
        /*border: 50px solid green;*/
		  }
			
			#dragBar {
				position:absolute;
				left:0px;
				top:0px;
				width:5px;
				height: 12px !important;
				/*background-color:#ceced6;*/
			}  
			
			#up { position:absolute; left:0; top:0; }
				
				#up a {
					width: 5px;
					height: 5px;
					display: block;
          background-color: #000;
				}
			
			#down { position:absolute; left:0; bottom:0; }
			
				#down  a {
					width: 5px;
					height: 5px;
					display: block;
          background-color: #000;
				}

			#scrollbar, #track, #dragBar, #up, #down {
				-moz-user-select: none;
				-khtml-user-select: none;
			}

/* scroll end */

#formblock
{
    width:500px;
    height:86px;
    
    /*border:1px solid #000;*/
    position:absolute;
font-size: 11px;
    
}
#form1
{
  
    width:485px;
    height:13px;
    background-color:#000;
    color:#8ABC2C;
    position:absolute;
    top:0px;
    left:0px;
    
    padding-left:5px;
}
#form2
{
    width:485px;
    height:41px;
    background-color:#000;
    color:#8ABC2C;
    position:absolute;
    bottom:22px;
    left:0px;
    padding-left:5px;
}

#form3
{
    width:485px;
    height:13px;
    background-color:#000;
    color:#8ABC2C;
    position:absolute;
    bottom:0px;
    left:0px;
    padding-left:5px;
}
#formsend
{
    width:61px;
    height:12px;
    color:#8ABC2C;
    position:absolute;
    bottom:0px;
    line-height:9px;
    text-align:center;
    right:0px;
    border-left:1px solid #fff;
    cursor:pointer;
}