@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------------------------ */
/* common */

	.f10 { font-size:10px !important }
	.f11 { font-size:11px !important }
	.f12 { font-size:12px !important }
	.f13 { font-size:13px !important }
	.f14 { font-size:14px !important }
	.f15 { font-size:15px !important }
	.f16 { font-size:16px !important }
	.f17 { font-size:17px !important }
	.f18 { font-size:18px !important }
	.f27 { font-size:27px !important }	
	
	.upper { text-transform:uppercase !important }
	
	.pb0 { padding-bottom:0 !important }
	.pt0 { padding-top:0 !important }
	.pt5 { padding-top:5px !important }
	.pb5 { padding-bottom:5px !important }
	.pb10 { padding-bottom:10px !important }
	.pt10 { padding-top:10px !important }
	.p10 { padding:10px }
	
	.m10 { margin:10px }
	.mb0 { margin-bottom:0 !important }
	.mt0 { margin-top:0 !important }
	.mt5 { margin-top:5px !important }
	.mb5 { margin-bottom:5px !important }
	.mb10 { margin-bottom:10px !important }
	.mt10 { margin-top:10px !important }
	
	.ct { text-align:center !important }
	.rt { text-align:right !important }
	.lt { text-align:left !important }
	.fl { float:left; display:inline }
	.fr { float:right; display:inline }
	.fn { float:none !important }
	.db { display:block !important }
	.cl { clear:left !important }
	.cr { clear:right !important }
	.cb { clear:both !important }
	.cboh { clear:both; overflow:hidden }
	* html .cboh { height:1% }
	.clra:after { display:block; clear:both; content:'' }

	.bold { font-weight:bold !important }
	.color01 { color:#f40314 !important }
	.color02 { color:#DC0503 !important }
	
	input, select, textarea { font:12px Arial, "Helvetica Neue", Helvetica, sans-serif }
	
/* ------------------------------------------------------------------ */
/* layout */	
	
	body { background:#d6d9df url(http://i.wp.pl/a/i/navipunkt2009/background.gif) repeat-x 0 0 }	
	body * { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif }

	#absContainer {
		margin: 0 auto;
		clear:both;
		background:url(http://i.wp.pl/a/i/navipunkt2009/top_bg.jpg) no-repeat 50% 0;
		width: 990px;
	}

	#stgMain {
		width:986px;
		margin:0 auto;
		background:url(http://i.wp.pl/a/i/navipunkt2009/stgmain_bg.gif) repeat-y 0 0
	}
	
	#wpFooter {
		width:986px;
		margin:0 auto;
		background:url(http://i.wp.pl/a/i/navipunkt2009/footer_bg.gif) no-repeat 0 0;
		border:0;
		padding-top:20px
	}
	
	body#mainPage #wpFooter { background:none }
	
	div.stgMain-hd {
		clear:both;
		height:22px;
		background:url(http://i.wp.pl/a/i/navipunkt2009/stgmain_hd.gif) no-repeat 0 0;
		padding:28px 40px 0
	}
	
	div.stgMain-hd h1 {
		color:#f40314;
		font:bold 18px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	
	div.stgMain-body {
		clear:both;
		padding:20px 40px;
		overflow:hidden;
	}
	
	* html div.stgMain-body { height:1% }

	
/* ------------------------------------------------------------------ */
/* header */

	#header {
		width:986px;
		height:88px;
		margin:0 auto;
		position:relative
	}
	
	#logoNavipunkt { position:absolute; top:22px; left:33px }
	#logoWp { position:absolute; top:21px; right:10px }

	#bannerTop {
		width:986px;
		height:371px;
		background:url(http://i.wp.pl/a/i/navipunkt2009/topbanner_bg.jpg) no-repeat 0 0;
		margin:0 auto		
	}
	
	#bannerTopContent {	clear:both; position:relative }
	
	#bannerAnim {
		width:592px; 
		height:327px; 
		margin:0 0 0 21px
 	}	
	
/* ------------------------------------------------------------------ */
/* spacers */

	div.spacer {
		clear:both;
		margin-bottom:10px;
		padding-top:10px;
		font-size:0;
		line-height:0;
		height:1px;
	}
	
	div.spacer-dot01 { background:url(http://i.wp.pl/a/i/navipunkt2009/spacer_dot01.gif) repeat-x 0 100% }	


/* ------------------------------------------------------------------ */
/* footer */

	#wpFooter a:link, #wpFooter a:active, #wpFooter a:visited { color:#5270bb }


/* ------------------------------------------------------------------ */
/* text container */

	div.text-container p, div.text-container li, div.text-container label/* , div.text-container a */ {
		font:14px/16px Arial, "Helvetica Neue", Helvetica, sans-serif;
		padding-bottom:7px;
		color:#000
	}
	div.text-container p strong { font-size: 15px !important }

	div.text-container a { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif }
	
	div.text-container h1 {
		color:#f40314;
		font:bold 18px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
	}	
	
	div.text-container li { padding-bottom:5px }
	
	div.text-container ul li { 
		background:url(http://i.wp.pl/a/i/navipunkt2009/dot01.gif) no-repeat 0 6px;
		padding-left:15px;
	}
	
	div.text-container a { color:#1f5cd8; text-decoration:underline }
	div.text-container a:hover {		
		color:#6c96ed;
		text-decoration:underline
	}				

	div.text-container ol { list-style-type:decimal }
	div.text-container ol li { background:none; padding-left:0  }

	div.text-container ul, div.text-container ol {		
		margin-left:25px;
		margin-bottom:10px;
	}	

	div.text-container ul { list-style-type:none }	

	div.text-container p.term {
		font:bold 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
		color:#F40314;
		margin:0 0 10px
	}

	div.text-container p.definition { margin:0 0 10px }

	
	
/* ------------------------------------------------------------------ */
/* menu top */
	
	#menu-top {
		position: relative;
		clear:both;
		height:37px;
		margin-left:270px;
		z-index: 9999
	}

	#menu-top ul {
		margin:0;
		padding:0;
		list-style-type:none
	}
	
	#menu-top ul li { float:left; display:inline }
	
	#menu-top ul li a {
		width:114px;
		display:inline;
		height:26px;
		float:left;
		color:#333;
		font:bold 12px Tahoma, Geneva, Verdana, sans-serif;
		text-decoration:none;
		padding:11px 0 0;
		text-align:center;
		background:url(http://i.wp.pl/a/i/navipunkt2009/menu_sprites.gif) no-repeat 0 -37px;
		margin:0 4px 0 0
	}	
	
	#menu-top ul li a:hover { background:url(http://i.wp.pl/a/i/navipunkt2009/menu_sprites.gif) no-repeat 0 -74px }	
	#menu-top ul li.on a, #menu-top ul li.on a:hover { color:#fff; background:url(http://i.wp.pl/a/i/navipunkt2009/menu_sprites.gif) no-repeat 0 0 }	

	
	/* sub menu */
	
	#menu-top div.outlinemenu {
		position: absolute;
		top: 36px;
		display:none;
		width:115px;
		overflow-x:hidden;	
		clear:both; 
		border:1px solid #fff
	}
	
	* html #menu-top div.outlinemenu div.outlinemenu-body { height:1% }

	#menu-top div.outlinemenu ul {
		list-style-type: none;
		margin:0;
		padding:0;
	}
	
	#menu-top div.outlinemenu ul li {
		clear:both;
		display:block;
	}
	
	#menu-top div.outlinemenu ul li a {
		clear:both;
		width:75px;
		height:auto;
		display:block;
		font:bold 11px Tahoma, Geneva, Verdana, sans-serif;
		color:#fff;
		padding:9px 15px 9px 25px;
		background:#d50620 url(http://i.wp.pl/a/i/navipunkt2009/outlinemenu_bg.gif) no-repeat 0 0;
		text-align:left;
	}
	
	#menu-top div.outlinemenu ul li a:hover{
		color:#000;
		background:#e0dfdf url(http://i.wp.pl/a/i/navipunkt2009/outlinemenu_bg.gif) no-repeat 0 -60px;
	}

	* html #menu-top div.outlinemenu li {height: 1%; }
	* html #menu-top div.outlinemenu li a { height: 1%; }
	
	#menu-top #mymenu2 { left: 121px }
	#menu-top #mymenu3 { left: 242px }	
	
/* ------------------------------------------------------------------ */
/* accordion */	
	
	#accordion { 
		width:306px;
		position:absolute; 
		top:30px; 
		right:40px
	}
	
	#accordion div.set div.content {
		clear:both;
		width:276px;
		height:128px;
		background:url(http://i.wp.pl/a/i/navipunkt2009/accordian_sprites.gif) no-repeat 0 -74px;
		overflow:hidden;
		padding:10px 15px;
		
	}
	
	#accordion div.set div.content * { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif }
	
	#accordion div.set div.content p {
		margin-bottom:5px;
		color:#455052;
		font:12px Arial, "Helvetica Neue", Helvetica, sans-serif
	}
	
	#accordion div.set div.content p a {
		color:#1f5cd8;
		text-decoration:underline;
		font:12px Arial, "Helvetica Neue", Helvetica, sans-serif
	}

	#accordion div.set div.content p a:hover { color:#6C96ED }

	#accordion div.set div.content a.more {
		font:bold 11px Arial, "Helvetica Neue", Helvetica, sans-serif;
		color:#f20016;
		padding-right:10px;
		background:url(http://i.wp.pl/a/i/navipunkt2009/arrow_more.gif) no-repeat 100% 5px
	}

	#accordion div.set div.title {
		clear:both;
		height:27px;
		background:url(http://i.wp.pl/a/i/navipunkt2009/accordian_sprites.gif) no-repeat 0 -37px;
		color:#333;
		font:bold 13px Arial, "Helvetica Neue", Helvetica, sans-serif;
		padding:10px 0 0 20px
	}
	
	#accordion div.set div.on {
		background:url(http://i.wp.pl/a/i/navipunkt2009/accordian_sprites.gif) no-repeat 0 0;
		color:#fff
	}	
	
	
/* ------------------------------------------------------------------ */
/* main */		
	
	div.main-banners {
		clear:both;
		overflow:hidden;
		width:986px;
		margin:0 auto
	}
	
	* html div.main-banners { height:1% }
	
	div.main-banners div {
		height:183px;
		float:left;
		display:inline;
	}
	
	div.main-banners div.main-banner01 { width:329px }
	div.main-banners div.main-banner01 { width:326px }
	div.main-banners div.main-banner01 { width:329px }
	
	
/* ------------------------------------------------------------------ */
/* sub banners */		
	
	div.sub-banners {
		width:276px;
		position:absolute;
		right:45px;
		top:30px
	}
	
	div.sub-banners div {
		width:276px;
		height:84px;
		float:left;
		display:inline;
		margin-bottom:3px
	}
	
	div.sub-banners div.sub-banner01 {}
	div.sub-banners div.sub-banner02 {}
	div.sub-banners div.sub-banner03 {}	

/* ------------------------------------------------------------------ */
/* steps */		
	
	div.step-hd {
		clear:both;
		overflow:hidden;
		font:normal 18px/35px Arial, "Helvetica Neue", Helvetica, sans-serif;
		color:#000
	}
	
	div.step-hd * { font:normal 18px/35px Arial, "Helvetica Neue", Helvetica, sans-serif; }
	
	div.step-hd strong { font:bold 18px/35px Arial, "Helvetica Neue", Helvetica, sans-serif; }
	
	* html div.step-hd { height:1% }
	
	div.step {
		width:37px;
		height:35px;
		background:url(http://i.wp.pl/a/i/navipunkt2009/steps_bg.gif) no-repeat 0 0;
		color:#fff;
		font:bold 30px Arial, "Helvetica Neue", Helvetica, sans-serif;
		text-align:center;
		float:left;
		display:inline;
		margin-right:20px
	}
	
	div.step-body { margin:10px 0 0 58px }
	
	div.step1 {
		position: relative;
		padding-bottom: 20px;
		background:url(http://i.wp.pl/a/i/navipunkt2009/steps_bg.jpg) no-repeat 40px 30px; 
		overflow:hidden; 
		clear:both;
	}
	
	div.step1 .sms-msg {
		position: absolute;
		top: 95px;
		left: 100px;
		width: 90px;
		font-size: 11px;
		text-align: center;
	}
	
	div.step1 .sms-msg strong { font-size: 12px }
	
	* html div.step1 { height:1% }
	
	div.step1 div.cell-1 { float:left; display:inline; width:40% }	
	div.step1 div.cell-2 { float:right; display:inline;	width:38% }	
	div.step1 div.cell-1 div { padding:120px 0 0 135px }
	div.step1 div.cell-2 div { padding:140px 40px 0 0 }

	
/* ------------------------------------------------------------------ */
/* abonament */		
		
	table.abnmt-types { width:100%; margin:20px 0 }
	table.abnmt-types tr.dark td { background:#f3f4f6 }

	table.abnmt-types th {
		padding:8px 15px;
		background:#dfe2e6;
		font:bold 12px Tahoma, Geneva, Verdana, sans-serif;
		color:#000;
		text-transform:uppercase;
		text-align:center;
		border-right:2px solid #fff
	}

	table.abnmt-types td {
		padding:8px 15px;
		font:12px Tahoma, Geneva, Verdana, sans-serif;
		text-align:left;
		border-right:2px solid #fff
	}
	
	table.abnmt-types td a { color:#f40314; font-weight:bold }
	
	table.abnmt-types td.title { width:200px }
	table.abnmt-types td.desc { width:430px }
	table.abnmt-types td.price { white-space:nowrap }
	
	
/* ------------------------------------------------------------------ */
/* apmodel */		

	#apmodel {
		border:1px solid #ccc; 
		background:#f0f0f0; 
		padding:20px; 
		font:12px Arial, 'Helvetica Neue', Helvetica, sans-serif; 
		margin:20px 0	
	}
	
	#apmodel h1 {
		font:bold 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
		margin:20px 0 10px;
		color:#F40314
	}
	
	#apmodel h2 {
		font:bold 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
		margin:20px 0 10px;
	}	
	
	#apmodel h3 {
		font:bold 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
		margin:20px 0 10px
	}
	
	#apmodel img { margin:0 15px 10px 0 }	
	#apmodel td { vertical-align:top }	
	
	
/* ------------------------------------------------------------------ */
/* apmodel2 */	

	#apmodel2 {
		padding: 0;
		width: 140px;
		background:#f0f0f0; 
		font:12px Arial, 'Helvetica Neue', Helvetica, sans-serif; 
		overflow: hidden;	
	}

	#apmodel2 li.on { background-color: #f0f0f0 }
	
	#apmodel2 ul, #apmodel2-tabela ul {
		margin: 0 !important;
		padding: 0 !important
	}
	
	#apmodel2 ul li {
		margin: 2px;
		padding: 5px 0;
		text-transform: uppercase;
		color: #000;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
		text-align: center;
		background: #fff url();
		cursor: pointer
	}
	
	#apmodel2 li:hover {
		background-color: #f0f0f0
	}
	
	#apmodel2-tabela {
		margin: 10px 0 0 25px;
		width: 500px;
	}
	
	#apmodel2-tabela div { 
		display: none;
		padding: 10px 0 5px 15px;
		background-color: #f0f0f0;
		overflow: hidden
	}
	
	#apmodel2-tabela ul.html { float: left; width: 25% }
	#apmodel2-tabela ul.html li { background: none; overflow: hidden }
	#apmodel2-tabela ul.html li a { font-weight: bold; color: #f40314; text-decoration: none }	
	
	#apmodel2-tabela ul.instr li { background: none; overflow: hidden }
	#apmodel2-tabela ul.instr li a { font-weight: bold; color: #f40314; text-decoration: none }	
	
	#apmodel2-tabela ul.model {
		float: left;
		width: 50%;
		overflow: hidden
	}
	#apmodel2-tabela ul.model li,
	#apmodel2-tabela ul.instr li,
	#apmodel2-tabela ul.html li	{ height: 20px }
	
	
	#apmodel2-tabela ul li { background-position: 2px 6px }	


/* ------------------------------------------------------------------ */
/* form */	
	
	div.form-cnt table td {
		padding:5px 10px;
		color:#000
	}
	
	div.form-cnt table td input { vertical-align:middle }
	
	div.form-cnt input.text {
		padding:2px;
		font-size:12px;
		color:#333;
		border:1px solid #ccc
	}
	
	div.form-cnt table td.disclaimer {
		width:100%;
		padding-left:0
	}
	
	div.form-cnt div.error {
		clear:both;
		background:#FF0000;
		color:#fff;
		font:bold 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
		text-align:center;
		padding:5px 0;
		margin-bottom:10px
	}		
	
	div.form-cnt table td.disclaimer label {
		color:#666;
		font-size:11px
	}

dd { 
font:12px Arial, "Helvetica Neue", Helvetica, sans-serif; 
     margin-left:30px; 
     margin-bottom:10px;
color:#000000; 
      text-align:left
}

li dd { margin-left:0 }