@charset "UTF-8";
/* CSS Document */

body {
	background:#fff url(../i/bg.png) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	padding:0;
	margin:0;
}

div#noscript {
	padding:3em;
	text-align:center;
}

a img {
	border:0;
}

.left {
	float:left;
}

.right {
	float:right;
}

.text-left {
	text-align:left;
}

.text-right {
	text-align:right;
}

.hidden {
	display:none;
}

div.main {
	background:url(../i/bg_top.png) top center no-repeat;
	display:block;
	position:relative;
	width:960px;
	margin:0 auto;
	min-height:150px;
}

div.top {
	width:100%;
	display:block;
	height:126px;
}
	div.top div.logo {
		display:inline-block;
		float:left;
		margin-top:26px;
	}
	
	div.top div.desc {
		display:inline-block;
		float:right;
	}

ul.nav {
	background:url(../i/bg_top-menu.png) top center no-repeat;
	display:block;
	clear:both;
	width:100%;
	height:33px;
	list-style:none;
	margin:0;
	margin-top:5px;
	margin-bottom:8px;
	padding:0;
}

	ul.nav li {
		display:inline-block;
		float:left;
	}
	
		ul.nav li span {
			display:none;
		}
	
	ul.nav li#phase0 {
		background:url(../i/txt_postep.png) center left no-repeat;
		width:60px;
		height:33px;
		margin-left:70px;
	}

	ul.nav li#phase1 {
		background:url(../i/txt_wybierz-pakiet.png) left -12px no-repeat;
		width:139px;
		height:12px;
		margin-left:50px;
		margin-top:9px;
	}

	ul.nav li#phase2 {
		background:url(../i/txt_opcje-dodatkowe.png) left -12px no-repeat;
		width:168px;
		height:12px;
		margin-left:50px;
		margin-top:9px;
	}
	
	ul.nav li#phase3 {
		background:url(../i/txt_sprzet.png) left -14px no-repeat;
		width:73px;
		height:14px;
		margin-left:50px;
		margin-top:9px;
	}

	ul.nav li#phase4 {
		background:url(../i/txt_wyslij-dane.png) left -13px no-repeat;
		width:120px;
		height:13px;
		margin-left:50px;
		margin-top:8px;
	}

		ul.nav li.on {
			background-position:left 0px !important;
		}
		
div.panel_left {
	border:1px solid #cacbcd;
	width:678px;
	display:inline-block;
	display:block;
	position:absolute; /*!!!*/
	float:left;
	margin-top:12px;
	padding:16px;
}

	div.panel_left h2 {
		display:block;
		position:relative;
		margin:-28px -8px;
	}
	
		div.panel_left h2 span {
			display:none;
		}

	div.panel_left div.content {
		padding:0;
		padding-top:16px;
	}

div.panel_right {
	width:240px;
	display:inline-block;
	float:right;
}

	div.panel_right .ban {
		display:block;
		margin:8px 0;
	}
		
a.toggle {
	color:#d91f00;
	font-weight:bold;
	text-decoration:none;
}
	a.toggle:hover {
		text-decoration:underline;
	}

div.fast_ctx {
/*	background:url(../i/bg_right_form.gif) top left no-repeat;*/
	display:block;
	width:220px;
	margin-top:12px;
	padding:14px 10px;
	padding-bottom:1px;
	background-color:#757575;
}

span.dislaimer_full {
	display: none;
}

	div.fast_ctx form {
		display:block;
		margin:0;
		padding:0;
	}
	
	div.fast_ctx h2 {
		margin:0;
		margin-bottom:.7em;
	}

	div.fast_ctx form p img {
		margin-bottom:4px;
	}
	
	div.fast_ctx form p a img {
		margin-bottom:0;
	}


	div.fast_ctx form input, div.fast_ctx form select {
		background:url(../i/bg_form.gif) left top no-repeat;
		color:#666;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		padding:2px 3px;
	}
	
	div.fast_ctx form input[type="checkbox"] {
		background:url(../i/bg_form.gif) left top no-repeat;
		border:1px solid #e8e8e8;
		padding:0;
		margin:2px;
	}
	
	div.fast_ctx form input.blank_imie {
		background:url(../i/bg_form.gif) left -20px no-repeat;
	}

	div.fast_ctx form input.blank_nazwisko {
		background:url(../i/bg_form.gif) left -40px no-repeat;
	}

	div.fast_ctx form input.blank_email {
		background:url(../i/bg_form.gif) left -60px no-repeat;
	}

	div.fast_ctx form input.blank_tel {
		background:url(../i/bg_form.gif) left -80px no-repeat;
	}

	div.fast_ctx form input.ff_std_input {
		border:1px solid #cacbcd; /*#e8e8e8;*/
		width:210px;
	}

	div.fast_ctx form input.ff_short_input {
		border:1px solid #cacbcd; /*#e8e8e8;*/
		width:130px;
	}

	div.fast_ctx form select {
		border:1px solid #cacbcd; /*#e8e8e8;*/
		width:65px;
		float:right;
		padding-bottom:1px;
		padding-top:1px;
		padding-right:1px;
	}
	
	div.fast_ctx p.disclaimer {
		font-size:10px;
		color:#fff;
		text-align:justify;
	}

.footer {
	background:url(../i/bg_foot.gif) top center no-repeat;
	clear:both;
	display:block;
	width:100%;
	height:130px;
	margin-top:16px;
}

.stage_nav {
	display:block;
	clear:both;
	height:30px;
}

	.stage_nav a {
		margin-top:12px;
	}

/* -------- PAKIETY ----------------------------------------------------- */

.pakiety {
	display:block;
	margin-left:6px;
}

.pakiety .pakiet_chooser {
	display:block;
	clear:both;
	margin:30px 0 5px -3px;
	width:680px;
	height:73px;
	text-align:center;
}

	.pakiety .pakiet_chooser a {
		background:url(../i/pakiety_menu.gif);
		display:inline-block;
		margin:0;
		padding:0;
		float:left;
		height:73px;
		text-indent:-9999px;
		outline:none;
		width:113px;
	}

/*	.pakiety .pakiet_chooser a:hover, .pakiety .pakiet_chooser a.on {
		background-position:0 0 !important;
	}*/

	.pakiety .pakiet_chooser a.pc_pakiet1 { background-position:0 0; }
	.pakiety .pakiet_chooser a.pc_pakiet2 { background-position:-113px 0; }
	.pakiety .pakiet_chooser a.pc_pakiet3 { background-position:-226px 0; }
	.pakiety .pakiet_chooser a.pc_pakiet4 { background-position:-339px 0; }
	.pakiety .pakiet_chooser a.pc_pakiet5 { background-position:-452px 0; }
	.pakiety .pakiet_chooser a.pc_pakiet6 { background-position:-565px 0; }
	.pakiety .pakiet_chooser a.pc_pakiet7 { background-position:-557px 0; }
	.pakiety .pakiet_chooser a.pc_pakiet8 { background-position:-628px 0; }

	.pakiety .pakiet_chooser a.pc_pakiet1:hover, .pakiety .pakiet_chooser a.pc_pakiet1.on { background-position:0 -73px; }
	.pakiety .pakiet_chooser a.pc_pakiet2:hover, .pakiety .pakiet_chooser a.pc_pakiet2.on { background-position:-113px -73px;}
	.pakiety .pakiet_chooser a.pc_pakiet3:hover, .pakiety .pakiet_chooser a.pc_pakiet3.on { background-position:-226px -73px; }
	.pakiety .pakiet_chooser a.pc_pakiet4:hover, .pakiety .pakiet_chooser a.pc_pakiet4.on { background-position:-339px -73px; }
	.pakiety .pakiet_chooser a.pc_pakiet5:hover, .pakiety .pakiet_chooser a.pc_pakiet5.on { background-position:-452px -73px; }
	.pakiety .pakiet_chooser a.pc_pakiet6:hover, .pakiety .pakiet_chooser a.pc_pakiet6.on { background-position:-565px -73px; }
	.pakiety .pakiet_chooser a.pc_pakiet7:hover, .pakiety .pakiet_chooser a.pc_pakiet7.on { background-position:-557px -73px; }
	.pakiety .pakiet_chooser a.pc_pakiet8:hover, .pakiety .pakiet_chooser a.pc_pakiet8.on { background-position:-628px -73px; }


.pakiety .pakiet {
	border:1px solid #cacbcd;
	padding:10px;
	padding-bottom:20px;
	position:relative;
	min-height:70px;
	margin:4px 0;
	width:652px;
}

	.pakiety .pakiet p.chan_num {
		color:#b3b3b3;
		display:block;
		font-size:11px;
		text-align:right;
		position:absolute;
		width:120px;
		bottom:0;
		right:4px;
	}
	
	.pakiety .pakiet h3 {
		display:block;
		width:19px;
		height:60px;
		margin-left:-20px;
		margin-top:-1px;
		float:left;
		position:relative;
	}
	
	.pakiety .pakiet h3.film {
		background:url(../i/tag_film.gif) left center no-repeat;
	}

	.pakiety .pakiet h3.sport {
		background:url(../i/tag_sport.gif) left center no-repeat;
	}

	.pakiety .pakiet h3.dla-dzieci {
		background:url(../i/tag_dla-dzieci.gif) left center no-repeat;
	}

	.pakiety .pakiet h3.dokument {
		background:url(../i/tag_wiedza.gif) left center no-repeat;
	}

	.pakiety .pakiet h3.rozrywka {
		background:url(../i/tag_rozrywka.gif) left center no-repeat;
	}

	.pakiety .pakiet h3.polskie {
		background:url(../i/tag_polskie.gif) left center no-repeat;
	}

	.pakiety .pakiet h3.informacja {
		background:url(../i/tag_informacja.gif) left center no-repeat;
	}

	.pakiety .pakiet h3.radia {
		background:url(../i/tag_radia.gif) left center no-repeat;
	}

	.pakiety .pakiet h3.interaktywne {
		background:url(../i/tag_interaktywne.gif) left center no-repeat;
	}

	.pakiety p.info {
		color:#b3b3b3;
		font-size:11px;
		margin:1em 0;
		margin-right:1.1em;
		text-align:right;
	}

		.pakiety p.info span {
			font-weight:bold;
		}
	
	.pakiety .pakiet a {
		display:inline-block;
		margin:4px 18px;
		width:65px;
		height:29px;
		position:relative;
	}

		.pakiety .pakiet a img {
			display:block;
			position:absolute;
			z-index:100;
		}

		.pakiety .pakiet a img.grey {
			display:block;
			position:absolute;
			z-index:10;
		}


/* -------- /PAKIETY ---------------------------------------------------- */

/* -------- opcje_dodatkowe --------------------------------------------- */

.opcje_dodatkowe {
	display:block;
	margin-top:28px;
}

	.opcje_dodatkowe .opcja {
		display:block;
		clear:both;
		margin:8px 0;
		vertical-align:top;
	}

	.opcje_dodatkowe .opcja input {
		margin-right:8px;
		float:left;
	}

	.opcje_dodatkowe .opcja img {
		margin-top:3px;
	}

/* -------- /opcje_dodatkowe -------------------------------------------- */

/* -------- sprzet ------------------------------------------------------ */

.sprzet {
	display:block;
	margin-top:28px;
}

	.sprzet p {
		padding:20px 0;
	}

	.sprzet .item {
		border:1px solid #cacbcd;
		display:block;
		padding:10px;
		margin:8px 0;
		vertical-align:top;
	}
	
	.sprzet .item  input {
		margin-right:8px;
		float:left;
	}

	.sprzet .item  img {
		margin-top:3px;
	}


/* -------- /sprzet ----------------------------------------------------- */

/* -------- zamowienie -------------------------------------------------- */

.zamowienie {
	display:block;
	margin-top:28px;
}

/*	.zamowienie .resume p.resume_dekoder, .zamowienie .resume p.resume_antena {*/
	.zamowienie .resume p {
		border:1px solid #cacbcd;
		display:block;
		padding:10px;
		margin:8px 0;
		vertical-align:top;
	}
	
	.zamowienie .form_left {
		display:inline-block;
		width:220px;
		margin-right:10px;
		float:left;
	}
	
	.zamowienie .add_info {
		display:inline-block;
		float:right;
		padding-top:50px;
		width:420px;
	}
	
	.zamowienie p.sumup {
		color:#515151;
		font-size:12px;
		margin:1em 0;
	}

		.zamowienie p.sumup span {
			color:#e62308;
			font-weight:bold;
		}

	.zamowienie form {
		display:block;
		margin:0;
		padding:0;
	}
	
	.zamowienie h2 {
		margin:0;
		margin-bottom:.7em;
	}

	.zamowienie form p img {
		margin-bottom:4px;
	}
	
	.zamowienie form p a img {
		margin-bottom:0;
	}


	.zamowienie form input, .zamowienie form select {
		background:url(../i/bg_form.gif) left top no-repeat;
		color:#666;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		padding:2px 3px;
	}
	
	.zamowienie form input[type="checkbox"] {
		background:url(../i/bg_form.gif) left top no-repeat;
		border:1px solid #e8e8e8;
		padding:0;
		margin:2px;
	}
	
	.zamowienie form input.blank_imie {
		background:url(../i/bg_form.gif) left -20px no-repeat;
	}

	.zamowienie form input.blank_nazwisko {
		background:url(../i/bg_form.gif) left -40px no-repeat;
	}

	.zamowienie form input.blank_email {
		background:url(../i/bg_form.gif) left -60px no-repeat;
	}

	.zamowienie form input.blank_tel {
		background:url(../i/bg_form.gif) left -80px no-repeat;
	}

	.zamowienie form input.ff_std_input {
		border:1px solid #cacbcd;
		width:210px;
	}

	.zamowienie form input.ff_short_input {
		border:1px solid #cacbcd;
		width:130px;
	}

	.zamowienie form select {
		border:1px solid #cacbcd;
		width:65px;
		float:right;
		padding-bottom:1px;
		padding-top:1px;
		padding-right:1px;
	}
	
	.zamowienie p.disclaimer {
		font-size:10px;
		color:#000;
		text-align:justify;
	}


/* -------- /zamowienie ------------------------------------------------- */

/* -------- VTIP -------------------------------------------------------- */

p#vtip {
	background-color: #a7a8ac;
/*	border: 1px solid #a6c9e2;*/
	color:#fff;
	display: none;
	position: absolute;
	padding: 4px 6px;
	max-width:300px;
	left: 15px;
	/*font-size: 0.7em;*/
	font-size:12px;
	z-index: 9999;
}

p#vtip #vtipArrow {
	position: absolute;
	top: -10px;
	left: 15px;
}

/* -------- /VTIP ------------------------------------------------------- */


.clear { display: inline-block; }   
.clear:after, .container:after  {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

