/* ---------------------------------Main------------------------------------- */
a
{
  font-family:Tahoma, sans-serif;
  text-align:center;
  text-decoration:none; border: none; outline:none;
}


a:link {text-decoration:none; outline:none;}      
a:visited {text-decoration:none;outline:none;}  
a:hover {outline:none;} 
a:active {outline:none;}

a:link.white {text-decoration:none;outline:none; z-index:10}      
a:visited.white {text-decoration:none;outline:none;z-index:10}  
a:hover.white {background-color:transparent;outline:none;z-index:10} 
a:active.white {outline:none;z-index:10}

a:link.clear {text-decoration:none;background-color:transparent; border: none;outline:none;}      
a:visited.clear {text-decoration:none;background-color:transparent; border: none;outline:none;}  
a:hover.clear {background-color:transparent; border: none;outline:none;} 
a:active.clear {background-color:transparent; border: none;outline:none;}
 
 
 

html
{
    height:100%;
    width:100%;
    overflow-x: hidden ;
        overflow-y: scroll ;
    overflow: -moz-scrollbars-vertical;
}

body
{
  text-align: center;
       
        /*overflow-x: hidden ;*/
        /*overflow-y: scroll ;*/
        /**/
        /*overflow: -moz-scrollbars-vertical;*/

       background-color:#fff; 
        margin: 0px 0px 0px 0px;
       font-family:Tahoma, sans-serif;
       height:100%;
       width:100%;
       /*border:1px solid #000;*/
  font-size:11px;
  
  

}

/* ---------------------------------Container-------------------------------- */

#containerleft
{
  
  width: 36%;
  height:100%;

  
  
 /*CENTROWANIE*/ 
       position:absolute;
       left: 0px;
        bottom:0px;
        
        background-color:#000;
        
       text-align: left;
       overflow: auto -moz-scrollbars-none;
 /*border: 1px solid #000;*/
 
}
#containerright
{
  
  width: 64%;
  height:100%;

 /*CENTROWANIE*/ 
       position:absolute;
       right: 0px;


        bottom:0px;
  
       text-align: left;
       overflow: auto -moz-scrollbars-none;
 /*border: 1px solid #00ff00;*/
 
}
.logo
{
    width:92px;
    height:70px;
    
    position:absolute;
    right:90px;
    bottom:15px;
    
    background: url(img/logo.png);

}

/*--------- LEFT SIDE*/

#westside
{
    
    height:100%;
    width:341px;
    position:absolute;
    right:0px;
    bottom:0px;
    
    /*border: 1px solid #333;*/
}

#menu
{
    width:341px;
    height:299px;
    
    position:absolute;
    left:0px;
    bottom:0px;
    
    /*border: 1px solid #fff;*/
    /*background-color:#fff;*/
}


.menu1
{
    width:259px;
    height:12px;
    color:#fff;
    position:absolute;
    right:22px;
    bottom:140px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    background: url(img/kontaktinfo.png) no-repeat;
}
.menu2
{
    width:200px;
    height:12px;
    color:#fff;
    position:absolute;
    right:100px;
    bottom:100px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    background: url(img/interactive.png) no-repeat;
}

#menu1
{
    width:259px;
    height:12px;
    color:#fff;
    position:absolute;
    right:22px;
    bottom:140px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    background: url(img/kontaktinfo.png) no-repeat;
}
#menu2
{
    width:200px;
    height:12px;
    color:#fff;
    position:absolute;
    right:100px;
    bottom:100px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    background: url(img/interactive.png) no-repeat;
}
#menu3
{
    width:148px;
    height:12px;
    color:#fff;
    position:absolute;
    right:63px;
    bottom:60px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    /*background: url(img/oprogramowanie.png) no-repeat;*/
}
#menu4
{
    width:245px;
    height:12px;
    color:#fff;
    position:absolute;
    right:69px;
    bottom:15px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    /*background: url(img/kreacjadesign.png) no-repeat;*/
}

.menu3
{
    width:148px;
    height:12px;
    color:#fff;
    position:absolute;
    right:63px;
    bottom:60px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    background: url(img/oprogramowanie.png) no-repeat;
}
.menu4
{
    width:245px;
    height:12px;
    color:#fff;
    position:absolute;
    right:69px;
    bottom:15px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    background: url(img/kreacjadesign.png) no-repeat;
}
.menu1x
{
    width:259px;
    height:19px;
    color:#fff;
    position:absolute;
   right:22px;
    bottom:139px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    background: url(img/kontaktinfox.png) no-repeat;
}
.menu2x
{
    width:202px;
    height:19px;
    color:#fff;
    position:absolute;
     right:98px;
    bottom:98px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    background: url(img/interactivex.png) no-repeat;
}
.menu3x
{
    width:210px;
    height:24px;
    color:#fff;
    position:absolute;
    right:1px;
    bottom:53px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    background: url(img/oprogramowaniex.png) no-repeat;
}
.menu4x
{
    width:245px;
    height:24px;
    color:#fff;
    position:absolute;
    right:69px;
    bottom:8px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    background: url(img/kreacjadesignx.png) no-repeat;
}



/*--------- RIGHT SIDE*/


#eastside
{
    height:100%;
    width:683px;
    
    position:absolute;
    left:0px;
    bottom:0px;
    
    /*border: 1px solid #ff0000;*/
    
    
}


#submenu
{
    width:512px;
    height:310px;
    
    position:absolute;
    right:0px;
    bottom:260px;
    
    /*border: 1px solid #000;*/
    background-color:#fff;
}





.submenu1
{
    width:12px;
    height:85px;
    color:#fff;
    position:absolute;
    right:300px;
    top:0px;
    /*border: 1px solid #fff;*/
    
    visibility:hidden;
    
    z-index:10;
    
    background: url(img/logotypy.png) no-repeat;
}
#bar1
{
    width:2px;
    height:100%;
    position:absolute;
    right:35px;
    bottom:570px;
    visibility:hidden;
    
    z-index:10;
    
    background: url(img/barback.png) repeat-y;
}

#scrollinduction
{
  width:1px;
  height:580px;
  position:absolute;
  bottom:0px;
  right:0px;
  
  /*border:1px solid #000;*/
}


.submenu2
{
    width:12px;
    height:190px;
    color:#fff;
    position:absolute;
    right:165px;
    top:0px;
    /*border: 1px solid #fff;*/
    visibility:hidden;
    z-index:10;
    
    background: url(img/oprnazwy.png) no-repeat;
}


#bar2
{
    width:2px;
    height:100%;
    position:absolute;
    right:65px;
    bottom:570px;
    
    visibility:hidden;
    z-index:10;
    
    background: url(img/barback.png) repeat-y;
}

.submenu3
{
    width:12px;
    height:235px;
    color:#fff;
    position:absolute;
    right:135px;
    top:0px;
    /*border: 1px solid #fff;*/
    visibility:hidden;
    z-index:10;
    
    background: url(img/idwiz.png) no-repeat;
}
#bar3
{
    width:2px;
    height:100%;
    position:absolute;
    right:139px;
    bottom:570px;
    visibility:hidden;
    
    z-index:10;
    
    background: url(img/barback.png) repeat-y;
}
.submenu4
{
    width:12px;
    height:118px;
    color:#fff;
    position:absolute;
    right:60px;
    top:0px;
    /*border: 1px solid #fff;*/
    visibility:hidden;
    z-index:10;
    
    background: url(img/webdesign.png) no-repeat;
}
#bar4
{
    width:2px;
    height:100%;
    position:absolute;
    right:170px;
    bottom:570px;
    visibility:hidden;
    
    z-index:10;
    
    background: url(img/barback.png) repeat-y;
}

.submenu5
{
    width:12px;
    height:190px;
    color:#fff;
    position:absolute;
    right:30px;
    top:0px;
    /*border: 1px solid #fff;*/
    visibility:hidden;
    z-index:10;
    
    background: url(img/desmark.png) no-repeat;
}

#bar5
{
    width:2px;
    height:100%;
    position:absolute;
    right:305px;
    bottom:570px;
    
    visibility:hidden;
    z-index:10;
    
    background: url(img/barback.png) repeat-y;
}




#contentfull
{
    width:519px;
    height:81px;
    
    position:absolute;
    left:30px;
    bottom:15px;
    
    /*border: 1px solid #000;*/
    
}

#content
{
    width:490px;
    height:81px;
    
    font-family: Tahoma;
    
    position:absolute;
    right:0px;
    bottom:0px;
    
    /*border: 1px solid #000;*/
}
#contenttitle
{
    width:490px;
    height:21px;
    
    position:absolute;
    line-height:18px;
    right:0px;
    top:0px;
    font-size:18px;
    font-weight:900;
    background-color:#000;
    color:#8ABC2C;
    /*border: 1px solid #000;*/
    
}

#contenttxtbars
{
    width:490px;
    height:53px;
    
    position:absolute;
    
    right:0px;
    bottom:0px;
    font-size:12px;
    text-align:justify;
    
    /*border: 1px solid #ff0000;*/
    
    background:url(img/cont.png) no-repeat;
    color:#fff;
    
    
}
#contenttxt
{
    width:490px;
    height:57px;
    
    position:absolute;
    line-height:20px;
    right:0px;
    top:-4px;
    font-size:12px;
    text-align:justify;
    
    overflow:hidden;
    
    /*border: 1px solid #ff0000;*/
    
    /*background:url(img/cont.png) no-repeat;*/
    color:#fff;
    
    
}

#contentup
{
    width:5px;
    height:5px;
    
    position:absolute;
    left:0px;
    top:0px;
    background-color:#000;
    /*border: 1px solid #000;*/
    
}
#contentdown
{
    width:5px;
    height:5px;
    
    position:absolute;
    left:0px;
    bottom:0px;
    background-color:#000;
    /*border: 1px solid #000;*/
    
}

#galeria
{
    width:490px;
    height:223px;
    
    position:absolute;
    left:65px;
    bottom:40px;
    
    /*border: 1px solid #000;*/
    
}
#galmain
{
    width:381px;
    height:223px;
    
    position:absolute;
    left:0px;
    bottom:0px;
    
    border: 1px solid #000;
    
}
#galup
{
    width:101px;
    height:108px;
    
    position:absolute;
    right:0px;
    top:-2px;
    
    border: 1px solid #000;
    
}
#galdown
{
    width:101px;
    height:108px;
    
    position:absolute;
    right:0px;
    bottom:0px;
    
    border: 1px solid #000;
    
}

#galbar
{
    width:464px;
    height:12px;
    
    position:absolute;
    left:65px;
    bottom:15px;
    
    background-color:#000;
    
}
#pickleft
{
    width:12px;
    height:12px;
    
    position:absolute;
    left:531px;
    bottom:15px;
    
   background:url(img/pickleft.png);
    
}
#pickright
{
    width:12px;
    height:12px;
    
    position:absolute;
    left:545px;
    bottom:15px;
    
    background:url(img/pickright.png);
    
}




/*-------------------------------------USEFUL PART ABOVE------------------------------------------*/



#menuwait
{
    width:341px;
    height:183px;
    color:#fff;
    position:absolute;
   right:22px;
    bottom:0px;
    /*border: 1px solid #fff;*/
    
    z-index:10;
    
    background: url(img/asplashkedo.png) no-repeat;
}








/*==========================================================*/