html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:700px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 

#header{
    position:relative;
	height:150px;
	padding: 12px 0px 10px 0px;
	background-color: transparent;
	font-family: Verdana;
	font-size: 16px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	white-space: wrap;
	text-align: left;
	margin-left: 130px;
	margin-bottom: 30px;
	width: 100%;
}
 
#leftcol{
 width:260px; 
 float:left; 
 position:relative; 
}
 
#twocols{
 width:440px; 
 float:left; 
 text-align: left;
 position:relative;
 margin-left: 38px;
 margin-right: 32px;
}

#twocols2{
 width:440px; 
 float:left; 
 position:relative;
 margin-left: 38px;

}
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:360px; 
 margin-left: 38px;
 margin-right: 100px;
 }
 
#footer{
 height:20px; 
  background-color: transparent;
   font-family: normal 10px Arial, sans-serif;
   font-size: 10px;
   color: #666666;
   text-decoration: none;
   white-space: nowrap; 
 text-align: left;
 } 
 
#img {
 float: left;
 margin-right: 10px;
}

#img1 {
 float: left;
 margin-right: 30px;
}

#img2 {
 float: left;
 margin-right: 10px;
 border: 1px solid silver;
}

#img3 {
 margin-right: 10px;
 border: 1px solid silver;
}

#img4 {
 float: left;
 margin-right: 30px;
}

#img5 {
 float: left;
 margin-right: 30px;
 margin-bottom: 30px;
}

#P {
 white-space: pre;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/* --- menu nawigacyjne po lewej --- */

.menu ul
	{
   list-style-type: none;
   text-align: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 10px 0px 0px;
   line-height: 18px;
}
		
.menu ul li a
	{
   padding: 0px 16px 0px 0px;
   text-align: right;
   font: normal 12px Arial, sans-serif;
   text-decoration: none;
   color: #999999;
   white-space: nowrap;
   
}
		
.menu ul li a:hover
	{
	background: transparent url(src/st2.gif) no-repeat right;
	color: #FF0000;
   text-decoration: none;
}
		
.menu ul li#wybrane
	{
   background: transparent url(src/st1.gif) no-repeat right;
   color: #666666;
   padding: 0px 16px 0px 0px;
   text-align: right;
   font: normal 12px Arial, sans-serif;
   line-height: 16px;
   text-decoration: none;
   white-space: nowrap;
}
	
.menu .nazwa
	{
   color: #000000;
   padding-right: 16px;
   text-align: right;
   font: normal 12px Arial, sans-serif;
   text-decoration: none;
   font-weight: bold;
   line-height: 16px;
   letter-spacing: normal;
   white-space: nowrap;
}

.menu .przerwa
   {
   height: 20px;
}   



/* --- odsylacze u gory w naglowku --- */

.naglowek, .naglowek a, .naglowek a:link, .naglowek a:visited, .naglowek a:active
   {
   margin: 0px 0px 0px 0px;
   padding: 32px 0px 0px 0px;
   background-color: transparent;
   font-family: Verdana, Arial, sans-serif;
   font-size: 14px;
   color: #999999;
   font-weight: bold;
   text-decoration: none;
   white-space: nowrap;
}

.naglowek #naglowek1 a:hover
   {
   color: #000000;
   text-decoration: none;
   background: url(src/naglowek1.gif) no-repeat top center;
}

.naglowek #naglowek2 a:hover
   {
   color: #000000;
   text-decoration: none;
   background: url(src/naglowek2.gif) no-repeat top center;
}

.naglowek3
   {
   color: #000000;
   text-decoration: none;
}

.naglowek4
   {
   color: #999999;
   text-decoration: none;
}

.flaga
   {
   margin: 0px 0px 0px 10px;
   padding: 0px 0px 0px 0px;
}


/* --- polecam --- */

.polecam1 {
   color: #606060;
   font-family: Arial, sans-serif;
   font-size: 20px;
   line-height: 34px;
   white-space: nowrap;
   
}

.polecam2 {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
}

.polecam a, .polecam a:link, .polecam a:visited, .polecam a:active
   {
   font-family: Arial, sans-serif;
   font-size: 16px;
   color: #666666;
   text-decoration: none;
}

.polecam a:hover
   {
   color: #000000;
   text-decoration: underline;
}



/* --- o pracowni --- */

.pracownia {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
   text-align: left;
   line-height: 18px;
}

.pracownia2 {
   color: #999999;
   font-family: Arial, sans-serif;
   font-size: 18px;
   text-align: left;
   font-weight: normal;
}

.pracownia3 {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 16px;
   text-align: left;
   font-weight: normal;
}

.pracownia4 {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
   text-align: left;
   font-weight: normal;
   margin-left: 20px;
}

.pracownia5 {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
   text-align: left;
   font-weight: normal;
   margin-left: 120px;
}

.pracownia6 {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
   text-align: left;
   font-weight: normal;
   margin-left: 60px;
}

.pracownia7 {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
   text-align: left;
   font-weight: normal;
   margin-left: 90px;
}

.pracownia ul {
   margin-top: 0px;
   margin-bottom: 0px;
}

.pracownia a, .pracownia a:link, .pracownia a:visited, .pracownia a:active
   {
   font-family: Arial, sans-serif;
   font-size: 14px;
   color: #999999;
   text-decoration: none;
   font-weight: bold;
}

 .pracownia a:hover
   {
   color: #000000;
   text-decoration: underline;
}


/* --- zapytanie --- */

.zapytanie {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
   text-align: center;
}

.zapytanie2 {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
}

.obowiazkowe {
   color: #FF0000;
}

.zapytanie input, .zapytanie textarea {
	border: 1px solid #336699;
	width: 240px;
}

.zapytanie input#przycisk {
	border: 1px solid #000000;
	width: 140px;
	background-color: #CCCCCC;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 4px 2px 4px;
}



/* --- tapety --- */

.tapety {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
   text-align: left;
}

.tapety2 {
   color: #666666;
   font-family: Arial, sans-serif;
   font-size: 20px;
   text-align: center;
}

.tapety a, .tapety a:link, .tapety a:visited, .tapety a:active
   {
   font-family: Arial, sans-serif;
   font-size: 12px;
   color: #999999;
   text-decoration: none;
}

.tapety a:hover
   {
   color: #000000;
   text-decoration: underline;
}




/* --- logo --- */

.logo {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: left;
}


.logoa {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: left;
   margin-left: 22px;
}

.logo1 {
	padding: 10px 10px 10px 10px;
}

.logo2 {
   color: #666666;
   font-family: Arial, sans-serif;
   font-size: 20px;
   text-align: left;
   font-weight: bold;
}

.logo3 {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 16px;
   text-align: left;
   font-weight: bold;
}

.logo4 {
   color: #666666;
   font-family: Arial, sans-serif;
   font-size: 16px;
   text-align: left;
   font-weight: bold;
}

.logo5 
   {
   font-family: Arial, sans-serif;
   font-size: 18px;
   color: #666666;
   text-decoration: none;
}

.logo a, .logo a:link, .logo a:visited, .logo a:active
   {
   font-family: Arial, sans-serif;
   font-size: 12px;
   color: #666666;
   text-decoration: none;
}

.logo a:hover
   {
   color: #000000;
   text-decoration: underline;
}

.logolinia
	{
	border-top: 1px solid #999999;
	width: 100%;
	font-size: 0px;
}


/* --- naglowek strony --- */

.H1 
   {
   font-family: Arial, sans-serif;
   font-size: 24px;
   color: #999999;
   text-decoration: none;
   text-align: left;
}

.H2 
   {
   font-family: Arial, sans-serif;
   font-size: 16px;
   color: #999999;
   text-decoration: none;
   text-align: left;
}