*{
border: none;
margin: 0;
padding: 0;
}

body{
background: #CBC8BF url(../images/bg.png) top center no-repeat;
behavior: url(css/ie6alert.htc);
color: #444444;
font-family: 'Lucida Grande', Tahoma, Arial, Sans, sans-serif;
font-size: 13px;
}

/*
#444444 - tekst
#237956 - nagłówki
#87BAA7 - mały tekst (dodano itp.)
#3C4741 - tekst top_menu
#CBC8BF - tło strony
#F3FEEF - bardzo jasna zieleń
*/

#main{
margin: 0 auto;
width: 960px;
}

/*NAGLOWKI, AKAPIT, KOMUNIKATY (h1,h2,h3,2)===*/

h1{
color: #237956;
font-family: "Palatino", "Georgia", "Cambria", "Times New Roman", serif;
font-size: 1.85em;
font-weight: normal;
letter-spacing: -1px;
line-height:1.2em;
margin-bottom: 2px;
}

h2{
font-size: 1.3em;
font-weight: normal;
}

h2.subtitle{
color: #237956;
font-size: 1.4em;
font-weight: normal;
padding: 15px 0 5px 0;
}

h3, .data{
color: #87BAA7;
font-family: "Lucida Grande", "Tahoma", "Arial", "Sans", sans-serif;
font-size: 0.9em;
font-weight: normal;
letter-spacing: 0;
}

p{
line-height: 1.5em;
padding-bottom: 10px;
}

.right{
text-align: right;
}

.center{
clear: both;
text-align: center;
}

.bold{
font-weight: bold;
}
.message{
background: url(../images/ok.png) #CCFF99 no-repeat 15px 0;
border-bottom: 1px solid #66CC33;
border-top: 1px solid #66CC33;
font-weight: bold;
margin: 0 -20px;
padding: 15px 0;
text-align: center;
}

/*KONIEC NAGLOWKI, AKAPIT, KOMUNIKATY===*/
/*LINKI===*/

a:link, a:visited{
border-bottom: 1px dotted #CCDDBB;
color: #237956;
padding-bottom: 2px;
text-decoration: none;
}

a:hover, a:active{
border-bottom: 1px dotted #87BAA7;
color: #87BAA7;
padding-bottom: 2px;
}

a.img:link, a.img:hover, a.img:active, a.img:visited, .logo a{
border: none;
margin: 0;
padding: 0;
}

.img_fade {  
background: transparent url(../images/pomoz.png) no-repeat scroll 0 0;
border: medium none !important;
clear: both;
cursor: pointer;
display: block;
height: 159px;
margin: 0 20px;
width: 240px;
}  

.img_fade span.hover { /*notice the different class: span.hover*/  
display: block;  
height: 160px;
margin: 0;
width: 240px;  
background: url(../images/pomoz.png) no-repeat scroll bottom;
}  
    

a.title:link, a.title:active, a.title:visited{
border: none;
}

a.title:hover{
color: #87BAA7;
}

/*KONIEC LINKI===*/
/*HEADER===*/

#header{
background: url(../images/header.jpg) transparent no-repeat;
height: 135px;
margin: 0 auto;
width: 960px;
}

       .logo{
	     float: left;
       height: 135px;
       width: 320px;
       }

       .konto{
       color: #555555;
	     float: left;
       font-size: 0.85em;
	     height: 80px;
       width: 400px;
       }
       .konto a:link, .konto a:visited{
       border-bottom: none;
       color: #555555;
       text-decoration: underline;
       }
       .konto a:hover, .konto a:active{
       color: #237956;
       }

/*KONIEC HEADER===*/
/*TOP MENU===*/

.top_menu{
background: url(../images/top_menu.jpg) transparent 0 0 no-repeat;
float: left;
font-family: "Palatino", "Georgia", "Cambria", "Times New Roman", serif;
font-size: 1.1em;
height: 45px;
padding: 0 10px;
text-transform: uppercase;
width: 640px;
z-index: 1000;
}

.top_menu, .top_menu ul{
list-style: none;
z-index: 1000;
}

.top_menu li.headlink{
float: left;
line-height: 1em;
z-index: 1000;
}

.top_menu li.headlink ul {
background-color: #E5EAE4;
box-shadow: 0 8px 20px #354630;
font-size: 0.85em;
left: -98%;
margin-top: -1px;
position: absolute;
-moz-box-shadow: 0 8px 20px #354630;
-webkit-box-shadow: 0 8px 20px #354630;
z-index: 1000;
}

.top_menu li.headlink:hover ul {
left: auto;
z-index: 1000;
}

.top_menu li ul li{
display: block;
float: none;                     
padding: 0;
z-index: 1000;
}

			  .top_menu li a:link, .top_menu li a:visited{
              border: none;
              color: #3C4741;
              display: block;
              padding: 18px 10px 13px 10px;
              text-decoration: none;
              text-shadow: #FFFFFF 0 1px 0;
			  z-index: 1000;
              }

              .top_menu li a:hover, .top_menu li a:active{
              background: url(../images/top_menu_zazn.jpg) transparent center no-repeat;
              border: none;
              color: #FFFFFF;
              padding: 16px 10px 15px 10px;                     
              text-decoration: none;
              text-shadow: #87BAA7 0 0 4px;
			  z-index: 1000;
              }

              .top_menu li ul li a:link, .top_menu li ul li a:visited{
              border-bottom: 1px solid #D9DED8;
              border-top: 1px solid #F0F1F0;
              display: block;
              padding: 6px 7px 6px 7px;
			  z-index: 1000;
              }

              .top_menu li ul li a:hover{
              background: url(../images/top_podmenu_zazn.jpg) transparent center no-repeat;
              padding: 6px 7px 6px 7px;
			  z-index: 1000;
              }
/*KONIEC TOP MENU===*/
/*CONTENT===*/

#content{
float: left;
width: 660px;
}
       
       /*DZIALANOSC===*/

	.dzialalnosc {
	background:url("../images/dzialalnosc.jpg") no-repeat scroll 0 0 transparent;
	color:#514F43;
	font-family:Georgia,serif;
	font-size:24px;
	font-style:italic;
	height:180px;
	padding:20px 20px 20px 260px;
	text-shadow:0 1px 0 #FFFFFF, 0 0 4px #F2F0E7;
	width:380px;
}

       /*KONIEC DZIALNOSC===*/
       /*==NEWSY===*/

     .tresc{
	   background: #fff;
	   float: left;
	   min-height: 600px;
	   padding: 20px;
	   width: 620px;
     }

     .tresc_round{
     background: #CBC8BF url(../images/content_round.png) no-repeat;
     float: left;
     height: 20px;
     width: 660px;
     }
              .news{
              border-bottom: 1px dashed #ccc;
              float: left;
              margin-bottom: 10px;
              min-height: 210px;
              width: 100%;
              }

                     .news_img{
                     border: 5px solid #E1DFD0;
                     float: left;
                     overflow: hidden;
                     margin-right: 10px;
                     width: 150px;
                     }
                     
                     .image{
                     border: 5px solid #E1DFD0;
                     height: 90px;
                     }
                     .image_box{
                     float: left;
                     height: 110px;
                     width: 140px;
                     }

       /*KONIEC NEWSY===*/
       
       .photo{
       float: left;
       padding-right: 10px;
       }
/*KONIEC CONTENT===*/
/*RIGHT-PRAWY PANEL===*/

#right{
background: url(../images/right.jpg) #FFFFFF 0 0 no-repeat;
float: left;
margin: -45px 0px 20px 20px;
padding-top: 60px;
width: 280px;
}

.right_round{
background: #CBC8BF url(../images/right_round.png) no-repeat;
clear: both;
height: 20px;
width: 280px;
}

       .reklama{
       padding-top: 10px;
       text-align: center;
       }

       .banner{
       margin-left: -10px;
       }

	.news_right{
	float: left;
	padding: 10px;
	text-align: left;
	}

	.news_right h1{
	font-size: 1.6em;
	}

	.news_right h1, .news_right h1 a:link, .news_right h1 a:visited{
	border: none;
	color: #cf9a0c;
	}
	.news_right h1 a:hover, news_right h1 a:active{
	color: #ffca00;
	}

	.news_right a:link, .news_right a:visited{
	border-bottom: 1px dotted #cf7a00;
	color: #cf7a00;
	}
	.news_right a:hover, news_right a:active{
	border-bottom: 1px dotted #ffca00;
	color: #ffca00;
	}

	.news_right .data{
	color: #bbb;
	font-size: 0.8em;
	}
	   
       /*PROJEKTY===*/
       
       .projekty{
       margin-bottom: 25px;
       }

              .projekty p{
              font-family: "Palatino", "Georgia", "Cambria", "Times New Roman", serif;
              font-weight: normal;
              line-height: 1.2em;
              letter-spacing: -0.02em;
              }

                     p.na_nasze_projekty{
                     color: #54442A;
                     font-size: 2.2em;
                     font-style: italic;
                     }

                     p.zebr_potrz{
                     color: #888888;
                     font-size: 1.8em;
                     font-style: italic;
                     padding: 5px 0 0 0;
                     }

                     p.zebr_kwota{
                     color: #79AA8A;
                     font-size: 3.4em;
                     text-align: right;
                     }

                     p.potrz_kwota{
                     color: #D7AC50;
                     font-size: 3.4em;
                     text-align: right;
                     }

       /*KONIEC PROJEKTY===*/
/*==KONIEC RIGHT-PRAWY PANEL===*/
/*STOPKA===*/

#footer{
background: transparent url(../images/footer.png) no-repeat;
clear: both;
font-size: 0.85em;
height: 90px;
margin: 0 auto;
padding: 10px 0 20px 0;
width: 960px;
}

.footer_tmp{
border-right: 1px dashed #CCCCCC; 
float: left;
height: 90px; 
padding: 0 10px; 
text-align:justify;
}

#footer a:link, #footer a:visited{
color: #000;
}
#footer a:hover, #footer a:active{
color: #ccc;
}

/*KONIEC STOPKA===*/
/*TABELA===*/

.tabela{
border-collapse: collapse;
margin-bottom: 20px;
width: 100%;
}

.tabela textarea#txtMessage, .tabela input{
border: 1px solid #CDDFD0;
padding: 3px;
}

input.btnSubmit{
background: #FFFFFF;
}

       .tabela thead{
       border-bottom: 2px solid #237956;
       color: #237956;
       text-align: left;
       }
       
              .tabela thead tr:hover, .tabela thead tr:hover a{
              background: #237956;
              color: #FFFFFF;
              }
              
       .tabela tbody tr{
       border-bottom: 1px solid #87BAA7;
       }

              .tabela tbody tr:hover{
              background: #F3FEEF;
              }

       .tabela tfoot{
       background: #F3FEEF;
       border-bottom: 2px solid #87BAA7;       
       }

              .tabela tfoot tr:hover{
              background: #DAEDD0;
              }

       .tabela th, .tabela td{
       padding: 10px;
       }
       
       .tabela th{
       text-align: left;
       }

/*KONIEC TABELA===*/
       
/*INNE===*/
.tresc ol, .tresc ul{
line-height: 1.5em;
padding-left: 30px;
}

.bank_obrazek{
float: right;
}
.bank_obrazek a:link, .bank_obrazek a:visited, .bank_obrazek a:hover{
border: none !important;
}

.akcje{
float: left;
height: 180px;
margin-right: 15px;
overflow: hidden;
width: 140px;
}

.akcje img{
height: 120px;
}
.akcje a{
border: none;
}

td {
padding-right: 10px;
}
/*KONIEC INNE===*/


/*AKCJE===*/
.akcja{
border: none !important;
float: left;
height: 45px;
margin: 0 45px 0 0;
padding: 160px 0 0 0;
width: 160px;
}
.akcja:hover{
border: none !important;
}

.powodz{
background: url(../images/akcje/powodz-2010.jpg) no-repeat;
}
.powodz:hover{
background: url(../images/akcje/kolor/powodz-2010.jpg) no-repeat;
}

.pomoc-zywn{
background: url(../images/akcje/pomoc_zywnosciowa.jpg) no-repeat;
}
.pomoc-zywn:hover{
background: url(../images/akcje/kolor/pomoc_zywnosciowa.jpg) no-repeat;
}

.pomoc-odziez{
background: url(../images/akcje/pomoc_odziezowa.jpg) no-repeat;
}
.pomoc-odziez:hover{
background: url(../images/akcje/kolor/pomoc_odziezowa.jpg) no-repeat;
}

.pomoc-rzecz{
background: url(../images/akcje/pomoc_rzeczowa.jpg) no-repeat;
}
.pomoc-rzecz:hover{
background: url(../images/akcje/kolor/pomoc_rzeczowa.jpg) no-repeat;
}

.pomoc-ind{
background: url(../images/akcje/pomoc_indywidualna.jpg) no-repeat;
}
.pomoc-ind:hover{
background: url(../images/akcje/kolor/pomoc_indywidualna.jpg) no-repeat;
}

.bank{
background: url(../images/akcje/bank_pracy.jpg) no-repeat;
}
.bank:hover{
background: url(../images/akcje/kolor/bank_pracy.jpg) no-repeat;
}

.swietlice{
background: url(../images/akcje/swietlice_srodowiskowe.jpg) no-repeat;
}
.swietlice:hover{
background: url(../images/akcje/kolor/swietlice_srodowiskowe.jpg) no-repeat;
}

.kolonie{
background: url(../images/akcje/kolonie.jpg) no-repeat;
}
.kolonie:hover{
background: url(../images/akcje/kolor/kolonie.jpg) no-repeat;
}

.upominek{
background: url(../images/akcje/noworoczny_upominek.jpg) no-repeat;
}
.upominek:hover{
background: url(../images/akcje/kolor/noworoczny_upominek.jpg) no-repeat;
}

.pomoc-szk{
background: url(../images/akcje/pomoc_szkolna.jpg) no-repeat;
}
.pomoc-szk:hover{
background: url(../images/akcje/kolor/pomoc_szkolna.jpg) no-repeat;
}

.odwykowki{
background: url(../images/akcje/odwykowki.jpg) no-repeat;
}
.odwykowki:hover{
background: url(../images/akcje/kolor/odwykowki.jpg) no-repeat;
}

.kluby{
background: url(../images/akcje/klub_zdrowia.jpg) no-repeat;
}
.kluby:hover{
background: url(../images/akcje/kolor/klub_zdrowia.jpg) no-repeat;
}

.wypoz{
background: url(../images/akcje/wypozyczalnia.jpg) no-repeat;
}
.wypoz:hover{
background: url(../images/akcje/kolor/wypozyczalnia.jpg) no-repeat;
}
/*KONIEC AKCJE===*/