body{
 background-color: #fff;
 position: relative;
 left: 50%; top: 15px;
 width: 750px; height: auto;
 margin: 0 0 0 -375px; padding: 0;
 font: 1em arial, sans-serif;
 color: #000;
}
 /* MIejsce nagłówka */
#header{
 position: relative;
 left: 0; top: 0;
 width: 100%; height: 75px;
 background-color: #fff;
 text-align: left;
 z-index: 2;
}

 /* Styl dla  <H1> dla h1 znajdującego się w sekscji div. */
#header h1{
 margin: 0 0 0 0; padding: 0 0 0 15px;
 font: 3em georgia, sans-serif;
 background-color: transparent;
 z-index: 3;
}
 /* Styl dla nagłówków poza div. */
h1 .word1, h3 .word1{
 color: #36c;
}
 /* Styl dla nagłówków poza div. */
h1 .word2, h3 .word2{
 color: #a9a9a9;
}

 /* Styl dla nagłówków poza div. */
h1 .word3, h3 .word3{
 color: #000;
 font-size: 50%;
 font-style: italic;
}

 /* Style dla menu */
#menu{
 left: 0; top: 75px;
 width: 150px; height: auto;
 padding: 1px 0 0 0;
 background-color: #fff;
 z-index: 1;
}

 /* Style menu lista*/
#menu ul{
 margin: 0; padding: 0;
 list-style: none;
 font: 0.8em verdana, sans-serif;
 background-color: #eee;
}

 /* Style menu elementy listy */
#menu ul li{
 display: block;
 margin: 0 0 1px 0; padding: 3px 3px 3px 3px;
 background-color: #fff;
}

 /* menu najechane */
#menu ul li:hover{
 margin: 0 0 1px 0; 
 padding: 3px 3px 3px 3px;
 background-color: #36c;
 color: #fff;
}

 /* Styles dla linku */
#menu ul li a{
width: 100%;
 display: block;
 color: #36c;
 text-decoration: none;
}
/*dla bierzącego linku */
#menu ul li a.tu{
width: 100%;
 display: block;
 color: #000;
 text-decoration: none;
}
 /* style dla linku najechanego */
#menu ul li a:hover{
 background-color: #36c;
 color: #fff;
}

 /* Styles and positions the content-holder. */
#content{
 position: relative;
 left: 150px; top: -185px;
 width: 600px; height: auto;
 background-color: #fff;
 border-left: 1px #ccc solid; border-top: 1px #ccc solid;
 padding-bottom: 4px;
}
 /* Styles the Header (<h3>). */
#content h3{
 display: block;
 font: 1.6em georgia, serif;
 color: #000;
 margin: 1em 0 0 1em; padding: 0 0 .4em 0;
 border-bottom: 1px #ddd solid;
}
 /* Styles the paragraphs (<p>) in #content. */
#content p{
 display: block;
 margin: .6em 1em 0 2.4em; padding: 0 0 .6em 0;
 font: .8em arial, sans-serif;
 text-align: justify;
 text-indent: .8em;
 line-height: 1.4em;
}
 /* Styles the links within the #content. */
#content a{
 color: black;
 text-decoration: none;
 border-bottom: 1px #36c solid;
}
 /* najazd */
#content a:hover{
 color: #36c;
 text-decoration: none;
 border-bottom: none;
}
#content ul{
font: .8em arial, sans-serif;
font-style: italic;
}
#content ul li{
list-style-type: circle;
}
 /* stopka */
#footer{
 position: relative;
 width: 100%; height: auto;
 font: .8em verdana, sans-serif;
 color: #ccc;
 margin-top: 20px;
 padding: 5px;
 text-align: right;
 border-top: 1px #ccc solid;
}
 /* akronim. */
acronym{
 border-bottom: 1px #000 dotted;
 cursor: help;
}
/* przycisk wyślij imputa */
.caps{
	color: #36c;
	background-color: #fff;
	border: solid #36c 1px;
	width: 85px;
}

div.logowanie{
	width: 50%;
	margin: 30px 25% 30px 25%;
	text-align: center;
}
div.logowanie p label{
	font-style: italic;
	text-align: left;
}
div.logowanie p{
	text-align: right;
	width: 70%;
}
div.logowanie p input{
	width: 120px;
	color: #36c;
	font-size: 85%;
	}
div.error {
	width: 60%;
	margin: 10px 20% 10px 20%;
	padding: 30px;
	text-align: center;
  }
.error p {
	color: red;
  }
.rejestracja {
	width: 80%;
	margin: 30px 0 30px 2%;
	padding: 0;
   }

.rejestracja fieldset {
	 font-size: 80%;
	 border: none;
	 font-style: italic;
	 text-align: center;
	 margin: 20px auto 20px auto;
	 padding: 2px;
	}
.rejestracja fieldset table {
	 text-align: left;
		border-collapse: collapse;
	}

.rejestracja table tr td label {
	font-size: 80%;
	font-style: italic;
	}
.rejestracja table tr td input {
	font-size: 70%;
	width: 140px;
	color: #36c;
	}

.rejestracja fieldset table tr td {
		border-left: dotted #ccc 1px;
		border-right: dotted #ccc 1px;
		padding: 3px;
	}
.rejestracja fieldset table tr td p {
 display: inline;
 margin: 1px;
}
.rejestracja fieldset table tr td p input {
	 vertical-align: middle;
	 width: auto;
	 margin: 1px;
	}
.rejestracja fieldset table tr td p img{
		 vertical-align: middle;
		  width: auto;
	     margin: 1px;
	}
div .sr input{
	margin: auto 30% auto 30%;
}

div.portfolio{
display: block;
font-size: 60%;
background-color: #fff;
color: black;
text-decoration: none;
}

div.portfolio table{
border: solid #000 1px;
border-collapse: collapse;
text-decoration: none
}

div.portfolio table td.netteria{
background-color: #000;
color: #fff;
font-size: 170%;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
letter-spacing: 0.1em;
text-decoration: none
}

div.portfolio table td.netteria span.kropka{
margin:0;
padding: 0;
font-family: Georgia, Times, sans-serif;
font-size: 110%;
text-decoration: none
}
div.portfolio table td.net{
font-size: 170%;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
letter-spacing: 0.1em;
padding-right: 3px;
color: black;
text-decoration: none
}