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:100px;
	padding: 32px 0px 0px 0px;
	background-color: transparent;
	font-family: Verdana;
	font-size: 16px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	white-space: pre;
	text-align: left;
	margin-left: 130px;
	margin-bottom: 30px;
	width: 100%;
} 
 
#leftcol{
 width:240px; 
 float:left; 
 position:relative; 
}
 
#twocols{
 width:460px; 
 float:left; 
 position:relative;
 margin-left: 38px;
 margin-right: 32px;
}

#twocols2{
 width:460px; 
 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;
}

#kontakt fieldset {border: 0}
#kontakt label {
	display: block; width: 100px; float: left; margin-right: 10px; margin-top: 5px;
	text-align: right; color: #444;
}

#kontakt label span {color: red}
#kontakt input.text, #kontakt textarea {
	display: block; width: 200px; float: left; margin-top: 5px; padding: 2px 5px;
	border: 1px #e0e0e0 solid; background-color: #f9f9f9;
}
#kontakt input.text:focus, #kontakt textarea:focus {
	background: #f9f9f9; border: 1px #b0b0b0 solid; color: #069;
}
#kontakt textarea {width: 350px; height: 250px}
#kontakt input.submit {
	margin: 1em 0 0 110px; 
	border: 1px #d0d0d0 solid; background-color: #f0f0f0; cursor: pointer
}
#kontakt input.submit:hover {border: 1px #c0c0c0 solid; background-color: #e0e0e0}
#kontakt div {clear: both}


 /* *** 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: Red;
   padding-right: 16px;
   text-align: right;
   font: normal 12px Arial, sans-serif;
   text-decoration: none;
   font-weight: normal;
   line-height: 16px;
   letter-spacing: normal;
   white-space: nowrap;
}

.menu .przerwa
   {
   height: 20px;
}   


/* --- menu nawigacyjne po prawej --- */

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

.menulew .przerwalew
   {
   height: 84px;
}   

/* --- 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;
}

/* --- ogolne ustawienia dla czesci z wlasciwa zawartoscia strony --- */

.zawartosc {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}


/* --- strona glowna --- */

.glowna1 {
   color: #606060;
   font-family: Arial, sans-serif;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
}

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

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


/* --- kontakt --- */

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

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

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

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

.kontaktprzerwa
   {
   height: 20px;
} 

/* --- prywatnie --- */

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

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

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

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


/* --- polecam --- */

.polecam1 {
   color: #606060;
   font-family: Arial, sans-serif;
   font-size: 20px;
   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;
}


/* --- koszty projektu --- */

.koszty1 {
   color: #000000;
   font-family: Verdana, sans-serif;
   font-size: 20px;
   white-space: nowrap;
}

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

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

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

.koszty 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: 170px;
}

.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;
}


/* --- zamowienie --- */

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

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

.zamowienie3 {
	color: #666666;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
}

.obowiazkowe {
   color: #FF0000;
}

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

.zamowienie .pakiet {
	width: auto;
	border-color: #FFFFFF;
}

.zamowienie 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;
}


/* --- gadzety --- */

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

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

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

.gadzety a:hover
   {
   color: #000000;
   text-decoration: none;
}


/* --- 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;
}



/* --- InTime --- */

.intime {
   color: #666666;
   font-family: Arial, sans-serif;
   font-size: 20px;
}

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


/* --- portfolio --- */

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

.portfolio2 {
   color: #000000;
   font-family: Verdana, sans-serif;
   font-size: 9px;
}


/* --- galeria --- */

.galeria {
   color: #FF0000;
   font-family: Arial, sans-serif;
   font-size: 15px;
   text-decoration: none;
   font-weight: bold;
}

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

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

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

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


/* --- faq --- */

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

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

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

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

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

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


/* --- e-booki --- */

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

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

.ebooki3 {
   color: #333333;
   font-family: Arial, sans-serif;
   font-size: 16px;
   text-align: center;
}

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

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


/* --- prezentacje --- */

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


/* --- Polska --- */

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

.polska2 {
   color: #666666;
   font-family: Arial, sans-serif;
   font-size: 20px;
}

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

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

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

#polskal1
   {
   background: transparent url(varia/poland_pl.gif) no-repeat;
}

#polskal2
   {
   background: transparent url(varia/poland_ang.gif) no-repeat;
}


/* --- 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;
}

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

.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;
}

/* tla do tabeli */
.t1g
	{
	background: transparent url(src/tab_gora.gif) repeat-x;
}

.t1d
	{
	background: transparent url(src/tab_dol.gif) repeat-x;
}

.t1l
	{
	background: transparent url(src/tab_lewa.gif) repeat-y;
}

.t1p
	{
	background: transparent url(src/tab_prawa.gif) repeat-y;
}

.t2pionowo
	{
	background: transparent url(src/tab30.gif) repeat-y;
}

.t2poziomo
	{
	background: transparent url(src/tab40.gif) repeat-x;
}


/* --- wizytowki firm w logotypie --- */

.wizytowkiloga
	{
	padding-left: 20px;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #000000;
}

.wizytowkiodsteppl
	{
   height: 1597px;
}

.wizytowkiodstepang
	{
   height: 1626px;
}

.wizytowkiramka {
   border: 1px solid #999999;
}

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

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