/* CSS Document */

html, body {
	background-color: #adaeb0; /* ustalannie koloru tla, koloru fontu, usuwanie marginesow dla glownej strony */
	color: #000;
	margin: 0;
	padding: 0;
	   height:100%;
	   /*background: url("images/blenda.png") repeat;*/
}

#main { /* DOADATKOWY BLOK OBEJMUJACY*/
	width: 890px; /*960px;*/
	margin: 0 auto;
	background-color: #adaeb0; /*555;*/
	  min-height:100%;/*based from body height - dokleja maina do stopki gdy malo tresci*/
	  /*background: url("images/chinczyk.jpg") repeat;*/

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;/*medium; /*small;*/
  text-align: justify;
}

/* #fixer {  DODATKOWY BLOK ZAKRYWAJACY GORE STRONY -odsteb miedzy przegladarka a glownym blokiem (top) 25px 
	width: 960px;
	height: 25px;
	background: #aff;
} use top border in place of this div*/

/* #top { blok obejmujacy - containing block
	width: 960px;
	margin: 0 auto; //powoduje ze blok glowny strony jest wysrodkowany
	top: 0px;
	position: fixed;
} */


/*
#top {
	width: 780px;
}

#NAGLOWEK {
	background-color: #888;
}

#MENU {
	width: 150px;
	float: left;
	overflow: hidden;
	background-color: #ccc;
}

#INFORMACJE {
	width: 150px;
	float: right;
	overflow: hidden;
	background-color: #ccc;
}

#TRESC {
	width: 480px;
	float: left;
	overflow: hidden;
	background-color: #fff;
}

#STOPKA {
	clear: both;
	width: 100%;
	background-color: #888;
} */



#top {
    width: 890px; /*960px;*/
    height: 225px; /*175px;*/
    /*  border-top:25px solid #1ff; */  /*use border in place of #fixer div*/
        
    /*margin: 0 auto;*/
//    top: 0;
//    position: fixed;
    background-color: #adaeb0;/* */
    /* background: url("images/naglowek.png") no-repeat; */
}
.news {
  width: 739px;
  height: 28px;
  margin-left: 200px;
  font-size: small;
  font-weight:bold;
  color: #8C8B8D;
  
}
.menugora{
  width: 890px /*960px;*/
  height: 29px;
	/*background:url(images/menu_puste.jpg);*/
	/* padding:6px 10px 22px 10px; /* pixeli na górze, po prawej, na dole, po lewej.*/
	text-align:center;
	/*color:#fff;      */
	font-size: small;
	font-weight:bold;
	/* float: left; */
	}

#guzik00 {
  margin-left: 15px;
  width: 353px;/* 353px; */
  height: 29px;
  float: left;
}
#guzik00 p, #guzik00 a, #guzik00 a:hover, #guzik00 a:visited {
	color: #fff;
	text-align:left;
	vertical-align:top;
}


#guzik01, #guzik02, #guzik03, #guzik04 {
  width: 142px; /* 140 + 2przerwy */
  height: 29px;
  float: left;
}

.menugora a{      /*aby nie bylo ignorowane TRZEBA dopisac nazwe selektora przed a{ */
	color: #1A171B; /* #606060;*/ /*#737373;*/
	font-size: 14px; /*medium; /*11px;*/
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif; /* Font menu gornego (wazny jest SREDNIK na koncu)*/
	/*font-weight: bold;*/
  /*font-style: italic; */
	text-decoration:none;
	/* padding-left:34px;
	padding-right:18px; */
	text-align:center;
	vertical-align:middle;
  display: block; /* powoduje ze linkami sa cale bloki a nie tylko napisy */
  height: 24px;   /* a te 3 linie wyrownuja napis na srodku guzika */
  width: 140px;
  margin-top: 3px;
}

#guzik00 a{
  width: 1px;/* 353px; */
  height: 1px;
  font-size: 1px;
}

.menugora a:hover {
	/*background-color: #797;*/
	/*background-image: url("images/button_on.jpg");*/
	color: #E2001A; /*#f7718f; //KOLOR MENU GORNEGO po najechaniu myszka*/
	/*color: #eff;*/
}

.menugora a:visited {
/*	color: #F9C10D; /* zolty z logo */
}





#left {/*nest #MENU in floated #left*/
    float: left;
    width: 270px;
}

/* Naglowek zawiera sie w #TOP 
  #NAGLOWEK {
	background-color: #888;
	height: 175px;
} */

#MENU {
	width: 270px; /*150px;*/
	/* float: left; */
	 overflow: hidden; /* visible // w przypadku gdy zawartosc jest zbyt szeroka nastapi obciecie poprzez ukrycie za duzego elementu*/
	background-color: #E2001A;
	
	top:225px;       /* te 3 linijki odpowiadaja za to ze */
	bottom: 30px;    /* odrywaja warstwe (fixed) */
//	position: fixed; /* i rozciagaja automatycznie o 200px od gory i o szerokosc stopki na dole*/
  //position: absolute;
  min-height: 360px; /*435px w min-height TRESCI*/
	background: url("images/menu_l_tlo.png") repeat; /* a tak nie funga z no-repeat background-image:url("images/naglowek.jpg");*/

  /*font-style: italic; */
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-size: medium;
   
   /* padding-left: 18px; */  /* dodane by przesunac guziki menu */
}

#menu_fixer{
  margin-top: 44px; /* 24px; /* margines nad guzikami lewego menu - bylo 24px ale dodane dodatkowe 20px by obnizyc lewe menu gdy zmienil sie baner gorny*/
}

#MENU p { 
   margin-top: 0px;
   margin-left: 0px;
   /* font-size: small; */ /*medium;*/
   font-size: 9px;
   font-weight: bold;
   font-style: italic;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   text-align:center;
   width: 270px;
   /*border: 1px solid #2f4f4f;*/
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   color: #F9C10D; /* zolty */
   line-height: 0.15; /* 3px; /* odstepy miedzy wierszami */
   /* line-height:1.4; */
   
}

#MENU ul, #MENU ul li { /*usuwa domyslne formatowanie wykazu oraz jego punktów w zakresie czesci navigation*/
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#MENU ul li {
	width: 245px; /*177px;*/ /* 202px szerokosc klocka menu*/
	height: 45px; /*33px; /* odleglosci w pionie miedzy klockami wlacznie z wysokoscia samego klocka*/
	padding-left: 21px; /*71px; /* odleglosc od lewej krawedzi do poczatku klocka menu */
	/*background: #797 url("images/punkt.gif") no-repeat left top;*/
	background: url("images/guzik_menu_lewe.png") no-repeat right top; /*middle; /*top; /*bottom;*/
	/*border-width: 0px;
	border-style: solid;
	border-color: #dfe #365 #365 #dfe;*/
}

#MENU ul a:link, #MENU ul a:visited {
	display: block;
	width: 213px; /* +padding lewy i prawy daje szerokosc obrazka menu, szerokość = szerokości bloku rodzica (ul li) - (obramowanie 2*(border) + 2*(padding prawy + lewy))
  202px - (2*1px + (5px + 10px)) = 185px   
  WAZNE PADDING prawy kiedy brak podanego lewego liczony jest podwojnie!
  Jak jest podany lewy (nawet=0) liczony jest osobno prawy i osobno lewy*/
  height: 15px; /* 33px; wysokosc klocka menu: + padding gorny i dolny daje wartosc wysokosci obrazka*/ 
	text-decoration: none;
	text-align:left;
	color: #1A171B; /* #606060; */ /* #17718f; /* 43708d; - przed konwersja RGB //KOLOR MENU Z LEWEJ*/
	padding: 3px 22px 7px 10px; /*auto 1cm auto; /* (bylo 5,10) gorny, prawy, dolny, lewy */
	font-weight: bold;
  /*background: #bfb url("images/button_on.jpg") repeat-x top;*/
	/*background: url("images/button_off.jpg") no-repeat right top;
  /*color: #3cecfd3;*/ 
	/*border-left: 1px solid #797;*/
	/*border-right: 1px solid #797;*/
	/*border: 1px solid #797; tylko do testow zeby bylo widac ramke */
}

#MENU ul a:hover {
	/*background-color: #797;*/
	background-image: url("images/guzik_menu_lewe_over.png");
	color: #a0190c; /* #E2001A */ /*#2ebef1; /*#f7718f; //KOLOR MENU Z LEWEJ po najechaniu myszka*/
	/*color: #eff;*/
}

/*#MENU li.podmenu { 
	background: url("images/guzik_menu_lewe_podmenu_25.png") no-repeat;
	background-position: right;
	display: none;
	}
#MENU li.podmenu:hover {
  display:block;
}

#MENU li:hover + li.podmenu
{
	display: block;
}
*/

#MENU ul.podmenu { 
	/*background: url("images/guzik_menu_lewe_podmenu_25.png") no-repeat; */
	/*background-position: right; */
	display: none;
	}
#MENU ul.podmenu li{ 
	width: 245px; /*177px;*/ /* 202px szerokosc klocka menu*/
	height: 45px; /*33px; /* wysokosc klocka menu*/
	padding-left: 21px; /*21px; /*71px; /* odleglosc od lewej krawedzi do poczatku klocka menu */
	background: url("images/guzik_menu_lewe_podmenu_25.png") no-repeat right top;
	/*background-position: right; */
	/*display: none; */
	}

#MENU ul.podmenu:hover {
  display:block;
}

#MENU li:hover + ul.podmenu
{
	display: block;
}

#MENU ul.podmenu a:link, #MENU ul.podmenu a:visited {
	width: 213px; /*170px; /*szerokość = szerokości bloku rodzica (ul li) - (obramowanie 2*(border) + 2*(padding prawy + lewy))
  202px - (2*1px + (5px + 10px)) = 185px   
  WAZNE PADDING prawy kiedy brak podanego lewego liczony jest podwojnie!
  Jak jest podany lewy (nawet=0) liczony jest osobno prawy i osobno lewy*/
  height: 15px; /* 33px; wysokosc klocka menu*/ 
	text-decoration: none;
	text-align:left;
	color: #1A171B; /* #606060; */ /* #17718f; /* 43708d; - przed konwersja RGB //KOLOR MENU Z LEWEJ*/
	padding: 3px 52px 7px 10px; /*auto 1cm auto; /* (bylo 5,10) gorny, prawy, dolny, lewy */
	font-weight: bold;
	margin-left: 29px;
}

#MENU ul.podmenu a:hover {
	color: #E2001A /*#2ebef1; /*#f7718f; //KOLOR MENU Z LEWEJ po najechaniu myszka*/
}




#right {/*nest #REKLAMA in floated #right*/
    float: right;
    width: 116px;
}

#REKLAMA {
	width: 116px;
	/* float: right; */
	overflow: hidden;
	/* background-color: #ccc; */

  font-size: 10px;
  text-align: center;
  
  top: 225px; /* 175px; te 4 linijki rozciagaja w pione ale licza od lewej krawedzi PRZEGLADARKI a nie TOPu czy MAINa*/
	bottom: 25px;
	margin-top: 20px; /* dodane aby obnizyc sekcje gdzie wstawione jest donate*/
  /*	left: 800px; */
//	position: fixed;
	/* z-index: -1; */ /*mozna nadac REKLAMIE 960px i tak w innych boxach poustawiac z-index ze REKLAMA bedzie przykryta i widac bedzie tylko prawa czesc*/
	/* margin-left: 800px; */  /*a to zalatwia sprawe :), tyle czasu a to kwestia jednego polecenia */
	                           /* ale tak nie dzialalo w Safari i w Chrome wiec doszedl #right */
}

/* To zalatwia border 
  #reklamafixer { // DODATKOWY BLOK o wysokosci stopki (aby tekst zawartosci strony nie wchodzil pod stopke 
	//width: 960px;
	margin: 0 auto;
	height: 25px; // tyle ile ma miec stopka
	background: #afc;
} */

/*
//#inner_tresc{
//    margin:0 166px 0 200px; /* pixeli na górze, po prawej, na dole, po lewej.
//    padding-top:200px;/*preserve header space and pad 1st .content div 
//    padding-bottom:25px;/*preserve footer space
//    overflow:hidden;/*contain floats/ie7 haslayout
//    width: 594px; /* zawartosc, tresc 
//    height: 100%;
//      min-height:100%;/*based from body height
//}
*/

#TRESC {
	  width: 504px; /*594px;*/ /* zawartosc, tresc */
	  overflow: hidden;
/*	background-color: #fff; */
	/* margin: 200px auto 0px 200px; */ /* pixeli na górze (wys. naglowka (175) + wys. marginesu gl. (25)), po prawej, na dole, po lewej.*/
    margin: 20px 116px 0 220px; /* 116px UWAGA - TO SZEROKOSC REKLAMY!, 20px (pierwszy parametr) dodane aby obnizyc sekcje gdzie wstawione jest tresc*/
//    padding: 225px 0 25px 0; /*use padding to preserve fixed header and footer*/
    padding: 0px 0 25px 0; /*use padding to preserve fixed header and footer*/
/* 	background: url("images/chinczyk.jpg") repeat; */
 	min-height:100%;/*based from body height*/
 	  min-height: 335px;
}

#TRESC p {
  margin:2em 1em;
  line-height:1.4;
}

#TRESC h1 {
   color: #e7e7e9; /*#ec008c; /*#80d0f6; tu jesli juz to kolor taki jak tlo gornego bannera*/
   font-size: 11px;/* 12px; xx-small;*/
   font-style: italic;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   margin-left: 5px;
   margin-top: 0px;
}

#TRESC h2 {
   color: #666; /*#e7e7e9; /*#ec008c; /*#80d0f6; tu jesli juz to kolor taki jak tlo gornego bannera*/
   font-size: 18px;/* 12px; xx-small;*/
   font-style: italic;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   margin-left: 5px;
   margin-top: 0px;
   text-align: center;
}

#TRESC ul li {
	/*width: 200px; /* 202px szerokosc klocka menu*/
	/*height: 38px; /*33px; /* wysokosc klocka menu*/
	padding-left: 10px; /*71px; /* odleglosc od lewej krawedzi do poczatku klocka menu */
	padding-right: 25px; /*71px; /* odleglosc od lewej krawedzi do poczatku klocka menu */
}

//.refer img {
//  float: left;
//  margin: 5px 50px 5px 10px;
//}


//#refer2 {
//  width: 524px; /*594px;*/
//}

.refer2 {
	width: 100px;
	height: 100px;
  float: left;
  margin: 2px 10px 12px 10px; /*g,p,d,l  UWAGA - marginesy z lewej i prawej musza byc odjete od refer3 czyli
   TRESC = 594px - refer2.lewe - refer2.prawe = szerokosc_dla_refer3 !!!*/
}
.refer3 {
  width: 469px; /* minus szerokosc, marginesy lewe i prawe refer2 ORAZ marginesy wlasne lewe i prawe*/
  float: left;
  margin-right: 5px;
}
.refer3 a {
  font-size: 10px;
}

.refer4 {
  width: 524px; /*594px;*//* minus szerokosc, marginesy lewe i prawe refer2 ORAZ marginesy wlasne lewe i prawe*/
  float: left;
  text-align: right;
  //margin: 2px 10px 12px 10px; /*g,p,d,l */
}

.refer4 a{
  margin-right:15px;
  font-size: 10px;
}

.galeria1 {
	width: 118px; /* 5*118 = 590 a szerokosc max to 594 */
	height: 45px; /* 125px; */
  float: left;
  /*margin: 0 auto; /* powoduje ze blok glowny strony jest wysrodkowany - albo to albo float, razem nie dziala */
  margin-bottom: 15px;
  /*margin: 2px 10px 12px 10px; /*g,p,d,l  UWAGA - marginesy z lewej i prawej musza byc odjete od refer3 czyli
   TRESC = 594px - refer2.lewe - refer2.prawe = szerokosc_dla_refer3 !!!*/
  font-size: 10px;
  text-align: center;
  display:block;
  /*z-index:100;*/
}
.galeria1 img:hover {
  /*position:absolute; 
  left:-50px; 
  top:-32px; 
  width:200%; 
  height:200%; 
  border-color:#fff;
  z-index: 10;
  display:none; */
}

.galeria1 a:link, .galeria1 a:visited, .galeria1 img {
  color: #606060;
  border: none;
  outline: none;
}

.galeria2 {
  width: 524px; /*594px;*/ /* minus szerokosc, marginesy lewe i prawe refer2 ORAZ marginesy wlasne lewe i prawe*/
  float: left;
  text-align: center;
  //margin: 2px 10px 12px 10px; /*g,p,d,l */
}

.galeria2 a{
  margin-right:15px;
  font-size: 10px;
}

.galeria3 {
  width: 524px; /*594px;*/
  margin: 0 auto;
  text-align: center;
}

.galeria4 { /* DONATE */
	width: 168px; /* 3*168 = 504 a szerokosc max to 504 */
	height: 75px;
  float: left;
  /*margin: 0 auto; /* powoduje ze blok glowny strony jest wysrodkowany - albo to albo float, razem nie dziala */
  margin-bottom: 15px;
  /*margin: 2px 10px 12px 10px; /*g,p,d,l  UWAGA - marginesy z lewej i prawej musza byc odjete od refer3 czyli
   TRESC = 594px - refer2.lewe - refer2.prawe = szerokosc_dla_refer3 !!!*/
  font-size: 10px;
  text-align: center;
  display:block;
  /*z-index:100;*/
}

.galeria5 {
	width: 252px; /* 5*118 = 590 a szerokosc max to 594 */
	height: 225px;
  float: right;
  /*margin: 0 auto; /* powoduje ze blok glowny strony jest wysrodkowany - albo to albo float, razem nie dziala */
  margin-bottom: 15px;
  /*margin: 2px 10px 12px 10px; /*g,p,d,l  UWAGA - marginesy z lewej i prawej musza byc odjete od refer3 czyli
   TRESC = 594px - refer2.lewe - refer2.prawe = szerokosc_dla_refer3 !!!*/
  font-size: 10px;
  text-align: center;
  display:block;
  /*z-index:100;*/
}
/* #STOPKA {
	clear: both; //powoduje ze stopka nie wskakuje obok menu gdy jest malo tresci
	width: 960px;
	//width: 100%; //eliminacja bledu IE6 w pozniejszych zbedne
	background-color: #888;
	position: fixed; //te 2 linie powoduja ze stopka jest przyklejona
	bottom: 0px;     //do dolnej krawedzi strony nawet gdy nie bedzie wystarczajaco duzo tresci
} */

#STOPKA {
    position:fixed;
    left:0; bottom:0;
    width: 100%;
    height: 30px;
}

/* zamiast tego #innerfoot 
  #stopkafixer { // DODATKOWY BLOK o wysokosci stopki (aby tekst zawartosci strony nie wchodzil pod stopke 
	width: 960px;
	height: 25px; // tyle ile ma miec stopka
	background: #aff;
} */

#innerfoot {
    width: 890px; /*960px*/
    height: 30px;
    margin: 0 auto;
    text-align:center;
    background-color: #ffb700;
    background: url("images/stopka.png") repeat;
}
#STOPKA a {    
   font-size: 11px;
   font-weight: bold;
   font-style: italic;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   text-align:center;
   vertical-align: text-bottom; /*middle; /* top; */
   color: #404040; /* zolty */
}






/*@import "menu7.css"; */

/*@import "klasy.css";
@import "typografia.css";
@import "kolory.css"; 


#MENU_2 ol,ul{list-style:none;}
#MENU_2 ul {padding:0; margin:0; list-style: none; width:100%;}
#MENU_2 ul li {float:left; position:relative; height:auto; margin:0; padding:5px 8px 0px 6px;}
#MENU_2 ul li a { display:block; text-decoration:none; overflow:hidden;}
#MENU_2 ul li a:hover {display:block; text-decoration:none; }
#MENU_2 ul li ul {display: none; }
#MENU_2 ul li:hover a {display:block;}
#MENU_2 ul li:hover ul {display:block; position:absolute; top:22px; left:0; width:auto; margin: 0; padding: 0;}
#MENU_2 ul li:hover ul li{padding:0px 0px 0px 0px; width:168px;}
#MENU_2 ul li:hover ul li ul {display: none;}
#MENU_2 ul li:hover ul li a {background-image: none; display:block;height: auto; line-height: 26px; width:152px; text-align:left; margin: 0;  padding-left:16px;}
#MENU_2 ul li:hover ul {margin: 0; padding: 12px 0 6px 0;}
#MENU_2 ul li:hover ul li a:hover {text-decoration: none; }
#MENU_2 ul li:hover ul li:hover ul {padding: 6px 0 6px 0;display:block; position:absolute; left:168px; top:-5px;}

#MENU_2 a{text-decoration:none;}
#MENU_2 a:link{text-decoration:none;}
#MENU_2 a:visited{text-decoration:none;}
#MENU_2 a:hover{text-decoration:underline;}
#MENU_2 a:active{text-decoration:none;}
#MENU_2 .menu ul{font: bold 14px/150% "Trebuchet MS",Arial, Verdana, sans-serif;}
 
#MENU_2 body{ background-color:#555555;}
#MENU_2 ul {background-color: #fff;}
#MENU_2 ul li {color:#555555; background-color:#fff;}
#MENU_2 ul li a {color:#555555; }
#MENU_2 ul li a:hover {color:#064557;}
#MENU_2 ul li:hover a, .menu ul li:hover ul li:hover a {color:#064557;}
#MENU_2 ul li:hover ul li a, .menu ul li:hover ul li:hover ul li a {color:#555555;}
#MENU_2 ul li:hover ul {background-color: #fff;}
#MENU_2 ul li:hover ul li a:hover, .menu ul li:hover ul li:hover ul li a:hover {color:#ffffff; background-color:#0088aa;}
*/