body {font-family:tahoma; font-size:12px; color:#403f3f; background: #ffffff url("../images/bg.jpg") repeat-x top left} body, h1, h2, h3, form, fieldset {margin:0px; padding:0px; border:0px} img {padding:0px; margin:0px; border:0px} a {padding:0px; margin:0px; font-family:tahoma; font-size:12px; cursor:pointer; outline: none; text-decoration:none; color:#484848} a:hover {text-decoration:underline} p {margin:0px; padding:0px;} #wrapper {width:970px; margin:0 auto} hr {display:block; margin:0 0 25px 0; clear:both; overflow:hidden; background:#AEAEAE; border:0; height:1px; width:500px} #header {clear:both; height:129px; float:left; width:970px} #header h1 {float:left; padding:11px 0 0 22px;} #header h1 a {display:block; width:210px; height:45px;} #header .tools {float:right; width:230px; padding:12px 19px 0 0; } #header .tools ul {display:block; padding:0px; margin:0px} #header .tools ul li {float:left; padding:0 8px; list-style:none; background: url("../images/sep-tools.jpg") no-repeat right center; font:10px/12px tahoma} #header .tools ul li.last {background:none} #header .tools ul li a {font:10px/12px tahoma} #header form.quick {float:right; display:block; width:170px; padding:10px 0 0 0; margin:0; position:relative; z-index:999} * html #header form.quick {padding:0px} #header form.quick .selectbox {width: 165px; display: block; margin:0px; padding:1px 0px 0px 5px; height:14px; text-align:left; cursor: pointer; border:0px; background: url("../images/select-170.jpg") no-repeat; font: 10px tahoma; color:#000000} #header form.quick div.selectbox-wrapper {position:absolute; background:#ffffff; overflow:hidden; margin:0px; padding:0px 2px 0px 0px; width: 168px; text-align:left; font: 10px tahoma; color:#000000; border:1px solid #D0CFD4; border-width:0px 1px 1px 1px} #header .tools form.quick div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px; position:relative; z-index:900; display:block} #header .tools form.quick div.selectbox-wrapper ul li.selected { background: #ffffff; font: 10px tahoma; color:#000000;} #header .tools form.quick div.selectbox-wrapper ul li { float:none; list-style-type:none; display:block; margin:0; padding:3px 5px; width: 160px; cursor:pointer; background:none; font: 10px tahoma; color:#000000; position:relative; z-index:900; display:block} #header .tools form.quick div.selectbox-wrapper ul li:hover { background: #ffffff; font: 10px tahoma; color:#000000; text-decoration:underline} #menu {float:left; margin:14px 0 0 42px; padding:0; width:857px; height:28px; position:relative; background: url("../images/menu.jpg") no-repeat} * html #menu {margin:5px 0 0 21px} #menu .select, #menu .current {display: block; margin: 0; padding: 0} #menu li {display:inline; float:left; margin:0; padding:0 0 0 1px; height:auto;} #menu .select a, #menu .current a {display: block; padding: 0px; float:left; height:28px; text-indent:-999999px} * html #menu .select a, * html #menu .current a {width:1px;} #menu li.tab1 a {width:102px; background: url("../images/menu.jpg") no-repeat -1px 0} #menu li.tab2 a {width:78px; background: url("../images/menu.jpg") no-repeat -104px 0} #menu li.tab3 a {width:80px; background: url("../images/menu.jpg") no-repeat -183px 0} #menu li.tab4 a {width:61px; background: url("../images/menu.jpg") no-repeat -264px 0} #menu li.tab5 a {width:99px; background: url("../images/menu.jpg") no-repeat -326px 0} #menu li.tab6 a {width:94px; background: url("../images/menu.jpg") no-repeat -426px 0} #menu li.tab7 a {width:81px; background: url("../images/menu.jpg") no-repeat -521px 0} #menu li.tab8 a {width:57px; background: url("../images/menu.jpg") no-repeat -603px 0} #menu li.tab9 a {width:68px; background: url("../images/menu.jpg") no-repeat -661px 0} #menu li.tab10 a {width:80px; background: url("../images/menu.jpg") no-repeat -730px 0} #menu li.tab11 a {width:45px; background: url("../images/menu.jpg") no-repeat -811px 0} #menu li.tab1 a:hover, #menu .current li.tab1 a {background: url("../images/menu.jpg") no-repeat -1px -28px} #menu li.tab2 a:hover, #menu .current li.tab2 a {background: url("../images/menu.jpg") no-repeat -104px -28px} #menu li.tab3 a:hover, #menu .current li.tab3 a {background: url("../images/menu.jpg") no-repeat -183px -28px} #menu li.tab4 a:hover, #menu .current li.tab4 a {background: url("../images/menu.jpg") no-repeat -264px -28px} #menu li.tab5 a:hover, #menu .current li.tab5 a {background: url("../images/menu.jpg") no-repeat -326px -28px} #menu li.tab6 a:hover, #menu .current li.tab6 a {background: url("../images/menu.jpg") no-repeat -426px -28px} #menu li.tab7 a:hover, #menu .current li.tab7 a {background: url("../images/menu.jpg") no-repeat -521px -28px} #menu li.tab8 a:hover, #menu .current li.tab8 a {background: url("../images/menu.jpg") no-repeat -603px -28px} #menu li.tab9 a:hover, #menu .current li.tab9 a {background: url("../images/menu.jpg") no-repeat -661px -28px} #menu li.tab10 a:hover, #menu .current li.tab10 a {background: url("../images/menu.jpg") no-repeat -730px -28px} #menu li.tab11 a:hover, #menu .current li.tab11 a {background: url("../images/menu.jpg") no-repeat -811px -28px} #menu .select a:hover, #menu .select li:hover a {cursor:pointer} #menu .sub {display:none;} #menu table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:11px;} #menu .sub li a:hover, #menu .select a:hover .sub li a:hover, #menu .select li:hover .sub li a:hover {background:none; color:#000000; text-decoration:underline; text-indent:0 } #menu .sub_active .current_sub a, #menu .sub_active a:hover {background:none; color:#000000; text-decoration:underline; text-indent:0} #menu .select li a:hover .sub, #menu .select li:hover .sub {display:block; position:absolute; width:800px; top:28px; left:0; background:#ffffff; margin:0px; padding:0; z-index:100; border:0px;} #menu .sub, #menu .sub_active {margin:0; padding:0; list-style:none;} #menu .sub_active {display:block; position:absolute; width:800px; top:28px; left:0; background:#ffffff; margin:0px; padding:0; z-index:10; color:#000; border:0px;} * html #menu .sub_active, * html #menu .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;} #menu .sub_active a {height:25px; float:left; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:normal;} #menu .sub_active a, #menu .select a:hover .sub li a, #menu .select li:hover .sub li a {display:inline; background:none; padding:2px 10px 0 10px; margin:0; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#403f3f; height:25px; line-height:24px; text-indent:0 } #menu .select .sub li, #menu .sub_active li, #menu .sub_active li.current_sub {float:left; background: url("../images/sep-sub.jpg") no-repeat right 7px; padding:0 0 0 1px} #menu .select .sub li.last, #menu .sub_active li.last {background:none} #menu .select .sub { background:red} #menu .sub_active { background:#ffffff; text-align:center; width:857px; top:28px; } #menu .sub_active li, #menu .sub_active li.current_sub {float:none; display: inline-table; position:relative} #menu .sub_active a {float:none} #menu .select li:hover .sub {background:#ffffff; text-align:center; width:857px; top:28px;} #menu .select li:hover .sub li {float:none; display:inline-table; position:relative} #menu .select li:hover .sub a {float:none} * html #menu .select a:hover .sub {float:none; position:relative; background:#ffffff; text-align:center; width:857px;} * html #menu .select a:hover .sub li, * html #menu .select a:hover .sub li a {float:none;} #path {float:left; margin:0 0 37px 0; padding:8px 0 0 0; width:940px; height:21px; clear:both; border-bottom:2px solid #FAB401} #path ul { float: left; margin:0px; padding:0 0 0 3px; } #path ul li {float:left; display:inline; padding:0px 9px 0px 4px; background:url("../images/sep-path.gif") no-repeat right 3px; color:#484848; list-style:none; font:10px tahoma} #path ul li.home {padding-left:0} #path ul li.home a {font-weight:bold} #path ul li.last {background:none} #path ul a {color:#484848; font:10px tahoma} #path ul a:hover {text-decoration: underline} .home .banner {float:left; padding:0; margin-bottom:12px; width:940px; height:320px} .home .banner object {display:block; z-index:0; position:absolute} .home .nowosci {float:left; margin:0 0 14px 0; padding:7px 0 0 0; width:940px; height:25px; clear:both; background:#F1F1F1} .home .nowosci ul {float: left; margin:0px; padding:0 0 0 11px} .home .nowosci ul li {float:left; display:inline; padding:2px 0 0 0; height:17px} .home .nowosci ul li.blue {color:#2A418D; font-weight:bold; padding-right:10px; margin-right:11px; background:url(../images/sep-nowosci.jpg) no-repeat right 0} .home .nowosci ul li.blue a {color:#2A418D; font-weight:bold} .home .col {float:left; width:290px; padding:0; margin:0} .home .klub {margin:0 36px 0 35px} .home .col img {float:left; margin-bottom:13px; padding:0} .home form.znajdz {float:left; display:block; width:279px; height:69px; padding:11px 0 0 11px; margin:0; background:url("../images/znajdz.jpg") no-repeat 0 0;} .home form.znajdz div {margin-bottom:14px; display:block; float:left} .home form.znajdz .selectbox {width: 262px; display: block; margin:0; padding:4px 0px 0px 5px; height:18px; text-align:left; cursor: pointer; border:0px; background: url("../images/select-267.jpg") no-repeat; font: 12px tahoma; color:#000000; } .home form.znajdz div.selectbox-wrapper {position:absolute; background:#ffffff; overflow:hidden; margin:-1px 0 0 0; padding:0px 2px 0px 0px; width: 265px; text-align:left; font: 12px tahoma; color:#000000; border-left:2px solid #848484} .home form.znajdz div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px; } .home form.znajdz div.selectbox-wrapper ul li.selected { background: #ffffff; font: 12px tahoma; color:#000000;} .home form.znajdz div.selectbox-wrapper ul li { float:none; list-style-type:none; display:block; margin:0; padding:3px 5px; width: 257px; cursor:pointer; background:none; font: 12px tahoma; color:#000000;} .home form.znajdz div.selectbox-wrapper ul li:hover { background: #ffffff; font: 12px tahoma; color:#000000; text-decoration:underline} #main {clear:both; overflow:hidden; padding:0; width:970px; display:block; padding:0 0 17px 0; z-index:10} .home #main {padding-left:15px} .home #main h1 {display:block; padding:0 0 7px 0; margin:0 0 6px 0; font:18px tahoma; line-height:normal; color:#3C3C3C; border-bottom:1px solid #FAB401} .sub #main {padding-left:15px; width:940px; min-height:500px} .sub .banner {float:left; padding:0; margin-bottom:0; width:940px; height:128px; clear:both} a.button {display:block; padding:0 0 0 5px; margin:0; width:50px; height:18px; background: url("../images/button-left.jpg") no-repeat top left; font:bold 9px tahoma; color:#ffffff} a.button span {display:block; padding:3px 5px 0 0; text-align:center; width:50px; height:15px; background: url("../images/button-right.jpg") no-repeat top right; font:bold 9px tahoma; color:#ffffff} a.button2 {float:left; display:block; padding:0 0 0 5px; width:120px; height:28px; background: url("../images/button-left2.png") no-repeat top left; font:bold 9px tahoma; color:#ffffff} a.button2 span {display:block; padding:3px 5px 0 0; text-align:center; width:120px; height:25px; background: url("../images/button-right2.png") no-repeat top right; font:bold 9px tahoma; color:#ffffff} a.button:hover, a.button2:hover, a.button3:hover, a.button:hover span, a.button2:hover span, a.button3:hover span {text-decoration:underline} a.button:hover b {text-decoration:underline} /*-------------- KN: START --------------*/ a.button3 {display:block; padding:0 0 0 5px; margin:0; width:100px; height:18px; background: url("../images/button-left.jpg") no-repeat top left; font:bold 9px tahoma; color:#ffffff} a.button3 span {display:block; padding:3px 5px 0 0; text-align:center; width:100px; height:15px; background: url("../images/button-right.jpg") no-repeat top right; font:bold 9px tahoma; color:#ffffff} /*-------------- KN: END --------------*/ .main {clear:both; overflow:hidden} .sub #left {float:left; margin:0px; padding:0px; width:200px} .sub #left .menu {float:left; padding:0; margin-bottom:25px; width: 200px; clear:both; } .sub #left .menu ul {float:left; margin:0px; padding:0; width: 200px; border-top:1px solid #DCDCDC} .sub #left .menu ul li {float:left; display:block; padding:0; list-style:none; width: 200px; border-bottom:1px solid #DCDCDC} .sub #left .menu li.head {padding:8px 0 0 0; border:0} .sub #left .menu .head a {background:#636363; font-weight:bold; color:#ffffff} .sub #left .menu .head a span {display:block; background:#636363 url("../images/arrow-down.gif") no-repeat right center} .sub #left .menu .head a:hover {background:#FEB525} .sub #left .menu .head a:hover span {background:#FEB525 url("../images/arrow-down.gif") no-repeat right center} .sub #left .menu li.first {padding:0} .sub #left .menu a {display:block; padding:6px 10px 6px 16px; color:#000000; font-size:11px; background:url("../images/arrow-menu-off.gif") no-repeat 6px 10px} .sub #left .menu a:hover, .sub #left .menu a.active, .sub #left .menu a.active2 {color:#ffffff; font-weight:normal; background:#FEB525 url("../images/arrow-menu-on.gif") no-repeat 6px 10px; text-decoration:none} .sub #left .menu a.active2 span {display:block; background:#FEB525 url("../images/arrow-down.gif") no-repeat right center} .sub #left .menu a.active2, .sub #left .menu a.active2:hover {background:#FEB525} .sub #left .menu ul li ul {margin:0; padding:0; clear:both; overflow:hidden; background:none; width: 200px;} .sub #left .menu ul li ul li {display:block; list-style:none; padding:0; margin:0; overflow:hidden; width: 200px; background:none} .sub #left .menu ul li ul li.last {border:0} .sub #left .menu ul li ul li a {float:left; display:block; padding:6px 10px 6px 30px; width: 170px; margin:0px; font-weight:normal; background:#FFF9EE url("../images/arrow-menu-off.gif") no-repeat 20px 10px} .sub #left .menu ul li ul li a:hover, .sub #left .menu ul li ul li a.active {background:#FFDE9E url("../images/arrow-link3.gif") no-repeat 20px 10px; color:#000000} .sub #left .login {margin-bottom:10px;} .sub #left a.button {float:right; width:auto; padding-left:8px} .sub #left a.button span {float:left; width:auto; padding-right:7px} .sub #right {float:right; margin:0px; padding:0; width:160px} .sub #right .box {float:left; padding:0 0 15px 0; margin:0 0 20px 0; width:159px; } .sub #right .yellow {background:#FFE9B2 url("../images/bottom-159_1.jpg") no-repeat bottom left} .sub #right .yellow h2 {display:block; padding:8px 5px 0 10px; font-size:12px; color:#ffffff; width:144px; height:21px; background:url("../images/top-159_1.jpg") no-repeat; border-bottom:1px solid #ffffff} .sub #right .white {width:160px; background:url("../images/bottom-160_1.jpg") no-repeat bottom left} .sub #right .white h2 {display:block; padding:8px 5px 0 10px; font-size:11px; color:#403f3f; width:145px; height:21px; background:url("../images/top-160_1.jpg") no-repeat;} .sub #right ul {float:left; margin:0px; padding:10px 10px 0 10px; width:139px;} .sub #right ul li {float:left; display:block; padding:0; list-style:none; width:139px; font:11px/17px tahoma } .sub #right ul li a {display:block; padding:0 0 0 10px; font:11px/17px tahoma; background:url("../images/arrow-link1.gif") no-repeat 0 7px} .sub #right .white ul a {font:bold 11px tahoma; color:#403f3f} .sub #right .white ul a.ce {margin-bottom:20px; padding: 4px 0 5px 33px; background:url("../images/icon-ce.jpg") no-repeat 2px center} .sub #right .white ul a.pdf {margin-bottom:20px; padding: 6px 0 5px 33px; background:url("../images/icon-pdf.png") no-repeat 2px center} .sub #right .white ul a.pix {padding: 3px 0 5px 33px; background:url("../images/icon-pix.jpg") no-repeat 0px center} /*-------------- KN: START --------------*/ .sub #right .white ul a.none {margin-bottom:20px; padding: 4px 0 5px 33px; background:url("../images/icon-none.jpg") no-repeat 2px center} .sub #right .white ul a.msword {margin-bottom:20px; padding: 6px 0 5px 33px; background:url("../images/icon-doc.png") no-repeat 2px center} .sub #right .white ul a.vnd_ms-excel {margin-bottom:20px; padding: 6px 0 5px 33px; background:url("../images/icon-xls.png") no-repeat 2px center} .sub #right .white ul a.vnd_ms-powerpoint {margin-bottom:20px; padding: 6px 0 5px 33px; background:url("../images/icon-ppt.png") no-repeat 2px center} .sub #right .white ul a.zip {margin-bottom:20px; padding: 6px 0 5px 33px; background:url("../images/icon-pix.jpg") no-repeat 2px center} .sub #right .white ul a.octet-stream {margin-bottom:20px; padding: 6px 0 5px 33px; background:url("../images/icon-pix.jpg") no-repeat 2px center} .sub #right .white ul a.image {margin-bottom:20px; padding: 6px 0 5px 33px; background:url("../images/icon-image.png") no-repeat 2px center} .sub #right .white ul a.video {margin-bottom:20px; padding: 6px 0 5px 33px; background:url("../images/icon-video.jpg") no-repeat 2px center} .sub #right .white ul a.audio {margin-bottom:20px; padding: 6px 0 5px 33px; background:url("../images/icon-audio.jpg") no-repeat 2px center} /*-------------- KN: END --------------*/ .sub #right .white ul li.nobottom a {margin:0} .sub #right .question {padding:5px 5px 6px 11px; width:160px; background:url("../images/question.jpg") no-repeat} .sub #right .question a {display:block; padding:5px 0 5px 30px; font:bold 11px/17px tahoma; background:url("../images/icon-pyt.jpg") no-repeat 2px center} .sub #right .bs {display:block; margin:0 0 20px 0; clear:both; overflow:hidden; text-align:center} #content {float:left; padding:0 0 0 40px; width:500px; color:#403f3f; font-family:tahoma; line-height:18px} /*-------------- KN: START --------------*/ #content .full {display:block; padding:0 0 20px 0; clear:both; overflow:hidden; width:695px} #content .full .tools {width:695px; float:left; margin-top:20px;} /*-------------- KN: END --------------*/ #content h1, #main .katalog h1 {display:block; padding:0 0 15px 0; margin:0; font:18px tahoma; line-height:normal; color:#2a418d} #content h2 {display:block; padding:0 0 15px 0; margin:0; font:16px tahoma; line-height:normal;} #content h3 {display:block; padding:0 0 15px 0; margin:0; font:14px tahoma; line-height:normal;} #content h3 {display:block; padding:0 0 15px 0; margin:0; font:12px tahoma; line-height:normal;} #content ul {display:block; padding:0 0 15px 0; margin:0 0 0 15px} #content ul li {padding:0 0 5px 0; margin:0px;} #content ol {display:block; padding:0 0 15px 0; margin:0 0 0 20px} #content ol ul {padding:0 0 0 5px} #content ol ul li {padding:0; list-style-type: lower-alpha; line-height:18px} #content ul li ul {padding:0px !important} #content ol li ul {padding:0px !important} #content p {padding:0 0 15px 0; display:block; vertical-align: text-top; clear:both; overflow:hidden; text-align:justify} #content p img {padding:0 10px 10px 10px; display:inline} #content a {font-weight:bold;} #content table {width: 99%; padding:0px; margin: 15px 0px; border-color:#CFCFD1; border-collapse:collapse; clear:both; overflow:hidden;} #content table p {padding:0px; margin:0} #content table tbody {border-style:none} #content table tr {border:0px} #content table td {border-color:#CFCFD1; } #content table.renderedtable {border:1px solid #CFCFD1; width:498px} #content table.renderedtable td {border:1px solid #CFCFD1; padding:3px} #content table.renderedtable p {padding:3px} a.more {float:right; display:inline-block; padding:0 14px 0 0; margin:0; font:11px tahoma; color:#00346f; background:url("../images/arrows-blue-next.gif") no-repeat right 5px } a.back {float:left; display:inline-block; padding:0 0 0 13px; margin:0; font:11px tahoma; color:#00346f; background:url("../images/arrows-blue-prev.gif") no-repeat 0 5px } #content .news {display:block; padding:0 0 20px 0; clear:both; overflow:hidden; width:500px} #content .news h2, #content .news h2 a {color:#2a418d; font:bold 12px tahoma; line-height:normal;} #content .news span {display:block; padding:0 0 3px 0} #content .news em {display:block; padding:0 0 0 9px; font-family:tahoma; font-size:12px; font-style:normal} #content .news ul {padding:0 0 25px 0; margin:0px} #content .news ul li {display:block; padding:0 0 0 9px; margin:0; list-style:none; background:url("../images/arrow-link1.gif") no-repeat 0 5px} #content .product {display:block; padding:0 0 25px 0; clear:both; overflow:hidden; width:500px} #content .product h2, #content .product h2 a {color:#2a418d; font:bold 12px tahoma; line-height:normal;} #content .product h2 b {color:#403f3f; display:block} #content .product ul {padding:0 0 25px 0; margin:0px} #content .product ul li {display:block; padding:0 0 0 10px; margin:0; list-style:none; background:url("../images/arrow-link1.gif") no-repeat 1px 5px} #content .product span {display:block; padding:0} #content .short {display:block; padding:5px 0 28px 0; clear:both; overflow:hidden; width:500px} #content .short .pic {float:left; padding:13px 30px 10px 16px; width:142px; height:145px; text-align:center} /*-------------- KN: START --------------*/ /* * będzie można odwołać się wprost * do nazwy ustawionej linii produktu */ #content .short .Project {background:url("../images/pic-blue.jpg") no-repeat top left} #content .short .Advance{background:url("../images/pic-yellow.jpg") no-repeat top left} #content .short .Easylife {background:url("../images/pic-green.jpg") no-repeat top left} #content .short .None {padding:13px 16px 10px 16px; width:156px; background:url("../images/pic-notext.jpg") no-repeat top left} /*-------------- KN: END --------------*/ #content .short .blue {background:url("../images/pic-blue.jpg") no-repeat top left} #content .short .yellow {background:url("../images/pic-yellow.jpg") no-repeat top left} #content .short .green {background:url("../images/pic-green.jpg") no-repeat top left} #content .short .notext {padding:13px 16px 10px 16px; width:156px; background:url("../images/pic-notext.jpg") no-repeat top left} #content .short div {float:right; padding:7px 0 0 0; width:300px;} #content .short h2, #content .products h2 a {color:#2a418d; font:bold 12px tahoma; line-height:normal;} #content .short span b {display:inline-block; padding:0 8px 0 0; margin:0 2px 0 0; background:url("../images/arrow-link2.gif") no-repeat right 4px} #content .short a.more {float:left; margin-left:10px} #content .short ul {padding:0 0 15px 0; margin:0px} #content .short div ul b {background:none; padding:0; display:inline} #content .products {display:block; padding:0 0 28px 0; clear:both; overflow:hidden; width:500px} #content .products .pic {float:left; padding:4px 0 0 0; width:160px; text-align:center} #content .products div {float:right; padding:0px; width:325px;} #content .products h2, #content .products h2 a {color:#2a418d; font:bold 12px tahoma; line-height:normal;} #content .products span {display:block; padding:0 0 7px 0; color:#484848; font:10px tahoma;} #content .products span b {display:inline-block; padding:0 8px 0 0; margin:0 2px 0 0; background:url("../images/arrow-link2.gif") no-repeat right 4px} #content .lista {display:block; padding:0 0 28px 0; clear:both; overflow:hidden; width:500px} #content .lista h2, #content .lista h2 a {color:#403f3f; font:bold 12px tahoma; line-height:normal;} #content .lista p {padding-bottom:10px} #content .lista span {display:block; padding:5px 0 20px 0} #content .lista .row {padding: 0 0 35px 0; clear:both; overflow:hidden; width:500px;} #content .lista .row div {float:left; padding:0 20px 0 0; width:225px;} #content .lista a.more {float:left} #content .lista .selectbox {display: block; margin:0; padding:4px 0px 0px 8px; width: 215px; height:18px; text-align:left; cursor: pointer; border:0px; background: url("../images/select-219.jpg") no-repeat; font:11px tahoma; color:#403f3f; } #content .lista div.selectbox-wrapper {position:absolute; background:#ffffff; overflow:hidden; margin:-2px 0 0 0; padding:0; width: 210px; text-align:left; font:11px tahoma; color:#403f3f; border-left:2px solid #858585; border-bottom:2px solid #f5f5f5; border-right:2px solid #f5f5f5} #content .lista div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px} #content .lista div.selectbox-wrapper ul li.selected { background: #ffffff; font:11px tahoma; color:#403f3f;} #content .lista div.selectbox-wrapper ul li { float:none; list-style-type:none; display:block; margin:0; padding:3px 6px; width:210px; cursor:pointer; background:none; font:11px tahoma; color:#403f3f;} #content .lista div.selectbox-wrapper ul li:hover { background: #ffffff; text-decoration:underline; font:11px tahoma; color:#403f3f;} #content .lista .record {display:block; padding:10px 0 15px 0; clear:both; overflow:hidden; width:500px; border-top:1px solid #AEAEAE; background: url("../images/bg-grad1.jpg") no-repeat top left } #content .lista .record h2 {font:bold 12px tahoma; color:#2a418d; height:43px; padding:0; margin:0} #content .lista .record a.more {float:right; margin:-20px 5px 0 0} #content .lista .record p a {font-weight:normal} #content .lista .record img {float:right; margin:-3px 13px 0 0} #content .lista .last {padding-bottom:0px} #content .sprzedaz {display:block; padding:0 0 28px 0; clear:both; overflow:hidden; width:500px} #content .sprzedaz h2, #content .lista h2 a {color:#403f3f; font:bold 12px tahoma; line-height:normal;} #content .sprzedaz p {padding-bottom:15px} #content .sprzedaz p b {display:block} #content .sprzedaz .mapa {clear:both; overflow:hidden; padding:0 0 25px 0} #content .sprzedaz div.long {display:block; padding:2px 0 12px 2px; clear:both; width:415px; background: url("../images/input-417.jpg") no-repeat 0 0} #content .sprzedaz div.long input {padding:2px 0 4px 6px; color:#403f3f; width:405px; font:11px tahoma; border:0; background: none} #content .sprzedaz div.short {float:left; display:block; padding:2px 0 12px 2px; margin-right:14px; clear:both; width:187px; background: url("../images/input-189.jpg") no-repeat 0 0} #content .sprzedaz div.short input {padding:2px 0 4px 6px; color:#403f3f; width:175px; font:11px tahoma; border:0; background: none} #content .sprzedaz div.kat {float:left; display:block; background:none; padding:0 0 10px 0;} #content .sprzedaz .selectbox {display: block; margin:0; padding:4px 0px 0px 8px; width: 215px; height:18px; text-align:left; cursor: pointer; border:0px; background: url("../images/select-219.jpg") no-repeat; font:11px tahoma; color:#403f3f; } #content .sprzedaz div.selectbox-wrapper {position:absolute; background:#ffffff; overflow:hidden; margin:-2px 0 0 0; padding:0; width: 210px; text-align:left; font:11px tahoma; color:#403f3f; border-left:2px solid #858585; border-bottom:2px solid #f5f5f5; border-right:2px solid #f5f5f5} #content .sprzedaz div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px} #content .sprzedaz div.selectbox-wrapper ul li.selected { background: #ffffff; font:11px tahoma; color:#403f3f;} #content .sprzedaz div.selectbox-wrapper ul li { float:none; list-style-type:none; display:block; margin:0; padding:3px 6px; width:210px; cursor:pointer; background:none; font:11px tahoma; color:#403f3f;} #content .sprzedaz div.selectbox-wrapper ul li:hover { background:#ffffff; text-decoration:underline; font:11px tahoma; color:#403f3f;} #content .instalator {display:block; padding:0 0 28px 0; clear:both; overflow:hidden; width:500px} #content .instalator .cards {display:block; padding:25px 15px 35px 5px; margin-bottom:25px; clear:both; overflow:hidden; width:480px; border:1px solid #EBEBEB; border-width:1px 0 1px 0; background: url("../images/bg-grad2.jpg") no-repeat top left } #content .instalator .logo {float:left} #content .instalator .klub {float:right; margin-top:7px} #content .instalator .col {float:left; width:230px;} #content .instalator .right {float:right} #content .instalator h1 {padding-bottom:5px; margin-bottom:15px; border-bottom:1px solid #EBEBEB;} #content .instalator h2 {font:bold 12px tahoma; color:#2a418d} #content .instalator p {font:12px/14px tahoma; padding-bottom:12px} #content .instalator p b {display:block} #content .instalator a {font-weight:normal; color:#2a418d} #content .instalator a.more {float:left; font-weight:bold; margin:2px 0} #content .instalator .right p {font:11px/14px tahoma;} #content .instalator .right p b {display:inline} #content .instalator ul {display:block; padding:0; margin:0} #content .instalator ul li {float:left; display:inline; padding:0 5px 0 0; margin:0; list-style:none; background:none} #content .instalator ul li.last {padding:0px} #content .config {display:block; padding:0 0 28px 0; clear:both; overflow:hidden; width:500px; position:relative} #content .config .body {display:block; padding: 10px 12px 15px 14px; margin-bottom:7px; width:452px; clear:both; overflow: hidden; border-bottom:2px solid #D1D9E3} #content .config ul {padding:0; margin:0} #content .config ul li {padding:0; margin:0; list-style:none; background:none} #content .config .body h2 {float:left; display:block; width:452px; padding:0 0 10px 0; margin:0 } #content .config .body h2 b {float:left; color:#403f3f; font:bold 15px tahoma} #content .config .body h2 span {float:right; font:13px tahoma; padding:2px 4px 0 0} #content .config .body ul.etap1 {display:block; padding:0; margin:0} #content .config .body ul.etap1 li {float:left; display:block; padding:0 25px 0 0; margin:0; list-style:none; background:none; width:130px; vertical-align:top} #content .config .body ul.etap1 li.last {padding:0px} #content .config .body ul.etap1 li p {width:130px; float:left; display:block; clear:both; padding:5px 0 10px 0; font-size:14px} #content .config .body ul.etap1 li div {clear:both; overflow:hidden; width:130px; padding:0 0 5px 0} #content .config .body input {float:left; display:block; padding:0; margin:0 2px; width:15px; height:15px} #content .config .body label {float:left; display:block; font:12px tahoma; color:#403f3f; width:105px; padding: 0 0 0 4px} #content .config .body label.off {color:#8e8c8c} #content .config .body ul.etap2 {display:block; padding:0; margin:0; float:left; width:452px} * html #content .config .body ul.etap2 {clear:both; overflow:hidden} #content .config .body ul.etap2 li {float:left; display:block; margin:0; list-style:none; background:none; vertical-align:top; width:215px; padding:0 0px 0 0} #content .config .body ul.etap2 li.last {padding:0px; float:right} #content .config .body ul.etap2 li p {width:215px; float:left; display:block; clear:both; padding:5px 0 10px 0; font-size:14px } #content .config .body ul.etap2 li div {float:left; width:215px; clear:both; overflow:hidden; padding:0 0 5px 0 } #content .config .body ul.etap2 li label {width:190px} #content .config .body a.button2 {float:right; margin:10px 5px 0 0} #content .szkolenia {display:block; padding:15px 0 0 0; clear:both; overflow:hidden; width:500px} /*-------------- KN: START --------------*/ #content .program {display:block; padding:20px 0 0 0; margin:0 0 17px 0; clear:both; overflow:hidden; width:500px; border-top:1px solid #AEAEAE} /*-------------- KN: END --------------*/ #content .program h2, #content .program h2 a {color:#1b4174; font:bold 12px tahoma; line-height:normal; padding:0 0 3px 0; margin:0} #content .program p {padding:0; margin:0} #content .program b {float:left; display:inline-block; padding:0 2px 0 0; font:12px tahoma; width:50px} #content .program em {float:left; display:inline-block; padding:0; font:12px tahoma; width:445px} #content .program ul {padding:0 0 25px 0; margin:0px} #content .program ul li {display:block; padding:0 0 0 9px; margin:0; list-style:none; background:url("../images/arrow-link1.gif") no-repeat 0 5px} #content .program a.button {float:right; width:auto; margin:15px 0 0 10px} #content .program a.button span {float:left; width:auto; padding-left:6px; padding-right:8px} #content .program a.button b {float:left; display:block; padding:0 12px 0 0; text-align:center; width:auto; height:15px; font:bold 9px tahoma; color:#ffffff} #content .program a.button b.on {background: url("../images/arrow-zwin.jpg") no-repeat right 4px;} #content .program a.button b.off {background: url("../images/arrow-zobacz.jpg") no-repeat right 4px;} #content .plan {display:block; padding:0 0 10px 52px; margin:0; clear:both; overflow:hidden; width:448px;} #content .plan p {padding:0 0 1px 0; margin:0} #content .plan b {float:left; display:inline-block; padding:0 2px 0 0; font:12px tahoma; width:68px; text-align:right} #content .plan em {float:right; display:inline-block; padding:0; font:12px tahoma; width:370px} #content .plan ul {display:block; padding:0 0 15px 0; margin:0 0 0 20px} #content .plan ul ul {padding:0; margin:0} #content .plan ul ul li {display:block; padding:0 0 0 9px; margin:0; list-style:none; background:url("../images/arrow-link1.gif") no-repeat 0 5px} #content .plan ul li ul {padding:0px !important} #content .plan ul li ul {padding:0px !important} #content .plan table b, #content .plan ul b, #content .plan ol b {float:none; display:inline; padding:0; font-weight:bold} #content .plan h3 {font-weight:bold} #content .plan ol ul {padding:0; margin:0} #content .plan ul ul li, #content .plan ol ul li {display:block; padding:0 0 0 9px; margin:0; list-style:none; background:url("../images/arrow-link1.gif") no-repeat 0 5px} #content .szkolenia .last {border:0; padding:0 0 15px 0; margin:0} #content .plan table {margin-left:-51px} #content .warning {display:block; padding:15px 0 15px 20px; margin:0 0 10px 0; clear:both; overflow:hidden; width:478px; border:1px solid #DFDFDF; background:#F8F8F8} #content .warning h2 {font:bold 12px tahoma;} #content .warning p {color:#cc0000; display:block; clear:both; overflow:hidden; font:12px/18px tahoma; padding:0 0 5px 0} #content .edycja {display:block; padding:10px 0 20px 0; clear:both; overflow:hidden; width:500px} #content .edycja .panel {display:block; padding:15px 0 20px 0; margin:0 0 10px 0; clear:both; overflow:hidden; width:498px; border:1px solid #DFDFDF; background:#F8F8F8} #content .edycja label {float:left; padding:3px 15px 0 0; width:148px; font:12px tahoma; text-align:right} #content .edycja .row {padding:0 0 9px 0; width:498px; height:auto; background:none; clear:both; overflow:hidden; display:block} #content .edycja .long {float:left; display:block; padding:2px 0 0 2px; width:328px; background: url("../images/input-318.jpg") no-repeat 0 0} #content .edycja .text {float:left; display:block; padding:2px 0 0 2px; width:328px; background: url("../images/text-318.jpg") no-repeat 0 0} #content .edycja .drop {float:left; display:block; padding:0 0 0 0; width:330px; background:none} #content .edycja .browse {float:left; display:block; padding:2px 0 0 2px; width:321px; background: url("../images/input-223.jpg") no-repeat 0 0} #content .edycja .nobg {float:left; display:block; padding:0; width:330px; color:#403f3f; font:11px tahoma;} #content .edycja .nobg div {float:left; display:block; padding:2px 0 0 2px; width:153px; background: url("../images/input-155.jpg") no-repeat 0 0} #content .edycja .nobg div.second {margin-left:7px} #content .edycja .nobg label {color:#403f3f; font:11px tahoma;} #content .edycja input.fld1 {float:left; padding:2px 0 4px 5px; color:#403f3f; width:140px; font:11px tahoma; border:0; background: none} #content .edycja input.fld2 {float:left; padding:2px 0 4px 5px; color:#403f3f; width:300px; font:11px tahoma; border:0; background: none} #content .edycja input.fld3 {float:left; padding:2px 15px 4px 5px; margin:0 0 2px 0; color:#403f3f; font:11px tahoma; border:0; background: none} #content .edycja input.fld_out {float:left; padding:2px 0 4px 5px; color:#000000; width:215px !important; font:11px tahoma; border:0; background: #e6e6e6 !important} #content .edycja h2 {float:left; color:#2a418d; font:bold 16px tahoma; line-height:normal; margin:0; padding:0} #content .edycja h3 {float:left; color:#2a418d; font:bold 16px tahoma; line-height:normal; margin:0; padding:0 0 8px 0} #content .edycja em {float:left; padding:7px 0 0 15px; color:#ff0000; font:9px tahoma} #content .edycja .drop b {float:left} #content .edycja .drop em {padding:8px 0 0 5px} #content .edycja .nobg p {padding:0 13px 0 0; margin:0; clear:both; overflow:hidden; font-size:9px; text-align:right} #content .edycja .browse p {padding:0px; margin:0; clear:both; overflow:hidden; font-size:9px; text-align:left; color:#888888} #content .edycja .text em {padding-left:10px} #content .edycja textarea {float:left; padding:2px 0 4px 5px; margin:0; color:#403f3f; width:305px; height:120px; background:none; border:0; font-family:tahoma; font-size:11px; overflow:auto} #content .edycja div.dodaj {clear:both; overflow:hidden; padding:0 0 35px 0; width:498px; float:left} #content .edycja a.button, #content .edycja a.button span {float:left; width:auto;} #content .edycja a.button span {padding-left:5px; padding-right:5px } #content .edycja a.dark {background: url("../images/button-left-silver.jpg") no-repeat top left;} #content .edycja a.dark span {padding-right:7px; background: url("../images/button-right-silver.jpg") no-repeat top right;} #content .edycja a.red {padding:0 0 0 5px; float:right; height:28px; background: url("../images/button-left-red.jpg") no-repeat top left;} #content .edycja a.red span {padding:8px 20px 0 15px; height:20px; background: url("../images/button-right-red.jpg") no-repeat top right;} #content .edycja a.red:hover {text-decoration:underline} #content .edycja a.red:hover span {text-decoration:underline} #content .edycja .del {float:right; padding:5px 7px 0 7px; margin:0; height:21px; border:1px solid #E0E0E0; border-width:1px 1px 0px 1px} #content .edycja div.nobottom {padding:0 0 10px 0; margin:0} #content .edycja p.dane {display:block; padding:10px 0 10px 0; clear:both; overflow:hidden; width:500px; border:1px solid #EBEBEB; border-width:1px 0; color:#403f3f} #content .edycja p.dane input.radio {float:left; padding:0px 7px 0px 0px; margin:0px 7px 0px 0px; width:16px; height:16px; background:none; border:0px} #content .edycja p.notop {border-top:0; padding-left:3px; width:497px; margin:0 0 12px 0; } #content .edycja p.notop span {color:#ff0000} #content .edycja p.dane2 {display:block; padding:10px 0 10px 0; margin:0 0 10px 0; clear:both; overflow:hidden; width:500px; border:1px solid #EBEBEB; border-width:1px 0; color:#403f3f} #content .edycja p.dane2 span {color:#ff0000} #content .edycja a.anuluj {float:right; margin:5px 0 0 10px;} #content .edycja .selectbox {display: block; margin:0px; padding:4px 0px 0px 5px; width: 311px; height:18px; text-align:left; cursor: pointer; border:0px; background: url("../images/select-317.jpg") no-repeat; font:11px tahoma; color:#403f3f; } #content .edycja div.selectbox-wrapper {position:absolute; background:#ffffff; overflow:hidden; margin:-2px 0 0 0; padding:0; width: 300px; text-align:left; font:11px tahoma; color:#403f3f; border-left:2px solid #858585; border-bottom:2px solid #f5f5f5; border-right:2px solid #f5f5f5} #content .edycja div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px} #content .edycja div.selectbox-wrapper ul li.selected { background: #ffffff; font:11px tahoma; color:#403f3f;} #content .edycja div.selectbox-wrapper ul li { float:none; list-style-type:none; display:block; margin:0; padding:3px 6px; width:300px; cursor:pointer; background:none; font:11px tahoma; color:#403f3f;} #content .edycja div.selectbox-wrapper ul li:hover { background: #ffffff; text-decoration:underline; font:11px tahoma; color:#403f3f;} #content .faq {display:block; padding:0 0 28px 0; clear:both; overflow:hidden; width:500px} #content .faq h2, #content .faq h2 a {color:#2a418d; font:bold 12px tahoma; line-height:normal;} #content .faq p {padding:0 0 5px 0; clear:both; overflow:hidden} #content .faq a {display:block; padding:4px 9px; clear:both; overflow:hidden; font:12px tahoma; color:#403f3f; background:#D6D6D6; border:1px solid #EFEFEF} #content .faq a:hover {text-decoration:none} #content .faq ul {width: 500px; padding:0; margin:0} #content .faq ul li {width:500px; padding:5px 0 0 0; margin:0; font:12px tahoma; color:#403f3f;} #content .faq div {padding:5px 9px 0 9px; width:482px; display:block} #content .faq a span {display:block; background:url("../images/arrow-link4.gif") no-repeat right center} #content .faq a.selected {font-weight:bold} #content .faq a.selected span {display:block; background:url("../images/arrow-down2.gif") no-repeat right center} #content .faq .ui-accordion-data a {padding:0; background:none; border:0; clear:none; overflow:auto; display:inline} ul.ui-accordion li {list-style:none; margin:0} #content .faq ul ul {margin:0; padding:0 0 5px 15px; width:485px; clear:none} #content .faq ul ul li {list-style: disc; padding:0; margin:0; vertical-align: middle} #content .wyszukaj {display:block; padding:10px 0 50px 0; clear:both; overflow:hidden; width:500px} #content .wyszukaj div {display:block; padding:2px 0 10px 2px; clear:both; width:375px; background: url("../images/input-377.jpg") no-repeat 0 0} #content .wyszukaj div.kat {background:none; padding:0 0 10px 0} #content .wyszukaj div input.search {padding:2px 0 4px 6px; color:#403f3f; width:360px; font:11px tahoma; border:0; background: none} #content .wyszukaj .selectbox {display: block; margin:0px; padding:4px 0px 0px 8px; width: 373px; height:18px; text-align:left; cursor: pointer; border:0px; background: url("../images/select-377.jpg") no-repeat; font:11px tahoma; color:#403f3f; } #content .wyszukaj div.selectbox-wrapper {position:absolute; background:#ffffff; overflow:hidden; margin:-2px 0 0 0; padding:0; width: 360px; text-align:left; font:11px tahoma; color:#403f3f; border-left:2px solid #858585; border-bottom:2px solid #f5f5f5; border-right:2px solid #f5f5f5} #content .wyszukaj div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px} #content .wyszukaj div.selectbox-wrapper ul li.selected { background: #ffffff; font:11px tahoma; color:#403f3f;} #content .wyszukaj div.selectbox-wrapper ul li { float:none; list-style-type:none; display:block; margin:0; padding:3px 6px; width:360px; cursor:pointer; background:none; font:11px tahoma; color:#403f3f;} #content .wyszukaj div.selectbox-wrapper ul li:hover { background: #ffffff; text-decoration:underline; font:11px tahoma; color:#403f3f;} #content .znajdz {display:block; padding:10px 20px 20px 16px; margin:0 0 15px 0; clear:both; overflow:hidden; width:462px; border:1px solid #DCDCDC; background:#F8F8F8} #content .znajdz h2 {color:#2a418d; font-size:14px; font-weight:bold} #content .znajdz label {float:left; padding:3px 8px 0 0; width:126px; font:12px tahoma; text-align:right} * html #content .znajdz label {width:120px} #content .znajdz .row {padding:0 0 9px 0; width:462px; height:auto; background:none; clear:both; overflow:hidden; display:block} #content .znajdz .row div {float:left; display:block; padding:2px 0 0 2px; width:99px; background: url("../images/input-80.jpg") no-repeat 0 0} #content .znajdz .row div.kat {background:none; } #content .znajdz .row div.kat2 {float:left; display:block; padding:2px 0 0 2px; width:325px; background: url("../images/input-327.jpg") no-repeat 0 0} #content .znajdz em {float:left; padding:3px 12px 0 7px; font:12px tahoma; } #content .znajdz div input.fld {float:left; padding:2px 0 4px 5px; color:#403f3f; width:67px; font:11px tahoma; border:0; background: none} #content .znajdz div input.fld2 {float:left; padding:2px 0 4px 5px; color:#403f3f; width:310px; font:11px tahoma; border:0; background: none} #content .znajdz .selectbox {display: block; margin:0px; padding:4px 0px 0px 7px; width: 323px; height:18px; text-align:left; cursor: pointer; border:0px; background: url("../images/select-327.jpg") no-repeat; font:11px tahoma; color:#403f3f; } #content .znajdz div.selectbox-wrapper {position:absolute; background:#ffffff; overflow:hidden; margin:-2px 0 0 0; padding:0; width: 312px; text-align:left; font:11px tahoma; color:#403f3f; border-left:2px solid #858585; border-bottom:2px solid #f5f5f5; border-right:2px solid #f5f5f5} #content .znajdz div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px} #content .znajdz div.selectbox-wrapper ul li.selected { background: #ffffff; font:11px tahoma; color:#403f3f;} #content .znajdz div.selectbox-wrapper ul li { float:none; list-style-type:none; display:block; margin:0; padding:3px 6px; width:310px; cursor:pointer; background:none; font:11px tahoma; color:#403f3f;} #content .znajdz div.selectbox-wrapper ul li:hover { background: #ffffff; text-decoration:underline; font:11px tahoma; color:#403f3f;} #content .znajdz a.button {float:right; clear:both; margin:10px 5px 0 0} * html #content .znajdz a.button {margin-right:0} #content .znajdz a.cal {float:left; display:inline-block; margin:0 0 0 8px; width:14px; height:14px; background: url("../images/icon-cal.jpg") no-repeat} #content .pliki {display:block; padding:0 0 20px 1px; clear:both; overflow:hidden; width:499px} #content .pliki table {width: 100%; padding:0px; margin: 15px 0 0 0; border-collapse:collapse; border:1px solid #EFEFEF; text-align:center; font:12px tahoma} #content .pliki table th {padding:7px; margin:0; border:1px solid #7D7D7D; border-bottom:0px; background:#7D7D7D; font:bold 13px tahoma; color:#ffffff; height:21px} #content .pliki table th.head {padding-left:47px; text-align:left; border-right:1px solid #ffffff} #content .pliki table td {padding:5px 9px; margin:0; border:1px solid #EFEFEF; border-width:0px 0px 1px 1px;} #content .pliki table td.bg {background:#FAFAFA} #content .pliki table p {padding:0px; margin:0} #content .pliki table a {float:left; margin:0; padding: 6px 0 5px 37px; font:12px tahoma; text-align:left} #content .pliki table a.pdf {background:url("../images/icon-pdf.png") no-repeat 0px center} #content .pliki table a.xls {background:url("../images/icon-xls.png") no-repeat 0px center} #content .pliki table a.zip {background:url("../images/icon-zip.png") no-repeat 2px center} #content .pliki table a.ce {background:url("../images/icon-ce.png") no-repeat 4px center} #content .pliki table a.doc {background:url("../images/icon-doc.png") no-repeat 0px center} #content .pliki table a.pic {background:url("../images/icon-image.png") no-repeat 4px center} #content .pliki table a.ppt {background:url("../images/icon-ppt.png") no-repeat 0px center} #content .pliki table a.rar {background:url("../images/icon-rar.png") no-repeat 2px center} /*-------------- KN: START --------------*/ #content .pliki table a.msword {background:url("../images/icon-doc.png") no-repeat 0px center} #content .pliki table a.folder {background:url("../images/icon-folder.png") no-repeat 0px center} #content .pliki table a.image {background:url("../images/icon-image.png") no-repeat 2px center} #content .pliki table a.video {background:url("../images/icon-video.jpg") no-repeat 2px center} #content .pliki table a.audio {background:url("../images/icon-audio.jpg") no-repeat 2px center} #content .pliki table a.vnd_ms-excel {background:url("../images/icon-xls.png") no-repeat 0px center} #content .pliki table a.vnd_ms-powerpoint {background:url("../images/icon-ppt.png") no-repeat 0px center} #content .pliki table a.octet-stream{background:url("../images/icon-rar.png") no-repeat 2px center} /*-------------- KN: END --------------*/ * html #content .pliki table a.pdf {background:url("../images/icon-pdf.gif") no-repeat 0px center} * html #content .pliki table a.xls {background:url("../images/icon-xls.gif") no-repeat 0px center} * html #content .pliki table a.zip {background:url("../images/icon-zip.gif") no-repeat 2px center} * html #content .pliki table a.ce {background:url("../images/icon-ce.gif") no-repeat 4px center} #content .space10 {margin:0; padding:10px 0 10px 0} #content .pages {display:block; margin:20px 0 0 0; padding:4px 0 0 0; clear:both; height:18px; overflow:hidden; width:500px; border:1px solid #AEAEAE; border-width:1px 0 1px 0} #content .pages ul {float:right; padding:0; margin:0px} #content .pages ul li {float:left; display:inline; padding:0 7px; margin:0; list-style:none; background:url("../images/sep-pages.gif") no-repeat right 2px; font:10px/12px tahoma;} #content .pages ul li.next {padding-right:0px; background:none} #content .pages ul li a {display:inline-block; padding:0; margin:0px; font:10px/12px tahoma; } #content .tools, .katalog .tools {display:block; padding:4px 0 0 0; margin:15px 0; height:22px; clear:both; overflow:hidden; width:500px; background:#EBEBEB} #content .tools ul, .katalog .tools ul {float:left; padding:0 0 0 7px; margin:0} #content .tools ul li, .katalog .tools ul li {float:left; display:inline; padding:0 25px 0 0; margin:0px; list-style:none} #content .tools ul li a, .katalog .tools ul li a {display:block; padding:3px 0 6px 0; margin:0px; font:10px tahoma} #content .tools ul li a.print, .katalog .tools ul li a.print {padding-left:29px; background:url("../images/icon-print.jpg") no-repeat} #content .tools ul li a.send, .katalog .tools ul li a.send {padding-left:26px; background:url("../images/icon-send.jpg") no-repeat} .katalog .tools {width:940px; float:left; margin-top:20px;} #main .katalog {display:block; margin:0; padding:0; clear:both; overflow:hidden; width:940px;} #main .katalog .technika {float:left; padding:12px 20px 0 18px; margin:0 16px 8px 5px; width:252px; height:168px; background:url("../images/bg-technika.jpg") no-repeat} #main .katalog .last {margin:0 0 8px 5px} #main .katalog .technika div {float:left; width:252px; text-align:center; padding:20px 0 0 0; height:100px; margin:0} * html #main .katalog .technika {margin:0 6px 8px 5px;} * html #main .katalog .last {margin:0 0 8px 5px} #main .katalog h2 {float:left; font:bold 12px tahoma; padding:0; margin:0; width:252px;} #main .katalog h2 a {font:bold 12px tahoma; padding:0 0 0 10px; background:url("../images/arrow-link5.jpg") no-repeat 0 center; color:#403f3f} #main .katalog img {float:none} #main .katalog .selectbox {display: block; margin:0px; padding:4px 0px 0px 7px; width: 243px; height:18px; text-align:left; cursor: pointer; border:0px; background: url("../images/select-247.jpg") no-repeat; font:11px tahoma; color:#403f3f; } #main .katalog div.selectbox-wrapper {position:absolute; background:#ffffff; overflow:hidden; margin:-2px 0 0 0; padding:0; width: 243px; text-align:left; height:auto; font:11px tahoma; color:#403f3f; border-left:2px solid #858585; border-bottom:2px solid #f5f5f5; border-right:2px solid #f5f5f5} #main .katalog div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px} #main .katalog div.selectbox-wrapper ul li.selected { background: #ffffff; font:11px tahoma; color:#403f3f;} #main .katalog div.selectbox-wrapper ul li { float:none; list-style-type:none; display:block; margin:0; padding:3px 6px; width:243px; cursor:pointer; background:none; font:11px tahoma; color:#403f3f;} #main .katalog div.selectbox-wrapper ul li:hover { background: #ffffff; text-decoration:underline; font:11px tahoma; color:#403f3f;} #footer {width:970px; clear:both; overflow:hidden; border-top:1px solid #AEAEAE; padding: 10px 0; color:#403f3f; font-size:11px; font-family:tahoma} #footer p {font-size:11px;} #footer p a {display:inline-block; padding: 0 0 0 8px; font-size:11px; background:url("../images/arrow-link1.gif") no-repeat 0 5px} #footer ul {float:left; padding:0 0 12px 0; margin:0px; width:970px} #footer ul li {float:left; display:inline; padding:0px 10px 0 0; margin:0px; list-style:none; font-size:11px} #footer ul li a {padding:0px; margin:0px; font-size:11px} #footer ul li a:hover {text-decoration:underline} #footer ul li b {font-size:11px} #footer ul li.gfx {float:right; background:none; font-size:9px; padding:0} #footer ul li.gfx a {font-size:9px} @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide {display: none; } }/* Hide useless elements in print layouts... */@media print {.ui-tabs-nav {display: none;} }#tabsEx {padding:0 0 0 1px}.ui-tabs-menu {width:500px; margin: 0; padding:0; float:left}.ui-tabs-panel {float:left; margin:0 0 0 -1px; width: 478px; padding: 10px 10px 7px 10px; clear:both; background:#F3F3F3; border: 1px solid #D1D9E3;}* html .ui-tabs-panel {float:none}.ui-tabs-nav .ui-tabs-selected a {float:left; position:relative; bottom:-1px; margin:0 0 0 -1px; padding:12px 27px 3px 27px; z-index: 100; color: #00346f; background:#F3F3F3; border:1px solid #DDDDDD; border-width:1px 1px 0px 1px; border-bottom:1px solid #F3F3F3 }.ui-tabs-nav .ui-tabs-selected a span { font-weight:bold}ul.ui-tabs-menu {padding:5px 0 0 0; margin:10px 0px 0px 0px;}ul.ui-tabs-menu li {float:left; margin:0}* html ul.green-menu li {float:left; line-height:1%; height:1%}.ui-tabs-nav { list-style: none; margin: 0; padding:0;}.ui-tabs-nav:after { display: block; clear: both; content: " ";}.ui-tabs-nav li {float: left; margin:0; padding:0}.ui-tabs-nav li.last {float: left; margin: 0 0 0 0; height:20px; border:0px; min-width: 84px;}.ui-tabs-nav a, .ui-tabs-nav a span {display: block; padding: 0 0; }.ui-tabs-nav li.last a span {display: block; padding: 0; float:left; margin:0px; }.ui-tabs-nav a { font-weight:normal; padding:8px 27px 3px 27px; margin:6px 0 0 -1px; text-align: center; text-decoration: none; white-space: nowrap; outline: 0; background: #ffffff; border: 1px solid #D1D9E3; border-bottom:0px}.ui-tabs-nav a span {height: 18px; min-height: 18px; padding:0; font-weight:normal; } * .ui-tabs-nav a span {line-height:12px; height:12px}* html .ui-tabs-menu a, * html .ui-tabs-menu span {float:left; display:block}*>.ui-tabs-nav a span { /* hide from IE 6 */width: auto; height: auto; }.ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;}.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {background-position: 100% -150px;}.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -100px;}.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {background-position: 0 -50px;}.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position: 0 0;}.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text;}.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer;}.ui-tabs-disabled {opacity: .4; filter: alpha(opacity=40); }.katalog .ui-tabs-panel {width:918px}* html .ui-tabs-nav {display: inline-block;}*:first-child+html .ui-tabs-nav {display: inline-block;} #main #content input.button {float:left; padding:0 0 4px 0; margin:0 5px; width:145px; height:18px; text-align:center; background: url("../images/btn145.jpg") no-repeat top left; font: bold 10px tahoma; line-height:normal; color:#ffffff; border:0; vertical-align: text-top; vertical-align:top; text-transform:uppercase} #main #content input.button-disabled {float:left; padding:0 0 4px 0; margin:0 5px; width:145px; height:18px; text-align:center; background: url("../images/btn145_disabled.jpg") no-repeat top left; font: bold 10px tahoma; line-height:normal; color:#777777; border:0; vertical-align: text-top; vertical-align:top; text-transform:uppercase} #main #content input.defaultbutton {float:left; padding:0 0 4px 0; margin:0 5px; width:135px; height:28px; text-align:center; background: url("../images/btn135red.jpg") no-repeat top left; font: bold 10px tahoma; line-height:normal; color:#ffffff; border:0; vertical-align: text-top; vertical-align:top; text-transform:uppercase} #main #content .buttonblock input.button {margin-top:5px} #main #content input.defaultbutton:hover, #main #content input.button:hover { text-decoration:underline} #content h2.searchResult {display:block; padding:5px 10px; width:480px; margin:10px 0 10px 0} #content h2.searchResult {display:block; padding:5px 10px; width:480px; margin:10px 0 10px 0} #content .search-products, #content .search-news, #content .search-program {} #content .search-products h2.searchResult, #content .search-news h2.searchResult, #content .search-program h2.searchResult {display:block; padding:5px 10px; width:480px; margin:10px 0 10px 0} #content #druk_odp {visibility:hidden; height:1px} #content #druk_odp h2, #content #druk_odp h2 a {color:#403F3F; font:bold 14px tahoma; line-height:normal;} #content #druk_odp p {padding:0 0 5px 0; clear:both; overflow:hidden} .warning {float:left; width:480px; padding:12px 9px; margin:0 0 20px 0; background:#FAFAFA; border:1px solid #F2F2F2} .warning h2 {display:block; padding:0 0 15px 0; margin:0; font:bold 16px tahoma; line-height:normal; color:#2a418d;} .warning p {padding:0 0 15px 0; display:block; vertical-align: text-top; clear:both; overflow:hidden; text-align:justify} .warning ul {padding:0; margin:0px} .warning ul li {display:block; padding:0 0 5px 9px; margin:0; list-style:none; background:url("../images/arrow-link1.gif") no-repeat 0 5px} .gmnoprint a.button3 {margin-bottom:5px} .config-params a.button {margin:15px 0} .config-params a.button span {width:97px} .config-params p span {font-weight:bold} #content .config-params p {padding-bottom:0} #content .config-params .products p {padding:0 0 15px 0}