body {
	margin: 0;
	padding: 0;
	text-align: center;				
}

img {
	border: 0;
}

p {
	text-indent: 10px;
}		

#zdjecie_ramka {	
	border: 0px;	
	float: left;
	text-align: center;
}

#body {
	margin: 0 auto;
	width: 983px;			
	text-align: left;
	overflow: hidden;									
	font: 12px Verdana;
}

#top {
	width: 100%;
	height: 181px;
	background: #FFF;		
}

#top1, #top2, #top3 {
	float: left;
	height: 181px;
	width: 330px;	
	background: #CCC;
}

#top3 {
	width: 320px;
}


/* zima */



#top1 { background-image: url(top2_1.jpg); }
#top2 { background-image: url(top2_2.jpg); }
#top3 { background-image: url(top2_3.jpg); }



/* żałoba */
/*
#top1 { background: url(top2_1_gray.jpg); }
#top2 { background: url(top2_2_gray.jpg); }
#top3 { background: url(top2_3_gray.jpg); }
*/
#search {
	float: right;	
	padding-right: 17px;
	width: 150px;
	height: 30px;
	text-align: right;
	color: #BBB;	
}

#rss {	
	width: 36px;
	height: 16px;	
	float: left;
	margin-left: 10px;
	margin-top: -2px;
	position: absolute;
}

#left {
	float: left;
	width: 198px;
	background: #FFF;
	height: auto;
	padding-bottom:10000px;
	margin-bottom:-10000px;	
	background-image: url("menu_body.jpg");	
	background-repeat: repeat-y;	
}

#menu_top {
	width: 200px;
	height: 37px;
	background-image: url("menu_top.jpg");
}

#menu {
	padding-left: 25px;
	font: 14px Verdana;
	color: #658e62;
}

#menu a {
	color: #658e62;
	text-decoration: none;
	display: block;
	width: 160px;
	height: 16px;			
	margin-bottom: -15px;
	padding-left: 10px;
}
		
#menu a:Hover {
	color: #568127;			
}

#menu p {
	margin-top: 0px;
	margin-bottom: 5px;		
}


#center {
	float: left;
	width: 591px;
	background: #FFF;
	padding-bottom:10000px;
	margin-bottom:-10000px;		
	
}

#right {
	float: left;
	width: 180px;
	background: #FFF;
	padding-bottom:10000px;
	margin-bottom:-10000px;	
	background-image: url("right.jpg");
	background-repeat: repeat-y;		
	text-align: center;
}



#right a {	
	border: 0px;
}

#right img {
	border: 0px;
}

#pazur {
	background-image: url("right_logo.jpg");
	background-repeat: no-repeat;	
	width: 180px;
	height: 170px;	
	
	padding-left: 10px;
}

#footer, #footer_text, #footer_news {
	float: left;
	width: 100%;
	height: 45px;
	clear: both;
	background: #FFF;
	background-image: url("footer.jpg");
	background-repeat: no-repeat;
	margin-top: -3px;
	
	color: #CCC;
	text-align: center;
	font: 11px Verdana;
	padding-top: 14px;
}

#footer_text {
	background-image: url("footer_text.jpg");	
}

#footer_news {
	background-image: url("footer_news.jpg");	
}



#news {
	float: left;	
	width: 399px;
	height: auto;	
	overflow: hidden;
}

#info {
	float: left;
	background-image: url("dino_area.jpg");	
	padding-bottom:10000px;
	margin-bottom:-10000px;	
	width: 190px;
	height: auto;	
	text-indent: 10px;	
}

#dino {	
	
	background: #FFF;
	background-image: url("dino_logo.jpg");
	background-repeat: no-repeat;	
	width: 192px;
	height: 216px;
	float: left;	
		
}

#news_main {
	width: 393px;
	height: 217px;	
	background: #ccc;	
	background-image: url("main_news.jpg");
	background-repeat: no-repeat;	
	
	float: left;
	margin-left: 2px;
	border: solid 1px #EEE;
	margin-bottom: 3px;
}

#news_shadow, #text_shadow {
	width: 393px;
	height: 63px;	
	background-repeat: repeat-x;	
	color: #000;	
	margin-top: 154px;
}

#news_shadow h2, #text_shadow  h2 {
	font: 18px Verdana;
	color: #000;	
	padding-left: 10px;	
	margin: 0px;
	padding-top: 2px;
}

#news_shadow h3, #text_shadow  h3 {	
	font: 13px Verdana;
	color: #000;
	padding-left: 10px;		
}

#news_shadow a {
	color: #000;
	text-decoration: underline;
}

#text_shadow  h2 {	
	font: 20px Verdana;
	color: #FFF;
	padding-left: 10px;			
	padding-top: 15px;
}

#news_shadow span {
	font: 14px Verdana;
	color: #FFF;
	padding-left: 10px;
	padding-top: 5px;
	clear: both;	
}

/*
.news_normal {
	width: 100%;
	height: 63px;
	float: left;
	margin-top: 1px;	
	background-image: url("normal_news.jpg");
	background-repeat: no-repeat;
	padding-top: 5px;
	overflow: hidden;
	font-size: 11px;
}

.news_normal b {
	font-size: 11px;
}

.news_normal_min {	
	margin-left: 5px;
	margin-right: 5px;
	width: 80px;
	height: 55px;
	border: solid 1px #CCC;
	float: left;
	background-image: url("img/news_112_mini.jpg");
}

*/


.normalnews {
	float: left;
		
	width: 36em;
	height: 6em;	
		
	background-image: url("normal_news.jpg");
	background-repeat: no-repeat;	
	background-position: left;
		
	font: 11px Verdana;				
}
	
.min {
	float: left;
	width: 7em;
	height: 5em;
		
	margin: 0.44em 0.5em 0em 0.5em;
		

}

.min img {
		border: solid 1px #CCC;
}
	
.tytul {
	float: left;
	width: 27.5em; 
	margin-bottom: 0.5em;
	margin-top: 0.6em;
	font-weight: bold;	
	padding-left: 0.2em;
}
	
.opis {
	float: left;
	width: 27.5em;
	height: 1.8em;
	padding-left: 0.2em;
}
	
.czytajdalej {
	float: left;
	width: 27.5em;		
	text-align: right;	
	padding-right: 0.3em;
}

.czytajdalej  a {
	color: #6699CC;
}


#text {
	float: left;
	background: #FFF;
	width: 399px;
	height: auto;
	overflow: hidden;
	
}

#text_main {
/*	width: 100%;
	height: 215px;	*/
		width: 393px;
	height: 217px;	
	background: #FFF;
	/*background-image: url("main_news.jpg");*/
	background-repeat: no-repeat;		
	background: #FFF;
	margin-left: 3px;
	margin-top: 1px;	
}

#text_body {
	clear: both;
	background: #FFF;
	padding: 5px;
	text-align: justify;
	font-size: 11px;
}

/* rotator */
#rotator {
	height:309px;
	position: absolute;
	margin-top: 10px;
	margin-left: 3px;
}

#rotator img {
	display: none;
}



/* zegar */

#formclock {		
	text-align: center; 
	height: 5px;
	margin-left: 5px;		
	padding-bottom: 20px;
	
}

#inputclock {
	padding-top: 15px;
	background: transparent;
	font: 15px Verdana;
	border: 0px;
	color: #000;
	height: 30px;
	font-weight: bold;
}

/* kursy walut */

#gielda {	
	clear: both;
	float: left;
	padding-left: 5px;
	margin-left: 5px;
	text-align: center;
	margin-top: 5px;
}
		
.cw_h1_t, .cw_h1_l {
	display: none;		
}	


#mny_cw  {
	
}
		
.cw_h2, .td1 {
	border: 0;	
	width: 45px;
	font: normal 11px Tahoma;	
	color: #000;	
}		
.cw_h2 a, .td1 a {
	text-decoration: none;
	color: #000;
}
		
.td1 {
	text-decoration:none;
	color:#15459C;
}

#czytajdalej {
	float: right;
	color: #6699CC;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 14px;
	position: relative;
}



#info_text {
	text-align: left;	
	font: 11px Tahoma;
	border-bottom: dotted 1px #CCC;
}



.top {	
	color: #4C4C4C;
}

.temp {
	font: 11px Verdana;
}

.pogoda {
	width: 176px;
	height: 190px;
	font-size: 11px;
	text-align: left;		
	padding-left: 5px;	
}



.pogoda #dzis {	
	text-align: left;
	padding-left: 85px;
	background-repeat: no-repeat;	
	font: 11px Verdana;
	height: 85px;
	float: left;
	margin-left: 3px;
}

.pogoda .kolejne {
	float: left;
	width: 80px;	
	height: 30px;
	padding-bottom: 50px;
	background-repeat: no-repeat;
	background-position: right top;
	font: 9px Verdana;
	text-align: left;
	margin-top: -5px;		
	
}

#pokaz_news {
	padding: 5px;
	text-align: justify;
	font-size: 12px;
}

#starsze_newsy {
	width: 99%;
	background: #FFF;	
	color: #A0A0A0;
	background-image: url("starsze.jpg");
	height: 25px;
	float: left;	
	margin-left: 1px;
	font: 10px Verdana;
	padding-top: 9px;
	margin-bottom: -9px;
	text-align: center;
}

#starsze_newsy a {
	color: #AAA;
}

/* O Lisowicach */
#mapka {
	float: left;
	width: 20em;
	height: 18em;	
}

#opis {
	float: left;
	width: 20em;
	height: 18em;
}

#wies_tekst {
	clear: both;
	width: 100%;	
	text-align: justify;
}

/* Galeria */
/* Biografie */

.galeria, .postac {
	width: 400px;
	height: 180px;
	margin-bottom: 10px;
	margin-left: 3px;
	float: left;
}



.galeria_min, .postac_min {
	width: 170px;
	border: solid 1px #CCC;
	padding: 5px;	
	float: left;
}


.galeria_opis , .postac_opis {
	float:  left;
	margin-left: 5px;
	padding-top: 5px;
	width: 200px;	
}

#zdjecia {
	text-align: center;  	
}

#zdjecia img {
	float: left;
	margin: 8px;
	margin-right: 5px;
	padding: 5px;
	width: 120px;
	height: 90px;
	border: solid 1px #CCC;	
}

.zdjecia {
	text-align: center;  	
}

.zdjecia img {
	float: left;
	margin: 8px;
	padding: 5px;
	border: solid 1px #CCC;		
}

/* Biblioteka */
/* ciekawe pozycje */
#pozycje_ramka {
	height: 250px;	
}

#pozycje_zdjecie {
	float: left;
	width: 150px;
	padding: 5px;
	border: solid 1px #CCC;
}

#pozycje_tekst {
	margin-left: 165px;
	text-align: justify;
	font-size: 11px;
	padding-left: 5px;
}

.zakladka {			 
    border:1px solid #CC;
    float:left;
    padding-left:5px;
    padding-right:5px;
	padding-top: 3px;
    cursor:pointer;
	width: 110px;
	height: 20px;
	
	font-size: 11px;
	border: solid 1px #CCC;
	margin-right: 2px;
	color: #000;
	text-align: center;
}

.zakladka:Hover {
	text-decoration: underline;
}

.panel{
	padding:5px;
    display:none;  
	text-align: left;
}

#front {
	text-align: center;
	width: 100%;
	
}

/* SRSL */
#kwadrat {
	width: 100%;
	height: 250px;	
}

#kwadrat_maly {
	margin: 2px;
	width: 49%;
	height: 190px;
	float: left;	
	text-align: center;
	font-weight: bold;	
}

#kwadrat_maly img {
	border: solid 1px #CCC;
	padding: 5px;

}

#kwadrat_maly img:Hover {
	border: solid 1px #CCC;
	
}

/* O Lisowicach */


.zrodlo {
	width: 100%;
	text-align: right;
	font-style: italic;
}

/* Absolwenci */
#ramka {
	width: 100%;
	height: 150px;
	
	
	clear: both;
}

#ramka_zdjecie {
	float: left;	
	width: 270px;
	margin-bottom: 10px;
}

#ramka_zdjecie img {
	padding: 5px;
	border: solid 1px #CCC;
}

#ramka_opis {
	float: left;
	text-align: justify;
	width: 300px;
}

#query {
	background: #FFF;
	float: right;	 	
	width: 107px;
	height: 14px;
	border: 0px;
	font: 11px Verdana;
	color: #637A36;
	padding-top: 2px;
	padding-left: 2px;
}

.searchb {
	background: yellow;	
}

.data {
	font-size: 11px;
	color: #CCC;
}

/* O Szkole */
#ramka_szkola
{	
	width: 100%;
	height: 200px;
	margin: 10px;
	
}

#ramka_zdjecie_szkola
{
	width: 250px;
	height: 200px;
	float: left;
	margin-right: 10px;
}

#ramka_opis_szkola {
	padding: 10px;
	text-align: left;			
}



#waznedaty {	
	float: left;	
	width: 175px;
	margin-left: 10px;
	font: 10px Verdana;	
}

#naglowek {
	height: 1.5em;
	width: 160px;
	padding-top: 0.4em;
	float: left;	
	text-align: left;
	margin-left: -0.7em;
	font-weight: bold;
}

.wydarzenie {
	width: 175px;
	float: left;
	
	font: 10px	 Verdana;	
	
	border-left: solid 1px #EEE;
	border-right: solid 1px #EEE;
	border-bottom: solid 1px #EEE;
}

.wydarzenie a {
	border: 0px;
	color: #000;
}

.wydarzenie a:Hover {
	background: #CCC;
}

.datawyd {
	background: #6699CC;
	color: #FFF;
	width: 8em;
	padding: 1px;	
	font: 10px	 Verdana;	
	float: left;
	margin: 2px;	
	border: solid 1px #FFF;
}

.text {
	float: left;
	margin-left: -0.6em;
	padding-top: 0.3em;
}

.poczekaj {
	width: 100%;
	height: 40px;
	text-align: center;
	border: solid 1px #AAA;
	font-weight: bold;
	font: 11px Verdana;
	padding-top: 20px;
}

.pogodaoff {
	width: 170px;
	height: 40px;
	text-align: center;
	border: solid 1px #CCC;
	color: #AAA;
	font: 11px Verdana;
	padding-top: 20px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

/* bieg relacja */
#relacja {
	margin-left: 14px;
	
}

#zadanie {
    text-align: right;
    height: 2em;  
   color: #CCC;
}

#zadanie a {
   color: #CCC;
}

.zaproszenie {
	width: 160px;
	height: 15px;
	margin-bottom: 2px;
	float: left;
	clear: both;
	background: #EEE;
	overflow: hidden;
	margin-left: 10px;
	color: #000;
}

.zaproszenie .data {	
	background: #15459C;
	height: 100%;
	color: #FFF;
	font: 9px Verdana;
	padding: 1px 2px 0px 2px;	
	float: left;
}

.zaproszenie .tytul_zap {
	color: #000;
	float: left;
	font: 10px Verdana;
	padding: 3px;
}

#zaproszenia  {
	color: #15459C;
	font: 11px Verdana;
	font-weight: bold;
	margin-left: 10px;
	text-align: left;
	margin-bottom: 3px;
}