/* INIT-----------------------------------------------------------------------------*/ html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt { margin: 0; padding: 0; border: 0; outline-style: none; outline-width: 0; } a, a:visited { text-decoration: none; } a { color: #ff7300; outline-style: none; outline-width: 0; font-weight: bold; } a:hover { color: #000; } ol, ul { list-style: none; } legend { display: none; } body, input, textarea, select, option, optgroup, button { font-family: 'Titillium Web', sans-serif; } input, textarea, select, option, optgroup, button { font-size: 12px; } /* LAYOUT-----------------------------------------------------------------------------*/ html { } body { min-height: 900px; background: #fff url(/images/bg.jpg) repeat top left; color: #323131; font-size: 14px; } .wrapper { } .wrap { width: 1200px; margin: 0 auto; } /* HEADER-----------------------------------------------------------------------------*/ .header { height: 50px; background-color: #4a4a4a; -webkit-box-shadow: 2px 3px 3px rgba(0,0,1,.36); -moz-box-shadow: 2px 3px 3px rgba(0,0,1,.36); box-shadow: 2px 3px 3px rgba(0,0,1,.36); } .logo a { background: url("/images/logo1.png") no-repeat scroll left top rgba(0, 0, 0, 0); float: left; height: 91px; position: absolute; text-indent: -9999px; width: 183px; z-index: 5; } .top-nav { float: right; } .index .path, .index .pathh1 { display: none; } .path { float: left; font-size: 12px; margin-top: -8px; width: 50%; } .path a { color: #373737; font-weight: 100; } .path a:hover { color: #666; } .path .active { color: #fff; } .pathh1 { color: #4a4a4a; float: left; font-size: 33px; font-weight: 100; margin-top: 12px; padding: 0; text-transform: uppercase; width: 50%; } .dla-inwestorow-sprzedaz-hurtowa .pathh1 { color: #4a4a4a; float: left; font-size: 32px; font-weight: 100; margin-top: 12px; padding: 0; text-transform: uppercase; width: 50%; } .search-box { width: 100%; height: 90px; background: #4a4a4a url("/images/ikony-bg.png") repeat scroll center top; float: left; } .index .search-box { width: 100%; height: 90px; background: #4a4a4a url("/images/shadow.png") no-repeat scroll center top; float: left; } .search { margin: 23px 0; float: right; } .index .input-search { background: none repeat scroll 0 0 #2D2D2D; border: medium none; border-radius: 3px 0 0 3px; color: #FF7700; float: left; padding: 11px 17px; width: 440px; font-size: 14px; } .input-search { background: #fff; color: #3c3c3c; border: medium none; border-radius: 3px 0 0 3px; float: left; padding: 11px 17px; width: 440px; font-size: 14px; } .index .btn-search { border: medium none; border-radius: 0 3px 3px 0; color: #FFFFFF; cursor: pointer; font-size: 18px; padding: 7px 28px; text-transform: uppercase; background-image: -webkit-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -moz-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -o-linear-gradient(bottom, #ff6c00, #ff9000); background-image: linear-gradient(to top, #ff6c00, #ff9000); } .index .btn-search:hover { -webkit-box-shadow: inset -3px 3px 9px rgba(80,41,0,.54); -moz-box-shadow: inset -3px 3px 9px rgba(80,41,0,.54); box-shadow: inset -3px 3px 9px rgba(80,41,0,.54); background-image: -webkit-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -moz-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -o-linear-gradient(bottom, #ff6c00, #ff9000); background-image: linear-gradient(to top, #ff6c00, #ff9000); } .btn-search { border: medium none; border-radius: 0 3px 3px 0; color: #FFFFFF; cursor: pointer; font-size: 18px; padding: 7px 28px; text-transform: uppercase; background-image: -webkit-linear-gradient(bottom, #3c3c3c, #565656); background-image: -moz-linear-gradient(bottom, #3c3c3c, #565656); background-image: -o-linear-gradient(bottom, #3c3c3c, #565656); background-image: linear-gradient(to top, #3c3c3c, #565656); } .btn-search:hover { -webkit-box-shadow: inset -6px 7px 8px rgba(1,2,2,.38); -moz-box-shadow: inset -6px 7px 8px rgba(1,2,2,.38); box-shadow: inset -6px 7px 8px rgba(1,2,2,.38); background-image: -webkit-linear-gradient(bottom, #3c3c3c, #565656); background-image: -moz-linear-gradient(bottom, #3c3c3c, #565656); background-image: -o-linear-gradient(bottom, #3c3c3c, #565656); background-image: linear-gradient(to top, #3c3c3c, #565656); } .btn a { margin-top: 15px; margin-bottom: 15px; float: right; border-radius: 3px; color: #FFFFFF; cursor: pointer; font-size: 12px; font-weight: 600; padding: 7px 28px; text-transform: uppercase; background-image: -webkit-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -moz-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -o-linear-gradient(bottom, #ff6c00, #ff9000); background-image: linear-gradient(to top, #ff6c00, #ff9000); } .btn a:hover { color: #FFFFFF; -webkit-box-shadow: inset -3px 3px 9px rgba(80,41,0,.54); -moz-box-shadow: inset -3px 3px 9px rgba(80,41,0,.54); box-shadow: inset -3px 3px 9px rgba(80,41,0,.54); background-image: -webkit-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -moz-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -o-linear-gradient(bottom, #ff6c00, #ff9000); background-image: linear-gradient(to top, #ff6c00, #ff9000); } .lang { font-size: 10px; margin-bottom: 10px; width: 100%; height: 20px; } .lang li { width: auto; float: left; } /* MENU-----------------------------------------------------------------------------*/ .menu { float: right; width: auto; } .menu li { float: left; } .menu li a { border-right: 1px solid #FD8900; color: #FD8900; float: left; font-size: 16px; font-weight: 100; padding: 12px 23px 12px 23px; text-transform: uppercase; } .menu li.active a { background: url("/images/menu-hov.png") repeat scroll left top; color: #4a4a4a; } .menu li:hover { } .menu li a:hover { background: url("/images/menu-hov.png") repeat scroll left top; color: #4a4a4a; } /* CONTENT-----------------------------------------------------------------------------*/ .content { } .index .main { width: 50%; } .main { width: 900px; display: inline-block; min-height: 300px; float: left; } h1 { width: 100%; padding-top: 0px; float: none; color: #888; font-size: 24px; font-weight: 100; } h2 { color: #FF7B00; } h3 { float: left; width: 100%; } .bubble { background: url("../images/bubble.png") no-repeat center; float: left; width: 32px; height: 43px; padding-right: 8px; } /* ARTICLE-----------------------------------------------------------------------------*/ .index .article { padding: 0px 20px 30px 0px; min-height: 300px; } .article { padding: 20px 30px 30px 0px; min-height: 300px; } .article h1 { width: 100%; padding-top: 0px; float: none; color: #888; font-size: 24px; font-weight: 100; } img { border: medium none transparent; } .article h2 { background: url("../images/h3.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0); color: #ff7b00; float: left; font-size: 18px; font-weight: normal; line-height: 24px; margin-bottom: 20px; padding: 0 0 30px; text-align: left; width: 100%; } .art-content { } .art-body { text-align: justify; } .article ul { list-style: disc outside url("../images/li.png"); margin: 10px; float: left; width: 100%; } .article li { color: #000; line-height: 20px; font-weight: 300; margin-bottom: 10px; } .art-date { } .art-author { } /* galeria artykulu */ .art-gallery { float: left; width: 100%; } .art-gallery h3, .art-files h3 { width: 100%; padding: 10px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #DDDDDD; font-size: 15px; font-weight: normal; color: #ff8400; } .art-gallery .thumb, .art-gallery .thumb a { float: left; } .art-gallery .thumb a img { display: block; border: 1px solid #ff8400; padding: 5px; background: #fff; } .art-gallery .thumb a img:hover { border: 1px solid #ddd; } /* za��czniki artykulu */ .art-files { display: inline-block; width: 100%; } .files-item { line-height: 22px; padding-left: 20px; float: left; } .files-item a { } /* FILE ICONS-----------------------------------------------------------------------------*/ .ico-doc { background: url(/images/filetypes/document-word.png) no-repeat left 2px; } .ico-xls { background: url(/images/filetypes/document-excel.png) no-repeat left 2px; } .ico-ppt { background: url(/images/filetypes/document-powerpoint.png) no-repeat left 2px; } .ico-pdf { background: url(/images/filetypes/document-pdf.png) no-repeat left 2px; } .ico-image { background: url(/images/filetypes/document-image.png) no-repeat left 2px; } .ico-archive { background: url(/images/filetypes/document-zipper.png) no-repeat left 2px; } /* ASIDE-----------------------------------------------------------------------------*/ .aside { width: 300px; float: right; background: transparent; min-height: 300px; } .index .aside { width: 50%; } /* SUBMENU-----------------------------------------------------------------------------*/ .submenu-body { background: url(/images/sub-body.jpg) repeat top left; float: left; width: 100%; } .submenu-top { } .submenu-foot { } /* level-0 */ ul.level-0 { float: left; width: 100%; } li.level-0 { float: left; width: 100%; } li.level-0:last-child { border-bottom: 0; } li.level-0 a { color: #4A4A4A; float: left; padding-left: 17px; text-transform: uppercase; width: 266px; font-size: 16px; } li.level-0.active a { color: #ff8400; } li.level-0.active { background: url(/images/sub-active.jpg) repeat top left; } li.level-0 a:hover { color: #ff8400!important; } /* level-N */ li.level-1 a { font-weight: 100; padding-left: 25px; color: #b5b5b5!important; width: 258px; float: left; font-size: 14px; } li.level-1.active a { color: #ff8400!important; } li.level-1 a:hover { color: #ff8400!important; } li.level-1 { float: left; width: 100%; } ul.level-1 { float: left; width: 100%; background: url(/images/level1.jpg) repeat top left; } ul.level-2 { float: left; width: 100%; background: url(/images/level2.jpg) repeat top left; } li.level-2 { float: left; width: 100%; } li.level-2 a { color: #b5b5b5!important; padding-left: 38px; font-weight: 100; width: 256px; float: left; font-size: 14px; } li.level-2.active a { color: #FFFFFF !important; background: url(/images/level2-active.png) no-repeat center right; font-weight: 600; } li.level-2 a:hover { color: #FFFFFF !important; } /* ANIM-----------------------------------------------------------------------------*/ .anim-wrap { position: relative; width: 100%; margin: 0 auto; float: left; } .anim { float: left; margin: 0 auto; width: 100% !important; } .anim slides { } .anim slides img { } ul.anim-nav { } ul.anim-nav li { } ul.anim-nav li a { } .anim img { text-align: center; } #cycle { display: block; float: left; height: 371px; position: relative; width: 100% !important; z-index: -5; } #cycle .img-anim1 { background: url(../images/anim/anim1.jpg) no-repeat center top; width: 100%!important; height: 371px; } #cycle .img-anim2 { background: url(../images/anim/anim2.jpg) no-repeat center top; width: 100%!important; height: 371px; } #cycle .img-anim3 { background: url(../images/anim/anim3.jpg) no-repeat center top; width: 100%!important; height: 371px; } /* NEWS-LISTING-----------------------------------------------------------------------------*/ .news-listing { } .news-item { padding-bottom: 25px; margin-bottom: 20px; border-bottom: 1px dotted #ddd; } .news-item h2 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; font-size: 15px; font-weight: normal; margin-bottom: 10px; padding: 0; width: 100%; } .news-item-content { } .news-item-info { display: inline-block; padding-left: 80px; position: relative; } .news-item-date { display: inline-block; position: absolute; top: 2px; left: 0px; font-size: 13px; padding: 0px 5px 0px 0; border-right: 1px solid #ddd; } .news-item-author { } .news-item-detail { } .news-item-intro { } .news-item-more { float: right; display: none; } /* NEWS-----------------------------------------------------------------------------*/ .news { } .news-info { } .news-date { } .news-author { } .news-content { display: inline-block; padding-top: 20px; width: 100%; text-align: justify; } .news-thumb { float: left; padding: 5px; border: 1px solid #ddd; margin: 0 15px 5px 5px; } .news-intro { display: inline; font-weight: bold; } .news-body { } a.news-back { } .more a { float: right; font-size: 12px; color: #343434; } .more a:hover { color: #FF7300; } .main-news { border-bottom: 1px solid #d6d6d6; float: left; width: 100%; } .main-news h3 a { color: #F54500; float: left; font-size: 18px; font-weight: 500; margin-bottom: 20px; margin-top: 20px; text-transform: uppercase; } .main-news h3 a:hover { color: #000; } .main-news-date { font-size: 12px; color: #343434; float: left; width: 100%; margin-bottom: 5px; } /* PAGINATION-----------------------------------------------------------------------------*/ .pagination { height: 30px; padding-top: 10px; width: 100%; float: left; } .pagination .pages { } .pagination a { float: left; margin-right: 5px; } .pagination span { float: left; margin-right: 5px; } .pagination a.active { color: #000; } /* GALLERY-----------------------------------------------------------------------------*/ .gallery { /* tylko jesli kontener galerii jest inny niz artykulu */ } .gallery-item { display: block; } .gallery .thumb, .art-gallery .thumb { margin: 0 14px 20px 0; } .gallery .thumb, .gallery .thumb a { float: left; } .gallery .thumb a img { display: block; border: 1px solid #FF8400; } .thumb-desc { clear: both; display: block; float: left; margin: 6px 0 0; text-align: center; width: 100%; } .gallery .thumb.gallery-cat { } .gallery-cat-name { } /* FORM-----------------------------------------------------------------------------*/ .form-data { margin: 20px 0 0 0; display: inline-block; } .form-elem-group { float: left; margin-bottom: 10px; width: 100%; } .form-elem-name { width: 150px; float: left; padding: 4px; } .form-elem-input { float: left; } .form-elem-input input[type=text], .form-elem-input select, .form-elem-input textarea { border: 1px solid #DDDDDD; border-radius: 3px; float: left; font-size: 14px; padding: 7px; width: 450px; } .form-elem-input input[type=text]:focus, .form-elem-input select:focus, .form-elem-input textarea:focus { border: 1px solid #000; } .form-elem-input select { width: 310px; } .form-data textarea { height: 150px; resize: none; } .form-elem-input input[type=radio], .form-elem-input input[type=checkbox] { font-size: 12px !important; margin: 0 6px !important; vertical-align: middle; } .captcha-code { } .captcha-input { } .form-btn-send { margin-top: 15px; margin-bottom: 15px; float: right; border-radius: 3px; color: #FFFFFF; cursor: pointer; font-size: 12px; font-weight: 600; padding: 7px 28px; text-transform: uppercase; border: none; background-image: -webkit-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -moz-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -o-linear-gradient(bottom, #ff6c00, #ff9000); background-image: linear-gradient(to top, #ff6c00, #ff9000); } .form-btn-send:hover { color: #FFFFFF; -webkit-box-shadow: inset -3px 3px 9px rgba(80,41,0,.54); -moz-box-shadow: inset -3px 3px 9px rgba(80,41,0,.54); box-shadow: inset -3px 3px 9px rgba(80,41,0,.54); background-image: -webkit-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -moz-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -o-linear-gradient(bottom, #ff6c00, #ff9000); background-image: linear-gradient(to top, #ff6c00, #ff9000); } /* SEARCH RESULT -->> tylko jesli lista ma byc inna ni� lista aktualnosci-----------------------------------------------------------------------------*/ .search-result { } .search-result news-item { } /* SITEMAP-----------------------------------------------------------------------------*/ .site-map { } .site-map ul.level-0 { } .site-map ul.level-0 li { } .site-map ul.level-1 { } .site-map ul.level-1 li { } /* FOOTER-----------------------------------------------------------------------------*/ .footer { height: 359px; width: 100%; margin-top: 50px; background: #4a4a4a url(/images/footer-bg.png) no-repeat top center; float: left; } ul.foot-nav { float: left; margin-bottom: 15px; width: 100%; } ul.foot-nav li { float: left; margin-right: 10px; } ul.foot-nav li a { text-transform: uppercase; font-size: 14px; font-weight: 100; } /* LOGIN-----------------------------------------------------------------------------*/ .login-wrap { position: relative; } .login-panel { margin-top: -38px; color: #fff; background-color: #000; padding: 10px; } /************ <<< STANDARD CLASSES >>> ************/ /* TABLE-----------------------------------------------------------------------------*/ table { } table thead tr th { } table tfoot tr th { } table tr { } table tr td ul li { text-align: left; } table tr.odd td { } table tr.even td { } table tr:hover { } table tr:hover td { } table tr:hover td:hover { } /* DEFAULTS-----------------------------------------------------------------------------*/ .w100p { width: 100%!important; } .w50p { width: 48%!important; } .w30p { width: 28%!important; } .dn { display: none!important; } .db { display: block!important; } .dib { display: inline-block!important; } .di { display: inline!important; } .fl { float: left!important; } .fr { float: none!important; } .cl { clear: left!important; } .cr { clear: right!important; } .cb { clear: both!important; } .disabled { opacity: 0.4; filter: Alpha(Opacity=40); } .debug { text-align: center; background-color: yellow; color: #000; font-weight: bold; } /************ <<< === FUTURE CLASSES === >>> ************/ /* MODULE BOX-----------------------------------------------------------------------------*/ .module-box-top { } .module-box-body { } .module-box-foot { } /* SUPERNEWS-----------------------------------------------------------------------------*/ /* ANIMATIONS -->> klasy dziedziczone z .anim + $id-----------------------------------------------------------------------------*/ .wrapIE { width: 900px; margin: 0 auto; position: relative; } .ieElder { position: absolute; top: -300px; left: 200px; height: 287px; width: 500px; border: 5px solid #8ABEF1; z-index: 99999999999; background: url(/images/browsers.jpg) no-repeat 0 0; } .ieElder-close { bottom: 0; cursor: pointer; height: 20px; left: 0; position: absolute; width: 76px; } .ieElder-later { bottom: 0; cursor: pointer; height: 20px; position: absolute; right: 0; width: 54px; } .get-chrome { height: 176px; left: 56px; position: absolute; top: 76px; width: 150px; } .get-ff { height: 176px; left: 290px; position: absolute; top: 76px; width: 150px; } .ikonki { background: url(/images/ikony-bg.png) repeat top left; width: 100%; height: 250px; float: left; } .ikonki ul li { float: left; width: 150px; margin: 23px 10px 0 10px; -webkit-animation: flipInX 2s alternate 100ms; -moz-animation: flipInX 2s alternate 100ms; -ms-animation: flipInX 2s alternate 100ms; -o-animation: flipInX 2s alternate 100ms; animation: flipInX 2s alternate 100ms; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; } .ikonki ul li a { float: left; height: 165px; width: 161px; transition: all 0.5s linear; } .ikonki ul li span { color: #343434; float: left; font-size: 14px; font-weight: 600; line-height: 18px; text-align: center; width: 100%; } .shadow2 { background: url(/images/shadow2.png) repeat top left; width: 100%; height: 23px; float: left; } .ikonki ul .okna span, .ikonki ul .drzwi span, .ikonki ul .automatyka span, .ikonki ul .ogrodzenia span, .ikonki ul .drzwi2 span { font-size: 14px; } .ikonki ul .okna a { background: url(/images/ikonki/okna.png) no-repeat top left; } .ikonki ul .okna a:hover { background: url(/images/ikonki/okna1.png) no-repeat top left; } .ikonki ul .drzwi a { background: url(/images/ikonki/drzwi.png) no-repeat top left; } .ikonki ul .drzwi a:hover { background: url(/images/ikonki/drzwi1.png) no-repeat top left; } .ikonki ul .drzwi1 a { background: url(/images/ikonki/wejsciowe.png) no-repeat top left; } .ikonki ul .drzwi1 a:hover { background: url(/images/ikonki/wejsciowe1.png) no-repeat top left; } .ikonki ul .bramy-pos a { background: url(/images/ikonki/bramy-pos.png) no-repeat top left; } .ikonki ul .bramy-pos a:hover { background: url(/images/ikonki/bramy-pos1.png) no-repeat top left; } .ikonki ul .bramy-prze a { background: url(/images/ikonki/bramy-prze.png) no-repeat top left; } .ikonki ul .bramy-prze a:hover { background: url(/images/ikonki/bramy-prze1.png) no-repeat top left; } .ikonki ul .rolety a { background: url(/images/ikonki/rolety.png) no-repeat top left; } .ikonki ul .rolety a:hover { background: url(/images/ikonki/rolety1.png) no-repeat top left; } .ikonki ul .oslony a { background: url(/images/ikonki/oslony.png) no-repeat top left; } .ikonki ul .oslony a:hover { background: url(/images/ikonki/oslony1.png) no-repeat top left; } .ikonki ul .automatyka a { background: url(/images/ikonki/automatyka.png) no-repeat top left; } .ikonki ul .automatyka a:hover { background: url(/images/ikonki/automatyka1.png) no-repeat top left; } .ikonki ul .ogrodzenia a { background: url(/images/ikonki/ogrodzenia.png) no-repeat top left; } .ikonki ul .ogrodzenia a:hover { background: url(/images/ikonki/ogrodzenia1.png) no-repeat top left; } .index .txt-search { color: #B7B7B7; display: block; float: left; font-size: 41px; font-weight: 100; line-height: 26px; margin-top: 22px; text-transform: uppercase; width: 372px; } .index .txt-search span { float: left; color: #b7b7b7; font-size: 18px; } .txt-search { display: none; } .kambit span { float: left; } .kambit { float: left; text-align: right; width: 100%; color: #a9a9a9; font-size: 14px; border-top: 1px solid #393939; padding-top: 20px; } .kambit a { color: #a9a9a9; } .mapa { background: url(/images/mapka.png) no-repeat top left; float: left; width: 140px; height: 131px; margin-right: 35px; margin-top: 30px; margin-bottom: 30px; } .dane-firmy{ float: left; font-size: 10px; width: 740px; margin: 0px 50px; text-align: center; } .adres1 { float: left; width: 200px; font-size: 18px; color: #afafaf; margin-right: 40px; margin-top: 50px; } .adres2 { float: left; width: 200px; font-size: 18px; color: #afafaf; margin-right: 40px; margin-top: 50px; } .godziny { color: #f54500; float: left; width: 535px; font-size: 32px; margin-top: 30px; text-align: right; line-height: 23px; } .godziny span { font-size: 14px; text-align: right; } .thumb-shadow { height: 23px; width: 190px; background: url(/images/thumb-shadow.png) no-repeat top center; margin-top: 129px; } .thumb-shadow1 { background: url("/images/thumb-shadow.png") no-repeat scroll center top rgba(0, 0, 0, 0); height: 23px; margin-top: 251px; position: absolute; width: 207px; } .art-thumb { border: 1px solid #FF8400; float: left; margin-bottom: 20px; margin-right: 20px; -webkit-box-shadow: 0 12px 8px -6px #c6c6c6; -moz-box-shadow: 0 12px 8px -6px #c6c6c6; box-shadow: 0 12px 8px -6px #c6c6c6; } .oferta a img { border: 3px solid #FF8400; border-radius: 3px; background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow: 0 12px 8px -6px #c6c6c6; -moz-box-shadow: 0 12px 8px -6px #c6c6c6; box-shadow: 0 12px 8px -6px #c6c6c6; transition: all 0.2s linear; } .oferta a img:hover { border: 3px solid #ddd; opacity: 0.7; } .oferta .article h2 { float: none; text-align: justify; width: 100%; } .inwest { height: 168px; width: 302px; background: url(/images/inwest.jpg) no-repeat top center; margin-top: 20px; float: left; } .gal { height: 168px; width: 302px; background: url(/images/galeria.jpg) no-repeat top center; margin-top: 20px; float: left; } .gal a, .inwest a { margin-top: 116px; margin-left: 193px; float: left; } .btn1 { border: medium none; border-radius: 3px; color: #ff6800; cursor: pointer; font-size: 13px; padding: 5px 20px; font-weight: 100; text-transform: uppercase; background-image: -webkit-linear-gradient(bottom, #3c3c3c, #565656); background-image: -moz-linear-gradient(bottom, #3c3c3c, #565656); background-image: -o-linear-gradient(bottom, #3c3c3c, #565656); background-image: linear-gradient(to top, #3c3c3c, #565656); } .btn1:hover { color: #ff6800; -webkit-box-shadow: inset -6px 7px 8px rgba(1,2,2,.38); -moz-box-shadow: inset -6px 7px 8px rgba(1,2,2,.38); box-shadow: inset -6px 7px 8px rgba(1,2,2,.38); background-image: -webkit-linear-gradient(bottom, #3c3c3c, #565656); background-image: -moz-linear-gradient(bottom, #3c3c3c, #565656); background-image: -o-linear-gradient(bottom, #3c3c3c, #565656); background-image: linear-gradient(to top, #3c3c3c, #565656); } .oferta .btn { border: medium none; border-radius: 3px; color: #FFFFFF; cursor: pointer; padding: 7px 28px; text-transform: uppercase; background-image: -webkit-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -moz-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -o-linear-gradient(bottom, #ff6c00, #ff9000); background-image: linear-gradient(to top, #ff6c00, #ff9000); } .oferta .btn:hover { -webkit-box-shadow: inset -3px 3px 9px rgba(80,41,0,.54); -moz-box-shadow: inset -3px 3px 9px rgba(80,41,0,.54); box-shadow: inset -3px 3px 9px rgba(80,41,0,.54); background-image: -webkit-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -moz-linear-gradient(bottom, #ff6c00, #ff9000); background-image: -o-linear-gradient(bottom, #ff6c00, #ff9000); background-image: linear-gradient(to top, #ff6c00, #ff9000); } .no-border { border: none!important; box-shadow: none!important; } .face-like { float: left; margin-top: 12px; } .face { float: left; margin-right: 20px; } .fachowiec { float: left; margin-left: 20px; } .you-tube { float: left; padding-right: 20px; } .google { float: left; margin-bottom: 15px; padding-right: 20px; } .super-news-index { float: left; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } .foot-white { color:#ffffff!important; } .treeview, .treeview ul { list-style: none; } .treeview ul { } .treeview .hitarea { background:url(/js/treeview/images/hit.png) no-repeat center ; height: 24px; width: 16px; float: right; cursor: pointer; } /* fix for IE6 */ * html .hitarea { display: inline; float:none; } .treeview li { } .treeview a.selected { } #treecontrol { margin: 1em 0; display: none; } .treeview .hover { color: red; cursor: pointer; } .treeview li {} .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } .treeview .expandable-hitarea { background:url(/js/treeview/images/hit.png) no-repeat center ; } .treeview li.last { } .treeview li.lastCollapsable, .treeview li.lastExpandable { background:url(/js/treeview/images/hit.png) no-repeat center ;} .treeview li.lastCollapsable { background-position: 0 -111px } .treeview li.lastExpandable { background-position: -32px -67px } .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {} .treeview-red li { background-image: url(/js/treeview/images/treeview-red-line.gif); } .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(/js/treeview/images/treeview-red.gif); } .treeview-black li { background-image: url(/js/treeview/images/treeview-black-line.gif); } .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(/js/treeview/images/treeview-black.gif); } .treeview-gray li { background-image: url(/js/treeview/images/treeview-gray-line.gif); } .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(/js/treeview/images/treeview-gray.gif); } .treeview-famfamfam li { background-image: url(/js/treeview/images/treeview-famfamfam-line.gif); } .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(/js/treeview/images/treeview-famfamfam.gif); } .treeview .placeholder { background: url(/js/treeview/images/ajax-loader.gif) 0 0 no-repeat; height: 16px; width: 16px; display: block; } .filetree li { padding: 3px 0 2px 16px; } .filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; } .filetree span.folder { background: url(/js/treeview/images/folder.gif) 0 0 no-repeat; } .filetree li.expandable span.folder { background: url(/js/treeview/images/folder-closed.gif) 0 0 no-repeat; } .filetree span.file { background: url(/js/treeview/images/file.gif) 0 0 no-repeat; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/js/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('/js/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('/js/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/js/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/js/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/js/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/js/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('/js/fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('/js/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('/js/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('/js/fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }