body { margin:0; padding:0px; font-family: Arial; width: 100%; background: #ffffff; }
img { border: none; margin: 0; padding:0; }
a { padding: 0px; margin: 0px; }

#page { width: 964px; margin: 0 auto;  }
    #top { width: 960px; float: left; height: 87px; display: block; margin: 9px 2px 0 2px; overflow: hidden; }
        a.logo { float: left;  }
        #flags { width: 621px; float: left; height: 11px; }
            #flags img { float: right; margin-left: 10px;}
        #info { width: 621px; float: left; height: 37px; text-align: right; color: #1f1f1f; font-size: 11px; line-height: 37px;}
            #info a { color: #c90076; font-size: 11px; text-decoration: none; }
            #info a:hover { text-decoration: underline; }
        div.hrtop { width: 515px; height: 2px; float: right; display: block; margin-left: 106px; background: url('../img/hrtop.png'); }
        #menu { list-style: none; float: right;  }
            #menu li { float: left; color: #231f20; font-size: 15px; margin-left: 20px; }
                #menu li a { color: #231f20; font-size: 15px; text-decoration: none; }
                #menu li a:hover { text-decoration: underline; }
                #menu li a.act { font-weight: bold; }
        #sliderr { width: 964px; height: 370px; display: block; background: url('../img/bgslider.png'); float: left; margin: 12px 2px 0 2px; }
            
        #slider-control { float: left; width: 100%; height: 41px; display: block; background: url('../img/bgcontrol.png'); }
    #menu2 { float: left; list-style: none; margin: 0px 2px 15px 2px; padding: 0px; width: 960px; display: block; height: 103px; background: url('../img/bgmenu2.png'); }
        #menu2 li { float: left; width: 240px; height: 92px; display: block; float: left; margin:0px; }
        #menu2 li a { float: left; text-indent: -9999px; }
        #menu2 li a.one { width: 239px; height: 88px; display: block; background: url('../img/menu.png') -0px -0px; margin-top: 2px; }
        #menu2 li a.one:hover { width: 240px; height: 92px; display: block; background: url('../img/menu.png') -0px -88px; margin-top: 0px; }
        #menu2 li a.two { width: 236px; height: 88px; display: block; background: url('../img/menu.png') -239px -0px; margin-top: 2px; margin-left: 2px; }
        #menu2 li a.two:hover { width: 240px; height: 92px; display: block; background: url('../img/menu.png') -240px -88px; margin-top: 0px; margin-left: 0px; }
        #menu2 li a.three { width: 240px; height: 88px; display: block; background: url('../img/menu.png') -475px -0px; margin-top: 2px; margin-left: 0px; }
        #menu2 li a.three:hover { width: 240px; height: 92px; display: block; background: url('../img/menu.png') -480px -88px; margin-top: 0px; margin-left: 0px; }
        #menu2 li a.four { width: 239px; height: 88px; display: block; background: url('../img/menu.png') -715px -0px; margin-top: 2px; margin-left: 1px; }
        #menu2 li a.four:hover { width: 240px; height: 92px; display: block; background: url('../img/menu.png') -720px -88px; margin-top: 0px; margin-left: 0px; }
    #content { width: 100%; float: left; }
        #content .box { background: #ffffff; background-position: top left; width: 468px; float: left; border: 1px solid #dddddd; margin: 0px 0px 17px 2px; -moz-box-shadow: 0px 2px 6px 1px #efefef; -webkit-box-shadow: 0px 2px 6px 1px #efefef; box-shadow: 0px 2px 6px 1px #efefef; height: 166px; display: block; }
            #content .box h1 { font-size: 22px; color: #232021; font-family: Arial; width: 385px; float: left; margin: 20px 0 0 63px; }
            #content .box .text { font-size: 12px; color: #5d5c5c; line-height: 18px; font-family: Arial; width: 385px; float: left; margin: 10px 0 0 63px; height: 76px; display: block; overflow: hidden;  }
                #content .box h1 span { font-weight: normal; }
            #content .box a.more { font-size: 12px; font-weight: bold; text-decoration: none; float: right; margin: 5px 26px 0 0; }
            #content .box a.more:hover { text-decoration: underline; }
            #content .a a.more { color: #0082b3; }
            #content .b a.more { color: #ec008c; }
            #content .c a.more { color: #ecc200; }
            #content .d a.more { color: #231f20; }
        #content .prawa { float: right; margin: 0 2px 17px 0;  }
        #content .a { background: url('../img/bgbox1.png'); background-repeat: no-repeat; }
        #content .b { background: url('../img/bgbox2.png'); background-repeat: no-repeat; }
        #content .c { background: url('../img/bgbox3.png'); background-repeat: no-repeat; }
        #content .d { background: url('../img/bgbox4.png'); background-repeat: no-repeat; }
    #klienci { float: left; height: 96px; display: block; width: 960px; margin: 2px 2px 20px 2px; border: 1px solid #dddddd; -moz-box-shadow: 0px 2px 6px 1px #efefef; -webkit-box-shadow: 0px 2px 6px 1px #efefef; box-shadow: 0px 2px 6px 1px #efefef; overflow: hidden; }
        #klienci h1 { float: left; font-size: 22px; color: #232021; width: 109px; margin: 22px 0px 0px 23px;  }
            #klienci h1 span { font-weight: normal; }
            #klienci img { float: left; margin-top: 17px; margin-left: 15px; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; }
            #klienci img:hover { filter:alpha(opacity=100); opacity: 1;	-moz-opacity:1; }
#stopka { width: 100%; height: 382px; background: url('../img/bgstopka.png'); display: block; clear: both; padding-top: 18px; color: #ffffff;  }
    #foot { width: 960px; margin: 0 auto; height: 352px; display: block; }
        #left-col { float: left; width: 334px; height: 100%; background: url('../img/border.png'); background-position: right; background-repeat: no-repeat; }
            #left-col img.logo { float: left; }
            #left-col table { float: left; margin: 0 0 0 72px; font-size: 12px; }
            #left-col table td.lewy { color: #8b8b8b; font-weight: bold; vertical-align: top; text-align: right; border-right: 10px solid #171717; }
        #center-col { float: left;  width: 323px; height: 100%; background: url('../img/border.png'); background-position: right; background-repeat: no-repeat; }
            h2 { font-size: 22px; margin: 18px 0 0 23px; }
            div.kompetencje-text { width: 282px; margin: 15px 0 0 23px; font-size: 12px; line-height: 18px; }
            #center-col ul { color: #999999; list-style-image: url('../img/li.png'); margin: 20px 0 0 21px; padding-left: 0;}
            #center-col ul li { margin-bottom: 7px; }
        #right-col { float: left;  width: 303px; height: 100%; }
            h2 { font-size: 22px; margin: 18px 0 0 26px; }
            #news { margin: 15px 0 0 26px; width: 277px; float: left; font-size: 12px; line-height: 18px; max-height: 257px; overflow: hidden;}
                #right-col #news img.mini { float: left; border: 1px solid #8b8b8b; padding: 2px; margin: 0 12px 0 0; }
                #news .title { font-weight: bold; font-size: 12px; float: left; color: #ffffff; width: 159px; }
                #news .data { font-size: 11px; color: #8b8b8b; width: 159px; margin: 7px 0 12px 0; float: left; }
                #right-col a.control { color: #8b8b8b; font-size: 12px; text-decoration: none; margin-top: 3px;}
            #right-col a.control:hover { text-decoration: underline; }
    #copy { width: 960px; margin: 0 auto; height: 31px; display: block; }
        #copy span { float: left; font-size: 11px; color: #ffffff; margin-top: 3px; } 
        #copy a { float: right; font-size: 11px; color: #ffffff; margin-top: 3px; text-decoration: none; } 
        #copy a:hover { text-decoration: underline; }
        
    #slider { float: left;  padding: 0; width: 100%; height: 100%; list-style: none; overflow: hidden; }
    #slider li { float: left; width: 100%; height: 100%;margin: 41px 0 0 557px; }
    
#contentt { width: 960px; margin: 0 auto; }
    #contentt h1.my { width: 100%; height: 47px; background: url('../img/header-onas.png'); text-indent: -9999px; float: left; padding: 0; margin: 20px 0 0 0; }
    #contentt .editor { width: 100%; font-family: Arial; font-size: 12px; color: #231f20; float: left; margin-bottom: 22px; line-height: 150%; }
    #contentt .onas1 { border-bottom: 1px solid #dbdbdb; padding: 5px 0 17px 0; }
        #contentt .onas1 p { line-height: 150%; margin: 12px 0 0 0; }
        #contentt .onas1 ul, #contentt .onas1 ol { line-height: normal; }
    #my_info { float: left; width: 100%; background: url('../img/bg_onas1.png'); margin-bottom: 30px; }
        #my_info .jeden { float: left; width: 333px; }
            #my_info .jeden h2 { float: left; width: 100%; background: url('../img/onas_1.png'); text-indent: -9999px; height: 21px; margin:0px; padding: 0px; }
            #my_info .jeden .text { width: 313px; float: left; font-size: 12px; color: #231f20; line-height: 150%; margin-top: 10px; }
        #my_info .dwa { float: left; width: 247px; margin: 0 1px 0 1px; }
            #my_info .dwa h2 { float: left; width: 100%; background: url('../img/onas_2.png'); text-indent: -9999px; height: 21px; margin:0px; padding: 0px; }
            #my_info .dwa .text { width: 207px; float: left; font-size: 12px; color: #231f20; line-height: 150%; margin: 10px 20px 0 20px; }
        #my_info .trzy { float: left; width: 378px; }
            #my_info .trzy h2 { float: left; width: 100%; background: url('../img/onas_3.png'); text-indent: -9999px; height: 21px; margin:0px; padding: 0px; }
            #my_info .trzy .text { width: 358px; float: left; font-size: 12px; color: #231f20; line-height: 150%; margin: 10px 0 0 20px; }
    #zespol { float: left; width: 100%; margin-bottom: 20px; border-top: 1px solid #dbdbdb; padding-top: 21px;  }
        #zespol h2 { float: left; width: 100%; background: url('../img/onas_4.png'); text-indent: -9999px; height: 21px; margin:0px; padding: 0px; }
        #zespol .pracownik { float: left; margin: 16px 0 0 55px; width: 148px; height: 148px; display: block; overflow: hidden; }
        #zespol .noleft { margin: 16px 0 0 0px; }
        #zespol span { width: 100%; float: left; text-align: center; }
        #zespol span.osoba { font-size: 12px; font-weight: bold; color: #231f20; margin: 5px 0 2px 0; }
        #zespol span.stanowisko { color: #231f20; font-size: 12px; }
    a.onaskontakt { float: left; margin-bottom: 20px; }
    
    #contentt h1.oferta { width: 100%; height: 47px; background: url('../img/header_oferta.png'); text-indent: -9999px; float: left; padding: 0; margin: 20px 0 0 0; }
    #contentt #menu2 { margin: 0 0 20px 0; }  
    #info-oferta { width: 100%; float: left; background: url('../img/bg_oferta1.png'); margin-bottom: 30px; }
        #info-oferta .oferta1 { width: 237px; margin-right: 1px; float: left; }
        #info-oferta .oferta1 .link { float: left; text-align: center; width: 100%; }
            #info-oferta .oferta1 .link a { font-size: 12px; font-weight: bold; text-decoration: none; color: #0082b3; }
            #info-oferta .oferta1 .link a:hover { text-decoration: underline; }
            #info-oferta .oferta1 .text { line-height: 150%; width: 207px; margin-left: 15px; float: left; font-size: 12px; color: #231f20; margin-top: 10px; }
            
            #info-oferta .oferta2 { width: 239px; margin-right: 1px; float: left; }
        #info-oferta .oferta2 .link { float: left; text-align: center; width: 100%; }
            #info-oferta .oferta2 .link a { font-size: 12px; font-weight: bold; text-decoration: none; color: #ec008c; }
            #info-oferta .oferta2 .link a:hover { text-decoration: underline; }
            #info-oferta .oferta2 .text { line-height: 150%; line-height: 150%; width: 209px; margin-left: 15px; float: left; font-size: 12px; color: #231f20; margin-top: 10px; }
            
            #info-oferta .oferta3 { width: 240px; margin-right: 1px; float: left; }
        #info-oferta .oferta3 .link { float: left; text-align: center; width: 100%; }
            #info-oferta .oferta3 .link a { font-size: 12px; font-weight: bold; text-decoration: none; color: #ecc200; }
            #info-oferta .oferta3 .link a:hover { text-decoration: underline; }
            #info-oferta .oferta3 .text { line-height: 150%; width: 210px; margin-left: 15px; float: left; font-size: 12px; color: #231f20; margin-top: 10px; }
            
            #info-oferta .oferta4 { width: 241px; float: left; }
        #info-oferta .oferta4 .link { float: left; text-align: center; width: 100%; }
            #info-oferta .oferta4 .link a { font-size: 12px; font-weight: bold; text-decoration: none; color: #231f20; }
            #info-oferta .oferta4 .link a:hover { text-decoration: underline; }
            #info-oferta .oferta4 .text { line-height: 150%; width: 211px; margin-left: 15px; float: left; font-size: 12px; color: #231f20; margin-top: 10px; }
            
    #contentt h1.klienci { width: 100%; height: 47px; background: url('../img/header_klienci.png'); text-indent: -9999px; float: left; padding: 0; margin: 20px 0 0 0; }
    #klienci-lewa { width: 471px; float: left; margin-right: 18px; margin-bottom: 20px; }
    #klienci-lewa .hr { width: 100%; margin: 30px 0 10px 0; float: left; height: 1px; display: block; background: #dadbdb; }
    #klienci-prawa { width: 471px; float: left; }
    #klienci-main { width: 100%; float: left; font-size: 12px; color: #231f20; line-height: 150%; }
    #contentt h2.klienci { width: 100%; height: 48px; background: url('../img/head_referencje.png'); text-indent: -9999px; float: left; padding: 0; margin: 20px 0 0 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;  }
    #klienci-prawa img { filter:alpha(opacity=50); opacity: 0.5;	-moz-opacity:0.5; }
    #klienci-prawa img:hover { filter:alpha(opacity=100); opacity: 1;	-moz-opacity:1; }
    
    #contentt { width: 960px; margin: 0 auto; }
    #contentt h1.kontakt { width: 100%; height: 47px; background: url('../img/header-kontakt.png'); text-indent: -9999px; float: left; padding: 0; margin: 20px 0 0 0; }
    #kontakt-lewa { float: left; width: 472px; margin-right: 17px; margin-bottom: 15px; }
    #kontakt-lewa img.thx { float: left; }
    #kontakt-lewa .kontakt-text { width: 100%; margin: 15px 0 20px 0; font-size: 12px; color: #231f20; line-height: 150%; float: left; }
        #kontakt-lewa .adres { float: left; width: 195px; }
        #kontakt-lewa .kontakt { float: left; width: 277px; }
        #contentt h2.kontakt1 { width: 100%; height: 38px; background: url('../img/kontakt3.png'); text-indent: -9999px; float: left; padding: 0; margin: 5px 0 0 0; }
        #contentt h2.kontakt2 { width: 100%; height: 38px; background: url('../img/kontakt4.png'); text-indent: -9999px; float: left; padding: 0; margin: 5px 0 0 0; }
        #kontakt-lewa .text { width: 100%; margin: 0 0 10px 0; font-size: 12px; color: #231f20; line-height: 150%; float: left; }
        #contentt h2.kontakt3 { width: 100%; height: 33px; background: url('../img/kontakt5.png'); text-indent: -9999px; float: left; padding: 0; margin: 0 0 0 0; }
        
    #kontakt-prawa { width: 471px; float: left; }
    #kontakt-prawa form { width: 452px; height: 341px; background: url('../img/bgform.png'); float: left; font-size: 12px; color: #231f20; padding: 10px 0 0 19px; margin-top: 15px; }
    #kontakt-prawa form .form1 { width: 220px; float: left; margin-right: 11px; }
    #kontakt-prawa form .form2 { width: 220px; float: right; }
    #kontakt-prawa form dt, #text-label { width: 100%; float: left; margin: 0px 0 4px 0; }
    #kontakt-prawa form dd { width: 100%; float: left; margin: 0px 0 10px 0; }
    #kontakt-prawa form input[type="text"] { width: 200px; height: 25px; border: 1px solid #c0c0c0; }
    #kontakt-prawa form textarea { width: 431px; height: 132px; border: 1px solid #c0c0c0; float: left; }
    #kontakt-prawa #button_save { float: left; margin: 8px 0 0 0; padding: 0px;  cursor: pointer; }
    #button_save-label { width: 0px; height: 0; visibility: hidden; }
    
    .pag a { font-weight: normal; text-decoration: none; }
    .pag a:hover { text-decoration: underline; }
