body  {
	font: 100% Calibri, Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/bg.gif);
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}

/* Ciało strony */
#container { 
	width: 1000px;  
	margin: 10px auto; 
	text-align: left;
} 

/* Nagłówek strony */
#header { 
	text-align:center;
	background: inherit;
	padding: 0 10px;
} 

/* Podtytuł pod logiem */
#header h1 {
	font-size: 14px;
	margin: 0; 
	padding: 10px 0; 
}

/* Menu */
#left {
	float: left; 
	width: 200px; /* since this element is floated, a width must be given */
	background: url(../images/bgt.png);
	padding: 0px 0; /* top and bottom padding create visual space within this div */
	border: 1px solid #000000;
	border-radius: 5px;
	text-align:left;
	font-size:14px;
}
#left a {
	color:#03F;
	text-decoration: none;
	font-weight: normal;
}
#left a:hover {
	color:#cc3300;
	text-decoration: underline;
	font-weight: normal;
}
#left a:active {
	color:#cc3300;
	text-decoration: none;
	font-weight: bold;
}


/* Sponsorzy i Patronat */
#right {
	float: right; 
	width: 200px; /* since this element is floated, a width must be given */
	background: url(../images/bgt.png); /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 0; /* top and bottom padding create visual space within this div */
	border: 1px solid #000000;
	border-radius: 5px;
	text-align:center;
	font-size:12px;
}

/* Odstępy w menu */
#left h3, #left p {
	margin: 0px 10px 10px 10px;
}
#right p, #right h3 {
	margin: 0px 10px 10px 10px;
}

/* Tekst podstrony */
#content {
 	margin: 0 220px 0 220px; /* Oddalenie od menu */
	background: url(../images/bgt.png);
	border: 1px dashed #000000;
	color:000;
} 
#content p {
	margin: 5px 10px;
	font-size: 12px;
}
#content h1 {
	margin:10px 0px 0px 0px;
	text-align:center;
	color:#000;
	font-size: 24px;
	background:#CCC;
}
#content a {
	color:#00F;
	text-decoration: none;
	font-weight: normal;
}
#content a:hover {
	color:#00F;
	text-decoration: underline;
	font-weight: normal;
}

/* Stopka */
#footer { 
	padding: 0 10px;
	margin:20px 0px 10px 0px;
	color:#000;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #000000;
	background: url(../images/bgt.png);
} 
#footer a {
	color:#03F;
	text-decoration: none;
	font-weight: normal;
}
#footer a:hover {
	color:#cc3300;
	text-decoration: none;
	font-weight: normal;
}


/*             */ 
/*    Inne     */ 
/*             */ 

#content h2 {
	margin:10px 0px 0px 0px;
	color:#000;
	font-size: 16px;
}
.left {
	width: 70%;
	float: left;
	text-align:left;
	background: url(../images/bgt2.png);
}
.right {
	width: 30%;
	float: right;
	text-align:right;
	background: url(../images/bgt2.png);
}

#left ul, ol {
   list-style: none;
}

#left li {
   line-height: 10px;
   padding-left: 15px;
   margin-left: -15px;
   padding-top: 0px;
   background-image: url(../images/bullet.gif) ;
   background-repeat: no-repeat;
   background-position: 0px 3px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}