body {

	background-image: url(img/bg.jpg);
	background-repeat:repeat;
	background-position:auto;
   margin-left : 5px;
	margin-right : 5px;
	margin-top : 0px;
	font-family:    Verdana;
	}

	div#top {
	background-color: #f7fff4;
	opacity: 0.7;
   filter: alpha(opacity = 70); /* For IE */
	text-align: center;
	height: 110px;
	width: 90%;
	margin: auto;
}



div#inside {
   	background-color: #f7fff4;
	opacity: 0.9;

   filter: alpha(opacity = 90); /* For IE */
   font-size:  small;
   color : #3c3d17;
	text-align: justify;
	margin-left: 5%;
	margin-top: 0%;
	margin-right: 5%;
   line-height : 15px;
	float: left;
		width: 90%;
}

div.akt {

	text-align : right;
	margin-right : 1%;
	color : #01202c;
    font-size:      x-small;
}

.news {
    font-size:      small;
	text-align : right;
	margin-right : 1%;
}


.menu {
    font-size:     x-small;
	text-align : right;
	  color:      #56572b;
	margin-right : 6%;
		margin-left : 1%;

}
 .transl {
    font-size:     x-small;
	text-align : right;
	  color:      #56572b;
	margin-right : 6%;
		margin-left : 1%;
}
 .left {
    font-size:     small;
	text-align : left;
	  color:      #56572b;
	margin-right : 6%;
		margin-left : 1%;
}

div.menu_left {
    font-size:     small;
	text-align : left;
	  color:      #56572b;
	margin-right : 6%;
		margin-left : 6%;
}
/* tytul */

div.tytul {
 	color : #56572b;
  	padding:2px;
 	  	margin-left:   2%;
  	margin-right:   15px;
   text-align:     left;
	line-height : 25px;
}


.tytul {
 	font-size : 18px;
 	text-transform: uppercase;
 	font-size : large;

}
.tytul2 {
 	font-size : medium;
  	margin-left:   25px;
  	margin-right:   15px;
  	 	color : #56572b;
}


div.tytul_pod {
 	color : #56572b;
 	font-size : x-small;
	font-style : italic;
	 line-height : 19px;
	text-align : justify;
  	margin-left:   15px;
  	margin-right:   15px;
}
    div.caps {
 	text-transform: uppercase;
 		font-style : bold;
}
/* stopka */
div.stopka {
 	height: 50px;
	text-align : center;
	   background-color:      #808000;
	opacity: 0.5;
   filter: alpha(opacity = 50); /* For IE */
   margin-bottom: 5px;
}
    div.stopka_trans {
 	height: 50px;
	text-align : center;
	   background-color:      #CBE699;
	opacity: 0.8;
   filter: alpha(opacity = 80); /* For IE */
   margin-bottom: 5px;

}

       div.stopka_dark {
 	height: 50px;
	text-align : center;
	   background-color:      #2c351b;
	opacity: 0.8;
   filter: alpha(opacity = 80); /* For IE */
   margin-bottom: 5px;

}
/* MAIN KRAJ */
 div.kolumna1 {
    font-size:  small; ;
	text-align: justify;
	width: 30%;
	margin: left;
	float: left;
			margin-left: 1%;
	margin-right: 1%;
		   line-height : 20px;
}
.title {
   font-size : small;
   font-weight : bold;
   background-color: #999966;
   color : #1c2f0a;
	text-align : center;
	line-height : 25px;
   }

    div.kolumna2 {
    font-size:   small; ;
	text-align: justify;
	width: 30%;
	margin: left;
	float: left;
margin-left: 1%;
			margin-right: 1%;
		   line-height : 20px;


}
    div.kolumna3 {
    font-size:      small;
	text-align: justify;
	width: 30%;
	margin: auto;
	float: left;
		margin-left: 2%;
		   line-height : 20px;
			margin-right: 1%;

}
 /* v.2021 */
 div.menu_spis {

 font-size:      x-small;
	text-align: justify;
	width: 20%;
	margin: left;
	float: right;
		margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
   line-height : 15px;

}
    div.content {
    font-size: medium;
	text-align: justify;
	width: 97%;
	margin: right;
	float: left;

	margin-left: 1%;
	margin-right: 2%;
		margin-bottom: 5%;
   line-height : 23px;
}
    div.content_woj {
    font-size: medium;
	text-align: justify;
	width: 70%;
	margin: right;
	float: left;

	margin-left: 1%;
	margin-right: 2%;
		margin-bottom: 5%;
   line-height : 23px;
}
 /* mapa */
   div.mapa {
    font-size:      x-small;
	text-align: justify;
	width: 90%;

	float: left;
		margin-top: 3%;
	margin-left: 1%;
	margin-right: 1%;
   line-height : 15px;
}

    div.mapa_bok {
    font-size: medium;
	text-align: justify;
	width: 75%;
	margin: right;
	float: left;

	margin-left: 1%;
	margin-right: 2%;
		margin-bottom: 5%;
   line-height : 23px;
}

    div.mapa_dol {
    font-size: medium;
	text-align: justify;
	width: 75%;
	margin: right;
	float: left;

	margin-left: 1%;
	margin-right: 2%;
		margin-bottom: 5%;
   line-height : 23px;
}
.mapa_ramka{
	    width: 30%;

	    }
	    .right {
    text-align : right; }
     .left {
    text-align : left;
}

/* spis artykułów */
  div.tresc {
font-size : medium;

		   line-height : 27px;
		margin-left: 1%;
				margin-right: 1%;

}  div.tresc_small {
   font-size : small;
font-style: italic;
		   line-height : 20px;
		margin-left: 5%;
				margin-right: 1%;

}
div.tresc_main_small {
font-size : small;
font-style: italic;
line-height : 20px;
margin-left: 5%;
margin-right: 1%;

}
  div.tresc_big {
font-size : medium;

		   line-height : 23px;
		margin-left: 1%;
				margin-right: 1%;

}
/* baner */
    div.main_main {
    font-size: normal;
	text-align: justify;
	width: 98%;
	margin: right;
	float: left;

	margin-left: 1%;
	margin-right: 3%;
   line-height : 25px;
}
  div.main_img {
    font-size: normal;
	text-align: justify;
	width: 100%;
	margin: left;
	float: left;

	margin-left: 1%;
	margin-right: 3%;
   line-height : 25px;
}
    div.main_left11 {
    font-size: small;
	text-align: justify;
	width: 62%;
	margin: right;
	float: left;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}

    div.main_left22 {
    font-size: small;
	text-align: justify;
	width: 50%;
	margin: right;
	float: left;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}

    div.main_left33 {
    font-size: small;
	text-align: justify;
	width: 60%;
	margin: right;
	float: left;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}

    div.main_left44 {
    font-size: small;
	text-align: justify;
	width: 40%;
	margin: right;
	float: left;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}
    div.main_right11 {
    font-size: small;
	text-align: justify;
	width: 25%;
	margin: right;
	float: right;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}
    div.main_right22 {
    font-size: small;
	text-align: justify;
	width: 40%;
	margin: right;
	float: right;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}
    div.main_right33 {
    font-size: small;
	text-align: justify;
	width: 25%;
	margin: right;
	float: right;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}
   div.main_right44 {
    font-size: small;
	text-align: justify;
	width: 10%;
	margin: right;
	float: right;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}
   div.main_left1 {
    font-size: small;
	text-align: justify;
	width: 62%;
	margin: right;
	float: left;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}

    div.main_left2 {
    font-size: small;
	text-align: justify;
	width: 50%;
	margin: right;
	float: left;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}

    div.main_left3 {
    font-size: small;
	text-align: justify;
	width: 60%;
	margin: right;
	float: left;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}

    div.main_left {
    font-size: small;
	text-align: justify;
	width: 40%;
	margin: right;
	float: left;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}
    div.main_right {
    font-size: small;
	text-align: justify;
	width: 25%;
	margin: right;
	float: right;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}
    div.main_right2 {
    font-size: small;
	text-align: justify;
	width: 40%;
	margin: right;
	float: right;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}
    div.main_right3 {
    font-size: small;
	text-align: justify;
	width: 25%;
	margin: right;
	float: right;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}
   div.main_right4 {
    font-size: small;
	text-align: justify;
	width: 50%;
	margin: right;
	float: right;

	margin-left: 2%;
	margin-right: 2%;
   line-height : 25px;
}
 div.baner_duzy {
    font-size:      small;
	text-align: justify;
	width: 65%;
	margin: left;
	float: left;
		margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
   line-height : 20px;
}
    div.baner_bok {
    font-size:      small;
	text-align: justify;
	width: 27%;
	margin: right;
	float: right;

	margin-left: 1%;
	margin-right: 2%;
		margin-bottom: 5%;
   line-height : 20px;
}
    div.baner_right {
    font-size:      small;
	text-align: justify;
	width: 23%;
	margin: left;
	float: right;

	margin-left: 3%;
	margin-right: 1%;
   line-height : 20px;
}
    div.baner_button {
    font-size:      small;
	    background-color: #e1ebe2;
	text-align: justify;
	width: 23%;
	margin: left;
	float: right;

	margin-left: 3%;
	margin-right: 1%;
   line-height : 20px;
}
 div.baner_left {
    font-size:      small;
	text-align: justify;
	width: 25%;
	margin: left;
	float: left;

	margin-left: 1%;
	margin-right: 3%;
   line-height : 20px;
}
   .polecamy {
    font-size:     small;
	text-align : center;
	  color:      #CC6633;
	margin-right : 1%;
		margin-left : 1%;
}
/* IMG glowna */

img {
	margin-left:    3px;
	margin-right:   3px;
	margin-top:     2px;
	margin-bottom:  2px;

}
img.proc100 {
      width: 100%;
}
img.proc100a {
      width: 100%;
      margin-bottom: 2%;
margin-top: 1%;

}img.proc90 {
      width: 90%;

}
img.proc85 {
      width: 85%;

}
img.proc80 {
      width: 80%;

}
img.proc75 {
      width: 75%;

}
img.proc70 {
      width: 70%;
margin-right: 1%;
}
img.proc60 {
      width: 60%;
margin-right: 1%;
}
img.proc50 {
      width: 50%;
margin-right: 2%;
}
img.proc40 {
      width: 40%;
margin-right: 1%;
}
img.proc30 {
      width: 30%;
margin-right: 1%;
}
img.proc20 {
      width: 20%;
margin-right: 5%;
margin-bottom: 1%;
margin-top: 1%;
}
img.proc15 {
      width: 15%;
margin-right: 1%;
}
img.proc12 {
      width: 12%;
margin-right: 1%;
}
img.proc10 {
      width: 10%;
margin-right: 1%;
}
img.proc9 {
      width: 9%;
margin-right: 1%;
}
img.proc8 {
      width: 8%;
margin-right: 1%;
}
img.proc7 {
      width: 7%;
margin-right: 1%;
}
img.proc6 {
      width: 6%;
margin-right: 1%;
}
img.proc5 {
      width: 5%;
margin-right: 1%;
}
img.proc4 {
      width: 4%;
margin-right: 1%;
}
img.proc3 {
      width: 3%;
margin-right: 1%;
}
img.proc2 {
      width: 2%;
margin-right: 1%;
}
img.proc1 {
      width: 1%;
margin-right: 1%;
}
img.icons {
    width: 12px;
margin-right: 1%;
}
img.icons_menu {
    width: 17px;
margin-right: 1%;
}
img.icons_big {
    width: 20px;
margin-right: 1%;
}
img.godlo {
    height: 80px;
margin-right: 5%;
}
.left {
       float: right;

margin-right: 1%;
}
img.stopka {
    height: 40px;
margin-right: 5%;
}
.left {
       float: right;
  }
img.stopka_pn {
    height: 40px;
margin-right: 3%;
}
.left {
       float: right;
  }

img.stopka_mala {
    height: 30px;
margin-right: 1%;
}
img.back {
      width: 5%;
margin-right: 1%;
}
.right {
       float: right;
}
.left {
       float: left;
      margin-right: 5%;
}
.center {
text-align: center;
}

/* odnosniki */
a:visited {
	font-family: 'Trebuchet MS', 'Verdana';
	font-size:      small;
	color: #3f400a;
	text-decoration : none;
	font-weight : normal;
	font-variant : normal;
	font-style : normal;
}
a:link {	font-family: 'Trebuchet MS', 'Verdana';
	font-size:      medium;
	color: #3f400a;
	text-decoration : none;
	font-weight : normal;
	font-variant : normal;
	font-style : normal;
}
a:hover {
	font-family: 'Trebuchet MS', 'Verdana';
	font-size:      small;
	color: #3f400a;
  	text-decoration : underline;
	font-weight : normal;
	font-variant : normal;
	font-style : normal;
	outline-color: #4B2F29
}
a:active  {
	font-family: 'Trebuchet MS', 'Verdana';
	font-size:      small;
	color: #3f400a;
	text-decoration : none;
	font-weight : normal;
	font-variant : normal;
	font-style : normal;
}