html, body{
    margin: 0;
    padding: 0;
}
body {
     background: #A2A2A2;
     text-align:center;
}

/*ogólne ustawienia*/

p, ul, ol, li{
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	text-align: justify;
}
blockquote, span.cytat{
    font-style: italic;
    text-decoration: none;
    font-weight: normal;
}
a{
text-decoration: none;}

/* głowna zawartość strony*/

#worek {
	background: #fff;		
	width: 725px;
	margin: 10px auto 10px auto;
	/*margin:10px auto 10px 150px;
	margin-top: 10px;*/
	border: 1px solid #4E6160;
	}
#worek h3, h4, h5{
       font-family: Arial, sans-serif;
       text-align: left;
       color:#4E6168;
       padding: 2px 0 2px 20px;
       margin:0 30px 0 27px;
       border-bottom: dotted 1px #4E6168;
}	
#worek h3{
	font-size: 10pt;
	font-weight: bold;
     	background: url(img/strzalka_czerwona.gif) 3px center no-repeat;
}
#worek h4, h5{
        margin: 15px 30px 15px 27px;
        padding: 2px 0 2px 5px;
        font-size: 10pt;}
        
#worek h4#menu{
    background: #f5f5f5;
    border-bottom: none;
}
#worek h5{
    font: bold 9pt Helvetica, sans-serif;
    padding:0 0 0 10px;
    margin-top: 20px;
    margin-right: 580px;
    border-bottom: dotted 1px #4E6168;
    
}
h4#menu a{
    color: #4E6168;
    text-decoration: none;
}
h4#menu a:hover{            /*podmenu w obrębie elementu h4*/
    color: rgb(85%, 22%, 25%);
    border-bottom: 2px white solid;
}
#worek p.tekst, p.statut, p.prawo, p.lewo{
	margin: 10px 28px 10px 30px;
	padding-right: 2px;
	overflow: visible;     /*poprawka dla IE - rozpychanie layoutu przez akapit z kursywą: overflow i width*/
	width: 91.5%;
	}
#worek p.statut
	{text-align:center;
	line-height: 1.7em;
	font-weight: bold;
}
#worek p.aktualne
       {padding-top: 10px;
	text-align: right;
	margin: 15px 27px 10px 0;
	font: normal 7pt Verdana, Tahoma, Arial, sans-serif;
	color:#4E6168;
	        }
#worek p#stopka {
        font: normal 8pt Arial, sans-serif;
	text-align: center;
	letter-spacing: 1pt;
	color: #54666C;
	line-height:130%;
	padding: .2cm .5cm .25cm .5cm;
	border-top: solid 1px #4E6168;
	margin: 0 27px 0 30px;
	}
#worek p.prawo{
    text-align:right;
}
#worek p.lewo{
    text-align:left;
}
#worek p#stopka a, #kontakt a{
         color: #54666C;
         font-weight: bold;
         padding: 1px;
}
#worek p#kontakt{
    padding: 20px;
    line-height: 200%;
    text-align: center;
    font-size: 11pt;
    font-family: Arial, sans-serif;
    color: #54666C;
    }
#worek .tekst a{
        color: #A2A2A2/*#54666C*/;
        font-size: 8pt;
        font-weight: bold;
        text-decoration: none;
        padding: 1px;
        }
#worek .teskt a.wiecej{
        font: bold 7.5pt Tahoma, Verdana, sans-serif;
        color: #A2A2A2 /*#4E6168*/;
        text-decoration: none;
        padding: 1px
}
#worek .tekst a.wiecej:hover, #worek #stopka a:hover, #worek .tekst a:hover, #worek #kontakt a:hover{
    background: #A2A2A2/*#4E6168*/;
    color: white;
    padding: 1px;
}
#worek div#galeria{
    border: none;
    width: 72%;
    margin: auto;
    }
worek table#galeria{
    border: none;
    margin: 0;
    padding: 0;
}
table img{           /*zdjęcia w tabelce*/
    border: solid 2px #f3f3f3;
    margin: 1px 1px 2px 1px;
    padding: 6px;
    /*position: middle;*/
    }
#galeria td{
    text-align: center;
}

/*elementy w obrębie banera*/

#obrazek{
        position:relative;
        background: transparent url("img/baner_gora.jpg") right no-repeat;
        height: 150px;
        margin: 0;
        padding: 0;
        text-align: left;
        }
        
#obrazek div#navig {       /*górne menu, względem napisu-nazwy*/
        position: relative;
        top: 50px;
        left: 0;
        /*padding: 0 0 0 27px;*/
        padding: 0;
        margin: 0;
        background: #EBEBEB;
        }
#navig ul {                  /*menu*/
     padding: 3px 3px 2px 27px;
     margin: 0;
     color: white;
     /*float: left;*/
     }
#navig ul li {                       /*menu*/
    display: inline;
    padding: 0;
    margin:0;
    list-style-type: none;
}
#obrazek #naviglista{

}
#obrazek p#nazwa{            /*napis "krajowa Izba..." względem obrazka-logo*/
        font: 18pt Arial, Verdana, sans-serif;
        text-align: left;
        color: #4E6168;
        margin: -68px 200px 0 130px;
}
#obrazek img{
       height: 80px;
       width: 80px;
       margin: 30px 0 0 28px;
       border: none;
}
#navig ul li a.menu, #navig ul li a.menu:hover, #navig ul li a#aktif
	{font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	margin: 0;
       	}
#navig ul li a.menu  {
	color:#4E6168;
	font-size: 9.5pt;
	border-right: 1px solid #fff; /*ramka = przerwy miedzy przyciskami*/
	}
#navig ul li a#aktif{
        border-right: 1px solid #fff; /*ramka = przerwy miedzy przyciskami*/
}
#navig ul li a.menu:hover, #navig ul li a#aktif{
        background: rgb(85%, 22%, 25%);
        color: #fff;
        font-size: 10pt;
        border-top: 3px solid rgb(85%, 22%, 25%) /*#4E6168*/;
        border-bottom: 4px solid #EBEBEB;
       }
ul li{
    padding: 0;
    margin: 0 30px 0 5px;
    list-style: circle;
}
ol li{
   margin: 1em 3em 1em 0.8em;
   padding: 0.05em;
}
li a{
    font-weight: bold;
    color: black;
    text-decoration: none;
}
li a:hover{
   color: #4E6168;
}
li a:visited, #worek .tekst a:visited{
   color: rgb(30%, 45%, 70%)
}
p.data{
    font: normal 7pt Verdana, Tahoma, Arial, sans-serif;
    padding: 0;
    margin: -10px 30px 10px 30px;
    text-align: right;
}


