body {
	margin: 0;
/* zeroes the margins on the body */
	padding: 0;
/* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
	border: 0;
/* zeroes off any existing border */
	background-color: #fff;
/* sets the body background colour */
	color: #7e7f83;
/* set the default text color */
	text-align: center;
/* Hack to centre the wrapper in IE5.x pc */
	font-family: Tahoma, sans-serif;
/* set the default fonts */
	font-size: 100.01%;
	/* GRONAS: 100.01->80.01;
Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
	min-width: 740px;
/* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}
#container {
	margin: 10px auto 10px;
/* centers the wrapper first value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	width: 740px;
	w\idth: 740px;
/* sets the width of the wrapper, and therefore our design */
	position: relative;
/* important to position it relatively */
	background: url('../images/mid.border.jpg') center repeat-y;
	background-color: #fff;
/*sets the wrappers background color*/
	text-align: left;
/* Realigns the text to the left after the IE hack in the body rule */
	padding: 0;
}
#header {
	background: url('../images/header.gif') no-repeat;
	width: 740px;
/* no such prop in tut */
	height: 106px;
}
#footer {
/* Begin laying out and styling the footer div */
	background-image: url('../images/footer.gif');
/* sets a background colour for the footer */
	background-position: bottom center;
	width: 740px;
/*Sets the footers width*/
	height: 46px;
/* GRONAS: added */
	font-size: 60%;
/* sets the footer text size */
	text-align: right;
/* aligns the text to the right*/
	margin-top: 0px;
/* Adds a margin to the top of the footer*/
	clear: left;
/*clears any floats to the left - our leftcol div in this instance*/
}


/*-----------------------------------  instrumenty_win.styles  -----------------------------------*/

.win_holder {
			position: absolute;
			left:50%;
			margin-left:-230px;
			top:160;
			color:#000;
			}
			
			#win_one {

			position:absolute;
			width:136px;
			height:93px;
			left: 49px;
			top: 23px;
			visibility: show;
			background: url('../../user_upload/instrumenty/1.gif') no-repeat;
			font-family: tahoma,arial,helvetica,sans-serif;
			font-size:10px;
			padding-top:20px;
			}
			
			#win_two{

			position:absolute;
			width:163px;
			height:175px;
			left: 40px;
			top: 158px;
			visibility: show;
			background: url('../../user_upload/instrumenty/2.gif') no-repeat;
			font-family: tahoma,arial,helvetica,sans-serif;
			font-size:10px;
			padding-top:12px;			
			}
			
			#win_three{

			position:absolute;
			width:165px;
			height:129px;
			left: 289px;
			top: 289px;
			visibility: show;
			background: url('../../user_upload/instrumenty/3.gif') no-repeat;
				font-family: tahoma,arial,helvetica,sans-serif;
				font-size:10px;
			padding-top:12px;			
			}
			
			#win_circle {

			position:relative;
			left:250;
			top:15;
			width:264px;
			height:265px;
			background: url('../../user_upload/instrumenty/circle.gif') no-repeat;
			visibility:show;
			}
			
			.win_txtline {
			margin-top:5px;
			padding-left:20px;
			padding-top:1px;
			width:100px;
			background: url('../../user_upload/instrumenty/arrow_right.gif') no-repeat;
			}
			
			#win_circleText {
			

			position:absolute;
			left:310;
			top:51;
			width:264px;
			height:265px;
			visibility:show;
			font-family: tahoma,arial,helvetica,sans-serif;
			font-size:10px;
			}
			
			#win_line1{
			position:absolute;

			position:absolute;
			left:183;
			top:71;
			width:75px;
			height:34px;
			background: url('../../user_upload/instrumenty/1l.gif') no-repeat;
			}
			
			#win_line2{
			position:absolute;
			left:202;
			top:240;
			width:90px;
			height:15px;
			background: url('../../user_upload/instrumenty/2l.gif') no-repeat;
			}
			
			#win_line3{
			position:absolute;
			left:453;
			top:237;
			width:23px;
			height:131px;
			background: url('../../user_upload/instrumenty/3l.gif') no-repeat;
			}
			
/*-----------------------------------  search.styles  -----------------------------------*/

div .tx-indexedsearch {
	font-size:70%;
	margin: 0px 20px 10px 20px;
}

div .tx-indexedsearch-browsebox{
	padding:4px;
}

div .tx-indexedsearch-browsebox ul li a{
	font-size:140%;
}


.tx-indexedsearch-browsebox-SCell{
	border-style: solid none none  none;
	border-width:1px;
	border-color:#e0e0e0;
	font-size: 60%;
}

.tx-indexedsearch-browsebox-SCell a{
	padding:2px 6px;
	background-color:#F5F5F5;
	/*#EBF0F6;*/
}

.tx-indexedsearch-browsebox-SCell a:hover{
	background-color:#EBF0F6; /*#A0B7D4;*/
	
}

div.tx-indexedsearch-whatis {
	color:#222;
	/*
	border-style: solid none none none;
	border-width:1px;
	border-color:#e0e0e0;	
	*/
}


.tx-indexedsearch-sw{
	 color: #000;
	 background-color:#F5F4EB; /*#CCD8E8;#E8E5CC;#F5F4EB; - piaskowy */
	 padding: 1px 3px;
	 font-style: none;
}


span.tx-indexedsearch-redMarkup{
	 color: #000;
	 background-color:#F5F4EB; /*#CCD8E8;#E8E5CC;#F5F4EB; - piaskowy */
}


.tx-indexedsearch-secHead{
    background-color:#7696C1;
}

.tx-indexedsearch-secHead h2{
    color:#fff;
 	padding-left:10px;
  	padding-bottom:3px;
}

.tx-indexedsearch-secHead a, .tx-indexedsearch-secHead a:hover{
    color:#fff;
}

.tx-indexedsearch-secHead p{
    color:#fff;
    font-size:60%;
    padding-right:3px;
}

.tx-indexedsearch-title {
    background-color:#EBF0F6;
	padding-bottom:3px;
	margin-bottom:5px;
}

div.tx-indexedsearch-info{
	background-color:#F5F5F5;
	margin-top:5px;
}

div.tx-indexedsearch-info a{
    font-size:80%;
}

/*
p span .tx-indexedsearch-browsebox-strong
p span div .tx-indexedsearch-sectionlinks

.tx-indexedsearch-res

.tx-indexedsearch-res .text
.tx-indexedsearch-title-icon
.tx-indexedsearch-title-number
.tx-indexedsearch-title-caption
.tx-indexedsearch-percent
.tx-indexedsearch-descr
.tx-indexedsearch-redMarkup
div .tx-indexedsearch-info
span .tx-indexedsearch-info
*/

a {
	font-weight: bold;
	color: #8592A2;
	text-decoration: none;
}

a:hover{
		color:#555;
}


#langSel a {
	position: absolute;
        z-index:3;
	top: 109px;
	left: 50%;
        margin-left:323px;
}


/*-----------------------------------  menu  -----------------------------------*/

#leftcol {
/* Begin laying out the leftcol div */
	float: left;
/* Floats the div to the left to make a column */
	width: 132px;
/* sets a width for the div - Imperative for IE mac */
	margin-bottom: 0px;
	margin-left: 20px;
/*creates a margin on the left to move the div away from the wrapper's edge */
	margin-top: 0px;
	padding-top: 20px;
	background-color: #EBF0F6;
	background-image: url('../images/menu.bott.1.gif');
	background-repeat: no-repeat;
/* prevents the bg image from repeating, no need to position it as top left is the default and that is where we want the image to show */
/* rozne warianty otrzymania gradientu na prawidlowej wysokosci   GRONAS.TODO: check later how it extends vert. */
	/* background-position: bottom center;
	0px 30%;
*/
	/* background-position: 0px 30%;
*/
	background-position: bottom center;
	/* height: 100px;
/ GRONAS: rozw sprzezone z (1)*/
	display: inline;
/* GRONAS: anti ie.problem.doublemargin hack */
	font-size: 80%;
}
#leftcol .menu {
	line-height: 100%;
/* helps out IE 5.01 PC */
	width: 132px;
/* sets a width for the div */
	padding: 0 0px 300px 0;
/* XX  /gives our background image room to display / GRONAS: sprzezenie (1)*/
}
#leftcol .menu a, #leftcol .menu a:visited {
/* use dual selectors if the properties and values are the same for each */
	/* color: #7e7f83;
changes the default text colour to white */
	display: block;
/* required to make the links act like a button, having the full area "clickable" */
	padding: 0px;
/* sets padding values to give the link text some "air" */
	margin: 0px;
	text-decoration: none;
/* removes the default underline */
	background-color: transparent;
/* #EBF0F6 sets a background colour on the links which hides the roll over snowman image in the li selector */
	width: 132px;
/* sets the width for IE5.x - content width plus border widths plus padding value = 6(7) extra pixels */
	w\idth: 132px;
/* resets the width for IE6 and compliant browsers */
	font-weight: normal;
}
.menu_wrapper {
	padding: 3px 15px;
	;
/* XX  */
}
/* using the \ escape character as in w\idth - see final property declaration in the selector above */
/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a, b, c, d, e or f. If it does it will be seen as a hex character and the hack will fail */
/*#leftcol .menu a:hover, #leftcol .menu a:focus {
	background-color: #fff;
	color: #000;
}
*/
#leftcol .menu .menu1-level1-act a, #leftcol .menu .menu1-level1-act a:hover {
	color: #000;
	text-transform: uppercase;
	font-size: 70%;
}
#leftcol .menu .menu1-level1-act {
	background-image: url('../images/menu.bottom.line.gif');
	background-position: 60% 100%;
	background-repeat: no-repeat;
	text-align: right;
	color: #000;
}
#leftcol .menu .menu1-level1-no a {
	text-transform: uppercase;
	font-size: 70%;
	color: #7e7f83;
	background-color: #EBF0F6;
}
#leftcol .menu .menu1-level1-no a:hover {
	color: #000;
	background-color: #fff;
}
.menu1-level2-no, .menu1-level2-act {
	text-align: right;
	font-size: 80%;
}
#leftcol .menu .menu1-level2-act a, #leftcol .menu .menu1-level2-no a {
	color: #000;
}
#leftcol .menu .menu1-level2-act {
	background-image: url('../images/submenu.act.png');
	background-position: 95% 8px;
	background-repeat: no-repeat;
}
#leftcol .menu .menu1-level2-no a:hover {
	background-color: #fff;
}

/*-----------------------------------  searchbox  -----------------------------------*/

#searchbox {
	backgroud-repeat: no-repeat;
	position: absolute;
	top: 104px;
	left: 50%;
	margin: 0 0 0 -355px;
	width: 165px;
	height: 26px;
	font: 80% "Tahoma";
}
#searchfield {
	background-color: transparent;
	border: 1px solid #7e7f83;
	width: 78px;
	position: absolute;
	top: 2px;
	left: 13px;
	font: 80% "Tahoma";
	text-decoration: bold;
	color: #7e7f83;
	padding: 0px;
	margin: 0px;
}
#searchbutton {
	font: 0.8em "Tahoma";
	width: 38px;
	height: 60%;
	position: absolute;
	top: 2px;
	right: 33px;
	color: #7e7f83;
	background: #e0e0e0;
	border: 1px solid #7e7f83;
	padding: 0;
}
/* my content styles 8592A2*/
#content {
/* Begin laying out and styling the content div */
	width: 560px;
/* sets the width of our content*/
	margin-left: 152px;
/* XX 140px / this left margin clears the leftcol div and allows our content div to become a second column */
	padding: 15px 0 0 0;

}
#stripe {
	position: absolute;
	z-index: 2;
	width: 568px;
	height: 15px;
	background: url('../images/top.stripe.gif') top repeat-x;
	margin-top: 0px;
	margin-left: 152px;
	font-size: 9px;
	padding-top: 2px;
	color: #8592A2;
}
#stripe a, #stripe a:hover {
	font-weight: normal;
	color: #8592A2;
	text-decoration: none;
	margin: 10px;
	padding: 2px 2px;
/**/
}
#stripe a:hover {
	color: #404040;
}
#content p.bodytext{
	font-size: 75%;
	margin: 5px 16px 0px 30px;
	padding: 0px;
	color: #7e7f83;
	font-weight: normal;
	text-align: justify;
}

#content p.csc-caption {
	font-size: 65%;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	color: #7e7f83;
	font-weight: normal;
	text-align: justify;
}

#content p.bodytext a{
	font-weight: bold;
	color: #8592A2;
	text-decoration: none;
}


/*-----------------------------------  rte part  -----------------------------------*/

div.csc-header {
	margin-top: 5px;
	text-align: right;
	height: 28px;
	background-image: url('../images/header.lines.gif');
	background-position: top center;
	background-repeat: no-repeat;
}

H1 {
	font-size: 104%;
	color: #7e7f83;
	font-weight: bold;
}
H2 {
	font-size: 80%;
	color: #7e7f83
}
H3 {
	font-size: 95%;
	color: #7e7f83;
	font-weight: normal;
}
H4{
	font-size: 75%;
	color: #7e7f83;
}

h5,h6{
	font-size: 70%;
	color: #7e7f83;
}

#content div.csc-header H1, 
#content div.csc-header H2, 
#content div.csc-header H3, 
#content div.csc-header H4, 
#content div.csc-header H5, 
#content div.csc-header H6 {
/*
	margin-top: 0px;
	margin: 0px;
	padding: 3px 20px 0 30px; 
*/
	margin: 3px 16px 0 30px;
}

#content div.csc-header H1{
		 padding-top:1px;
}

#content H1, 
#content H2, 
#content H3, 
#content H4, 
#content H5, 
#content H6 {
	margin: 5px 16px 0px 30px;
}

/* XX  */
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader {
	margin-top: 0px;
	margin: 0px;
}

#content ol, #content ul {
		 margin: 3px 16px 0 30px;
		 padding-left:20px
}
#content ol li, #content ul li{
		 font-size:70%;
		 color:#8592A2;
}

#content table.contenttable{
		 margin: 5px 16px 0px 30px;

}




/* Images / Tables / Floating text */
TABLE.imgtext-table {
	margin: 10px 18px ;
}
/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here:*/
TABLE.imgtext-nowrap {
	border: 0px;
}
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 {
	margin-top: 0px;
}


/*-----------------------------------  mail&search forms  -----------------------------------*/

#content form {
		 background-color:#fafafa;
		 padding-top:5px;
		 margin: 0 20px 0 30px;
		 border: solid 1px #ccc;
}

#content form div{
	padding-right:5px;
	margin-top: 4px;
	color: #7e7f83;
    font-size: 0.9em;
    font-weight:bold
}

#content input{
	  color: #7e7f83;
      font-size: 0.8em;
      margin: 3px 0 3px 0;
      border: 1px solid #7e7f83;
/*  background: #EBF0F6; border: solid 1px #7696C1; */
}

#content select {
      margin: 3px 0 3px 0;
		 color: #7e7f83;
 		 font-size: 0.8em;
}

#content textarea {
		 font: 0.8em;
		 color: #7e7f83;
		 font-size: 100%;
 		 border: 1px solid #7e7f83;
}

#istsearch td{
		   font-size: 0.8em;
		   margin:2px;
}

table.csc-mailform{
     margin-left:30px;

}

td.csc-form-labelcell{

}

p.csc-form-label-req{
    font-size:70%;

}

/*
</td><td class="csc-form-fieldcell">
<textarea name="Pytanie" cols="40" rows="10" wrap="virtual">
</textarea></td></tr><tr>
<td class="csc-form-labelcell">
<p class="csc-form-label-req">Twój e-mail:</p></td>
<td class="csc-form-fieldcell">
<input name="email" size="20" value="" type="text"></td></tr><tr>
<td class="csc-form-labelcell"><p class="csc-form-label"></p></td>
<td class="csc-form-fieldcell">
<input name="formtype_mail" value="Wyoelij" type="submit"></td></tr></tbody></table>
*/