/** reset **/
body, div, p, img {
	margin: 0;
	padding: 0;
	border: 0;
}


body {
	font-family: Tahoma, sans-serif;
	font-size: 80%;
	color: #414141;
}

a {
	text-decoration: none;
	color: #90BB3E;
}

h1 {
	color: #90bb3e;
	font-size: 120%;
	background: transparent url(/images/layout/box.png) no-repeat right center;
	display: block;
	padding-right: 40px;
}

h2 {
	color: #0094c2;
	padding: 0;
	margin: 10px 0 5px 0;
	font-size: 105%;
}

h3 {
	color: #0094c2;
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 115%;
}

h4 {
	color: white;
}

p {
	line-height: 150%;
}

strong {
	color: #00b0ff;	
}

strong.noColor {
	color: #4d4d4d;
}

.important {
	color: #0094C2;
	font-size: 110%;
}

/** content **/
#mainContainer {
	width: 920px;
	margin: 0 auto;
}


/** gorny maly naglowek **/
#logoHeader {
	padding-left: 175px;
	padding-top: 30px;
	background-color: white;
	width: 745px;
	position: relative;
	background: white url(/images/layout/greenStrip.png) no-repeat 175px bottom;
	height: 102px;
}

#naviIcons {
	position: absolute;
	top: 27px;
	left: 710px;
}

#naviIcons img {
	margin-left: 15px;
}

/** naglowek ze zdjeciem **/
#photoHeader {
	height: 247px;
	background: white url(/images/layout/header-strip.png) repeat-x center 97px;
	position: relative;
}

#bgStrip {
	position: absolute;
	top: 97px;
	left: 880px;
}

#photoInfo1Column {
	width: 175px;
	height: 100%;
	float: left;
	background: transparent url(/images/layout/world-class-hr-background.png) no-repeat left 97px;
}

#photoInfo1Column h4 {
	position: relative;
	top: 130px;
	left: 20px;
}

#photoInfo1Column img {
	position: relative;
	top: 97px;
	left: 1px;
}

#photoContainer {
	float: left;
	width: 539px;
}


#photoInfo2Column {
	float: left;
	color: #999999;
	width: 206px;
}


#photoInfo2Column p{
	position: relative;
	top: 205px;
	left: 15px;
	font-size: 90%;
}

#photoInfo2Column a {
	color: #999999;
}
#photoInfo2Column a#currentLang {
	background-color: #9ecc46;
	padding: 5px;
	color: white;
}


/** obszar tresci **/

/** lewa kolumna z menu **/
#menuColumn {
	width: 165px;
	background-color: #cccccc;
	float: left;
	margin-right: 10px;
}


#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu a {
	color: black;
}

#menu a:hover {
	background-color: #c2e087;
}

#menu a.ui-accordion-content-active {
	background-color: #c2e087;
}

#menu .head {
	font-weight: bold;
}

#menu li {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin: 0;
	padding: 0;
}


#menu li a {
	background-color: #cccccc;
	display: block;
	padding: 5px 5px 5px 10px;
}

#menu li li a {
	padding-left: 20px;
	font-size: 95%;
}

#menu li li.outplacement a {
	padding-left: 40px;
	font-size: 85%;
}

#outplacementHeader {
	font-weight: bold;
}

/** srodkowa kolumna z tekstem **/
#contentColumn {
	width: 534px;
	float: left;
	padding-left: 5px;
	padding-bottom: 45px;
	background: white url(/images/layout/blueStrip.png) no-repeat bottom right;
}


#contentColumn p {
	margin-bottom: 10px;
	text-align: justify;
}

#contentColumn ul {
	margin: 0 0 0 10px;
	padding: 0;
}

#contentColumn ul li {
	list-style: none;
	background: transparent url(/images/lib/greenDot.png) no-repeat 0 4px;
	padding-left: 20px;
	margin: 10px 0 15px 0;
}

#contentColumn ul li li {
	list-style: none;
	background: transparent url(/images/lib/blueDot.png) no-repeat 0 4px;
	padding-left: 20px;
	margin: 5px 0;
}

#contentColumn td {
	width: 50%;
	vertical-align: top;
}

/** prawa kolumna z bonusami **/
#infoColumn {
	width: 185px;
	float: left;
	padding: 0 0 0 21px;
}

#outplacement {
	margin-bottom: 4px;
	margin-top: 10px;
}

#infoColumn p {
	margin-left: 5px;
	font-size: 85%;
}


#infoColumn .footNote {
	text-align: right;
	color: #999;
	margin-top: 4px;
}

#kongres {
	margin-top: 25px;
}



/** stopka **/
#footer {
	border-top: 1px solid #d1d1d2;
	text-align: center;
	margin-top: 15px;
	padding-top: 8px;
	padding-left: 175px;
}

#footer p {
	font-size: 70%;
	color: #86858a;
	text-align: left;
}

/** formularze **/
label {
	display: block;
	margin-bottom: 2px;
}

.field {
	margin-bottom: 7px;
}

input {
	width: 95%;
	border: 1px solid #BBB8B8;
}

textarea {
	width: 95%;
	margin-bottom: 10px;
	height: 100px;
}


.submitField {
	width: 95%;
	margin-top: 5px;
	text-align: center;
}
.submitField input {
	width: 50%;
	margin: auto;
}

.form_error {
	color: red;
	margin: 5px 0 0 0;
}


/** helpery **/
.clearer {
	clear: both;
}


/** komunikaty **/
.systemMSG {
	border: 3px solid #5886AE;
	background-color: white;
	margin: 15px auto;
	padding: 15px;
	width: 60%;
	color: #3d3d3d;
}

.warningMSG {
	border-color: #ffc10a;
}

.errorMSG {
	border-color: #ed2226;
}

.successMSG {
	border-color: #9ecc46;
}

.systemMSG .icon {
	float: left;
	width: 15%;
	text-align: left;
	margin-left: 10%;
	display: inline;
}

.systemMSG .text {
	float: right;
	width: 60%;
	text-align: justify;
	margin-right: 5%;
	display: inline;
}