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

body{margin:0; padding:0; background:#FFF; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; color:#363625; }

img{border:0;}

ul, ol, li { margin:0; padding:0; }

a { color:#003C72 }
	a:hover { color:#C00; }
	
p { margin:14px 0; padding:0; }
	
h1 { padding:0; margin:15px 0; font-size:32px; line-height:32px; font-family:Tahoma, Arial; font-weight:normal; color:#F3BE07; }
h2 { padding:20px 0 0; margin:0; font-family:Tahoma, Arial; font-size:21px; font-weight:normal; }
	h1 a, h2 a { border-bottom:1px solid #94ADC4; text-decoration:none; }
	h1 a:hover, h2 a:hover { border-bottom:1px solid #C00; }
	
h3 { padding:20px 0 0; margin:0; font-family:Tahoma, Arial; font-size:15px; font-weight:bold; }

/* LAYOUT ----------------------------- */
#wrapper { width:970px; padding:0 5px 50px; margin:0 auto; text-align:left; }
.clear { clear:both; height:1px; line-height:1px; font-size:1px; }
	

/* HEADER ----------------------------- */
#header-wrapper { background:url(/images/bg-header.jpg) repeat-x left top; }
	#header { width:970px; padding:0 5px; margin:0 auto; text-align:left; }
		.logo { float:left; margin-top:14px; }
		
		ul#topmenu { float:right; list-style:none; }
			ul#topmenu li { float:left; font-size:17px; font-family:Tahoma, Arial; }
				ul#topmenu li a { display:block; float:left; padding:30px 10px 18px; color:#FFF; text-decoration:none; zoom:1; }
					ul#topmenu li a:hover { background:#2762A8; }
					ul#topmenu li.active a, ul#topmenu li.active a:hover { background:url(/images/bg-topmenu-active.jpg) repeat-x left top;}
					
		ul#categories { clear:both; height:215px; list-style:none; border-bottom:5px solid #F1F2EC; }
			ul#categories li { float:left; font-family:Tahoma; font-size:15px; }
				ul#categories li a, ul#categories li span { display:block; float:left; padding:20px 10px 18px; text-align:center; text-decoration:none; zoom:1; }
				ul#categories li a:hover { color:#F3BE07; font-weight:bold; border-bottom:5px solid #F3BE07; }
				ul#categories li.active a { background:url(/images/bg-icon-active.jpg) repeat-x left bottom; }	
				ul#categories li span { color:#B9BB99; }			
				

/* STRONA GŁÓWNA ----------------------------- */
#baner { padding-bottom:25px; }
	#baner h1, #baner h1 a { margin:0; padding:0; border:0; }

.box-index { float:left; margin-top:10px; }
	.box-index h2 { margin:15px 0 20px; padding:0; }
	.box01 { width:323px; }
	.box02 { width:261px; height:321px; padding:0 30px; border-bottom:1px solid #E4E7DC; border-right:1px solid #E4E7DC }
		.box02 a { border-bottom:1px solid #94ADC4; text-decoration:none; }
		.box02 a:hover { border-bottom:1px solid #C00; }
		
		.cennik-index { width:100% }

/* TABELKI ----------------------------- */	
.table td, .table th { padding:2px 10px }
	.table th { background:#DDE0CF; font-weight:bold; font-size:12px; }
	.table td.right, .table th.right { text-align:right; }
	.table tr.bg td { background:#F1F2EC }
	
.table-faq { width:400px; margin-bottom:15px; }

.cennik { width:500px; margin:10px 30px 10px 0; }
	.cennik td, .cennik th { padding:3px 10px; }
		
		
/* STRONA OPISOWA ----------------------------- */
#content01 { padding:20px 110px 0 }
	#content01 ul, #content01 ol { margin:10px 0 10px 40px; }		
	#content01 h2 { font-size:17px; }
	
	#content01 a { border-bottom:1px solid #94ADC4; text-decoration:none; }
		#content01 a:hover { border-bottom:1px solid #C00; }
		
	#content01 .obfuscator, #content01 .obfuscator:hover { border-bottom:0; }
		#content01 .obfuscator img { vertical-align:baseline; margin-bottom:-3px; }
		
#content01.content02 { padding:20px 0 0; }
		
/* OFERTA ----------------------------- */
.photobook-category { position:relative; float:left; width:430px; padding:10px 20px; margin:20px 7px 0 7px; background:url(/images/bg-photobook-category.gif) no-repeat left top; }
	.photobook-category .icon { float:left; margin:10px 15px 15px 10px; }
	.photobook-category p { position:absolute; width:210px; top:37px; left:220px; line-height:19px; }
	.photobook-category .button-photobook { clear:left; text-align:center; }
		#content01 .photobook-category .button-photobook a { border-bottom:none; }
		
.photobook-video { float:right; margin-left:20px;  }
.photobook-form { padding:15px 0; text-align:center; }

.photobook-order { float:right; width:320px; padding:0 15px 10px 25px; margin:0 0 50px 20px; border:1px solid #E4E6DB; }
	.button-creative-photos { text-align:center; }
		#content01 .button-creative-photos a, #content01 .button-photosender a { border-bottom:0; }
		.button-creative-photos img, .button-photosender img { padding-top:10px; }
		.button-photosender { text-align:center; }
		
/* PROMOCJE ----------------------------- */
.promotion-list { clear:both; padding:20px 0; border-bottom:1px solid #E4E6DB; }
	.promotion-foto { float:left; width:250px; margin-right:20px; }
	.promotion-content { margin-left:270px; }
		
/* KONTAKT ----------------------------- */
#mapka { float:left; margin-right:40px; }		
		
/* FOOTER ----------------------------- */
#footer-wrapper { clear:both; padding:20px 0 30px; font-size:12px; background:url(/images/bg-footer.jpg) repeat-x left top; }
	#footer { width:970px; padding:0 5px; margin:0 auto; text-align:left; }
	
	#footer-contact { float:left; }
		#footer-contact img { vertical-align:baseline;  margin-bottom:-3px;}
	#footer-box { text-align:right; }
		#footer-box a { border-bottom:1px solid #94ADC4; text-decoration:none; }
		#footer-box a:hover { border-bottom:1px solid #C00; }
		#footer-box ul { list-style:none; }
			#footer-box ul li { display:inline; }
				#footer-box ul li span { margin:0 5px; }
				
	#jarkom { clear:both; text-align:right; padding-top:15px; }
		#jarkom img { vertical-align:baseline; margin-bottom:-2px; }