* {
  font-family: Verdana, Arial ;
  font-size: 12px ;	
 }
 
 html, body {
  margin: 0px; 
  padding: 0px ;	
  background-color: #fbfbfb ;	
 }
 
 #logo {
  background-image: url( gfx/tlo.gif );
  height: 200px ;	
  background-repeat: repeat-x ;	
 }

 #menu {
  width: 227px ;	
  float: left ;	
 }
 
 a {
  text-decoration: none; 
  color: #000 ;	
  font-weight: bold ;	
 }

 a:hover {
  color: #f00 ;	
 }
 
 #menu ul {
  list-style: none ;
  padding-left: 5px ;	
  padding-bottom: 2px ;
  padding-top: 0 ;		
  margin: 0 ;		
 }
 
 #footer {
  clear: both ;
  margin: auto ;
  width: 960px ;		
  text-align: center;	
  background-color: #EEF5F9 ;	
 }
 
 div.wrapper {
  width: 960px ;
  margin: auto ;	
 }
 
 #najlepsze div.lista {
/*  height: 210px ;	*/  
  width: 708px ;
  margin: auto ;	
 }

 #najlepsze img {
  border: 0px ;
 }

 #najlepsze div.produkt div.foto {
  height: 150px ;
  width: 150px; 
 /* margin: auto ; */
 }

 div.opinia { 
  background-color: #E3FFD4;
  margin-bottom: 5px ;	
  /*float: left ;	  */
 }
 
 div.opinia div.osoba {
  width: 150px ;
  margin-left: 10px ;	
  margin-top:5px ;	
  border-right: 1px solid #ABFF8E;
  float: left ;	
 }

 div.opinia, div.zbedna {
  position: relative ;	
 }
 
 div.opinia div.tekst {
  margin-left: 5px ;	
  float: left ;	
  margin-top: 25px ;	
  /*width: 790px ;   */	
 }
 
 #opinie div.ocena {
  width: 300px ;
 }
 
 div.opinia div.ocena {
  margin-left: 5px ;
 }
 
 div.zbedna { 
  background-color: #efefef ;
  margin-bottom: 5px ;	
 /* float: left ;	 */
 }
 
 div.zbedna div.osoba {
 width: 150px ;
  margin-left: 10px ;	
  margin-top:5px ;	
  border-right: 1px solid #999;
  float: left ;	
 }

 div.zbedna div.tekst {
  margin-left: 5px ;	
  float: left ;	
  width: 790px ;	
  margin-top: 25px ;	
 }
 
 div.zbedna div.ocena {
  margin-left: 5px ;
 }
 
 div.pos {
  color: #3DB900;
  float: right ;	
  margin-right: 4px ;	
 }
 
 div.neg {
  color: #FF4848;
  float: right ;	
  margin-right: 4px ;	
 }
 
 div.ocena {
  float: left ;
  clear: both;
  width: 140px ;		
  height: 12px ;		
  position: relative ;	
 }
 
 div.ocena span {
  background-image: url( gfx/ocena.gif ) ;
  background-repeat: no-repeat ;
  display: block ;
  width: 65px ;
  height: 12px ;		
  position: absolute ; 
  top: 0 ;
  left: 0 ;					
 }
 
 span.ocena_0 {
 
 }

 span.ocena_1 {
  background-position: 0 -12px ;
 }

 span.ocena_2 {
  background-position: 0 -24px ; 
 }
 
 span.ocena_3 {
  background-position: 0 -36px ; 
 }

 span.ocena_4 {
  background-position: 0 -48px ; 
 }
 
 span.ocena_5 {
  background-position: 0 -60px ; 
 }
 
 span.ocena_6 {
  background-position: 0 -72px ; 
 }

 span.ocena_7 {
  background-position: 0 -84px ; 
 }
 
 span.ocena_8 {
  background-position: 0 -96px ; 
 }

 span.ocena_9 {
  background-position: 0 -108px ; 
 }

 span.ocena_10 {
  background-position: 0 -120px ; 
 }
 
 span.ocena_11 {
  background-position: 0 -132px ; 
 }
 
 div.osoba img {
   border: 1px solid #000;
 }
 
 div.break {
  clear: both ;
  height: 24px ;	
  margin-left: 5px ;	
 }
 
 p {
  margin-top: 0px ;
  margin-bottom: 0px ;	
 }
 
 #produkt div.foto {
  width: 150px ;
  float: left ;
  margin-left: 10px ;		
  margin-top: 5px ;	
  margin-right: 10px ;	
 }
 
 div.produkt div.foto img {
  max-width: 150px ;
  max-height: 150px ;
 }
 
 #produkt div.nazwa {
  float: left ;
  width: 740px;
  font-weight: bold;		
  margin-top: 2px ;
 }

 #produkt div.opis {
  float: left ;
  width: 740px;	
  position: relative ;	
 }


 a img {
  border: 0px ;
 }
 
 div.d1 {
  height: 130px ;	
 }
 
 div.d2 {
  height: 29px ;	
  line-height: 22px ;	
  text-align: right ;	
 }
 
 div.d3 {
  height: 24px ;	
  line-height: 20px ;	
 }
 
 #login, #register, #compare {
  width: 960px ;
  background-color: #D5ECFD ;
  margin-bottom: 10px ;	
 }
 
 div.menu {
  background-color: #EEF5F9;
  margin-bottom: 10px ;	
 }
 
 td.error {
  color: #f00 ;
  font-weight: bold ;	
  text-align: center ;	
 }
 
 div.dodaj_ra a, div.dodaj_op a, div.usun_op a {
  padding: 5px 8px 5px ;
 }
 
 div.dodaj_ra img, div.dodaj_op img {
  padding-right: 5px ;	
 }
 
 div.najlepsze_glowna div.produkt div.foto {
  height: 150px ;
  width: 150px; 
  margin: auto ;
 }

 div.najlepsze_glowna div.lista {
/*  height: 210px ;	 */
 }
 
 div.lista div.foto {
  width: 150px; 
  height: 150px ;	
 }

 div.lista div.produkt {
  margin-bottom: 7px ;
 }
 
 #avatar {
  margin: auto ;
  width: 100px;
  height: 100px ;		
 }
 
 div.avatar {
  height: 100px ;
 }
 
 div.content {
  padding: 5px ;
 }

 #znalezione {
  width: 960px ;
  margin-bottom: 10px ;	
 } 
 
 #userzy div.lista div.user {
   float: left ;
	margin-left: 5px ;
	margin-right: 5px ; 
	width: 100px ;
 } 
 
  
/* upakowany css */ 

 #nick, #strona, #dolaczyl {
  margin-left: 10px ;	
 }

 #produkty div.lista, #userzy div.lista, #ostatnie div.lista {
  width: 708px ;
/*  float: left ;	 */
  margin: auto ;		
  margin-top: 10px ;	
 }

 #content {
  background-color: #9BD1FA ;
 }
 
 #najlepsze {
  background: #E3FFD4 ;	
/*  height: 233px ;	 */
 }
 
 #produkty, #znalezione, #ostatnie {
  background: #e7e7e7 ;	
 } 	

 #raporty {
  background-color:#FFD4E3;
 } 
 
 #userzy {
  background: #D5ECFD ;	
 }

 div.najlepsze_glowna {
  background: #E3FFD4 ;	
/*  height: 233px ;	 */
 }
 	

 #content, #najlepsze, #produkty, #userzy, #ostatnie, div.najlepsze_glowna, div.pages {
  float: left ;	
  margin-left: 10px ;	
  width: 720px ;	
  margin-bottom: 10px ;	
 }
 
 #login h2, #register h2, #menu h2, #najlepsze h2, #produkty h2, #raport h2, #opinia h2, div.najlepsze_glowna h2, #produkty_konto h2, #userzy h2, #ostatnie h2, #znalezione h2, #tekst h2, #raporty h2, #compare h2 {
  display: inline; 
  margin-left: 5px;
  background-image: url( gfx/printer.png ) ;	
  background-repeat: no-repeat;
  padding-left: 24px ;		
 }
 
 #najlepsze h1, #produkty h1 {
  display: inline; 
  margin-left: 5px;
 }
 
 #menu h2 {
  display: block ;
  border-bottom: 1px solid #000 ;
  margin-top: 0px ;
  margin-right: 5px ;		
  margin-bottom: 5px ;		
 }
 
 #produkty h2 {
  margin-bottom: 0px ;
 }

 #produkty div.produkt, div.najlepsze_glowna div.produkt, #ostatnie div.produkt, #produkty_konto div.produkt, #najlepsze div.produkt, #znalezione div.produkt {
  width: 150px ;
 /* height: 190px ;	 */
  float: left ;	
  padding: 10px ;		
  margin-right: 5px ;	
  margin-left: 2px ;	
 }

 #raport {
   background-color: #FFD4E3; 
	margin-bottom: 20px ;
 }

 #produkt, #opinie {
  width: 960px ;
 }
 
 #produkt, #tekst { 	
  background-color: #D5ECFD ;
  margin-bottom: 10px ;
  position: relative ;		
 }
 
 #raporty ul li:hover {
  background-color: #FFEFF5 ;	
 }
 
 #produkt div.rss {
  position: absolute ;
  right: 10px ;
  top: 10px ;		
 }
 
 #raporty ul {
  list-style: none; 
  padding: 0px ;
  margin:0px ;		
 }
 
 div.op_report {
  position: absolute ; 
  top: 10px ;
  right: 10px ;		
  padding:5px 8px;	
 }
 
 div.op_report:hover {
  background-color: #FFD4E3 ;
 }
 
 div.op_report_on {
  background-color: #FFD4E3 ;
 }
 
 div.lista div.opis, div.lista div.nazwa {
  height: 29px ;
  overflow: hidden ;	
 }
 
 #znalezione div.lista {
  margin: auto ;
  width:885px;	
 }
 
 #tekst div.inner{
  padding: 5px ;
 }
 
 
 .corners {
  border: 1px solid #000 ;	
  border-radius: 8px ;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px ;	
  -moz-box-shadow: #999 1px 1px 2px;	 	
  -webkit-box-shadow: #999 1px 1px 2px;	 	 
  padding-top: 5px ;
  padding-bottom: 5px ;	
 }
 
 input.error {
  background-color: #FFD4E3 ;
 }
 
 label.error {
  display: none ;
 }
 
 p.mar {
  margin-top: 20px ;
  border-top: 1px solid #000 ;	
  padding-top: 5px ;	
 }
 
 a.on {
  color: #009 ;
 }
 
 #raporty th {
  text-align: left ;
 }
 
 .max {
  background-color: #0f0 ;
  line-height: 26px ;	
  text-align: center ;	
 }
 
 .min {
  background-color: #f00 ;
  line-height: 26px ;	
  text-align: center ;	
 }
 
 .other {
  line-height: 26px ;	
  text-align: center ;	
 }
 
 ul.rekord {
  list-style: none ;
  clear: both ;	
  border-bottom: 1px solid #000 ;	
  display: block ;
  height: 28px ;		
  margin: 0 ;
  padding: 0 ;		
  margin-left: 10px ;	
 }
 
 ul.rekord li {
  width: 140px ;
  display: block ;	
  float: left ;	
  height: 26px ;
  margin-top: 1px ;	
  margin-right: 1px ;			
 }
 
 #compare div.lista {
  margin-top: 20px ;
  overflow: scroll ;	
 }
 
 span.u {
  text-decoration: underline ;
 }
 
 #tusze {
 height:112px;
overflow:auto;
position:absolute;
right:0;
top:0;
width:290px;	
 }
 
 #tusze ul {
  list-style: none ;
  margin: 0 ;
  padding: 0 ;		
 }
 
 a:focus {outline: none;}
 
 #js_rap {
  display: none ;
  position: absolute ;
  left: 100px ;
  top: 100px ;			
  padding: 10px ;	
 }