/* Quick.Cart default stylesheet More about design modifications - http://opensolution.org/Quick.Cart/docs/?id=en-design */ /* GLOBAL STYLES */ body, body *{margin:0;padding:0;border:0;} body,table{color:#352102;font-size:0.9em;font-family:Lato, Arial, Tahoma, Verdana;} body{padding:0;background:#fff;text-align:center;} .input, select, textarea{padding:2px;border-width:1px;border-style:solid;border-color:#6c6c6c #cccccc #cccccc #6c6c6c;font-size:1em;font-family:Verdana;text-shadow:1px 1px #e0e0e0;} .input.warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;} .input:focus, select:focus, .textarea:focus{text-shadow:none;} .submit{padding:5px 14px;border-width:1px;border-style:solid;border-color:#9d9d9d #3f3f3f #3f3f3f #9d9d9d;background:#154a72;color:#fff;font-weight:bold;font-size:1em;font-family:Verdana;text-shadow:1px 1px #17344b;} .submit:hover{background:#0181CA;cursor:pointer;text-shadow:1px 1px #630d2f;} * html .submit{padding:3px 1px;} /* IE 6 hack */ * html .input{height:21px;} /* IE 6 hack */ .form label{font-size:1em;color:#454F54;font-weight:bold;} .form legend{display:none;} .form label span{padding-left:10px;color:#949494;font-weight:normal;text-shadow:none;} .hide{display:none;} .blink{opacity:1;-webkit-transition: opacity 0.4s; /* For Safari 3.1 to 6.0 */transition: opacity 0.4s;} .blink:hover{opacity:0.8} .blink-flaga{opacity:1;-webkit-transition: opacity 0.5s; /* For Safari 3.1 to 6.0 */transition: opacity 0.5s;} .blink-flaga:hover{opacity:0.5} a{font-weight:100;text-decoration:none;font-family:Lato, Arial, Tahoma, Verdana;font-size: 16px; line-height: 22px;color:#0D3E55;-webkit-transition: color 0.4s; transition: color 0.4s;} a:hover{color:#CB282D;text-decoration:none;} .clear{clear:both;height:0px;font-size:0px;line-height:0px;} #skiplinks{position:absolute;top:0px;left:0px;} #skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;} #skiplinks a:focus{top:0;background:#000;color:#fff;} #container{position:relative;float:left;width:100%;margin:0 auto;padding:0;overflow:visible;} #body, #foot{float:left;width:100%;margin:0 auto;padding:0;} #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{width:100%;margin:0 auto;text-align:left;} #head2 .container, #head3 .container, #body .container{} h5 {color:#0E4687;font-size:26px;font-weight:100;line-height:36px;} .kontakt-p{width:60%;margin:0 auto;text-align:center;} strong {font-weight:400;} /* HEADER WITH TOP MENU ABOVE LOGO */ #head1 .container{overflow:hidden;} * html #head1 .container, * html #head2, * html #head3, * html #body{background:none;} /* IE 6 hack */ .banner-tlo{clear:both;margin:1px auto 0 0;height:480px;background:silver url('img/banner.jpg');-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-position:center center;} /* MENU TOP 1 */ #menu1 ul{float:right;margin:15px 45px 3px 0;list-style:none;} #menu1 li{float:left;padding:7px 0 0 2px;} #menu1 li a{padding-right:12px;background: transparent 5px;font-weight:100;text-decoration:none;color:#352102;font-size:16px;padding:15px;} #menu1 li a:hover, #menu1 .selected a{text-decoration:none;color:#3C2305;} .logo-top {margin:-12px 50px 0 50px;} /* LOGO, HEADER BACKGROUND AND SLOGAN */ #pasek-jezyki{width:100%;background:#fff;color:#454F54;text-align:left;height:30px;margin:0 auto;font-size: 1em;font-family: Arial,Verdana,sans-serif} #head2{clear:both;background: #fff;padding-top: 0;} #head2 .container{height:109px;background:url('img/top.jpg') center top;background-repeat:no-repeat;width:100%;} #logo{width:100%;max-width: 1200px;margin: 0 auto;padding:0px 0;} * html #logo #slogan{width:100%;} /* IE 6 hack */ /* HEADER WITH TOP MENU BELOW LOGO */ #head3 .container{overflow:hidden;} .naglowek{width:418px;text-align:left;text-shadow:1px 1px 1px rgba(0,0,0,0.65);} .naglowek h1 {padding: 0 0px 15px; font-size: 18px; color: #fff;font-weight: 300;font-family: Lato,arial,tahoma,verdana; text-transform: uppercase;margin-top:-4px;} .naglowek a {padding: 0 0px 6px; font-size: 14px; color: #fff;font-weight: 400;font-family: Lato,arial,tahoma,verdana; text-transform: uppercase;margin-top:-4px;} .naglowek a:hover{color:#CAE4FE;} /* MENU TOP 2 */ #menu2 ul{list-style: outside none none;margin: 0 0;height: 56px;background:transparent;padding-top: 0px;text-shadow:1px 1px 1px rgba(0,0,0,0.5);} #menu2 li{float:left;padding:0;padding:0 2%;} #menu2 a{font-size: 19px;background:transparent;-webkit-transition: background 0.4s; transition: background 0.4s;display:block;float:left;padding:25px ;height:20px;color:#ddd;font-weight:100;text-decoration:none;font-family:lato,arial,verdana,tahoma;} #menu2 li a:hover, #menu2 .selected a{-webkit-transition: background 0.6s;transition: background 0.6s;background:url('img/menu-butt.png') left center;background-repeat:no-repeat;;color:#fff;text-decoration:none;} .menu-r{float:right;} .menu-l{float:right;width:66%;} /* BODY STYLES - LEFT AND RIGHT COLUMN */ #body{clear:both;margin:0;float:none;} #body .container{overflow:hidden;background:inherit;} /* LEFT COLUMN STYLES */ #column{display:none;float:right;width:340px;padding:0;margin: 0 10px 0 11px;} .order #column{display:none;} #searchForm{padding: 15px 0px;text-align: center;background: #0181CA;width: 310px;margin: 0 0 0 10px;} #searchForm label, #searchForm legend{display:none;} #searchForm .input{width: 150px;padding: 6px 10px;margin: 2px 10px 0 0;border: 0;} #searchForm .submit{padding:4px 10px 9px;font-size:0.917em;font-style:normal;border:0;background:#0181CA;} *:first-child+html #searchForm .submit{padding:3px 3px 8px;} /* IE 7 hack */ * html #searchForm .submit{padding:3px 3px 8px} /* IE 6 hack */ #menu3{margin:0 0 10px;text-align:left;} #column .type{text-align:left;margin:50px 10px 0 0px;padding:9px 0 9px 20px;background:inherit;color:#454F54;font-size:2em;font-weight:normal;} /* LEFT MENU */ #column .type{text-align:left;margin:70px 10px 0 0px;padding:9px 0 9px 20px;background:inherit;color:#454F54;font-size:2em;font-weight:normal;} #menu3, #menu4{margin:0 0 10px;text-align:left;} #menu3 ul, #menu4 ul{margin:5px 0;padding:0 1px 2px;list-style:none;} #menu3 a, #menu4 a{color: #454F54; display:block;display:inline-block;width:85%;margin-left:10px;padding:14px 3%;border-top: 1px solid #ccc;font-size:1.4em;text-decoration:none;} #menu3 a:hover, #menu4 a:hover{background-color:inherit;color:#0181CA;text-decoration:none;} #menu3 .l1 a, #menu4 .l1 a{border-top:0;} #menu3 .sub1, #menu4 .sub1{margin:0;padding:0 0 10px 0;border:0;} #menu3 .sub1 a, #menu4 .sub1 a{display:block;width:75%;padding:2px 10% 2px 15%;border:0;} #menu3 .sub2 a, #menu4 .sub2 a{padding-left:18%;} #menu3 .sub3 a, #menu4 .sub3 a{padding-left:21%;} * html #menu3 a, * html #menu4 a, * html #menu3 .sub1 a, * html #menu4 .sub1 a{width:100%;} #menu3 .selected, #menu4 .selected{background-color:inherit;color:#0181CA;text-decoration:none; font-weight: bold;} /* RIGHT COLUMN STYLES */ #content{max-width:1160px;width:100%;padding:80px 0 0 0;text-align:center;background:transparent;margin:0 auto;} * html #content{width:90%;background:green;} /* IE 6 hack */ .order #content{width:100%;} #page{position:relative;width:100%;margin:0 auto;text-align:left;} * html #page{width:100%;} /* IE 6 hack */ * html .order #page{width:94%;} /* IE 6 hack */ /* PAGE TITLE */ #page h1{padding: 0 0 30px 0; font-size: 36px; color: #0D3E55; font-weight: 300; font-family: Lato,arial,tahoma,verdana; text-transform: uppercase;} /* NAVIGATION PATH - TREE */ #page div.breadcrumb{display:none;} /* PAGE CONTENT */ #page div.content{padding:5px 0;font-size:1.083em;line-height:1.5em;} #page div.content ul, #content .subpagesList li ol{margin:0 0 0 30px;padding:0;} #page div.content li{margin:8px 0;padding:0;border-left:0;font-family: lato,arial,verdana,tahoma;font-weight: 100;color: #3F4348;} #page div.content p{padding-bottom:10px;font-size: 19px;line-height: 32px;font-weight:100;color:#3F4348;} .tS{float:right;margin:17px 0 3px;} .tS div{display:inline;} .tS a{margin:0 4px;text-decoration:none;background:inherit;color:#454F54;font-weight:bold;font-family:Arial;} .tS a:hover{color:#0181CA;background:inherit;} .tS0{font-size:0.917em;} .tS1{font-size:1.083em;} .tS2{font-size:1.333em;} .pages{padding:8px 0;text-align:right;font-size:1.083em;} .pages ul, .pages li{display:inline;} .pages li{padding:0 2px;} .pages a, .pages strong{padding:0 1px;font-size:1.083em;} /* IMAGES STYLES */ #content .imagesList{list-style:none;width: 101%; margin-left: -0.5%;padding: 0;} #content .imagesList li{margin:0 0 0;text-align:center;width: 23%; float: left;padding: 25px 1%;} #page .imagesList li{display: inline-block; width: 24%; margin: 0 0 32px 0;padding: 0 0.5%;height: 250px;} #content .imagesList li div{text-align:center;} #content .subpagesList li img, #content .imagesList li img, #content .imagePreview img, #products li .photo img{width:100%;padding:0 0 ;opacity:1;-webkit-transition: opacity 0.4s;transition: opacity 0.4s;} #content .subpagesList li img:hover, #content .imagesList li img:hover, #content .imagePreview img:hover, #products li .photo a:hover img{opacity:0.78;} #imagesList1{float:left;margin:9px 0 0 0;} #imagesList2{clear:right;float:right;margin:8px 0 0 15px;} #content .imagePreview div{margin:5px 0 10px;text-align:center;} #imagesListPreview{float:left;margin:9px 20px 0 0;} * html #imagesListPreview{margin-top:-5px;} #content .imagesList#imagesListPreview li{margin-bottom:3px;} #content .imagesList#imagesListPreview li img{border-width:2px;} #content .imagesList#imagesListPreview li img:hover{border-width:2px;} /* FILES LIST STYLES */ #filesList{width:100%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;border-left:2px solid #e0e0e0;} #filesList li{width:100%;float:left;clear:left;margin:5px 0 5px 10px;padding-left:10px;} #filesList li a{color:#0181CA;background:inherit;} #filesList li a:hover{color:#454F54;background:inherit;} #filesList img{margin:0 8px 0 0;vertical-align:middle;} #filesList em{padding-left:2px;} /* SUB PAGES LIST STYLES */ #content .subpagesList{float:left;width:104%;margin:7px 0 0 -2%;list-style:none;} #content .subpagesList li{float: left; width: 30%; background: #FDF7DF none repeat scroll 0% 0%;border-bottom: 1px solid #DADADA; margin: 10px 1.5%;padding: 0;-webkit-transition: background 0.4s; transition: background 0.4s;} #content .subpagesList li:hover{background:#CC292E;} * html #content .subpagesList li{width:100%;} /* IE 6 hack */ #content .subpagesList li .photo{float:left;margin:0 20px 5px 0;} #content .subpagesList li h2{padding-bottom:10px;} #content .subpagesList li h2, #content .subpagesList li h2 a{color:#454F54;font-size:1.25em;font-weight:normal;background:none;text-decoration:none;padding: 16px 1%;display:block;text-align: center;} #content .subpagesList li h2 a:hover{color:#fff;} #content .subpagesList li div.description{font-size: 1.2em;line-height: 22px;} #content .subpagesList li ul, #content .subpagesList li ol{float:left;width:100%;margin:5px 0 0 30px;padding:0;} #content .subpagesList li li{padding:0;border-bottom:0;background:none;-webkit-box-shadow:none;box-shadow:none;} #content .subpagesList li ul{list-style:disc;} #content .subpagesList li ol{list-style:decimal;} #content .subpagesList li p{padding-bottom:10px;} /* OPTIONS LINK */ #options{display:none;clear:both;float:right;width:100%;margin: 10px 0 0;color:#454F54;font-size:15px;text-align:right;} *:first-child+html #options{width:94%;} /* IE 7 hack */ * html #options{width:94%;} /* IE 6 hack */ #options a{padding:0 10px 0;color:#454F54;background:inherit;} #options a:hover{color:#0181CA;background:inherit;} #options .back, #options .print{float:right;} #options .print a{border-left:1px solid #e0e0e0;} .message{padding:50px 0;text-align:center;} .message h2{background:inherit;color:#0181CA;font-weight:normal;font-size:2.4em;line-height:1.7em;} .message h2 a{color:#454F54;background:inherit;} .message h2 a:hover{color:#454F54;background:inherit;} /* PRODUCTS LIST */ #products{clear:both;float:left;width:100%;margin:10px 0 50px 0;list-style:none;} #products ul.list{float:left;width:100%;list-style:none;} #products .list li{float:left;width: 24%;padding:20px 0.5% 30px 0.5%;margin:0 ;text-align:left;background:transparent;-webkit-transition: background 0.5s;transition: background 0.5s;} #products .list li:hover{background:rgba(255,255,255,0.5);} #products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;} #products li .photo{margin-top:4px;font-size:0px;line-height:0px;} #products li h2{padding:15px 0 0;font-weight:bold;color:#352102;font-family:Lato, arial, tahoma, verdana;} #products li h2 a{text-decoration:none;font-family:Lato, arial, tahoma, verdana;font-size: 18px;font-weight:700;} #products li h2 a:hover{text-decoration:none;} #products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;} #products li h3, #products li h3 a{color:#454F54;} #products li h3 a:hover{color:#0181CA;} #products li h3 em{padding:0 5px;} #products li div.description{margin:10px 0 15px 0;text-align:justify;font-size: 14px; line-height: 17px;font-weight:100;} #products li div.description a{color:#454F54;} #products li div.description a:hover{color:#0181CA;} #products li div.description ul, #products li div.description ol{margin:5px 0 0 25px;padding:0;} #products li .price, #products li .noPrice{margin:5px 0 5px 0;font-size:11px;color:#7A8184;font-weight:100;font-family:arial,tahoma,verdana;} #products li .price em{padding:0 6px 0 0;background:inherit;color:#454F54;font-style:normal;} #products li .price strong{font-size:1.167em;} #products li .noPrice strong{font-size:1.083em;} #products li .price span{padding-left:4px;font-size:1.083em;color:#454F54;} #products li .basket{width:150px;margin:10px auto 0;padding-left:3px;font-size:0.917em;font-weight:bold;} #products li .basket a{display:block;padding:5px 32px 8px 7px;color:#fff;background:url('img/button_cart_list.png') no-repeat right bottom;text-decoration:none;text-shadow:1px 1px #630d2f;} #products li .basket a:hover{text-shadow:0px 0px 5px #e9c0d1;} #products .pages{float:right;width:100%;margin:0;padding:9px 0;border:0;background:none;text-align:right;font-size:1em;} #products .pages li{margin:0;padding:0 2px;border:0;background:none;} #products .pages a, #products li.pages strong{padding:0 1px;font-size:1em;} #products .pages .viewAll{padding-right:8px;border-right:1px solid #454F54;} #products .pages .title{padding-left:8px;border:none;} #products .pages#pagesBefore{clear:none;width:auto;} #products .sort{float:left;width:auto;margin:0 10px 0 1%;color:#4C4E4F;padding: 0 0 0;border:0;background:none;text-align:left;font-weight:100;font-family:lato;font-size:13px;} #products .sort ul{display:inline;list-style:none;} #products .sort li{display:inline;padding:0 6px;font-weight:700;border-right:1px solid #454F54;font-family:lato;} #products .sort li:last-child{border:none;padding-right:0;} #products .sort li a{font-weight:100;font-size:13px;color:#4C4E4F;} /* PRODUCTS DETAILS */ #product{float:left;display:block;width:100%;margin:0 0 100px 0;text-align:left;} * html #product{margin:0;} /* IE 6 hack */ #product h1{padding: 25px 0px 50px; font-size: 36px; color: #0D3E55;font-weight: 300;font-family: Lato,arial,tahoma,verdana;text-transform: uppercase;float:left;} #product div.breadcrumb{margin:0 0 10px;padding:2px 0 7px;font-weight:normal;font-size:0.917em;} #product div.breadcrumb, #product div.breadcrumb a{background:inherit;color:#454F54;} #product div.breadcrumb a:hover{background-color:inherit;color:#0181CA;} #product div.breadcrumb em{padding:0 5px;} #product #box{float:right;width:250px;margin:5px 0 10px 10px;padding:3px 0 10px;border-top:2px solid #d4d4d4;border-bottom:2px solid #d4d4d4;background:url('img/body.png');text-align:center;-webkit-box-shadow:0 0 15px rgba(48,47,47,.3);box-shadow:0 0 15px rgba(48,47,47,.3);} #product #box form{font-weight:bold;} #product #box #price, #product #box #noPrice{padding:7px 0;border-bottom:1px solid #bebebe;background-color:transparent;color:#454F54;font-size:1.417em;text-align:center;text-shadow:2px 2px 3px #ddd;} #product #box #noPrice{color:#0D3E55;} #product #box #price em{font-style:normal;} #product #box #price strong{padding:0 6px;font-size:1.176em;color:#0181CA;font-weight:bold;} #product #box #available{padding:8px 2px 0;background-color:transparent;color:#454F54;font-weight:bold;font-size:0.9em;} #product #box #addBasket{padding:10px 0 5px;} #product #box #addBasket .submit{width:176px;padding:5px 25px 8px 5px;border:0;background:url('img/button_cart.png') no-repeat right bottom;background-color:inherit;color:#fff;font-size:1.1em;font-weight:bold;text-shadow:1px 1px #630d2f;} #product #box #addBasket .submit:hover{text-shadow:0px 0px 5px #e9c0d1;} #product div.content{clear:left;padding:10px 0 10px;font-size: 16px; line-height: 22px;} #product div.content ul, #product div.content ol{margin:5px 0 0 30px;padding:0;} #product div.content li{margin:8px 0;padding:0;border-left:0;} #product div.content p{padding-bottom:10px;font-size: 18px;line-height: 32px;font-weight:100;font-family:lato,arial,tahoma,verdana;} /* BASKET AND ORDER */ #orderedProducts table{width:100%;margin:0;border-bottom:2px solid #e0e0e0;font-size:1em;color:#0181CA;text-shadow:1px 1px #e0e0e0;} #orderedProducts td, #orderedProducts th{padding:6px 7px;} #orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;} #orderedProducts thead td{padding-bottom:11px;background:#2e6896;color:#fff;text-shadow:1px 1px #17344b;} #orderedProducts thead em{padding:0 4px 0 0;font-style:normal;} #orderedProducts tbody th, #orderedProducts tbody td{border-top:2px solid #fff;background:#f0f6fa url('img/body.png');border-bottom:1px solid #e0e0e0;} #orderedProducts tbody th{text-align:left;} #orderedProducts tbody th a{background:inherit;} #orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:bold;text-align:right;} #orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;} #orderedProducts tbody .quantity label{display:none;} #orderedProducts tbody a:hover{background:inherit;color:#454F54;} #orderedProducts tfoot{background:url('img/body.png');text-align:right;} #orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;} #orderedProducts tfoot .nextStep .submit{background:#0181CA;text-shadow:1px 1px #630d2f;} #orderedProducts tfoot .nextStep .submit:hover{background:#154a72;text-shadow:1px 1px #17344b;} #basket #orderedProducts table{margin:10px 0 0;} #basket .info{padding:10px 0;text-align:left;} #basket #recount{background:#fff;border-bottom:2px solid #e0e0e0;} #basket #recount td{border-bottom:1px solid #e0e0e0;text-align:right;} #basket #recount .submit{padding:2px 3px;} #basket #recount .submit:hover, #basket .buttons #continue .submit:hover{background:#0181CA;} #basket .summaryProducts{font-size:1.36em;font-weight:bold;} #basket .summaryProducts #summary{font-weight:bold;} #basket .del{padding:0 5px 0 10px;} #basket .del a{background:inherit;color:#454F54;} #basket .del a:hover{background:inherit;color:#0181CA;} #basket .buttons #continue{text-align:left;} #basket .buttons #continue .submit{margin-right:5px;padding:3px 5px;} #basket #pageDescription{margin-top:10px;} #basket legend{display:none;} #basket #save{padding:7px;} #basket #save .submit{margin-right:5px;padding:4px 9px;background:#f2f2f2;color:#454F54;border:2px solid #e0e0e0;font-weight:normal;text-shadow:none;} #basket #save .submit:hover{background:#154a72;color:#fff;} #order legend{display:block;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;color:#454F54;text-shadow:1px 1px 3px #e0e0e0;} #order #personalData{padding:12px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:url('img/body.png');overflow:hidden;} #order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;} #order #personalData label{display:block;padding:2px 0;font-weight:bold;color:#454F54;text-shadow:1px 1px #e0e0e0;} #order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;} #order #personalData #oComment{height:125px;} #shippingAndPayments div{padding:11px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:url('img/body.png');} #order tfoot td, #orderPrint tfoot td{color:#0181CA;} #order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment{font-size:1.182em;} #order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th{font-weight:normal;text-align:right;} #order .summaryOrder, #orderPrint .summaryOrder{color:#454F54;font-size:1.36em;font-weight:bold;} #order .summaryOrder th, #orderPrint .summaryOrder th{text-align:right;} #order .summaryOrder th, #order .summaryOrder td{border-top:1px solid #e0e0e0;} #order #rulesAccept th{color:#454F54;font-weight:bold;text-align:right;} #order #rulesAccept th, #order #nextStep th{border:0;text-align:right;} *:first-child+html .nextStep .submit, *:first-child+html #basket #continue .submit{padding:2px 0px;} /* IE 7 hack */ /* ORDER SUMMARY/PRINT PAGE */ #orderPrint #pageDescription{padding:10px 8px 20px;text-align:center;background:inherit;color:#0181CA;font-weight:normal;font-size:1.5em;} #orderPrint #pageDescription p{padding:5px 0;} #orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:#454F54;font-size:1.2em;font-weight:bold;} #orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:#fff url('img/body.png');} #orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;} #orderPrint dt{clear:left;text-align:right;} #orderPrint dd{padding-left:3%;font-weight:bold;} #orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;} /* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */ #foot{clear:both;float:none;width:auto;height:25px;margin-top:-25px;padding:25px 30px;background:transparent; color:#3F4348;;font-size:13px;font-weight:100;text-align:center;} #foot .container .main{float:none;width:100%;padding:0px 0;color:#5A5A5A;font: 1em arial, verdana, serif;font-weight:normal;} #foot a{font-size:13px;text-decoration:none;} #foot a:hover{text-decoration:none;} .copy-foot {float:left;width:50%;text-align:center;} .copy-foot:first-child {text-align:left;} .copy-foot:last-child {text-align:right;} .copy-foot a{font-size:12px;padding:0 15px;} .copy-foot a:hover {text-decoration:none;} #copy{padding: 25px 0 0 ;text-align:center;width:100%;} .foot{float:left;padding:0 ;} #powered img{vertical-align:middle;} .foto-100 {width:100%;height:auto;padding:50px 0;} .foto-lewa {float:left; width:45%;height:auto;padding:20px 5% 30px 0;} .foto-prawa {float:left; width:45%;height:auto;padding:20px 0 30px 5%;} #ikonki {position:fixed;left:0;margin: 0 auto; padding:0;width:40px;height:auto;top:65%;text-align:left;} .ikonki {opacity:1;-webkit-transition: opacity 0.7s; transition: opacity 0.7s;} .ikonki:hover {opacity:0.8;} ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { /* Firefox 18- */ color: #999; } ::-moz-placeholder { /* Firefox 19+ */ color: #999; } .glowny-produkt {clear:both;width:100%;height:320px;margin:10px 0;text-align:left;padding: 0 0;float:right;background:#333 url('img/galeria.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;color:#fff;font-size:16px;font-weight:800;font-family:lato,arial,verdana,tahoma;} .glowny-produkt h1 {clear:both;text-align:left;color:#fff;font-size:25px;margin:50px 0 10px 50px;padding:0;font-weight:400;font-family:lato,arial,verdana,tahoma;} .glowny-produkt p {text-align:left;color:#fff;font-size:16px;margin:0 0 25px 50px;font-weight:100;font-family:lato,arial,verdana,tahoma;width:40%;line-height:22px;} .glowny-produkt button {text-align:left;color:#fff;font-size:18px;margin:0 0 0 50px;height: 53px;padding: 12px 22px; font-weight:300;font-family:lato,arial,verdana,tahoma;border:2px solid #fff;background:transparent;cursor:pointer;-webkit-transition: color 0.4s;transition: color 0.4s;} .glowny-produkt button:hover {color:#CC292E;background:#fff;border:1px solid #CC292E;} .glowny-produkt-menu {margin:57px 0 0 30px;} .glowny-produkt-menu button {text-align:left;color:#fff;font-size:15px;margin:0 0 0 0;height:50px;padding:0 15px 22px 10px;font-weight:700;font-family:lato,arial,verdana,tahoma;border:0;background:transparent;cursor:pointer;-webkit-transition: color 0.4s;transition: color 0.4s;} .glowny-produkt-menu button:hover {text-shadow:0 0 5px rgba(0,0,0,0.78);color:#CC292E;background:transparent url('img/arrow-menu.png') no-repeat center bottom;border:0;} .zobacz-wiecej {text-align: left;color: #CC292E;font-size: 20px;margin: 10px 0 80px;height: 53px;padding: 12px 22px;font-weight: 300;font-family: lato,arial,verdana,tahoma;border: 2px solid #CC292E;background: transparent;cursor: pointer;-webkit-transition: all 0.4s;transition: all 0.4s;} .zobacz-wiecej:hover {color:#fff;background:#CC292E;} :-ms-input-placeholder {color: #999;} @media print{ /* PRINT STYLES */ #rss{display:none;} * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;text-shadow:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;} body{margin:1cm 0;} #container{width:17.2cm;height:auto;} #head2 .container, #head2{height:auto;} #logo{padding:0 0 0.2cm;} #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{border-width:0px !important;} #body{clear:none;} #body .container{overflow:visible;} #logo #title, #page h1{padding:0;} #page div.breadcrumb{position:relative;top:0;} #header .container, #body .container, #foot .container, #content, #page, #products, #product, .order #content{float:none;width:17.2cm;padding:0;margin:0;} #column, #head1, #head3, #back, #page .tS, #products li .basket, #product #box #addBasket .submit{display:none;} } .pole {font-size:16px; border:1px solid #CFCFCF;width:40%;height:24px;padding:8px 4%;margin:20px 0 3px 0;background:#E6E6E6;color:#888;font-family:lato, arial, tahoma, verdana;-webkit-transition: border 0.7s; transition: border 0.7s;} .pole-opis {font-size:16px; border:1px solid #CFCFCF;width:40%;;height:84px;padding:8px 2%;margin: 18px 0 0 0;background:#fff;color:#888;font-family:lato, arial, tahoma, verdana;-webkit-transition: border 0.7s; transition: border 0.7s;} .pole-kontakt {font-size:16px; border:1px solid #CFCFCF;width:92%;height:24px;padding:12px 4%;margin:20px 0 3px 0;background:#E6E6E6;color:#888;font-family:lato, arial, tahoma, verdana;-webkit-transition: border 0.7s; transition: border 0.7s;} .pole-opis-kontakt {font-size:16px; border:1px solid #CFCFCF;width:92%;height:84px;padding:12px 4%;margin: 18px 0 0 0;background:#E6E6E6;color:#888;font-family:lato, arial, tahoma, verdana;-webkit-transition: border 0.7s; transition: border 0.7s;} .wyslij{float:left;background:#CB282D;color:#fff;font-family:arial,tahoma,verdana;height:42px;padding:8px 3%;margin:20px 0 3px 10px;border:0;-webkit-transition: background 0.7s; transition: background 0.7s;} .wyslij:hover{background:#545350;-webkit-transition: background 0.7s; transition: background 0.7s;} .pole:hover{border:1px solid #B7B7B7;} .pole-opis:hover{border:1px solid #B7B7B7;} #stopka { margin: 80px 0 0 0; padding: 20px 0;height:auto; background:url('img/top.jpg') center bottom #E1E1E1;background-repeat:no-repeat;;} .stopka{clear:both;width:96%;max-width:1200px; text-align:center;margin: 0 auto;height:40px;padding:25px 0 8px 0;font-size:18px;} .stopka p{line-height:24px;} .stopka h3{margin:36px 0 0 0;} .stopka-l{float:left;width:42%; padding:0 0 0 0;} .stopka-r{float:right;width:50%;margin:7px 0 0 8%;text-align: right;} .linki-stopka {font-size:13px;letter-spacing:-0.2px;color:#fff;padding:0 15px;} .linki-stopka:hover {color:#D6CCC1;text-decoration:none;} #menu-mobilne,#menu-mobilne2, #light, #fade{display:none;} .realizacje-calosc {clear:both; margin: 0 auto; padding: 50px 0 ;height:auto; background: transparent;} .realizacje {min-width:960px;max-width:1200px;width:96%;text-align:left;margin: 0 auto;} .realizacje h2 {text-align:left;width:100%;margin: 30px 0;} .realizacja {background:#fff;width:31%;margin:80px 1% 50px 1%;height:auto;float:left;} .realizacja p {margin:13px 0 0 20px;font-size:13px;line-height:15px;font-weight:700;-webkit-transition: color 0.5s;transition: color 0.5s;cursor:pointer;} .realizacja a {color:#413F44;margin:0;font-size:15px;line-height:15px;font-weight:700;-webkit-transition: color 0.5s;transition: color 0.5s;cursor:pointer;} .realizacja a:hover {color:#135D9E;} .realizacja small {font-size:14px;font-weight:100;} .realizacja button {float:right;margin:-33px 0 0;background: #135D9E url('img/plus.png') no-repeat center center;width:30px; height:71px;padding:0;border:0;cursor:pointer;} .realizacja button:hover {background:#1666AC url('img/plus.png') no-repeat center center;} .realizacja-opis {margin:-4px 0 0;height:58px;} .realizacja-img {margin:0;width:100%;height:auto;opacity:1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;} .realizacja-img:hover {opacity:0.7;} .logo-kolumna{float:left;text-align:left;width: 48%;padding: 0 1.5% 0 0;} .lewa-kolumna{float:left;text-align:left;width: 48%;padding: 0 1.5% 0 0;} .prawa-kolumna{float:right;text-align:left;width: 48%; padding: 0 0 0 1.5%;} .lewa-kontakt{float:left;text-align:left;width:45%;} .prawa-kontakt{float:right;text-align:left;width:48%;} .lewa-kontakt p{font-size: 18px; line-height: 32px;font-weight: 100;color: #3F4348;} .prawa-kolumna h3 {font-weight:700;font-size:16px;margin: 0 0 12px 0;font-family: arial, tahoma,verdana;} .lewa-kolumna h3 {font-weight:700;font-size:16px;margin: 0 0 12px 0;font-family: arial, tahoma,verdana;} .prawa-kolumna, .lewa-kolumna p, a {font-weight:100;font-size:15px;} .okno-start{float:left;text-align:left;width:31.333%;padding:0 1% 20px 1%;;display:block;margin:0;line-height: 22px;} .okno-start h2{padding: 25px 1% 15px 1%;font-size: 20px;color: #0D3E55;font-weight:400;font-family: Lato,arial,tahoma,verdana;text-transform:uppercase;} .okno-start p{padding: 2px 1% 55px 1%;font-size: 15px;color: #33393C;font-weight:100;font-family: Lato,arial,tahoma,verdana;} .okno-start button{color:#33393C;transition: opacity 0.4s ease 0s;margin:15px 0 0 0;background:transparent;cursor:pointer;font-size:15px;} .okno-start button:hover{color:#CB282D;} .okno-start a {display: block;text-align: left;overflow: hidden;} .okno-start a .pic {display: block;overflow: hidden;} .okno-start a:hover img {transform: scale(1.15);opacity:0.65;} .okno-start img {width:100%;display: block;overflow: hidden;-webkit-transition: all 0.8s;transition: all 0.8s;} .menu-lewe{float: left; width: 50%; padding-right: 15%;} .menu-prawe{float: right; width: 35%; line-height: 18px;} big{font-weight:700;} .kontakt-top {top:0;right:0;position:absolute;width:500px;text-align:right;} .logo-top {text-align:left;float:left;} .banner-start{clear:both;margin:0 auto;margin:85px 0 60px 0;} .banner-podstrony{clear: both;margin: 0 auto; width: 100%; max-width: 1160px; padding: 40px 0;opacity:0.55;} .banner-podstrony a{font-size:12px;letter-spacing:0.2px;color:#76756E;} .banner-podstrony a:hover {color:#3C2305;} .banner-podstrony-l{float:left;text-align:left;width: 50%;} .banner-podstrony-p{float:right;text-align:right;width: 50%;} .button-top{margin:-7px 0 0 0;text-align:right;opacity:1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;float: right;} .button-top:hover{opacity:0.65;} .mapa {width:100%;height:auto;clear:both;margin:20px 0 0;padding:100px 0 0;} .podklad-menu{clear:both;background:url('img/menu.jpg') center center;background-repeat:repeat;width:100%;text-align:center;margin:-17px auto 0 0;height:70px;padding:0;} /* PLUGINS */ #content .theme-default .nivoSlider{width:100%;margin:0 auto;height:450px;} .theme-default .nivo-controlNav{padding: 0;} .nivoSlider a.nivo-imageLink {background:inherit; filter: alpha(opacity=0);opacity: 0;} /* modrhh+ IE link hack*/ @media print{ #content .theme-default{display:none;} } /* mobile */ @media (max-width: 800px) { .stopka {min-width:241px;max-width:799px;padding:0;width:100%;height:auto;} .stopka-l {float:none;width:90%;text-align:left;padding: 0 0 0 5%;} .stopka-r, .button-top, .kontakt-top, .naglowek {display:none;} .logo-top {margin-left:5%;text-align:left;float:left;} .copy-foot, .copy-foot:first-child, .copy-foot:last-child {text-align:center;width:100%;float:none;height:auto;} #stopka2, .stopka2 {min-width:241px;max-width:799px;padding:0;width:100%;height:auto;background:none;text-align:center;clear:both;} .stopka2-img {margin:110px 0;} #menu-mobilne{display:none;width: 54px;height: 40px;top: 0;right: 0;position: fixed;z-index: 1000000;text-align:center;cursor:pointer;} .menu-mobilne{height:30px;width:100%;display:block;font-weight:100;font-size:20px; border-bottom: 1px solid #ddd;color:#424242;text-align:center;padding:6% 0 3% 0;margin:-29px 0 0;} .menu-mobilne:hover{text-decoration:none;color:#fff;font-weight:700;background:#3C2305;border-bottom:1px solid #fff;height:30px;margin: -10px 0 0;} .banner-tlo{width:100%;height:250px;background:silver url('img/banner.jpg');-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-position:center center;} #light{ display: none; position: fixed; top: 0; width: 100%; text-align:left; z-index:100000; line-height:28px; background:#fff;} #fade{ display: none; position: fixed; top: 0%; width: 100%; height: 100%; background-color: #fff; z-index:100331; -moz-opacity: 0.95; opacity:0.95; } #foot{height:auto;} #stopka{margin:0;} .cf{width:100%;display: block;margin-bottom:4px;} #realizacje {width:100%;padding:30px 0;height:auto;clear:both;min-width:241px;max-width:799px;} .realizacje {min-width:241px;max-width:799px;padding:0;} .realizacja {display:block;width:48%;} .okno-lewe{float:none;text-align:left;width:100%;} .okno-prawe, .okno-prawe-kontakt{float:none;text-align:left;width:100%;} .kontakt-p{width:100%;margin:0 auto;text-align:center;} .okno-formularza{width:90%;margin:-30px 0 0; padding:0 0 0 5%;} .pole-lewe-td{clear:both;float:none;width:100%;text-align:left;} .pole-prawe-td{clear:both;float:none;width:100%;text-align:left;} .pole-razem-td{clear:both;width:100%;text-align:left;} .wyslij{width:10%;margin:20px 0 0;} .pole{width:96%;padding:8px 2%;} .pole-opis{width:80%;margin:20px 0 0;} .menu-lewe{float: none; width: 100%; padding:0;} .menu-prawe{float: none; width: 100%; padding:0;margin:50px 0 0;} #products .list li{float:left;width: 42%;padding:20px 3% 50px 3%;margin:30px 1%;text-align:left;border-bottom:1px solid #76756E;} .okno-start {float:left;width: 92%;padding:20px 3%;margin:0 1%;text-align:left;} .linki-stopka{padding:0 5px;} #products li h2 {padding: 10px 0px 0px; } #products li div.description {font-size: 13px;} #page .imagesList li {width:90%;margin:12px 3%;height:auto;} #content .subpagesList li {width:94%;margin:12px 3%;} .prawa-kolumna, .lewa-kolumna {width:100%;text-align:center;display:none;} .prawa-kontakt, .lewa-kontakt, .wyslij {width:100%;text-align:center;} #content .imagesList{list-style:none;width: 92%;padding: 1.5%;} .podklad-menu{clear:both;background:;width:100%;text-align:center;margin:-18px auto 0 0;height:350px;padding:0;} #menu2 a{font-size: 19px;background:transparent;-webkit-transition: background 0.4s; transition: background 0.4s;display:block;float:left;padding:25px ;height:20px;color:#ddd;font-weight:100;text-decoration:none;font-family:lato,arial,verdana,tahoma;} #menu2 li a:hover, #menu2 .selected a{-webkit-transition: background 0.6s;transition: background 0.6s;background:url('img/menu-butt.png') center center;background-repeat:no-repeat;;color:#fff;text-decoration:none;} #menu2{float:left;width:100%;} #menu2 ul{width:100%;height:auto;} #menu2 li a{height:auto;width:100%;border-bottom:1px solid #333;padding:16px 0;} #menu2 li { padding: 0px;border: 0; height: 40px;width: 100%;display: -moz-deck; float: none;} .menu-r{float:right;width:100%;text-align:center;} .menu-l{float:right;width:100%;text-align:center;} .logo-kolumna{float:none;text-align:center;width: 98%;padding:0;} }