/* ----------------- TAG RESET ----------------- */

body, div, p, h1, h2, h3, h4, h5, h6, span { margin: 0; padding: 0; }
div { display: block; }
legend { display: none; }
img, fieldset { border: 0px; }

/* ----------------- BASIC DECLARATIONS ----------------- */

body {
    font-family: Trebuchet MS, 'Arial CE', Verdana, sans-serif;
    font-size: 14px;
    color: #4d4d4d;
    background: #4e8d00 url('../img/bg.jpg') no-repeat fixed center top;
    /*line-height: 16px;*/
}

/* Linki */

a {
    color: #800000;
    text-decoration: none;
}

a:hover, a:focus, a.selected {
    text-decoration: underline;
}


/* Komunikaty */

.message {
    color: #ff0000;
    margin: 10px;
}

.error-message {
    color: #ff0000;
    font-size: 12px;
    margin-left: 160px;
}


/* Nagłówki */

h2.sifr {
    font-size: 22x;
    color: #8cb140;
}

#hp_articles h2.sifr {
    font-size: 15px;
    color: #4d4d4d;
    margin-top: 20px;
}


h2, h2.mainHeader {
    font-family: Arial Black, Arial, sans-serif;
    color: #8cb140;
    font-weight: normal;
    margin-bottom: 15px;
}

h2.sifr.block {
    font-size: 22x;
    color: #ffffff;
    padding: 7px 15px;
    background-color: #8cb140;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    margin-top: 25px;
}




#submenu h3, #contactBox h3 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
}

#formButton h3 {
    font-family: Arial Black, Arial, sans-serif;
    font-weight: normal;
    font-size: 22px;
    color: #ffffff;
    margin-bottom: 25px;
}



#mainWrapper #skipLink {
    position: absolute;
    left: -10000px;
    width: 150px;
}

#mainWrapper #skipLink:focus {
    background-color: #fcff00;
    color: #0000ff;
    font-size: 1.3em;
    font-weight: bold;
    left: 20px;
    padding: 8px;
    top: 20px;
    z-index: 100;
}


.clear-both {
    clear: both;
}

.right {
    float: right;
}

.align_right {
    text-align: right;
}

.center {
    text-align: center;
}

.contentPadding {
    padding: 15px;
}

.marginRight {
    margin-right: 20px;
}

.invisible {
    position: absolute;
    left: -10000px;
    width: 100px;
}

.underline {
    border-bottom: 1px solid #ffffff;
}



/* Structure */

#mainWrapperTop {
    display: block;
    margin: 10px auto 0px auto;
    width: 990px;
    height: 20px;
    background: url('../img/bgOpacityTop.png') no-repeat top;
}

#mainWrapperBottom {
    display: block;
    margin: 0px auto 10px auto;
    width: 990px;
    height: 20px;
    background: url('../img/bgOpacityBottom.png') no-repeat top;
}

#mainWrapper {
    display: block;
    position: relative;
    margin: 0px auto;
    width: 970px;
    padding: 0px 10px 10px 10px;
    background: url('../img/opacity.png');
}

#headerWrapper {
    display: block;
    position: absolute;
    width: 970px;
    height: 98px;
    margin-top: -10px;
}

#contentWrapperTop {
    display: block;
    width: 970px;
    height: 20px;
    background: url('../img/bgContentTop.png') no-repeat top;
}

#contentWrapperBottom {
    display: block;
    width: 970px;
    height: 20px;
    position: absolute;
    background: url('../img/bgContentBottom.png') no-repeat top;
}

#contentWrapper {
    display: block;
    position: relative;
    margin: 0px auto;
    width: 910px;
    padding: 30px;
    background-color: #ffffff;
    /*z-index: -1;*/
}

#contentWrapperLeft {
    float: left;
    width: 630px;
    margin-right: 40px;
}

#contentWrapperRight {
    float: left;
    width: 240px;
    margin-top: 20px;
}




#footerWrapperOpacityTop {
    display: block;
    width: 990px;
    height: 20px;
    margin: auto;
    background: url('../img/bgOpacityTop.png') no-repeat top;
}

#footerWrapperOpacityBottom {
    display: block;
    width: 990px;
    height: 20px;
    margin: auto;
    background: url('../img/bgOpacityBottom.png') no-repeat top;
}

#footerWrapperOpacity {
    display: block;
    position: relative;
    margin: auto;
    width: 970px;
    height: 60px;
    padding: 0px 10px;
    background: url('../img/opacity.png');
}




#footerWrapper {
    display: block;
    position: absolute;
    top: -10px;
    padding: 5px 20px;
    width: 930px;
    height: 69px;
    background: transparent url('../img/bgFooter.png');
}


/* Menu */

#menu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: right;
    margin-top: -60px;
}

#menu li {
    float: left;
    margin: 0px 0px 0px 2px;
}

#menu li a {
    font-family: Trebuchet MS;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 133px;
    height: 50px;
    text-align: center;
    padding-top: 10px;
    background: url('../img/bgMenuItem.png');
}

#menu li a:hover, #menu li a.selected, #menu li a:focus {
    font-family: Trebuchet MS;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #4d4d4d;
    display: block;
    width: 133px;
    height: 50px;
    text-align: center;
    padding-top: 10px;
    background: url('../img/bgMenuItemHover.png');
}


/* Languages */

#languages {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#languages li {
    float: left;
    margin: 0px 0px 0px 0px;
}

#languages li a {
    color: #c3d5b1;
    padding-left: 20px;
    text-decoration: none;
}
/*
#languages li a.pl {
    background: url('../img/pl.png') no-repeat left center;
}

#languages li a.en {
    background: url('../img/gb.png') no-repeat left center;
}

#languages li a:hover, #languages li a.selected, #languages li a:focus {
    color: #ffffff;
    text-decoration: none;
}
*/

#languages li a.pl {
    display: block;
    position: relative;
    width: 22px;
    height: 14px;
}

#languages li a.pl span {
    background: url('../img/pl.png') no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}

#languages li a.en {
    display: block;
    position: relative;
    width: 22px;
    height: 14px;
}

#languages li a.en span {
    background: url('../img/gb.png') no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}




#footerLeft {
    float: left;
    width: 500px;
}

#footerRight {
    float: right;
    width: 300px;
    text-align: right;
    font-size: 13px;
    padding-top: 8px;
}

#date {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 11px;
}


/* Footer */

#footer_menu {
    margin: 25px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
}

#footer_menu li {
    background: url('../img/markerFooterMenu.png') no-repeat left center;
    padding-left: 15px;
    float: left;
    margin-right: 15px;
}

#footer_menu li a {
    font-size: 13px;
    color: #4D4D4D;
    text-decoration: none;
}

#footer_menu li a:hover, #footer_menu li a:focus {
    text-decoration: underline;
}
 

#breadcrubms {
    font-size: 12px;
    margin-bottom: 20px;
}

#breadcrubms a {
    color: #800000;
    text-decoration: none;
}

#breadcrubms a:hover, #breadcrubms a:focus, #breadcrubms a.selected {
    color: #800000;
    text-decoration: underline;
}



/* Submenu */

#submenu {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    margin-bottom: 20px;
}

#submenu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#submenu ul li {
    background: url('../img/markerFooterMenu.png') no-repeat left center;
    padding-left: 15px;
    margin-right: 15px;
}

#submenu ul li a {
    font-size: 13px;
    color: #800000;
    text-decoration: none;
}

#submenu ul li a:hover, #submenu ul li a:focus, #submenu ul li a.selected {
    text-decoration: underline;
}


/* contactBox */

#contactBox {
    font-size: 12px;
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}


/* bgButtonGreen */

.bgButtonGreen {
    color: #ffffff;
    font-size: 13px;
    padding: 5px 15px;
    text-decoration: none;
    background: url('../img/bgButtonGreen.png');
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.bgButtonGreen:hover {
    text-decoration: none;
    background: url('../img/bgButtonGreenHover.png');
}




/* bgFormButton */

#formButton {
    width: 200px;
    height: 120px;
    padding: 20px;
    text-align: center;
    background: url('../img/bgFormButton.png');
    margin-bottom: 20px;
}


#formButton .fillInButton, .fillInButton {
    font-size: 12px;
    padding: 5px 15px;
    background: url('../img/bgFillInButton.png') repeat-x;
}


/* site parts */

.leftPart {
    float: left;
    width: 49%;
    margin-right: 2%;
}

.rightPart {
    float: left;
    width: 49%;
}







.buttonWorkSearch_pl {
    display: block;
    position: relative;
    width: 450px;
    height: 243px;
    margin-bottom: 20px;
}

.buttonWorkSearch_pl span {
	background: url('../img/buttonWorkSearch_pl.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

.buttonEmployer_pl {
    display: block;
    position: relative;
    width: 450px;
    height: 243px;
    margin-bottom: 20px;
}

.buttonEmployer_pl span {
	background: url('../img/buttonEmployer_pl.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}







.buttonWorkSearch_en {
    display: block;
    position: relative;
    width: 450px;
    height: 243px;
    margin-bottom: 20px;
}

.buttonWorkSearch_en span {
	background: url('../img/buttonWorkSearch_en.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

.buttonEmployer_en {
    display: block;
    position: relative;
    width: 450px;
    height: 243px;
    margin-bottom: 20px;
}

.buttonEmployer_en span {
	background: url('../img/buttonEmployer_en.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}






/* Works List (homepage) */

ul#works_list {
    margin: 0px 20px 0px 0px;
    padding: 0px;
    list-style-type: none;
}

ul#works_list li {
    padding-left: 20px;
    background: url('../img/markerWorkList.png') no-repeat left 10%;
}




/* HP Parts */

.hpFirstPart {
    float: left;
    width: 267px;
    margin-right: 54px;
}

.hpSecondPart {
    float: left;
    width: 267px;
    margin-right: 54px;
}

.hpThirdPart {
    float: left;
    width: 267px;
}





.fStandard {
    margin-top: 10px;
}

.fStandard .line {
    margin: 10px;
}

.fStandard .line .input {
    float: left;
}

.fStandard .line .input label {
    width: 0px;
    padding: 0px;
    margin: 0px;
}

.fStandard .line label {
    display: block;
    float: left;
    width: 150px;
    margin-right: 10px;
    text-align: right;
}

.fStandard .line label.standard {
    float: none;
    display: inline;
}

.fStandard .line label.tall {
    height: 90px;
}

.fStandard .line input.text {
    border: 1px solid #828282;
    padding: 2px;
    width: 230px;
}

.fStandard .line input.text.short {
    width: 60px;
}

.fStandard .line textarea {
    border: 1px solid #828282;
    padding: 2px;
    width: 400px;
    height: 100px;
}

.fStandard .applicationStatement {
    color: #ff802b;
    font-size: 12px;
}

.fStandard sup {
    color: #ff0000;
}

.fStandard .multifields .error-message {
    display: block;
    float: none;
    margin: 0px;
}



.contactInfo {
    float: left;
    width: 220px;
    margin-right: 20px;
}

.googleMap {
    float: left;
    width: 670px;
}

/* fading effect on homepage */
.fadingText { opacity: 0.0; text-align: center; margin-top: 20px; }

.fadingText h2 {
    text-align: center;
    color: #4d4d4d;
    font-size: 20px;
    margin-top: 20px;
}