/* -- NORMALIZE.css -- */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{ display:block}audio,canvas,video{ display:inline-block; *display:inline; *zoom:1}audio:not([controls]){ display:none}[hidden]{ display:none}html{ font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}html,button,input,select,textarea{ font-family:sans-serif}body{ margin:0}a:focus{ outline:thin dotted}a:hover,a:active{ outline:0}h1{ font-size:2em; margin:0.67em 0}h2{ font-size:1.5em; margin:0.83em 0}h3{ font-size:1.17em; margin:1em 0}h4{ font-size:1em; margin:1.33em 0}h5{ font-size:0.83em; margin:1.67em 0}h6{ font-size:0.75em; margin:2.33em 0}abbr[title]{ border-bottom:1px dotted}b,strong{ font-weight:bold}blockquote{ margin:1em 40px}dfn{ font-style:italic}mark{ background:#ff0; color:#000}p,pre{ margin:1em 0}pre,code,kbd,samp{ font-family:monospace,serif; _font-family:'courier new',monospace; font-size:1em}pre{ white-space:pre; white-space:pre-wrap; word-wrap:break-word}q{ quotes:none}q:before,q:after{ content:''; content:none}small{ font-size:75%}sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline}sup{ top:-0.5em}sub{ bottom:-0.25em}dl,menu,ol,ul{ margin:1em 0}dd{ margin:0 0 0 40px}menu,ol,ul{ padding:0 0 0 40px}nav ul,nav ol{ list-style:none; list-style-image:none}img{ border:0; -ms-interpolation-mode:bicubic}svg:not(:root){ overflow:hidden}figure{ margin:0}form{ margin:0}fieldset{ border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em}legend{ border:0; padding:0; white-space:normal; *margin-left:-7px}button,input,select,textarea{ font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle}button,input{ line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{ cursor:pointer; -webkit-appearance:button; *overflow:visible}button[disabled],input[disabled]{ cursor:default}input[type="checkbox"],input[type="radio"]{ box-sizing:border-box; padding:0; *height:13px; *width:13px}input[type="search"]{ -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{ border:0; padding:0}textarea{ overflow:auto; vertical-align:top}table{ border-collapse:collapse; border-spacing:0} html *, body *, a , img {outline: none !important;} @font-face { font-family: 'droidsans'; src: url('../fonts/droidsans.eot'); src: url('../fonts/droidsans.eot?#iefix') format('embedded-opentype'), url('../fonts/droidsans.woff') format('woff'), url('../fonts/droidsans.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'droidsans'; src: url('../fonts/droidsans-bold.eot'); src: url('../fonts/droidsans-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/droidsans-bold.woff') format('woff'), url('../fonts/droidsans-bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } html, body{width: 100%; min-height: 100%; font-family: droidsans, Arial; font-size: 12px; overflow-x: hidden;} html{background: url('../gfx/bodyBg.jpg');} body{background: url('../gfx/topBg.jpg') repeat-x; min-height: 100%;} a{text-decoration: none; color: #373e4e; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; -ms-transition: color 0.3s ease-out; transition: color 0.3s ease-out;} a:hover{-webkit-transition: color 0.3s ease-out; color: #ff6a04; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; -ms-transition: color 0.3s ease-out; transition: color 0.3s ease-out;} .clearline{width: 100%; height: 1px; clear: both;} #top{height: 115px; width: 100%; position: relative; z-index: 5; background: #fff url('../gfx/topBg.jpg') repeat-x;} #top > section > nav{position: relative; z-index: 4; height: 114px;} .pageWidth{width: 1000px; margin: 0 auto; position: relative; z-index: 5;} #logo {float: left; display: block; margin-left: 15px; margin-top: 15px; position: relative; z-index: 10;} #body{min-height: 505px; /*background: url('../gfx/bodyHighlight.png') repeat-x;*/ position: relative; z-index: 3; overflow-x: hidden;} #body{ background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.5) 5%, rgba(255,255,255,0) 10%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(5%,rgba(255,255,255,0.5)), color-stop(10%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.5) 5%,rgba(255,255,255,0) 10%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.5) 5%,rgba(255,255,255,0) 10%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.5) 5%,rgba(255,255,255,0) 10%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.5) 5%,rgba(255,255,255,0) 10%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } #topBar{height: 59px; width: 875px; float: right; position: relative; z-index: 5;} #lang{width: 83px; height: 35px; background: url('../gfx/langBg.png') no-repeat; float: right; padding: 20px; padding-bottom: 0; padding-top: 7px; position: relative;} #lang .langs{position: absolute; top: 29px; left: 20px; width: 83px; height: 0; overflow: hidden; -webkit-transition: height 0.5s;} #lang a{display: block; text-align: center; color: #fff; padding: 3px 0; background: #515868;} #lang a, #lang a span{line-height: 20px;} #lang a span{padding-left: 15px;} #lang a.active{display: block; background: transparent;} #lang a.en span{background: url('../gfx/en.jpg') center left no-repeat;} #lang a.pl span{background: url('../gfx/pl.jpg') center left no-repeat;} .noJs #lang:hover .langs{height: 32px; -webkit-transition: height 0.5s ease-in;} #lang:hover a:hover{background:#999;} .shadow{width: 765px; height: 55px; display: block; background: transparent url('../gfx/menuShadow.png') no-repeat; margin: 0 auto;} #greyExp, menu#topMenu{margin: 0; padding: 0; background: url('../gfx/menuLiBg.png') repeat-x; position: absolute; right: 0; bottom: 0; z-index: 5;} #greyExp{width: 50%; height: 56px; position: absolute; bottom: 0; right: 0; z-index: 1;} menu#topMenu li{list-style: none; padding: 0 10px; float: left; height: 55px; line-height: 55px; border-left: 1px solid #fff; border-right: 1px solid #dbdbdb; text-align: center; text-transform: uppercase; font-size: 1.2em;} body.lang_en menu#topMenu li {font-size: 1.1em; padding: 0 9px;} menu#topMenu li:first-child{background: url('../gfx/firstLi.jpg') no-repeat; /*min-width: 113px;*/} menu#topMenu li:last-child{border-right: 0;} menu#topMenu li a{color: #373e4e; display: block;} menu#topMenu li.active a, menu#topMenu li a:hover{color: #004895;} menu#topMenu li:hover, menu#topMenu li.active{background: url('../gfx/menuBgActive.jpg') repeat-x;} menu#topMenu li:first-child:hover, menu#topMenu li:first-child.active{background: url('../gfx/menuBgFCActive.jpg') no-repeat;} #hugeHighlight{width: 100%; height: 505px; position: absolute; left: 0; top: 0;} #hugeHighlight{ background: -moz-radial-gradient(center top, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.94) 25%, rgba(255,255,255,0) 70%); /* FF3.6+ */ background: -webkit-gradient(radial, center top, 0px, center top, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(25%,rgba(255,255,255,0.94)), color-stop(70%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center top, ellipse cover, rgba(255, 255, 255, 1) 0%,rgba(255, 256, 255, 0.75) 25%,rgba(255, 255, 255, 0) 70%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center top, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.94) 25%,rgba(255,255,255,0) 70%); /* Opera 12+ */ background: -ms-radial-gradient(center top, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.94) 25%,rgba(255,255,255,0) 70%); /* IE10+ */ background: radial-gradient(ellipse at center top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.94) 25%,rgba(255,255,255,0) 70%); /* W3C */ } aside.copyContainer{float: left; margin-top: 140px; margin-left: 65px; text-shadow: 1px 1px 1px #999; font-size: 3em; color: #373e4e;} aside.copyContainer p{margin: 0; font-family: droidsans, Arial;} #graphicTop{position: relative; margin-top: -40px;} #boxes{margin-top: -115px;} #bottom, #boxes{overflow: auto;} #pagin{position: absolute; bottom: 145px; left: 45%; z-index: 200;} #pagin .pag{display: block; width: 25px; height: 24px; background: url('../gfx/pagin.png') 0 -24px no-repeat; float: left; padding: 0;} #pagin .pag.selected{background-position: 0 0;} #productBox{width: 433px;} #newsBox{width: 310px;} #promotionBox{width: 225px;} #newsBox.long {width: 555px;} .box{margin-right: 10px; float: left; position: relative; padding-bottom: 18px; overflow: hidden;} .box:last-child{margin-right: 0;} .box .tabs .list a{display: block; height: 34px; padding: 0 15px; padding-top: 10px; float: left; border-radius: 10px 0 0 0; position: relative; margin-right: 15px; font-size: 17px; color: #373e4e; background: url('../gfx/tabBg.png'); z-index: 1; position: relative;} .box li, .box ul{margin: 0; padding: 0; list-style: none;} .box .tabs li a.on, .box .tabs li.ui-tabs-active a{background: #fff; z-index: 5;} .box .tabs a .angle{display: block; width: 31px; height: 44px; position: absolute; right: -31px; top: 0; background: url('../gfx/offR.png') no-repeat;} .box .tabs li a.on .angle, .box .tabs li.ui-tabs-active a .angle{background: url('../gfx/onR.png') no-repeat;} .box .content{padding: 20px; border-radius: 0 10px 0 10px; background: #fff url('../gfx/whiteBoxBg.jpg') bottom repeat-x; clear: both; min-height: 107px;} .box .content > div{min-height: 107px;} #newsRoller{overflow: hidden; min-height: 107px;} #newsRoller .news{min-height: 107px;} .box .content a{color: #373e4e;} .box .content a:hover{color: #ff6a04;} .box .content .product {display: block; margin-right: 20px; float: left; max-width: 82px; text-align: center;} .box .content .product img {border: 2px solid #f3f9fc; display: block; margin: 0 auto; margin-bottom: 10px; max-width: 78px;} .box .content .product.last{margin-right: 0; white-space: nowrap;} .box a.more{text-align: center; display: block; margin: 0 auto; background: #f0f7fc; position: relative; height: 18px; line-height: 10px; color: #373e4e; float: right; padding: 0 10px; padding-right: 15px; border-radius: 0 0 5px 0; position: absolute; bottom: 0; right: 0; line-height: 16px;} .box a.more .angle{position: absolute; top: 0; width: 13px; height: 18px; display: block;} .box a.more .angle.right{right: -6px; background: url('../gfx/sDR.png') no-repeat;} .box a.more .angle.left{left: -13px; background: url('../gfx/sDL.png') no-repeat;} .box.blue a.more{background: #044c98; color: #fff;} .box.blue a.more .angle.right{background: url('../gfx/sBR.png') no-repeat;} .box.blue a.more .angle.left{background: url('../gfx/sBL.png') no-repeat;} .box.blue .content{background: #5793d3 url('../gfx/blueBoxBg.jpg') bottom repeat-x; color: #fff;} .box.blue .tabs li a{background: #5793d3; color: #fff;} .box.right .tabs li a{float: right; margin-right: 0; margin-left: 15px;} .box.right .content{border-radius: 10px 0 0 10px;} .box.blue.right .tabs a .angle{right: auto; left: -31px; background: url('../gfx/blueR.png') no-repeat;} .box.blue .tabs .list a{border-radius: 0 10px 0 0;} .box.search{width: 100%;} .promoPic{display: block; float: left; margin-right: 12px; /*border: 2px solid #5793d3; */} .promoText{font-size: 1.4em;} .news a.title, .news span.title {display: block; color: #004895; font-size: 1.2em;} .news p{margin-bottom:0;} footer{background: #373e4e; border-radius: 10px; min-height: 150px; z-index: 3 !important;} #homePage footer{margin-top: 40px;} #sitemap > div {float: left; border-left: 1px solid #464d5d; padding: 19px; min-height: 155px;} #sitemap > div:first-child{border: 0;} #sitemap > div:last-child{float: right;} #sitemap > div ul{float: left; margin: 0; padding: 0;} #sitemap li{list-style: none; max-width: 155px; padding-left: 15px; background: url('../gfx/raquo.png') left 5px no-repeat; margin: 3px 0;} #sitemap p{margin: 0; clear: both;} #sitemap > div > div{float: left; margin-right: 20px; max-width: 154px;} #sitemap > div > div:last-child{margin-right: 0;} #sitemap a{color: #fff;} #sitemap > div > div a, #sitemap > div > ul a{color: #5f99d8;} #sitemap a:hover{text-decoration: underline;} #sitemap > div > div p a{font-weight:bold;} #sitemap .catalog{max-width: 695px; overflow: hidden;} #copyright{background: #464d5d; clear: both; border-radius: 0 0 10px 10px; padding: 0px 15px 0px; font-size: 11px; color: #fff;} #copyright p{margin: 0; line-height: 18px; } #uebanner{background:#ffffff; height: 80px; clear: both; border-radius: 0 0 10px 10px; padding: 0px 0px; font-size: 11px; color: #fff;} #copyright form{float: right;} .input{width: 200px; height: 30px; background: #fff; border: 1px solid #ccc; border-radius: 10px; float: left;} .input input{background: transparent; border: 0; padding: 0; margin: 0; height: 30px; line-height: 30px; float: left; display: block;} .input input[type=text], .input input[type=email]{width: 149px; padding: 0 10px; border-right: 1px solid #ccc;} .input input[type=submit]{width: 30px; background: url('../gfx/plus.png') center no-repeat;} #copyright form label {float: left; line-height: 30px; padding-right: 20px; font-size: 1.3em; color: #fff;} #copyright #artGroup { float: none; } #copyright .media_ic { float: right; margin-top: 13px; } #copyright .media_ic a { margin-left: 10px;} #copyright .media_ic a svg { width: 45px; height: 45px; } #copyright .media_ic a svg .blue { transition: 0.1s; } #copyright .media_ic a:hover svg .blue { fill: #ffffff; } #topEU{float: right; margin-top: 13px; margin-right: 20px;} form#topSearch{float: right; margin-top: 13px; margin-right: 20px;} form#topSearch .input input[type=submit]{background: url('../gfx/lupe.jpg') center no-repeat;} #pardners:before{content: url('../gfx/footerShadow.png'); width: 1000px; height: 26px; margin: 0 auto;} #pardnersRotator{margin: 0 auto; float: left; overflow: hidden; width: 900px; height: 45px;} #pardnersRotator p{float: left; height: 45px; width: 160px; margin: 0 10px;} #pardnersRotator img{display: block; margin: 0 auto; max-width: 160px; max-height: 45px; width: 100%;} .rotatorArrow{float: left; width: 50px; height: 45px; background: url('../gfx/lsaquo.png') center no-repeat;} .rotatorArrow.right{background: url('../gfx/rsaquo.png') center no-repeat;} .rotatorArrow.hidden{display: block !important; visibility: hidden;} #bottom{width: 100%; height: 72px; background: url('../gfx/highlightBottom.png') repeat-x;} #bottom #goTop{display: block; text-align: center; width: 76px; height: 21px; padding-top: 25px; text-transform: uppercase; font-size: 1.1em; margin: 0 auto; margin-top: 26px; background: url('../gfx/goTop.png') no-repeat; color: #fff;} #content{padding: 40px 0;} #sidemenu{float: left; width: 200px; margin-right: 20px; position: relative; z-index: 95;} #sidemenu menu{margin: 0; margin-bottom: 20px; padding: 20px; padding-top: 12px; clear: both; border-radius: 0 10px 10px 10px; position: relative; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.98) 2%,rgba(255,255,255,0.3) 100%); /* W3C */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.98) 2%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(2%,rgba(255,255,255,0.98)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.98) 2%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.98) 2%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.98) 2%,rgba(255,255,255,0.3) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } #sidemenu menu.last{margin-bottom: 0; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.98) 2%,rgba(255,255,255,0) 100%); /* W3C */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.98) 2%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(2%,rgba(255,255,255,0.98)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.98) 2%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.98) 2%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.98) 2%,rgba(255,255,255,0) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } #sidemenu menu li{list-style: none; font-size: 1.2em; display: block; padding-left: 15px; background: url('../gfx/li.png') 0 9px no-repeat; margin: 3px 0; width: 165px; position: relative;} #sidemenu menu li.active, #sidemenu menu li:hover {background: url('../gfx/liBg.jpg') repeat-y; border-radius: 6px 0 0 6px;} #sidemenu menu li.active.hasSub > a:after, #sidemenu menu li.hasSub:hover > a:after {content: url('../gfx/liArr.png'); position: absolute; top: 0; right: -16px;} #sidemenu menu li > a{padding: 5px 0; display: block; position: relative; z-index: 5;} #sidemenu menu li.active > a {color: #fff; padding-bottom: 4px;} #sidemenu menu li:hover > a {color: #ff6a04;} #sidemenu menu li .submenu {display: none; height: auto; overflow: hidden; padding: 0 0 15px 0; position: absolute; left: 190px; top: 0; border: 1px solid #c1c6ca; background: #fff; border-radius: 10px; z-index: 4; opacity: 0; width: 0;} #sidemenu menu li .submenu.pullUp{margin-top: -100px;} .noJs #sidemenu menu li .submenu {display: block;} /* -webkit-transition: opacity 0.6s, width 0.6s 0.6s, padding 0.6s 0.6s; -webkit-transition: opacity 0.3s; #sidemenu menu li .submenu {width: 788px; opacity: 1; display: block;} */ .noJs #sidemenu menu li:hover .submenu {opacity: 1; width: 788px;} #sidemenu menu li.tapped .submenu{opacity: 1; display: block; width: 788px;} #sidemenu menu li .submenu .desc{margin-top: 0; color: #c1c6ca; font-family: droidsans;} #sidemenu menu li .submenu.fromBottom{top: auto; bottom: 0;} /* #sidemenu menu li .submenu > div{font-size: 0.8em; padding: 20px 0; width: 50%;} #sidemenu menu li .submenu > div.first{border-bottom: 1px solid #adbac3; padding-top: 0;} #sidemenu menu li .submenu > div a{font-size: 1.3em; display: block; margin-bottom: 10px;} #sidemenu menu li .submenu > figure{float: right; width: 50%;} #sidemenu menu li .submenu > figure img{max-width: 100%; max-height: 100%;} */ .alpha {opacity: 0.4; -webkit-transition: opacity 0.3s;} #sidemenu menu .submenu li {width: 119px; background: transparent; background-image: none; color: #004895; height: auto; float: left; margin: 10px 30px 10px 0; padding: 0; font-size: 0.9em;} #sidemenu menu .submenu li.cl {clear: left;} #sidemenu menu .submenu li.active, #sidemenu menu .submenu li:hover {background: transparent; background-image: none; border-radius: 0;} #sidemenu menu .submenu li figure {background: transparent url(../gfx/bg-submenu.png) 0 0 no-repeat; width: 108px; height: 107px; padding: 3px 8px 8px 3px; display: table-cell; vertical-align: middle; text-align: center; position: relative;} #sidemenu menu .submenu li figure .slink {background: transparent url(../gfx/submenu-link.png) 0 0 no-repeat; width: 33px; height: 27px; position: absolute; right: 5px; top: 85px;} #sidemenu menu .submenu li.active > a:after, #sidemenu menu .submenu li:hover > a:after {content: ''; position: absolute; top: 0; right: 0;} #sidemenu menu .submenu li > a {padding: 0; display: block; position: relative; z-index: 5; color: #004895;} #sidemenu menu .submenu li > a:hover {color: #004895;} #sidemenu menu .submenu li > a span {padding: 0 3px; display: block;} #sidemenu menu .submenu li.active > a {padding-bottom: 0;} #sidemenu a.label{display: block; height: 34px; padding: 0 15px; padding-top: 10px; float: left; clear: both; border-radius: 10px 0 0 0; position: relative; margin-right: 15px; font-size: 17px; color: #373e4e; background: #fff; z-index: 1; position: relative;} #sidemenu a.label.outer .angle{display: block; width: 31px; height: 44px; position: absolute; right: -31px; top: 0; background: url('../gfx/onR.png') no-repeat;} nav#breadcrumbs{float: left; width: 780px; height: 43px;} nav#breadcrumbs ol{margin: 5px 0; padding-left: 20px; max-width: 85%;} nav#breadcrumbs ol, nav#breadcrumbs li{list-style:none; overflow: auto; float: left;} nav#breadcrumbs li{margin-left: 10px; padding-right: 15px; background: url('../gfx/li.png') right center no-repeat;} nav#breadcrumbs li:first-child{margin-left: 0;} nav#breadcrumbs li.last {background-image: none;} #sizeSwitcher{float: right; height: 43px; line-height: 43px; padding-right: 20px; background: #fff; border-radius: 0 10px 0 0; position: relative; padding-left: 5px;} #sizeSwitcher a{float: left; display: block; padding: 0 2px;} #sizeSwitcher span.angleF{display: block; position: absolute; top: 0; left: -31px; height: 43px; width: 31px; background: url('../gfx/angleF.png') no-repeat;} #sizeSwitcher .small{font-size: 0.85em; line-height: 45px;} #sizeSwitcher .normal{} #sizeSwitcher .big{font-size: 1.15em; line-height: 42px;} article{ width: 780px; min-height: 300px; float: left; border-radius: 10px 0 10px 10px; color: #373e4e; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */ background-attachment: fixed; background-repeat: no-repeat; } article header{min-height: 56px; overflow: hidden;} #sidemenu .inner a.label, article header h1{background: #f0f2f4; height: auto; float: left; margin: 0; padding: 16px 20px; position: relative; font-family: droidsans, Arial; color: #373e4e; font-size: 1.5em; border-radius: 10px 0 0 0;} #sidemenu .inner a.label:after, article header h1:after{content: url('../gfx/titleAngle.png'); position: absolute; top: 0; right: -24px; height: 56px; width: 24px;} #sidemenu .inner{overflow: hidden; background: #fff; border-radius: 10px 10px 0 0;} #sidemenu .inner + menu{ border-radius: 0 0 10px 10px;} #articleBody{padding: 20px 35px;} #fancybox-content #articleBody{min-height: 0;} #articleBody.readOffer{background: #dce3e8; overflow: hidden; padding: 20px;} #articleBody{list-style-position: inside; min-height: 200px; height: auto;} #articleBody h2{color: #004895;} #articleBody ul {overflow: hidden;} #rotatorBody{position: relative;} .rotator {width: 85%; overflow: auto; margin: 0 auto;} .rotator {width: 604px; overflow: auto; margin: 0 53px;} .rotator .slide{width: 604px; float: left;} .half{width: 42%; padding: 4%; display: block;} .half.left{float: left;} .rsaquo{font-size: 30px; float: right; vertical-align: middle; line-height: 11px;} .picture.left{float: left; margin-right: 20px; margin-bottom: 20px;} .picture.right{float: right; margin-left: 20px; margin-bottom: 20px;} article .half img{display: block; margin: 0 auto; max-width: 100%;} article .half .image{width: 100%; height: 160px; margin-bottom: 10px;} article .half .image img{max-width: 100%; max-height: 100%;} article .shadowSeparator{width: 100%; min-height: 22px; background: transparent url('../gfx/shadowSeparator.png') -26px 0 no-repeat; margin: 8px auto;} h2{margin: 15px 0; color: #373e4e; font-size: 1.4em;} .readMore{display: block; margin: 10px 0;} .readMore.orange{background: url('../gfx/orangeArrow.png') 100% 75% no-repeat; position: relative; top: 2px; left: 10px;} .expandable .element, .jobsList .element, #tabs .tab li, .newsElement{background: url('../gfx/shadowSeparator.png') -26px 0 no-repeat;} #articleTop + #articleBody > .jobsList .element:first-child{background: transparent;} .newsElement:first-child{background: none;} .newsElement{padding-top: 30px; padding-bottom: 20px; overflow: hidden;} .newsList h2 {cursor: pointer; background: url('../gfx/shadowSeparator.png') -26px bottom no-repeat; overflow: auto; height: 55px;} .newsElement h3 {margin-top: 3px;} .newsElement a{color: #ff6a04;} .readMore.blue, .newsElement .readMore{background: url('../gfx/readMoreBlue.png') 100% 75% no-repeat; position: relative; top: 3px; left: 10px;} .newsElement .readMore{float: left; padding-right: 20px;} .newsElement .pictureBox{overflow: hidden; width: 189px; height: 125px; border: 1px solid #f3f9fc; float: left; margin-right: 20px; margin-bottom: 10px; line-height: 125px; text-align: center; font-size: 0;} .newsElement .pictureBox img{vertical-align: middle;} .hiddenMessage.hide {display: none;} .expandable .element:first-child, .download li:first-child, #tabs .tab li:first-child{background: none;} #tabs .tab li{padding: 30px; background-position: center top; overflow: hidden;} #tabs .tab li .title{color: #004895; font-size: 1.3em; padding: 4px 0; display: block;} .download .icon{display: block; width: 51px; height: 51px; float: left; margin-right: 30px;background: url('../gfx/unknown.png') no-repeat;} .download .icon.pdf{background: url('../gfx/pdf.png') no-repeat;} .download .icon.zip{background: url('../gfx/zip.png') no-repeat;} .download .icon.gif, .download .icon.png, .download .icon.jpg{background: url('../gfx/img.png') no-repeat;} .download .button{float: right; margin: 0; margin-top: 8px;} .download li{list-style: none; overflow: hidden; border-bottom: 1px solid #ddd; padding: 10px;} .download .subtitle{display: block;} #articleBody .download a.button{color: #fff;} #articleBody .download li:hover a.button{color: #ff6a04;} #articleBody .lupka { position: relative; } #articleBody .lupka span.num { position: absolute; bottom: 10px; right: 10px; color: #9A9A9A; } .caroufredsel_wrapper .mainPic a { position: relative; } .caroufredsel_wrapper .mainPic a span.num { position: absolute; bottom: 10px; right: 10px; color: #9A9A9A; } #tabs .tab.awards .icon{display: block; width: 115px; height: 115px; float: left; margin-right: 30px;} #tabs .tab.awards .icon img{display: block; margin: 0 auto;} #tabs .tab.awards .readMore{font-size: 11px;} #articleBody .newsElement time{color: #004895;} .newsElement:hover{background: #e0e7eb url('../gfx/shadowSeparator.png') -26px 0 no-repeat;} .newsElement:first-child:hover{background: #e0e7eb;} .expandable .element, .jobsList .element{padding: 20px 0;} .expandable .element h2, .jobsList .element h2{margin: 0; color: #004895; cursor: pointer;} .expandable .element h2.noExp, .jobsList .element h2.noExp {cursor:default;} .jobsList .element h2 small{color: #373E4E; font-weight: normal;} .expandable .element .hiddenMessage, .jobsList .element .hiddenMessage{display: none; overflow: hidden;} .noJs .expandable .element:hover .hiddenMessage, .noJs .jobsList .element:hover .hiddenMessage{display: block; height: auto;} .noJs .expandable .element h2:after, .noJs .jobsList .element h2:after, .jsArrD:after{content: url('../gfx/arrDown.png'); float: right;} .noJs .expandable .element:hover h2:after, .noJs .jobsList .element:hover h2:after, .jsArrU:after{content: url('../gfx/arrUp.png'); float: right;} .jobsList .element .hiddenMessage{padding: 15px;} .jobsList a.button{color: #fff !important; float: right;} .jobsList a.button:hover{color: #ff6a04 !important;} #articleTop{overflow: hidden; margin-top: -56px; background-size: contain;} .topShadow{background: url('../gfx/scaleShadow.png') bottom center no-repeat; background-size: contain; width: 100%; height: 45px; position: absolute; bottom: 0; left: 0; z-index: 90;} #articleBody #articleTop{padding: 0;} .topCopy{display: block; font-size: 1.4em;} .topCopy.left{float: left;} #articleTop + #articleBody{padding-top: 0;} #articleTop + #tabs{z-index: 1000; position: relative;} .fullPage{width: 100% !important;} #gMaps{width: 100%; margin: 0 auto; margin-bottom: 20px; border: 1px solid #ddd;} dl.contact{overflow: auto; margin: 0; margin-left: 0;} dl.contact dt{float: left; text-indent: -9999px; display: block; width: 53px; margin-right: 15px; margin-left: 25px; margin-top: 20px;} dl.contact dt.address{background: url('../gfx/icoAddress.png') no-repeat;} dl.contact dt.phones{background: url('../gfx/icoPhone.png') no-repeat;} dl.contact dt.email{background: url('../gfx/icoEmail.png') no-repeat;} dl.contact dd{float: left; margin: 0; margin-top: 20px;} dl.contact dt, dl.contact dd{height: 70px; margin-bottom: 10px;} dl.contact dd{height: auto; margin-bottom: 20px;} .grid6{width: 710px; min-height: 277px; background: url('../gfx/grid.png') no-repeat;} .grid6 div.mgmt{background: url('../gfx/icoMgmt.png') 15px no-repeat;} .grid6 div.marketing{background: url('../gfx/icoMarketing.png') 15px no-repeat;} .grid6 div.sales{background: url('../gfx/icoSales.png') 15px no-repeat;} .grid6 div.oerlikon{background: url('../gfx/icoOerlikon.png') 0 no-repeat;} .grid6 div.service{background: url('../gfx/icoService.png') 15px no-repeat;} .grid6 div.account{background: url('../gfx/icoAccount.png') 15px no-repeat;} .grid6 > div{float: left; width: 145px; padding-left: 91px; min-height: 98px; padding-top:40px;} #articles{overflow: auto;} #articles.offer {padding-top: 25px;} #articles .product {float: left; width: 50%; padding: 15px; height: auto; max-width: 360px;} #articles .product.cl {clear: left;} #articles .product:hover{background: #e9eef1;} #articles .product > img{float: left; display: block; border: 1px solid #ddd; margin-right: 15px;} #articles .product p, #articles .product h3 {margin: 0;} #articles .product h3.title{margin-bottom: 10px; font-size: 1.2em; font-weight: bold;} #articles .product .readMore {clear: left; float: right; padding-right: 20px; margin-right: 5px;} #articles .product figure.cover {float: left; margin-right: 20px; width: 98px; height: 98px;} #articles .product a img {float: left; display: block; max-width: 100%;} .relatedContainer {overflow: hidden; position: relative;} .relatedContainer .product {float: left; width: 50%; padding: 10px; height: auto; max-width: 320px;} .relatedContainer .product.cl {clear: left;} .relatedContainer .product:hover{background: #e9eef1;} .relatedContainer .product > img{float: left; display: block; border: 1px solid #ddd; margin-right: 15px;} .relatedContainer .product p, #articles .product h3 {margin: 0;} .relatedContainer .product h3.title{margin-bottom: 10px; font-size: 1.1em !important; font-weight: bold; color: #004895;} .relatedContainer .product h3.title a {color: #004895 !important;} .relatedContainer .product .readMore {float: right; margin-right: 10px;} .relatedContainer .product figure.cover {float: left; margin-right: 20px; width: 98px; height: 98px;} .relatedContainer .product a img {float: left;} .relatedContainer .seeMore {display: block; clear: both; float: right; width: 150px; height: 38px; line-height: 38px; text-align: center; position: relative; background: url(../gfx/seeMoreBg.png) repeat-x; color: #373e4e !important;} .relatedContainer .elements{overflow: hidden;} .relatedContainer .pagination{ background: url('../gfx/seeMoreBg.png'); position: relative;} .relatedContainer .seeMore:before, .relatedContainer .pagination:before{content: url('../gfx/seeMoreA.png'); width: 18px; height: 38px; position: absolute; top: 0; left: -18px;} .relatedContainer .pagination > span, .relatedContainer .pagination > a{display: block; float: left; margin: 0 4px; color: #373e4e !important;} .relatedContainer .pagination > a:hover, .relatedContainer .seeMore:hover {color: #004895 !important;} .relatedContainer .pagination a.active_page{color: #ff6a04 !important;} .relatedContainer .toggle {display: block; float: right; margin-top: 3px; width: 22px; height: 13px; background: transparent url(../gfx/toggle.png) 0 0 no-repeat;} .relatedContainer .toggle.hide {background-position: 0 -13px;} .relatedContainer .body {padding-top: 10px;} .relatedContainer h3.title {cursor: pointer;} .productDetails .relatedContainer .shadowSeparator {margin: 25px auto 15px auto;} #articles + .shadowSeparator{margin-top: 0; width: 710px; margin: 0 auto; overflow: hidden;} .productDetails .cover {width: auto; height: auto; float: left; margin: 0 25px 10px 0; max-width: 350px;} .productDetails .cover img {border: 1px solid #ddd;} .icons {text-align: left; margin-top: 20px;} .icons .icon {display: inline-block; background: transparent url(../gfx/produkt-buttony.png) 0 -50px no-repeat; width: 50px; height: 50px; text-indent: -9999px;} .icons .icon.dataSheet {background-position: 0 -50px;} .icons .icon.designDrawing {background-position: -50px -50px;} .icons .icon.references {background-position: -100px -50px;} .icons .icon.publications {background-position: -150px -50px;} .icons .icon.interview {background-position: -200px -50px;} .icons .icon.gallery {background-position: -250px -50px;} .icons .icon.quotation {background-position: -300px -50px;} .icons .icon.wishlist {background-position: -350px -50px;} .icons .icon.dataSheet:hover {background-position: 0 0;} .icons .icon.designDrawing:hover {background-position: -50px 0;} .icons .icon.references:hover {background-position: -100px 0;} .icons .icon.publications:hover {background-position: -150px 0;} .icons .icon.interview:hover {background-position: -200px 0;} .icons .icon.gallery:hover {background-position: -250px 0;} .icons .icon.quotation:hover {background-position: -300px 0;} .icons .icon.wishlist:hover {background-position: -350px 0;} .technicalData {margin-top: 10px;} .technicalData table {border: 0; border-collapse: collapse; margin-top: 10px;} #articleBody .technicalData table tr {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;} #articleBody .technicalData tr:nth-child(even) {background: #e4e9ed;} #articleBody .technicalData table tr td:first-child {color: #004895; padding-right: 10px;} #articleBody .technicalData td, #articleBody .technicalData th {vertical-align: top;} #articleBody.productDetails h2.title {margin-top: 0; color: #ff6a04;} #articleBody.productDetails h3 {margin: 0; color: #004895;} .productDetails .shadowSeparator {clear: both; margin: 25px auto;} section.selector {background: #464d5d; border-radius: 10px; margin: 0 15px 15px 15px; overflow: auto;} section.selector form {float: right;} section.selector option {padding: 5px 3px;} .pag {padding-bottom: 20px;} .paginator{display: block; background: #a8b6c0; float: right; height: 38px; position: relative; padding: 0 5px;} .paginator:before{content: url('../gfx/paginationAngle.png'); position: absolute; left: -18px; height: 38px; width: 18px; top: 0;} .paginator a, .paginator span{line-height: 38px; height: 38px; display: block; float: left; padding: 0 5px;} .paginator span {color: #fff;} .paginator a.pagiNav{font-size: 2.5em; line-height: 33px;} #related{overflow: auto;} #related .tabs{clear: both; display: block; width: 100%; overflow: hidden;} #related .tabs a{display: block; float: left; border-radius: 10px 0 0 0; position: relative; margin-right: 15px; font-size: 13px; background: #a8b6c0; color: #373e4e; z-index: 1; position: relative; padding: 10px;} #related .tabs a.on{background: #373e4e; z-index: 5; color: #fff;} #related .tabs a .angle{display: block; width: 19px; height: 44px; position: absolute; right: -19px; top: 0; background: url('../gfx/relatedAngle.png') no-repeat;} #related .tabs a.on .angle{background: url('../gfx/relatedAngleOn.png') no-repeat;} #related .product{overflow: auto; padding: 10px;} #related .product h3{margin-top: 0;} #related .product > img{display: block; float: left; margin-right: 20px;} #related + .shadowSeparator{margin-top: 0;} a.boxerNav{margin: 0 !important; height: 100%; font-size: 2em !important; display: block; padding: 0 15px !important; background: #373e4e !important; color: #fff !important; margin-left: 1px !important;} #articleBody .events h2{color: #004895; font-weight: normal; margin-top: 50px; margin-bottom: 10px;} #articleBody .events table{width: 100%; padding: 0; margin: 0;} #articleBody .events thead th{font-size: 1.2em; padding: 10px; text-align: left; font-weight: normal; color: #ff6a04;} #articleBody .events thead th.table-first{width: 86px;} #articleBody .events thead th.table-second{width: 255px;} #articleBody .events thead th.table-third{width: 225px;} #articleBody .events tr{border-bottom: 1px solid #adbac3;} #articleBody .events tbody tr:nth-of-type(odd){background: #e9edf1;} #articleBody .events tbody tr:last-child{border: 0;} #articleBody .events tbody td{padding: 4px 10px;} #tabs{padding: 20px;} #articleTop + #tabs{margin-top: -65px;} #tabs ul, #tabs li{margin: 0; padding: 0; list-style: none;} #tabs > ul{overflow: hidden; clear: both;} #tabs > ul li{display: block; float: left; background: #a6b4be; height: 45px; position: relative; z-index: 4; margin-right: 10px; border-radius: 10px 0 0 10px;} #tabs > ul li.ui-tabs-active{background: #373e4e; z-index: 5;} #tabs > ul li:after{content: url('../gfx/downloadAngleOff.png'); width: 20px; height: 45px; position: absolute; right: -20px; top: 0;} #tabs > ul li.ui-tabs-active:after{content: url('../gfx/downloadAngleOn.png'); width: 20px; height: 45px; position: absolute; right: -20px; top: 0;} #tabs > ul li a{color: #fff; display: block; width: 100%; height: 100%; padding: 0 20px; line-height: 45px; font-size: 1.4em;} .miniGallery{margin: 0 auto; width: 660px; overflow: hidden; margin-top: 20px;} .miniGallery figure{float: left; display: block; width: 100px; height: 100px; margin-right: 30px; border: 1px solid #ddd; margin-bottom: 20px; line-height: 100px; text-align: center;} .miniGallery figure img{vertical-align: middle;} blockquote{font-style: italic;} .formTextarea textarea, form input{background: #fbfcfd; border: 1px solid #d0d8de; border-radius: 5px; padding: 10px 5px; width: 300px;} .formTextarea textarea{height: 150px;} form input.button{width: 94px; padding-right: 15px; height: 34px; line-height: 34px; background: url('../gfx/button.png') no-repeat; display: block; font-size: 14px; text-align: center; color: #fff; text-transform: uppercase; text-shadow: -1px -1px 1px #555;} form .formRow{overflow: hidden; margin: 10px 0;} form .formRow.captcha img{display: block; clear: both;} form .jobSubmit{float: right;} #jobForm .legal { max-width: 312px; } #jobForm .legal input[type=checkbox]{width: 15px; display: block; float: left;} #jobForm .legal label{width: 296px; font-size: 11px; float: right;} form {color: #373e4e;} form .star{font-size: 10px;} #jobForm .paddedSpan, #contactForm .paddedSpan {position: relative;} #jobForm .paddedSpan .red{} form .errors{padding: 0; clear:both;} form .errors.files{margin-top: 15px;} form .errors li{list-style: none; color: #ff0000;} form .formRow.leftRed { position: relative; overflow: initial; } form .formRow.leftRed span.red { position: absolute; left: -10px; top: 11px; } #quotationForm .legal, #contactForm .legal { max-width: 312px; } #quotationForm .legal input[type=checkbox], #contactForm .legal input[type=checkbox] {display: block; float: left;} #quotationForm .legal label, #contactForm .legal label {width: 296px; font-size: 11px; float: right; text-align: justify;} #quotationForm .legal a, #contactForm .legal a {text-decoration: underline;} #quotationForm .legal span.red, #contactForm .legal span.red {top: -1px;} .clear { clear: both; } .red_bold {color: red; font-weight: bold; font-size: 12px;} #contactBox{padding: 20px; background: #DCE3E8;} #contactBox h2{margin-top: 0; max-width: 300px;} #contactBox > ul { max-width: 280px; padding-left: 20px; } .red{color: #f00;} .hidden{display: none;} input[type=checkbox]{width: auto;} form .checkbox{margin: 10px 0;} .search .date{font-size: 0.6em;} .errorPage h2{font-size: 2.5em;} .lupeCover{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff url('../gfx/luped.png') 50% no-repeat; opacity: 0; z-index: 300;} .shortNewsImage{display: block; float: left; margin-top: 8px; margin-right: 8px; width: 80px; height: 80px;} .shortNewsImage img{display: block; max-width: 100%; max-height: 100%; margin: 0 auto;} #productGallery {width: 780px; /* background: url('../gfx/bodyBg.jpg'); */ overflow: hidden; padding: 10px;} #productGallery .mainPic a{float: left; display: block; width: 780px;} #productGallery .mainPic img{display: block; margin: 0 auto;} #productGallery .mainPic{width: 780px; margin-bottom: 15px;} #productGallery .rotArr{z-index: 15012;} #productGallery #rotArrLeft.rotArr{left: 20px;} #productGallery #rotArrRight.rotArr{right: 20px;} #productGallery .pagination{position: relative;} #productGallery .pagination .slide{height: 148px;} #productGallery .pagination .slide a{display: block; float: left; width: 144px; height: 144px; margin-left: 20px; text-align: center; border: 1px solid #ccc; padding: 1px;} #productGallery .pagination .slide a.selected{border: 2px solid #004895; padding: 0;} #productGallery .pagination .slide a:first-child{margin-left: 0;} #productGallery .pagination{width: 636px; margin: 0 auto; text-align: center; line-height: 144px;} #productGallery .pagination img{vertical-align: middle; display: inline;} #productGallery .pagination #rotArrLeft.rotArr{left: -40px;} #productGallery .pagination #rotArrRight.rotArr{right: -40px;} #productGallery .disabled{opacity: 0.4;} /* Top 1 */ #earth{float: right; position: relative; z-index: 2;} #satellite{position: absolute; z-index: 3; width: 250px; top: 120px; left: 405px;} #top3{position: absolute; right: 0; top: 0;} #bn {overflow: hidden !important} #christmasTree {position: absolute; z-index: 2; right: 0; top: -50px;} #bn aside.copyContainer {margin-top: 175px;} #wielkanoc {overflow: hidden !important} #wielkanocImg {position: absolute; z-index: 2; right: -25px;} #wielkanoc aside.copyContainer {margin-top: 195px;} #graphicTop #slides{overflow: auto; width: 1000px; height: 572px; overflow: hidden;} #graphicTop #slides div{overflow: auto; float: left; width: 1000px; height: 572px; position: relative;} .rotArr{display: block; position: absolute; top: 40%; width: 22px; height: 37px; z-index: 1000;} #rotArrLeft.rotArr{background: url('../gfx/arrLeftRot.png') no-repeat; left: -100px;} #rotArrRight.rotArr{background: url('../gfx/arrRightRot.png') no-repeat; right: -100px;} #rotatorBody #rotArrLeft.rotArr{left: 0;} #rotatorBody #rotArrRight.rotArr{right: 0;} #wom .light, #wom .cover{display: block; position: absolute; z-index: 10;} #wom .cover.left{background: url('../gfx/coverLeft.png') no-repeat; width: 52px;section.selector height: 56px; top: 86px; right: 562px;} #wom .cover.mid{background: url('../gfx/coverMid.png') no-repeat; width: 52px; height: 56px; top: 83px; right: 504px;} #wom .cover.right{background: url('../gfx/coverRight.png') no-repeat; width: 56px; height: 62px; top: 79px; right: 432px;} #wom .light.big{width: 158px; height: 82px; background: url('../gfx/blyskB.png') no-repeat; top: 280px; right: 475px; opacity: 0;} #wom .light.small{width: 115px; height: 35px; background: url('../gfx/blyskS.png') no-repeat; top: 365px; right: 475px; opacity: 0;} #articleBody table{width: 100%; border-spacing: 0;} #articleBody table tr{border-bottom: 1px solid #ddd;} #articleBody table tr td{padding: 5px 0;} #techniqueSelector{overflow: hidden; padding-top: 15px; padding: 20px;} #techniqueSelector input[type=submit], .techniquesCheckbox{float: left; overflow: hidden; padding: 10px; color: #2f3645; width: 147.5px; position: relative; border: 1px solid #2f3645; border-radius: 10px; margin-left: 10px; margin-bottom: 10px; background: #F0F2F4;} .techniquesCheckbox.checked{background: #2f3645; color: #fff;} .techniquesCheckbox.break{margin-left: 0;} .techniquesCheckbox input[type=checkbox]{float:left; visibility: hidden;} .noJs .techniquesCheckbox input[type=checkbox]{visibility: visible;} .techniquesCheckbox label{white-space: nowrap; position: absolute; top: 0; left: 0; padding-left: 30px; width: 140px; line-height: 33px; height: 100%; cursor: pointer;} #techniqueSelector input[type=submit]{float: right; background-color: #f60; margin-bottom: 0; color: #fff; transition: 0.5s;} #techniqueSelector input[type=submit]:hover {background-color: #ca5101;} .baar {background: transparent url(../gfx/arrDownWhite.png) 710px 50% no-repeat;} .baar.opened {background: transparent url(../gfx/arrUpWhite.png) 710px 50% no-repeat;} .selector .baar a{color: #fff; display: block; padding: 20px;} .buttonChangeLang {display: block; width: 617px; height: 141px; padding: 0 0 0 130px; margin: 20px 0; background: transparent url(../gfx/button-change-lang.png) 0 0 no-repeat;} .buttonChangeLang .header {color: #004895; font-size: 16pt; margin-top: 50px; display: inline-block;} #articleBody .buttonChangeLang {margin-left: -15px;} .agentsSelectForm {margin: 0 auto 20px 20px;} .agentsSelectForm option, .agentsSelectForm select {padding: 2px 0 2px 5px;} .agentsSelectForm select {width: 200px;} .agent {width: 400px; margin-top: 30px;} .agent.first {margin-top: 0;} .agent h2 {margin-top: 0; font-family: 'droidsans';} .product .readMore{padding-right: 20px;} #articleBody .caroufredsel_wrapper{margin-left: 0 !important;} #artGroup{float: left; color: #ccc; clear: left;} #artGroup:hover{color: #fff;} .forceBlock{display: block !important;} .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } @media (min-device-width: 895px) and (max-device-width: 1024px) and (orientation: landscape) { /* and (orientation: landscape) */ .pageWidth{width: 100%;} #topBar{max-width: 855px; width: auto;} #productBox{max-width: 427px; width: auto;} article, nav#breadcrumbs{width: 760px;} .relatedContainer .product, #articles .product{width: 46%; padding: 2%;} #sidemenu menu li .submenu{max-width: 768px;} .buttonChangeLang{width: 588px; background-size: contain;} .buttonChangeLang .header{margin-top: 40px;} #sidemenu menu .submenu li{margin-right: 25px;} #pardners{width: 100%;} #pardners .rotatorArrow{display: none;} .box .content .product{margin-right: 18px;} #sitemap > div > div{margin-right: 15px;} menu#topMenu li{font-size: 1em;} } @media only screen and (min-width: 895px) and (max-width: 1024px) { /* and (orientation: landscape) */ .pageWidth{width: 100%;} #topBar{max-width: 855px; width: auto;} #productBox{max-width: 427px; width: auto;} article, nav#breadcrumbs{width: 760px;} .relatedContainer .product, #articles .product{width: 46%; padding: 2%;} #sidemenu menu li .submenu{max-width: 768px;} .buttonChangeLang{width: 588px; background-size: contain;} .buttonChangeLang .header{margin-top: 40px;} #sidemenu menu .submenu li{margin-right: 25px;} #pardners{width: 100%;} #pardners .rotatorArrow{display: none;} .box .content .product{margin-right: 18px;} #sitemap > div > div{margin-right: 15px;} menu#topMenu li{font-size: 1em;} } @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #sidemenu{max-width: 200px; width: 20%;} article, nav#breadcrumbs{max-width: 760px; width: 75%;} #sidemenu menu li{max-width: 165px; width: 100%;} #articles + .shadowSeparator{width: 95%;} article.fullPage, nav#breadcrumbs.fullPage{max-width: 100%;} .grid6{background: transparent; width: 100%;} .baar{background-position: 680px 50%;} .baar.opened{background-position: 680px 50%;} #productBox{margin-left: 25px;} } @media only screen and (min-width: 768px) and (max-width: 1024px) { #sidemenu{max-width: 200px; width: 20%;} article, nav#breadcrumbs{max-width: 760px; width: 75%;} #sidemenu menu li{max-width: 165px; width: 100%;} #articles + .shadowSeparator{width: 95%;} article.fullPage, nav#breadcrumbs.fullPage{max-width: 100%;} .grid6{background: transparent; width: 100%;} } @media (min-device-width: 600px) and (max-device-width: 768px) and (orientation: portrait) { .pageWidth{width: 740px;} #topBar{width: 615px;} #logo{width: 50px; margin-left: 8px; margin-top: 6px;} #logo img{display: block; max-width: 100%;} menu#topMenu li{font-size: 0.9em; padding: 0 9px;} #graphicTop #slides{width: 740px;} #graphicTop #slides div{width: 740px;} aside.copyContainer{position: relative; z-index: 10;} #earth{position: absolute; top: 0; right: 0;} #satellite{left: 300px;} #productBox{width: 175px;} #productBox .product {width: 100%; max-width: 100%; text-align: left; font-size: 1.15em; clear: both; padding: 5px 0;} #productBox .product:first-child{padding-top: 0;} #productBox .product img{display: none;} #newsBox{width: 330px;} #promotionBox {width: 215px;} #sitemap{font-size: 10px;} #sitemap > div > div{margin-right: 11px;} #sitemap > div{max-width: 435px;} #sitemap li{max-width: 140px;} #pardners .rotatorArrow{display: none; opacity: 0;} #sidemenu{font-size: 0.85em; width: 185px;} #sidemenu a.label{font-size: 1.5em;} #sidemenu menu li{width: 150px; line-height: 1.5em;} nav#breadcrumbs, article{width: 530px;} .relatedContainer .product, #articles .product{width: 46%; padding: 2%;} #articleTop > div{background-size: contain !important; background-position: 170% 100% !important;} #articleTop > div.topShadow{background-position: inherit;} #articleBody{padding: 20px 15px; overflow: hidden;} .half{width: 40%;} .grid6{max-width: 100%; background: transparent;} #map{max-width: 520px;} .submenu{max-width: 500px;} #sidemenu menu .submenu li.cl{clear: none;} article .shadowSeparator{background-size: contain; background-position: 50% 0;} .productDetails .cover{max-width: 200px;} .productDetails .cover img{max-width: 100%;} article header{position: relative; z-index: 5;} #articleBody .events h2{margin-top: 35px;} #sidemenu menu li .submenu.pullUp{margin-top: -255px;} dl.contact dt{clear: left;} .topCopy{font-size: 1.1em;} .buttonChangeLang{width: auto; background-size: contain; padding: 0 0 0 85px;} .buttonChangeLang .header{margin-top: 20px;} .rotArr{display: none !important;} #articles + .shadowSeparator{width: 95%;} article.fullPage, nav#breadcrumbs.fullPage{max-width: 100%;} .box .tabs .list a{font-size: 15px;} .box .content{border-radius: 0 0 0 10px;} .expandable .element, .jobsList .element, #tabs .tab li, .newsElement{background-position: center top; background-size: contain;} .baar{background-position: 460px 50%;} .baar.opened{background-position: 460px 50%;} } @media screen and (min-width: 600px) and (max-width: 768px) { .pageWidth{width: 740px;} #topBar{width: 615px;} #logo{width: 50px; margin-left: 8px; margin-top: 6px;} #logo img{display: block; max-width: 100%;} menu#topMenu li{font-size: 0.9em; padding: 0 9px;} #graphicTop #slides{width: 740px;} #graphicTop #slides div{width: 740px;} aside.copyContainer{position: relative; z-index: 10;} #earth{position: absolute; top: 0; right: 0;} #satellite{left: 300px;} #productBox{width: 175px;} #productBox .product {width: 100%; max-width: 100%; text-align: left; font-size: 1.15em; clear: both; padding: 5px 0;} #productBox .product:first-child{padding-top: 0;} #productBox .product img{display: none;} #newsBox{width: 330px;} #promotionBox {width: 215px;} #sitemap{font-size: 10px;} #sitemap > div > div{margin-right: 11px;} #sitemap > div{max-width: 435px;} #sitemap li{max-width: 140px;} #pardners .rotatorArrow{display: none; opacity: 0;} #sidemenu{font-size: 0.85em; width: 185px;} #sidemenu a.label{font-size: 1.5em;} #sidemenu menu li{width: 150px; line-height: 1.5em;} nav#breadcrumbs, article{width: 530px;} .relatedContainer .product, #articles .product{width: 46%; padding: 2%;} #articleTop > div{background-size: contain !important; background-position: 170% 100% !important;} #articleTop > div.topShadow{background-position: inherit;} #articleBody{padding: 20px 15px; overflow: hidden;} .half{width: 40%;} .grid6{max-width: 100%; background: transparent;} #map{max-width: 520px;} .submenu{max-width: 500px;} #sidemenu menu .submenu li.cl{clear: none;} article .shadowSeparator{background-size: contain; background-position: 50% 0;} .productDetails .cover{max-width: 200px;} .productDetails .cover img{max-width: 100%;} article header{position: relative; z-index: 5;} #articleBody .events h2{margin-top: 35px;} #sidemenu menu li .submenu.pullUp{margin-top: -255px;} dl.contact dt{clear: left;} .topCopy{font-size: 1.1em;} .buttonChangeLang{width: auto; background-size: contain; padding: 0 0 0 85px;} .buttonChangeLang .header{margin-top: 20px;} .rotArr{display: none !important;} #articles + .shadowSeparator{width: 95%;} article.fullPage, nav#breadcrumbs.fullPage{max-width: 100%;} .box .tabs .list a{font-size: 15px;} .box .content{border-radius: 0 0 0 10px;} .expandable .element, .jobsList .element, #tabs .tab li, .newsElement{background-position: center top; background-size: contain;} } /* * Style ogólne */ body a.orange, body .orange{color: #ff6a04;} body a.orange:hover{color: #373E4E;} #articleBody .blue, #articleBody a.blue{color: #004895;} #articleBody a.blue:hover{color: #ff6a04;} body a.dblue, body .dblue{color: #373E4E;} body a.dblue:hover{color: #ff6a04;} .button{width: 94px; padding-right: 15px; height: 34px; line-height: 34px; background: url('../gfx/button.png') no-repeat; display: block; font-size: 14px; text-align: center; color: #fff; text-transform: uppercase; text-shadow: -1px -1px 1px #555;} .button.goBack{background: url('../gfx/buttonGoBack.png') no-repeat; padding: 0; padding-left: 15px; color: #fff !important;} .button.goBack:hover{color: #ff6a04 !important;} .button.goBack.right{float: right;} #articleBody a{color: #ff6a04;} #articleBody a:hover{color: #373E4E;} /* * Hybrydy */ aside.copyContainer .button{margin-top: 30px;} /* * Pasy */ #bars{width: 100%; height: 465px; overflow: hidden; position: absolute; top: 0; left: 0;} .bar{width: 200%; display: block; position: absolute; left: -75%;} .bar.one{-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); -ms-transform: rotate(4deg); top: 190px; height: 65px; background: #fff; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } .bar.two{-webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -o-transform: rotate(-6deg); -ms-transform: rotate(-6deg); top: 340px; height: 35px; background: #fff; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } .bar.three{-webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); top: 50px; height: 1px; background: #373e4e; opacity: 0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } .bar.four{-webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg); -ms-transform: rotate(25deg); left: auto; right: -75%; top: 50px; height: 1px; background: #373e4e; opacity: 0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } .bar.five{-webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg); left: auto; right: -70%; top: 250px; height: 1px; background: #373e4e; opacity: 0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } .bar.six{-webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -o-transform: rotate(-12deg); -ms-transform: rotate(-12deg); top: 250px; height: 2px; background: #fff; opacity: 0.65; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); } #privacy {width: 200px; margin: 0 auto; position: absolute; right: 0; top: 0; background: #e0e0e0; background: rgba(224, 224, 224, 0.9); padding: 15px; color: #000; z-index: 1020; border: 1px solid #ccc;} #privacy .prvClose {position: absolute; right: 5px; top: 5px; cursor: pointer;} .oerlikon-btn { z-index: 200; position: fixed; left: 0; top: 200px; width: 41px; height: 158px; display: block; background: transparent url(../gfx/oerlikon/fiszka-oerlikon.png) 0 0 no-repeat; text-indent: -9999px; } .newsletter-btn { z-index: 200; position: fixed; left: 0; top: 370px; width: 41px; height: 158px; display: block; background: transparent url(../gfx/fiszka-newsletter.png) 0 0 no-repeat; text-indent: -9999px; } .newsletter-btn.en { top: 200px; } /* * Wishlist - Netplozja */ #wishlist { position: fixed; right: 0; top: 200px; width: auto; width: 250px; border: 1px solid #000; padding: 1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255,255,255,.8); -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; z-index: 90; display: none; } #wishlist.active { display: block; } #wishlist p { margin-bottom: 0; } #wishlist .header { font-weight: bold; font-size: 1.3em; text-transform: uppercase; margin-top: 0; font-family: droidsans; } #wishlist .wishlist-remove{ font-size: 1.3em; display: inline-block; margin-left: 5px; cursor: pointer; position: absolute; left: 0; top: -3px; font-style: normal; } #wishlist ul { list-style-type: none; margin: 0; padding: 0; position: relative; } #wishlist ul li { margin: .3em 0; font-size: 1.1em; position: relative; padding-left: 20px; padding-right: 15px; } /* * Promocja - Netplozja */ .icons .has-promotion {display: inline-block; background: transparent url(../gfx/promotion.png) 0 0px no-repeat; width: 153px; height: 50px; text-indent: -9999px; } .icons .has-promotion:hover {} /* * Dodatkowy przycisk strony glownej - Netplozja */ .buttonSpecialTop { min-width: 173px; height: 56px; text-align: right; background-color: #ff6600; color: white; margin: 0px 12px 10px 0px; border-radius: 10px; position: absolute; top: -66px; z-index: 1000; right: 0px; transition: 0.5s; cursor: pointer; } .buttonSpecialTop:hover { background-color: #ca5101; } .buttonSpecialTop .buttonSpecialText { font-size: 17px; font-family: droidsans, Arial; letter-spacing: -0.5px; padding-bottom: 1px; } .buttonSpecialTop a { color: white; padding: 6px 11px 10px 11px; display: block; } /* * Publikacje */ #articleBody a.pageItem { color: #373e4e; } #articleBody a.pageItem:hover { color: #ff6a04; } #pub_filters { } #pub_filters div.field { background: url(../gfx/li.png) 0 3px no-repeat; padding-left: 15px; margin: 0px 0px 20px;} #pub_filters div.label { margin-bottom: 7px; } #pub_filters div.content { } #pub_filters div.content select { width: 100%; background: #fbfcfd; border: 1px solid #d0d8de; border-radius: 5px; padding: 9px 5px; } #pub_filters div.content input { width: 100%; box-sizing: border-box; } #pub_filters div.submit { width: 100%; position: relative; z-index: 5; } #pub_filters div.submit input { width: 100%; background: url(../gfx/liBg.jpg) repeat-y 100% 0%; border: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; color: white; font-size: 1.1em; padding: 6px 5px 7px 15px; text-align: left; transition: color 0.3s ease-out;} #pub_filters div.submit::after { content: url(../gfx/liArr.png); position: absolute; top: 0; right: -16px; } #pub_filters div.submit input:hover { color: #ff6a04; } #pub_filters div.reset {margin-top: 5px;} #pub_filters div.reset a { text-decoration: none; cursor: pointer; background-color: #f60; color: white; width: 100%; display: block; border-radius: 5px; padding: 6px 5px 7px 15px; box-sizing: border-box; font-size: 1.1em;transition: 0.5s; } #pub_filters div.reset a:hover { background-color: #ca5101; } /* #articleBody .publication-list { } #articleBody .publication-list .publication { background: url(../gfx/shadowSeparator.png) -26px 0 no-repeat; padding: 30px; background-position: center top; overflow: hidden; } #articleBody .publication-list .publication h2 { margin-bottom: 10px; margin-top: 0px; font-size: 1.2em; font-weight: bold; } #articleBody .publication-list .publication h2 a { transition: color 0.3s ease-out; text-decoration: none; color: #373e4e;} #articleBody .publication-list .publication h2 a:hover { color: #f60; } #articleBody .publication-list .publication .year {float: right; font-weight: bold; font-size: 1.3em; } #articleBody .publication-list .publication .readMore { clear: left; float: right; padding-right: 20px; margin-right: 5px; } #articleBody .publication-list .result-count { padding-bottom: 15px; text-align: center; } #articleBody .publication-list .no-results { font-size: 1.2em; text-align: center; } */ #articleBody .publication-list { margin: 15px 0px 40px; width: 100%; } #articleBody .publication-list tr:first-child { border-top: 1px solid #ddd; } #articleBody .publication-list td {padding-bottom: 15px; vertical-align: top; width: auto; padding-top: 15px;} #articleBody .publication-list td.year { color: #8E8E8E; text-align: center; width: 60px; } #articleBody .publication-list td.number { color: #8E8E8E; text-align: left; width: 80px; padding-right: 10px; } #articleBody .publication-list td.content { padding-left: 10px; padding-right: 10px; } #articleBody .publication-list td.content h2 { margin-bottom: 10px; margin-top: 0px; font-size: 1.2em; font-weight: bold; color: #373e4e; } #articleBody .publication-list td.content h2 a { transition: color 0.3s ease-out; text-decoration: none; color: #373e4e;} #articleBody .publication-list td.content h2 a:hover { color: #f60; } #articleBody .publication-list td.more { width: 90px; } #articleBody .publication-list td.more .readMore { clear: left; float: right; padding-right: 20px; margin-right: 5px; position: static; margin-top: 0px;} #articleBody .publication-list td table.attributes {width: 100%;} #articleBody .publication-list td table.attributes tr {border: 0px;} #articleBody .publication-list td table.attributes td {padding: 5px 0px 0px 0px; } #articleBody .publication-list td table.attributes td.label {width: 70px; color: #8e8e8e;} #articleBody .publication-list td table.attributes td.value {} .butover {background: #fbfcfd; border: 1px solid #d0d8de; border-radius: 5px; padding: 10px 5px; width: 300px; position: absolute; top: 0px; height: 20px; line-height: 20px; cursor:pointer;} input.ajaxupload {} /* mapa strony w stopce */ /* prevac */ #sitemap { display: flex; } #sitemap > div {float: none; height: auto!important;} #sitemap > div.catalog > div { width: calc(25% - 20px); } #sitemap > div:first-child > ul > ul { display: list-item; float: none; list-style: none; }