html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0; padding: 0;}
.fL{float: left;} .fR{float: right;} .cB{clear: both;} 
a img{border: 0;} a{text-decoration: none; cursor: pointer;} a:focus, a:hover{text-decoration: underline;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5{margin-bottom: 24px; font-weight: bold;}
h1, .h1{font-size: 1.5em; line-height: 1em;} /* fs=24px|lh=24px */
h2, .h2{font-size: 1.375em; line-height: 1.0909em;} /* fs=22px|lh=24px */  
h3, .h3{font-size: 1.25em; line-height: 1.2em;} /* fs=20px|lh=24px */
h4, .h4{font-size: 1.125em; line-height: 1.333em;} /* fs=18px|lh=24px */
h5, .h5{font-size: 1em; line-height: 1.5em;} /* fs=16px|lh=24px */
/* clearfix */
.cf:before, .cf:after{content: ""; display: table;} .cf:after{clear:both;} .cf{zoom:1;} /* For IE 6/7 (trigger hasLayout) */
html{
    overflow-y:scroll; /* Scrollbars */
    font: normal 100%/1.25 Arial, Calibri, "Helvetica Neue", sans-serif;  /* fs=16px|lh=20px */
    background: #fff;
    color: #333;
}
body{
    min-height:100%;
}
/* ====== media ====== */
.media {margin:10px;}
.media, .bd {overflow:hidden; _overflow:visible; zoom:1;}
.media .img {float:left; margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}				

table {
	border-collapse: collapse;
	border-spacing: 0;
    margin-bottom: 1em;
}
    table td{
        padding: 2px 4px;
        white-space:nowrap;
    }
.block--wide{
    width: 990px;
    margin: 0 auto;
}
.mark-r{
    color: #ce2b30;
}
.mark-green{
    color: rgb(0, 128, 0);
}
.mark-b, #pageDescription a{
    color: #00f;
}
.skiplink{
    position: absolute;
    left: -999em;
}
/* $HEADER
==========*/
.header{
    background: url(i/bg-top.png) 0 0 repeat-x;
}
.header .block--wide{
    position: relative;
}
    .logo{
        padding: 20px 0;
        margin: 0;
    }
.fc{
    margin: 20px 0 0 332px;
    font-size: .75em;
    line-height: 1.333;
    color: #686868;
    background: url(i/ic-phone.png) 0 50% no-repeat;
    padding: 8px 24px 8px 36px;
    border-right: 1px solid #cecece;
}
.lang{
    list-style: none;
    margin-top: 32px;
}
    .lang li{
        display: inline-block;
        vertical-align: top;
    }
        .lang a{
            background-image: url(i/ic-flags.png);
            background-repeat: no-repeat;
            text-indent: -999em;
            display: inline-block;
            width: 16px;
            height: 11px;
        }
        .lang-pl a{ background-position: 0 0; }
        .lang-de a{ background-position: -19px 0; }
.wysylka{
    position: absolute;
    right: 400px;
    top: 16px;
    width: 150px;
    background: #000;
    color: #fff;
    font-size: .75em;
    padding: 6px;
}
/* menu */
.menu{
    background: url(i/bg-menu.png) 0 0 repeat-x;
    position: relative;
    z-index: 10;
}
    .menu .menu2{
        list-style: none;
    }
        .menu .menu2 li{
            display: inline-block;
            padding: 14px 0;
        }
            .menu .menu2 a{
                color: #fff;
                font-size: .75em;
                line-height: 1.333;
                font-weight: bold;
                padding: 6px 14px;
                border-right: 1px solid #636362;
            }
            .menu .menu2 li:last-child a{
                border: 0;
            }
            .menu .menu2 a:focus, .menu .menu2 a:hover, .menu .menu2 .selected{
                color: #ff0;
            }
/* baner */
.home .baner, .home .baner .block--wide{
    height: 348px;
}
.baner{
    background: url(i/bg-baner.png) 0 0 repeat-x;
    margin-top: -48px;
    height: 354px;
}
.sub .baner, .sub .baner .block--wide{
    height: 270px;
}
    .baner .block--wide{
        background: url(i/baner.jpg) 0 0 no-repeat;
        position: relative;
    }
    .baner-info{
        margin: 134px 0 0 252px;
        width: 285px;
        color: #fff;
    }
        .baner-info h2{
            font-size: 1.125em;
            line-height: 1.333;
            margin-bottom: 24px;
        }
        .baner-info p{
            font-size: .75em;
            line-height: 1.5;
        }
    .baner-special{
        position: absolute;
        width: 232px;
        right: 0;
        top: 55px;
        color: #fff;
    }
        .baner-special p{
            font-size: 1.125em;
            height: 1.2;
            width: 150px;
            font-weight: bold;
            text-align: right;
        }
            .special-projekt, .special-druki, .special-projekt p, .special-druki p{
                padding: 12px 0 24px;
            }
			
			.special-projekt {
				padding: 10px 0;
			}
			
			.special-projekt p{
                font-size: 1em
            }
			
            .sub .special-projekt, .sub .special-druki, .sub .special-projekt p, .sub .special-druki p{
                padding: 8px 0 8px;
            }
/* $BODY
==========*/
.column{
    float: left;
    position: relative;
    z-index: 10;
    width: 232px;
    margin-top: -290px;
}
.sub .column{
    margin-top: -212px;
}
    .column .type{
        color: #fff;
        padding: 2px 0 12px;
        font-size: .825em;
    }
    .column .menu3, .column .sub1{
        list-style: none;
    }
        .column .menu3 li{
            background: url(i/bg-menu-offer.png) 0 0 repeat-x;
        }
            .column .menu3 a{
                padding: 11px 0 10px 12px;
                color: #686868;
                font-weight: bold;
                font-size: .75em;
                line-height: 1.33;
                margin-bottom: 1px;
                background: url(i/ic-menu-arrow.png) 90% 50% no-repeat;
                display: block;
            }
            .column .menu3 a:focus, .column .menu3 a:hover, .column .menu3 .selected{
                color: #f00;
            }
            .column .sub1 li{
                margin-left: 1em;
                background: #eaeaea;
            }
                .column .sub1 a{
                    padding: 6px;
                }
    .przyg{
        margin: 2em 0;
        display: block;
    }
    .news h3{
        background: url(i/bg-news-head.png) 0 0 repeat-x;
        font-size: .825em;
        line-height: 1.5;
        color: #868686;
        font-weight: normal;
        padding: 11px  11px 12px;
        margin-bottom: 0;
    }
        .news .photo{
            margin-bottom: 12px;
        }
        .news h4, .news p{
            font-size: .75em;
        }
            .news p{
                color: #656565;
            }
        .read-more{
            background: url(i/bg-read-more.png) 0 0 repeat-x;
            margin-top: 16px;
            text-align: center;
            padding: 10px 12px;
            display: inline-block;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }
            .read-more a{
                background: url(i/ic-arrow-readmore.png) 100% 50% no-repeat;
                color: #fff;
                padding-right: 12px;
                display: inline-block;
            }
#content{
    float: left;
    width: 484px;
    margin: 0 20px;
}
.sub-wide #content{
    width: 700px;
}
.pTitle{
    color: #ce2b30;
    font-size: 1.5em;
    margin-bottom: 1em;
    padding-bottom: .25em;
    border-bottom: 1px solid #d7d7d7;
}
    #page{
        color: #656565;
        margin: 19px 0 2em;
        font-size: .75em;
    }
    #page h2{
        margin-bottom: 2em;
    }
    #page h2{
        font-size: 1.5em;
        margin-bottom: 0;
        line-height: 1.2;
    }
    #pageDescription p, #pageDescription ul, #pageDescription ol, #pageDescription div{
        margin-bottom: 1em;
    }
    #pageDescription li{
        margin-left: 2em;
        padding: 2px;
    }
    #content .menu3{
        margin-left: 1em;
        list-style: none;
    }
    #content .menu3 a{
        color: #ce2b30;
        font-size: .875em;
        font-weight: bold;
        padding: 3px;
        display: inline-block;
    }
/* formularze */
#pageDescription .przelicz{
    color: #fff;
}
#pageDescription .wyczysc{
    color: #000;
}
/* firmy */
.firmy img{
    display: inline-block;
    margin: 5px;
}
/* kontakt */
.c-info{
    width: 200px;
}
.c-form{
    width: 216px;
    padding: 0 12px;
    background: url(i/bg-form.png) 0 0 repeat-x;
    color: #fff;
    height: 467px;
    margin-top: -19px;
}
    .c-form strong{
        display: block;
        padding: 24px 0;
    }
    .c-form label{
        color: #fff;
        display: block;
        font-weight: bold;
        padding: 4px 0;
    }
    .c-form input, .c-form textarea{
        display: block;
        width: 200px;
        margin: 3px 0;
        padding: 4px;
        border: 1px solid #d7d7d7;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    .c-form textarea{
        min-height: 150px;
    }
    .c-form #submit{
        border: 0;
        color: #fff;
        margin-top: 5px;
    }
#c-map{
    padding-top: 16px;
}
.sidebar{
    width: 232px;
    float: right;
}
    .sidebar h3{
        font-weight: normal;
        font-size: .875em;
        line-height: 1.2;
        padding: 14px 12px;
        position: relative;
        z-index: 10;
        margin: -50px 0 0;
        background: url(i/bg-sidebar-head.png) 0 0 repeat-x;
    }
    .sub .sidebar h3{
        margin: 0;
    }
    .slider-wrap{
        border: solid #f0f0f0;
        border-width: 0 1px;
        height: 406px;
        position: relative;
        background: url(i/bg-sidebar.png) 0 0 repeat-x;
    }
        .slider-wrap p{
            font-weight: bold;
            font-size: .75em;
            padding: 12px 0;
            text-align: center;
        }
    #slider{
        margin: 0 auto;
    }
/* galeria */
.galeria{
    list-style: none;
    margin-left: 0;
}
    .galeria li{
        display: inline-block;
        vertical-align: top;
        margin: 3px;
    }
/* request */
.request{
    width: 484px;
    margin: 0 auto;
    text-align: center;
    background: url(i/bg-request.png) 0 0 repeat-x;
    padding: 16px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
    .request p{
        display: inline-block;
        color: #6e6e6e;
    }
    .request .req-btn, #submit{
        background: url(i/bg-reqbtn.png) 0 0 repeat-x;
        padding: 12px 24px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    .req-btn a{
        color: #fff;
        background: url(i/ic-arrow-readmore.png) 100% 50% no-repeat;
        padding-right: 12px;
    }
    .request p+p{
        font-size: .75em;
    }
/* $FOOTER
==========*/
#foot{
    background: #f7f7f7 url(i/bg-footer.png) 0 0 repeat-x;
    margin-top: 24px;
    font-size: .75em;
    padding-top: 24px;
    line-height: 1.5;
    color: #8d8d8d;
}
    .block{
        float: left;
    }
    .block .c-head, .block .type{
        font-weight: bold;
        font-size: 1em;
        color: #808080;
        line-height: 1.5;
        margin-bottom: 12px;
    }
    .block1, .block2{
        width: 180px;
    }
        .block ul{
            list-style: none;
        }
            .block1 a, .block2 a{
                background: url(i/ic-menu-arrow.png) 0 50% no-repeat;
                padding-left: 12px;
                color: #8d8d8d;
            }
            .block1 a:focus, .block1 a:hover, .block2 a:focus, .block2 a:hover, .block1 .selected, .block2 .selected{
                color: #ce2b30;
            }
    .block3{
        width: 190px;
    }
        #newsletter .submit{
            padding: 9px 12px;
            border: 0;
            color: #fff;
            margin: 0;
        }
        .sNewsletterEmail{
            padding: 3px;
            border: 1px solid #dcdcdc;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }
    .block4{
        width: 200px;
    }
        .block4 a{
            display: block;
            padding: 6px 0;
            color: #f00;
        }
    .block5{
        width: 200px;
        float: right;
        margin-top: -100px;
        background: url(i/bg-questions.png) 0 0 no-repeat;
        padding-top: 76px;
        padding: 76px 13px 0 27px;
        position: relative;
        min-height: 259px;
    }
        .block5 h4.c-head{
            color: #ce2b30;
            font-size: 1.5em;
            margin-bottom: 0;
        }
        .block5 p.c-head{
            color: #ce2b30;
        }
        .block5 div{
            margin-bottom: 1em;
        }
        .block5 div a{
            color: #656565;
        }
            .block5 div a:focus, .block5 div a:hover{
                color: #ce2b30;
            }
        .block5 .read-more{
            position: absolute;
            bottom: -12px;
            left: 0;
            margin-left: 60px;
            padding: 8px 12px;
        }
    .copy-big{
        position: relative;
        padding-bottom: 16px;
    }
        .colophon{
            border-top: 1px solid #e2e2e2;
            padding-top: 24px;
            margin-top: 24px;
        }
            .colophon a{
                color: #7e7e7e;
            }
        .copy{
            color: #b1b1b1;
            width: 90%;
        }
        .copy-big img{
            position: absolute;
            top: 16px;
            right: 6px;
        }

/* common */
.subpagesList{
    list-style: none;
}
    .subpagesList h2{
        line-height: 1.2;
    }
        #page .subpagesList a{
            font-size: 14px;
            color: #f00;
        }
#imagesList1{ float: left; }
#imagesList2{ float: right; }
.imagesGallery, .imagesList{
    list-style: none;
}
.imagesGallery li, .imagesList li{
    margin: 0 5px;
}
.imagesGallery li{
    display: inline-block;
    vertical-align: top;
}

#sitemap{margin:5px 15px 15px;}
#sitemap li{margin:2px 0;}

.googleLeft{position: absolute; right: 12px; top: 18px;}
.googleTop{position:absolute;top:1px;right:1px;}

#facebook-panel{width:300px;height:420px;background:url('img/fb.png') no-repeat;position:fixed;top:100px;left:-251px;z-index:999;margin-left:-15px;}
#facebook-panel iframe {margin-left:-20px;background:#fff;}
/* sliders */
 #slides {
     text-align: center;
     display: none;
     width: 167px;
     margin: 0 auto;
     position: relative;
     overflow: visible !important;
    }
    .slides2{
        width: 141px;
            border: solid #dcdcdc;
            border-width: 2px 1px 1px 1px;
    }
    #slides .slidesjs-navigation {
     position: relative;
    }
#slides .slidesjs-next, #slides .slidesjs-previous{
    position: absolute;
    top: 150px;
    width: 32px;
    height: 28px;
    text-indent: -999em;
    z-index: 9999;
}
    #slides .slidesjs-previous {
        left: -16px;
        background: url(i/btn_prev.png) 0 0 no-repeat;
    }

    #slides .slidesjs-next {
        right: -16px;
        background: url(i/btn_next.png) 0 0 no-repeat;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(/img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

/*
Quick.Cms default plugins stylesheet
/*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 17px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

.r-strong{
    position: relative;
}
    .r-info{
        background: #000;
        display: inline-block;
        padding: 6px;
        position: absolute;
        left: 300px;
        top: 5px;
        color: #fff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    #pageDescription .r-info p{
        margin-bottom: 2px;
    }
@media print{
  /* PRINT STYLES */
  body{margin:1cm 0;background:#fff;color:#000;}
  #container{width:16cm;height:auto;background:#fff;}

  #head3 .container{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #logo #title{padding:0;}
  #logo #slogan, #page h1{font-family:Arial;}
  #logo #title a span, #logo #title a, #logo #slogan{color:#000;}

  #head3 .container, #body .main, .form{background:#fff;}
  #head3 .container, #body .main, #content, #foot .container{float:none;width:16cm;}
  #head3{height:auto;}
  #column, #head1, #head2, #navipath, #back, #page .tS{display:none;}
  a, #head3, #logo h2, #page h1, #foot, #foot a, .subpagesList li, #page h3, .subpagesList li h2 a, #filesList em, .imagesList li, .form label, table, .message h3{background:inherit;color:#000;}
  .submit{border-color:#808080;background:#d4d0c8;color:#000;}
}
#messagePopup{display:none;position:fixed;bottom:0;width:60%;padding:15px 20% 0;height:40px;background:#f2f2f2; border-top: 2px solid #333;z-index:999;}
#messagePopup p{float:left;font:normal 12px Tahoma;color:#333;line-height:15px;text-align:left;padding:0;margin:0;}
#messagePopup #close-cookies-info{float:right;background:#e6e6e6;font:normal 14px Tahoma;color:#222;border:solid 1px #ccc;padding:5px 10px;text-decoration:none;margin:0;}
#messagePopup #close-cookies-info:hover{background:#dbdbdb;}