header#header { width: 960px; height: 170px; margin: 0 auto; position: relative; background: url(../images/bg.top.png) no-repeat right 9px; } header#header h1 a { width: 290px; height: 76px; display: block; font-size: 1px; text-indent: -9999px; background: url(../images/hc-lift-logo.png) no-repeat; position: absolute; top: 30px; left: 0px; } header#header nav { padding-top: 123px; z-index: 9999; color: white; } header#header nav ul { height: 47px; color: e94c1f; } header#header nav ul li { display: block; float: left; position: relative; zoom: 1; color: white; } header#header nav ul li a.home { width: 47px; overflow: hidden; padding: 0; text-indent: -9999px; background: url(../images/nav/home.png) no-repeat top left; } header#header nav ul li a.home:hover, header#header nav ul li.active a.home { background: url(../images/nav/home.png) no-repeat bottom left !important; } header#header nav ul li.rightLink { float: right; background: none; } header#header nav ul li.rightLink a { padding-right: 28px !important; } header#header nav ul li.rightLink em { width: 9px; height: 15px; overflow: hidden; background: url(../images/support.arrow.png) no-repeat; display: block; position: absolute; right: 15px; top: 17px; text-indent: -9999px; } header#header nav ul li span { position: absolute; left: 50%; bottom: -3px; width: 5px; height: 3px; background: url(../images/nav/arrow.png) no-repeat 0 0; overflow: hidden; } header#header nav ul li a { display: block; float: left; line-height: 47px; height: 47px; padding: 0 15px; background: url(../images/nav/bg.png) repeat-x right top; font-size: 14px; color: white; border-radius:4px; } header#header nav ul li a:hover, header#header nav ul li.active a, header#header nav ul li.hover a { background: /* #e94c1f */ url(../images/nav/bg.png) repeat-x right bottom; color: white; text-decoration: none; border-radius:4px; } header#header nav ul li.red a{background: url(../images/nav/bg_red.png) repeat-x right top; color:#fff !important;} header#header nav ul li.red a:hover, header#header nav ul li.active.red a, header#header nav ul li.hover.red a{background: url(../images/nav/bg_red.png) repeat-x right bottom !important;} header#header nav ul li.active span, header#header nav ul li.hover span { background: url(../images/nav/arrow.png) no-repeat 0 -3px; } header#header nav ul li.active.red span, header#header nav ul li.hover.red span { background: url(../images/nav/arrow_red.png) no-repeat 0 -3px; } header#header nav ul li ul { position: absolute; z-index:9999; left: 0; top: 47px; display: none; width: 160px; } header#header nav ul li ul li { color: white; } header#header nav ul li.hover ul { display: block; } header#header nav ul li.hover ul li a:hover { } header#header nav ul li.hover ul li a { width: 160px; } header#header .illustration { width: 347px; height: 285px; position: absolute; right: 0px; top: 200px; } /* Main */ #main { width: 960px; height: auto; margin: 0 auto; z-index: 1; overflow: hidden; } #main article { padding-right: 260px; } #main article header { height: 72px; padding-left: 20px; } #main article header h1 { font-size: 25px; color: #000; padding-top: 19px; } #main article header ul { line-height: 14px; margin-top: -3px; } #main article header ul li { float: left; } #main article header ul li a { font-size: 9px; text-shadow: 1px 1px 1px #c7c7c9; color: #000; padding: 0 0 0 15px; background: url(../images/icons/breadcrumbs.arrow.png) no-repeat 7px 5px; } #main article header ul li.home a { padding: 0; background: none; } #main .homepage { height: 500px; } #main .homepage .mainTop{width:640px;} #main .homepage .mainTop h1 { height: 53px; color: #000000; font-size: 25px; padding: 19px 0 0 20px; line-height: 27px; } #main .homepage .mainTop .content{background: url(../images/bg.section.png); padding: 20px;} #main .homepage .mainTop .content p{margin-top:0;} #main .homepage .mainBox { float: left; margin-bottom: 20px; min-height: 250px; width: 640px;} #main .homepage .mainBox h1 { width: 600px; height: 34px; color: #B11212; font-size: 25px; padding: 10px 0 0 20px; line-height: 27px; border-bottom:1px solid #E8E8E8; } #main .homepage .mainBox .content { height: 180px; width: 615px; padding: 10px; background: url(../images/bg.section.png); } #main .homepage .mainBox .content ul li { border-bottom: 1px solid #e8e8e8; display: block; height: 50px; padding: 10px; width: 277px; float: left; } #main .homepage .mainBox .content ul li.odd { margin-right: 20px; } #main .homepage .mainBox .content ul li.last { border: none; } #main .homepage .mainBox .content ul li .desc { float: left; width: 205px; padding-left: 10px; font-size: 11px; margin-top: -5px;} #main .homepage .mainBox .content ul li .desc a { font-weight: bold; color: #000; text-decoration: none; } #main .homepage .mainBox .content ul li .desc p { color: #b11212; margin: 0; } #main .homepage .mainBox .content ul li table.photo { background: #fff; float: left; width: 61px; height: 44px; border: 1px solid #d4d4d4; float: left; } #main .homepage .mainLinks{float: right; width:278px; margin-top: 80px;} #main .homepage .mainLinks a.banerPromocje{margin-top:15px; background: url(../images/baner_promocje2.png) no-repeat 0 0; width:278px; height:54px; display:block; text-indent: -9999px;} #main .homepage .mainLinks a.banerUzywane{margin-top:2px; background: url(../images/baner_uzywane2.png) no-repeat 0 0; width:278px; height:54px; display:block; text-indent: -9999px;} #main .homepage article section { height: 205px;} #main .homepage article section, #main .subpage article section { clear: both; padding: 0 20px; background: url(../images/bg.section.png); overflow: hidden; } /* Subpage */ #main .subpage { margin-bottom: 40px; } #main .subpage nav { float: left; width: 220px; margin-right: 10px; margin-top: 72px; } #main .subpage nav ul {} #main .subpage nav ul li { display: inline-block; margin: 0 0 1px 0; } #main .subpage nav ul li a { display: inline-block; width: 205px; border-radius:4px; background: url(../images/subnav/bg.png) no-repeat left top; padding: 10px 0; padding-right: 15px; color: #fff; line-height: 14px; text-align: right; } #main .subpage nav ul li a:hover, #main .subpage nav ul li.active a { background: url(../images/subnav/bg.hover.png) no-repeat left top; text-decoration:none; border-radius:4px;} #main .subpage nav a.contactForm{margin-top:15px; background: url(../images/buttons/contactForm.png) no-repeat 0 0; width:220px; height:56px; display:block; text-indent: -9999px;} #main .subpage nav a.banerPromocje{margin-top:15px; background: url(../images/baner_promocje.png) no-repeat 0 0; width:220px; height:40px; display:block; text-indent: -9999px;} #main .subpage nav a.banerUzywane{margin-top:2px; background: url(../images/baner_uzywane.png) no-repeat 0 0; width:220px; height:44px; display:block; text-indent: -9999px;} #main .subpage article { float: left; width: 730px; padding: 0; } #main .subpage article.withoutMenu{width:960px;} #main .subpage article section.biale { clear: both; padding: 0 20px 15px 20px; background: #fff; overflow: hidden; width:690px; min-height:200px;} #main .subpage article section {padding: 0 20px 15px 20px; width:690px; min-height:200px;} #main .subpage article section .produkty .listaProduktow { margin-top: 20px; } #main .subpage article section .produkty .listaProduktow .item { border-bottom: 1px solid #f0f0f0; min-height: 120px; padding-bottom: 5px;} #main .subpage article section .produkty .listaProduktow .item table.photo { width: 126px; height: 94px; border: 1px solid #d4d4d4; float: left; margin: 5px 20px 0 0; } #main .subpage article section .produkty .listaProduktow .item .desc { padding-left: 148px; margin-bottom: 8px;} #main .subpage article section .produkty .listaProduktow .item .desc p { color: #808080; font-size: 11px; margin-top: 8px; } #main .subpage article section .produkty .listaProduktow .item .desc p.title { font-size: 12px; color: #000; font-weight: bold; } #main .subpage article section .produkty .listaProduktow .item .desc p.price { color: #b11212; margin-top: 3px; font-size: 11px; } #main .subpage article section .produkt {border-bottom:1px solid #e3e3e3; padding-top:20px;} #main .subpage article section .produkt .col { padding-bottom: 20px; width: 340px; float: left; font-size: 11px; } #main .subpage article section .produkt .col table { border: 1px solid #d4d4d4; float: left; margin-bottom: 10px;} #main .subpage article section .produkt .col table.photoBig { width: 320px; height: 240px; } #main .subpage article section .produkt .col table.photoSmall { width: 100px; height: 75px; margin-right: 10px;} #main .subpage article section .produkt .col .info { position: relative; font-size: 11px; width: 100%; background: #f7f7f7 url(../images/produkt_info_bg.png) right bottom no-repeat; border: 1px solid #e9e9e9; margin-top: 10px; padding: 5px; padding-bottom: 15px;} #main .subpage article section .produkt .col .info p { margin: 5px 0 0 10px; } #main .subpage article section .produkt .col .info p.grey { color: #7b7b7b; margin-top: 10px;} #main .subpage article section .produkt .col .info p.price { color: #7b7b7b; margin: 10px; border-bottom: 1px solid #e9e9e9; padding-bottom: 15px;} #main .subpage article section .produkt .col .info p.price span { color: #b11212; font-size: 16px; } #main .subpage article section .produkt .col .info .buttonRed { position: absolute; top: 8px; right: 10px; } #main .subpage article.withoutMenu section{width:920px;} /* Banners */ #banners { width: 960px; height: auto; margin: 0 auto; clear: both; } #banners .banner { float: left; margin-right: 10px; width:313px; color: #fff; height: 99px; } #banners .last { margin-right: 0; } #banners .banner a { display: block; padding: 19px 48px 0 15px; background: url(../images/bg.banner.png) no-repeat top left; height: 80px; } #banners .banner a:hover { text-decoration: none; background: url(../images/bg.banner.png) no-repeat bottom left;} #banners .banner h2 { color: #fff; font-size: 15px; font-size: 22px; } #banners .banner p { color: #d7a7a7; margin: 0; font-size: 11px; line-height: 14px; padding-top: 7px; } /* Footer */ footer { clear: both; width: 930px; height: auto; margin: 0 auto; font-size: 11px; color: #999; padding: 10px 15px 30px; overflow:hidden; } footer p { margin: 0; text-align: left; display: block; line-height: 18px; } footer p a { color: #787878; } footer p.copyright { float: left; } footer p.manuloc { float: left; margin-left: 100px; } footer p.maximum { float: right; } #main .subpage article section ul{margin:15px 0 0 15px; list-style-type:disc;} #main .subpage article section ul li{text-align:justify; margin-bottom:4px;} /* Products */ #main .subpage article section .products{margin-bottom:15px;} #main .subpage article section .products table { border: 1px solid #E3E3E3; float: left; margin-bottom: 10px; float: right;} #main .subpage article section .products table.photoBig { width: 320px; height: 240px; } #main .subpage article section .products .item{border-bottom:1px solid #e3e3e3; padding:20px 0 10px 0;} #main .subpage article section .products .item h3{font-size:15px; padding:0 0 15px 0; font-weight:bold; color:#e94c1f;} #main .subpage article section .products .item .desc{font-size:12px; width:420px; float:left; margin-right:20px;} #main .subpage article section .products .item .desc p{margin:0 0 8px 0;} #main .subpage article section .products .item .desc ul{list-style-type:none; margin-bottom:8px;} #main .subpage article section .products .item .desc ul li{background: url(../images/icons/lili.jpg) no-repeat 0 5px; padding:0 0 4px 16px;} #main .subpage article section .products .item .photo{float:left; width:250px; text-align:center;} #main .subpage article section .products .item .photo a{} /* Lista podstron*/ #main .subpage article section .pageList{margin:20px 0;} #main .subpage article section .pageList ul{list-style-type:none; margin:0;} #main .subpage article section .pageList ul li{float:left; width:230px; text-align:center; margin-bottom:20px;} #main .subpage article section .pageList ul li a{color:#000;} #main .subpage article section .pageList p{margin-bottom:15px;} /* Stronicowanie */ .pagination{margin-top:5px; float:left;} .pagination a{font-size:11px; color:#FFF; text-decoration:none; background:url(../images/buttons/pagination_min.jpg) no-repeat 0 0; display:block; height:25px; line-height:24px; width:25px; text-align:center; float:left; margin-right:2px;} .pagination a.dirLeft, .pagination a.dirRight{background:url(../images/buttons/pagination.jpg) no-repeat 0 0; width:85px;} .pagination a.active{font-weight:bold; background:url(../images/buttons/pagination_active.jpg) no-repeat 0 0;} .pagination a:hover{text-decoration:none; color:#f9b198;} /* Formularz */ form.addC{margin:0; font:16px Tahoma; color:#000;} form.addC div, form.addC p{clear:both; margin-bottom:5px;} form.addC div label{color:#000; display:block; font:16px Tahoma; padding:4px 0 0 0; text-align:left; width: 100%;} form.addC div label.left{text-align:right; width:195px; float:left; padding:4px 5px 0 0;} form.addC div input.input, form.addC div textarea{border:2px solid #E3E3E3; color:#999; font:16px Tahoma; padding:6px; width:325px;} form.addC div input.radio, form.addC div input.checkbox{margin:10px 2px 0 0; } form.addC a.button{margin-left:270px;} form.zgloszenieSerwisowe{margin:40px 0 0 110px;} form.zgloszenieSerwisowe a.button{margin-left:470px;} .error{border:1px solid #E18B8B; background:#F0C8C8; width:325px; padding:6px;} .error p{font:11px Tahoma; margin:0; color:#9B0B0B;} .ok{border:1px solid #B9D58B; background:#E7FAC1; width:325px; padding:6px;} .ok p{font:11px Tahoma; margin:0; color:#648329;} .ok a{font:11px Tahoma; margin:0; color:#648329;} /* Komunikaty */ .warning ul, .information ul, .notification ul { margin: 5px 0 0 15px; } .warning ul li, .information ul li, .notification ul li { list-style-type: disc; margin: 0 0 0 15px; } /* Error */ .warning { color: #b72626; border: 1px solid #edafaf; background: #fbe2e2 url(../images/alerts/warning.png); } .warning a { color: #c82626; text-decoration: underline; } .warning a:hover { color: #820202; text-decoration: underline; } /* Information */ .information { color: #1c4d9c; border: 1px solid #bcd6f8; background: #e6f0fe url(../images/alerts/information.png); } .information a { color: #1c4d9c; text-decoration: underline; } .information a:hover { color: #0c377c; text-decoration: underline; } /* Notification */ .notification { color: #4e6600; border: 1px solid #b1c850; background: #e7f0c0 url(../images/alerts/notification.png); } .notification a { color: #4e6600; text-decoration: underline; } .notification a:hover { color: #222c00; text-decoration: underline; } .warning, .notification, .information { margin: 10px 0; font-size: 11px; padding: 15px 15px 15px 53px; text-shadow: 1px 1px 1px #fff; background-position: 10px center; background-repeat: no-repeat; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; line-height: 17px; } #main .subpage article section table.art{border-collapse: collapse; border-spacing: 0; margin-top:15px;} #main .subpage article section table.art td{padding:5px 10px; border: 1px solid #D4D4D4;} /*** Cookies ***/ #cookies-message { position: absolute; z-index: 9999; padding: 6px 0; background: #efefef; border-bottom: 1px solid #dedede; color: #989898; font-size:10px; font-family:Verdana; top: 0; width: 100%; } #cookies-message .Wrapper_cookies { position: relative; margin:0 auto; width:960px; } #cookies-message a { color:#696969;} #cookies-message a.close { padding-right: 20px; background: url(../images/close_cookies.png) right -2px no-repeat; color:#000; font-size: 10px; font-weight: bold; } .slider-handler( width: 960px; margin: 0px auto; )