.czysc{clear:both;}
.centro {text-align:center; }
img {border:0;}

body{background-color:#888a6a;	font: 90%/145% "Lucida Grande",verdana,helvetica,sans-serif; text-align: center; background-image:url(img/body-bg.jpg); background-position: top; background-repeat: repeat-x; margin:0; padding:0; }

#all {width: 780px; margin:auto;border-top:1px solid #888a6a;text-align: left; }

article{ background-color:#ddc; margin:0 0 20px 0; padding:10px; text-align:left;}
footer{ background-color:#eec; padding:10px; text-align:left;}

/*  ---------------strona główna-------------------- */



#top01 {width: 780px; height:130px; background-image:url(img/top.png); background-repeat:no-repeat;}
#top01 h1{background-color:transparent;margin:0; padding:0; background-image:none; }
#top01 h1 span{visibility:hidden;}

#top02 {width: 780px; height:auto; background-color:#000; margin:0 0 20px 0;padding:4px 0 0 0;}
#top02 h2{ color:#eec; font-size:15px;}


#kolumny { height: 100%; }
#kol-lew { padding:10px; width: 47%; float:left; border-left:2px solid #888;}
#kol-pra { padding:10px; width: 46%; float:left; border-left:2px solid #888;}


/*  ---------------str. lekcje-------------------- */

#top { width:100%;  height:30px; background-color:#000;}
#menu-l { float: left; width: 40%; text-align: left; padding:0 0 0 10px;}
#menu-r { width: 50%; float: left; text-align: right; padding:0  10px 0 0;}
#menu-l a {color:#fff;}
#menu-l a:hover {color:#888a6a;}

h1{height:50px;	clear: both; color:#eec; font-size:18px; background-image: url(img/blok-pat.gif); margin:0; line-height:200%; padding:0 0 0 10px;}



	
code {background-color: #fff; padding:0px 5px}
code div {background-color: #fff; }
.typ-nr {	font-weight: bold;	text-decoration: underline;	color: #ffc;}

/* styl typ01 */	
.typ001 {padding-left:4px;	background-color: #eee;	border: 1px solid black;	height: auto;	float:left; width: 70%; }

.ops {border-top:1px solid #888a6a; font-size:0.8em; color:#888a6a;}

/*lnagłówki*/	

h2, h3, h4 {	margin:0px auto; line-height:125%; padding:8px; }	
ul, ol {line-height: 150%;	list-style: square; /*font-size: 110%;*/}


/*links*/	
a {color:#888a6a;text-decoration: none;}
a:hover {color:#000;	text-decoration:underline; background-color:#eec;}	


	
	/* styl dla lekcja */	
	
code{background-color: #fff; padding:4px;}
.typ-nr {
	font-weight: bold;
	text-decoration: underline;
	color: #ccc;
}

/*  ---------------komentarze dół-------------------- */
#uwagi {width:100%; ;background-color:#000; color:#eee;padding:10px;margin:0 -8px -8px -8px ;border:0;}

/*  ---------------grafika------------------- */

figure img {max-width:80%; }
figcaption {color:#888a6a; }


/*
ciemny zielony-tlo strony #888a6a
jasno szare tło strony #ddc
żółte światełko #eec

*/