/* =============================================================================
                                                                       OGOLNE
============================================================================= */
html, body{
background: rgb(102,66,13); /* url(graf/tlo_pasek.gif) repeat-y 1259px 0px;  do zmiany */
color: rgb(255,255,255); /* do zmiany */
  width: 100%;
  padding: 0px; margin: 0px;
  font: normal 11px tahoma, arial, geneva, sans-serif;
}

img{ display: block; border: none; }
form{ margin: 0px; padding:0px;}

a{ text-decoration: underlined; color: rgb(255,255,51);}
a:hover{ text-decoration: none; color: rgb(255,255,153); }
a:visited{ color: rgb(255,255,153); }

.strong, strong{ font-weight: bold; }
.center{ text-align: center};
.clr{ clear: both; }
.quote{ font-style: italic; }

.prawa {float: right; margin: 0px 20px 20px;}
.lewa { float: left; margin: 0px 20px 20px;}

div.fotka { float: right; margin: 0px 0px 15px 20px; padding: 2px 2px 5px; font-style: italic; background-color: rgb(246,246,246); }
div.fotkaleft { float: left; margin: 0px 20px 15px 0px; padding: 2px 2px 5px; font-style: italic; background-color: rgb(246,246,246); }
div.fotka img, div.fotkaleft img{ margin: 0px 0px 5px;}

div.video { margin: 10px auto; padding: 2px 2px 5px; background-color: rgb(246,246,246); }

.i { font-style: italic;}
.normal{ font-style: normal; }

p.h1{
  font-size: 1.3em;
  padding-top: 15px;
  font-weight: bold
}

p.h2{
  font-size: 1.2em;
  padding-top: 15px;
  font-weight: bold
}

p.h3{
  font-size: 1.1em;
  padding-top: 15px;
  font-weight: bold
}

div.half{ float: left; width: 430px; }
.normal{ font-weight: normal; font-style: normal; }
/* =============================================================================
                                                                       TOP
============================================================================= */

ul.ludzie{ list-style: none; padding: 0px 5px 0px 15px; margin: 0px; }
ul.ludzie li{ padding: 2px 0px; }

#top{
  width: 100%; height: 425px;
/*  background: rgb(60,31,4) url(graf/top_jesien2.jpg) no-repeat 0px 0px;  do zmiany */
}

h1#logo{
  float: left;
  height: 30px; width: 162px; 
  margin: 35px 0px 0px; padding: 0px 0px 0px  20px;
/*  background: url(graf/logo_jesien.gif) no-repeat 35px 0px;  do zmiany */
  overflow: hidden;
}
h1#logo a{ display: block; height: 0px; width: 162px; padding: 70px; }

/* MENU */
ul#pory_roku{
  float: left; clear: both;
  padding: 0px 0px 0px 20px; 
  margin: 3px 0px 0px;
  list-style: none;
}
ul#pory_roku li{  float: left; margin-right: 1px; }
ul#pory_roku a{ float: left; display: block; height: 0px; width: 162px; padding-top: 30px; overflow: hidden; background-position: 0px 0px; background-repeat: no-repeat;}
ul#pory_roku a:hover, ul#pory_roku a.active{ background-position: 0px -31px; }


ul#pory_roku a.jesien{ background-image: url(graf/jesien.gif);  }
ul#pory_roku a.zima{ background-image: url(graf/zima1.gif); }
ul#pory_roku a.wiosna{ background-image: url(graf/wiosna.gif);  }
ul#pory_roku a.lato{ background-image: url(graf/lato.gif);  }

ul#menu{
  float: left; clear: both;
  padding: 0px 0px 0px 182px; 
  margin: 1px 0px 0px;
  list-style: none;
}
ul#menu li{  float: left; margin: 0px; }
ul#menu a{ float: left; display: block; height: 0px; padding: 35px 8px 0px; overflow: hidden; background-color: rgb(61,32,5); background-position: 8px 0px; background-repeat: no-repeat;}
ul#menu a:hover, ul#menu a.active{ background-position: 8px -36px; background-color: #FFF; }

ul#menu a.home{ background-image: url(graf/menu/glowna.gif); width: 99px; }
ul#menu a.historia{ background-image: url(graf/menu/historia.gif); width: 99px;   }
ul#menu a.zabytki{ background-image: url(graf/menu/zabytki.gif); width: 46px;   }
ul#menu a.dzis{ background-image: url(graf/menu/dzis.gif);  width: 76px;  }
ul#menu a.galeria{ background-image: url(graf/menu/galeria.gif); width: 47px;   }
ul#menu a.lokalizacja{ background-image: url(graf/menu/lokalizacja.gif); width: 74px;   }
ul#menu a.turystyka{ background-image: url(graf/menu/turystyka.gif);  width: 65px;  }
ul#menu a.forum{ background-image: url(graf/menu/forum.gif); width: 41px;  }
ul#menu a.ostatnie{ background-image: url(graf/menu/ostatnie_lata.gif); width: 76px;  }

/* =============================================================================
                                                                       Content
============================================================================= */

#glowna{ width: 970px; }
#glowna p{ padding: 6px 15px; margin: 0px; }
#glowna div.left{ float: left; width: 260px; padding: 0px 10px 20px 20px; }
#glowna div.aktualnosci{ float: left; width: 380px; padding: 0px 10px 20px; }
#glowna div.galeria{ float: left; width: 250px; padding: 0px 10px 20px 10px; }
#glowna div.galeria div a{ float: left; margin: 2px 0px 3px 10px; border: 2px rgb(60,31,4) solid; }
#glowna div.galeria div a:hover, #glowna div.galeria div a:visited{ border-color: rgb(255,255,153); }

#tresc, #galeria{ 
  width: 865px;
/*  background: #FFF url(graf/tlo_tresc.jpg) no-repeat 0px 0px;  */
  margin: -240px 0px 25px 20px;
  padding: 10px 40px 20px;
  color: rgb(60,31,4);
}
#tresc{
  line-height:1.4em;
}

#galeria{ padding: 20px 40px 20px; }
#galeria img{ float: left; margin: 5px 0px 5px 13px; }
#tresc .galeria img{ float: left; margin: 5px 0px 5px 13px; }
#tresc .galeria div.opis{ float: left; }
#tresc .galeria div.opis h3{ font-size: 1.1em; padding: 12px 15px 0px 15px; margin: 0; }
#tresc .galeria div.opis p{ padding: 0px 15px 0px 15px; margin: 0;  }

ul#galerie{
  float: left; width: 100%;
  margin: 0px; padding: 5px 0px 15px;
  list-style: none;
}
ul#galerie li{
  float: left;
  margin-left: 13px; margin-bottom: 10px;
}
#galeria p{ margin-left: 13px; }
ul#galerie a{
  display: block; float: left;
  padding: 6px 15px; 
  background-color: rgb(61,32,5);
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
}
ul#galerie a:hover, #galeria ul#galerie a.active{
  background-color: rgb(220,220,220);
  color: rgb(61,32,5)
}


#tresc p.clr{ clear: none;}

#galeria h1{ float: left; width: 100%; font-size: 18px; padding: 0px; margin: 30px 0px 20px; }
h2{ margin: 12px 0px 8px 0px; padding: 3px 15px; font-size: 13px; }


/* #tresc h1{ float: left; width: 100%; font-size: 18px; padding: 0px; margin: 30px 0px 20px; } */

#tresc h1{ font-size: 18px; padding: 5px 15px 7px; margin: 30px 0px 20px; background: rgb(102,66,13); color: #FFF; }
#tresc h2{ font-size: 15px; padding: 3px 15px 5px; margin: 12px 0px 6px; background: rgb(209,191,150);}
#tresc h3{ font-size: 13px; padding: 2px 15px 3px; margin: 12px 0px 6px; background: rgb(240,233,217);}
#tresc .galeria h2, #tresc .galeria h3 {background: none; border: none;}

#glowna h2{ background-color: rgb(60,31,4);  }
h3{ font-size: 11px; margin: 0px; padding: 6px 15px 0px; }
h3 span{ float: right; font-size: 9px; font-weight: normal; }

ul#stopka{
  clear: both;
  width: 100%;
  padding: 20px 0px 20px; margin: 0px;
  background-color: rgb(60,31,4);
}
ul#stopka li{
  display: inline;
  padding: 0px 25px 0px 25px;
  text-transform: uppercase;
  font-size: 9px;
}
ul#stopka a{ text-decoration: none; }
div#copyright{ width: 900px; font-size: 9px; padding: 8px 0px 10px 25px; color: #FFF; }

ul.linki_s{
  list-style: none;
  font-size: 9px;
  float: left; width: 100%;
  margin: 0px; padding: 10px 0px 5px;
  color: rgb(184,157,81);
  clear: both;
}
ul.linki_s li{
  display: inline;
  /* float: left; */ padding-left: 2px;
}
ul.linki_s a{
  color: rgb(184,157,81); text-decoration: none;
}

#tresc a, #galeria a{ color: rgb(153,0,0); text-decoration: underline;}

#glowna a.mini img { float:right; margin: 5px 0px 3px 5px; border: 2px  rgb(60,31,4) solid; }
#glowna a.mini:hover img, #glowna a.mini:visited img{ border-color: rgb(255,255,153); }

a.reklama{ display: block; margin: 0px 25px; }

div.rozklady table{
  width: 90%; margin: 5px auto;
  border-collapse: collapse;
  border: 1px rgb(150,150,150) solid;
}
div.rozklady td{
  border: 1px rgb(150,150,150) solid;
  padding: 2px 4px;
}
div.rozklady th{
  border: 1px rgb(150,150,150) solid;
}

div.rozklady tr.shadow{
  background-color: rgb(240,240,240);
}

table.wide{
  width: 100%; margin: 10px auto;
  border-collapse: collapse;
  border: 1px rgb(150,150,150) solid;
}
table.wide td, table.wide th{
  border: 1px rgb(150,150,150) solid;
  padding: 4px 5px;
}
table.wide tr.shadow{
  background-color: rgb(240,240,240);
}

div.polowka{
  width: 50%;
  float: left;
}

     .pagin{ list-style:none; float: left; width: 350px; margin: 10px 15px 10px; padding: 0px;}
     .pagin li{ float: left; margin-bottom: 6px; }
     .pagin a{ display: block; float: left; padding: 3px 7px; margin: 0px 6px 0px 0px; background-color: rgb(61,32,5); }
     .pagin a:hover, .pagin a.active{ background-color: rgb(255,255,51); color: rgb(60,31,4); }

td.worst {background-color: rgb(255,199,206); color: rgb(156,0,6); }
td.best  {background-color: rgb(198,239,206); color: rgb(0,97,0); }