/* układ strony */
body {
	margin: 0px;
	padding: 0px;
	background-image:url(./pliki/body_bg.gif);
	background-repeat:repeat-x;
	background-color:#474747;
	font-family:verdana, arial, helvetica, sans-serif;
}
#container {
	float:left;
	margin:0;
	padding: 0;
	width:951px;
	background-image: url(./pliki/container_bg.gif); 
	background-repeat: repeat-y;
	padding-left:4px;
	border-right:1px solid #727272;
	border-bottom: 2px solid #505050;
	margin-bottom:20px;
}
#header {
	float:left;
	width:955px;
	height:75px;
	background-image:url(./pliki/baner.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 2px -4px !important; 	margin:0px 0px 6px -2px;
	padding: 0px;
	border-bottom: 3px solid #f6edd0;
}
#leftColumn {
	background-color:#6b859f;	
	float:left;
	width:256px;
	font: normal 1em verdana;
	margin:-2px 0px 3px 0px !important; margin:-6px 0px 3px 0px;
}
#centerColumn {
	float:left;
	width:497px !important; width:499px;
	margin:0px;
	border:0px;
}
#rightColumn {
	float:right;
	width:195px !important; width: 195px;
	margin: -40px 0 0 5px !important; margin: -30px -5px 0 10px;
	}
#footer {
	padding:1px 0px 0px 0px !important;padding: 1px 0px 8px 0px;
	margin:0 195px 0px -5px;
	background-color: #4b657f; 
	text-align:center;
	color:#666;
	position:relative;
	clear:both;
}	
/* koniec - układ strony*/
/*--------------------------------------------------------------------------------------------------*/
/* nagłówek */
#header h1, h2 {
	margin:0px; 
	padding:0 0 0 75px; 
	text-transform:uppercase; 
	font-weight: bold;
}
#header h1 { 
	font-size: 14pt; 
	padding-top: 15px 
}
#header h2 { 
	font-size: 7pt; 
	letter-spacing: 0.5px
}
 #topNav {
	width:760px;
	height:15px;
	text-align:center;
	padding: 1px 40px 0px 30px !important; padding: 1px 0px 0px 0px;
	margin-right:0px !important; margin:0px 0px 0px -2px;

}
#topNav ul, #topNav li {
	list-style: none inside none;
	display:inline;
	margin:0px 0px 0px 10px;
	padding:0px;
}
#topNav ul{
	padding:0px !important;padding-left:30px;
}
#topNav a {
	font: bold 9px/9px verdana;
	color:#eaecde;
	padding:0px;
	margin:0px 10px 0px 10px !important;margin:0px 15px 0px 10px;
	text-transform:uppercase;
	text-decoration:none;
	vertical-align:top;
	text-align:center;
}
#topNav a:hover {
	color:#a9afa0;
}
/* koniec nagłówka */
/*--------------------------------------------------------------------------------------------------*/
/*lewa kolumna*/

#leftNav{
	padding:0px;
	margin: 0px 0px -5px 0px !important; margin:0px 0px -5px 0px;
	border-bottom:5px solid #b4c2cd;
}
#leftNav dl {
	margin: 15px 0px 0px 15px;
	padding: 0px 5px 0px 0px;
}
#leftNav dt, #mainNav dt a{
	margin:0px;
	padding:0px 0 3px 0;
	text-transform: uppercase;	
	text-decoration:none;
	color:#ddd;	
}
#leftNav dd{
	font:normal 0.7em/0.9em verdana;
	margin: -5px 0px 5px 0px;
	padding:0px 0 10px 0;
	color:#bbb;	
}
#leftNav a {
	font: bold 10px/11px verdana;
	color:#eaecde;
	padding:0px;
	margin:0px 10px 0px 0px !important;margin:0px 15px 0px 0px;
	text-transform:uppercase;
	text-decoration:none;
	vertical-align:top;
	text-align:center;
}
#leftNav a:hover {
	color:#a9afa0;
	text-decoration:underline;
}

#headlines{
	padding:0px;
	margin: 0px 0px -5px 0px !important; margin:0px 0px -5px 0px;
	border-bottom:5px solid #b4c2cd;
	background-color: #fff;
}
#headlines h1{
	margin: 0px;
	text-align: center;
	background-color: #000;
	font: bold 10px/11px verdana;
	text-transform:uppercase;
	color: #fff;
	padding: 5px 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#headlines p.data {	
	margin: 10px 0px 0px 140px;
	font: bold 10px verdana;
	color: #000;
}
#headlines hr {
	margin: 5px 10px 5px -5px;
	height: 1px;
}

#headlines ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 10px 5px;
	vertical-align: middle;	
}
#headlines li, #headlines li a{
	list-style-type: square;
	font:bold 9px verdana;
	margin:0px;
	padding:2px 0;
	text-decoration:none;
	color:#000;	
}
.odsylacz {
	text-align: right;
	margin:0px 10px 5px 0px ;
	padding:0;
}
.odsylacz a {
	text-decoration:none;
	color:#4b657f;
	font:bold 9px verdana;	
}
#headlines a:hover {
	color:#a9afa0;
	text-decoration:underline;
}
.odsylacz a:hover {
	color:#4b657f;
	text-decoration:none;
}
/*koniec - lewa kolumna */
/*--------------------------------------------------------------------------------------------------*/
/*prawa kolumna*/
#rightColumn h1 {
	text-align:center;
	font: bold 0.6em/0.9em verdana; 
	text-transform: uppercase; 
	background-color: #4b657f; 
	color: #fff; 
	padding: 5px; 
}
#rightColumn ul {
	margin:0;
	padding: 0px 5px;
}
#rightColumn li {
	margin:0; 
	font-size: 7pt;
} 
/*koniec - prawa kolumna*/
/*--------------------------------------------------------------------------------------------------*/
/*stopka*/
#footer a {
	font: normal .7em verdana;
	color:#eaecde;
	text-decoration:none;
	margin-right:30px;
	margin-bottom:0px;
}
#footer ul li{
	list-style: none;
	display:inline;
	margin:0px;
	padding:0px;
}
#footer ul{
	padding: 5px !important;padding:2px;
	margin:0px;
}
#footer a:hover {
	text-decoration:underline;
}
/*koniec stopka*/
/*--------------------------------------------------------------------------------------------------*/
/*licznik*/
div#licznik {
	text-transform:uppercase; 
	margin: 5px 0;	
}
div#licznik  p {
	float: left; 
	margin: 5px 2px 0px 20px; 
	padding: 0px; 
	font: bold 9px/10px verdana;
}

/*koniec licznik*/
/*--------------------------------------------------------------------------------------------------*/
/*kalendarz*/
div#calendar h1{
	margin: 0px 0px 5px 0px;
}

div#calendar  { 
	position: absolute;
	top: 80px;
	left: 760px;
	width: 195px;
}
/*--------------------------------------------------------------------------------------------------*/
/*pogoda*/
div#weather h1{
	margin: 0px 0px 5px 0px;
}

div#weather  { 
	position: absolute;
	top: 470px;
	left: 760px;
	width: 195px;
}
div#weather div{
	position: relative; 
	font-size: 12px;
	text-align: center;
}
div#weather div.data {
	font-weight: bold;
	font-size: 10px;
}
div#weather div.chmurka {
	font-size: 10px;
}
div#weather div.opis{
	font-size: 10px;
}
div#weather div.temp{
	font-size: 10px;
}
div#weather div.czynnik{
	font-size: 10px;
}
div#weather div.faza{ 
	font-size: 10px;
}
div#weather div.slonce{
	font-size: 10px;
}
div#weather div.wiatr{
	font-size: 10px;
}
/*--------------------------------------------------------------------------------------------------*/