/*
 ***********************************************************
 * arkusz styli dla strony przejsciowej (ident='interpage')
 ***********************************************************
 */
 
h1 { margin:10px 0; }

h2.noarrow { background:none; padding-left:0; }

.margintop2em { margin-top:2em; }
.margintop3em { margin-top:3em; }
 
ul#ultabs {
	margin-bottom:0;
	margin-right:3px; 
	height:48px;  }

		ul#ultabs li {	
			height:25px;
			line-height:1.2em; }
			
		ul#ultabs li.selected { 
			line-height:1.2em;
			height:27px; }
			
		ul#ultabs li#tab1 {
			border-bottom:1px solid #fff; 
			padding:10px 20px 10px 125px;
			background-image:url(../pic/tab_mampiko_inactive.gif);
			background-position:10px 10px;
			background-repeat:no-repeat;	}
		
		ul#ultabs li#tab1.selected { 
			border-bottom:1px solid #fff;
			padding:9px 20px 11px 125px;
			background-image:url(../pic/tab_mampiko_active.gif);
			background-position:10px 10px;
			background-repeat:no-repeat; }
		
		ul#ultabs li#tab2 { 
			border-bottom:1px solid #fff;
			padding: 10px 20px 10px 155px;
			background-image:url(../pic/tab_niemampiko_inactive.gif);
			background-position:10px 10px;
			background-repeat:no-repeat;	}
		
		ul#ultabs li#tab2.selected { 
			border-bottom:1px solid #fff;
			padding: 9px 20px 11px 155px;
			background-image:url(../pic/tab_niemampiko_active.gif);
			background-position:10px 10px;
			background-repeat:no-repeat; }


			
#tabs div.shadowbox div.content { 
	border:1px solid #C1CBD7; 
	border-top:none; }


			
#divtabs { }

		div#divtabs div.selected { padding-right:0; }			

#tab1txt div.innerpadding,
#tab2txt div.innerpadding {
	padding:0 10px 0 15px;
}

#tab1txt {  } /* treść zakładki 'mam iPKO' */

		#tab1txt .buybutton { 
			margin-top:3em;
			float:right;
			color:#464646;
			}

		#niemamipko_kroki,
		#mamipko_kroki {
			padding:2em 0 0 15px;
			position:relative;
			z-index:10;
			margin:0; 
			background:url(../pic/interpage_5krokow_bg.gif) 15px 2em no-repeat;
			height:61px; }



			
		#niemamipko_kroki {
			position:relative;
			z-index:10;
			margin:0; 
			background:url(../pic/interpage_4kroki_bg.gif) 15px 2em no-repeat;
			height:61px; }
			
	
				#niemamipko_kroki div.item,
				#mamipko_kroki div.item {
					position:relative;
					cursor:pointer;
					float:left;
					font-weight:bold;
					padding:0 0 0 25px; }

						#niemamipko_kroki div.item img,
						#mamipko_kroki div.item img	{
							margin-top:3px;
							display:inline;	}
	
				#niemamipko_kroki div.krok0,
				#mamipko_kroki div.krok0 { 
					width:59px;
					font-weight:bold;
					float:left;
					padding:0 0 0 25px; }
					
				#niemamipko_kroki div.krok1,
				#mamipko_kroki div.krok1 { width:106px; }
				
				#niemamipko_kroki div.krok2,
				#mamipko_kroki div.krok2 { width:100px; }
				
				#niemamipko_kroki div.krok3,
				#mamipko_kroki div.krok3 { width:83px; }
				
				#niemamipko_kroki div.krok4,
				#mamipko_kroki div.krok4 { width:123px; }
				
				#niemamipko_kroki div.krok5,
				#mamipko_kroki div.krok5 { width:83px;	}
				
						#niemamipko_kroki div div.tooltip,
						#mamipko_kroki div div.tooltip {
							display:none;
							font-weight:normal;
							width:454px; 
							padding:0;
							z-index:20;
							position:absolute;
							top:50px;
							left:-125px; }
							
						#niemamipko_kroki div div.displayblock,
						#mamipko_kroki div div.displayblock { display:block; }
						
						/*
						#niemamipko_kroki div div.displaynone,
						#mamipko_kroki div div.displaynone { display:none; }
						*/
							
								#niemamipko_kroki div div.tooltip div.top,
								#mamipko_kroki div div.tooltip div.top {
									background:url(../pic/interpage_tooltip_bg_top.gif) left top no-repeat;
									height:17px;	}
								
								#niemamipko_kroki div div.tooltip div.middle,
								#mamipko_kroki div div.tooltip div.middle {
									width:90%;
									padding:1em 5% 1px;
									background:url(../pic/interpage_tooltip_bg_middle.gif) left repeat-y;	}
									
										#niemamipko_kroki div div.tooltip div.middle h2,
										#mamipko_kroki div div.tooltip div.middle h2 { margin-top:0; }
								
								#niemamipko_kroki div div.tooltip div.bottom,
								#mamipko_kroki div div.tooltip div.bottom {
									height:4px;
									background:url(../pic/interpage_tooltip_bg_bottom.gif) left top no-repeat; }
				


#tab2txt {  } /* treść zakładki 'nie mam iPKO' */

		#tab2txt .buybutton {
			float:right;
			margin-top:3em;
			margin-right:105px;
			margin-left:20px;
			color:#464646;
			}

div.bottom_text { border-top:1px solid #C1CBD7; }

		div.bottom_text p.textaligncenter {
			color:#555;
			text-align:Center;
			margin:0;
			padding:1em; }