@charset "UTF-8";
/* CSS Document */
* {margin: 0; }
html {height: 100%;}

body {width: 100%; height:100%; margin: 0px; background-color:#ffffff; font-family: Verdana, Arial, Helvetica;	font-size: 12px; color: #58595b; }
h1 {
	font-size: 14px;
	color:#09F;
	font-style:italic;
}
h2 {font-size: 14px; color:#666666; font-style:italic;}
h3 {font-size: 14px; color:#ffffff; font-style:italic;}

a.menu:link {color: #58595b;	text-decoration: none; height:18px; background-image:url(images/web/boczek_or.gif); background-position:left; background-repeat:no-repeat; padding-left:10px; }
a.menu:visited {text-decoration: none;color: #333333; background-image:url(images/web/boczek_or.gif); background-position:left; background-repeat:no-repeat; padding-left:10px; }
a.menu:hover {	text-decoration: none;	color:#09F; background-image:url(images/web/boczek.gif); background-position:left; background-repeat:no-repeat; padding-left: 10px;	}

a:link {color: #58595b;	text-decoration: none; height:18px;}
a:visited {text-decoration: none;color: #333333; }
a:hover {	text-decoration: none;	color:#09F; 	}

.wrapper {
	 width:900px;
     min-height: 1000px;
     height: auto !important;
	 background-image: url(images/bubble.jpg); background-repeat:no-repeat; position:center top;
     margin: 0 auto ;
	 
}

.note {
	width:630px;
	height:20px;
	background-color:#ccc;
	padding-left:10px;
	filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
}

#head {
	width:900px;
	height:145px;
}

#menu {
	float:left;
	width:180px; 
	padding:5px;
	
	line-height:18px;
}

#content {
	float:left;
	width:680px; 
	padding:5px;
	border-left: 1px dotted #CCC;
	 
}

ul, li {
	list-style:disc;
}

hr {
	color:#CCC;
	height:1px;
	background-color:#CCC;
	width:80%;
}

#footer {
	width:900px;
	text-align:center;
	padding-top:10px;
	font-size:10px;
	
}