* {margin: 0; padding: 0;}

html {
	background-color: #321519;
	font-family: "Comic Sans MS", "Times New Roman", Arial;
	}

body {
	color: #fdfcbe;
   font-size: 62.5%;
   }
   
#top {
	height: 10px;
   background-color: #8b383d; 
	}
	
#center {
	background: url(grafika/tlo.jpg) repeat-x top left;
	overflow: hidden;
	width: 100%;
	text-align: center;
	}	
	
#stopka {
	background:transparent url(grafika/tlo_stopka.jpg) repeat-x scroll left top;
	height:100px;
	padding-top:6px;
	text-align:center;
	}	
	
#header {
	height: 128px;
	width: 100%;
	background-color: #fad336;
	text-align: center;
	}
	
.container {
	width: 800px;
	overflow: hidden;
	text-align: left;
	margin: 0 auto 0 auto;
	position: relative;
	}
	
#logo {
	width: 800px;
	height: 118px;
	display: block;
	background: url(grafika/logo.png) no-repeat top left;
	}
	
#logo_link_en {
	width: 800px;
	height: 118px;
	display: block;
	background: url(grafika/logo_en.png) no-repeat top left;
	}	

.minheight {
   min-height: 550px; 
	height: auto !important; 
	height: 550px;		 
	}
	
#kwiatki {
	height: 166px;
	margin: 0 auto 0 auto;
	width: 800px;
	background:transparent url(grafika/kwiatki.png) no-repeat scroll left bottom;
	}	
	
a#tresc_stopki {
	color:#fdfcbe;
	text-decoration:none;
	font-size:1.1em;
	display: block;
	float: right;
	}	
	
a#tresc_stopki:hover { 
	text-decoration:underline;
	}
	
/*----TREŚĆ STRONY: P,H1,OL,UL ITP.----*/	
#tresc{font-size:1.3em;}
	
h1 {font-size: 1.4em;
    font-weight: lighter;
		text-align:center;}
		
h2{margin-bottom: 10px;
	 font-size: 1.2em; 
	 font-weight: normal; }
	 
p {
   margin-top: 20px;
   text-indent: 40px;}
p.bez_wciecia{text-indent:0px;}	 
	
#tresc ul {padding-left:25px;
				   list-style-type: disc;}
#tresc ol {padding-left:25px;}	
	
div#opis{width:800px;
         height:150px;}

div#kontakt{margin: 0 auto;
            clear: both; 
						text-align: center;
            width:500px;}
						
div#kontakt p{display:inline;
							float:left;
							margin-right:40px;
							text-align:left;}
							
div#tresc img{display:inline;}							
	
	
/*----KONIEC TREŚĆ STRONY----*/


/*-----OBRAZKI NA STRONIE-----*/
.loga_ztl{
      width:255px;
			height:260px;
			background: url('grafika/logo_ztl.png') no-repeat;
		}
		
.loga_awf{
      width:255px;
			height:255px;
			background: url('grafika/logo_awf.png') no-repeat;}
		
#loga_sg{width:350px;
		         float:left;
						 padding-left:25px;}
#zdjecie_sg{
            width:360px;
						border: 8px solid #fef800;
						margin-right:15px;
						margin-top:10px;}
						
#gazeta{width:600px;
         margin-left:100px;}
				 
#kolia{width:300px;
       margin-left:250px;
			 border: 8px solid #fef800;}
			 
#szef{width:114px;
      height:150px;
      display: inline;
			float:left;
			margin-right:10px;}			 	
	
/*----KONIEC OBRAZKI NA STRONIE----*/	
	
a img {border: none;}
a {color: #c4df9b;}
a:hover {text-decoration:none;}

	 a:focus, a:active {
       outline: none;
     }
		 
		 .sg img{display:block;}
			


				 
/*-----MENU GÓRNE I PTASZEK----*/

#menu_prawa{left:100px;
            top:13px;
						position:absolute;
						
						}	
						
			.en{margin-left: 556px;
			    padding-left:50px;
					background: url(grafika/flaga.jpg) top left no-repeat;
					padding-bottom:6px;
					display:block;
					}
			.pl{margin-left: 556px;
			    padding-left:50px;
					background: url(grafika/flagapl.jpg) top left no-repeat;
					padding-bottom:6px;
					display:block;
					}		
					
			a.linki_menu_prawa{color:#fdfcbe;
			                   font-size:1.1em;
												 text-decoration:none;
												 padding-right:10px;
												 }
												 
			a.linki_menu_prawa:hover{text-decoration:underline;}

			
a#ptaszek{background: url('grafika/ptak.png') no-repeat;
width: 86px;
height: 58px;
display:block;
text-indent: -9999px;

				 }	
/*----- END MENU GÓRNE I PTASZEK----*/				 
				 
				 
/*----MENU POZIOME---*/

		 
#menu{
       margin-left:20px;}
			 
			 
#menu ul a.no-pointer,
#menu li.selected a
{
	cursor: default;
}

* html #menu ul a.no-pointer
{
	cursor: pointer;
}

#menu li#professionals.selected a,
#menu li.selected ul a
{
	cursor: pointer;
}

ul#nav
{

	margin: 0;
	padding: 14px 0 10px 12px;
	width: 754px;
	height: 36px;
	background: url(grafika/tlo_menu.png) no-repeat 0 3px;
	list-style-type: none;
}

ul#nav li
{
	margin: 0;
	padding: 0;
	float: left;
	height: 36px;
	position: relative;
}

ul#nav a
{
	display: block;
	position: absolute;
	top: -18px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 100;
}

ul#nav li:hover a,
* html ul#nav li.hover a,
ul#nav li.zaznaczony a
{
	background-position: 0 100%;
}

a.no-pointer{cursor:pointer;}

ul#nav a span
{
	display: none;
}

ul#nav div
{
	position: absolute;
	top: 25px;
	width: 170px;
	display: none;

}

ul#nav li:hover div,
ul#nav li.hover div
{
	display: block;
}

ul#nav ul
{
	position: relative;
	top: -10px;
	left: -3px;
	margin: 0;
	padding: 10px 20px 23px;
	width: 130px;
	background: url(grafika/tlo_rozwijane.png) no-repeat 100% 100%;
	list-style-type: none;
}

ul#nav ul li
{
	border-left: none;
	float: none;
	height: auto;
	position: static;
}

ul#nav li:hover ul a,
ul#nav li.hover ul a
{
	background-image: none;
}

ul#nav ul a
{
	position: static;
	left: 0;
	top: 0;
	height: auto;
	color: #ffffe6;
	text-decoration: none;
	width: auto;
	background: none;
	font-size:1.3em;
	text-align:center;
}



ul#nav ul a:hover
{
	color: #004000;
}

/* @group ie6*/
* html ul#nav a
{
	position: static;
	top: 0;
	left: 0;
	width: auto;
	height: 42px;
}

* html ul#nav ul
{
	display: none;
	background: #18485b;
	position: absolute;
	top: 21px;
	left: 0;
	padding: 10px 12px;
}

* html ul#nav ul li,
* html ul#nav ul li a
{
	height: 1em;
	background-repeat: no-repeat;
	background-position: 0 0;
}

* html ul#nav li.hover ul
{
	display: block;
}
/*@end*/

li#strona_glowna            { width:  125px; }
li#folklor_w_awf       { width: 118px; }
li#o_zespole         { width: 80px; }
li#aktualnosci    { width: 98px; }
li#wyjazdy { width: 72px; }
li#wydarzenia { width: 96px; }
li#linki { width: 52px; }
li#kontakt { width: 74px; }

li#strona_glowna            a { left:  4px; width:  125px; background-image: url(grafika/sg.png); }
li#folklor_w_awf       a { left: 4px; width: 118px; background-image: url(grafika/folk.png); }
li#o_zespole         a { left: 4px; width:80px; background-image: url(grafika/ozespole.png); }
li#aktualnosci    a { left:  4px; width: 98px; background-image: url(grafika/aktualnosci.png); }
li#wyjazdy        a { left:  4px; width: 72px; background-image: url(grafika/wyjazdy.png); }
li#wydarzenia        a { left:  4px; width: 96px; background-image: url(grafika/wydarzenia.png); }
li#linki        a { left: 4px; width: 52px; background-image: url(grafika/linki.png); }
li#kontakt        a { left: 4px; width: 74px; background-image: url(grafika/kontakt.png); }

* html li#strona_glowna             a { background-image: url(grafika/ie6/sg.png); }
* html li#folklor_w_awf       a { background-image: url(grafika/ie6/folk.png); }
* html li#o_zespole         a { background-image: url(grafika/ie6/ozespole.png); }
* html li#aktualnosci    a { background-image: url(grafika/ie6/aktualnosci.png); }
* html li#wyjazdy a { background-image: url(grafika/ie6/wyjazdy.png); }
* html li#wydarzenia a { background-image: url(grafika/ie6/wydarzenia.png); }      
* html li#linki    a { background-image: url(grafika/ie6/linki.png); }   
* html li#kontakt   a { background-image: url(grafika/ie6/kontakt.png); }   


li#o_zespole       div { left: -40px; }
li#wyjazdy         div { left: -45px; }


     /*---angielska wersja---*/


li#main_page           { width:  100px; }
li#about_the_group      { width: 140px; }
li#concerts_trips { width: 135px; }
li#links { width: 70px; }
li#contact { width: 90px; }

li#main_page           a { left:  20px; width:  100px; background-image: url(grafika/main_page.png); }
li#about_the_group       a { left: 20px; width: 140px; background-image: url(grafika/about_the_group.png); }
li#concerts_trips         a { left: 20px; width:135px; background-image: url(grafika/concerts_trips.png); }
li#links    a { left: 20px; width: 70px; background-image: url(grafika/links.png); }
li#contact       a { left: 20px; width: 90px; background-image: url(grafika/contact.png); }

li#about_the_group       div { left: 2px; }
li#concerts_trips        div { left: -3px; }



/*------END MENU POZIOME----*/
				

				
				 
/*---Galeria---*/

.stroje{width:800px;
        text-align:left;
				padding-bottom:15px;
				float:left;}
.koniec_strony{color:#321519;}				
	
	#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA);  display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




img{border: 0px;
}


 .thumbnail{
	padding: 3px 3px 3px 3px;
 
	border: 2px solid #fef800;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	}

	
	/*---koniec galeria---*/						 
				  #logo_pasf{background: url('grafika/pasf_pl.png') no-repeat;
                  width: 271px;
                  height: 150px;
                  display:block;
                  text-indent: -9999px;
				  float:right;}	
	
				 #logo_link{background: url('grafika/logo_ztl_pl.png') no-repeat;
                  width: 529px;
                  height: 150px;
                  display:block;
                  text-indent: -9999px;
				  float:left;}
				  
				  #logo_pasf_en{background: url('grafika/pasf_en.png') no-repeat;
                  width: 271px;
                  height: 150px;
                  display:block;
                  text-indent: -9999px;
				  float:right;}	
	
				 #logo_link_en{background: url('grafika/logo_ztl_en.png') no-repeat;
                  width: 529px;
                  height: 150px;
                  display:block;
                  text-indent: -9999px;
				  float:left;}
				  
				  
				  
.linkizlogiemawf{display: block;
                 width: 500px;
				 height:55px;
				 background: url('grafika/logo_awf_mini.png') top left no-repeat;	
				 padding-left: 65px;
				 padding-top: 20px;}
				 
.linkizlogiemfest{display: block;
                 width: 500px;
				 height:55px;
				 background: url('grafika/logo_MFF_mini.png') top left no-repeat;	
				 padding-left: 65px;
				 padding-top: 20px;	}
				 
.linkizlogiempasf{display: block;
                 width: 500px;
				 height:55px;
				 background: url('grafika/logo_mini.png') top left no-repeat;	
				 padding-left: 65px;
				 padding-top: 20px;	}
				 
.linkizlogiemmkl{display: block;
                 width: 500px;
				 height:55px;
				 background: url('grafika/MKL_mini.png') top left no-repeat;	
				 padding-left: 65px;
				 padding-top: 20px;	}
				 
.linkizlogiembp{display: block;
                 width: 500px;
				 height:55px;
				 background: url('grafika/podlasie_mini.png') top left no-repeat;	
				 padding-left: 65px;
				 padding-top: 20px;	}	
				 
.linkizlogiempoligrodz{display: block;
                 width: 500px;
				 height:55px;
				 background: url('grafika/poligrodz_mini.png') top left no-repeat;	
				 padding-left: 65px;
				 padding-top: 20px;	}	
				 
				 
				 
.ramka img{border: 2px solid #fef800;}