@charset "iso-8859-2";

/* lewa kolumna - wyszukiwarka, kilka linków i newsletter */
#leftContent {
	width: 296px;	
  margin-left: -296px;
  position: relative;
  float: left;
}

/* kolor i górny odstęp dla akapitów w lewej kolumnie */
#leftContent p {
	color: #8F8B8B;
}

/* ******************** wstępne ustawienia wyglądu formularzy w lewej kolumnie ******************** */
#leftContent input.submit, #leftContent button.submit {
	border: none;
	outline: none;
	background: 0 0 no-repeat;
}

#leftContent .formPart {
	clear: left;
	text-align: right;
	padding-left: 7px;
	position: relative;
}

#leftContent label {
  font-weight: bold;
	color: #8F8B8B;
	font-size: 9pt;
	line-height: 16px;
	display: block;
	float: left;
	text-align: left;
}

#searchBoxBottom .textinput {
	width: 123px;
	height: 14px;
}

input.textinput {
	background: #000;
  border: 1px solid #8F8B8B;
	outline: none;
	color: #808080 !important;
}

#searchBoxBottom form .formPart a, 
#searchBoxBottom form .formPart a:link,
#searchBoxBottom form .formPart a:visited {
	color: #fff;
	font-weight: bold;
	font-size: 11px;	
	position: absolute;
	left: 0px;
	top: 13px;
	z-index: 4;
}

#searchBoxBottom button.submit {
	width: 129px;
	height: 45px;
	background-image: url(../gfx/search.jpg); 
	position: absolute;
	bottom: 0;
	right: -18px;	
	cursor: pointer;	
}

#searchBoxBottom button.submit span {
	font-weight: bold;
	font-size: 8pt !important;	
	color: #ffcc00;
	letter-spacing: -1px;
	position: absolute;
	top: -12px;
	* top: 12px;
	left: 45px;
}

#searchBoxBottom button.submit:hover span {
	text-decoration: underline;
}

/* hack na Operę - to się nie waliduje :(
 * a ta "wspaniała przeglądarka ma pare nieprzewidzianych zachowań
 * to taka osobista dygresja - wolę IE, bo mogę go ominąć warunkowymi
 * i chociaż mi się arkusz waliduje
 */
@media all and (min-width: 0px) {
	#searchBoxBottom button.submit span { 
		top: 10px;
		left: 48px;
	}
}
#searchBoxBottom .buttonContainer {
	height: 48px;	
}

/* ******************** wstępne ustawienia wyglądu formularzy w lewej kolumnie ******************** */

/* ******************** pojemnik z wyszukiwaniem ******************** */
#searchHeader {
		background: url(../gfx/searchtop.jpg) 0 0 no-repeat;
		width: auto;
		height: 75px;
}

#searchHeader h3 {
	padding: 42px 23px 0;
	color: #ffdd01;	
}

#searchBoxContainer {
	background: url(../gfx/leftbg.jpg) 0 0 repeat-y;			
}

#searchBoxTop {
	background: url(../gfx/searchboxtop_alt.jpg) 0 0 no-repeat;		
}

#searchBoxBottom {
	min-height: 107px;
	background: url(../gfx/searchboxbottom.jpg) left bottom no-repeat;		
}
/* innerSpaces nadaje wstępne odległości od "krawędzi" wyznaczonych przez grafikę, raczej jest nadpisywany dla każdej warstwy, w ktorej występuje */
.innerSpaces {
	width: auto;
}
#searchBoxBottom .innerSpaces {
	padding: 30px 23px 9px;
}
/* ******************** pojemnik z wyszukiwaniem ******************** */

/* ******************** warstwa z linkami "zobacz więcej" ******************** */
#usefulLinksContainer {
	width: auto;
	background: url(../gfx/usefullinksbg.jpg) 0 0 repeat-y;	
}

#usefulLinksTop {
	background: url(../gfx/usefullinkstop.jpg) 0 0 no-repeat;		
}

#usefulLinksBottom {
	background: url(../gfx/usefullinksbottom.jpg) left bottom no-repeat;			
	min-height: 152px;	
	width: auto;
}

#usefulLinksBottom .innerSpaces {
	padding: 13px 23px 45px;
}

#usefulLinksBottom h3 {
	color: #f8f8f8;
}

#usefulLinksBottom ul {
	list-style: none;
	padding: 0 0 0 6px;
	margin-top: 16px;
}

#usefulLinksBottom ul li {
	font-size: 9pt;	
	font-weight: bold;
	line-height: 16px;
	padding-left: 19px;
	background: url(../gfx/marker01.jpg) 0 4px no-repeat;	
}

/* linki w wykazie */
#usefulLinksBottom ul li a,
#usefulLinksBottom ul li a:visited,
#usefulLinksBottom ul li a:active,
#usefulLinksBottom ul li a:hover {
	color: #8F8B8B;
}

#usefulLinksBottom ul li a:hover {
	color: #fff;
}
/* ******************** warstwa z linkami "zobacz więcej" ******************** */

/* ******************** newsletter ******************** */
#newsletterBox {
	width: auto;
	min-height: 156px;
	background: url(../gfx/newslettertop.jpg) 0 0 no-repeat;		
}

#newsletterBox .innerSpaces {
	/*padding: 6px 19px 32px 23px;*/
	padding: 18px 0px 30px 32px;
}

#newsletterBox h3 {
	color: #ffdd01;
	padding-bottom: 18px;
}

#newsletterBox p {
	padding-left: 16px;
}

#newsletterBox form {
	padding: 18px 0 0 10px;
}

#newsletterBox .textinput {
	width: 103px;	
	height: 14px;
	margin-right: 80px;
}

#newsletterBox form button.submit {
	width: 104px;
	height: 26px;
	background-image: url(../gfx/signin.jpg);	
	margin-top: 12px;
	margin-left: 139px; 
	cursor: pointer;	
	position: relative;
}

#newsletterBox button.submit span {
	font-weight: bold;
	font-size: 8pt !important;	
	color: #fff;
	width: 104px;
	height: 26px;
	line-height: 26px;
	display: block;		
	letter-spacing: normal;
}

#newsletterBox form button.submit:hover span {
	color: #ffcc00;
}

/* ******************** newsletter ******************** */