body {
	
	     font-size: 12px;
    margin        : 0px;
    margin-top    : 0px;
    margin-bottom : 0px;    
  /*   background    : #323232 url('../grafika/tlo.jpg'); */
  background-color:	#323232;
    font-family: Arial, Verdana;
	 
}

/* pojemniki */
#main {

    margin: auto;
    border: 0px;
    padding: 0px;
	 margin-bottom : 20px; 
    width: 900px;
	 background    : white;
	 	 -moz-border-radius:14px;
}

#main2 {

    margin: auto;
    border: 0px;
    padding: 0px;
    width: 850px;

}

#logo {

    margin: auto;
    border: 0px;
    padding: 0px;
    width: 850px;
	 height: 76px;
	 background    : white;
}

#menu {

    margin: auto;
    border: 0px;
    padding: 0px;
    width: 850px;
	 background    : white;
}

#menu1 {

    padding: 0px;
    width: 850px;
	 height:30px;
	 background    : #0c4d89  ;
	 -moz-border-radius:4px;

}


#menu2 {
    padding: 0px;
    width: 850px;
	 -moz-border-radius:4px;
	 height: 50px;
	 background    : #e6e9ec ;

}

#menu3 {
    padding: 4px 0px 4px 0px;
    width: 850px;
	 height: 24px;
	 background    : white ;
	 font: 10px Arial;

}

#logo2 {

    padding: 0px;
    width: 850px;
	 height: 185px;
	 
	 background    : #0c4d89;
	 -moz-border-radius:4px;

	}

#logo2b  {
padding:20px;
display:block;
color:white;
font-size: 25px;
width: 200px;
text-transform: uppercase;
font-family: Arial;
}



#tresc {
    border-top: 0px solid white;
    width: 850px;
	 overflow: auto;
	 background-image: url('../grafika/tlo-myjnie.gif');
}


#tresc1 {

    border: 0px;
    width: 575px;
	 margin-top: 20px;
	 background    : white;
	 float: left;
	}

#tresc2 {

    border: 0px;
    padding: 0px;
	 margin-left:25px;
	 margin-right:10px;
    width: 240px;
	 float: left;
	 
}

#linia {

    margin: auto;
    border: 0px;
    padding: 0px;
    width: 850px;
	 height: 8px;
	 background    : white;
	 overflow: auto;
}

#stopka {

    margin: auto;
    border: 0px;
    padding: 0px;
    width: 850px;
	 height: 30px;
	 background    : #0c4d89;
-moz-border-radius:4px;
	 
}


#stopka2 {

    margin: auto;
    border: 0px;
    padding: 0px;
    width: 780px;
	 font:  10px arial;
	color: #b4b4b4;
	text-align: center;
	text-transform: uppercase;
	 
}

/*grafika */

#logo-m {
margin-left:-18px;
    margin-top: 20px;
 position:absolute;
}


/* menu */


#menu_list1  {
border: 0px solid black;
height:30px;
}

ul#menu_list1  { 
padding: 0px;
margin:0px;
height:30px;
}

ul#menu_list1 li  {
display: inline;
height:30px;
text-align:center;
}


ul#menu_list1 a {
text-decoration: none;
font: 13px arial;
color: white;
display: inline-block;
border: 0px;
height:25px;
padding-left: 20px;
padding-right: 20px;
padding-top:5px;

}

ul#menu_list1 a:hover {
background-color: #d32929 ;
text-decoration: none;
font: 13px arial;
color: white;
display: inline-block;
border: 0px;
height:25px;
padding-left: 20px;
padding-right: 20px;
padding-top:5px;
-moz-border-radius:4px;
}

ul#menu_list1 a:active {
color: #0c4d89;
}


#menu_list2  {
border: 0px 
height:50px;;
}

ul#menu_list2  { 
padding: 0px;
margin:0px;
height:50px;

}

ul#menu_list2 li  {
float: left;
list-style-type: none;
padding:0px;
text-align:center;

}




ul#menu_list2 a {
text-decoration: none;
font: 12px arial;
color: black;
width:120px;
display: block;
padding-top: 5px;
border: 0px;
height:45px;
vertical-align: top;

}

ul#menu_list2 a:hover {
background-color: gray;
text-decoration: none;
font: 12px arial;
width:120px;
display: block;
padding-top: 5px;
border: 0px;
height:45px;
color: white;
-moz-border-radius:4px;

}


ul#menu_list2 a:active {
color: red;

}

/* rozwijane  */

ul#menu_list2 li:hover ul  {
 display:block;
 position: absolute;
 width:170px;
}

ul#menu_list2 li ul {
 display: none;
 }

#menu_list2b  {
border: 0px ;
z-index:2;
}

ul#menu_list2b  { 
padding: 0px;
margin:0px;
height:30px;
}


ul#menu_list2b li  {
border-top:1px solid gray ;
border-left:3px solid #d32929  ;
background-color: #e6e9ec;
-moz-border-radius:4px;
}

ul#menu_list2b a {

text-decoration: none;
font: 12px arial;
color: black;
width:170px;
padding-top: 5px;
border: 0px;
height:25px;
text-align:left;
padding-left: 6px;
overflow:hidden;

}


ul#menu_list2b a:hover {
background-color: gray;
text-decoration: none;
font: 12px arial;
width:170px;
padding-top: 5px;
border: 0px;
height:25px;
color: white;
-moz-border-radius:4px;

}

/* teksty stale  */
#logo-t { 
position:absolute;
font:  15px verdana;
margin-left:315px;
margin-top: 35px;
font-variant: small-caps;
font-weight: normal;
color: #b4b4b4;

}


#stopka-t1 a { 

font:  10px arial;
font-weight: normal;
color: white;
text-transform: uppercase;
text-decoration: none;

}
#stopka-t1 { 
font:  10px arial;
font-weight: normal;
color: white;
text-transform: uppercase;
padding-left: 15px;
margin-top: 8px;
position: absolute;
}

#stopka-t2 { 
font:  10px arial;
float:right;
margin-top: 8px;
margin-right: 5px;
font-weight: normal;
color: white;
text-transform: uppercase;

}



#stopka a:hover { 
font:  10px arial;
text-decoration:none
color: white;
}

#stopka-t2 a { 
font:  10px arial;
text-decoration:none
color: white;
}
/* style tekstów*/

hr {
color: #e5e5e5;
border: 0px;
height: 1px;
background-color: #e5e5e5;
width: 573px;
margin-left:0px;
text-align: left;
margin-top: -4px;
}

h1 { 

font:  16px arial;
color: #333 ;
border-left: 10px solid #d32929 ;
padding-left: 5px;
border-bottom: 1px dotted gray;

}

h1:first-letter { 
font:  20px arial;
color: #d32929 ;
font-weight: normal;
line-height:22px;
}

h2 { 
font:  14px arial;
color: #0c4d89;

}

h3 { 
font:  13px arial;
color: #000;
font-weight: bold;

}

div#tresc1 p {
font: 12px arial;
color: #333;
text-indent: 25px;
text-align: justify;
line-height: 1.5em; 

}

div#tresc1 p.slowa {
font: 10px arial;
color: #aa4b53;
text-indent: 0px;
text-align: justify;

}

div#tresc1 td {
font: 12px arial;
color: #333;
text-indent: 0px;

}


div#tresc1 p.notka {
font: 12px arial;
color: #333;
text-indent: 0px;

}

div#tresc1 p.wstep {
font: 14px arial;
color: #333;
text-indent: 34px;
letter-spacing:1px;

}

 div#tresc2 p   {
font: 12px arial;
color: black;
padding-left: 15px;
padding-right: 15px;
}

 div#tresc2 p.miasta   {
font: 11px arial;
color: black;
padding-left: 15px;
padding-right: 15px;
}
 div#tresc2 p.miasta1   {
font: 14px arial;
color: gray ;
border-left: 8px solid #d32929;
padding-left: 5px;
padding-right: 15px;
font-weight: normal;
margin-left:15px;
border-bottom: 1px dotted gray;

}




ul {
font: 12px arial;
color: #333;
}

a {
font: 12px arial;
color: #d32929 ;
}

a:hover {
font: 12px arial;
color: #0c4d89;
}
a:visited {
font: 12px arial;
color: #0c4d89;
}

.center { 

text-align: center; 
}

.c {
color: #d32929 ;
}

.n {
color: #0c4d89;

 }

.wiecej {
text-align: right; 
display:block;
margin-right:10px;

 }
 

 
 .podpis
 {
float: right; 
color: #565656;
font-style: italic;
padding-bottom:20px;
padding-top:20px;
 }
 
em {
color: #0c4d89;
font-weight:bold;
font-style: italic;
}
big {
font-size: 12px;
color: #d32929;
}

q {
font-style: italic;
color: #868686;
}

/* obrazki */
#tresc1  img.right {
margin-left:15px;
margin-top: 5px;
margin-bottom: 5px;
padding: 2px;
float: right;
border: 1px solid gray;
}

#tresc1 img.left{
margin-right:15px;
margin-top: 5px;
margin-bottom: 5px;
padding: 2px;
float: left;
border: 1px solid gray;
}

#tresc1 img.center {
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid gray;
padding: 2px;
}

#tresc2 img.center {
display: block;
margin-left: auto;
margin-right: auto;
padding: 2px;
border: 1px solid gray;

}



/*
Wyjaśnienia:
treść1 - główny zbiornik
tresc2 - prawa kolumna zmienna dla każdej głównej zakładki

*/