* {	margin: 0;}
html, body { height: 100%; margin:0; padding:0;}
* html ul li ol {height: 1%;} /* bug IE */
a, a:hover {outline: none;}
body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #414141;}
p {font-size: 11px; color: #414141; line-height: 16px; text-align: justify; padding: 3px;}
ul.wypunktowanie{font-size: 11px;padding:0 0 0 14px;margin:0 0 0 20px; list-style: circle outside;}
/*------------- konstrukcja strony ---------------------*/
div#calosc { margin: 0 auto;width:818px;}
	/*------------- stopka --------------------*/
div#footer, div#push {clear:both;}
div#footer {height: 52px; width: 818px; background: #e00000 url("images/footer_red.jpg") repeat-x top right;margin:0 auto; color: #FFF; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px;}
div#footer_left {display: inline; width: 661px; height: 52px; line-height: 52px; float: left; text-align: right;}
div#footer_right {display: inline; width: 157px; height: 52px; float: right; border:0; margin:0; padding:0; background: url("images/footer_black_right_logo.jpg") center right; }
	/*------------- & of stopka ---------------*/
div#container{text-align:left; width:818px; margin:0 auto;}	
div#header {position: relative; width: 818px; height:184px; line-height:80px;}
div#warper {position: relative; width: 816px; border-left: 1px #d1d1d1 solid; border-right: 1px #d1d1d1 solid; border-top: 1px #d1d1d1 solid; clear:both;}
div#navigation{background:#ffffff;float:left;width:260px; padding: 10px;}
div#oferta{background:#f6f6f6;float:right;width:524px; border-left: 1px #d1d1d1 solid; border-bottom: 1px #d1d1d1 solid;  padding: 5px; padding-top: 10px; padding-bottom: 10px;}
div#kontakt{background:#e8e8e8;float:right;width:524px; border-left: 1px #d1d1d1 solid; border-bottom: 1px #d1d1d1 solid;  padding: 5px; padding-top: 10px; padding-bottom: 10px;}
div#content{float:right;width:514px; height: 180px; padding: 10px; background: #e8e8e8; border-left: 1px #d1d1d1 solid; border-bottom: 7px #e00000 solid; }
div#logo_tlo {position: relative; float: left; height:184px; width:282px; background: #fff url('images/header_logo_tlo.jpg') repeat-x 0 55px; clear: left;}
div#logo_logo {position: relative; float: left; height: 184px; width: 119px; background: transparent url('images/header_logo.jpg') no-repeat bottom left; margin-left: 10px;}
div#header div#komputer {position: absolute; float: inherit; overflow: visible; width: 214px; height: 204px; left: 140px; z-index:2; }
div#menu {float: right; width:536px; clear: right;}
div#banner {width:536px; height:125px; text-align: right;}
div#banner #banner_top {border:0px; height:100px; margin-top:10px; padding:3px; width:500px; border: 1px solid #D1D1D1; }
div#menu_menu {float: right; width:536px; background: #e00000 url('images/menu_tlo.jpg') repeat-x bottom left; height:34px; text-align: right;}
div#pod_menu {float: left; width: 536px; height:20px; line-height: 14px; background: #fff; padding-top: 5px;}
div#lang_container {float:right;margin:0;padding:0;width:150px;background:#fff;}
div#lang_container form {margin:0;padding:0;float:right;}
div#lang_container .language_icons{border:0;margin:2px;padding:1px;}
div#lang_container .active {border:1px #F29900 solid; margin:1px;padding:1px;}
div#lang_container #lang_name {float:left;width:50px;margin-right:5px;text-align:right;}
/*------------- & of konstrukcja strony ------------------*/

h1 {padding: 5px; color: #e00000; font-size: 18px; font-weight: bold; text-align: left; }
h1.witamy {padding: 5px; color: #1f1f1f; font-size: 18px; font-weight: bold; }
a, a:active, a:visited {font-style: normal;	font-weight: bold;	color: #092148;	font-variant: normal;	text-decoration: none; }
a:hover {font-weight: bold;color: #0000CC;text-decoration: none;}
a.email {background: transparent url("images/email_go.gif") no-repeat center left;	padding-left: 18px; line-height: 14px;}
/*--- pager newsów */
div.pager_container {width:80%;padding: 10px 0 10px 0; height: 20px;clear:both;text-align: center;margin: 0 auto;}
span.news_pager,span.news_pager_active  {margin: 3px;text-align: center;}
span.news_pager, span.news_pager a, span.news_pager_active {display: inline-table;position:relative;} 
span.news_pager_active {font-weight:bold;color:#e00000;border:1px #e00000 solid;padding:2px;}
span.news_pager a, span.news_pager a:hover {font-weight:bold;text-decoration:none;text-align:center;}
span.news_pager a {color:#092148;padding:3px;}
span.news_pager a:hover {border: 1px #e00000 solid; padding:2px;}

span.tel {background: transparent url("images/telephone_go.gif") no-repeat center left;	padding-left: 18px; line-height: 14px;}
span.mobile {background: transparent url("images/mobile.gif") no-repeat center left;	padding-left: 18px; line-height: 14px;}
ul.oferta_ul, li.oferta_li {list-style-type: square; display: block; margin: 0; padding: 0; list-style-position: inside; text-align: left; padding-left: 17px;}
span.oferta_ul {font-weight: bold; background: #f6f6f6 url("images/arrows.gif") no-repeat center left; padding-left: 17px;}
.temat {}
.news_data {font-size: 9px; color: #5b5b5b; font-style: italic; line-height: 14px;}
.news_tytul {font-size: 11px; color: #e00000; font-weight: bold; line-height: 14px;}
.news_tresc {font-size: 10px; color: #414141; line-height: 13px;}
td.news_tresc {padding-top: 15px; padding-bottom: 15px; border-bottom: 1px #d1d1d1 solid; }
img.logowanie_do_jb24 {border: 0; display: inline; vertical-align: middle; width: 12px; height: 12px; padding-right: 5px;}
/*------------- menu ---------------------*/
ul.menu_list, ul.menu_list li.menu_list {display: block; list-style: none; margin: 0; padding: 0; float: right;}
ul.menu_list { float: left; background: transparent url("images/menu_tlo.jpg") repeat-x center; padding: 0; }
div#navcontainer {position: relative; float: right;}
#navcontainer ul.menu_list li.menu_list {outline: none; list-style-type: none; padding: 0; margin: 0; display: block; float: right; background: url("images/menu_tlo.jpg") repeat-x center; font: 12px "Lucida Grande", verdana, sans-serif; text-align: center;	}
#navcontainer a {outline: none; color: #fff; text-decoration: none; display: block; border-left: 1px solid #000; padding: 10px 15px; font-weight: bold;}
#navcontainer li.menu_list#active {outline: none;  background: #000 url("images/menu_tlo_over.jpg") repeat-x center;}
#navcontainer a:hover {outline: none; background: #000 url("images/menu_tlo_over.jpg") repeat-x center;}
#praca_rekrutacja {float: right; clear: right; width: 250px; height:155px; margin-top: 35px;}
/*------------- & of menu ----------------*/

/*------------- strona kontakt ---------------------*/
div#mapa {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #D1D1D1; float:left; height:364px; margin-left:10px; padding:3px; position:relative; text-align:center;}
div#kontakt_obok_mapy {background:none repeat scroll 0 0 #FFFFFF;float:right;height:350px;line-height:20px;position:relative;width:230px;}
div#kontakt_cd {position: relative; width: 816px; background: #fff; float: left; clear: both;}
/* 
div#kontakt_cd .left{position: relative; width: 380px; background: #fff; padding: 10px; float: left;}
div#kontakt_cd .right{position: relative; width: 380px; background: #fff; padding: 10px; float: right;} 
*/
div#kontakt_cd .left {width: 530px; padding: 10px 0px 10px 10px; float: left; text-align: left; background: #fff; position: relative;}
div#kontakt_cd .right {width: 250px; padding: 10px; float: right; background: #fff; position: relative; text-align: left;}
h2.kontakt_h2 {background:#FFFFFF url("images/left-top-corner-box.jpg") no-repeat scroll left top; padding:10px; margin-left: -10px; color: #E00000; }
div#kontakt_cd strong.osoba {font-weight: bold; text-decoration: underline; line-height:25px;}

img.ikonki {border: 0; vertical-align: middle; width: 16px; height: 16px;}
img.ikonki_gg {border: 0; vertical-align: middle; width: 14px; height: 14px;}
/*------------- & of strona kontakt ----------------*/

/*------------- strona nowosci ---------------------*/
div#nowosci_reklamy{background:#ffffff;float:left;width:261px; padding: 10px; text-align: left;}
div#nowosci_tresc{float:right;width:514px; padding: 10px;background: #fff; border-left: 1px silver solid; min-height: 360px; height: auto !important; height: 340px; min-height: 340px; }
div#mainDiv {width:514px; float: left; position: relative;}
/*------------- & of strona nowosci ----------------*/

/*------------- strona firma ---------------------*/
#firma_tresc, #praca_tresc{float:right; padding: 10px; width:514px; border-left: 1px #d1d1d1 solid;  }
ul.news_ul, li.news_li {list-style-type: square; list-style: square; margin: 0; padding: 0; list-style-position: inside; text-align: left; padding-left: 8px;}
ol.ol_news_lista {list-style-type:decimal;display:block;margin: 0; padding: 0; padding-left: 7px; margin-left:20px;} 
li.li_news_lista {list-style: decimal outside;  text-align: left;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #414141;}
img.mapa {border:1px solid silver;padding:4px;width:458px;height:321px;margin:0 auto;background:#fff;display:block;}
#praca_tresc {background: #f6f6f6;}
#praca_tresc h3 {margin: 10px;}
	/*------------ menu ------------------*/
#navcontainer_firma, #navcontainer_praca {width: 250px;}
#navcontainer_firma {margin-top: 10px;}
#navcontainer_firma ul li, #navcontainer_praca ul li {display: block; font-size: 11px; text-align: left; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px #d1d1d1 solid;}
#navcontainer_firma ul li a, #navcontainer_firma ul li a:hover, #navcontainer_praca ul li a, #navcontainer_praca ul li a:hover {outline: none; color: #414141; text-decoration: none; display: block; padding: 8px; padding-left: 20px; background: transparent url("images/arrows.gif") no-repeat 2px 8px;}
#navcontainer_firma ul, #navcontainer_praca ul {padding-left: 10px;}
#navcontainer_firma ul li.active, #navcontainer_firma ul li:hover, #navcontainer_praca ul li.active, #navcontainer_praca ul li:hover {background-color: #f5f5f5;}
#navcontainer_firma ul li.active a, #navcontainer_praca ul li.active a { padding-left: 36px; background-position: 20px 8px;}
	/*------------ & of menu --------------*/
.praca_lista_stanowisk {llist-style-type: disc; list-style-position: outside; margin-left: 30px;}
.praca_lista_stanowisk, li {text-align: left; padding: 0px; }
.praca_lista_stanowisk li {padding: 3px;}
.praca_lista_stanowisk li a, .praca_lista_stanowisk li a:hover {font-size: 10px; font-weight: normal;} 
.praca_lista_stanowisk li a:hover {text-decoration: underline; color: red;}

#praca_zatrudnimy, #praca_zatrudnimy:hover {display: block; margin-top: 10px; padding: 6px; padding-left: 30px; font-size: 14px; text-align: left; background-color: #f5f5f5; border-bottom: 1px #d1d1d1 solid;}
#praca_zatrudnimy:hover {color: red; text-decoration: underline;}
#zglos_kandydature, #zglos_kandydature:hover {display: block; margin: 0 auto; margin-top: 30px; padding: 6px; font-size: 14px; text-align: center; color: #414141; border: 1px solid silver; line-height: 34px; overflow: auto;}
#zglos_kandydature span {padding: 7px 16px; background: transparent url("images/css_sprite_32.png") no-repeat -192px 1px; vertical-align: middle; line-height: 34px; overflow: auto;} 
#zglos_kandydature:hover {background-color: #DFF2BF;}
/*------------- & of strona firma ----------------*/

/*------------- pure css tooltip ----------------*/
a.info{position:relative; z-index:24; text-decoration:none}
a.info:hover{z-index:25;}
a.info span.tooltip{display: none;}
a.info:hover span.tooltip{min-height:100px;height:auto;display:block;position:absolute;top:1.8em; left:15em; width: 250px;border:1px solid #910909;background-color:#F8D4D4; color:#000;text-align: left;padding: 5px;font-weight: normal;opacity:0.95;}
/*------------- & of pure css tooltip ----------------*/

/*---------------- praca ----------------------*/
#praca_formularz .over {background-color: #ffc; border: 1px solid #999999;}
#praca_formularz label, #praca_formularz input, #praca_formularz textarea, select {outline: none;} 
#praca_formularz fieldset {border: 1px solid silver; padding: 10px; margin: 10px 5px;}
#praca_formularz legend {border: 1px solid silver; padding: 3px 10px; font-weight: bold; margin:0px; color: red;}
#praca_formularz fieldset div {overflow: auto;}

#praca_formularz label {clear: both; display: block; text-align: left; font-weight: bold; margin: 5px; cursor: pointer;}
#praca_formularz label.label_right {clear: none; font-weight: normal;}
#praca_formularz label.error {display: block; text-align: left; float: left; vertical-align: middle; clear: none; color: red; background: transparent url("images/exclamation.gif") no-repeat 1px 50%; padding-left: 18px; line-height: 20px; clear: right;}

#praca_formularz input, #praca_formularz textarea, #praca_formularz select {display: block; float: left; border: 1px solid silver; margin: 5px 5px 10px 5px;}
#praca_formularz input.hidden {display: none;}
#praca_formularz select {display: inline; float: left;} 
#praca_formularz fieldset input {clear: left; width: 220px;}
#praca_formularz fieldset input[type='file'] {width: 350px;}
#praca_formularz fieldset textarea {clear: left; width: 350px;}

#praca_formularz input[type='checkbox'], #praca_formularz input[type='checkbox']:focus {margin: 15px; display: inline; font-size: 14px; width: 14px; height: 14px; border: 1px solid #999999;}
#praca_formularz input:focus, #praca_formularz textarea:focus, #praca_formularz select:focus, #praca_formularz input:hover, #praca_formularz textarea:hover, #praca_formularz select:hover 
{background-color: #ffc; border: 1px solid #999999;}
#praca_formularz input.error, #praca_formularz textarea.error, #praca_formularz select.error {background-color: #fac8c8; border: 1px solid #f07878;}
#praca_formularz span.prev, #praca_formularz span.next, #praca_formularz .close {display: block; margin: 10px; padding: 5px; text-align: center; cursor: pointer; border: 1px solid silver;} 

#praca_formularz span.prev { float: left; clear: left; }
#praca_formularz span.next, #praca_formularz .close {float: right; clear: right;}
#praca_formularz .close {background: url("images/email_go.gif") no-repeat 10% 50%; padding-left: 30px;}

#praca_formularz small {font-size: 9px; font-weight: normal;}
#praca_formularz fieldset div {display: none;}
#praca_formularz #sprawdz_dane {background: url("images/information.gif") no-repeat top left; padding:2px 3px 3px 20px; cursor: pointer; float: right; vertical-align: middle; margin-top:18px;}

/* message boxes sprite_32 */
#praca_formularz div.info, #praca_formularz div.success, #praca_formularz div.warning, #praca_formularz div.error{border: 1px solid;display: block;font-size: 14px; margin: 5px; padding: 10px;}
#praca_formularz div.info .sprite_ico, #praca_formularz div.success .sprite_ico, #praca_formularz div.warning .sprite_ico, #praca_formularz div.error .sprite_ico{background: url("images/css_sprite_32.png") no-repeat;display: inline-block; height: 32px;margin-right: 10px; vertical-align: middle;width: 32px;}
#praca_formularz div.info {color: #00529B; background-color: #BDE5F8;}
#praca_formularz div.info .sprite_ico{background-position: 0px 0px; }
#praca_formularz div.success {color: #4F8A10; background-color: #DFF2BF;}
#praca_formularz div.success .sprite_ico{background-position: -32px 0px;}
#praca_formularz div.warning {color: #9F6000; background-color: #FEEFB3;}
#praca_formularz div.warning .sprite_ico{background-position: -64px 0px;}
#praca_formularz div.error {color: #D8000C; background-color: #FFBABA;}
#praca_formularz div.error .sprite_ico{background-position: -96px 0px;}
/*---------------- & of praca ----------------------*/

img.etykiety {width: 120px; border: 1px solid #d4d4d4;padding: 2px; margin: 2px;}
p.etykiety_odstep {clear: both; display: block; margin: 10px;}

ul.oferta_glowna {color:#FF0000; font-size: 11px; list-style:square outside; margin: 30px 20px 20px 20px; padding:0 0 0 14px;}
ul.oferta_glowna li {line-height: 14px;}
ul.oferta_glowna li span {color: #414141;}