body {
background: #eeeeee;
margin-top: 0;
text-align: center;
font-family: verdana;
font-size: 11px;

}

ul#nav_top {
  width: 600px;
  list-style: none;
  padding: 2px 0 0 0;
  margin:0;
  display: block;
  float: left;
}

ul#nav_top li {
  padding-left: 8px;
  padding-right: 8px;
  border-left: 1px solid #ffffff;
  height: 14px;
  float: left;
  position: relative;
  list-style : none;
}

ul#nav_top li ul {
  display: none;
  position: absolute;
  left: 0;
  margin: 0;
  padding: 8px 0 8px 0;
  background: #FD7676;
  border: 1px solid #ffffff;
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
  width: 160px;
  height: auto;
}

ul#nav_top li ul li{
  padding: 0;
  border: 0;
  list-style : none;
  width: 160px;
  margin: 0;
}
ul#nav_top li > ul {
  top: auto;
  left: auto;
}

ul#nav_top li:hover ul {
  display: block;
}
ul#nav_top li.over ul{
  display: block;
}
ul#nav_top a{
  display: block;
  color: white;
  font-size: 10px;
  font-weight: bold;
  font-family: "Verdana";
  text-decoration:none;
  height: 100%;
  width: auto;
}
ul#nav_top a:hover {
  color: #FFA0A0;
}
ul#nav_top li ul li a{
  display: block;
  color: white;
  font-size: 10px;
  font-weight: bold;
  font-family: "Verdana";
  text-align: left;
  text-decoration:none;
  height: auto;
  padding: 4px 0 4px 11px;
  border: #0000ff;
}
ul#nav_top li ul li a:hover {
  background: #fa1010;
  color: white;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#nav_top li { width: 1%; }
* html ul#nav_top ul li { height: 1%; }
* html ul#nav_top ul li a{ height: 1%; }
/* End */


a {text-decoration: none; color:#ff0000;}
a: visited {color:#bb2921;}
a: hover {color:#7e7e7e;}

table, td, div {
padding: 0;
margin: 0;
border: 0;
font-size:11px;
}

p {
  text-indent: 40px;
  text-align: justify;
  padding-top: 8px;
  padding-bottom: 0;
  margin: 0;
  line-height: 130%;
}

p.naglowek1 {
  text-align: center;
  text-indent: 0;
  padding-top: 20px;
  font-size: 13px;
  font-weight: bold;
}

p.adres {
  text-align: center;
  text-indent: 0;
  line-height: 120%;
  padding-top: 5px;
}

#srodek {
  display: block;
  background: white;
  border: 0;
  width: 720px;
  margin: 15px;
  font-family: verdana;
  font-size:11px;
}

div.jestes {
  font-size: 10px;
  margin-bottom: 8px;
  background: white;
}
span.jestes {
  border-bottom: 1px solid #dddddd;
  padding-left: 8px;
}

a.jestes {color: black;}
a.jestes:hover {color: red;}

.footer {
  padding: 4px;
  color: white;
  font-family: arial;
  text-decoration:none;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
}

a.footer:hover {color: white;}
a.footer:visited {color: white;}

a.mail { color: red;}
a.mail:hover { color: #888888;}
a.mail:visited { color: red;}

.footer_black {
  padding: 2px;
  color: black;
  text-decoration:none;
  font-size: 9px;
  text-align: center;
}
a.footer_black:hover {color: black;}
a.footer_black:hover {color: black;}

div.wiersz {
  display: block;
  position: relative;
  width: 400px;
  margin-top: 25px;
  font-size: 10px;
  left: 60px;
}
OPTION {
	FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Arial
}



.pole {
  background: #ffffff;
  font-size: 11px;
  text-align: left;
  width: 100%;
}
.data {
  margin: 3px;
  font-size: 12px;
}
hr {
  color: #a0a0a0;
  width: 65%;
  height: 1px;
  text-align: left;
  display: block;
}
iframe {
  width: 100%;
  border: 0;
}
iframe.ftp {
  width: 100%;
  border: 0;
  height: 800px;
}

img.galeria {
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	border: 0;
        display: block;
}

div.nav {
  margin: 20px 150px 20px 20px;
  padding: 8px;
  border: 1px dashed #dedede;
}

div.nav a{
  display: block;
  margin: 2px;
  padding: 2px;
  background: #ffffff;
}
div.nav a:hover{ background: #dedede; }

div.nav div{
  display: block;
  margin: 2px;
  padding: 2px;
  font-weight: bold;
}

div#shoutbox {
  margin: 20px;
  border: 1px dashed #cccccc;
}

div#shoutbox_nav{
  margin-left: 40px;
}

div#shoutbox_tresc{
  margin: 4px;
  border: 1px solid #ff0000;
}

div#shoutbox_tresc span{
  display: block;
  padding: 4px;
  border-bottom: 1px solid #bbbbbb;
}

div#shoutbox_formularz{
  margin: 10px;
}

table.kontakty {
   width: 700px;
   border: 1px solid red;
}
table.kontakty tr.naglowek{
   background: #979797;
   color: #fff;
   font-weight: bold;
}

table.kontakty td {
   padding-left: 8px;
}

table.kontakty tr.parzysty{
   background: #ffffff;
}

table.kontakty tr.nieparzysty{
   background: #dedede;
}
table.kontakty tr.dzialy{
   background: #b3d3ff;
}
table.kontakty tr.dzialy td{
   font-weight: bold;
   padding: 2px;
}
a.przycisk {
   display: inline;
   margin: 1px;
   padding: 6px;
   border: 1px solid #ff0000;
   background: #333;
   color: #ffffff;
}
a.przycisk:hover {
   background: #ffffff;
   color: #333;
   padding: 10px;
}
span.przycisk{
   margin: 1px;
   padding: 10px;
   border: 2px solid #000000;
   color: #000000;
   font-weight: bold;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff3}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    padding: 3px;
    top:-100px; left:140px; width:200px;
    border:1px solid #f00;
    background-color:#fff; color:#000;
    text-align: left}