* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 {  font-size:100%;  font-weight:normal;  }
abbr, acronym, fieldset, img  { border:0; }
address, caption, cite, code, dfn, em, strong, th, var {  font-style:normal; font-weight:normal; } 
table {  border-spacing:0;  border-collapse:collapse; }    
ol, ul { list-style:none; } 
caption, th { text-align:left; } 
q:before, q:after { content:''; } 
a { text-decoration: none;}
body { font-size: 62.5%;}

/* DEBUG */

/*#page 		{ 	
		background: url('gfx/grid.png');
		outline: 1px solid #ccc;
		}*/

/*div, ul, p { outline: 1px dotted #f5f5f5; }*/
/*p, li { text-decoration: underline; }*/

/* LAYOUT */
.screenshot { 
	border: #b4b5b9 solid 1px;
	/*margin: 0.8em 0 1.3em;*/
	/*margin: 21px 0;*/  /*							<=	TODO USTALIC margin na 21px */

}




	/* ----------------------- LAYOUT ----------------------- */
	
	a 		{
			text-decoration: underline;
			}
			a {
					color: #000;
					}
	h1 a, 
	#menu a 	{color: #333;}
	
	#menu 		{
			float:right;
			}
	#menu a 	{
			padding: 1.2em 0.2em 1.3em ;
			margin:  0 0 0 8px;
			text-decoration: none;
			/*outline: 1px solid yellow;*/
			}
			

	#menu a:hover 	{
			text-decoration: underline;
			}
	h1 a 		{
			text-decoration: none;
			}
	h1 a:hover span {
			text-decoration: underline; 
			}
			/*h1 a:hover:before {
			content: "\2190 \00A0 \00A0";
			margin-left:-1.55em;
			}*/
	#menu a[href=""] {
			text-decoration: none;
			cursor: default;
			}
	body 		{ 	
			background-color: #fff; 
			padding: 2em 0px;
			}	
	#page 		{ 	
			width: 948px; 
			margin:0px auto; 
			text-align:left;
			}
	
	
	/*	Header*/
	h2 		{
			margin-bottom: 0.2em;
			margin-top: 0.4em;
			}
	#header 	{
			padding: 	1em 0 3em 0; 
			margin: 	1em 0 0; 
			border-color: 	#b3b3b3; 
			border-style: 	solid; 
			border-width:	0px 0 1px;
			}
		
			#header p 	{
					/*border-color: #141722;*/ /*padding: 0px 312px 1em 0;*/ /*border-style: solid; border-width:0px 0px 2px;*/
					width: 40em;
					display: block;
					/*margin:0px auto;*/
					}
	
	
	/*	Content */
	
	#col_right, 
	#col_left 	{
			margin-top: -0.4em;
			}
	#col_right 	{
			float:right;
			width: 300px; /*300*/
			}
	#col_left {
			width: 628px; /*612*/
			}
			#col_left p 	{
					margin: 0em 0 1.5em; /*							<=	TUTAJ TRZEBA USTALIC margin (byl 1em) */
					}
	p.short {
			width: 70%;
			}			
	h3, h4 		
			{
			color: #000;
			padding: 1em 0 0.4em 0;
			}
	#footer 	{
			clear: both;
			margin: 1em 0 0 0;
			border-top: 2px solid #141722;
			}
	#footer div {
			float:right;
			clear: none;
			}
	img.at		{
			margin-bottom: -4px;
			}
	
	/* --------------------- TYPOGRAPHY ------------------- */
	
	body 		{ 
			font-family: helvetica, arial, sans-serif; 
			color: #333;
			text-align:center;
			}
	#menu, h1 	{
			font-size: 1.8em;	
			}	
	h1 		{
			font-weight: bold;
			}
			h1 span {
					font-size: 0.67em;
					text-transform: uppercase;
					font-weight: normal;
					color: #b3b3b3;
					letter-spacing: -0.08em;
					}
					
	/*	Header */
	
	h2 		{
			font-size: 3.6em;
			font-weight: bold;
			letter-spacing: -0.05em;
			margin-left: -1px;
			}
	#header 	{
			text-align:left;
			}
			#header p {
					font-size: 2.4em;
					line-height: 1.167em;
					color: #b3b3b3;
					width: 776px;
					/*outline: 1px dotted;*/
					}
	/* Content */
	strong 		{ 
			color:#000; 
			font-weight: bold;
			}
	acronym 	{
			font-size: 88%; 
			cursor: help; 
			letter-spacing:0.1em; 
			}
			acronym:hover 	{
					color: #000;
					}
			acronym[title=""] {
					cursor: auto;
					}
			acronym[title=""]:hover {
					color: #333;
					}
	#col_right acronym {
			font-size: 92%;
			}
	h3, h4 		{
			font-weight: bold;
			}
	
	h3, 
	#col_left p, 
	#col_left address, 
	#col_sgl p, 
	h4 		{
			font-size: 1.4em;
			line-height: 1.5em; /* =21px */
			}
	ol 		{
			list-style-position: outside;
			list-style-type: decimal;
			}
	ul,
	ol 	 	{
			font-size: 1.2em;
			/*margin: 0.4375em 0;*/
			line-height: 1.75em; /* =21px/12px */
			}		
	

	#col_right h3 	{
			margin-left: 14px;
			/*line-height: 2.1em;*/
			/*							<=	TUTAJ TRZEBA USTALIC LINE HEIGHT */
			}
	
	img.front 	{
		/*	margin: 0.5em 0 1.6em;*/
			/*margin: 21px 0;*/  /*							<=	TUTAJ TRZEBA USTALIC margin na 21px */
			}
	
/*	#col_sgl p	{
			margin-left: 300px; 
			margin-bottom: 3em;
			}*/
/*	#col_sgl h4 	{
			float: left;
			width: 300px;
			}*/
	
	#col_right ul 	{	
			margin-left: 14px;
/*			text-indent: -14px;*/
			list-style-type: circle;
			/*margin-bottom: 1.6625em*/  /*2.1em;*/
			/*margin-top: 0.4375em;*/
			}
	#col_right ul li {
			color: #606060;
			}
/*	ul li:before 	{
			content: "\2013 \00A0 \00A0";
			}*/
	#footer 	{
			font-size: 1.2em;
			line-height: 1.75em;
			}
	#footer div {
			text-align: right;
			}
	span.amp 	{
			margin: 0 -0.14em 0 -0.1em;
			position: relative;
	 		font-family: "Palatino", serif;
	 		font-size: 110%;
	 		font-style: italic;
			}
	
	
	/*	podzielic na dzialy typo i layout */
	#col_left div.aboutTab {
			font-size: 1.2em;
			line-height: 1.75em;
			/*margin-bottom: 0.875em;*/
			margin-bottom: -1px;
			border-bottom: 1px solid #b3b3b3;
			overflow: hidden;
			padding: 0.875em 0 0.875em 0; /* base 12px*/
			/*padding-top: 11px;
			padding-bottom: 10px;*/
			}
	#col_left div.firstAboutTab {
			/*margin-top: -0.4375em;*/   /* base 12px*/
			padding-top: 0;
			}
	#col_left div.lastAboutTab {
			/*margin-bottom: -0.4375em;*/
			border-bottom: 0px solid #b3b3b3;
			margin-bottom: 21px;
			padding-bottom: 0px;
			/*padding-bottom: 2.625em;*/ /*=1.75em+0.875em*/
			/*padding-bottom: 31px;*/ /*21px+10.5px=31.5px*/ 
			}		
	div.date 	{
			clear: left;
			width:56px;
			float:left;
			margin-right: 12px;
			/*padding-right: 1%;*/
			/*outline: 1px solid yellow;*/
			}
	div.function 	{
			width: 216px;
			float:left;
			font-weight: bold;
			/*outline: 1px solid yellow;*/
			}
	div.aboutTab div.function span  {
			font-weight: normal;
			display: block;
			}
	#col_left div.aboutTab p {
			margin: 0em;
			font-size: inherit;
			line-height: inherit;
			margin: inherit;
			margin-left: 320px;
			/*outline: 1px solid yellow;*/
			}
	img.front 	{
			margin: 4px 0px 10px;
			
			}
	div.col31 	{
			float: left;
			width: 307px;
			}
	div.col32	{
			float: right;
			width: 307px;
			/*margin-left: 321px;*/
			}

	h1,
	#header,
	#col_left p,
	#col_left ul, 
	#col_left h3,
	#col_left div.aboutTab div,
	#projMenu a,
	#footer,
	#menu,
	address,
	div.colProjCentral h3,
	div.colProjCentral h4,
	div.colProjCentral ol,
	div.colProjCentral p,
	div.colProjRight
			{
			padding-left: 6px;
			padding-right: 6px;
			/*outline: 1px dotted #ccc;*/
			}



	div.downloadBox {
			margin-left: 14px;
			border-color: 	#b3b3b3; 
			border-style: 	solid; 
			border-width:	0px 0 1px;
			font-size: 1.2em;
			padding: 0.3em 0 1.3em 0;
	}

		div.downloadBox img {
					float:left;
					position: relative;
					margin: 0 4px 0 -9px;
			}
		div.downloadBox span {
					display: block;
					width: 120px;
					height: 30px;
					padding: 15px 0 0 0;
			}