* {
	padding: 0px;
	margin: 0px;
	}
	
	
/* Background - a small image goes a long way, and basic font styling */
body {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
        background-color: #000000;
        color: #000000;
	padding: 0px;
	margin: 0px;
        text-size: 11px;
        background: url(../images/tlobody.jpg);
	}

a, a:link, a:visited, a:active, a:hover {
   color: black;
   text-decoration: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
        text-size: 11px;
   }

/* Now we figure out how wide our main page is  - Alignment comes from the margin calls here combined with the text-align: center in the body call*/	
#container
	{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
        margin-bottom: 0px;
	}

div {
    font-size: 11px;
    }

/* Area to put the main heading text in */	
#header
	{
	width: 760px;
	padding: 0em;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

/* Farhner Image Replacement - the code says its a header with the sitename, so we replace the header text with this header image - sweet  :-) )*/
#logo
	{
	background: url(../images/logo.jpg) top left no-repeat;
	width: 760px;
	height: 161px; 
	text-indent: -5000px;
	}
	
/* Start of the main content once the header has been done */
#core
	{
	text-align: left;
        background-image: url(../images/tlo.jpg);
        float: right;
	}
	
#reklamaduza {
        width: 760px;
        text-align: center;
        float: right;
        }

/* Static menu area */
#menu
	{
	width: 760px;
	height: 68px;
	position: relative;
	}
/* Workaround for IE flicker bug for the menu items - partly based on Pixy's CSS rollovers without flicker */
#menu a:hover {
	top: 0px;
	left: 0px;
}
#menu a:active {
	top: 0px;
	left: 0px;
}

/* Menu items - menu(number) items are just image padding, the rest are declared as id's within their href calls - see index.php code for this */	
/* Float left for everything to speed up layout generation - it's a quick way of doing faux tabling */
#menu1
	{
        line-height: 4;
        white-space: pre;
	height: 68px;
	width: 161px;
	float: left;
	background: url(../images/menu-inowroclaw.jpg) top left no-repeat;
        color: white;
        font-size: 14px;
        text-decoration: none;
	font-weight: bold;
	}

#menu2
	{
	height: 68px;
	width: 99px;
	float: left;
	background: url(../images/menu-zabytki.jpg) top left no-repeat;
        color: white;
        font-size: 14px;
        text-decoration: none;
	font-weight: bold;
        line-height: 4;
        white-space: pre;
	}	

#menu3
	{
	height: 68px;
	width: 133px;
	float: left;
	background: url(../images/menu-slawni-ludzie.jpg) top left no-repeat;
        color: white;
        font-size: 14px;
        text-decoration: none;
	font-weight: bold;
        line-height: 4;
        white-space: pre;
	}

#menu4
	{
	height: 68px;
	width: 94px;
	float: left;
	background: url(../images/menu-galeria.jpg) top left no-repeat;
        color: white;
        font-size: 14px;
        text-decoration: none;
	font-weight: bold;
        line-height: 4;
        white-space: pre;
	}
	
#menu5
	{
	height: 68px;
	width: 95px;
	float: left;
	background: url(../images/menu-legendy.jpg) top left no-repeat;
        color: white;
        font-size: 14px;
        text-decoration: none;
	font-weight: bold;
        line-height: 4;
        white-space: pre;
	}

#menu6
	{
	height: 68px;
	width: 100px;
	float: left;
	background: url(../images/menu-poezja.jpg) top left no-repeat;
        color: white;
        font-size: 14px;
        text-decoration: none;
	font-weight: bold;
        line-height: 4;
        white-space: pre;
	}

#menu7
	{
	height: 68px;
	width: 78px;
	float: left;
	background: url(../images/menu-koniec.jpg) top left no-repeat;
        color: white;
        font-size: 14px;
        text-decoration: none;
	font-weight: bold;
        line-height: 4;
        white-space: pre;
	}

/* Main content area  - faux columns CSS as previously seen on AListApart.com */
/* One image for the background and borders with some padding for the internal layout, so as to move the content text itself off the borders */

#content
	{
	background: url(../images/tlo.jpg) repeat-x;
	width: 760px;
	}

/* Split the main content area into two columns - via static widths and a float */
#lewa {
        float: left;
       }
div .sidebar
	{
	width:216px;
	background: url(../images/tekst-tekst-lewe.jpg);
}
div .odstep {
        margin-left: 35px;
        margin-right: 20px;
        }
div .lewynaglowek {
              width: 216px;
              height: 20px;
	      background: url(../images/tekst-naglowek-lewe.jpg) no-repeat;
            }
div .lewastopka {
              width:216px;
              height: 32px;
	      background: url(../images/tekst-stopka-lewe.jpg) no-repeat;
              }

div .bodytext {
	width: 544px;
	background: url(../images/tekst-tekst-content.jpg);
}
div .odsteptekst {
         margin-left: 25px;
         margin-right: 45px;
         background: url(../images/rysunektlo.jpg);
         background-position: right bottom;
         background-repeat: no-repeat;
         min-height: 320px;
         }

/* for Internet Explorer */
/*\*/
* html #odsteptekst {
height: 320px;
}

.mainleveladministrator {
   top-padding: 10px;
   top-margin: 10px;
   }
a.mainleveladministrator {
   top-padding: 10px;
   top-margin: 10px;
   }
tr.mainleveladministrator {
   top-padding: 10px;
   top-margin: 10px;
   }
td.mainleveladministrator {
   top-padding: 10px;
   top-margin: 10px;
   }

div .tekstnaglowek {
              width: 544px;
              height: 20px;
	      background: url(../images/tekst-naglowek-content.jpg) no-repeat;
            }
div .tekststopka {
              width:544px;
              height: 32px;
	      background: url(../images/tekst-stopka-content.jpg) no-repeat;
              }
#cale {
        float: right;
       }

/* Make sure the font size for links and paragraphs doesn't break */ 
 a {
	font-size: 11px;
}
 p {
	font-size: 11px;
        margin-top: 5px;
}
a:link, a:visited, a:active, a:hover {
	font-size: 11px;
}

 /* Footer  - need I say more? */
 #footer
	{
	background: url(../images/stopka.jpg);
	width: 760px;
	height: 44px;
        float: left;
        font-size: 11px;
        line-height: 6;
        color: white;
        margin-bottom: 0px;
        padding-bottom: 0px;
        background-repeat: no-repeat;
	}
.footer .footer:link, .footer:visited, .footer:active, .footer:hover {font-size: 11px; color: white; text-decoration: none;}
a.footer a.footer:link, a.footer:visited, a.footer:active, a.footer:hover {font-size: 11px; color: white; text-decoration: none;}
	
 /* Mambo specific calls - there are more out there, this is just a reduced set for high speed layout*/
/* Formatting for modules */
table.moduletable
	{
	width: 95%;
	padding-left: 2px;
	text-align: left;
}

/* Heading text of the modules */
table.moduletable.th {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}

/* content/data text for the modules */
table.moduletable.td {
	font-size: 9px;
	font-weight: lighter;
}

/* All internal headings, including the contact page */
.contact.th {
	font-weight: bold;
	font-size: 11px;
        margin-top: 9px;
}
.componentheading {
	font-weight: bold;
	font-size: 11px;
        margin-top: 9px;
}
.contentheading {
	font-weight: bold;
	font-size: 11px;
        margin-bottom: 10px;
}


/* Pathway and other stuff */
.small {
	font-weight: bold;
	font-size: 8px;
        margin-top: 5px;
}

.createdate, .modifydate {
	font-size: 10px;
        margin-top: 5px;
}

form {
     font-size: 11px;
     }
button {
     font-size: 11px;
     }
td, tr, table {
     font-size: 11px;
     }
th {
     font-size: 13px;
     padding-top: 3px;
     }
ol li {
	text-align: left;
	margin-left: 25px;  
	margin-right: 45px;   
   }
ul li {
	text-align: left;
	margin-left: 25px;  
	margin-right: 45px;  
   }
.inputbox {
   width: 90px
   }
textarea.inputbox {
   width: 300px
   }
.pathway {
   font-size: 11px;
   font-weight: bold;   
   }
a.pathway {
   font-size: 11px;
   font-weight: normal;   
   }
span {
   padding-bottom: 10px;
   }

.contentpane {
   margin-top: 10px;
   }

img {padding: 6px;}
img.strzalka {padding: 0px;}
.adminform img {padding: 0px; margin: 0px;}

.tooltip {

          color: black;

          font-weight: bold;

          background-color: white;

          white-space: nowrap;

          margin: 0;

          padding: 2px 4px;

          border: 1px solid black;

}