* { margin: 0px; padding: 0px; }
p {font: normal 100%/1em Helvetica, Arial, sans-serif; line-height:150%;}
p.nor {font: normal 100%/1em Helvetica, Arial, sans-serif; line-height:150%;}
img{border:0px;}

input:focus {border: 2px solid rgb(112,176,255);}
textarea:focus {border: 2px solid rgb(112,176,255);}

html, body {
	background: rgb(205,205,205) url(img/tlo.jpg) 0 0 repeat-x;
	color: #000000;
	margin: 0px auto; 
	padding: 0px;
	font: normal 100%/1em Helvetica, Arial, sans-serif;
}

dt {
    float: left;
    clear: left;
    text-align:left;
    width: 280px;
    }

dd {
    font-size: 11px ;
    padding-right:5px;
    text-align:right;
    }

.top{
	background: transparent url(img/top.jpg) 0 0 no-repeat;
  width:1087px; 
  margin:0px auto;  
  height:355px;
  padding:0px;
}  

.przyklady_ratings{
	width:150px;
	float:right;
}  

.top_login{ 
  margin-top:6px;
	background: transparent url(img/log.jpg) 0 0 no-repeat;
  float:right;
  width:369px;
  height:49px;
  font-size:10px;    
  color:white;
}  

.form_login{ 
  padding:4px;
}  

.top_log{  
	background: transparent url(img/logo.jpg) 0 0 no-repeat;
  clear:right;
  float:right;
  width:369px;
  height:185px;
}  

.menu{
  behavior:url(/csshover.htc);
  font-family: Verdana, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  width:904px;
  margin:0px auto;     
}

.menu ul{
  background: url("img/2.jpg") repeat-x;
  height:63px;
  list-style:none;
  margin:0;
  padding:0;
}
.menu li{
  float:left;
  padding:0px;
}
.menu li a{
  background:#ff0000 url("img/2.jpg") repeat-x;
  color:#ffffff;
  display:block;
  font-weight:normal;
  line-height:63px;
  margin:0px;
  padding:0px 25px;
  text-align:center;
  text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
  background: url('img/22.jpg');
  color:#FFFFFF;
  text-decoration:none;  
}
.menu li ul{
  background:#000000;
  display:none;
  height:auto;
  padding:0px;
  margin:0px;
  border:0px;
  position:absolute;
  width:225px;
  z-index:200;
  /*top:1em;
  /*left:0;*/
}
.menu li:hover ul{
  display:block;
}
.menu li li {
  background:url('img/2.jpg') bottom left no-repeat;
  display:block;
  float:none;
  margin:0px;
  padding:0px;
  width:225px;
}
.menu li:hover li a{
  background:none;
}
.menu li ul a{
  display:block;
  line-height:30px;
  height:27px;
  font-size:11px;
  font-style:normal;
  margin:0px;
  text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
  background:rgb(110,110,110) url('img/2.jpg') center left no-repeat;
  border:0px;
  color:#ffffff;
  text-decoration:none;
}
.menu p{
  clear:left;
}	

.content{
  width:900px;
  height:auto;
  overflow:hidden;
  margin:0px auto;
  border:none;
  border:0px;
  padding:0px;
  background:#fff;
  font-family: Verdana, Helvetica, sans-serif;
  font-size:12px;
  text-align:justify;
}

.content_left{
  width:485px;
  float:left;
  padding:10px;
}

.content_right{
  width:375px;
  float:left;
  padding:10px;
}

.belka{
  background:url('img/belka.jpg');
  width:365px;
  height:43px;
}

.in{
  background:rgb(0,0,0);
  width:375px;
  height:auto;
}

.show_to_one{
  background:rgb(255,255,255) url('img/strzalka.jpg') top left no-repeat;
  width:365px;
  height:auto;
  margin-left:5px;
  margin-right:5px;
  overflow:hidden;
}

.show_to_one2{
  background:rgb(255,255,255);
  width:365px;
  height:auto;
  margin-left:5px;
  margin-right:5px;
  overflow:hidden;
}

.show_to_two{
  background:rgb(228,228,228);
  width:365px;
  height:auto;
  margin-left:5px;
  margin-right:5px;
  overflow:hidden;
}

.show_to{
  padding-left:20px;
  padding-right:20px;
}

.show_to_in{
  width:325px;
  float:left;
  padding-top:4px;
  padding-bottom:4px;
  
}

p.kto_gosc{
  text-align:right;
  color:rgb(134,134,134);
  font-family: Helvetica, sans-serif;
  font-weight:bold;
}

p.kto_user{
  text-align:right;
  color:rgb(0,0,0);
  font-family: Helvetica, sans-serif;
  font-weight:bold;
}

p.kto_admin{
  text-align:right;
  color:rgb(237,20,91);
  font-family: Helvetica, sans-serif;
  font-weight:bold;
}


.show_one{
  background:rgb(255,255,255) url('img/strzalka.jpg') top left no-repeat;
  width:365px;
  height:120px;
  margin-left:5px;
  margin-right:5px;   
}

.show_two{
  background:rgb(228,228,228);
  width:365px;
  height:120px;
  margin-left:5px;
  margin-right:5px;
}

.show_in{
  padding:10px;
}

.show_in_left{
  width:225px;
  float:left;
}

.show_in_right{
  width:105px;
  float:left;
}

.belka_mala{
  background:url('img/belka_mala.jpg');
  width:375px;
  height:5px;
  text-align:right;
  font-size:3px;
  overflow:hidden;
}

.belka_duza{
  background:url('img/belka_duza.jpg');
  width:375px;
  height:21px;
  text-align:right;
}

H1.tytul{
  font: bold 1.5em Arial, sans-serif;
  color:rgb(204,51,51);
}

H1.belka{
  font: bold 1.5em Arial, sans-serif;
  color:#fff;
  line-height:43px;
  padding-left:10px;
}

h1 { font: normal 1.7em/100% Cambria, "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif;}
h2 { font: normal 1.6em/100% Cambria, "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif;}
h3 { font: normal 1.4em/100% Cambria, "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif;}

p.bid{
  font-family: Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  padding-top:10px;
  padding-bottom:10px;
}

p.right{
  text-align:right;
  padding-right:10px;
}

p.cap{
  text-transform: uppercase;
  font: normal 0.8em Arial, sans-serif;
}

p.where{
  font-family: Verdana, Helvetica, sans-serif;
  font-size:10px;
}

p.see{
  font-family: Verdana, Helvetica, sans-serif;
  font-size:11px;
  padding-top:5px;
}

p.see_opt{
  font-family: Verdana, Helvetica, sans-serif;
  font-size:11px;
  padding-top:35px;
}

p.com_name{
  font-family: Verdana, Helvetica, sans-serif;
  font-size:11px;
  padding-top:5px;
  font-weight:bold;
}

p.com_cont{
  font-family: Verdana, Helvetica, sans-serif;
  font-size:11px;
}

p.com_data{
  font-family: Verdana, Helvetica, sans-serif;
  font-size:10px;
  color:rgb(172,172,172);
}

p.sing {
  text-align:right;
  margin-right:10px;
}

span.red{ color:red; }  

span.dodaj {
  font-family: Verdana, Helvetica, sans-serif;
  font-size:12px;
  color:rgb(141,198,63);
  font-weight:bold;
}

input#login{width:128px;height:12px;}
input#pass{width:128px;height:12px;}

ul.news{
  list-style:none;
  margin:0;
  padding:0;
}

ul.news li{
  padding:10px;
}


ul.news li a{
}

ul.news li a:hover{
}

ul.news_in{
  list-style:none;
  margin:0;
  padding:0;
}

ul.news_in li.data{
  float:left;
  padding:0px;
  font-weight:normal;
  font-family: Helvetica, sans-serif;
  font-size:12px;
  width:100px;
}

ul.news_in li.tresc{
  float:left;
  padding:0px;
  color:rgb(237,20,91);
  font-family: Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
}

.stopka{
  background:url('img/stopka.jpg');
  width:880px;
  height:58px;
  line-height:58px;
  margin:0px auto;
  padding-left:10px;
  padding-right:10px;
  font-weight:bold;
  font-family: Verdana,Helvetica, sans-serif;
  font-size:10px;
}

.stopka_poz{
  width:880px;
  margin:0px auto;
  padding-left:10px;
  padding-right:10px;
  font-weight:bold;
  font-family: Verdana,Helvetica, sans-serif;
  font-size:10px;
}

.stopka_left{
  width:490px;
  float:left;
}

.stopka_right{
  width:390px;
  text-align:right;
  float:left;
}

ul.jeden {
  float:right;
  list-style:none;
  margin:0;
  padding:3px;
}

ul.jeden li{
  text-align:center;
  float:left;
  width:15px;
  height:14px;
  color:#fff;
  text-decoration:none;
  padding-left:6px;
  padding-right:6px;
  font-weight:bold;
  font-size:10px;
}

ul.jeden li A{
  background:url('img/a1.jpg');
  color:#fff;
  text-decoration:none;
  display:block;
}

ul.jeden li A:HOVER{  
  background:url('img/a2.jpg');
  color:#fff;
  text-decoration:none;
  display:block;
}

A.jeden {
  background:url('img/a1.jpg');
  width:15px;
  height:14px;  
  display:block;
}

A:HOVER. {
  color:rgb(255,96,48)
  text-decoration:none;
  padding-right:10px;
}

.content_emo {
  background:url('/img/s_emo.jpg') top left no-repeat;
  padding:10px;
}

.content_inne {
  background:url('/img/s_inne.jpg') top left no-repeat;
  padding:10px;
}

.content_lay {
  background:url('/img/s_lay.jpg') top left no-repeat;
  padding:10px;
}

.content_klik {
  background:url('/img/s_klik.jpg') top left no-repeat;
  padding:10px;
}

.content_tlo {
  background:url('/img/s_tlo.jpg') top left no-repeat;
  padding:10px;
}

.content_new {
  padding:10px;
  text-align:justify;
  line-height:150%;
}

.content_see {
  padding-top:10px; 
}

.content_see_left {
  float:left;
}

.content_see_right {
  padding-left:10px;
  float:left;
}


.content_see_right_form {
  padding:40px;
}


.content_com {
  padding-top:25px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size:14px;
  clear:both;
}

.content_com_see{
  padding-top:10px;
  font-family: Verdana, Helvetica, sans-serif;  
  clear:both;
}

.content_com_see_left {
  float:left;
}

.content_com_see_right {    
  margin-left:5px;
  float:left;
  width:750px;
}

.content_com_see_right_up {    
  background:url('/img/kom_up.jpg') top left no-repeat;
  padding:5px 13px 5px 13px;
  font: bold 1.0em/100% Helvetica, Arial, sans-serif;
}

.content_com_see_right_bott {  
  text-align:right;  
  background:url('/img/kom_bott.jpg') top left no-repeat;
  padding:7px 10px 7px 10px;
  font: normal 0.9em/100% sans-serif;
}

.content_com_see_right_kom {    
  background:url('/img/kom.jpg') top left repeat-y;
  padding:10px 35px 10px 35px;
  font: normal 1.0em/100% Helvetica, Arial, sans-serif;
  line-height:150%;
}

.content_show {
  float:left;
  padding:5px;
  margin:6px;
  background:black;
  text-align:right;
  font-size:12px;
  color:white;
}

.kode0 {
  padding: 15px 0 0 15px; 
	width: 700px;
	height: auto;
	margin: 0px auto; 
	font-size:10px;
	color:black;
}

.kodephp {  
  padding:10px;
  width:915px;
	display:block
	height: auto;
	background: transparent url(przyklady_php/code.jpg) 0 0 no-repeat;
}

.kodephp_in {  
  padding-left:40px;
	margin: 0px auto; 
  width:1005px;
	display:block;
	
}

.kodephp2 {
  font: normal 14px Arial, sans-serif;
  color:white;
}

.top_przyklady_tytul{
  margin: 0px auto; 
  width:900px; 
} 

.reklama{
  width:900px;
  height:auto;
  overflow:hidden;
  margin:0px auto;
  border:none;
  border:0px;
  padding:0px;
  background:#fff;
  font-family: Verdana, Helvetica, sans-serif;
  font-size:12px;
  text-align:justify;
}

span.kod_styl {color:rgb(153,0,0); font-weight:bold;}
span.kod_styl2 {color: #000; font-weight:bold;}
span.kod_klamra {color:rgb(0,0,153); font-weight:bold;}
span.lime {color:lime;}
span.yellow {color:yellow;}
span.blue {color:rgb(48,128,255);font-weight:bold;}
span.green {color:rgb(176,255,112);}
span.red {color:red;}
span.red_i {color:rgb(255,48,32);}
span.grey {color:#a0a0a0;}
span.white {color:white;}
span.black {color:black;}

 a.pg:link {COLOR: black; FONT-VARIANT: normal; TEXT-DECORATION: none}
 a.pg:active {COLOR: black; FONT-VARIANT: normal; TEXT-DECORATION: none}
 a.pg:visited {COLOR: black; FONT-VARIANT: normal;TEXT-DECORATION: none}
 a.pg:hover {COLOR: rgb(102,153,255); FONT-VARIANT: normal; TEXT-DECORATION: none}
 
 a.pg2:link {COLOR: white; FONT-VARIANT: normal; TEXT-DECORATION: none}
  a.pg2:active {COLOR: white; FONT-VARIANT: normal; TEXT-DECORATION: none}
   a.pg2:visited {COLOR: white; FONT-VARIANT: normal;TEXT-DECORATION: none}
    a.pg2:hover {COLOR: rgb(102,153,255); FONT-VARIANT: normal; TEXT-DECORATION: none}

 a.tytul:link{font-family: Verdana, Helvetica, sans-serif;font-size:18px;color:rgb(204,51,51);}
  a.tytul:active{font-family: Verdana, Helvetica, sans-serif;font-size:18px;color:rgb(204,51,51);}
   a.tytul:visited{font-family: Verdana, Helvetica, sans-serif;font-size:18px;color:rgb(204,51,51);}
    a.tytul:hover{font-family: Verdana, Helvetica, sans-serif;font-size:18px;color:rgb(204,51,51);}

 a.examples:link{color:rgb(153,0,51);}
  a.examples:active{color:rgb(153,0,51);}
   a.examples:visited{color:rgb(153,0,51);}
    a.examples:hover{color:rgb(153,0,51);}

 a:link {FONT-VARIANT: normal; TEXT-DECORATION: none}
 a:active {FONT-VARIANT: normal; TEXT-DECORATION: none}
 a:visited {FONT-VARIANT: normal;TEXT-DECORATION: none}
 a:hover {FONT-VARIANT: normal; TEXT-DECORATION: none}