body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
	}

body{
	color: #666666;
	font-family: Arial;
	font-size: 16px;
	}
	
a{
	color: #000;
	text-decoration: underline;
	}
	
a:hover{
	text-decoration: none;
	}

a img{
	border: none;
	}

h2{
	color: #CC6B47;
	font-size: 20px;
	margin: 5px 0 10px 0;
	}

h2 a{
	color: #CC6B47;
	text-decoration: none;
	}

h2 a:hover{
	text-decoration: underline;
	}

h3{
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 10px;
	}

p{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
	text-align: justify;
	}

ul{
	list-style-position: inside;
	list-style-type: square;
	margin: 0 0 10px 10px;
	}

li{	
	line-height: 22px;
	padding: 0 0 3px 0;
	}

ul ul{
	list-style-type: disc;
	margin: 0 0 0 30px;
	}


/* STRUKTURA */

div.wrapper{
	position: relative;
	margin: 10px auto 0 auto;
	width: 960px;
	}

#glowny_tekst{
	clear: both;
	float: left;
	width: 600px;
	margin-bottom: 20px;
	}

#right{
	float: right;
	height: 400px;
	margin: 20px 0 20px 0;
	overflow: hidden; /* zapobiega wyświetlaniu obrazków jeden pod drugim */
	width: 300px;
	}

#right img{
	height: 400px;
	width: 300px;
	}

#stopka{
	border-top: 2px solid #666;
	clear: both;
	font-size: 11px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 800px;
	}

#copyright{
	font-family: Verdana;
	font-size: 14px;
	}

/* LOGO I OPIS */

h1{
	float: left;
	font-family: Verdana;
	font-size: 50px;
	height: 60px;
	padding: 0;
	text-align: left;
	letter-spacing: -5px;
	width: 200px;
	}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active{
	color: #000;
	text-decoration: none;
	}

p#dzialalnosc{
	color: #CC6B47;
	float: left;
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold;
	height: 40px;
	letter-spacing: 0;
	line-height: 40px;
	margin-top: 12px;
	padding-left: 20px;
	text-transform: uppercase;
	width: 497px;
	border-left: 3px solid #EEE;
	}

div#federacja{
	float: right;
	position: relative;
	text-align: right;
	width: 240px;
	}
	
#tooltip{
	background: #999;
	border: 1px solid #666;
	color: #FFF;
	font-family: Verdana, Arial;
	padding: 3px;
	position: absolute;
	z-index: 3000;
	width: 200px;
	-moz-border-radius:5px;
}

/* sterowanie wielkością czcionki
patrz http://sandipmore.blogspot.com/2009/01/jquery-tooltip-bug-ie7-bigger-fonts.html */
#tooltip h3{
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	margin: 0;
	padding: 0;
	}

/* MENU */

/* pojemnik dla listy służącej jako menu, szerokość całości: 957px */
.menu{
	clear: both;
	float: left;
	width: 956px;
	height: 32px;
	margin: 10px 0 10px 0;
	position: relative;
	z-index: 100;
	border-right: 1px solid #000; /* część ramki, która "zamyka prawą stronę menu" */
	font-family: Arial;
	letter-spacing: 1px;
	}

/* hack dla IE5.5 */
* html .menu{ /* zapis rozpoznawany tylko przez IE */
	width: 957px; /* szerokość całości, w tym obramowanie - tylko dla IE5.x/Win */
	w\idth: 956px; /* szerokość dla pozostałych wersji IE */
	}

/* usunięcie domyślnego wyglądu listy */
.menu ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
.menu ul ul{
	margin: 0;
	padding: 0;
	width: 239px;
	}

/* zmiana listy na menu poziome */
.menu li{
	float: left;
	padding: 0;
	position: relative;
	width: 239px;
	}

/* gówne menu - pierwszy poziom */
.menu a, .menu a:visited{
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	width: 228px;
	height: 30px;
	border: 1px solid #000;
	border-width: 1px 0 1px 1px; /* obramowanie prawej strony jest w pojemniku */
	background: #666;
	padding-left: 10px; /* niezbędne dla IE6 */
	line-height: 29px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	}

/* hack dla IE5.5 */
* html .menu a, * html .menu a:visited{
	width: 239px;
	w\idth: 228px;
	}

.menu a#rozwin, .menu a#rozwin:visited{
	background: #666 url(../grafika/rozwin_stralka.gif) no-repeat 160px center;
	}

/* ukrycie kolejnych poziomów menu */
.menu ul ul{
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 31px;
	left: 0;
	width: 239px;
	border-top: 1px solid #000;
	}

/* hack dla IE5.5 */
* html .menu ul ul{
	top: 30px;
	t\op: 31px;
	}

/* styl dla tabeli (tylko IE) */
.menu table{
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
	}

/* style dla podmenu */
.menu ul ul a, .menu ul ul a:visited{
	background: #666;
	color: #FFF;
	height: auto;
	line-height: 1em;
	padding: 10px;
	width: 218px;
	border-width: 0 1px 1px 1px;
	text-align: left;
	text-transform: none;
	letter-spacing: 0;
	}

/* hack dla IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited{
	width: 240px;
	w\idth: 218px;
	}

/* style dla menu, po najechaniu */
.menu a:hover{
	color: #FFF;
	background: #000;
	}

.menu ul ul a:hover{
	color: #FFF;
	background: #2E3436;
	}

.menu a#rozwin:hover, .menu ul ul a#rozwin:hover{
	background-color: #000;
	background-image: none;
	}

.menu :hover > a#rozwin, .menu ul ul :hover > a#rozwin{
	background-color: #000;
	background-image: none;
	}

/* pokaż podmenu po najechaniu */
.menu ul li:hover ul, .menu ul a:hover ul{
	visibility: visible;
	}