/* Warszawska Misja Ochotnicza - projekt i wykonanie JARKOM */

body{margin:0; padding:0; background:#FFF; text-align:center; font-family:Trebuchet MS, Arial, Verdana, sans-serif; font-size:13px; line-height:21px; color:#444;}

img{border:0;}

h1, .title{font-weight:bold; color:#61C100; font-size:25px; padding:0 0 10px; margin:0; line-height:35px}
h2{clear:both; font-size:19px; color:#0070A6; margin:0; padding:35px 0 10px;}
	h2 span{font-weight:normal; font-size:17px;}

p{padding:0; margin:12px 0;}

a{color:#499300;}
a:hover{color:#0070A6}


/* HEADER ----------------------------- */
#header{position:relative; width:960px; height:150px; margin:0 auto; text-align:left; background:url(/images/header.jpg) center top no-repeat;}
	
	.logo{margin:17px 0 0 40px;}
	
	ul#topmenu{position:absolute; top:95px; left:157px; list-style:none; margin:0; padding:0; text-align:center;}
		ul#topmenu li{float:left;}
		ul#topmenu li a{display:block; padding:12px 16px 1px; color:#FFF !important; text-decoration:none; line-height:10px;}
			ul#topmenu li a:hover{background:#0076AE;}
		
		ul#topmenu li.active{background:url(/images/menutop_active.jpg) no-repeat right top #FFF;}	
			ul#topmenu li.active a, ul#topmenu li.active a:hover{padding-bottom:6px; margin-bottom:13px; background:url(/images/menutop_activel.jpg) no-repeat left top; color:#0070A6 !important;}
			
			.boat{position:absolute; right:-13px; top:28px}
			
			
/* CONTENT ----------------------------- */
#wrapper{width:960px; margin:0 auto; padding-top:35px; text-align:left;}
	.content{margin:0 60px;}
	.content2{margin:0 0 0 60px;}

	
.color{font-weight:bold; color:#0070A6;}

.col01{float:left; width:420px; margin-right:60px}
.col02{float:left; width:360px;}
	


/* STRONA GŁÓWNA ----------------------------- */
ul.menu{list-style:none; margin:12px 0; padding:0;}
	ul.menu li{padding:2px 0 2px 25px; margin-bottom:2px; background:url(/images/bg-menu.jpg) left top no-repeat;}
		ul.menu li a{color:#444; text-decoration:none; position:relative; z-index:2}
		ul.menu li a:hover{color:#499300; text-decoration:underline}
		

/* OFERTA ----------------------------- */
.startpoint{float:left; text-align:center; padding:20px 53px 20px 0;}
	.startpoint .foto{width:162px; height:133px; border:1px solid #ABC1C9;}
		.startpoint .foto img{margin-top:7px}
	.startpoint h2{font-size:14px; padding:0; margin:4px 0 0;}
	
	.fotos img{margin:10px 20px; border:1px solid #ABC1C9;}
	
	.fotos2{text-align:center;}
		.fotos2 img{border:1px solid #ABC1C9;}
		
	.list{clear:both; padding-top:12px;}
	.fotos04{float:left; margin:0 40px 12px 0;}
	
	.list2{float:left; width:520px;}
	.fotos05{float:left; margin:0 20px 12px 0; border:1px solid #ABC1C9;}
	
	.fotos06{text-align:center}
	
.table{border:0; border-left:1px solid #ABC1C9; border-top:1px solid #ABC1C9; text-align:center;}
	.table td, .table th{padding:5px; border-right:1px solid #ABC1C9; border-bottom:1px solid #ABC1C9}
	.table th{background:#E1E9EC; font-weight:bold;} 
	
.table01{width:100%}
.table02{float:left; width:350px; margin-top:12px;}
.table03{float:left; margin-top:12px;}
.table04{width:300px;}

.table04-position{text-align:center}
	.table04-position .table{margin:0 auto 20px;}

a.link{float:right; margin-top:20px; font-size:15px; font-weight:bold;}

			
/* FOOTER ----------------------------- */			
#footer-wrapper{position:relative; clear:both; width:960px; margin:0 auto; padding-top:45px;}
	#footer{margin:0 10px; padding:20px 30px 30px 50px; color:#608895; background:url(/images/bg-footer.jpg) center top no-repeat #E9EFF1; text-align:left;}
	
	#footer a{color:#608895; text-decoration:none;}
	#footer a:hover{text-decoration:underline;}
	
		#footer ul{list-style:none; margin:7px 0 0; padding:0;}
			#footer ul li{display:inline;}
				#footer ul li.active a{font-weight:bold;}
		
	.jarkom{position:relative; float:right; margin-top:7px; z-index:2}
	
	.boat-big{position:absolute; bottom:-15px; right:20px; z-index:1}