/******************************************************************************************************************* * IMPORT OTHER STYLES *******************************************************************************************************************/ @import url(reset.css); @import url(http://fonts.googleapis.com/css?family=Asap:400, 700, 400italic, 700italic&subset=latin, latin-ext); @import url(colour-red.css); /******************************************************************************************************************* * CUSTOM FONT *******************************************************************************************************************/ @font-face { font-family: 'comfortaa-reg'; /*a name to be used later*/ src: url("font/comfortaa-regular.ttf"); /*URL to font*/ } .czcionka_reg { font-family: 'comfortaa-reg'; } @font-face { font-family: 'comfortaa-bold'; /*a name to be used later*/ src: url("font/comfortaa-bold.ttf"); /*URL to font*/ } .czcionka_bold { font-family: 'comfortaa-bold'; } @font-face { font-family: 'comfortaa-light'; /*a name to be used later*/ src: url("font/comfortaa-light.ttf"); /*URL to font*/ } .czcionka_light { font-family: 'comfortaa-light'; } /******************************************************************************************************************* * BASE *******************************************************************************************************************/ html{background:#fff url("img/intro-background.png") no-repeat 50% 125px;} body{background:url("img/footer-background.png") repeat-x bottom; color:#545454; font:normal 13px Helvetica,Arial,Tahoma,Verdana;} p{line-height:1.7em; margin-bottom:15px;} address{font-style:normal; padding-bottom:15px;} /******************************************************************************************************************* * LINKS *******************************************************************************************************************/ a, a:link, a:focus{outline:0; text-decoration:underline;} a:hover{color:#000; text-decoration:none;} /******************************************************************************************************************* * H1 - H3 *******************************************************************************************************************/ h1, h2, h3{line-height:1.5em; margin-bottom:15px;} h1{font-size:4.8em;} h2{font-size:2.1em; font-weight:bold;} h3{font-size:0.9em; margin-bottom:3px;} /******************************************************************************************************************* * H4 *******************************************************************************************************************/ h4{line-height:1.5em; margin-bottom:15px;} h4{font-size:1.6em; font-weight:bold;} /******************************************************************************************************************* * HEADER *******************************************************************************************************************/ header{height:125px; position:relative;} header a#logo{font-size:2.8em; line-height:125px; text-decoration:none; font-weight:700; display:block; position:absolute; top:0; left:0;} header a#logo:hover{text-decoration:none; color:#000;} header nav ul{position:absolute; top:45px; right:-20px;} header nav li{float:left; margin-left:5px;} header nav li a{float:left; color:#818181; display:block; padding:10px 15px; text-decoration:none !important;} header nav li.active a{font-weight:bold;} /******************************************************************************************************************* * MENU2 - OFFER LIST *******************************************************************************************************************/ #menu2{height:100px; position:relative;} #menu2 nav ul{position:absolute; top:45px; right:-20px;} #menu2 nav li{float:left; margin-left:5px;} /*#menu2 nav li a{float:left; color:#313131; display:block; padding:10px 15px; text-decoration:none !important;}*/ #menu2 nav li a{float:left; color:#ff0000; display:block; padding:10px 15px; text-decoration:none !important;} #menu2 nav li.active a{font-weight:bold;} #menu2 a:hover{text-decoration:none; color:#a4a4a4;} /******************************************************************************************************************* * INTRO *******************************************************************************************************************/ #intro{display:block; width:100%; height:293px; margin-bottom:30px; position:relative; clear:both;} #intro h1{margin-bottom:0; padding-top:30px; font-weight:700;} #intro p{font-size:1.3em; font-weight:bold; margin-bottom:20px;} #intro p a{color:#545454; text-decoration:none;} #intro p a:hover{color:#000; text-decoration:none;} #intro img{position:absolute; bottom:0; right:0;} /******************************************************************************************************************* * CONTENT - IKONY *******************************************************************************************************************/ #content{padding:0 0 50px;} #content .cols{border-bottom:1px solid #e7e7e7; padding-bottom:30px;} #content h2.withIcon{padding-left:40px;} #content h2.withIcon.icon1{background:url("img/icon1.png") no-repeat 0 5px; padding-left:50px;} /*Crown or Star*/ #content h2.withIcon.icon2{background:url("img/icon2.png") no-repeat 0 5px;} /*Appple*/ #content h2.withIcon.icon3{background:url("img/icon3.png") no-repeat 0 5px;} /*Android*/ #content h2.withIcon.icon4{background:url("img/icon4.png") no-repeat 0 5px;} /*Screen*/ #content h2.withIcon.icon5{background:url("img/icon5.png") no-repeat 0 5px;} /*Projector*/ #content h2.withIcon.icon6{background:url("img/icon6.png") no-repeat 0 5px;} /*Pair of Speakers*/ #content h2.withIcon.icon7{background:url("img/icon7.png") no-repeat 0 5px;} /*AV Rack*/ #content h2.withIcon.icon8{background:url("img/icon8.png") no-repeat 0 5px;} /*Group of people*/ #content h2.withIcon.icon9{background:url("img/icon9.png") no-repeat 0 5px;} /*Contact*/ #content h2.withIcon.icon10{background:url("img/icon10.png") no-repeat 0 5px;} /*Cotillion*/ /* DLA DOMU */ #content h2.withIcon.icon_dd_1{background:url("img/icon_dd_1.png") no-repeat 0 5px;} /*Systemy RTV*/ #content h2.withIcon.icon_dd_2{background:url("img/icon_dd_2.png") no-repeat 0 5px;} /*Kino domowe i automatyka AV*/ #content h2.withIcon.icon_dd_3{background:url("img/icon_dd_3.png") no-repeat 0 5px;} /*Sterowanie domowe*/ #content h2.withIcon.icon_dd_4{background:url("img/icon_dd_4.png") no-repeat 0 5px;} /*Ekrany i telewizory*/ #content h2.withIcon.icon_dd_5{background:url("img/icon_dd_5.png") no-repeat 0 5px;} /*Projektory i windy*/ #content h2.withIcon.icon_dd_6{background:url("img/icon_dd_6.png") no-repeat 0 5px;} /*Systemy HiFi & HiEnd*/ #content h2.withIcon.icon_dd_7{background:url("img/icon_dd_7.png") no-repeat 0 5px;} /*…..*/ #content h2.withIcon.icon_dd_8{background:url("img/icon_dd_8.png") no-repeat 0 5px;} /*.....*/ /* DLA BIZNESU */ #content h2.withIcon.icon_db_1{background:url("img/icon_db_1.png") no-repeat 0 5px;} /*Projekty*/ #content h2.withIcon.icon_db_2{background:url("img/icon_db_2.png") no-repeat 0 5px;} /*Projekcja obrazu*/ #content h2.withIcon.icon_db_3{background:url("img/icon_db_3.png") no-repeat 0 5px;} /*Systemy nagłośnienia*/ #content h2.withIcon.icon_db_4{background:url("img/icon_db_4.png") no-repeat 0 5px;} /*Systemy sterowania*/ #content h2.withIcon.icon_db_5{background:url("img/icon_db_5.png") no-repeat 0 5px;} /*Systemy konferencyjne i Systemy tłumaczeń symultanicznych*/ #content h2.withIcon.icon_db_6{background:url("img/icon_db_6.png") no-repeat 0 5px;} /*Systemy wideokonferencyjne*/ #content h2.withIcon.icon_db_7{background:url("img/icon_db_7.png") no-repeat 0 5px;} /*Skalery i Matryce Video*/ #content h2.withIcon.icon_db_8{background:url("img/icon_db_8.png") no-repeat 0 5px;} /*Matryce Audio*/ #content h2.withIcon.icon_db_9{background:url("img/icon_db_9.png") no-repeat 0 5px;} /*Wykonawstwo*/ /******************************************************************************************************************* * VIDEO *******************************************************************************************************************/ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper object, .videoWrapper embed, { position: absolute; top: 0; left: 0; width: 25%; height: 25%; } .mejs-container { width: 100% !important; height: auto !important; padding-top: 57%; } .mejs-overlay, .mejs-poster { width: 100% !important; height: 100% !important; } .mejs-mediaelement video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } /******************************************************************************************************************* * LOGO *******************************************************************************************************************/ #logo1{background:#ffffff; border:0px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:10px; width:212px; height:75px;} #logo1 .logo_1{display:block; bottom:0px; left:0px; width:212px; height:75px; background:url("img_logo/logo_2.png") no-repeat;} #logo1 p{margin:0;} #logo1 small{color:#acacac; font-size:12px;} /******************************************************************************************************************* * LOGO BAR *******************************************************************************************************************/ #logoBar{background:#ffffff; border:1px solid #e3e5e6; padding:20px 20px 20px 110px; margin-top:50px; height:120px; position:relative;} #logoBar .icon_11{position: relative; display:block; bottom:10px; left:40px; width:920px; height:120px; background:url("img_logobar/logobar_2.png") no-repeat;} #logoBar p{margin:0;} #logoBar small{color:#acacac; font-size:12px;} /******************************************************************************************************************* * HOME *******************************************************************************************************************/ #imagehome{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:320px; height:240px;} #imagehome .imghome_1{display:block; bottom:0px; left:0px; width:320px; height:240px; background:url("img_home/image.png") no-repeat;} #home1{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:200px; height:117px;} #home1 .home_1{display:block; bottom:0px; left:0px; width:200px; height:117px; background:url("img_home/remotes_gone.png") no-repeat;} #home2{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:260px; height:213px;} #home2 .home_2{display:block; bottom:0px; left:0px; width:260px; height:213px; background:url("img_home/iosgroup.png") no-repeat;} #home3{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:300px; height:186px;} #home3 .home_3{display:block; bottom:0px; left:0px; width:300px; height:186px; background:url("img_home/androidgroup.png") no-repeat;} #home4{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:425px; height:150px;} #home4 .home_4{display:block; bottom:0px; left:0px; width:425px; height:150px; background:url("img_home/howitworks.png") no-repeat;} #home5{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:320px; height:255px;} #home5 .home_5{display:block; bottom:0px; left:0px; width:320px; height:255px; background:url("img_home/iPad-WhiteGloss-CarbonFiber.jpg") no-repeat;} #home6{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:120px; height:225px;} #home6 .home_6{display:block; bottom:0px; left:0px; width:120px; height:225px; background:url("img_home/iPhone-BlackGloss-Cherry.jpg") no-repeat;} #home7{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:320px; height:255px;} #home7 .home_7{display:block; bottom:0px; left:0px; width:320px; height:255px; background:url("img_home/iPad-Brushed.jpg") no-repeat;} #home p{margin:0;} #home small{color:#acacac; font-size:12px;} /******************************************************************************************************************* * FIRMA - O NAS *******************************************************************************************************************/ #imagefirma{background:#ffffff; border:0px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:300px; height:240px;} #imagefirma .imgfirma_1{display:block; bottom:0px; left:0px; width:160px; height:240px; background:url("img_firma/image.png") no-repeat;} #imgfirma{background:#ffffff; border:0px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; margin-left:60px; width:150px; height:205px;} #imgfirma .imgfirma1{display:block; bottom:10px; left:0px; width:150px; height:205px; background:url("img_firma/dealer_OC.png") no-repeat;} /*Dealer OnControls*/ #imgfirma{background:#ffffff; border:0px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; margin-left:60px; width:150px; height:200px;} #imgfirma .imgfirma2{display:block; bottom:0px; left:0px; width:150px; height:200px; background:url("img_firma/dealer_iRule.png") no-repeat;} /*Dealer iRule*/ #imgfirma{background:#ffffff; border:0px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; margin-left:60px; width:150px; height:135px;} #imgfirma .imgfirma3{display:block; bottom:0px; left:0px; width:150px; height:135px; background:url("img_firma/dealer_K-array.png") no-repeat;} /*Dealer K-array*/ #firma{background:#ffffff; border:0px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:200px; height:117px;} #firma .firma_1{display:block; bottom:0px; left:0px; width:200px; height:117px; background:url("img_firma/remotes_gone.png") no-repeat;}/*Piloty*/ #firma p{margin:0;} #firma small{color:#acacac; font-size:12px;} /******************************************************************************************************************* * DLA DOMU *******************************************************************************************************************/ #imagedom{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:320px; height:240px;} #imagedom .imgdom_1{display:block; bottom:0px; left:0px; width:320px; height:240px; background:url("img_dladom/image.png") no-repeat;} #ddom1{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:320px; height:240px;} #ddom1 .dom_1{display:block; bottom:0px; left:0px; width:320px; height:240px; background:url("img_dladom/dom_1.png") no-repeat;} #ddom2{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:240px; height:320px;} #ddom2 .dom_2{display:block; bottom:0px; left:0px; width:240px; height:320px; background:url("img_dladom/dom_2.png") no-repeat;} #ddom3{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:240px; height:320px;} #ddom3 .dom_3{display:block; bottom:0px; left:0px; width:240px; height:320px; background:url("img_dladom/dom_3.png") no-repeat;} #ddom4{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:320px; height:240px;} #ddom4 .dom_4{display:block; bottom:0px; left:0px; width:320px; height:240px; background:url("img_dladom/dom_4.png") no-repeat;} #ddom p{margin:0;} #ddom small{color:#acacac; font-size:12px;} /******************************************************************************************************************* * DLA BIZNESU *******************************************************************************************************************/ #imagebiz{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:320px; height:240px;} #imagebiz .imgbiz_1{display:block; bottom:0px; left:0px; width:320px; height:240px; background:url("img_dlabiz/image_biz.png") no-repeat;} #dbiz1{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:320px; height:240px;} #dbiz1 .biz_1{display:block; bottom:0px; left:0px; width:320px; height:240px; background:url("img_dlabiz/biz_1.png") no-repeat;} #dbiz2{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:320px; height:240px;} #dbiz2 .biz_2{display:block; bottom:0px; left:0px; width:320px; height:240px; background:url("img_dlabiz/biz_2.png") no-repeat;} #dbiz3{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:240px; height:320px;} #dbiz3 .biz_3{display:block; bottom:0px; left:0px; width:240px; height:320px; background:url("img_dlabiz/biz_3.png") no-repeat;} /* #dbiz4{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:320px; height:240px;} #dbiz4 .biz_4{display:block; bottom:0px; left:0px; width:320px; height:240px; background:url("img_dlabiz/biz_4.png") no-repeat;} */ #dbiz p{margin:0;} #dbiz small{color:#acacac; font-size:12px;} /******************************************************************************************************************* * OFERTA *******************************************************************************************************************/ /**** Zestawy ****/ #ofr01{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:195px; height:160px;} #ofr01 .ofr_01{display:block; bottom:0px; left:0px; width:195px; height:160px; background:url("img_oferta/ofr_01.png") no-repeat;} #ofr02{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:20px; width:195px; height:160px;} #ofr02 .ofr_02{display:block; bottom:0px; left:0px; width:195px; height:160px; background:url("img_oferta/ofr_02.png") no-repeat;} #ofr03{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:20px; width:195px; height:160px;} #ofr03 .ofr_03{display:block; bottom:0px; left:0px; width:195px; height:160px; background:url("img_oferta/ofr_03.png") no-repeat;} /**** Komponenty ****/ #ofr1{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:20px; width:195px; height:160px;} #ofr1 .ofr_1{display:block; bottom:0px; left:0px; width:195px; height:160px; background:url("img_oferta/ofr_1.png") no-repeat;} #ofr2{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:64px; height:64px;} #ofr2 .ofr_2{display:block; bottom:0px; left:0px; width:64px; height:64px; background:url("img_oferta/ofr_2.png") no-repeat;} #ofr3{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:64px; height:64px;} #ofr3 .ofr_3{display:block; bottom:0px; left:0px; width:64px; height:64px; background:url("img_oferta/ofr_3.png") no-repeat;} #ofr4{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:64px; height:64px;} #ofr4 .ofr_4{display:block; bottom:0px; left:0px; width:64px; height:64px; background:url("img_oferta/ofr_4.png") no-repeat;} #ofr5{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #ofr5 .ofr_5{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/ofr_5.png") no-repeat;} #ofr6{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #ofr6 .ofr_6{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/ofr_6.png") no-repeat;} #ofr7{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #ofr7 .ofr_7{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/ofr_7.png") no-repeat;} #ofr8{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #ofr8 .ofr_8{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/ofr_8.png") no-repeat;} #ofr9{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #ofr9 .ofr_9{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/ofr_9.png") no-repeat;} #ofr10{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #ofr10 .ofr_10{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/ofr_10.png") no-repeat;} #ofr11{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #ofr11 .ofr_11{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/ofr_11.png") no-repeat;} #ofr12{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #ofr12 .ofr_12{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/ofr_12.png") no-repeat;} #ofr13{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #ofr13 .ofr_13{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/ofr_13.png") no-repeat;} #ofr14{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #ofr14 .ofr_14{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/ofr_14.jpg") no-repeat;} #ofr15{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #ofr15 .ofr_15{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/ofr_15.jpg") no-repeat;} #ofr16{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #ofr16 .ofr_16{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/ofr_16.png") no-repeat;} /* EKRANY I WINDY*/ #ofr17{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:240px; height:180px;} #ofr17 .ofr_17{display:block; bottom:0px; left:0px; width:240px; height:180px; background:url("img_oferta/ofr_17.jpg") no-repeat;} #ofr18{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:240px; height:180px;} #ofr18 .ofr_18{display:block; bottom:0px; left:0px; width:240px; height:180px; background:url("img_oferta/ofr_18.jpg") no-repeat;} #ofr19{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:240px; height:180px;} #ofr19 .ofr_19{display:block; bottom:0px; left:0px; width:240px; height:180px; background:url("img_oferta/ofr_19.jpg") no-repeat;} #ofr20{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:240px; height:200px;} #ofr20 .ofr_20{display:block; bottom:0px; left:0px; width:240px; height:200px; background:url("img_oferta/ofr_20.jpg") no-repeat;} /* ZESTAWY GŁOŚNIKOWE */ #ofr21{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:45px; height:210px;} #ofr21 .ofr_21{display:block; bottom:0px; left:0px; width:45px; height:210px; background:url("img_oferta/ofr_21.jpg") no-repeat;} #ofr22{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:45px; height:210px;} #ofr22 .ofr_22{display:block; bottom:0px; left:0px; width:45px; height:210px; background:url("img_oferta/ofr_22.jpg") no-repeat;} #ofr23{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:80px; height:170px;} #ofr23 .ofr_23{display:block; bottom:0px; left:0px; width:80px; height:170px; background:url("img_oferta/ofr_23.jpg") no-repeat;} #ofr24{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:80px; height:170px;} #ofr24 .ofr_24{display:block; bottom:0px; left:0px; width:80px; height:170px; background:url("img_oferta/ofr_24.jpg") no-repeat;} #ofr25{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:70px;} #ofr25 .ofr_25{display:block; bottom:0px; left:0px; width:160px; height:70px;; background:url("img_oferta/ofr_25.jpg") no-repeat;} #ofr26{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:70px;} #ofr26 .ofr_26{display:block; bottom:0px; left:0px; width:160px; height:70px; background:url("img_oferta/ofr_26.jpg") no-repeat;} #ofr27{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:120px; height:144px;} #ofr27 .ofr_27{display:block; bottom:0px; left:0px; width:120px; height:144px; background:url("img_oferta/ofr_27.jpg") no-repeat;} #ofr28{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:120px; height:144px;} #ofr28 .ofr_28{display:block; bottom:0px; left:0px; width:120px; height:144px; background:url("img_oferta/ofr_28.jpg") no-repeat;} #ofr29{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:120px; height:140px;} #ofr29 .ofr_29{display:block; bottom:0px; left:0px; width:120px; height:140px; background:url("img_oferta/ofr_29.jpg") no-repeat;} #ofr30{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:120px; height:140px;} #ofr30 .ofr_30{display:block; bottom:0px; left:0px; width:120px; height:140px; background:url("img_oferta/ofr_30.jpg") no-repeat;} #ofr31{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:120px;} #ofr31 .ofr_31{display:block; bottom:0px; left:0px; width:160px; height:120px; background:url("img_oferta/ofr_31.jpg") no-repeat;} #ofr32{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:120px;} #ofr32 .ofr_32{display:block; bottom:0px; left:0px; width:160px; height:120px; background:url("img_oferta/ofr_32.jpg") no-repeat;} #ofr33{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:120px;} #ofr33 .ofr_33{display:block; bottom:0px; left:0px; width:160px; height:120px; background:url("img_oferta/ofr_33.jpg") no-repeat;} #ofr34{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:120px;} #ofr34 .ofr_34{display:block; bottom:0px; left:0px; width:160px; height:120px;; background:url("img_oferta/ofr_34.jpg") no-repeat;} #ofr35{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:120px;} #ofr35 .ofr_35{display:block; bottom:0px; left:0px; width:160px; height:120px; background:url("img_oferta/ofr_35.jpg") no-repeat;} #oferta p{margin:0;} #oferta small{color:#acacac; font-size:12px;} /******************************************************************************************************************* * OFERTA - B2B *******************************************************************************************************************/ /**** Zestawy ON CONTROLS ****/ #b2b01{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:248px; height:160px;} #b2b01 .b2b_01{display:block; bottom:0px; left:0px; width:248px; height:160px; background:url("img_b2b/b2b_01.png") no-repeat;} #b2b02{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:20px; width:248px; height:160px;} #b2b02 .b2b_02{display:block; bottom:0px; left:0px; width:248px; height:160px; background:url("img_b2b/b2b_02.png") no-repeat;} #b2b03{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:20px; width:248px; height:160px;} #b2b03 .b2b_03{display:block; bottom:0px; left:0px; width:248px; height:160px; background:url("img_b2b/b2b_03.png") no-repeat;} /**** Komponenty ON CONTROLS ****/ #b2b1a{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:20px; width:248px; height:160px;} #b2b1a .b2b_1a{display:block; bottom:0px; left:0px; width:248px; height:160px; background:url("img_b2b/b2b_1a.png") no-repeat;} #b2b1b{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:20px; width:248px; height:142px;} #b2b1b .b2b_1b{display:block; bottom:0px; left:0px; width:248px; height:160px; background:url("img_b2b/b2b_1b.png") no-repeat;} /* #b2b2{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:64px; height:64px;} #b2b2 .b2b_2{display:block; bottom:0px; left:0px; width:64px; height:64px; background:url("img_b2b/b2b_2.png") no-repeat;} #b2b3{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:64px; height:64px;} #b2b3 .b2b_3{display:block; bottom:0px; left:0px; width:64px; height:64px; background:url("img_b2b/b2b_3.png") no-repeat;} */ #b2b4{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:86px;} #b2b4 .b2b_4{display:block; bottom:0px; left:0px; width:100px; height:86px; background:url("img_b2b/b2b_4.png") no-repeat;} #b2b5{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:86px;} #b2b5 .b2b_5{display:block; bottom:0px; left:0px; width:100px; height:86px; background:url("img_b2b/b2b_5.png") no-repeat;} #b2b6{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:86px;} #b2b6 .b2b_6{display:block; bottom:0px; left:0px; width:100px; height:86px; background:url("img_b2b/b2b_6.png") no-repeat;} #b2b7{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:86px;} #b2b7 .b2b_7{display:block; bottom:0px; left:0px; width:100px; height:86px; background:url("img_b2b/b2b_7.png") no-repeat;} #b2b8{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:86px;} #b2b8 .b2b_8{display:block; bottom:0px; left:0px; width:100px; height:86px; background:url("img_b2b/b2b_8.png") no-repeat;} #b2b9{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:86px;} #b2b9 .b2b_9{display:block; bottom:0px; left:0px; width:100px; height:86px; background:url("img_b2b/b2b_9.png") no-repeat;} #b2b10{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:86px;} #b2b10 .b2b_10{display:block; bottom:0px; left:0px; width:100px; height:86px; background:url("img_b2b/b2b_10.png") no-repeat;} #b2b11{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:86px;} #b2b11 .b2b_11{display:block; bottom:0px; left:0px; width:100px; height:86px; background:url("img_b2b/b2b_11.png") no-repeat;} #b2b12{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:86px;} #b2b12 .b2b_12{display:block; bottom:0px; left:0px; width:100px; height:86px; background:url("img_b2b/b2b_12.png") no-repeat;} /* #b2b13{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:86px;} #b2b13 .b2b_13{display:block; bottom:0px; left:0px; width:100px; height:86px; background:url("img_b2b/b2b_13.png") no-repeat;} #b2b14{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:86px;} #b2b14 .b2b_14{display:block; bottom:0px; left:0px; width:100px; height:86px; background:url("img_b2b/b2b_14.jpg") no-repeat;} */ #b2b15{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #b2b15 .b2b_15{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/b2b_15.jpg") no-repeat;} #b2b16{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:100px; height:85px;} #b2b16 .b2b_16{display:block; bottom:0px; left:0px; width:100px; height:85px; background:url("img_oferta/b2b_16.png") no-repeat;} /* EKRANY I WINDY - B2B */ #b2b17{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:240px; height:180px;} #b2b17 .b2b_17{display:block; bottom:0px; left:0px; width:240px; height:180px; background:url("img_oferta/b2b_17.jpg") no-repeat;} #b2b18{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:240px; height:180px;} #b2b18 .b2b_18{display:block; bottom:0px; left:0px; width:240px; height:180px; background:url("img_oferta/b2b_18.jpg") no-repeat;} #b2b19{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:240px; height:180px;} #b2b19 .b2b_19{display:block; bottom:0px; left:0px; width:240px; height:180px; background:url("img_oferta/b2b_19.jpg") no-repeat;} #b2b20{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:240px; height:200px;} #b2b20 .b2b_20{display:block; bottom:0px; left:0px; width:240px; height:200px; background:url("img_oferta/b2b_20.jpg") no-repeat;} /* ZESTAWY GŁOŚNIKOWE - B2B */ #b2b21{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:45px; height:210px;} #b2b21 .b2b_21{display:block; bottom:0px; left:0px; width:45px; height:210px; background:url("img_oferta/b2b_21.jpg") no-repeat;} #b2b22{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:45px; height:210px;} #b2b22 .b2b_22{display:block; bottom:0px; left:0px; width:45px; height:210px; background:url("img_oferta/b2b_22.jpg") no-repeat;} #b2b23{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:80px; height:170px;} #b2b23 .b2b_23{display:block; bottom:0px; left:0px; width:80px; height:170px; background:url("img_oferta/b2b_23.jpg") no-repeat;} #b2b24{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:80px; height:170px;} #b2b24 .b2b_24{display:block; bottom:0px; left:0px; width:80px; height:170px; background:url("img_oferta/b2b_24.jpg") no-repeat;} #b2b25{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:70px;} #b2b25 .b2b_25{display:block; bottom:0px; left:0px; width:160px; height:70px;; background:url("img_oferta/b2b_25.jpg") no-repeat;} #b2b26{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:70px;} #b2b26 .b2b_26{display:block; bottom:0px; left:0px; width:160px; height:70px; background:url("img_oferta/b2b_26.jpg") no-repeat;} #b2b27{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:120px; height:144px;} #b2b27 .b2b_27{display:block; bottom:0px; left:0px; width:120px; height:144px; background:url("img_oferta/b2b_27.jpg") no-repeat;} #b2b28{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:120px; height:144px;} #b2b28 .b2b_28{display:block; bottom:0px; left:0px; width:120px; height:144px; background:url("img_oferta/b2b_28.jpg") no-repeat;} #b2b29{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:120px; height:140px;} #b2b29 .b2b_29{display:block; bottom:0px; left:0px; width:120px; height:140px; background:url("img_oferta/b2b_29.jpg") no-repeat;} #b2b30{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:120px; height:140px;} #b2b30 .b2b_30{display:block; bottom:0px; left:0px; width:120px; height:140px; background:url("img_oferta/b2b_30.jpg") no-repeat;} #b2b31{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:120px;} #b2b31 .b2b_31{display:block; bottom:0px; left:0px; width:160px; height:120px; background:url("img_oferta/b2b_31.jpg") no-repeat;} #b2b32{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:120px;} #b2b32 .b2b_32{display:block; bottom:0px; left:0px; width:160px; height:120px; background:url("img_oferta/b2b_32.jpg") no-repeat;} #b2b33{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:120px;} #b2b33 .b2b_33{display:block; bottom:0px; left:0px; width:160px; height:120px; background:url("img_oferta/b2b_33.jpg") no-repeat;} #b2b34{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:120px;} #b2b34 .b2b_34{display:block; bottom:0px; left:0px; width:160px; height:120px;; background:url("img_oferta/b2b_34.jpg") no-repeat;} #b2b35{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:160px; height:120px;} #b2b35 .b2b_35{display:block; bottom:0px; left:0px; width:160px; height:120px; background:url("img_oferta/b2b_35.jpg") no-repeat;} #oferta p{margin:0;} #oferta small{color:#acacac; font-size:12px;} /******************************************************************************************************************* * KONTAKT *******************************************************************************************************************/ #imagekontakt{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:320px; height:240px;} #imagekontakt .imgkontakt_1{display:block; bottom:0px; left:0px; width:320px; height:240px; background:url("img_kontakt/image.png") no-repeat;} #kontakt{background:#ffffff; border:1px solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:200px; height:117px;} #kontakt .kontakt_1{display:block; bottom:0px; left:0px; width:200px; height:117px; background:url("img_kontakt/remotes_gone.png") no-repeat;} #kontakt p{margin:0;} #kontakt small{color:#acacac; font-size:12px;} /******************************************************************************************************************* * ALLEGRO - LINK *******************************************************************************************************************/ #allegro{background:#ffffff; border:0px; solid #e3e5e6; padding:1px 1px 1px 1px; margin-top:30px; width:200px; height:117px;} #allegro .imgallegro{display:block; border:0px; bottom:0px; left:0px; width:200px; height:117px; background:url("img_kontakt/ikona_allegro.png") no-repeat;} /******************************************************************************************************************* * FOOTER *******************************************************************************************************************/ footer{color:#929292; font-size:0.9em;} footer p{height:60px; margin:0; line-height:60px;} footer a, footer a:link{color:#565656;} footer a.contact{display:inline-block; padding-left:25px; background:url("img/contact-us.png") no-repeat 0 50%; margin-right:15px;} footer a.twitter{display:inline-block; padding-left:25px; background:url("img/twitter.png") no-repeat 0 50%;} /******************************************************************************************************************* * OTHER STYLES *******************************************************************************************************************/ #wrap{margin:0 auto; position:relative; width:940px;} a.button{display:inline-block; color:#fff; text-decoration:none; height:32px; line-height:30px; text-decoration:none; cursor:pointer;} a.button span{display:inline-block; padding:0 15px; font-size:1.0em; height:32px;} a.button.large{height:40px; line-height:38px;} a.button.large span{padding:0 20px; height:40px; font-weight:bold;} a.button:hover{background:#666; border-color:#666;} a.button:hover span{border-color:#999;} .gallery{margin-bottom:30px;} .gallery .photo{margin-left:15px;} .gallery .photo:first-child{margin-left:0;} a.photo{display:block; float:left;} a.photo img{display:block; float:left; border:1px solid #e7e7e7; padding:4px; background:#fff; margin: 0 auto; /* dodane */} a.photo:hover img{border-color:#999;} .col1-3{width:300px; margin-left:20px; float:left;} .col1-3 p:last-child, .col2-3 p:last-child{margin-bottom:0;} .col1-3:first-child{margin-left:0;} .colLeft{width:460px; margin-right:20px; float:left;} .colRight{width:420px; float:right;} .marginBottom30{margin-bottom:30px;} .backwards{ unicode-bidi: bidi-override; direction: rtl; } /******************************************************************************************************************* * Colors and CSS3 *******************************************************************************************************************/ a#logo, #intro h1{font-family:Asap,Helvetica,Arial,Tahoma,Verdana; font-weight:700; font-style:italic;} a.photo img{ -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } a.button, a.button span{ -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } a.button.large, a.button.large span, #logoBar{ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } a.button:hover{ background:#666; border-color:#666; background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #000)); background-image:-webkit-linear-gradient(top, #333, #000); background-image:-moz-linear-gradient(top, #333, #000); background-image:-ms-linear-gradient(top, #333, #000); background-image:-o-linear-gradient(top, #333, #000); background-image:linear-gradient(top, #333, #000); } a.button:hover span{text-shadow:0 0 0;}