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

#top{
  width: 100%; height: 425px;
  background: rgb(60,31,4) url(../css/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(../css/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(../css/graf/jesien.gif);  }
ul#pory_roku a.zima{ background-image: url(../css/graf/zima.gif); }
ul#pory_roku a.wiosna{ background-image: url(../css/graf/wiosna.gif);  }
ul#pory_roku a.lato{ background-image: url(../css/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(../css/graf/menu/glowna.gif); width: 99px; }
ul#menu a.historia{ background-image: url(../css/graf/menu/historia.gif); width: 99px;   }
ul#menu a.zabytki{ background-image: url(../css/graf/menu/zabytki.gif); width: 46px;   }
ul#menu a.dzis{ background-image: url(../css/graf/menu/dzis.gif);  width: 76px;  }
ul#menu a.galeria{ background-image: url(../css/graf/menu/galeria.gif); width: 47px;   }
ul#menu a.lokalizacja{ background-image: url(../css/graf/menu/lokalizacja.gif); width: 74px;   }
ul#menu a.turystyka{ background-image: url(../css/graf/menu/turystyka.gif);  width: 65px;  }
ul#menu a.forum{ background-image: url(../css/graf/menu/forum.gif); width: 41px;  }
ul#menu a.ostatnie{ background-image: url(../css/graf/menu/ostatnie_lata.gif); width: 76px;  }

#tresc{ 
  width: 865px;
  background: #FFF url(../css/graf/tlo_tresc.jpg) no-repeat 0px 0px; 
  margin: -240px 0px 25px 20px;
  padding: 10px 40px 20px;
}

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; color: rgb(255,255,51);}
ul#stopka a:hover{ color: rgb(255,255,153); }
ul#stopka a:visited{ color: rgb(255,255,153); }
div#copyright{ width: 900px; font-size: 9px; padding: 8px 0px 10px 25px; color: #FFF; }

ul.linki_s{
  list-style: none;
  font-size: 9px;
  float: right;
  margin: 0px; padding: 0px; padding-bottom: 10px;
  color: rgb(184,157,81);
}
ul.linki_s li{
  float: left; padding-left: 5px;
}
ul.linki_s a{
  color: rgb(184,157,81); 
}

/* General smart tables class */


table.forums, table.forumsmb {
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 100%;
border: 1px #CCCCCC solid;
display: table;
color: #000000;
border-collapse: collapse;
text-align: center;
margin-left: auto;
margin-right: auto;
} 

table.forumsmb{
margin-bottom:12pt;
}

table.forumsmb{ margin: 0px 0px 5px; border:none; }

/* Simple transparent table without borders and background color (menu navigation, general tables) */

.tbTransparent, .tbTransparentmb{
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 765px;
background: transparent;
font-size: 11px;
line-height: 15px;
text-align: center;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}

.tbTransparentmb{
margin-bottom:12pt;
}

.tbTransparentCell{
text-align: left;
}

img {
border: 0px;
}

td{
text-align: left;
}

/* Small analog text, used usually with SPAN */

.txtSm{
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;	
font-size: 10px;
}

/* Normal analog text, used usually with SPAN */

.txtNr{
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;	
font-size: 11px;
}

/* Views color */

.views{
color:#9A9A9A;
}

/* Warning text */

.warning{
color: #225873;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
}

/* Supscript class */

.navCell{
font-family: Arial,Helvetica,Geneva,sans-serif;
font-size: 10px;
}

/* Class for select boxes */

.selectTxt {
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #FFFFFF;
}

/* List style - user's info */

.limbb{
list-style: circle;
font-size: 11px;
margin-left: 10pt;
}

/* Input areas - boxes, textareas... */

.inputButton {
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #FFFFFF;
border-top: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-left: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
font-size: 10px;
color: #000000;
/* height: 19px; */
}

.textForm {
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #FFFFFF;
border-bottom: #CCCCCC 1px solid;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-top: #CCCCCC 1px solid;
font-size: 11px;
}

/* Caption 1 (the one for displaying sub-headers like "topics, posted" etc) */

td.caption1 {
border: 1px #FFF solid;
font-size: 11px;
line-height: 15px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
text-align: left;
}

/* Caption 2 color and properties (this one displaying main menu,  New Topic text bg, New Message text bg) */

td.caption2 {
background-color: #FFFFFF;
border: 1px #CCCCCC dotted;
padding: 4px;
height: 20px;
font-size: 11px;
font-weight: bold;
line-height: 15px;
}

/* Caption 3 (used for Last Discussions, topic titles, Forums selection) */

td.caption3 {
background-color: #FFF;
padding: 3px;
height: 20px;
font-size: 11px;
line-height: 15px;
vertical-align: top;
}

/* Caption 4 (the one for displaying not separate headers like Forum, Topic, Poster etc. on 1st page, Buttons menu, left info cell) */

td.caption4 {
background-color: rgb(102,66,13); /* #8FBEE8 */
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
line-height: 15px;
text-align: left;
vertical-align: top;
}

/* Caption 5 (used for user input like password/login and registration etc) */

td.caption5 {
background-color: #F3F0D6; /*  #F6F9FB */
padding: 4px;
height: 20px;
font-size: 11px;
line-height: 15px;
vertical-align: top;
}

/* Font for displaying username in each thread */

.username{
text-decoration: none;
font-size: 11px;
font-weight: bold;
}

/* Topics/forums/threads content cell color #1 */

.tbCel1{
background: rgb(241,237,207); /*  #E9EFF4 */
}

/* Topics/forums/threads content cell color #2 */

.tbCel2{
background: #F3F0D6;
}

.formStyle{
margin: 0px;
}

/* Stats bar */

.tbStBar{
border: #CCCCCC 1px solid;
margin: 1px;
padding: 1px;
background: #F0F0F0;
font-size: 11px;
}

A:link {
color:rgb(102,66,13); /* #006699 */
text-decoration: none;
}

A:active {
color: rgb(102,66,13);
text-decoration: none;
}

A:visited {
color: rgb(102,66,13);
text-decoration: none;
}

A:hover {
color:  rgb(62,33,6);
text-decoration: underline;
}


ol.mbb, ul.mbb, blockquote.mbb{
margin-bottom: 0px;
}