/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
        article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
            

            body { background: #eaeaea; margin: 0; }
            .clear:before,
            .clear:after { content: " "; display: table; }
            .clear:after { clear: both; }
            .clear { *zoom: 1; }
            .main { width: 989px; margin: 0 auto; }
                .header { background: #fff url(http://mg.czeka.pl/jotes/img/top-bar.png) 0 top no-repeat; height: 198px; width: 989px; position: relative; margin: 0 auto; }
                    .home { width: 18px; height: 17px; background: url(http://mg.czeka.pl/jotes/img/home-icon.png) 0 0 no-repeat; position: relative; top: 15px; left: 19px; float: left; }
                        .home a { display: block; width: 100%; height: 100%; text-decoration: none; }
                    .nav ul { margin: 0; padding: 0; list-style: none; float: right; }
                        .nav ul li { float: left; font-size: 14px; position: relative; margin: 14px 18px 0 0; }
                        .nav ul li:before { content: ""; background: url(http://mg.czeka.pl/jotes/img/menu-sep.gif) 0 0 no-repeat; display: block; width: 1px; height: 7px; position: absolute; left: -11px; top: 5px; }
                        .nav ul li:first-child:before { background: none; }
                            .nav ul li a { text-decoration: none; color: #464646; font-weight: bold;}
                                .nav ul li a:hover { text-decoration: underline; }
                    .header .logo { margin: 6px 0 0 39px; float: left; }
                        .header .logo h1 { margin: 0; padding: 0; }
                        .header .logo a { display: block; margin: 0; }

                    /* Contact info */
                    .header .contact-info { background: url(http://mg.czeka.pl/jotes/img/phone.gif) right top no-repeat; padding: 0 97px 0 0; float: right; min-height: 75px; margin: 29px 36px 0; }
                        .header .contact-info h2 { color: #1161ab; margin: 4px 0 0px; padding: 0; font-size: 20px; font-weight: bold; text-transform: uppercase; text-align: right; }
                        .header .contact-info p { margin: 0 0 4px; padding: 0; text-align: right; color: #464646; font-size: 16px; }
                            .header .contact-info p strong { color: #000; }
                    
                    /* Main navigation */ 
                    .header .main-nav { width: 975px; height: 46px; background: url(http://mg.czeka.pl/jotes/img/nav-bar.png) 0 0 no-repeat; border-bottom: 4px solid #65cc00; position: absolute; bottom: 6px; left: 0; right: 0; margin: 0 auto; }
                        .header .main-nav ul { margin: 0; padding: 0; list-style: none; }
                            .header .main-nav ul li { float: left; min-height: 46px; margin: 0 20px; position: relative; }
                            .header .main-nav ul li:before { position: absolute; left: -21px; top: 0px; content: ""; background: url(http://mg.czeka.pl/jotes/img/main-nav-sep.gif) 0 0 no-repeat; width: 2px; height: 46px; }
                            .header .main-nav ul li:first-child:before { background: none; }
                                .header .main-nav ul li a { color: #2e2e2e; text-decoration: none; display: block; font-size: 16px; font-weight: bold; display: block; height: 34px; padding: 15px 0 0; }
                                    .header .main-nav ul li a:hover,
                                    .header .main-nav ul li a:focus,
                                    .header .main-nav ul li a:active { text-decoration: underline; }
                .content { background: #fff; padding: 6px 0 0; }


                /* Slideshow */
                .slideshow { width: 972px; height: 385px; position: relative; margin: 0 auto; }
                    .slideshow .slides {}
                    .slideshow .slide a { text-decoration: none; }
                        .slideshow .slide a:hover { text-decoration: underline; }
                    .slideshow .slideshow-left { position: absolute; top: 132px; left: 0; background: url(http://mg.czeka.pl/jotes/img/slideshow-left-arr.png) 0 0 no-repeat; width: 56px; height: 126px; }
                    .slideshow .slideshow-right { position: absolute; top: 132px; right: 0; background: url(http://mg.czeka.pl/jotes/img/slideshow-right-arr.png) 0 0 no-repeat; width: 56px; height: 126px; }
                        .slideshow .slideshow-left a,
                        .slideshow .slideshow-right a{ display: block; width: 56px; height: 126px; }
                    .slideshow .slide-desc { height: 45px;  position: absolute; left: 50px; top: 45px; padding: 0 44px 0 0; background: #fff; box-shadow: 5px 4px 4px #ccc; }
                        .slideshow .slide-desc span { background: url("http://mg.czeka.pl/jotes/img/slideshow-arrow.png") no-repeat scroll right 11px #FFFFFF; color: #464646; display: block; font-size: 22px; font-weight: normal; height: 35px; padding: 10px 22px 0 10px; text-decoration: none; text-transform: uppercase; width: 100%; }
                /* Left sidebar */
                .left-sidebar { width: 250px; float: left; background: #fff url(http://mg.czeka.pl/jotes/img/left-sidebar-bg.gif) 0 0 repeat-y; }
                    

                    /* search-box */
                    .search-box { width: 250px; height: 101px; background: url(http://mg.czeka.pl/jotes/img/search-box.png) 0 0 no-repeat; }
                        .search-box form { padding: 46px 0 0 20px; display: block !important; }
                            .search-box form input[type=text] { height: 24px; padding: 0; width: 178px; border: 1px solid  #a7a7a7; border-right: none; float: left; }
                            .search-box form input[type=submit] { width: 39px; height: 26px; background: url(http://mg.czeka.pl/jotes/img/search-submit.png) 0 0 no-repeat; float: left; border: 0; }
                            .search-box form input[type=checkbox] { display: none !important; }
                            .search-box form label { display: none !important; }
                    /* categories */
                    .categories { }
                        h2.grd-header { display: block; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 41%, #fbfbfb 63%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(41%,#ffffff), color-stop(63%,#fbfbfb), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 41%,#fbfbfb 63%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 41%,#fbfbfb 63%,#eaeaea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 41%,#fbfbfb 63%,#eaeaea 100%); /* IE10+ */ background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 41%,#fbfbfb 63%,#eaeaea 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ width: 233px; height: 45px; margin: 0 !important; padding: 0; font-weight: normal; text-align: left !important; border-bottom: 1px solid #D4D4D4; }
                            h2.grd-header span { display: block;  min-height: 23px; padding: 10px 0 8px 41px;
font-size: 18px; color: #00346b; }
                            h2.categories span { background: url(http://mg.czeka.pl/jotes/img/kategorien.png) 15px 10px no-repeat; }
                            h2.shop-garantie span { background: url(http://mg.czeka.pl/jotes/img/shop-garantie.png) 15px 10px no-repeat; }
                            h2.zahlung span { background: url(http://mg.czeka.pl/jotes/img/zahlung.png) 10px 10px no-repeat; }
                            h2.versand span { background: url(http://mg.czeka.pl/jotes/img/versand.png) 10px 10px no-repeat; }
                            h2.sonder span { background: url(http://mg.czeka.pl/jotes/img/sonderaktion.png) 10px 10px no-repeat; }
                            h2.artikein span { background: url(http://mg.czeka.pl/jotes/img/artikein.png) 10px 10px no-repeat; }

                        .categories ul { margin: 0; padding: 0; list-style: none; width: 233px; }
                            .categories ul li { border-bottom: 1px solid #d4d4d4; width: 233px; }
                                .categories ul li a,
                                .categories ul.lev1 > li span { display: block; background: #fff url(http://mg.czeka.pl/jotes/img/categories-arr.gif) 23px center no-repeat; padding: 15px 0 15px 42px; color: #000; text-decoration: none; font-size: 14px; font-weight: bold; }
                                    .categories ul li a:hover { text-decoration: underline; background-position: 28px center; }

                        .lev2 { padding: 10px 0 0 0px !important; width: 233px; background: #fff; box-shadow: inset 0 -12px 15px -13px #666; }
                            .lev2 li { width: 233px; padding: 4px 0; border: none !important; }
                            .lev2 li:last-child { padding-bottom: 20px; }
                                .categories .lev2 li a,
                                .categories .lev2 li span { background: #fff url(http://mg.czeka.pl/jotes/img/sub-li-bg.gif) 45px center no-repeat; padding: 0 0 0 60px; font-weight: bold; } 
                                .categories .lev2 li a:hover { background-position: 47px center; }

                    /* Contact box */
                    .contact-box { margin: 0 0 0 24px; padding: 17px 0 0; }
                        .contact-box p { margin:  0 0 4px; font-size: 14px; }
                        .contact-box .impressum { background: url(http://mg.czeka.pl/jotes/img/impressum.gif) left top no-repeat; padding: 4px 0 0 27px; }
                            .contact-box .impressum strong { display: block; margin: 0 0 12px; font-size: 16px; }
                            .contact-box .impressum b {}
                        .contact-box .telefon { background: url(http://mg.czeka.pl/jotes/img/tel.gif) left 0 no-repeat; padding: 0 0 0 27px; }
                        .contact-box .fax { background: url(http://mg.czeka.pl/jotes/img/fax.gif) left 3px no-repeat; padding: 0 0 0 27px; }
                        .contact-box .email { background: url(http://mg.czeka.pl/jotes/img/mail.gif) left 3px no-repeat; padding: 0 0 0 27px; }
                            .contact-box .email a { color: #000; text-decoration: none; }
                                .contact-box .email a:hover { text-decoration: underline; }
                        .contact-box .ust-id { padding: 6px 0 10px 27px; }

                    .white-box { background: #fff; padding: 8px 0 0; }

                    /* left-section */
                    .left-section { border: 1px solid #bcbcbc; width: 233px;  margin: 0 0 7px 7px; }
                        .left-section:last-child { margin-bottom: 0; }

                    /* List with ticks */
                    .green-tick-list { margin: 6px 0 0 16px; padding: 0; list-style: none; }
                        .green-tick-list li { margin: 0 0 6px; padding: 0 0 0 20px; background: url(http://mg.czeka.pl/jotes/img/green-tick.gif) left 2px no-repeat; font-size: 14px; }
                        
                    .eu-note { background: url(http://mg.czeka.pl/jotes/img/eu-logo.png) left top no-repeat; padding: 2px 0 0 60px; margin: 12px 0 20px 15px; font-size: 13px; }
                    p.zahlung-p { font-size: 14px; color: #000; line-height: 1.6; margin: 20px 0 0 30px; }
                    p.dhl-p { margin: 6px 0 16px 36px; font-size: 14px;}
                /* Page content */
                .page-content { /*width: 738px;*/ float: left; }


                .footer { background: #fff url(http://mg.czeka.pl/jotes/img/footer.png) 0 0 no-repeat; padding: 50px 0 0 230px; min-height: 133px; width: 759px; margin: 0 auto; }
                .footer.footer-2 { background: url(http://mg.czeka.pl/jotes/img/footer-2.png); padding: 40px 0 0 230px; }
                    .footer ul { margin: 0; padding: 0; list-style: none; }
                        .footer ul li { float: left; width: 178px; background: url(http://mg.czeka.pl/jotes/img/sub-li-bg.gif) left 4px no-repeat; font-size: 14px; margin: 0 0 8px; padding:  0 0 0 10px; color: #000; }
                            .footer ul li a { color: #464646; text-decoration: none; }
                                .footer ul li a:hover { text-decoration: underline; }
                    .copyright { float: right; margin: 50px 26px 0 0; }
                        .copyright img { position: relative; top: 2px; margin: 0 4px }


                .table-w989 { width: 989px; background: #fff; border-top: 9px solid #eaeaea; }
                /*.v4acpcont { display: none !important; }*/


                /* override categories and search box */
                .v4mid { background: #fff !important; padding: 0 !important; }
                .lcat .ttl { display: none !important; }
                    /*.categories ul.lev1 {box-shadow: 0 6px 6px -6px #000000; list-style: none outside none; margin: 0; padding: 0; width: 233px; }
                        .categories ul.lev1 > li {  border-bottom: 1px solid #D4D4D4; width: 233px; }*/
                            /*.categories ul.lev1 > li > a,
                            .categories ul.lev1 > li > span {background: url("http://mg.czeka.pl/jotes/img/categories-arr.gif") no-repeat scroll 23px center #FFFFFF; color: #000000; display: block; font-size: 14px; font-weight: bold; padding: 15px 0 15px 42px; text-decoration: none; }*/
                            .categories ul.lev1 span.cnt { display: none !important; }

                            .v4acpcont { display: none !important; }
                            #CentralArea {  }
                            #LeftPanel { border-right: 1px solid #bcbcbc; width: 250px; }
                            .rightPanel { width: 720px; }
                /* About */
                .about {padding:20px 100px;}
                    .about h1 { font-size: 24px; margin: 15px 0 18px; }
                    .about h2 {  background: #E6E6E6; display: inline-block; font-size: 20px; font-weight: normal; margin: 2px 0; }
                    .about h3 { font-size: 12px; margin: 18px 0; }
                    .about p { font-size: 12px; }
                /* Product */
                .product-desc { padding: 0 6px 0 8px; }
                    .product-desc h1 { margin: 16px 0; padding: 0; font-size: 24px; text-align: center; }
                    .product-desc h2 { margin: 16px 0; padding: 0; font-size: 16px; text-align: center; }
                    .big-image { position: relative; margin: 0 0 30px; min-height: 584px; min-width: 708px; }
                       .big-image > img { display: block; float: left; }
                       .big-image .price-box { position: absolute; top: 0; right: 0; width: 119px; background: #5cac00 url(http://mg.czeka.pl/jotes/img/price-bg.gif) bottom no-repeat; padding: 0 0 62px; }
                       .big-image .price-box-red { background: #ff2828 url(http://mg.czeka.pl/jotes/img/price-bg-red.gif) bottom no-repeat; }
                            .big-image .price-box img { display: block; margin: 0 auto; }
                            .blue-box { background: #1161ab; padding: 10px 0; }
                                .blue-box p { margin: 0; padding: 4px 8px 2px 30px; color: #fff; font-size: 14px; text-align: right; }
                            .price-box .price { color: #fff; text-align: right; font-size: 20px; margin: 0; padding: 10px 8px 10px 0; }
                                .price-box .price strong { display: block; font-size: 36px; }

                    .product-gallery {  }
                        .product-gallery ul { text-align: center; margin: 0 auto; padding: 0; width: 601px; overflow: hidden; }
                            .product-gallery ul li { display: table-cell; border-right: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; width: 119px; height: 119px; vertical-align: middle; }
                            .product-gallery ul li:first-child { border-left: 1px solid #bfbfbf; }
                                .product-gallery ul li img { display: block; }
                    .product-info {  }
                        .product-info h4 { color: #000; font-size: 20px; font-weight: bold; color: #000; text-transform: uppercase; }
                        .product-info h3 { color: #00346b; font-size: 18px; font-weight: normal; margin: 20px 0 7px; }
                        .product-info ul { margin: 0; padding: 0 0 0 65px; }
                            .product-info ul li { padding: 0 0 0 4px; margin: 0 0 4px; font-size: 12px; }
                        .product-desc p { font-size: 12px; }
                       
                    .red-box { display: inline-block; background: #ffe6d2; border: 1px solid #bcbcbc; padding: 8px 18px 16px; margin: 12px 0 32px; }
                        .red-box p { color: #ff283d; font-size: 18px; font-weight: normal; margin: 0; text-align: center; }
                        .red-box span { display: block; color: #000; font-size: 12px; text-align: center; margin: 0 0 5px; }
                    
                    .alert { margin:  0 0 35px; }
                        .alert h4 { color: #000; font-size: 20px; font-weight: bold; color: #000; text-transform: uppercase; margin: 0 0 2px 0; }
                        .alert p { margin: 0; padding: 0; }
                        .alert p.red { color: #ff283d; font-weight: bold; }

                    .product-info .left-section { width: 100%; margin: 10px 0 !important; }
                        .product-info .left-section h2 { width: 100%; }
                    
                    #gal-slides { position: relative; }
                        #gal-slides .prev { display: block; width: 13px; height: 25px; background: url(http://mg.czeka.pl/jotes/img/gal-left.gif) 0 0 no-repeat; position: absolute; left: 25px; top: 47px; text-indent: 100%; overflow: hidden;}
                        #gal-slides .next { display: block; width: 13px; height: 25px; background: url(http://mg.czeka.pl/jotes/img/gal-right.gif) 0 0 no-repeat; position: absolute; right: 25px; top: 47px; text-indent: 100%; overflow: hidden;}
                    #gal-slides .slide { width: 601px; height: 119px; overflow: hidden; }
                    #gal-slides .slide > div { float: left; border-right: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; height: 117px; }
                        #gal-slides .slide > div span { display: table-cell; height: 119px; vertical-align: middle; cursor: pointer; } 
                        #gal-slides .slide > div:first-child { border-left: 1px solid #bfbfbf; }
                            #gal-slides .slide > div > img { display: table-cell; vertical-align: middle;}
                    #gal-slides .slides_container { width: 601px; height: 119px; margin: 0 auto; }

                    /* Promoted products */
                    .promoted-products { padding: 0 0 12px; }
                        .promoted-products ul { margin: 0; padding: 0; list-style: none; }
                            .promoted-products ul li,
                            .mini-prod { float: left; width: 150px; margin: 15px 11px; }
                            .mini-prod { width: 196px; }
                                .promoted-products ul li a,
                                .mini-prod a { color: #747474; display: block; text-align: center; }
                                .promoted-products ul li span,
                                .mini-prod span { color: #000; display: block; text-align: center; margin: 5px 0 7px; }
                            .promoted-products ul li img {}

                    .gray-background { background: #f0f0f0; padding: 5px 50px 10px; }

                    .newsletter { background: #dedede url(http://mg.czeka.pl/jotes/img/newsletter-icon.gif) 11px 11px no-repeat; width: 192px; margin: 0 auto; padding: 12px 5px 10px 37px; }
                        .newsletter h4 { margin: 0; padding: 0; font-size: 20px; font-weight: normal; }
                        .newsletter p { margin: 6px 0; font-size: 14px; }
                        .newsletter a.button-1 { margin: 0; width: 150px; }


                    /* button */
                    a.button-1 { display: inline-block; margin: 0 12px; height: 22px; padding: 4px 0 0 0; width: 94px; background: url(http://mg.czeka.pl/jotes/img/button-bg.gif) 0 0 repeat-x; border: 1px solid #838383; color: #2e2e2e; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; text-shadow: 1px 1px 0 #fff; }
                        a.button-1:hover { text-decoration: underline;  }

        /* slideshow */
        #container {
    width:580px;
    padding:10px;
    margin:0 auto;
    position:relative;
    z-index:0;
}

#frame {
    position:absolute;
    z-index:0;
    width:739px;
    height:341px;
    top:-3px;
    left:-80px;
}

#example {
    width:600px;
    height:350px;
    position:relative;
}

/*
    Slideshow style
*/

#slides {
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
}

/*
    Slides container
    Important:
    Set the width of your slides container
    If height not specified height will be set by the slide content
    Set to display none, prevents content flash
*/

.slides_container {
    width:972px;
    height:385px;
    /*width:570px;
    height:270px;*/
    overflow:hidden;
    position:relative;
    display:none;
}

/*
    Each slide
    Important:
    Set the width of your slides
    Offeset for the 20px of padding
    If height not specified height will be set by the slide content
    Set to display block
*/

#slides .slide {
    width:972px;
    height:385px;
    /*width:530px;
    height:230px;*/
    display:block;
}
.slideshow #slides .slide img { border: 6px solid #f0f0f0; }

/*
    Next/prev buttons
*/
#slides .next,#slides .prev {
    position:absolute;
    top:124px;
    left:0;
    width:56px;
    height:126px;
    display:block;
    z-index:101;
}

#slides .next {
    left:916px;
}

/*
    Pagination
*/

.pagination {
    margin:26px auto 0;
    width:100px;
}

.pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}

.pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-position:0 0;
    float:left;
    overflow:hidden;
}

.pagination li.current a {
    background-position:0 -12px;
}

/*
    Footer
*/

#footer {
    text-align:center;
    width:580px;
    margin-top:9px;
    padding:4.5px 0 18px;
    border-top:1px solid #dfdfdf;
}

#footer p {
    margin:4.5px 0;
    font-size:1.0em;
}

/*
    Type and anchors
*/

a:hover,a:active {
    color:#599100;
    text-decoration:underline;
}

h1 {
    font-size:2em;
}

p {
    font-size:1.3em;
}

#slides .link {
    display:block;
    margin-top:10px;
    font-weight:800;
}