                                 /*ogółne*/
body {
    background: transparent url(mapa4.png);
    margin: 0px;
    padding: 0px;
    background-size: cover;
}
h1 {
  color: #A52A2A;
  font-size: medium;
  font-style: normal;
  font-family: Georgia, serif;
  text-align: center;
  margin: 0.5% auto;
  display: block;
 }
  h2, h5, h6 {
  color: #A52A2A;
  font-size: larger;
  font-style: normal;
  font-family: Georgia, serif;
  text-align: center;
  margin: 0.5% auto;
  display: block;
 }
 h3, h4 {
  color: #f3f6c5;
  z-index: 10;
  float: right;
  font-size: large;
  font-style: normal;
  font-family: Georgia, serif;
  text-align: justify;
  text-shadow: 0px 0px 5px black;
  margin: 20px 10px 5px 0;
  display: block;
 }
 img {
 margin: 1% auto;
 display: block;
 border: none;
 }
  p {
  color: black;
  display: block;
  font-family: Georgia, serif;
  font-size: medium;
  text-indent:2em;
  text-align: justify;
  line-height: 130%;
  margin: 0 auto;
    padding: 1% 5% 1% 5%;
 }
 .p1 {
  color: black;
  display: block;
  font-family: Georgia, serif;
  font-size: small;
  text-indent:2em;
  text-align: justify;
  line-height: 130%;
  padding: 1%;
  margin: 0 auto;
  padding: 2% 5%;
 }


   .info{
  color: #A52A2A;
  font-size: small;
  font-style: italic;
  font-weight: normal;
  font-family: Georgia, serif;
  text-indent:2em;
  text-align: justify;
  line-height: 1em;
  margin: 1em 0 1em 1em;
}
.smutny {
  color: black;
  font-size: small;
  font-style: italic;
  font-family: Georgia, serif;
  text-align: justify;
  line-height: 1em;
  margin: 0 0 1em 1em;
}
   hr {
    height: 2px;
    color: #CD853F;
    background: #CD853F;
    margin: 0 2px;
}
   
                                 /*boksy*/
#pojemnik {
    width: 80%;
    min-width: 1100px;
    max-width: 1300px;
    margin: 10px auto;
    height: 100%;
    background-color: #F3F6C5;
    border-radius: 22px;
    border: 3px solid #CD853F;
    box-shadow: 5px 5px 5px black; 
    position: relative;
}
#kto {
   width: 100%;
   float: left;
   height: 25px;
   border-radius: 20px 20px 0 0;
}
#baner {
   width: 100%;
   float: left;
   color: blue;
   background: transparent url(images/1.jpg);
   background-size: cover;
   border-bottom: 1px solid  #CD853F;
    border-top: 1px solid  #CD853F;
   height: 200px;
   position: relative;
}
#slider {
   width: 100%;
   float: left;
   background-size: cover;
   border-bottom: 1px solid  #CD853F;
    border-top: 1px solid  #CD853F;
   height: 200px;
   position: relative;
}
#tekst {
   width: 61%;
   min-height: 1400px;
   margin: 0 auto;
   float: left;
   border-right: 3px solid  #CD853F;
}
#tekst1 {
   width: 100%;
   min-height: 1400px;
   margin: 0 auto;
   float: left;
}
.lewytekst {
float: left;
width: 45%;

}
#podtekst {
 width: 100%;
 min-height: 1400px;
 margin: 0 auto;
 float: left;
 background: transparent url(podtekst.png) repeat-y right top;
}
#lewemenu {
 border-right: 1px solid  #CD853F;
  border-bottom: 1px solid  #CD853F;
   background-color: #F3F6C5;
 width: 38%;

   float: left;
}
#prawemenu {
   background-color: #F3F6C5;
   border-bottom: 1px solid  #CD853F;
   width: 38.5%;
   float: right; 
}
#przedstopka {
   width: 100%;
   float: left;
   background: #DBDB70;
   border-top: 1px solid #CD853F;
   height: 56px;
}
#przedstopka1 {
   width: 100%;
   float: left;
   background: #efcb01;
   border-top: 1px solid brown;
   height: 56px;
}

#stopka p {
   width: 90%;
   float: left;
   font-size: 50%;
   text-align: center;
   border-top: 1px solid #CD853F;
   min-height: 35px;
   border-radius: 0 0 20px 20px ;
}
.szukaj {
	margin: -110px 20px -15px 0;
width:  120px;
font-size: small;
float: right;
}

.clear {
clear: both;
}
.kalendarium {
  background-image: url(fotografie/zima.png);
  background-size: cover;
}
.aktualne {
	position: relative;
  width: 100%;
  margin: 1% 10% 1% 1%;
}
.smutek {
background-image: url(fotografie/angel.png);
background-size: cover; 
}
#ksiega {
background-color: white; 
padding: 1.5% 1.5% 0.5% 1.5%;
width: 400px;
margin: 0 auto;
border-radius: 12px;
border: 3px solid #CD853F;
box-shadow: 5px 5px 5px black; 
}
menu {
width: 100%;
float: left;
}
.static 
{
	position: static;
	background-image: url(flaga.png); 
	background-repeat: repeat-x;
	height: 3.3em;
	border-bottom: 1px solid #A52A2A;
	}
.fixed {
	position: fixed; 
	top: 0; 
	left: 0 auto; 
	background-image: url(flaga.png); 
   width: 87%;
   min-width: 1100px;
   max-width: 1300px;
   height: 3.3em;
   border-bottom: 1px solid #A52A2A;
   z-index: 100;
	}
	#top {
		height: 225px;
		}
                                       /*obrazki*/
                                       
  .logo {
border: none;
padding: 0px;
margin-top: -35px;
margin-left: 20px;
position: absolute;
} 
  .logo1 {
border: none;
padding: 0px;
margin-top: -270px;
margin-left: 20px;
position: absolute;
}
  .logo2 {
border: none;
padding: 0px;
margin-top: -22%;
margin-left: 10%;
position: absolute;
}
  .logo3 {
border: none;
padding: 0px;
margin-top: -240px;
margin-left: 20px;
position: absolute;
} 
  .logo11 {
border: none;
padding: 0px;
margin-top: -1.5%;
margin-left: 10%;
position: absolute;
}
  .grot {
border: none;
float: right;
padding: 0px;
margin: -10em -12em 0 0;
position: relative;
z-index: 9;
}
  .dewiza {
border: none;
float: left;
padding: 0px;
margin-bottom: 0;
margin-left: 0;
z-index: 9;
}
  .nieczynne {
border: none;
float: right;
padding: 0px;
margin-bottom: -150%;
margin-right: 10%;
z-index: 10;
position: relative;
}
   .obraz {
   margin: 1em auto;
   padding: 0.5em;
   border: 3px solid #CD853F;
   }

    .prawyobraz {
   float: right;
   border: none;
   margin: 1em;
   padding: 0.5em;
   border: 3px solid #CD853F;
   }
      .lewyobraz {
   float: left;
   border: none;
   margin: 1em;
   padding: 0.5em;
   border: 3px solid #CD853F;
   }
   .partner {
padding: 0px;
margin: 5px auto;
border: none;
}


.sponsor {
    padding-top: 1%; 
    padding-bottom: 1%;
}
.stronytesty {
    border: medium none;
    top: 5%;
    right: 2%;
    z-index: 20;
    position: fixed;

}
                                      /*czcionki*/
 .p2 {  
  color: #F3F6C5;
  font-size: medium;
  font-style: normal;
  font-weight: bold;
  font-family: Georgia, serif;
  text-align: center;
  text-shadow: 0px 0px 5px black;
  margin: 1%;
  }
   .p3 {  
  color: black;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
  font-family: Georgia, serif;
  text-align: left;
  margin: 2%;
  display: block;
  }
   .p4 {
  text-align: center;
  word-spacing: 3em;
  font-family: Georgia, serif;
  font-size: 60%;
  line-height: 2em;
 margin-top:10px;
 }
  .p5 {  
  color: #6fb7e9;
  font-size: xx-large;
  font-style: normal;
  font-weight: bold;
  font-family: Georgia, serif;
  text-align: center;
  text-shadow: 0px 0px 5px black;
  margin: 30px 0 0 300px;
  position: absolute;
  }
     .p6 {
  text-align: left;
  font-family: Georgia, serif;
  font-size: 70%;
  line-height: 130%;
  margin-top: 2%;
  margin-left: 2%;
 }
 .sztuczka {
 color: #DBDB70;
 }
 .uwaga {
 	color: white;
 	background-color: red;
 	font-size: large;
 	font-weight: bold;
 	text-align: center;
 	border: 5px solid #CD853F;
 	border-radius: 10px;
 	padding: 5px;
 	margin: 2%;
 	}
 .uwagafixed {
 	color: white;
 	width: 90%;
 	background-color: red;
 	font-size: large;
 	font-weight: bold;
 	text-align: center;
 	border: 5px solid #CD853F;
 	border-radius: 10px;
 	padding: 5px;
 	bottom: 4%;
 	left: 4%;
 	right: 4%;
 	position: fixed;
 }
 .uwagafixedbn {
 		color: gold;
 	width: 90%;
 background-color: green;
 	font-size: large;
 	font-weight: bold;
 	text-align: center;
 border: 5px solid red;
 	border-radius: 10px;
 	padding: 5px;
 	bottom: 4%;
 	left: 4%;
 	right: 4%;
 	position: fixed;
 }
 
  .bn {
 	color: gold;
 	background-color: green;
 	font-size: large;
 	font-weight: bold;
 	text-align: center;
 	border: 5px solid red;
 	border-radius: 10px;
 	padding: 5px;
 	margin: 2%;
 	}

                                       /*odsyłacze*/
a:link {
  font-weight: bold;
  color: #CD853F;
  text-decoration: none;
  border: none;
  padding-left: 1%;
  }
  /*efcb01*/
 a:hover {
  color: #A52A2A;
  text-decoration: none;
  border: none;
  }  
.link {
background-color: #DBDB70;
padding: 5px;
border-top: 0.5px solid #CD853F;
border-bottom: 0.5px solid #CD853F;
border-left: 0.5px solid #CD853F;
font-family: Georgia, serif;
font-weight: bold;
}
.archeo {
background: transparent url(archeo.png);
border-top: 0.5px solid #CD853F;
background-size: cover; 
padding: 5px;
z-index: 0;
}
.link1 {ffd801
background-color: #CD853F;
border: 2px solid #A52A2A; 
padding: 5px;
color: #A52A2A;
font-family: Georgia, serif;
font-weight: bold;
}
.link3 {
color: #A52A2A;
background-color: #F3F6C5;
padding: 5px;
border-top: 0.5px solid #CD853F;
border-bottom: 0.5px solid #CD853F;
border-left: 0.5px solid #CD853F;
font-family: Georgia, serif;
font-weight: bold;
}
.link4{
background-color: #efcb01;
padding: 5px;
border-top: 0.5px solid #CD853F;
font-family: Georgia, serif;
font-weight: bold;
}
.link5 {
background-color: yellow;
border: 2px solid red;
font-family: Georgia, serif;
font-weight: bold;
margin: 10px;
}

.pusty {
padding-bottom: 50px;
font-family: Georgia, serif;
font-weight: bold;
}
.widget {
padding: 10px 0 5px 10px;
font-family: Georgia, serif;
font-weight: bold;
}	
.dogory {
    border: medium none;
    bottom: 1%;
    right: 1%;
    padding: 3px;
    position: fixed;

}
.rodo {
    border: medium none;
    top: -1%;
    right: -0.2%;
    padding: 3px;
    position: fixed;
    z-index: 101;
}	
                                                 /*tabele*/
  table {
  margin: 1% auto;
  background-color: #DBDB70;
   border-radius: 5px;
  font-weight: normal;
  font-family: Georgia, serif;
  width: 99%;
  }
  td {
  padding: 5px;
  font-size: 80%;
  text-align: center;
  background-color: white;
   border-radius: 5px;
   height: 1.5em; 
  } 
  th {
  padding: 5px;
  font-size: 80%;
  background-color: #fcd501;
  color: black;
   border-radius: 5px;
  height: 1.5em;
  }

                                                  /*lista*/
ol {
  color: black;
  margin: 1em;
  }                                         
 ul {
  color: #A52A2A;
  margin: 1em; 
  list-style-image: url(lodz.png);
  }
 li {
  text-align: justify;
  font-weight: normal;
  font-family: Georgia, serif;
  font-size: small;
  text-align: justify;
  line-height: 200%; 
 }
 
                                            /*menu poziome*/
 .menu {
float: left;
width: 100%;
padding: 0.5%;
margin: 0 auto;
list-style: none;
}

.menu li a {
display: block;
float: left;
text-align: center;
font-size: 110%;
min-width: 6%;
text-decoration: none;
color: #A52A2A;
background-color: #DBDB70;
padding:  5px 8px;
margin: 0px 1px 1px 0px;
border-radius: 3px;
-moz-border-raa:activedius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 2px 3px gray;
-moz-box-shadow: 0px 2px 3px gray;
-webkit-box-shadow: 0px 2px 3px gray;
}

.menu li a:hover {
color: #DBDB70;
background-color: #CD853F;
border: 1px solid #A52A2A; 
}  

                
                                            
                                    /*galeria*/          
 .galeria {
width: 50%;
height:  120px;
margin: 2% auto;
 }


 
                                          /*formularz*/  	
 form {
 padding: 2em;
 font-family: Georgia, serif;
 }			                     
 
 
                                         /*animowany tekst*/
 
  #blok {
        position: relative;
        height: 1.3em;
        line-height: 2.2em;
        margin: 0 auto;
        overflow: hidden;
      }

      #blok > p {
        color: #CD853F;
        position: absolute;
        margin: 0;
        white-space: nowrap;
        animation:przesun 20s linear infinite;
        -webkit-animation:przesun 15s linear infinite; /* dla Google Chrome, Safari, Opera 15+ */
      }

      #blok > p:hover {
      	color: #A52A2A;
        animation-play-state: running;
        -webkit-animation-play-state:running;
      }
	  
      /* ------------ANIMACJA-PRZESUN------------ */
      @keyframes przesun
      {
        0% { transform:translateX(0); padding-left: 100%; }
        100% { transform:translateX(-100%); padding-left: 100%; }
      }

      @-webkit-keyframes przesun /* dla Google Chrome, Safari, Opera 15+ */
      {
        0% { -webkit-transform:translateX(0); padding-left: 100%; }
        100% { -webkit-transform:translateX(-100%); padding-left: 100%; }
      }
 
	                                     /*wysuwany panel*/ 
	 #panel {
    position: fixed;
    top: 40px;
    right: -272px;
    z-index: 99999;
    transition: right 0.5s ease-out 0s;
}
 
#panel:hover {
    right: 0;
}
 
#panel #content {
    width: 250px;
    height: 100%;
    padding: 10px;
    border-top: 2px solid #C30011;
    border-right: none;
    border-bottom: 2px solid #C30011;
    border-left: 2px solid #C30011;
    z-index: 20;
    background: #FFFFFF;
    position: relative;
    border-radius: 10px 0 0 10px;
     font-family: Georgia, serif;
}
 
#panel #title {
    width: 150px;
    border: 2px solid yellow;
    background: #E61B2D;
    color: yellow;
    font-weight: bold;
    font-family: Georgia, serif;
    border-radius: 10px;
    padding: 5px 5px 25px 5px;
    text-align: center;
    position: relative;
    top: 140px;
    left: -90px;
    transform: rotate(-90deg);
    z-index: 1;
 }                           
 
 