/*
*	...
*/

/*---pngfix---*/
.logo img, .userMenu img {
	behavior: url(app/_/js/iepngfix.htc);
}

/*--- fonty, rozmiary, kolory, formatrowanie -----*/

body, a, input, select, textarea {
    fonto-family: 'kolo_medium', sans-serif;
	font-size: 11pt;
    color: #424E5A;
}

.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tj { text-align: justify; }

.white { color: #fff }
.gray { color: #a2a2a2; }
.lightgray { color: #bebebe; }

.bgGray { background: #f2f2f2; }

:focus { outline: 0; }
.noborder { border: 0; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

a.underlined {text-decoration: underline; }

h2 {
    font-size: 25px;
    font-weight: normal;
    padding: 10px 20px;
    background: #fff;
}


/*--- backgroundy, colory -----*/

body { background: #fff; }

#outerWrapper {
	background: #fff;
}

#mainWrapper {
	background: #ffffff;
    font-family: 'kolo_medium', sans-serif;
    color: #424E5A;
    background: url(/app/_/css/sk_wb_tmpl_html/resources/bg.gif);
}

#mainWrapper a {
    color: #424E5A !important;
}

#mainWrapper .textLight {
    color: #686869;
}

#mainWrapper  .textLight a {
    color: #686869 !important;
}




	#headerWrapper {
		background: url(/app/_/css/sk_wb_tmpl_html/resources/white-strip-v.png) repeat-x;
	}

        #top-strap {
            background: #000;
        }

		#headerWrapper div.content {
			/*background: url(/app/_/css/_shared_resources/vmr/header-img-kitchen.png) no-repeat 65px 20px;*/
		}

		#headerWrapper.waitScreen div.content {
			background: transparent;
		}

            #menu {
               /*background: #424e5a;*/
            }

                a.logo {
                    background: url(/app/_/css/sk_wb_tmpl_html/resources/logo.ashx.jpeg) 0px 0px;
                }

span.otherMenu {
    float: right;
    padding-top: 40px;
    color: #686869;
    font-size: 14px;
    font-family: kolo_medium;
}

#menu span.otherMenu a {
    padding-left: 35px;
    color: #686869 !important;
    font-size: 14px;
}

#menu span.otherMenu a.active {
    font-weight: bold;
    color: black !important;
}

                span.userInfo {
                    float: right;
                    padding-top: 38px;
                    color: #686869;
                    font-size: 14px;
                }

                #menu span.userInfo a {
                    padding-left: 24px;
                    color: #686869 !important;
                    font-size: 14px;
                }


            #geberit {
                font-size: 12px;
                color: #d2d2d2;
                background: #000;
            }


            #appName {
                background: #686869;
                color: white;
                font-family: 'kolo_bold';
                font-weight: normal;
                font-size: 14px;
            }

#appName .menu, #appName .menu a {
    padding-left: 19px; padding-right:19px;
    cursor: pointer;
    color: white !important;
}



#appName .menu.active {
    background: #000 !important;
}

#appName .menu:hover, #appName .menu:hover a {
    background: #444;
    color: white !important;
    text-decoration: none;
}

            #appName .active {
                background: #000;
            }

            .waitScreen #appName {
                display: none;
            }

#appName .searchForm #topSearchField {

    border-color: #fff;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 4px 0 4px 4px;

    background: transparent;
    color: #fff;
    font-size: 12px;
    font-family: "kolo_book";
    width: 185px;
    height: 24px;
    line-height: 24px;
    padding: 1px 0 1px 5px;

    position: relative;
    top: -3px;
    right: 10px;

}

#appName .searchForm #topSearchButton {
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-left: none;
    position: relative;
    top: 10px; right: 10px;
    padding: 0;
}


	#contentWrapper {
		background: transparent;
	}
	
        #contentWrapper nav.breadCrumbs, #contentWrapper nav.breadCrumbs a {
            font-size: 10px;
            font-family: kolo_bold;
            color: #686869;
        }

            #contentWrapper nav.breadCrumbs div.breadCrumbsHome {
                float: left;
                width: 12px;
                height: 12px;

                margin-right: 8px;
                position: relative; top: 2px;
            }

            #contentWrapper nav.breadCrumbs {
                padding-left: 20px;
                font-weight: normal;
                color: #000;
            }



    #darkBar {
        background: #686869;
    }


        #darkBar a {
            color: white !important;
            font-size: 12px;
            margin: 0 15px 0 15px;
        }

            #darkBar a img {
                margin-right: 10px;
                position: relative;
                top: 7px;
            }





	#footerWrapper {
		background: #fff;
	}

        #footerWrapper .border {
            border-top: 1px solid #E6E6E6;
        }

        #footerWrapper .content {

        }

		#footerWrapper .footerLeft .navItem {
            padding-right: 25px;
		}

		#footerWrapper .footerRight .navItem {
            padding-left: 12px;
		}

		#footerWrapper div.content, #footerWrapper div.content a {
            font-size: 9pt;
		}

		#footerWrapper div.content a.byArtCom {
            font-size: 7pt;
		}



    /* Helpers */

    h2.title {
        margin: 5px;
    }