/*--- html5 ----*/
article, aside, figure, figcaption, footer, header, hgroup, nav, section,summary {
    display: block;
}

/*--- basic ----*/
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

.fl { float: left; }
.fr { float: right; }

.block { display: block; }

/*--- wymiary ----*/

html, body { height: 100%;  margin: 0; padding: 0; }
img { margin: 0px; padding: 0px; border: 0px; }


#outerWrapper {
	height: 100%;
}

#mainWrapper {
	display: table;
	height: 100%;
	width: 100%;	/* or fixed 1000px */
	margin: auto;
}

	#headerWrapper {
        display: table-row;
        height: 125px;
		width: 100%;	/* or fixed 1000px */
	}

        #top-strap {
            height: 10px;
        }
	
	#headerWrapper.waitScreen {
        height: 100px;
	}

		#headerWrapper div.content {
            width: 950px;
			height: 125px;
			margin: auto;
		}

		#headerWrapper.waitScreen div.content {
			height: 100px;
		}



            #menu {
                position: relative; top: 0px;
                /*padding: 0px 15px 0px 0px;*/
                height: 70px;
                /*margin: 10px 0;*/
            }

                a.logo {
                    float: left;
                    width: 125px;
                    height: 70px;
                }


                .userMenu {
                    float: right;
                    padding-top: 47px;
                }

                        .userMenu a {
                            margin-left: 30px;
                        }

                        .userMenu span {
                            vertical-align: 5px;
                        }

            #geberit {
                position: absolute;
                right: 0;
                width: 104px;
                padding: 0 15px 5px 15px;
                height: 18px;
            }
	
            #appName {
                height: 55px;
                margin: 0;
            }

                #appName .active, #appName .menu {
                    float: left;
                    height: 37px;
                    padding-top: 18px;
                }

#appName .menu.last {
    float: right;
}

                #appName .searchForm {
                    float: right;
                    height: 55px;
                    padding-top: 0px;
                }



	
	#contentWrapper {
        display: table-row;
		height: auto;
		width: 100%;		/* or liquid 100% */
		margin: auto;
	}
			
			#contentWrapper nav.breadCrumbs {
				width: 920px;
                margin: auto;
				overflow: auto;
                height: 18px;
				padding: 10px 15px 0px 15px;
			}

			#contentWrapper div.content {
				width: 960px;
                margin: auto;
				overflow: auto;
                min-height: 300px;
				padding: 0px 0px 0px 0px;
			}



    #darkBarWrapper {
        display: table-row;
        height: 50px;
    }

    #darkBar {
        width: 929px;
        height: 40px;
        margin: auto;
        padding: 5px 10px;
    }



	#footerWrapper {
        display: table-row;
		height: 60px; width: 100%;	/* or fixed 1000px */
	}
	


		#footerWrapper div.content {
			width: 950px;
			margin: auto;
            padding-top: 20px;
		}
	
			.footerLeft {
				float: left;
                height: 30px;
			}

			.footerRight {
				float: right;
                height: 30px;
			}

            .footerRight a img {
                position: relative;
                top: 6px;
            }





/* ==========================================================================
 FONTS
 ========================================================================== */

@font-face {
    font-family: 'kolo_black';
    src: url('/app/_/css/sk_wb_tmpl_html/fonts/koloblack-webfont.eot');
    src: url('/app/_/css/sk_wb_tmpl_html/fonts/koloblack-webfont.eot?#iefix') format('embedded-opentype'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/koloblack-webfont.woff') format('woff'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/koloblack-webfont.ttf') format('truetype'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/koloblack-webfont.svg#kolo_black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kolo_bold';
    src: url('/app/_/css/sk_wb_tmpl_html/fonts/kolobold-webfont.eot');
    src: url('/app/_/css/sk_wb_tmpl_html/fonts/kolobold-webfont.eot?#iefix') format('embedded-opentype'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/kolobold-webfont.woff') format('woff'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/kolobold-webfont.ttf') format('truetype'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/kolobold-webfont.svg#kolo_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kolo_book';
    src: url('/app/_/css/sk_wb_tmpl_html/fonts/kolobook-webfont.eot');
    src: url('/app/_/css/sk_wb_tmpl_html/fonts/kolobook-webfont.eot?#iefix') format('embedded-opentype'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/kolobook-webfont.woff') format('woff'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/kolobook-webfont.ttf') format('truetype'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/kolobook-webfont.svg#kolo_book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kolo_medium';
    src: url('/app/_/css/sk_wb_tmpl_html/fonts/kolomedium-webfont.eot');
    src: url('/app/_/css/sk_wb_tmpl_html/fonts/kolomedium-webfont.eot?#iefix') format('embedded-opentype'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/kolomedium-webfont.woff') format('woff'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/kolomedium-webfont.ttf') format('truetype'),
    url('/app/_/css/sk_wb_tmpl_html/fonts/kolomedium-webfont.svg#kolo_medium') format('svg'); /**/
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kolo_light';
    src: url('/app/_/css/sk_wb_tmpl_html/fonts/kololight-webfont.eot');
    src: url('/app/_/css/sk_wb_tmpl_html/fonts/kololight-webfont.eot?#iefix') format('embedded-opentype'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/kololight-webfont.woff') format('woff'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/kololight-webfont.ttf') format('truetype'), /**/
    url('/app/_/css/sk_wb_tmpl_html/fonts/kololight-webfont.svg#kolo_light') format('svg');
    font-weight: normal;
    font-style: normal;
}