html, body {
background:url(pliki/tlo2.jpg);
font-size: 15px;
font-family: tahoma, Verdana, arial, sans-serif;
text-align: center;
}
 
#main, #footer, #logo, #menu
{ margin: auto; 
}


#main 
{
margin-top: 33px; 
width: 710px;
border: 2px solid white;
background: yellow;
text-align: justify;
padding: 0px 20px 20px 20px;

}
#logo
{ width: 750px;
  height: 94px;
  margin-top: 5px;
  margin-bottom: 5px;
  background: url(pliki/logomale.jpg);
}

#footer
{ 
  height: 20px;
  width: 750px;
  border: 2px solid #ffffff;
  text-align: left;
  padding: 0px 20px 0px 120px;
  margin-top: 5px;
  margin-bottom: 5px;					
  background: #2F3D46;
  color: white;
  font-weight: bold;
  font-size: 14px;
}

a:link {
color: blue; 
text-decoration: none;
}
a:visited {
color: blue; 
text-decoration: none;
}
a:active {
color: gray; 
text-decoration: none;
}
a:hover {
color: red; 
text-decoration: underline;
}


p { 
   margin: 0px;
   padding: 0px 0px 16px 0px;
   line-height: 1.7em;}
img {       
   border: 3px;
   border-color: black;
   border-style: solid;}
img.herb {  
   border: 0;
   float: left;}




h1 { margin-top: 10px; margin-bottom: 15px; font-size: 130%; text-align: center; font-weight: bold}
h2 { margin-top: 6px; margin-bottom: 10px;font-size: 110%; text-align: center; font-weight: bold}
h3 { margin-top: 4px; margin-bottom: 8px;font-size: 100%; text-align: center; font-weight: bold}




#menu
{
width: 608px;
list-style: none;
position: relative;
display: block;
}

/* the structure*/ 
* {
margin: 0;
padding: 0;
}


#menug, 
#menug ul {
float: left;
list-style: none;
}
#menug li {
position: relative;
float: left;
}
#menug a {
width: 150px;
color: #fff;
font-size: 14px;
text-decoration: none;
font-weight: bold;
display: block;
float: left;
border: 1px solid #fff;
line-height: 22px;
height: 22px;
padding: 0;
}
#menug ul li a {
display: block;
float: left;
cursor: pointer;
}

#menug li ul {
display: none;
left: 0%;
}
#menug li:hover ul {
display: block;
position: absolute;
left: 50%;
top: 23px;
margin: 0 0 0 -65px;
}
#menug li:hover ul li {
clear: both;
}
#menug li:hover ul li ul {
position: static;
margin: 0;
clear: both;
height: 100%;
overflow: hidden;
}
#menug li li a {
font-size: 11px;
font-weight: normal;
padding-left: 5px;
line-height: 18px;
width: 126px;
height: 18px;
}
#menug li li li a {
border: 0;
opacity: .8;
filter: Alpha(Opacity=80);
}
#menug li li li a:hover {
opacity: 1;
filter: Alpha(Opacity=100);
}


/* KOLORY */

#glowna a, 
#menug #glowna li li a:hover {	
background-color: #ff7f1e;
}
#lodz a, 
#menug #lodz li li a:hover {
background-color: #00b200;
}
#miasta a, 
#menug #miasta li li a:hover {
background-color: #0089af;
}
#inne a,
#menug #inne li li a:hover {
background-color: #b105a5;
}
#menug a:hover {
background-color: red;
}