@import url('css/common.css');
@import url('menu.css');

	body
	{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: verdana, "trebuchet ms", sans-serif;
	line-height: 120%;
	background: #cecfcf;
	behavior:url("css/csshover.htc");	
	}
	
	
	a
	{
	color: #16542d;
	text-decoration: none;
	}
	
	a:hover
	{
	text-decoration: underline;
	border-bottom: none;
	}

div.popUp {
	text-align: center;
	padding: 40px 20px 20px;
	border: 2px solid #ffffff;
	background-color: #c4006f;
	color: #ffffff;
	width: 450px;
	height: 280px;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
}	
	
#pageContent a
{
font-weight: bold;
}
	
#pageContent a:hover
{
	color: #16542d;	
}	

#pageContent p
{
margin: 6px 0;
padding: 0;
}

	
	#infoBox
	{
	position: absolute;
	left: -999px;
	}
	#shadow
	{
	width: 788px;
	display: block;
	margin: 0 auto;
	background: url('i/page_bg.gif') top center repeat-y;
	}
	#shadow2
	{
	width: 776px;
	display: block;
	margin: 0 auto;
	background-color: white;
	}
	
	#container
	{
	width: 776px;
	display: block;
	margin: 0 auto;
	position: relative;
	}
	
	#pageTop
	{
	position: relative;
	background: #999;
	display: block;
	border-top: 3px solid #566e6e;

	}
	
	#pageTopLogo
	{
	background: #2d3939;
	display: block;
	width: 100%;
	height: 30px;	
	background: url('i/top_bg.jpg') left top repeat-x;
	}
	#gorny
	{
	position: absolute;
	top: 20px;
	}
	#pageTopLogo ol
	{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
	#pageTopLogo ol li
	{
	display: inline;
	}
	
	#pageTopLogo ol li a
	{
	float: left;
	padding: 0 ;
	padding-top: 8px;
	padding-left: 8px;
	color: #eee;
	/*text-transform: lowercase;*/
	text-decoration: none;
	font-size: 10px;
	}
	
	#pageTopSearchfield
	{
	position: absolute;
	right: 0;
	width: 320px;
	text-align: right;
	top: 6px;
	right: 4px;
	}
	
	#pageTopSearchfield form
	{
	margin: 0;
	padding: 0;
	}
	
	#pageTopSearchfield fieldset
	{
	margin: 0;
	padding: 0;
	border: none;
	}
	
	#pageTopSearchfield  legend
	{
	display: none;
	position: absolute;
	left: -999px;
	}
	
	#pageTopSearchfield input
	{
	display: inline;
	width: 100px;
	border: 1px solid #083217;
	background: #3b734f;
	color: #ccc;
	}
	
	#pageTopSearchfield
	{
	position: absolute;
	}
	
	#submitSearch
	{
	width: 30px !important;
	}
	
	#pageTopNavigation
	{
	height: 44px;
	}

	
	#pageContent
	{
	clear: left;
	padding: 0 32px;
	padding-bottom: 32px;
	font-size: 95%;
	color: #444;
	}
	
	#pageContent h2
	{
	font-family: "trebuchet ms", geneva, sans-serif;
	font-size: 140%;
	color: #333;
	padding-bottom: 12px;
	border-bottom: 1px solid #228345;
	}
	
	#pageBanners
	{
	height: 175px;
	padding: 20px 10px;
	position: relative;
	}
	
	#pageBanners h2
	{
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 125%;
	bottom: 36px;
	font-family: "palatino linotype", "trebuchet ms", sans-serif;
	font-style: oblique;
	font-size: 120%;
	color: #228345;
	}
	
	#pageBanners q
	{
	
	}
	
	#pageLogIn
	{
	border-top: 16px solid #228345;
	height: 26px;
	background: url('i/bg_login.gif') left top repeat-x;
	text-align: right;
	}
	
	#pageLogIn a
	{
	border-left: 2px ridge #fff;
	font-size: 10px;
	color: #000;
	padding: 2px 16px;
	position: relative;
	top: -1px;
	_top: -2px;
	right: 0;
	text-decoration: none;
	font-family: tahoma, sans-serif;
	}
	
	#pageLogIn a:hover
	{
	color: #0f0;
	}
	
	
	#pageFooter
	{
	text-align: center;
	display: block;
	background: url('i/footer_bg.jpg') top left repeat-x;
	border-bottom: 2px solid #000;
	height: 56px;
	font-size: 80%;
	}
	
	#pageFooter p a
	{
	font-weight: bold;
	color: #16542c;
	text-decoration: none;
	}
	
	#pageFooter ul
	{
	margin: 0;
	}
	
	#pageFooter ul, #pageFooter li
	{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	top: 3px;
	}
	
	#pageFooter li
	{
	display: inline;
	border-left: 1px solid #000;
	font-size: 7px;
	padding: 0px 0;
	}
	
	#pageFooter li.first
	{
	border-left: none;
	}
	
	#pageFooter li a
	{
padding: 0;
padding-left: 12px;
padding-right: 8px;
font-size: 10px;
text-decoration: none;
color: #000;

	}
	
	#pageFooter li a:hover
	{
	text-decoration: underline;
	}
	
	#pageFooter p
	{
	clear: both;
	margin: 0;
	padding: 0;
	color: #16542c;
	position: relative;
	top: 10px;
	}
	
	#pageContent ul
	{
	margin-left: 24px;
padding-left: 0;
}


	#pageContent ul li b
	{
	color: #228345;
	}
	
	#pageContent ul li
	{
	list-style: square;
	}
	
	
	  .szkolenie {
		   TEXT-DECORATION: none; FONT-SIZE: 8pt; FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-VALIGN: middle;		
		}

	  .szkolenie_top {
		   TEXT-DECORATION: none; FONT-SIZE: 8pt; FONT-WEIGHT: bold; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-VALIGN: middle; background-color: #006699;	padding: 0 4px;	
		}
		
		#pageContent img
		{
		margin-right: 12px;
		}
	 .mainProduct
	 {
	 list-style: none;
	 }
	 
	 .mainProduct li
	 {
	 display: inline;
	 }


#klubMenu
{
list-style: none;
margin: 0;
padding: 0;
position: relative;
bottom: -1px;
}

#klubMenu li
{
display: inline;
}

#klubMenu li a
{
display: block;
float: left;
padding: 1px 8px;
}

#ofiwy .text {
	background			: #FFFFFF;
	color					: black; 
	font-weight			: normal;
	border-color		: #16542c;
	border-style		: solid;
	border-width		: 1px;
	width					: 200px;
}

#ofiwy h4 {
	color					: black; 
	font-weight			: bold;
	font-size			: 11px;
}

#ofiwy img.questionmark {
	vertical-align		: middle;
	cursor				: help;
}

.motip {
	width					: 370px;
	background-color	: #ffffe1;
	border				: 1px solid #777;
	position				: relative;
	font-weight			: normal;
	padding				: 2px;
	font-size			: 10px;
	line-height			: 12px;
	font-family			: tahoma;
}

.motip p {
	margin				: 0px;
	padding				: 0px;
	display				: inline;
}

ol.ankieta li {
	padding-top			: 10px;
}

ul.ankieta2 li {
}

ul.ankieta2 li select {
	float					: right;
}

.intext {
	font-size			: 11px;
	width					: 200px;
	font-family			: tahoma;
}

.formLabel {
	min-width			: 140px;
	float					: left;
	padding-right		: 10px;
}

.formInput input, .formInput input.formError  {
	width					: 200px;
	font-size			: 1em;
	border				: 1px solid #ccc;
	margin				: 2px;
}

.formInput input.formError  {
	border				: 1px solid red;
}

.formInput input:Focus {
	outline				: 2px solid #ccd;
}


.red {
	color					: red;
}

.darkred {
	color					: #990000;
}

.center {
text-align				: center;
}


img.right {
	float					: right;
}

img.left {
	float					: left;
}

ul.quality li {
	list-style-type	: disc !important;
}

div#quality p, div#quality li, div#quality div {
	font-size: 12px !important;
}

div#quality strong.blue {
	color: #228345 !important;
}






#ankieta {
	width: 710px;
	margin: 20px 0;
}

#ankieta th {
	background-color: #eee;
	padding: 2px 5px;
	font-size: 1em;
	text-align: left;
}

#ankieta td {
	background-color: #f4f4f4;
	padding: 2px 5px;
	font-size: 1em;
}

#ankieta input.text {
	width: 300px;
}

.a_uwagi {
	width: 710px;
	height: 50px;
}

.a_uwagi2 {
	width: 710px;
	height: 200px !important;
}

#ankietaSortowanie {
	list-style-type: none !important;
	margin: 20px 0 !important;
	padding: 0 !important;
	width: 500px;
}

#ankietaSortowanie li {
	display: block;
	background-color: #f5f5f5;
	margin: 3px;
	padding: 10px 10px 10px 30px;
	cursor: move;
	background-image: url('img/sort_arrow.gif');
	background-repeat: no-repeat;
	background-position: 8px 3px;
}

#floatbox {
 width: 150px;
 float: right;
 margin-left: 5px;
 margin-top: 40px;
}

#floatbox a {
  display: block;
  margin: 1px 0;
  padding: 0.4em 1em;
  text-align: center;
  color: white;
  background: #228345;
}

#floatbox a:hover {
  text-decoration: none;
  color: #fff;
  background: #16542d;
}

.b5 a {
	display: block;
	height: 40px;
}