html, body {
background: white;
color: black;
font-family: 'Arial CE', Arial, sans-serif;
font-size: 10pt;
padding: 0;
margin: 0;
text-align: center;
height: 100%;
background: url(tlomain.png) repeat-x white;
}

.reklama1{
max-width: 920px;
height: auto;
font-size: inherit;
background: #C0C0C0;
border: 0px black solid;
margin: 0px auto;
padding: 0;
position: relative;
}

.calosc {
width: 920px;
height: auto;
font-size: inherit;
background: #C0C0C0;
border: 0px black solid;
margin: 0px auto;
padding: 0;
position: relative;
}

.logo {
float: left;
background: #C0C0C0;
margin:0;
padding:0;
height: 100px;
vertical-align: top;
border: 0px solid red;

}

.logo a  img {border: 0;}

.banner {
vertical-align: top;
float: right;
background: no-repeat bottom left #C0C0C0;
margin: 0;
border: 0px solid blue;
padding: 0;
width: 215px;
}

.banner a  img {border: 0; padding:0 ; margin:0;}

.menu {
clear: left;
background: #D8D8D8;
font-size: 1.1em;
border: 1px dotted black;
color: black;
width: 98%;
padding: 5px 0px;
margin: 0px auto 10px;
}

.menu ul {
list-style: none;
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}

.menu li {
margin: 0;
padding: 0 0.5% 0 0.4%;
list-style: none;
clear: left;
background: inherit;
display: inline;
}

.menu a {display: inline-block;
color: black;
font-size: 1.1em;
font-weight: bold;
text-decoration: underline;
padding: 0px 2px 0px 2px;
text-align: center;
}

.menu a:hover
{text-decoration: none; color:red;}

.menu img {display: inline-block;
vertical-align: middle;
margin:0;
padding: 0;
}

.tabela {
margin:0;
padding:0;
background: #C0C0C0;
font-size: 11pt;
}

.lewo {
background: #C0C0C0;
border: 0px dotted red;
font-size: 1em;
width: 160px;
vertical-align:top;
}

.lewo1 {
background: url(tlowoj.png) top left no-repeat;
border-top: 0px dotted black;
font-size: 1em;
width: 160px;
vertical-align:top;
}

.lewo ul {list-style: none; margin: 0; padding: 0;
position: relative;
}
.lewo li {list-style: none;
margin: 0;
padding: 0 5px 10px 10px;
text-align: left;}

.lewo li img {float: left;}

.lewo a {
padding: 0;
margin: 0;
font-size: 1em;
font-weight: bold;
color: black;
text-decoration: underline;
}
.lewo a img {height: 0; width: 0; border: 0;}
.lewo a:hover {text-decoration: none; color:red;}
.lewo a:hover img {position: absolute;
    top: 5px; left: 150px; height: auto; width: auto; border: 4px solid black; overflow: auto;}

.prawo {
border: 2px dashed black;
margin: auto;
width: 480px;
padding: 0 0 5px 0;
vertical-align: top;
background: url(reaktor1.png) #D8D8D8 center no-repeat;
text-align: center;
}

.prawo h2 {
color:black;
font-size: 1.3em;
margin: 0;
padding: 10px 10px 0 10px;
text-align: left;}

.prawo h1 {
color: #4F4F4F;
font-size: 1.2em;
text-align: left;
margin: 0 5px 4px 5px;
border-bottom: 1px solid gray;
padding: 10px 10px 0 10px;}


.prawo p {
margin: 0;
padding: 10px 20px 0px 20px;
color: black;
text-align: justify;
}

.prawo p img {margin: 0 auto; padding: 2px;}
.prawo p img a {margin:0; padding: 2px; border:0;}

.prawo p a {padding: 0; margin: 0; color:black; font-weight: bolder;}
.prawo p a:hover {text-decoration: none; color:red;}

.linki {margin: 0;
padding: 10px 10px 0px 10px;
color: black;
border: 0px solid red;
text-align: center;}

.linki p {text-align: center; color: green;}
.linki p img {margin: 0px auto; padding: 2px; border: 2px solid black;}
.linki p a img {margin:0 auto 10px auto; padding: 2px; border: 1px solid black;}
.linki p a:hover img {margin:0 auto 10px auto; padding: 2px; border: 1px solid red;}


.okladka {
text-align: center;
width: 210px;
 padding: 0 0px 0 10px;
 background: inherit;
 margin: 0;
vertical-align: top;
  }

.okladka img {
 margin: 0 0 10px 0;
 border: 0;
}

.okladka p {border: 1px dotted black;
 padding: 2px 3px 5px 3px;
  color: black;
 text-align:left;
 margin: 0 5px 0 0; 
 background: #D8D8D8;
 width: auto;
 overflow: hidden;}
.okladka p img {padding: 0; margin: 0; float: left;}
.okladka p > a {padding: 10px 1px 5px 1px; margin: 0; color:black; font-weight: bolder; }
.okladka p a:hover {text-decoration: none; color: red;}

.notka p {border: 1px dotted black;
 padding: 2px 3px 5px 3px;
  color: black;
 text-align:left;
 margin: 0 5px 0 0; 
 background: #D8D8D8;
 width: auto;
 overflow: hidden;}
.notka p img {padding: 0; margin: 0; float: left;}
.notka p a {padding: 10px 1px 5px 1px; margin: 0; color:black; font-weight: bolder; }
.notka p a:hover {text-decoration: none; color: red;}


.archiwum {
	border: dotted 1px black; 
	background: #F0F0F0;
	margin: 10px 3px 0px 3px;
	min-height: 210px;
	width: 310px; 
	float: left;
}

.archiwum1 {
	border: dotted 1px black; 
	background: #F0F0F0;
	margin: 5px 3px 5px 3px;
	width: auto; 
}

.archiwum1 p {margin: 5px; padding: 0;}

.arch { border: 0px black solid; 
clear: left;
margin: 10px 3px 0px 3px !important; 
float: left;}

.formularz {border: black 1px solid; text-align: left; padding: 0 0 0 5px; margin: 0 0 10px 0;}
.formularz input {width: 200px; border: 1px solid red; }
.formularz textarea {width: 450px; height: 300px; border: 1px solid green; float:left;}


#box
	{
	position: relative;
	margin: auto;
 	padding: 0 0 0 0;
	text-align: left;
	width:100%;				/* <-- use this to tie width to viewport size */

	}




#content
	{
	padding: 12px 10px 25px 11px;
	margin: 0;
	clear: left;


  	}

#content p
	{
	color: #3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
 	}

#tlc, #trc, #blc, #brc
	{
 	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(tl.png);
 	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(trt.png) ;
	background-position: 100% 0%;
	}

#blc
	{
	background-image:url(bl.png);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(br.png);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}

#tb
	{
	background-image:url(tb.png);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(bb.png);
	background-position: 50% 100%;
 	}

#rb
	{
	background-image:url(brs.png);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #C0C0C0;
	background-image:url(bls.png);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

/* <-- stopka */



.zero {margin: 0 auto; /* center for now */
	width: 922px; /* ems so it will grow */
	background: url(4.png) no-repeat bottom right;
	font-size: 100%;
	padding: 0;}	

.one {background: url(box2.png) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	border: 0px blue solid;
	width: 923px;}
	
.one h2 {background: url(1.png) no-repeat top left;
	margin: 0;
	font-size: 1em;
	color: black;
	padding: 17px 10px 1px 20px;
	text-align: left;
	border: 0px black solid;
	}
.two {
	background: url(3.png) no-repeat bottom left;
	margin: 0;
	padding: 0px;
	height: 14px;
	border: 0px red solid;
		
}

legend {font-weight: bold;}

.three {background: url(4.png) repeat-y bottom left;
margin: 0; padding: 10px 0 0 0;}