/* :: znaczniki globalne */
html{
  width: 100%;
  margin: 0px; padding: 0px;
}
body{
  width: 100%;
  margin: 0px; padding: 0px;
  font: normal 11px verdana, sans-serif; color:#000000;
  background: rgb(222,230,179) url(graf/tlo_top_body.jpg) repeat-x top center;
}
img{
	display: block;
	border: 0px;
}
a{
	font-weight: bold;
	text-decoration: none;
	color: rgb(51,54,31);
	text-transform: uppercase;
}
a:hover{
	color: #388000;
}

/* :: top - wlacznie z cieniami zewnetrznymi */
#top{
	width: 780px; height:67px;
	margin: 0px auto; padding-top: 7px;
}
#top img{
	float: left;
}
#top img.right{
	float: right;
}

/* :: menu */
#menu{
	width: 758px; height:26px;
	margin: 0px auto;
	background: url(graf/tlo_menu.jpg) repeat-x;
}
#menu a{
	display: block; float: right;
	margin-top: 3px; padding: 4px 15px;
	border-left: 1px rgb(143,153,85) solid;
	font: bold 11px verdana, sans-serif; color: #FFFFFF;
}
#menu a:hover, #menu a.active{
	color: rgb(51,54,31);
}

/* :: ramka i content */
div.ramka{
	width: 750px;
	margin: 2px auto; padding: 4px;
	background: rgb(255,244,214);
}
#content{
	width: 728px;
	padding: 15px 10px;
	border: 1px rgb(239,230,191) solid;
	background: rgb(255,250,231);
}
#content p{
	text-align: justify;
}
#content p.autorstwa{
	font-style: italic;
	text-align: right;
}
#content h2{
	margin-top:0px;
	font-size: 17px; color: rgb(51,54,31);
	text-align: center;
}
#content ul.linki{
	margin-left: 30px;
	list-style: square;
}
#content ul.linki li{
	margin: 5px 0px;
	font-size: 12px;
}

/* :: boczny pasek trasa rowerowa */
#content div.sidebar{
	float: left;
	width: 280px;
	padding-right: 9px;
}
#content div.sidebar p{
	margin-top: 0px;
	margin-bottom: 12px;
	font-size: 12px;
	text-align: justify;
}

/* :: etapy */
#content div.etap{
	float: right;
	width: 425px;
	padding-bottom: 4px; padding-left: 10px;
	border-bottom: 1px rgb(239,230,191) solid;
	border-left: 1px rgb(239,230,191) solid;	
	vertical-align: middle;
}
#content div.etap h3{
	font-size: 14px;
	text-align: center;
	margin: 0px;
	margin-top: 10px;
}
#content div.etap img{
	float: left;
	padding: 3px 0px; padding-right: 10px;	
}
#content div.etap img.duzy{
	margin-top: 10px;
}
#content div.etap p{
	margin-top: 7px;
	line-height: 14px;
	text-align: justify;
}
div#linki{
  text-align: center; margin: 10px 0px 5px; font-size: 9px;
}

#promofoot  {
position:fixed;
top:200px;
right:0;
display:block;
height:200px;
widht: 50px;
}
#promofoot li {
display:block;
margin-bottom: 10px;
list-style:none outside none;
}