html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } @font-face{ src: url('SenticoSansDT-Medium.otf'); font-family: SenticoSansDT; } @font-face{ src: url('SenticoSansDT-Bold.otf'); font-family: SenticoSansDT; font-weight: bold; } html{ background: #e8eaed; } body{ font: 8pt Tahoma, Verdana, Arial, Sans; color: #4c4f53; } a{ text-decoration: none; color: #4c4f53; } strong{ font-weight: bold; } #header{} #navBar{ margin: 0 auto; padding: 16px 0 0; list-style: none; width: 993px; text-align: right; font-size: .9em; text-transform: lowercase; } #navBar li, #navBar ul{ display: inline; } #navBar li ul li{ margin: 0 0 0 3px; } #navBar li.splitter{ margin: 0 10px 0 15px; } #navBar li ul li a{ text-transform: uppercase; color: #444; text-decoration: none; font-size: 1em; } #search{ display: inline; } #search input[type=text]{ border: 1px solid #adadae; } #search input[type=submit]{ font-size: 1em; border: none; background: none; text-transform: lowercase; cursor: hand; cursor: pointer; } #top{ width: 993px; height: 63px; margin: 0 auto 21px; overflow: hidden; position: relative; } h1{ position: absolute; left: 0; bottom: 3px; width: 188px; height: 60px; background: url('../images/logo.gif') no-repeat; text-indent: -999px; } h1 a{ display: block; width: 100%; height: 100%; } #nav.pl{ overflow: hidden; width: 853px; height: 13px; position: absolute; right: 0; top: 50px; list-style: none; text-align: right; vertical-align: top; } #nav.pl li{ height: 13px; vertical-align: top; display: inline-block; margin: 0 0 0 44px; } #nav.pl li a{ overflow: hidden; display: inline-block; height: 13px; background: url(../images/menuPLSprite.gif) no-repeat; text-indent: 999px; } #nav.pl li a.about{ width: 64px; background-position: 0 -13px; } #nav.pl li a.about:hover, #nav li a.about.active{ background-position: 0 0; } #nav.pl li a.services{ width: 54px; background-position: 0 -39px; } #nav.pl li a.services:hover, #nav li a.services.active{ background-position: 0 -26px; } #nav.pl li a.products{ width: 72px; background-position: 0 -65px; } #nav.pl li a.products:hover, #nav li a.products.active{ background-position: 0 -52px; } #nav.pl li a.news{ width: 90px; background-position: 0 -91px; } #nav.pl li a.news:hover, #nav li a.news.active{ background-position: 0 -78px; } #nav.pl li a.career{ width: 59px; background-position: 0 -117px; } #nav.pl li a.career:hover, #nav li a.career.active{ background-position: 0 -104px; } #nav.pl li a.newsletter{ width: 59px; background-position: 0 -117px; } #nav.pl li a.newsletter:hover, #nav li a.newsletter.active{ background-position: 0 -104px; } #nav.pl li a.contact{ width: 65px; background-position: 0 -143px; } #nav.pl li a.contact:hover, #nav li a.contact.active{ background-position: 0 -130px; } #nav2.pl{ overflow: hidden; width: 853px; height: 13px; position: absolute; right: 0; top: 50px; list-style: none; text-align: right; vertical-align: top; } #nav2.pl li{ height: 13px; vertical-align: top; display: inline-block; margin: 0 0 0 44px; } #nav2.pl li a{ overflow: hidden; display: inline-block; height: 13px; background: url(../images/menuPLSprite-new.gif) no-repeat; text-indent: 999px; } #nav2.pl li a.about{ width: 64px; background-position: 0 -15px; } #nav2.pl li a.about:hover, #nav2.pl li a.about.active{ background-position: 0 0; } #nav2.pl li a.services{ width: 54px; background-position: 0 -45px; } #nav2.pl li a.services:hover, #nav2.pl li a.services.active{ background-position: 0 -30px; } #nav2.pl li a.products{ width: 72px; background-position: 0 -75px; } #nav2.pl li a.products:hover, #nav2.pl li a.products.active{ background-position: 0 -60px; } #nav2.pl li a.news{ width: 90px; background-position: 0 -105px; } #nav2.pl li a.news:hover, #nav2.pl li a.news.active{ background-position: 0 -90px; } #nav2.pl li a.career{ width: 59px; background-position: 0 -135px; } #nav2.pl li a.career:hover, #nav2.pl li a.career.active{ background-position: 0 -120px; } #nav2.pl li a.newsletter{ width: 59px; background-position: 0 -117px; } #nav2.pl li a.newsletter:hover, #nav2.pl li a.newsletter.active{ background-position: 0 -104px; } #nav2.pl li a.contact{ width: 65px; background-position: 0 -165px; } #nav2.pl li a.contact:hover, #nav2.pl li a.contact.active{ background-position: 0 -150px; } #nav2.en{ overflow: hidden; width: 850px; height: 13px; position: absolute; right: 0; top: 50px; list-style: none; text-align: right; vertical-align: top; } #nav2.en li{ height: 13px; vertical-align: top; display: inline-block; margin: 0 0 0 44px; } #nav2.en li a{ overflow: hidden; display: inline-block; height: 13px; background: url(../images/menuENSprite-new.gif) no-repeat; text-indent: 999px; } #nav2.en li a.about{ width: 60px; background-position: 0 -15px; } #nav2.en li a.about:hover, #nav2.en li a.about.active{ background-position: 0 0; } #nav2.en li a.services{ width: 74px; background-position: 0 -45px; } #nav2.en li a.services:hover, #nav2.en li a.services.active{ background-position: 0 -30px; } #nav2.en li a.products{ width: 76px; background-position: 0 -75px; } #nav2.en li a.products:hover, #nav2.en li a.products.active{ background-position: 0 -60px; } #nav2.en li a.news{ width: 56px; background-position: 0 -105px; } #nav2.en li a.news:hover, #nav2.en li a.news.active{ background-position: 0 -90px; } #nav2.en li a.career{ width: 56px; background-position: 0 -135px; } #nav2.en li a.career:hover, #nav2.en li a.career.active{ background-position: 0 -120px; } #nav2.en li a.contact{ width: 62px; background-position: 0 -165px; } #nav2.en li a.contact:hover, #nav2.en li a.contact.active{ background-position: 0 -150px; } #nav2.de{ overflow: hidden; width: 850px; height: 13px; position: absolute; right: 0; top: 50px; list-style: none; text-align: right; vertical-align: top; } #nav2.de li{ height: 13px; vertical-align: top; display: inline-block; margin: 0 0 0 44px; } #nav2.de li a{ overflow: hidden; display: inline-block; height: 13px; background: url(../images/menuDESprite-new.gif) no-repeat; text-indent: 999px; } #nav2.de li a.about{ width: 100px; background-position: 0 -15px; } #nav2.de li a.about:hover, #nav2.de li a.about.active{ background-position: 0 0; } #nav2.de li a.services{ width: 125px; background-position: 0 -45px; } #nav2.de li a.services:hover, #nav2.de li a.services.active{ background-position: 0 -30px; } #nav2.de li a.products{ width: 76px; background-position: 0 -75px; } #nav2.de li a.products:hover, #nav2.de li a.products.active{ background-position: 0 -60px; } #nav2.de li a.news{ width: 75px; background-position: 0 -105px; } #nav2.de li a.news:hover, #nav2.de li a.news.active{ background-position: 0 -90px; } #nav2.de li a.career{ width: 70px; background-position: 0 -135px; } #nav2.de li a.career:hover, #nav2.de li a.career.active{ background-position: 0 -120px; } #nav2.de li a.contact{ width: 69px; background-position: 0 -165px; } #nav2.de li a.contact:hover, #nav2.de li a.contact.active{ background-position: 0 -150px; } #nav.en{ overflow: hidden; width: 850px; height: 13px; position: absolute; right: 0; top: 50px; list-style: none; text-align: right; vertical-align: top; } #nav.en li{ height: 13px; vertical-align: top; display: inline-block; margin: 0 0 0 44px; } #nav.en li a{ overflow: hidden; display: inline-block; height: 13px; background: url(../images/menuENSprite.gif) no-repeat; text-indent: 999px; } #nav.en li a.about{ width: 60px; background-position: 0 -13px; } #nav.en li a.about:hover, #nav li a.about.active{ background-position: 0 0; } #nav.en li a.services{ width: 74px; background-position: 0 -39px; } #nav.en li a.services:hover, #nav li a.services.active{ background-position: 0 -26px; } #nav.en li a.products{ width: 76px; background-position: 0 -65px; } #nav.en li a.products:hover, #nav li a.products.active{ background-position: 0 -52px; } #nav.en li a.news{ width: 56px; background-position: 0 -91px; } #nav.en li a.news:hover, #nav li a.news.active{ background-position: 0 -78px; } #nav.en li a.career{ width: 56px; background-position: 0 -117px; } #nav.en li a.career:hover, #nav li a.career.active{ background-position: 0 -104px; } #nav.en li a.contact{ width: 62px; background-position: 0 -143px; } #nav.en li a.contact:hover, #nav li a.contact.active{ background-position: 0 -130px; } #nav.de{ overflow: hidden; width: 850px; height: 13px; position: absolute; right: 0; top: 50px; list-style: none; text-align: right; vertical-align: top; } #nav.de li{ height: 13px; vertical-align: top; display: inline-block; margin: 0 0 0 44px; } #nav.de li a{ overflow: hidden; display: inline-block; height: 13px; background: url(../images/menuDESprite.gif) no-repeat; text-indent: 999px; } #nav.de li a.about{ width: 100px; background-position: 0 -13px; } #nav.de li a.about:hover, #nav li a.about.active{ background-position: 0 0; } #nav.de li a.services{ width: 125px; background-position: 0 -39px; } #nav.de li a.services:hover, #nav li a.services.active{ background-position: 0 -26px; } #nav.de li a.products{ width: 76px; background-position: 0 -65px; } #nav.de li a.products:hover, #nav li a.products.active{ background-position: 0 -52px; } #nav.de li a.news{ width: 75px; background-position: 0 -91px; } #nav.de li a.news:hover, #nav li a.news.active{ background-position: 0 -78px; } #nav.de li a.career{ width: 70px; background-position: 0 -117px; } #nav.de li a.career:hover, #nav li a.career.active{ background-position: 0 -104px; } #nav.de li a.contact{ width: 69 px; background-position: 0 -143px; } #nav.de li a.contact:hover, #nav li a.contact.active{ background-position: 0 -130px; } #slider{ width: 993px; height: 200px; margin: 0 auto; color: #fff; overflow: hidden; } 20px; background: #666; } #slider li{ height: 200px; position: relative; } #slider li img{} #slider li div{ width: 700px; position: absolute; top: 120px; left: 30px; display: none; } #sliderControls{ width: 100%; position: absolute; right: 27px; bottom: 14px; list-style: none; z-index: 999; text-align: right; } #sliderControls li{ display: inline; margin: 1px; } #sliderControls li a{ height: 100%; text-align: center; padding: 5px 8px; line-height: 20px; text-decoration: none; color: #fff; background: #999; background: rgba(99,99,99,.7) !important; } #sliderControls li a:hover, #sliderControls li.activeSlide a{ background: #444; background: rgba(77,77,77,.9) !important; } #wrapper{ width: 100%; background: #e8eaed; height: 100%;} #wrap{ margin: 0 0 20px; overflow: hidden; } #mainWrapper{ width: 993px; margin: 0 auto; padding: 18px 0 0; overflow: hidden; background: #fff; } #navLeft{ float: left; width: 192px; padding: 0 0 20000px; margin: 0 0 -20000px; border-right: 1px solid #e0e0e0; } #navLeft ul{ list-style: none; margin: 0 0 0 29px; } #navLeft ul ul{ margin: 0 0 0 10px; } #navLeft ul li{ background: url('../images/arrow_black.gif') 0 4px no-repeat; padding: 0 0 0 14px; } #navLeft ul li:hover, #navLeft ul li.active{ background-image: url('../images/arrow_blue.gif'); } #navLeft ul li:hover > a, #navLeft ul li.active > a{ color: #007bd9; } #navLeft a{ display: block; color: #000; font-size: 1.1em; margin: 0 0 5px; } #content{ float: left; width: 700px; padding: 0 0 20000px; margin: 0 0 -20000px; } #content.short{ width: 538px; } h2{ font-family: SenticoSansDT, Tahoma, Verdana, Arial; height: 19px; padding: 6px 0 0 0; margin: 0 0 15px 29px; font-size: 1.5em; color: #000; } h2.marker{ border-left: 6px solid #009ae2; margin: 0 0 15px; padding: 6px 0 0 22px; } h3{ margin: 0 0 10px 29px; font-weight: bold; } #content p{ margin: 0 0 10px 29px; line-height: 150%; } #content ul{ margin: 0 0 10px 55px; line-height: 150%; list-style: disc; } #content ul li{} #content a:hover{ text-decoration: underline; } #content select{width: 273px; font-size: 1.2em; font-family: SenticoSansDT, Tahoma, Verdana, Sans; border: 1px solid #ccc; resize: vertical; background: none; margin: 0 0 px; } #sidebar{ float: right; width: 200px; padding: 0 30px 20000px; margin: 0 0 -20000px; border-left: 1px solid #e0e0e0; } #sidebar.short{ width: 162px; } #sidebar ul li{ border-bottom: 1px solid #ccc; padding: 0 0 15px; margin: 0 0 15px; } #sidebar ul:last{ border: none; } #sidebar p{ margin: 0 0 5px; line-height: 150%; } #sidebar h2{ height: 19px; margin: 0 0 15px; padding: 6px 0 0; } #sidebar a.more{ text-decoration: none; color: #12abf2; } #sidebar a.more:hover{ text-decoration: underline; } #footer{ width: 993px; margin: 0 auto 0; list-style: none; padding: 9px 0 0; border-top: 8px solid #001434; font-size: .9em; } #footer li{ display: inline; margin: 0 5px 0 0; } #footer a:hover{ color: #000; } .progmateDocs{ font-family: SenticoSansDT, Tahoma, Verdana, Sans; color: #4c4f53; } .progmateDocs span{ color: #119096; font-weight: bold; } .progmateDocsInContent{ font-family: SenticoSansDT, Tahoma, Verdana, Sans; color: #4c4f53; font-size: 115%; } .progmateDocsInContent span{ color: #119096; font-weight: bold; } p.news{ margin-bottom: 50px; } .tabela{ width: 450px; } .prawy { width: 350px; padding-top: 10px; text-align: left; } .lewy{ width: 100px; padding-right: 15px; text-align: right; } input.btn{ font-size: 1.3em; font-family: SenticoSansDT, Tahoma, Verdana, Sans; border: none; background: none; margin: 0 0px; color: #007bd9; padding: 0; } input.akap { font-size: 1.3em; font-family: SenticoSansDT, Tahoma, Verdana, Sans; border: none; background: none; margin: 0; color: #007bd9; } select.cmb { width: 270px; font-size: 1.3em; font-family: SenticoSansDT, Tahoma, Verdana, Sans; border: 1px solid #ccc; resize: vertical; background: none; margin: 0 0 px; color: #007bd9; } #content a{ color: #007bd9; } #content form{ display: block; margin: 0 0 30px 29px; } #content fieldset{ margin: 0 0 10px; } #content form div{ margin: 0 0 4px; } #content label{ display: inline-block; width: 150px; vertical-align: top; } #content label:after{ content: ':'; } #content input[type=text], textarea{ width: 270px; border: 1px solid #ccc; resize: vertical; font: inherit; } #content input[type=submit]{ font-size: 1.3em; font-family: SenticoSansDT, Tahoma, Verdana, Sans; border: none; background: none; margin: 0 0 0 142px; color: #007bd9; } #content textarea{ height: 200px; }