/* === RESET === */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* === GENERAL === */
body {
	background: #4f94c4;
	font-family: Arial, Helvetica, Garuda, FreeSans, sans-serif;
	font-size: 12px;
	line-height: 1.2;
}

a { 
	text-decoration: none; 
	outline: none;
}
	a:hover { 
		text-decoration: underline;
	}
	a img { 
		border: 0;
	}
	
.wrapper {
	width: 910px;
	margin: 0 auto;
	position: relative;
}

/* === HEADER === */
#header {
	height: 260px;
	background: url(../images/header.jpg) no-repeat top center;
}
	
	#header h1.logo a {
		display: block;
		width: 201px;
		height: 75px;
		background: url(../images/logo.png) no-repeat 0 0;
		position: absolute;
		top: 159px;
		left: 38px;
		text-indent: -9999px;
	}
	
	#header ul.nav {
		list-style: none;
		position: absolute;
		top: 0;
		left: 287px;
	}
		#header ul.nav li.top {
			height: 33px;
			line-height: 33px;
			margin-top: 1px;
		}
		#header ul.nav li.bottom {
			height: 35px;
			line-height: 35px;
			margin-top: 1px;
		}
			#header ul.nav li.bottom ul {
				margin: 0 50px;
			}
			#header ul.nav li ul {
				list-style: none;
			}
				#header ul.nav li ul li {
					float: left;
				}
					#header ul.nav li ul li a {
						display: block;
						padding-left: 12px;
						font-size: 15px;
						color: #fff;
						background: url(../images/nav_arrow.png) no-repeat center left;
					}
					#header ul.nav li.top ul li a {
						margin: 0 14px 0 10px;
					}
					#header ul.nav li.bottom ul li a {
						margin: 0 14px 0 6px;
					}
						#header ul.nav li ul li a:hover {
							text-decoration: none;
						}
					#header ul.nav li ul li:hover,
					#header ul.nav li ul li.active {
						background: url(../images/nav_hover.png) repeat-x 0 0;
					}

/* === CONTENT === */
#content {
	background: #fff;
}

	/* top */
	#content div.top {
	}
		#content div.top div.formularz {
			background: url(../images/formularz_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.materialy {
			background: url(../images/materialy_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.onas {
			background: url(../images/onas_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.polityka {
			background: url(../images/polityka_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.regulamin {
			background: url(../images/regulamin_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.nota {
			background: url(../images/nota_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.ksiazka {
			background: url(../images/ksiazka_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.kariera {
			background: url(../images/kariera_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.portal {
			background: url(../images/portal_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.uslugi,
		#content div.top div.usluga {
			background: url(../images/uslugi_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.referencje {
			background: url(../images/referencje_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.linki {
			background: url(../images/linki_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.kontakt {
			background: url(../images/kontakt_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.zespol {
			background: url(../images/zespol_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.szkolenieZamkniete {
			background: url(../images/szkolenie_top_zamkniete.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.szkolenieOtwarte {
			background: url(../images/szkolenie_top_otwarte.png) no-repeat center bottom;
			height: 185px;
		}
			#content div.top div.szkolenieZamkniete span.nazwa,
			#content div.top div.szkolenieOtwarte span.nazwa,
			#content div.top div.usluga span.nazwa {
				position: absolute;
				top: 158px;
				color: #00294b;
				font-weight: 700;
				text-transform: uppercase;
			}
				#content div.top div.szkolenieZamkniete span.nazwa {
					left: 210px;
				}
				#content div.top div.szkolenieOtwarte span.nazwa {
					left: 198px;
				}
				#content div.top div.usluga span.nazwa {
					left: 120px;
				}
		#content div.top div.szkolenia {
			background: url(../images/szkolenia_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.main {
			background: url(../images/main_top.png) no-repeat center bottom;
			height: 185px;
		}
		#content div.top div.banner {
			width: 600px;
			height: 100px;
			position: absolute;
			top: 30px;
			right: 0;
		}
		#content div.top div.nav {
			font-size: 11px;
			color: #04436a;
			position: absolute;
			top: 8px;
			left: 310px;
		}
			#content div.top div.nav a {
				color: #2b6799;
			}
				#content div.top div.nav a.active {
					color: #04436a;
				}
				
		#content .top .loginBox {
			width:293px;
			height:113px;
			background:url(../images/login_box.png) no-repeat;
			position:absolute;
			top:24px;
			left:0;
		}
		#content .top .loggedIn {
			background-image:url(../images/logedin_box.png);
		}
		
		#content .top .loggedIn .info {
			color:#3b90ca;
			font-size:12px;
			width:250px;
			padding:10px 0 0 20px;
		}
		
		#content .top .loggedIn .info a {
			color:#3b90ca;
		}
		
		#content .top .loginBox .login {
			color:#3b90ca;
			font-size:11px;
			width:240px;
			text-align:center;
			padding:13px 0 0 24px;
		}
		#content .top .loginBox .error {
			color:red;
			font-size:11px;
			width:240px;
			text-align:center;
			padding:13px 0 0 24px;
		}
		#content .top .loginBox .form {
			list-style:none;
			padding:8px 0 0 40px;
		}
		
		#content .top .loginBox .form li {
			padding:0 0 10px 0;
		}
		
		#content .top .loginBox .form li label {
			float:left;
			width:49px;
			color:#4e4e4e;
		}
		
		#content .top .loginBox .form li input {
			float:left;
			width:163px;
			background:none;
			border:0;
			padding:0;
			margin:0;
			font-size:12px;
			color:#4e4e4e;
		}
		
		#content .top .loginBox .form li.submit {
			padding:0;
		}
		
		#content .top .loginBox .form li.submit input {
			width:67px;
			height:18px;
			float:none;
			background:url(../images/login_bttn.png) no-repeat;
			border:0;
			padding:0;
			margin:0;
			font-size:12px;
			cursor:pointer;
			position:relative;
			top:-4px;
			left:150px;
		}
	
	/* mid */
	#content div.mid {
	}
		#content div.mid div.formularz {
			background: url(../images/formularz_bg.png) repeat-y center top;
		}
		#content div.mid div.onas {
			background: url(../images/onas_bg.png) repeat-y center top;
		}
		#content div.mid div.portal {
			background: url(../images/portal_bg.png) repeat-y center top;
		}
		#content div.mid div.uslugi {
			background: url(../images/uslugi_bg.png) repeat-y center top;
		}
		#content div.mid div.referencje {
			background: url(../images/referencje_bg.png) repeat-y center top;
		}
		#content div.mid div.linki {
			background: url(../images/linki_bg.png) repeat-y center top;
		}
		#content div.mid div.kontakt {
			background: url(../images/kontakt_bg.png) repeat-y center top;
		}
		#content div.mid div.zespol {
			background: url(../images/zespol_bg.png) repeat-y center top;
		}
		#content div.mid div.szkolenie,
		#content div.mid div.usluga {
			background: url(../images/szkolenie_bg.png) repeat-y center top;
		}
		#content div.mid div.szkolenia {
			background: url(../images/szkolenia_bg.png) repeat-y center top;
		}
		#content div.mid div.main {
			background: url(../images/main_bg.png) repeat-y center top;
		}
			#content div.mid div.main ul.cols li.col ul ul {
				padding: 0;
			}
			#content div.mid ul.cols {
				list-style: none;
				padding: 0 0 0 10px;
			}
				#content div.mid ul.cols li.col {
					float: left;
					color: #00294b;
					position: relative;
				}
					#content div.mid div.onas ul.cols li.col {
						width: 240px;
						padding: 0 45px 15px 15px;
					}
						#content div.mid div.onas ul.cols li.col ul li {
							margin-top: 25px;
						}
							#content div.mid div.onas ul.cols li.col ul li span.head {
								font-weight: 700;
								display: block;
							}
					#content div.mid div.linki ul.cols li.col {
						padding: 30px 30px 20px 30px;
					}
						#content div.mid div.linki ul.cols li.col1 {
							width: 270px;
						}
						#content div.mid div.linki ul.cols li.col2 {
							width: 505px;
						}
					#content div.mid div.kontakt ul.cols li.col {
						padding: 20px 25px 10px 25px;
					}
						#content div.mid div.kontakt ul.cols li.col1 {
							width: 250px;
						}
						#content div.mid div.kontakt ul.cols li.col2 {
							width: 545px;
						}
					#content div.mid div.zespol ul.cols li.col {
						width: 370px;
						padding: 30px 40px 10px 40px;
					}
					#content div.mid div.szkolenie ul.cols li.col,
					#content div.mid div.usluga ul.cols li.col,
					#content div.mid div.portal ul.cols li.col {
						width: 815px;
						padding: 15px 40px 0 40px;
					}
					#content div.mid div.szkolenia ul.cols li.col,
					#content div.mid div.uslugi ul.cols li.col {
						width: 330px;
						padding: 15px 40px 0 40px;
					}
					#content div.mid div.main ul.cols li.col {
						width: 220px;
						padding: 15px 40px 0 40px;
					}
					#content div.mid ul.cols li.col a {
						color: #194e7a;
					}
					#content div.mid div.szkolenia ul.cols li.col a,
					#content div.mid div.uslugi ul.cols li.col a {
						color: #00294b;
					}
						#content div.mid div.szkolenia ul.cols li.col a:hover,
						#content div.mid div.uslugi ul.cols li.col a:hover {
							color: #4f94c4;
						}
						#content div.mid ul.cols li.col a.more {
							display: block;
							background: url(../images/cols_arrow.png) no-repeat 0 5px;
							padding-left: 14px;
							float: right;
							margin-bottom: 10px;
						}
						#content div.mid ul.cols li.col a.back {
							display: block;
							background: url(../images/cols_arrow2.png) no-repeat 0 5px;
							padding-left: 14px;
							float: right;
							margin-bottom: 10px;
						}
						#content div.mid ul.cols li.col a.terminy {
							display: block;
							width: 165px;
							height: 31px;
							background: url(../images/cols_terminy.png) no-repeat 0 0;
							text-indent: -9999px;
							float: right;
							margin: 0 -20px 5px 0;
						}
						#content div.mid ul.cols li.col a.email {
							display: block;
							font-size: 12px;
							color: #4f94c4;
						}
						#content div.mid ul.cols li.col a.mapa {
							display: block;
							width: 504px;
							height: 209px;
							background: url(../../../files/mapa.png) no-repeat 0 0;
							border: 1px solid #d3ceaf;
						}
						#content div.mid ul.cols li.col a.pdf,
						#content div.mid ul.cols li.col a.doc {
							display: inline-block;
							height: 28px;
							line-height: 28px;
							padding-left: 35px;
							background: url(../images/pliki.png) no-repeat 0 0;
						}
							#content div.mid ul.cols li.col a.doc {
								background-position: 0 -28px;
							}
						#content div.mid ul.cols li.col a.print,
						#content div.mid ul.cols li.col a.polec,
						#content div.mid ul.cols li.col a.formularz,
						#content div.mid ul.cols li.col a.zapytanie {
							display: inline-block;
							height: 28px;
							line-height: 28px;
							padding-left: 35px;
							background: url(../images/ikonki.png) no-repeat 0 0;
						}
							#content div.mid ul.cols li.col a.polec {
								background: url(../images/ikonki.png) no-repeat 0 -28px;
							}
							#content div.mid ul.cols li.col a.formularz {
								background: url(../images/ikonki.png) no-repeat 0 -56px;
							}
							#content div.mid ul.cols li.col a.zapytanie {
								background: url(../images/ikonki.png) no-repeat 0 -84px;
							}
					#content div.mid ul.cols li.col p {
						padding-bottom: 15px;
					}
					#content div.mid ul.cols li.col ul {
						list-style: none;
						padding-bottom: 15px;
					}
						#content div.mid ul.cols li.col ul.loga {
							padding-top: 25px;
							padding-left: 25px;
						}
							#content div.mid ul.cols li.col ul.loga li {
								background: none;
								padding-left: 0;
							}
								#content div.mid ul.cols li.col ul.loga li {
									padding-bottom: 10px;
									float: left;
									width: 120px;
								}
									#content div.mid ul.cols li.col ul.loga li a {
										display: block;
										width: 120px;
										height: 60px;
									}
						#content div.mid ul.cols li.col ul.wspolpraca {
							background: url(../images/referencje_wspolpraca.png) no-repeat 0 0;
							padding-top: 45px;
							padding-bottom: 0;
						}
						#content div.mid ul.cols li.col ul.flagi {
							padding-bottom: 0;
						}
							#content div.mid ul.cols li.col ul.flagi li {
								background: none;
								padding-left: 0;
							}
								#content div.mid ul.cols li.col ul.flagi li {
									padding-bottom: 10px;
									float: left;
									width: 165px;
								}
									#content div.mid ul.cols li.col ul.flagi li a {
										display: block;
										height: 28px;
										line-height: 28px;
										padding-left: 55px;
									}
						#content div.mid ul.cols li.col ul.links {
							padding-bottom: 0;
						}
							#content div.mid ul.cols li.col ul.links li {
								background: none;
								padding-left: 0;
								margin-bottom: 10px;
							}
								#content div.mid ul.cols li.col ul.links li a {
									color: #4f94c4;	
								}
						#content div.mid ul.cols li.col ul.adres {
							padding-bottom: 0;
						}
							#content div.mid ul.cols li.col ul.adres li {
								background: none;
								padding-left: 0;
								margin-bottom: 10px;
							}
								#content div.mid ul.cols li.col ul.adres li span.head {
									font-weight: 700;
								}
						#content div.mid ul.cols li.col ul.pliki {
						}
							#content div.mid ul.cols li.col ul.pliki li {
								background: none;
								padding-left: 0;
								margin-top: 5px;
							}
						#content div.mid ul.cols li.col ul li {
							background: url(../images/cols_arrow.png) no-repeat 0 6px; /* ie.css */
							padding-left: 14px;
						}
							#content div.mid ul.cols li.col ul li span.no {
								font-weight: 700;
							}
							#content div.mid div.zespol ul.cols li.col ul li {
								background: none;
								padding-left: 0;
								margin-bottom: 50px;
							}
								#content div.mid div.zespol ul.cols li.col ul li.last {
									margin-bottom: 0;
								}
								#content div.mid div.zespol ul.cols li.col ul li img.photo {
									float: left;
									border: 3px solid #e9e2af;
									margin-right: 20px;
								}
								#content div.mid div.zespol ul.cols li.col ul li div.txt {
									font-size: 11px;
									float: left;
									width: 235px;
								}
									#content div.mid div.zespol ul.cols li.col ul li div.txt span.head {
										color: #618ab4;
										font-weight: 700;
										display: block;
									}
									#content div.mid div.zespol ul.cols li.col ul li div.txt p {
										margin: 0;
										padding: 2px 0;
									}
							#content div.mid div.szkolenia ul.cols li.col ul li,
							#content div.mid div.uslugi ul.cols li.col ul li {
								margin-bottom: 5px;
							}
						#content div.mid ul.cols li.col ol {
							margin: 0 0 15px 20px;
						}
	
	#content div.mid table {
		margin-bottom: 15px;
	}
		#content div.mid table td {
			border: 1px solid #000;
			padding: 10px;
		}
			#content div.mid table td.godzina {
				width: 75px;
				text-align: center;
			}					
		#content div.mid table ol {
			list-style: upper-roman;
			padding-left: 20px;
		}
			#content div.mid table ol ol {
				list-style: lower-alpha;
			}
		#content div.mid ul.cols li.col table ul {
			margin: 0;
			padding: 0;
		}
		#content div.mid ul.cols li.col table ol {
			margin: 0;
		}
		#content div.mid ul.cols li.col table li {
			margin: 2px 0;
		}
		
	#content div.mid div.formularz form {
		margin-left: 10px;
	}
		#content div.mid div.formularz form label {
			display: block;
			margin-top: 6px;
		}
		#content div.mid div.formularz form input,
		#content div.mid div.formularz form textarea,
		#content div.mid div.formularz form select {
			width: 304px;
			height: 20px;
			line-height: 20px;
			background: #f4f4f2;
			border: 1px solid #d7d7d7;
			margin: 3px 3px 3px 0;
			color: #4d5c69;
			font-family: Arial, Helvetica, Garuda, FreeSans, sans-serif;
			font-size: 12px;
		}
			#content div.mid div.formularz form textarea {
				height: 80px;
				overflow-y: auto;
			}
			#content div.mid div.formularz form div.checkbox {
				background: #e2dbad;
				margin: 25px 0;
				padding: 25px;
				width: 254px;
			}
				#content div.mid div.formularz form div.checkbox input {
					width: auto;
					height: auto;
					margin: 5px 5px 0 0;
					background: transparent;
					border: none;
					float: left;
				}
			#content div.mid div.formularz form input.reset,
			#content div.mid div.formularz form input.submit {
				width: 150px;
				height: 28px;
				line-height: 28px;
				cursor: pointer; 
			}
				#content div.mid div.formularz form input.reset {
					background: #fff;
					color: #1c4657;
				}
				#content div.mid div.formularz form input.submit {
					background: #74a7ca;
					color: #fff; 
				}
			#content div.mid div.formularz form input.error,
			#content div.mid div.formularz form textarea.error,
			#content div.mid div.formularz form select.error {
				border: 1px solid #ff0000;
			}
			#content div.mid div.formularz form span.error {
				display: block;
				color: #ff0000;
			}
			#content div.mid div.formularz form input.dwieTrzecie {
				width: 200px;
			}
			#content div.mid div.formularz form input.pol {
				width: 150px;
			}
			#content div.mid div.formularz form input.jednaTrzecia {
				width: 100px;
			}
		#content div.mid div.formularz form div.float {
			float: left;
		}
		#content div.mid div.formularz ul.cols {
			padding: 0;
		}
			#content div.mid div.formularz ul.cols li {
				width: 370px;
				padding: 20px 40px;
			}
	
	/* bottom */
	#content div.bottom {
	}
		#content div.bottom div.formularz {
			background: url(../images/formularz_bottom.png) no-repeat center top;
			height: 19px;
		}
		#content div.bottom div.onas {
			background: url(../images/onas_bottom.png) no-repeat center top;
			height: 19px;
		}
		#content div.bottom div.portal {
			background: url(../images/portal_bottom.png) no-repeat center top;
			height: 19px;
		}
		#content div.bottom div.uslugi {
			background: url(../images/uslugi_bottom.png) no-repeat center top;
			height: 19px;
		}
		#content div.bottom div.referencje {
			background: url(../images/referencje_bottom.png) no-repeat center top;
			height: 19px;
		}
		#content div.bottom div.linki {
			background: url(../images/linki_bottom.png) no-repeat center top;
			height: 100px;
		}
		#content div.bottom div.kontakt {
			background: url(../images/kontakt_bottom.png) no-repeat center top;
			height: 19px;
		}
		#content div.bottom div.zespol {
			background: url(../images/zespol_bottom.png) no-repeat center top;
			height: 100px;
		}
			#content div.bottom div.zespol p {
				width: 400px;
				position: absolute;
				top: 14px;
				left: 35px;
				font-size: 11px;
				color: #00294b;
			}
				#content div.bottom div.zespol p span.head {
					font-weight: 700;
					display: block;
					margin-bottom: 5px;
					font-size: 12px;
				}
		#content div.bottom div.szkolenie,
		#content div.bottom div.usluga {
			background: url(../images/szkolenie_bottom.png) no-repeat center top;
			height: 19px;
		}
		#content div.bottom div.szkolenia {
			background: url(../images/szkolenia_bottom.png) no-repeat center top;
			height: 19px;
		}
		#content div.bottom div.main {
			background: url(../images/main_bottom.png) no-repeat center top;
			height: 19px;
		}
	
/* === FOOTER === */
#footer {
	height: 170px;
	background: #4f94c4 url(../images/footer.png) no-repeat top center;
}

	#footer div.zaufali {
		padding-top: 15px;
		width: 453px;
		height: 61px;
		/*background: url(../images/zaufali.jpg) no-repeat 0 0;*/
		position: absolute;
		top: 30px;
		left: 58px;
	}
	
	#footer ul.info {
		list-style: none;
		font-size: 11px;
		color: #fff;
		position: absolute;
		top: 60px;
		left: 625px;
	}
		#footer ul.info li {
			float: left;
		}
			#footer ul.info li.phone {
				background: url(../images/info_phone.png) no-repeat 0 1px;
				padding-left: 33px;
				margin-left: 15px;
			}
				#footer ul.info li.phone a {
					color: #fff;
				}
				
	#footer div.links {
		font-size: 11px;
		color: #fff;
		position: absolute;
		top: 145px;
		left: 15px;
	}
		#footer div.links a {
			color: #fff;
		}
		
	#footer div.emocni {
		font-size: 11px;
		color: #033e71;
		position: absolute;
		top: 145px;
		right: 0;
	}
		#footer div.emocni a {
			color: #033e71;
		}

/* === MISC === */
#recommend,
#recommendMsg {
	background: #fff;
	display: none;
	width: 455px;
}
	#simplemodal-overlay {
		background: #000;
	}
	#recommend .simplemodal-close,
	#recommendMsg .simplemodal-close {
		display: block;
		width: 455px;
		height: 25px;
		padding: 10px 0;
		background: #f0f7fb url(../images/recommend_bg.png) no-repeat 0 10px;
		text-indent: -9999px;
	}
	#recommendMsg p.msg {
		padding: 10px 25px;
	}
	#recommend form {
		padding: 10px 25px;
	}
		#recommend form label {
			display: block;
			margin-top: 6px;
		}
		#recommend form input,
		#recommend form textarea {
			width: 304px;
			height: 20px;
			line-height: 20px;
			background: #f4f4f2;
			border: 1px solid #d7d7d7;
			margin: 3px 3px 3px 0;
			color: #4d5c69;
			font-family: Arial, Helvetica, Garuda, FreeSans, sans-serif;
			font-size: 12px;
		}
			#recommend form textarea {
				height: 140px;
				overflow-y: auto;
			}
			#recommend form input.reset,
			#recommend form input.submit {
				width: 150px;
				height: 28px;
				line-height: 28px;
				cursor: pointer;
			}
				#recommend form input.reset {
					background: #fff;
					color: #1c4657;
				}
				#recommend form input.submit {
					background: #74a7ca;
					color: #fff; 
				}
			#recommend form input.error,
			#recommend form textarea.error {
				border: 1px solid #ff0000;
			}
			#recommend form span.error {
				display: block;
				color: #ff0000;
			}

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


#trainingDownload {
	padding:20px 0 20px 70px
}

#trainingDownload li {
	padding:0 0 10px 0;
}

#trainingDownload li a {
	color:#00294B;
}

#trainingDownload li a:hover {
	color: #4f94c4;
}