html, body {
      height:100%;
      margin: 0; padding: 0;
      overflow-y:auto;      
      }

   body {
      height:100%;
      width: 100%; max-width: 100%;
      background-color: #333;
      font: 400 0.8em arial, sans-serif;
      color: #fff;
      line-height: 1.4em;
      
      } 
	a {
		text-decoration: none;
			color: #0c0;
		font-weight: normal;
		}

	a:hover {
		text-decoration: underline;
		color: #D50032;
font-weight: normal;		
}
a.kontakt {
		text-decoration: none;
			color: #0c0;
	font-weight: normal;
		}

	a.kontakt:hover {
		text-decoration: underline;
		color: #D50032;
		font-weight: normal;
		}
		
a.pobierz {
		text-decoration: none;
			color: #0c0;
		}

	a.pobierz:hover {
		text-decoration: underline;
		color: #D50032;
		}		
		
	#left {
		position: absolute; top: 0; left: 0; 
		overflow: hidden; 
		height: 100%; width: 300px;
		text-align: right;
		background: #333333 url('separator.jpg') no-repeat right;
		}

	#outer {
		position: absolute; left: 0;
		top: 40%;
		width:100%;
		height: 240px;
		margin-top: -120px;
		}

	body > #left {
		position:fixed;
		}

	#main {
		width: 600px; height: 100%;
	 /* margin: 60px 250px 0px 25%;*/
	  margin: 0px 20px 0px 360px;
		padding-top: 5px !important;
		padding-top: 20px;
		overflow: visible;
		background-color: #333333;
		}
	h1 {
		display: inline;
		margin-right: 30px;
		font: 800 35px 'century gothic', 'trebuchet ms', arial, sans-serif;
		color: #fff;
		text-align: right;
		}

	span.title {
		display: block;
		margin: 0 0 25px 0;
		font: 600 1.3em 'century gothic', 'trebuchet ms', arial, sans-serif;
		color: #0c0;
		font-weight: bold;
		}

	span.tomik {
		color: #D50032;
		}
	a.nav {
		display: block;
		margin: 0;
		text-decoration: none;
		font: 400 20px 'trebuchet ms', arial, sans-serif;
		color: #ffffff;
		padding: 0 40px 3px 0;
		}

	a.nav:hover {
	//	color: #0c0;
	  color: #0c0;
		background: #232323;
		text-decoration: none;
		}
  a.stopka {
		text-decoration: none;
		color: #aaaaaa;
		}

	a.stopka:hover {
		// color: #0c0;
	  color: #ffffff;
		text-decoration: none;
		}

	.date {
		float: left; 
		width: 2.0em;
		font: 600 1.3em arial, sans-serif;
		padding-right: 5px;
		text-align: right;
		}
/* odpowiedzialny za środek w prawej części */
	div.main {
		
		padding: 30px 10px 15px 0px;
		font-family: 'trebuchet ms';
		font-size: 13px;
		color: #ffffff;
		line-height: 1.4em;
	  background-color: #333333;
	  width: 640px;
	  margin-bottom: 5px;
	}
      div.main_item {
              
		padding: 30px 10px 15px 0px;
		font-family: 'trebuchet ms';
		font-size: 13px;
		color: #ffffff;
		line-height: 1.4em;
	  background-color: #333333;
	  width: 640px;
	  margin-bottom: 5px;
	}
	img.main {
		float: right;
		margin: 10px;
		padding: 4px;
		background: #0c0;
		border: solid 3px #2e2e2e;
		}
  img.okladka {
  position: relative;
  top: 75px;
  }
	a img.main:hover {
		background: #cf0;
		}
	img.literka
	{
	position: relative;
	top: -5px; right: 25px; 
	}

	div.quote {
		margin: 8px 0 12px 10px; color: #fff;
		background-color: #545454;
		border-bottom: solid 1px #696969; 
	 	border-right: solid 1px #696969; 
	 	border-left: solid 1px #696969;
		border-top: solid 1px #696969;		
		padding: 8px;
		line-height: 1.7em;
		margin-left: 0em;
		}

	span.credit {
		display: block;
		text-align: right;
		color: #aaa;
		margin: 5px 0px 0px 0px;
		font: 400 0.9em 'trebuchet ms', arial, sans-serif;
		
		}

/* FORM */

input {
 background: #f5f5f5;
 font-family: 'trebuchet ms';
 font-size: 0.9em;
 padding: 2px;
 color: #151515;
 border: 1px solid #595959;}

/*SEARCH HIGHLIGHT COLOR*/
.highlight
{
	background: #DEFFA9;
}

/* RIGHTBOX AND LEFTBOX FOR TOOLBAR */
.leftbox {
 float: left;
 margin-right: 1em;
 margin-bottom: 0em;
 }

.rightbox {
 float: right;
 margin-left: 1em;
 margin-bottom: 0em;
 }
 img.pobierz
 {
 border-bottom-width: 0px;
 border-top-width: 0px;
 border-left-width: 0px;
 border-right-width: 0px;
 }
 a.3d {
 text-decoration: none;
 }
 a.3d:hover {
 text-decoratnion: none;
 }

#main_prawa {
		width: 335px; height: 100%;
	       margin: 10px 20px 0px 20px;
		padding-top: 5px !important;
		padding-top: 20px;
		overflow: visible;
		background-color: #333333;
		float: right;
		}

#main_lewa {
width: 320px;
background-color: #333333;
height: 100%;
float: left;
}