#section {position:relative;width:960px;margin:0 auto 30px auto;}
#section .hpCreation {position:relative}
#section .hpSlide {list-style:none;width:960px;height:496px;overflow:hidden}
	#section .hpSlide li {display:none}
	#section .hpSlide li.selected {display:block;left:0}
	#section .hpSlide li img, #fade .hpSlide img {display:block;position:absolute;left:0;top:0;z-index:0;}
	#section .hpSlide li .hpText, #fade .hpSlide .hpText {width:286px;position:absolute;right:0;top:100px;z-index:10;padding:16px 17px;color:#fff;background:#48227c;}
		#section .hpSlide li .hpText h3, #fade .hpSlide .hpText h3 {color:#fff;font-weight:bold;font-size:26px;margin-right:70px;}
		#section .hpSlide li .hpText p, #fade .hpSlide .hpText p {color:#fff;font-size:12px;line-height:17px}	
		#section .hpSlide li .hpText a.linkPointer, #fade .hpSlide .hpText a.linkPointer {color:#fff}
		#section .hpSlide li .hpButton, #fade .hpSlide .hpButton {width:286px;padding:16px 17px;position:absolute;right:0;bottom:-77px;background:#48227c}
		#section .hpSlide li .hpText .badge, #fade .hpSlide .hpText .badge {position:absolute;top:16px;right:17px;left:auto;left:inherit;}
        #section .hpSlide li .hpText p.bullet {font-size: 17px; line-height: 24px; background: url('../_img/_section/indexBullet.png') no-repeat 0 9px; margin-left: 2px; padding-left: 18px; font-weight: normal;}
        #section .hpSlide li .hpText .badge + p.bullet, #section .hpSlide li .hpText h3 + p.bullet {margin-top: 15px;}
        #section .hpSlide li .hpSticker {overflow: hidden; position: absolute; right: 0; width: 320px;}
        #section .hpSlide li .hpSticker .left {width: 95px; float: left; background: #48227c; font-size: 18px; text-align: center; padding: 13px 0 5px; line-height: 40px; font-weight: bold;}
        #section .hpSlide li .hpSticker .left strong {font-size: 36px;}
        #section .hpSlide li .hpSticker .right {width: 197px; padding: 10px 0 11px 16px; float: left; background: #48227c; margin-left: 12px; font-size: 12px; line-height: 22px;}
        #section .hpSlide li .hpSticker .right strong {font-size: 18px;}
        
        #section .hpSlide li .hpSticker.big {bottom: -174px !important;}
        #section .hpSlide li .hpSticker.big .left {width: 183px; font-size: 36px; padding: 19px 0 10px; text-align: left;}
        #section .hpSlide li .hpSticker.big .left strong {font-size: 58px; padding-left: 12px;}
        #section .hpSlide li .hpSticker.big .left strike {font-size: 18px; color: #ccc; text-decoration: none; position: relative; margin-left: 6px;}
        #section .hpSlide li .hpSticker.big .left strike span {position: absolute; top: 3px; left: -5px; width: 64px; height: 17px; background: url('../_img/_section/strikeHP.png');}
        
        #section .hpSlide li p.big {font-size: 36px; line-height: 20px; padding-top: 38px; position: relative; left: -15px; font-weight: bold;}
        #section .hpSlide li p.big strong {font-size: 58px; padding-left: 12px;}
        #section .hpSlide li p.big strike {font-size: 18px; color: #ccc; text-decoration: none; position: relative; margin-left: 6px;}
        #section .hpSlide li p.big strike span {position: absolute; top: 3px; left: -5px; width: 64px; height: 17px; background: url('../_img/_section/strikeHP.png');}
        
        #section .hpSlide li .hpButton + .hpSticker {bottom: -174px;}
        #section .hpSlide li p + .hpSticker {bottom: -77px;}
        #section .hpSlide li .hpSticker + .hpButton, #section .hpSlide li .hpButton + .hpSticker.half {bottom: -154px;}
        
        #section .hpSlide li .hpText.wide {width: 305px;}
        #section .hpSlide li .hpText.wide h3 {font-size: 19px;}
        #section .hpSlide li .hpText.wide .hpButton {width: 305px;}
        #section .hpSlide li .hpText.wide .hpSticker {width: 339px;}
        #section .hpSlide li .hpText.wide .hpSticker .right {width: 216px;}
		
#fade ~ *, .fade-overlay ~ * {/*opacity:0;*/visibility:hidden; }
#fade {z-index:101; position:absolute; top:100px; left:0; width:100%; visibility:visible;}
.fade-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:white;}
#fade .hpSlide {margin:0 auto; position:relative; width:960px; height:496px; overflow:hidden;}
#fade .hpSlide .hpButton h3 {padding-bottom:4px;}

/* boksy z progressem */
/*#section .hpSlideNavi {list-style:none;position:absolute;left:30px;top:100px}
	#section .hpSlideNavi li {width:68px;position:relative;z-index:100;padding:12px 11px;margin-bottom:4px;cursor:pointer;background:url(../_img/_section/hpSlideNavi.png) repeat;}
		#section .hpSlideNavi li h2, #section .hpSlideNavi li h1 {margin:0;color:#4e4e4e;font-size:11px;font-weight:bold}
	#section .hpSlideNavi li.selected {background:#411F6F url(../_img/_section/hpSlideNaviSelected.png) no-repeat 0 0;height:66px}
		#section .hpSlideNavi li.selected h2, #section .hpSlideNavi li.selected h1 {color:#fff}
		#section .hpSlideNavi li.selected .loader {position:absolute;bottom:12px;height:1px;width:66px;background:#7a639a;}
			#section .hpSlideNavi li.selected .loader span {display:block;height:1px;background:#d8d1e2;width:0}*/
/* kropki */
/*#section .hpSlideNavi {list-style:none;position:absolute;left:30px;top:26px;z-index:100;}
	#section .hpSlideNavi li {float:left; display:block; text-indent:-999em; padding:0; width:19px; height:19px; background:url(../_img/_section/rotatorDots.png) no-repeat 0 0; cursor:pointer;}
	#section .hpSlideNavi li.selected {background-position:0 -20px;}*/
#section .hpSlideNavi {position:relative; top:-10px; list-style:none; overflow:hidden; margin-bottom:30px; padding-top:10px;}
	#section .hpSlideNavi li {float:left; display:block; padding:10px 25px; /*width:99px;*/ background:#ececec url(../_img/_section/bgTabsGradient.gif) repeat-x 0 0; border:1px solid #ccc; border-left:0; cursor:pointer; text-align:center;}
	#section .hpSlideNavi li:first-child {width:98px; border-left:1px solid #ccc;}
	#section .hpSlideNavi li.selected, #section .hpSlideNavi li:hover {background:#fff;}
		#section .hpSlideNavi li h1, #section .hpSlideNavi li h2 {font-size:1.4em; color:#616162;}
		#section .hpSlideNavi li.selected h1, #section .hpSlideNavi li.selected h2 {position:relative; padding-top:19px; margin-top:-19px;background:url(../_img/_section/topTabArrow.png) no-repeat 50% 0;}
		#section .hpSlideNavi li.selected h1, #section .hpSlideNavi li.selected h2,
		#section .hpSlideNavi li:hover h1, #section .hpSlideNavi li:hover h2 {color:#48227c;}
	
	#section .footBar {position:relative;margin-top:25px;}
		#section .footBar .footBarImg {position:absolute; z-index:-1;}
		#section .footBar .text {padding:7px 30px;}
		#section .footBar p {font-size:12px}
			#section .footBar h4 {font-size:14px;font-weight:bold;color:#000; margin:3px 20px 0 0;}
			#section .footBar h4.white {color:white;}
			
#sectionBoxes,
.sectionBoxes {list-style:none;background:#f0f0f0;overflow:hidden}
	#sectionBoxes.forCustomers p {font-size:1.2em;padding-bottom:15px}
	#sectionBoxes.forCustomers li {padding:30px;height:auto !important;height:240px;min-height:240px;background:url(../_img/_section/sectionBoxBG2.png) no-repeat 0 0}
	#sectionBoxes.forCustomers li.oneAndHalf, #sectionBoxes.forCustomers li.double {background:url(../_img/_section/sectionBannerBG.png) no-repeat 0 0}
	#sectionBoxes.forCustomers li .blueButtonSmall {position:static}
	#sectionBoxes li,
	.sectionBoxes li	{float:left;display:inline;width:180px;height:auto !important;height:99px;min-height:99px;padding:20px 30px 46px;position:relative;background:#f0f0f0 url(../_img/_section/sectionBoxBG.png) no-repeat 0 0}
	#sectionBoxes li.double,
	.sectionBoxes li.double {width:420px}
	#sectionBoxes li.full,
	.sectionBoxes li.full {width:900px}
	#sectionBoxes li.oneAndHalf,
	.sectionBoxes li.oneAndHalf {width:260px}
		#sectionBoxes li h2,
		.sectionBoxes li h2 {font-size:2.1em;font-weight:bold;padding-bottom:9px;margin:0}
		#sectionBoxes li h3,
		.sectionBoxes li h3 {font-size:1.8em;font-weight:bold;padding-bottom:5px}
			#sectionBoxes li h3 a:hover small, #sectionBoxes li h3 a:hover strong,
			.sectionBoxes li h3 a:hover small, .sectionBoxes li h3 a:hover strong {color:#48227c}
			#sectionBoxes li small,
			.sectionBoxes li small {display:block;font-size:.7em;font-weight:normal;color:#616162;padding-bottom:3px;margin-top:6px}
		#sectionBoxes li p,
		.sectionBoxes li p {font-size:1.1em;padding:0;line-height:14px}
		#sectionBoxes .linkPointer span {font-size:11px}
		.boxCreation,
		.sectionBoxes li .boxCreation {position:absolute;right:0;bottom:0}
		#sectionBoxes li .blueButtonSmall,
		#sectionBoxes li .linkPointer,
		.sectionBoxes li .blueButtonSmall,
		.sectionBoxes li .linkPointer {position:absolute;bottom:20px}
			#sectionBoxes li ul,
			.sectionBoxes li ul {font-size:12px;line-height:14px;color:#363637;list-style:none}
				#sectionBoxes li ul li,
				.sectionBoxes li ul li {float:none;display:block;width:auto;min-height:1px;height:auto !important;padding:0 0 0 16px;font-size:11px;line-height:13px;background:url(../_img/_section/listBullet.png) no-repeat left center}
					#sectionBoxes li ul li strong,
					.sectionBoxes li ul li strong {color:#b10097}

#MNP {background:url(../_img/_section/hpMnpBg.png) no-repeat center 236px;}
#MNPcontainer {font-size:1.8em; color:#48227c;}
#MNPcontainer .msgPlay {display:none}
#MNPcontainer h1 {font-size:2em; font-weight:bold; color:#48227c; margin-bottom:6px;}
#MNPcontainer h2 {font-size:1.3em;}
#MNPcontainer .MNPform {min-height:316px; margin:24px 30px 0; background:url(../_img/_section/hpMnpFormBg.png) no-repeat right 0;}
#MNPcontainer .MNPform fieldset {margin:0 auto; width:530px; padding:45px 50px;}
#MNPcontainer .MNPform ul {margin-top:50px; display:inline-block; width:430px; }
#MNPcontainer .MNPform li {float:left; margin-left:10px; list-style:none; list-style-image:none;}
#MNPcontainer .MNPform li:first-child {margin-left:0 !important;}
.MNPform .styleRadio {cursor:pointer;}
#MNPcontainer .MNPform #network .radio {position:relative; display:block; width:100px; height:50px; text-indent:-999em;}
#MNPcontainer .MNPform #network .styleRadio {position:absolute; top:0; left:0; width:100px !important; height:52px !important; background:no-repeat 0 0;}
#MNPcontainer .MNPform #network input[value=play]+.styleRadio {background-image:url(../_img/_section/hpMnpRadioPlay.png);}
#MNPcontainer .MNPform #network input[value=plus]+.styleRadio {background-image:url(../_img/_section/hpMnpRadioPlus.png);}
#MNPcontainer .MNPform #network input[value=t-mobile]+.styleRadio {background-image:url(../_img/_section/hpMnpRadioTmobile.png);}
#MNPcontainer .MNPform #network input[value=orange]+.styleRadio {background-image:url(../_img/_section/hpMnpRadioOrange.png);}
#MNPcontainer .MNPform #network .styleRadio:hover {background-position:0 -55px;}

#MNPcontainer .MNPform #rate ul {margin:20px 0 28px; width:282px; padding:0 40px; background:url(../_img/_section/hpMnpSliderBg.png) no-repeat center 30px;}
#MNPcontainer .MNPform #rate li {margin-left:0;}
#MNPcontainer .MNPform #rate .radio {position:relative; color:#616162; font-size:16px; font-weight:bold;}
#MNPcontainer .MNPform #rate .styleRadio {display:block !important; width:94px !important; height:80px !important; background:url(../_img/_section/hpMnpSlider.png) no-repeat center 19px;}
#MNPcontainer .MNPform #rate .styleRadio.checked {background-position:center -151px;}
#MNPcontainer .MNPform #rate .styleRadio:hover, #MNPcontainer .MNPform #rate .styleRadio.hover {background-position:center -151px;}/* kropka: -59 */
#MNPcontainer .MNPform #rate .radio:hover {color:#48227c;}

#fade .imgWrapper {overflow:hidden; height:50px; width:430px;}
