/*
 * Siatka - rozklad elementow (kolumn, wierszy) roznych typow.
 */

* {
       margin:0;
       padding:0;
}
html, body {
       min-height:100%;
}
.page {
       margin: 0 auto;
       width:1000px;
       /* lb */
       padding-top:10px;
}

#top {
    padding-top: 0px;
    

}
/* lb */
       #SDlogotyp {
              float:left;
       }

       #SDmenuG2, #SDmenuG3, #ZSlink {
              float:left;
              margin-top:20px;
       }
       #SDmenuG2, #SDmenuG3, #ZSlink {
              line-height:35px;
              height:40px;
       }
       #top ul {
              list-style:none;
       }
       #top li, #top form, #top fieldset {
              display:inline;
       }

       #SDmenuG1 {
              width:100%;
       }
       *[id=SDmenuG1] {
              clear:both;
       }

#mainContent {
       clear:both;
       width:100%;
}
       #mainContent div {
              clear:both;
       }
       #mainContent .sideCol,
       #mainContent .singleCol,
       #mainContent .halfCol,
       #mainContent .quarterCol       {
              float:left;
              clear:none;
       }
       #mainContent quadrCol {
              float:none;
       }
       .sideCol {
              width:196px;
       }
       .singleCol {
              width:596px;
              padding: 0 6px 5px 6px;
       }
              .singleCol .singleCol {
                     padding:0;
                     width:100%;
                     float:none;
              }
       .halfCol {
              width:288px;
       }
       .quarterCol {
              width:125px;
              padding:0 10px;
              border-right:1px solid #E9E9E9;
              margin-right:-1px;
              min-height:140px;
              _height:140px;
       }

/*
 * Wyglad - kolory, tla, marginesy itd
 */

body {
       font:11px Arial, sans-serif;
}

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

a img {
       border:none;
}
img.leftImg {
       float:left;
       margin: 0 10px 10px 0;
}
img.rightImg {
       float:right;
       margin: 0 0 10px 10px;
}
a.button {
       background:url(/img/shared/a_button_l.gif) 0 50% no-repeat;
       color:#fff;
       display:block;
       font-weight:bold;
       height:25px;
       line-height:25px;
       padding-left:15px;
       margin:5px 0;
       float:right;
       _width:1px;
       _white-space:nowrap;
}
a.button span {
       background:url(/img/shared/a_button_r.gif) 100% 50% no-repeat;
       display:block;
       height:25px;
       padding-right:15px;
}

fieldset {
       border:none;
}

/***** lb poprawka    *******/
#SDlogotyp h1 {
       background:url(/img/shared/logo.gif) 40px 0 no-repeat;
       width:190px;
       height:60px;
       overflow:hidden;
       display: block;
}
       #SDlogotyp span, #SDlogotyp a {
              display:block;
              text-indent:-9999px;
       }
#top {

}
#top a {
       font-weight:bold;
}
       #SDmenuG2 a {
              color:#9D9D9D;
              padding:2px;
       }
       #SDmenuG3 a {
              color:#6C6C6C;
              padding:2px;
       }
       #SDmenuG2 a:hover, #SDmenuG3 a:hover {
              background:#7C7C7C;
              color:#fff;
       }

       #SDmenuG2 li, #SDmenuG3 li {
              border-right:1px solid #CBCBCB;
              padding:0;
       }
       #SDmenuG2 li.active, #SDmenuG3 li.active  {
              border-right:none;
       }
       #SDmenuG2 li.active a, #SDmenuG3 li.active a {
              color:#fff;
              background:#7C7C7C;
       }
       #ZSlink a {
              padding-left:18px;
       }
              #ZSlink a.praca {
                     background:url(/img/shared/link_praca.gif) 5px 50% no-repeat;
              }
              #ZSlink a.cv {
                     background:url(/img/shared/link_cv.gif) 5px 50% no-repeat;
                     margin-left:20px;
              }

       #SDmenuG1 {
              background:url(/img/shared/menuG1_bg.gif) 0 100% no-repeat;
              height:40px;
              margin-bottom:5px;
              position:relative;
       }
              #SDmenuG1 li {
                     float:left;
                     height:40px;
                     width:118px;
                     margin: 0 15px;
              }
              #SDmenuG1 li a {
                     display:block;
                     height:40px;
                     color:#fff;
                     text-indent:-9999px;
              }
              #SDmenuG1 li a:hover {
                     height:37px;
                     border-bottom: 3px solid #6E6E6E;
              }
              #SDmenuG1 li.active a:hover {
                     height:40px;
                     border-bottom:none;
              }

              #SDmenuG1 #G1_ocarrefour {
                     background:url(/img/shared/nav_ocarrefour.gif) 50% 0 no-repeat;
                     margin-left:20px;
              }
                     #SDmenuG1 #G1_ocarrefour.active {
                            background:url(/img/shared/nav_ocarrefour_active.gif) 50% 0 no-repeat;
                     }
              #SDmenuG1 #G1_praca {
                     background:url(/img/shared/nav_kariera.gif) 50% 0 no-repeat;
              }
                     #SDmenuG1 #G1_praca.active {
                            background:url(/img/shared/nav_kariera_active.gif) 50% 0 no-repeat;
                     }
              #SDmenuG1 #G1_dlamediow {
                     background:url(/img/shared/nav_dlamediow.gif) 50% 0 no-repeat;
              }
                     #SDmenuG1 #G1_dlamediow.active {
                            background:url(/img/shared/nav_dlamediow_active.gif) 50% 0 no-repeat;
                     }
              #SDmenuG1 #G1_wspolpraca {
                     background:url(/img/shared/nav_wspolpraca.gif) 50% 0 no-repeat;
              }
                     #SDmenuG1 #G1_wspolpraca.active {
                            background:url(/img/shared/nav_wspolpraca_active.gif) 50% 0 no-repeat;
                     }
              #SDmenuG1 #WSszuk1 {
                     position:absolute;
                     right:0;
                     top:0;
                     margin:0;
                     width:auto;
              }
              #SDmenuG1 #WSszuk1 fieldset {
                     padding:10px 20px 0 0;
              }
                     #WSszuk1 a {
                            background:url(/img/shared/searchform_lupka.gif) 50% 5px no-repeat;
                            float:left;
                            width:25px;
                     }
                     #SDmenuG1 #WSszuk1 a:hover {
                            border:none;
                     }
                     #WSszuk1 input.text {
                            border:1px solid #eee;
                            color:#666;
                     }
                     #WSszuk1 input.submit {
                            border:none;
                            background:url(/img/shared/button_ok.gif) 50% 50% no-repeat;
                            color:#383838;
                            font:bold 11px Arial, sans-serif;
                            width:20px;
                            height:20px;
                            margin:0 5px;
                     }

#mainContent {
       color:#818181;
	   margin-top:20px;
}
       #mainContent h2 {
              color:#343434;
              font-size:14px;
              margin: 5px 0 10px 0;
       }

       ul.drzewo {
              list-style:none;
              margin-top:5px;
              min-height:165px;
              _height:165px;
       }
       ul.drzewo li {
              border-bottom:1px solid #EAEAEA;
              padding:1px 0;
       }
       ul.drzewo a, ul.drzewo li.active li a {
              background:url(/img/shared/drzewo_li.gif) 5px 0.7em no-repeat;
              color:#7D7D7D;
              font-weight:bold;
              padding: 2px 0 2px 17px;
              display:block;
       }

       ul.drzewo li.active a, ul.drzewo li.active li.active a, ul.drzewo li a:hover, ul.drzewo li.active li a:hover  {
              background:#7D7D7D url(/img/shared/drzewo_li_active.gif) 5px 0.7em no-repeat;
              color:#fff;
       }
       ul.drzewo li.active ul {
			list-style:none;
			margin-left:10px;
		}
       .WIList5 ul {
              list-style:none;
              padding: 0 17px;
              font-weight:bold;
       }
       .WIList5 ul li.wiecej {
              text-align:right;
       }
       .WIList5 ul li.wiecej a {
              color:#6C6C6C;
       }

       .HTML, .WIList3, div.text {
              /*color:#8D8D8D; */
              color:#666; /*jg zmienilem */
              padding: 30px 40px; /*jg zmienilem */
       }
	   div.HTML ul, div.HTML ol, div.HTML li {
			margin-left:45px;
			padding-left:5px;
		}
       .WIList3 .porady{/*pk dodtalem zeby przesunac porady przy braku wynikow wyszukiwania w prawo */
        padding: 7px 25px;
        min-height: 100%;
        height: 100%
       }

       .HTML h3 {
              color:#1C1C1C;
              font:bold 1em Arial, sans-serif;
              margin:0;
       }
       .HTML p {
              margin:0.5em 0 1em 0;
              line-height:1.5em;
       }

       .HTML p img {
              margin:10px 10px 10px 10px;
       }


       #mainContent h1{ /*jg dodalem h1 */
              font:bold 20px Arial, sans-serif;
              color:#343434;
              margin-top:0px;
              margin-bottom:5px;
              padding-top:0px;
       }

       .HTML1 {
              color:#666; /*jg zmienilem */
              margin-top:5px;
              height:165px;
       }

       #mainContent .HTML1 h1 {
              padding:10px 0 5px 0;
              margin:0;
       }
       #mainContent .HTML1 h2 {
              margin:0;
              padding:0;
              font-size:13px;
       }
       .HTML1 p {
              color:#343434;
              font-weight:bold;
              line-height:1.8em;
       }
       .HTML1 p strong {
              color:#4C4C4C;
       }
       .HTML1 div {
              padding:20px 10px 0 330px;
       }
       .HTML1 h3 {
              color:#383838;
       }
       .PHP h2 {
              clear:both;
              padding-top:10px;
       }
       .GR3 img.gr3 {
              float:left;
              margin:8px 8px 0 0;
       }
       .doubleCol {
              background:url(/img/shared/doubleCol_bg.gif) 50% 0 repeat-y;
       }

              .halfCol {
                     /* background:url(/img/shared/halfCol_top_bg.gif) 0 0 no-repeat; */
                     margin-right:5px;
                     padding-top:5px;
              }

              .clearCols {
                     /* background:url(/img/shared/doubleCol_foot.gif) 50% 100% no-repeat; */
                     clear:both;
                     height:5px;
              }
       .imgbox {
              clear:both;
              min-height:70px;
              _height:70px;
              margin:8px 5px;
       }
              .imgbox img {
                     float:left;
                     margin:0 10px 10px 0;
					 border:1px solid #FFFFFF;
              }
              .imgbox strong, .imgbox h3, .imgbox h3 a {
                     color:#383838;
                     font-size:11px;
              }
			  .imgbox h3 {
				margin:0 5px;
			  }
              .imgbox a {
                     color:#8E8E8E;
              }
              .imgbox a:hover {
                     text-decoration:underline;
              }
              .imgbox a.more {
                     color:#4C4C4C;
                     font-weight:bold;
                     background:url(/img/shared/drzewo_li.gif) 5px 50% no-repeat;
                     padding-left:15px;
              }
              .imgbox span.date {
                     color:#666;
					 float:none;
					 display:inline;
                     font-size:10px;
              }
			  .imgbox a.button span {
					color:#fff;
				}
		.WIPzstl {
			display:block;
			margin:10px 5px 5px 5px;
		}
       span.date {
			float:right;
			margin-bottom:-1.5em;
		}
		div.categories {
			height:3em;
		}

       .halfCol p {
              margin:5px;
       }
       #mainContent .halfCol h2 {
              margin: 0 5px;
       }

       .quarterCol h3 {
              color:#383838;
              font-size:12px;
       }
       .NLzapisz {

       }
       .NLzapisz input.text {
              background:url(/img/shared/input_shadow.gif) 0 100% repeat-x;
              border:1px solid #CECECE;
              width:144px;
              height:18px;
       }
       .NLzapisz input.submit {
              color:#fff;
              background:url(/img/shared/button_ok2.gif) 50% 50% no-repeat;
              border:none;
              font:bold 11px Arial, sans-serif;
              width:28px;
              height:28px;
       }
       .NLzapisz p {
              margin: 10px 0;
              color:#8D8D8D;
       }

       .ZTPHP {
              border-bottom:1px solid #eee;
              margin-bottom:5px;
              min-height:161px;
              _height:161px;
       }

       .WSSzuk3 {

       }

       .WSSzuk3 input, .WSSzuk3 select {
              width:95%;
              border:1px solid #979797;
              margin:2px 0;
       }
       .WSSzuk3 .boxes input {
              width:auto;
              border:none;
              margin-right:5px;
       }
       .WSSzuk3 input.submit {
              background:url(/img/shared/input_szukaj.gif) 50% 50% no-repeat;
              float:right;
              width:81px;
              height:27px;
              color:#fff;
              font:bold 11px Arial, sans-serif;
              border:none;
              text-align:center;
       }
       #footer {
              background:url(/img/shared/footer_bg.gif) 50% 0 no-repeat;
              color:#fff;
              height:22px;
              line-height:22px;
              text-align:center;
              position:relative;
       }
       #footer a {
              color:#fff;
       }
              #footer a:hover {
                     text-decoration:underline;
              }

       #footer .left {
              position:absolute;
              left:10px;
              top:0;
       }
       #footer .right {
              position:absolute;
              right:10px;
              top:0;
       }

/*
 * Style indywidualne dla podstron na podstawie ID glownego kontenera
*/
       #SDO .HTML1 div {
              padding-top:0;
       }
       #SDO .singleCol .HTML img {
			float:left;
			margin:0 10px 10px 0;
		}
       #SDGospodark .HTML1 {
              background:url(/img/sub/gospodarka/top_photo_bg.jpg) 0 0 no-repeat;
       }
       #SDDla .HTML1 {
              background:url(/img/sub/dlamediow/top_photo_bg.jpg) 0 0 no-repeat;
              height:165px;
       }
              #SDDla .HTML1 div {
                     padding-top:0;
              }
 /******* lb poprawka *******/
       #SDDl {
              margin:5px auto;
       }
       #SDDla .PHP3 {
              margin:20px 0;
       }
       #SDDla .PHP3 .imgbox {
              margin:10px 0;
              min-height:0;
              _height:auto;
       }
       #SDDla .PHP3 .imgbox a {
              color:#3A3A3A;
       }
       #SDKariera .HTML1 {
              background:url(/img/sub/praca/top_photo_bg.jpg) 0 0 no-repeat;
       }
              #SDKariera .HTML1 div {
                     padding-top:0;
              }
       #SDSpolecznosc .HTML1 {
              background:url(/img/sub/spolecznosc/top_photo_bg.jpg) 0 0 no-repeat;
			  margin-bottom:15px;
			  height:185px;
       }
       #SDSrodowisko .HTML1 {
              background:url(/img/sub/srodowisko/20090901_top_srodowisko_pr_588x185.jpg) 0 0 no-repeat;
			  margin-bottom:15px;
			  height:185px;
       }
       #SDHKontakt .HTML1 {
              background:url(/img/sub/kontakt/top_photo_bg.jpg) 0 0 no-repeat;
       }
			#SDHKontakt .HTML1 div {
				padding-top:0;
			}
			#SDHKontakt .quarterCol select {
				width:100%;
			}
			#SDHKontakt .quarterCol option {
				padding-right:5px;
			}
              #SDHKontakt div.wizyta1 {
                     background:url(/img/sub/kontakt/wizyta1_bg.jpg) 100% 35px no-repeat;
                     border-right:none;
                     width:133px;
                     min-height:0;
                     _height:auto;
              }
              #SDHKontakt div.wizyta2 {
                     background:url(/img/sub/kontakt/wizyta2_bg.jpg) 1px 35px no-repeat;
                     border-right:none;
                     width:130px;
                     min-height:0;
                     _height:auto;
              }
              #SDHKontakt .wizyta1 a, #SDHKontakt .wizyta2 a {
                     display: block;
                     padding:40px 0 25px 0;
                     color:#666;
              }
              #SDHKontakt .wizyta2 a {
                     margin-top:35px;
              }
              #SDHKontakt .wizyta1 a strong, #SDHKontakt .wizyta2 a strong {
                     display: block;
                     color:#353535;
              }

       #WIPR ul.drzewo {
              height:auto;
              min-height:0;
       }
       #SDWspolpraca .HTML1 {
              background:url(/img/sub/wspolpraca/top_photo_bg.jpg) 0 0 no-repeat;
       }
       #SDO .HTML1 {
              background:url(/img/main/20090812_crf_corp_main_top_bck.jpg) 0 0 no-repeat;
			  margin-bottom:15px;
       }

/*
 * zmiana stylow zxaleznie od wykrytej szerokosci.
*/
.page {
	position:relative;
}
.narrow .page, .narrow #top {
       width:800px;
}
.narrow #SDmenuG1 #WSszuk1  {
       background:url(/img/shared/menuG1_bg.gif) 100% 6px no-repeat;
}
.narrow #SDmenuG1 #WSszuk1 fieldset {
       padding-right:5px;
}
.narrow #SDmenuG3 li {
       _padding-right:0;
}
.narrow .singleCol {
       padding-right:0;
}

.narrow #rightCol, .narrow #ZSlink {
       display:none;
}
#switcher {
       display:none;
       width:100px;
       height:27px;
       position:absolute;
       right:200px;
       margin-top:5px !important;
       margin-top:0;
       line-height:27px;
       color:#9D9D9D;
       font-weight:normal !important;
}
.narrow #switcher {
       background:url(/img/shared/switcher_more.gif) 100% 50% no-repeat;
       display:block;
       right:0;
}
.narrow #footer .right {
              background:url(/img/shared/footer_bg.gif) 100% 0 no-repeat;
              right:0;
              padding-right:10px;
       }
.wide #switcher {
       background:url(/img/shared/switcher_less.gif) 100% 50% no-repeat;
       display:block;
}


/*
*       lead-up
*/
#leadupBox {
	display:none;
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background:url(/img/shared/leadup_bg.png);
	display:none;
	_background:url(/img/shared/leadup_bg_ie6.png);
	height:100%;
	width:100%;
}
* html #leadupBox { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
		#leadup {
			position: fixed;
			background:#fff;
			color:#666;
			padding:10px 20px;
			top:50px;
			left:50%;
			width:560px;
			margin: 0 0 0 -330px;
		}
		* html #leadup { /* ie6 hack */
			position: absolute;
			margin-top: expression((TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
		}
/*
#leadupBox {
       position:absolute;
       top:0;
       left:0;
       width:100%;
       height:100%;
       background:url(/img/shared/leadup_bg.png);
       display:none;
       _background:url(/img/shared/leadup_bg_ie6.png);
	   z-index:100;
}

		#leadup {
			  background:#fff;
			  color:#666;
			  width:560px;
			  padding:10px 20px;
			  position:absolute;
			  top:0;
			  left:50%;
			  margin-left:-300px;
			  z-index:99;
			min-height:120px;
			_height:120px;
	}	*/

		#leadup p {
			margin:10px 0;
		}
		#leadup div.box {
			clear:both;
		}

       #leadup h2 {
              color:#343434;
              font-size:14px;
              margin: 5px 4% 10px 4%;
       }
       #leadup h3 {
              color:#383838;
              font-size:12px;
       }

	   #leadup p.imgDesc {
		margin: 10px 50px;
		text-align:center;
	   }
	   #leadup a.prevImg, #leadup a.nextImg {
			display:block;
			width:30px;
			height:30px;
			position:absolute;
			bottom:10px;
			overflow:hidden;
			text-indent:-999px;
	   }
	   #leadup a.prevImg {
		background:url(/img/shared/nav_prev.gif) 50% 50% no-repeat;
		left:15px;
	   }
	   #leadup a.nextImg {
		background:url(/img/shared/nav_next.gif) 50% 50% no-repeat;
		right:15px;
	   }
	   #leadup img.bigImg {
		display:block;
		margin:10px auto;
	   }



/* Przekopiowane style z formularzy */
form#leadup {
	width:36em;
	margin-left:-18em;
	padding:1em;
	min-height:250px;
	_height:250px;
}
form#leadup li.error {
	background:#F1F1F1 url(/img/shared/error.gif) 14em 0em no-repeat;
	float:left;
	margin-top:10px;
	padding-top:0;
}
form#leadup .error p {
	margin: 0 0 0 14em;
	padding:3px 25px;
	color: #4C4C4C;
}

form#leadup strong {
	font-weight:bold;
}

form#leadup ol, form#leadup li {
    width:36em;
}

form#leadup ol  {
    list-style:none;
}

form#leadup fieldset {
    border:none;
}

form#leadup li {
    display:block;
    clear:both;
    padding:10px 0;
    min-height:1.2em;
    _height:1.2em;
}

form#leadup li label, form#leadup li span.groupLabel {
     float:left;
     font-weight:bold;
     color:#313131;
     width:14em;
     margin-right:0.5em;
     text-align:right;
}
form#leadup li sup {
    color:#4D4D4D;
		line-height:0;
}

form#leadup .czerwony {
    color:#4D4D4D;
    line-height:0;
}
form#leadup .boxgroup input {
     float:none;
     margin-right:0.5em;
}
form#leadup .boxgroup label {
    font-weight:normal;
    color:#7F7F7F;
    float:none;
}
form#leadup input {
    float:left;
}
form#leadup input.text, form#leadup select, form#leadup textarea, form#leadup fieldset {
    float:left;
    width:17em;
    border: 1px solid #979797;
}

form#leadup input.cancel {
    background:url(../img/shared/button_cancel.gif) 50% 50% no-repeat;
    border:none;
    color:#fff;
    height:27px;
    width:82px;
    float:left;
    margin-left:7em;
}
form#leadup input.ok, form#leadup input.cancel {
	font:bold 1em Arial, sans-serif;
}
form#leadup textarea {
    overflow:auto;
    height:4em;
}

form#leadup .box {
	clear:both;
	background:#F5F5F5;
	padding:10px;
	margin:10px 0;
}
form#leadup .box p {
	margin:0;
}

form#leadup input.ok {
    background:url(/img/newsletter_korpo/button_ok.gif) 50% 50% no-repeat;
    border:none;
    color:#fff;
    height:27px;
    width:82px;
    float:right;
}
form#leadup input.cancel {
    background:url(/img/newsletter_korpo/button_cancel.gif) 50% 50% no-repeat;
    border:none;
    color:#fff;
    height:27px;
    width:82px;
    float:left;
    margin-left:7em;
}


  div.katalog { /* jest to jedyna klasa, ktora dodalem do projektu - ta nazwa z niczym nie koliduje - mysle, ze moze taka zostac */
    width: 132px;
		padding-left: 8px;
    float:left;
    clear:none !important;
  }

/* 20090218 gs@plum dodane by lista w srodkowej lewej kolumnie poprawnie wyswietlala obrazki */
.infopage-left-list img {
                     float:left;
                     margin:10px 10px 10px 10px;
					 border:1px solid #FFFFFF;
              }

.infopage-left-list {
	padding:5px 0px 5px 0px;
	}

.infopage-left-list {
	color:#8E8E8E;
	}

.infopage-left-list a:hover {
	text-decoration:underline;
	}

.infopage-left-list a {
	color:#8E8E8E;
	}


.infopage-left-list h3 a {
	color:#383838;
	}