/* RESET CSS
*************************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins, a {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* KONIEC RESET / START PAGE
*************************************************************************************************************/

body {
background: #e9e6df;
margin: 0;
padding: 0;
font-size: 11px;
font-family: Arial;
}


table, td, form, object, ul, ol, p, div, span {
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
}

td {
	font-size: 12px;
}

form {
	display: block;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

strong em {
	font-style: italic;
	font-weight: bold;
}

img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

p {
	margin-top: 5px;
	margin-bottom: 15px;
}

ul, ol {
	text-align: left;
	margin: 0 0 15px 30px;
	line-height: 16px;	
} 

ul li {
	list-style: square outside;
	margin-bottom: 6px;
}

ol li {
	margin-bottom: 4px;
	list-style-type: decimal;
}

a:link, a:active, a:visited, a span {
	color: #164498;
	text-decoration: none;
}

a:hover, a:hover span {
	text-decoration: underline;
}

h4 {
	color: Black;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 4px;
}

h5 {
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 2px;
	padding-right: 6px;
	margin-bottom: 12px;
	color: #164498;
}

h6 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 2px solid #F5F5F5;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-right: 6px;
	margin-bottom: 12px;
	margin-top: 12px;
	color: #bf1e2e;
}

.Clear {
clear: both;
margin: 0;
padding: 0;
}

.FL {
float: left;
}

.FR {
float: right;
}

.ButtonBlueShort {
display: block;
border: none;
font-size: 11px;
text-align: center;
width: 110px;
color: #ffffff;
background: url(/pliki_skorki/button_blue_short.png) center top no-repeat;
}

a.ButtonBlueShort {
height: 18px;
padding: 7px 0 0 0;
text-decoration: none;
color: #ffffff;
}

input.ButtonBlueShort {
height: 25px;
}

.ButtonRedShort {
display: block;
border: none;
font-size: 11px;
text-align: center;
width: 110px;
color: #ffffff;
background: url(/pliki_skorki/button_red_short.png) center top no-repeat;
}

a.ButtonRedShort {
height: 18px;
padding: 7px 0 0 0;
text-decoration: none;
color: #ffffff;
}

input.ButtonRedShort {
height: 25px;
}

.ButtonRedMedium {
display: block;
border: none;
font-size: 11px;
text-align: center;
width: 150px;
color: #ffffff;
background: url(/pliki_skorki/button_red_medium.png) center top no-repeat;
}

a.ButtonRedMedium {
height: 18px;
padding: 7px 0 0 0;
text-decoration: none;
color: #ffffff;
}

input.ButtonRedMedium {
height: 25px;
}

/* ################################ */
/* START KALENDARIUM */
/* ################################ */
/* ################################ */


div.KalendNaglowek {
	border-bottom: 1px solid #e1e1e1;
}

div.KalendTemat {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 6px 3px 16px;
	color: #333333;
	background-image: url(/pliki_skorki/img_arrow_T1.gif);
	background-position: left;
	background-repeat: no-repeat;
}
div.KalendData {
	padding: 1px 10px 1px 10px;
	line-height: 100%;
	text-align: center;
	color: White;
	float: right;
	background-color: #0475bb;
	height: 12px;
	font-size: 10px;
}

div.KalendTresc, div.KalendTresc p, div.KalendTresc span {
	font-size: 11px;
}

/* ################################ */
/* ################################ */
/* STOP KALENDARIUM */
/* ################################ */

/* ################################ */
/* START STRONICOWANIE */
/* ################################ */
/* ################################ */

div.StronicowanieBox {
	border-top: 2px solid #F5F5F5;
	margin-top: 20px;
	padding-top: 6px;
}

.StronicowanieWyroznienie {
	font-weight: bold;
	color: #DC143C;
}

div.StronicowanieLimity {
	float: right;
}

div.StronicowanieStrony {
	float: left;
}

div.StronicowanieBox a {
	text-decoration: none;
}

/* ################################ */
/* ################################ */
/* STOP STRONICOWANIE */
/* ################################ */


/* HEADER
*************************************************************************************************************/

#Header {
width: 980px;
height: 182px;
margin: 0 auto;
}

#HeaderSlogan {
width: 175px;
float: left;
padding: 0 0 0 20px;
}

#HeaderSlogan img {
padding: 40px 0 0 0;
}

#HeaderPhoto {
width: 590px;
float: left;
text-align: center;
}

#HeaderLogo {
width: 175px;
float: right;
padding: 0 20px 0 0;
text-align: right;
}

#HeaderLogo img {
padding: 40px 0 0 0;
}

/* MENU
*************************************************************************************************************/

#Menu {
width: 980px;
height: 38px;
margin: 0 auto 20px auto;
}

#MenuLeft {
height: 38px;
padding: 0 0 0 5px;
background: url(/pliki_skorki/menu_sides.png) left top no-repeat;
}

#MenuRight {
height: 38px;
padding: 0 5px 0 0;
background: url(/pliki_skorki/menu_sides.png) right top no-repeat;
}

#MenuGrey {
height: 38px;
width: 505px;
float: left;
background: url(/pliki_skorki/menu_bg.png) center top repeat-x;
}

a .MenuWhiteLeft {
float: left;
padding: 0 0 0 5px;
margin: 0 5px;
background: url(/pliki_skorki/menu_sides.png) left -76px no-repeat;
}

a:hover .MenuWhiteLeft, a.MenuActive .MenuWhiteLeft {
background: url(/pliki_skorki/menu_sides.png) left -114px no-repeat;
}

a .MenuWhiteRight {
float: left;
padding: 0 5px 0 0;
background: url(/pliki_skorki/menu_sides.png) right -76px no-repeat;
}

a:hover .MenuWhiteRight, a.MenuActive .MenuWhiteRight {
background: url(/pliki_skorki/menu_sides.png) right -114px no-repeat;
}

a .MenuWhite {
height: 27px;
float: left;
font-size: 12px;
padding: 13px 25px 0 25px;
background: url(/pliki_skorki/menu_bg.png) center -114px repeat-x;
text-decoration: none;
}

a:hover .MenuWhite, a.MenuActive .MenuWhite {
background: url(/pliki_skorki/menu_bg.png) center -152px repeat-x;
color: #ffffff;
text-decoration: none;
}

#MenuGrey  a {
color: #333333;
text-decoration: none;
}

#MenuRed {
width: 155px;
height: 25px;
font-size: 12px;
text-transform: uppercase;
padding: 13px 0 0 0;
text-align: center;
background: url(/pliki_skorki/menu_bg.png) center -76px repeat-x;
}

#MenuRed a {
color: #ffffff;
text-decoration: none;
}

#MenuRedLeft {
padding: 0 0 0 5px;
float: left;
background: url(/pliki_skorki/menu_sides.png) left -38px no-repeat;
}

#MenuRedRight {
padding: 0 10px 0 0;
float: left;
background: url(/pliki_skorki/menu_sides.png) right -38px no-repeat;
}

#MenuBlue {
height: 25px;
width: 295px;
float: left;
padding: 13px 0 0 0;
text-align: center;
background: url(/pliki_skorki/menu_bg.png) center -38px repeat-x;
}

#MenuBlue a {
color: #c8eaff;
margin: 0 17px;
text-decoration: none;
}

/* PANEL GORNY
*************************************************************************************************************/

#Work {
width: 980px;
height: 240px;
margin: 0 auto 20px auto;
}

#WorkLeft {
width: 290px;
height: 240px;
float: left;
background: url(/pliki_skorki/work_left.png) left top no-repeat;
}

#WorkLeftArea {
width: 285px;
height: 240px;
margin: 0 0 0 5px;
background: url(/pliki_skorki/work.png) left -240px repeat-x;
}

.WorkLeftButton {
width: 135px;
height: 105px;
margin: 10px 5px 0 0;
float: left;
text-align: center;
background: url(/pliki_skorki/foto_title.png) left bottom no-repeat;
}

.WorkLeftButton img {
margin: 0 0 9px 0;
}

a  .WorkLeftButton {
text-transform: uppercase;
font-size: 12px;
color: #ffffff;
}

#WorkCenter {
width: 390px;
height: 240px;
float: left;
background: url(/pliki_skorki/work_center.png) right top no-repeat;
}

#WorkCenterArea {
width: 367px;
height: 240px;
margin: 0 23px 0 0;
background: url(/pliki_skorki/work.png) left -240px repeat-x;
}

#WorkCenterOferts {
padding: 10px 30px 0 25px;
}

#WorkCenterOferts  h3 {
font-size: 12px;
font-weight: bold;
color: #16449a;
margin: 10px 0;
}

.Work {
margin: 0 0 10px 0;
line-height: 14px;
}

.Work a {
color: #595959;
}

.Work a:hover {
color: #16449a;
text-decoration: underline;
}

span.WorkData {
color: #808080;
}

span.WorkCity {
color: #595959;
}

#WorkCenterMedia {
margin: 10px 30px 0 25px;
text-align: left;
}

#WorkCenterMediaIcons {
text-align: center;
margin: 10px 0 0 0;
} 

#WorkCenterMediaIcons img {
margin: 0 10px 10px 10px;
}

#WorkRight {
width: 300px;
height: 240px;
float: left;
background: url(/pliki_skorki/work_right.png) right top no-repeat;
padding: 0;
}

#WorkRightArea {
height: 240px;
float: left;
width: 295px;
background: url(/pliki_skorki/work.png) left top repeat-x;
}

#Film {
width: 280px;
height: 170px;
margin: 15px 5px 35px 10px;
}

/* MAIN
*************************************************************************************************************/

#Main {
width: 980px;
margin: 0 auto 20px auto;
}

.MainDzialy {
width: 960px;
text-align: center;
margin: 0 auto 20px auto;
}

#Left {
float: left;
width: 300px;
}

#SideMenu {
width: 280px;
padding: 0 0 5px 0;
margin: 0 0 20px 0;
background: url(/pliki_skorki/side_menu.png) left bottom no-repeat;
}

#SideMenu ul {
padding: 5px 0 0 0;
margin: 0;
background: url(/pliki_skorki/side_menu.png) left top no-repeat;
}

#SideMenu ul li {
display: block;
height: 25px;
background: url(/pliki_skorki/side_menu_bg.png) left top repeat-y;
margin: 0;
}

#SideMenu ul li a {
display: block;
color: #ffffff;
line-height: 12px;
padding: 6px 5px 6px 15px;
border-bottom: 1px solid #0076bf;
text-decoration: none;
}

#SideMenu ul li a:hover, #SideMenu ul li a.Active {
color: #ffffff;
padding: 6px 5px 7px 15px;
background: url(/pliki_skorki/side_menu.png) left -5px no-repeat;
border-bottom: none;
}

#Right {
float: right;
width: 680px;
}

.RightTop {
width: 680px;
height: 5px;
background: url(/pliki_skorki/main.png) left top no-repeat;
}

.RightArea {
width: 660px;
padding: 5px 10px;
font-size: 12px;
color: #333333;
background: url(/pliki_skorki/main_bg.png) left top repeat-y;
}

.RightArea  .NewsTresc {
margin: 0 0 10px 0;
font-size: 12px;
}

.RightArea h1 {
font-size: 16px;
font-weight: normal;
color: #16449a;
padding: 0 0 10px 0;
border-bottom: 1px dotted #e1e1e1;
margin: 0 0 5px 0;
}

.RightArea h2 {
font-size: 12px;
color: #000000;
padding: 0 0 10px 15px;
margin: 0 0 10px 0;
border-bottom: 1px dotted #e1e1e1;
background: url(/pliki_skorki/arrow_red.png) left 4px no-repeat;
}

.RightArea h2 span {
font-size: 11px;
font-weight: normal;
color: #0076bf;
padding: 0 0 0 20px;
}

.RightArea  p {
line-height: 130%;
color: #333333;
}

.RightEnd {
width: 680px;
height: 5px;
background: url(/pliki_skorki/main.png) left -5px no-repeat;
}

/* STOPKA
*************************************************************************************************************/

#Footer {
width: 980px;
margin: 0 auto 20px auto;
}

#FooterLeft {
padding: 0 0 0 5px;
background: url(/pliki_skorki/menu_sides.png) left -114px no-repeat;
}

#FooterRight {
padding: 0 5px 0 0;
background: url(/pliki_skorki/menu_sides.png) right -114px no-repeat;
}

#FooterArea {
background: url(/pliki_skorki/menu_bg.png) center -152px repeat-x;
color: #ffffff;
padding: 14px 0 0 0;
height: 24px;
}

#FooterArea a, #FooterArea span {
margin: 0 20px;
}

#FooterArea  a {
color: #ffffff;
}

#FooterArea  a:hover {
color: #c8eaff;
}

/* formularze
**************************************************************************************************************/

div.FormButton {
	padding: 4px;
	text-align: right;
	margin-top: 8px;
	margin-bottom: 8px;
	border: 2px solid #F5F5F5;
}

div.FormBox {
	padding: 4px;
	text-align: right;
	margin-top: 8px;
	margin-bottom: 8px;
	border: 2px solid #F5F5F5;
}

div.FormRow {
	margin-top: 5px;
	border-bottom: 1px dotted #e1e1e1;
	border-left: 8px solid #F4F4F4;
	padding-bottom: 3px;
	padding-left: 6px;
}

div.FormRowBoxL {
	float: left;
	width: 23%;
}

div.FormRowBoxR {
	float: right;
	width: 75%;
}

/* komunikaty
***********************************************************************************************/

div.LinkGrupa {
	border-bottom: 2px solid #F5F5F5;
	padding-bottom: 5px;
	padding-top: 6px;
}

.WyroznienieT1 {
	font-weight: bold;
}

.WyroznienieT2 {
	font-weight: bold;
	color: #bf1e2e;
}

.KomunikatT1 {
	padding: 10px;
	margin-top: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	border: 1px dashed #A5A5A5;
	background-color: #f4f3e9;
}

.KomunikatT1 span, .KomunikatT1 a:link, .KomunikatT1 a:visited, .KomunikatT1 a:active, .KomunikatT1 a:hover {
	font-size: 14px;
}

.KomunikatT2 {
	padding: 10px;
	margin-bottom: 10px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px dashed #A5A5A5;
}

.KomunikatT3 {
	padding: 6px;
	font-size: 14px;
	background-color: #bf1e2e;
	font-weight: bold; /*#f4f3e9*/
	margin-bottom: 3px;
	margin-top: 3px;
	color: White;
}

div.KomunikatOK {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #6b683c;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	border: 2px dashed #f4f3e9;
	background-color: #f4f3e9;
}

div.KomunikatError {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: White;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color: #B22222;
}

div.Error {
	padding: 3px;
	color: White;
	font-weight: bold;
	margin: 6px;
	background-color: #B22222;
	font-size: 11px;
	text-align: center;
}

div.OK {
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	color: #6b683c;
	font-weight: bold;
	border-left: 6px solid 	#6b683c;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* OFERTY PRACY
***************************************/
div.ListaBox {
	border-bottom: 1px solid #e1e1e1;
}

div.ListaNaglowek {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 6px 3px 16px;
	color: #164498;
	background-image: url(/pliki_skorki/img_arrow_T1.gif);
	background-position: left;
	background-repeat: no-repeat;
}

div.ListaNaglowek a {
	font-weight: bold;
}

div.ListaData {
	padding: 1px 10px 1px 10px;
	line-height: 100%;
	text-align: center;
	color: White;
	float: right;
	background-color: #0475bb;
	height: 12px;
	font-size: 10px;
}
div.ListaTresc {
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 12px;
}

div.ListaTresc, div.ListaTresc p, div.ListaTresc span {
	font-size: 11px;
}

.ListaNaglDod {
/*	background-color: #e1e1e1;
	padding: 1px 6px 4px 6px;
	color: #ee2e24;
	font-weight: bold;
	font-size: 10px;
	margin-left: 8px;
*/
	font-size: 12px;
	font-weight: bold;
	color:333;
}