/* 
Z.Rapacz	
*/


html, body {    
	
	background: #dedede;
	color: #000000;
	margin: 0;
	padding: 0;
	text-align:center;
	font: 11px "Arial", Helvetica, Sans-Serif;
	
}

a { text-decoration: none;}





p { 
    font-family: Arial, Helvetica, sans-serif;
	font: 10px;
	color: #333333;
	margin: 4px;
	padding: 4px;
}

img {
	border: 0;
}

ol{ list-style-position:outside; }
ul { list-style-type:none; list-style-position:outside; }






#header {
	clear: both;
	height: 140px;
	margin: 0px auto;
	width:100%; height:140px; border:0px; text-align:center; padding:0px;  background:url('../grafika_new/tlo_szare_gora.jpg');
	
	
	

/*background: url('../grafika_new/podtlo_obustronne.jpg') repeat-y;*/


}





#pagewidth
{	width:800px;
 	text-align:left;  
 	margin-left:auto; 
 	margin-right:auto;
	
} 


#wykonczenie_dolu
{	background: url('../grafika_new/podtlo_dolne.jpg') no-repeat;
	height: 35px; 
	text-align: center;
	margin: 0 auto;
	width:800px;
}
 
 
 
 
#wrapper
{	
background: #f5f5f5;

background: url('../grafika_new/podtlo_obustronne.jpg') repeat-y;
  
	width:780px; padding: 0 10px 0 10px; margin:0 auto;
	min-height:300px;
} 

#wide
{	width:760px; padding: 10px; margin:0 auto;
	min-height:200px;
} 
  
 
 
#leftcol{
 width:182px; 
 float:left; 
 margin:0;
 background-color:#cc0000; 
 }
  
#wypelniacz{

}  
 
#maincol{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:598px; 
 }
 




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

/* 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;} 
#footer {display:none;} 
#pozycjonowanie {display:none;} 
#header {display:none;} 
#wraper{display:none;} 
#wykonczenie_dolu {display:none;}
#twocols, #maincol{width:100%; float:none;}
}










#pozycjonowanie 
{	clear: both; text-align:center;	width: auto; background-color: #ffffff;	
	margin: 0px;	padding: 10px 0 10px 0; 	
}
#pozycjonowanie a{ text-decoration:none; color:#aaaaaa; } 
#pozycjonowanie a:hover{ color:#777777;} 
#pozycjonowanie a:active{ border:none} 



#footer
{	clear: both; text-align: center;	width: auto; padding:10px; margin:0 auto; 
    background: url('../grafika_new/tlo_szare_gora.jpg');
	color: #f5f5f5; 
	border:none;
}

#copyright 
{	clear: both; text-align: center;	width: auto; padding:6px 0 6px 0; margin:0 auto; 
	background: url('../grafika_new/tlo_szare_podtytul.jpg');
	color: #f5f5f5; 
	border:none
}



#footer a{ text-decoration:none; color:#cccccc; } 
#footer a:hover{ color:#ffffff;} 
#footer a:active{ border:none} 

#copyright a{ text-decoration:none; color:#cccccc; } 
#copyright a:hover{ color:#ffffff;} 
#copyright a:active{ border:none} 





a.wstega {
	width:112px;
	height:112px;
	background:url(../img/need-design.png);
	top:0;
	right:0;
	z-index:99;
	display:block;
	position:absolute;
	overflow:hidden;
	text-indent:-999px;
}
* html a.wstega {
	right:-1px;
	cursor:pointer;
}


.promocja{
float:right;
text-align: right;
border:thin;
padding: 6px;
}