body, html {
padding: 0;
 margin: 0; 
background: white repeat-x; 
font-family: arial, sans-serif; 
font-size: 11pt;
background: white url(bg.gif);}

p {font-size: 12px; padding: 0 0 0 5px; margin: 10px 10px 10px 10px; text-align: left;}
p a {padding: 0 0 0 0px; margin: 0; color: blue; font-weight: bolder; text-decoration: underline;}
p a:hover {text-decoration: none; color:blue;}


h1 {
margin: 0px;
padding: 5px;
font-weight: bold;
font-size: medium;
}

h2 {padding: 0;
 margin: 5px 0 5px 5px; 
 background: inherit;
 color: green;
 font-size: medium;
 text-align: center;}
 
a img {border: 1px solid black;}
a img:hover  {border: 1px solid blue;}

dt {margin: 5px 10px; color: #003C3C;}

 /* LISTY */

ul {
list-style: none; 
width: 160px;
	color: black; 
	margin: 0px 0 0px 0px; 
	padding: 0; 
	text-align: left;
	clear: right;
	background: white;
border: 0;
}

.menu_list {width: 1000px; height: 500px;}
.menu_list ul {border: 1px solid black;}
.menu_list li {margin: 0; padding: 10px 0 10px 0; width: 100%; border-bottom: 1px solid black; float: left; background: transparent;}
.menu_list li:hover {margin: 0; padding: 10px 0 10px 0; width: 100%; border-bottom: 1px solid black; background: url(bg_li.gif) white no-repeat;}

ul li {margin: 5px; padding: 10px 0 10px 0; width: 100%; border-bottom: 1px solid black;}
ul li:hover {margin: 0; padding: 10px 0 10px 0; width: 100%; border-bottom: 1px solid black; background: url(bg_li.gif) white;}

ul li a {
padding: 0 0px 0 10px;
text-decoration: none;
margin-top: 2px;
border: 0;
width: 100%;
color: black;
background: transparent;
font-weight: bold;
}

ul li a:hover {
padding: 0 0px 0 0px;
margin: 2px 0 0px 10px;
text-decoration: underline;
color: blue;
background: white;
font-weight: bold;
}

.ul_cont:hover {background: url(bg_li.gif) white no-repeat;}

dl {width: 600px; text-align: left; margin-left: 10px;}
dt  {font-weight: bold; font-size: 110%; margin-left: 5px;}


 /* FORMULARZE */

label {font-weight: bold;}
legend {font-weight: bold; width: 90%;}
input {width: 300px;}
form {
margin: 10px;
padding: 0px;}
textarea {width: 300px; height: 300px;}
.textarea1 {width: 400px; height: 150px;}

 /* GŁÓWNE DIVY */

.light {
width: 780px;
margin: 0 auto;
	text-align: center;
	background: #F7FFFF;
font-size: small;
padding: 0;
color: black;
border: 1px solid black;}

.main_top_top {
	width: 1000px; 
	margin: 0px auto;
	text-align: center;
	background: black;
font-size: small;
padding: 0;
color: white;
border-left: black 1px solid;
border-right: black 1px solid;}

.main_top_top p {
	margin: 0px auto;
	text-align: center;
	padding: 5px 0 5px 0;
	background: black;
font-size: small;
padding: 0;
color: white;}

.main_top_top p a {
font-weight: bold; 
padding: 0 5px 0px 5px;
border-left: 0px solid black; 
border-right: 0px solid black;
margin: 0px 5px 0 5px;
vertical-align: middle;
color: white;}

.main_top_top p a:hover {
border-left: 0px solid white; 
border-right: 0px solid white; 
color: black;
background: white;}

 
.main_top {
	width: 950px; 
	height: 1333px;
	margin: 5px auto;
	text-align: center;
	background: white;
font-size: small;
padding: 0;
color: black;
border: black 1px solid;
position: relative;}

.big_div {width: 1000px; 
	margin: 0 auto;
	min-height: 700px;
	text-align: center;
	background: #F7FFFF;
font-size: small;
padding: 0;
color: black;
border: black 1px solid;}

.main_left {
	width: 160px;
	height: 100%;
	background: #F7FFFF;
font-size: small;
margin: 0;
padding: 0;
color: black;
border-top: black 0px solid;
border-left: black 0px solid;
border-right: black 0px solid;
float: left;
}

.main_center {
	width: 443px;
	background: #F7FFFF;
font-size: small;
margin: 0 auto;
padding: 0;
color: black;
border-left: 2px solid black;
border-right: 2px solid black;
float: left;
height: 700px;}

.main_center p {float: none;}
.main_center p img {float: none;}

.main_right {
	width: 180px;
	text-align: center;
	background: #F7FFFF;
font-size: small;
margin: 0 auto;
padding: 0;
color: black;
border-right: 0px solid black;
border-left: 0px dashed black;
border-top: 0px solid black;
float: right;
height: 100%;}

.main_right p {text-align: center;}
.main_right p a {margin-bottom: 2px; text-decoration: none; color: blue;}
.main_right p a:hover {margin-bottom: 2px; text-decoration: underline; color: blue;}

.buy {position:absolute; top: 130px;  right:30px; border: 1px dotted blue; z-index: 2; width: 230px; margin: 0;}
.buy:hover {background: url(bg_li_4.gif) white no-repeat;}
.buy p a {padding: 0px;}
.logo_gif  {position:absolute; top: 1px; left: 279px; border:0; z-index: 2;}
.plansze {position: absolute; top: 370px; left: 15px; z-index: 2; padding: 2px; margin: 0; border: 0px dashed black; background: transparent; width: 330px;}
.plansze a {padding-bottom: 3px;}
.kontakt {position: absolute; top:1240px; left: 15px; z-index: 2; padding: 0px; margin: 0; border: 1px dotted blue; background: transparent; width: 300px;}
.kontakt:hover {background: url(bg_li_3.gif) white no-repeat;}
.n2 {position: absolute; top: 342px; left: 596px; z-index: 2; margin: 0;}
.content {position: absolute; top: 442px; left: 340px; z-index: 6; margin: 0; width: 300px; border: 1px dotted blue; background: transparent; color: #000000; }
.content:hover {background: url(bg_li_3.gif) white no-repeat;}
.who {position: absolute; top:1315px; left: 5px; z-index: 2;}
.info {position: absolute; top:235px; left: 5px; z-index: 2; border: 1px dotted blue;}
.bios {position: absolute; top: 860px; left: 340px; z-index: 2; padding: 0px; margin: 0; border: 1px dotted blue; background: transparent; width: 300px;}
.bios:hover {background: url(bg_li_3.gif) white no-repeat;}
.logo_balloon {position: absolute; top:30px; left: 786px; z-index: 2;}