@import url("reset.css");
@import url("textFormat.css");
@import url("tables.css");
@import url("forms.css");
@import url("header.css");
@import url("footer.css");
@import url("navmenu.css");

/*	=ogolny layout
---------------------------------------------------------------------------- */

body {
	padding: 0 0 20px;
	background: transparent url(../gfx/bg-body.gif) center 0 no-repeat;
}

#container {
	width: 977px;
	margin: 0 auto;
}

#content {
	position: relative;
	z-index: 1;
}

.subpage #content {
	padding: 0 0 20px;
}

#main {
	width: 700px;
	float: left;
	margin-left: 3px;
	position: relative;
}

.subpage #main {
	width: 719px;
	margin-left: 0;
	background: transparent url(../gfx/v-line.gif) right 0 repeat-y;
}

.cols3 #main {
	width: 502px;
	float: left;
	margin: 0;
}

.mainInside {
	background: transparent url(../gfx/bg-main-inside.gif) right 0 no-repeat;
	padding: 20px 37px 0 0;
}

.cols3 .mainInside {
	padding-right: 25px;
}

#leftSidebar {
	width: 181px;
	float: left;
	padding: 20px 35px 0 0;
	background: transparent url(../gfx/bg-main-inside.gif) 0 0 no-repeat;
}

#sidebar {
	width: 258px;
	float: left;
	margin-left: 15px;
}

.subpage #sidebar {
	width: 240px;
}

/*	=boksy
---------------------------------------------------------------------------- */

#intro {
	height: 300px;
	position: relative;
	z-index: 2;
}

#introScroll li {
	height: 240px;
	padding: 60px 0 0 37px;
	position: relative;	
	width: 663px;
	z-index: 1;
	background-color:#000;
}

#g1 {
	background: transparent url(../gfx/bg-intro1.jpg) no-repeat;
}

#g2 {
	background: transparent url(../gfx/bg-intro2.jpg) no-repeat;
}

#g3 {
	background: transparent url(../gfx/bg-intro3.jpg) no-repeat;
}

#g4 {
	background: transparent url(../gfx/bg-intro4.jpg) no-repeat;
}

#g5 {
	background: transparent url(../gfx/bg-intro5.jpg) no-repeat;
}

#intro ul {
	margin: 0;
}

#intro li {
	margin: 0;
	list-style-type: none;
}

#intro h2.czyWiesz {
	width: 297px;
	height: 40px;
	background: transparent url(../gfx/h-intro-czy-wiesz.png) no-repeat;
	text-indent: -9000px;
	margin-bottom: 23px;
}

#intro p {
	width: 290px;
	height: 75px;
	text-indent: -9000px;
	margin-bottom: 39px;
}

#intro p.int1 {
	background: transparent url(../gfx/h-intro1.gif) no-repeat;
}

#intro p.int2 {
	background: transparent url(../gfx/h-intro2.gif) no-repeat;
}

#intro p.int3 {
	background: transparent url(../gfx/h-intro3.gif) no-repeat;
}

#intro p.int4 {
	background: transparent url(../gfx/h-intro4.gif) no-repeat;
}

#intro p.int5 {
	background: transparent url(../gfx/h-intro5.gif) no-repeat;
}

#intro .scrollControllsDiv,
#intro ul.scrollControlls {
	margin: 0;
	width: 127px;
	height: 25px;
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: 0;
	background: transparent url(../gfx/bg-intro-tabs.png) no-repeat;
	padding: 5px 0 0 29px;
	z-index: 10;
}

#intro ul.scrollControlls {
	background: transparent;
}

#intro ul.scrollControlls {
	z-index: 11;
}

#intro ul.scrollControlls li {
	margin: 0;
	list-style-type: none;
	display: inline;
	padding: 0;
	background: none;
	font-size:11px !important;
}

#intro ul.scrollControlls a {
	display: block;
	width: 19px;
	height: 18px;
	padding: 1px 0 0;
	float: left;
	color: #9A9999;
	text-align: center;
	background: transparent url(../gfx/bg-introbox-tabs-a.gif) no-repeat;
	margin: 0 3px 0 0;
	outline: 0;
}

#intro ul.scrollControlls a:hover {
	text-decoration: none;
	color: #fff;
	background-image: url(../gfx/bg-introbox-tabs-active.gif);
	opacity: 0.5;
}

#intro ul.scrollControlls .active a {
	color: #fff;
	background-image: url(../gfx/bg-introbox-tabs-active.gif);
	opacity: 1;
}

.box {
	margin-bottom: 20px;
}

#sidebar .box {
	border-bottom: 1px solid #E9E8E8;
	margin-bottom: 15px;
}

#sidebar .boxMaszPytanie {
	position: relative;
	padding: 0 0 0 68px;
}

.homepage #sidebar .boxMaszPytanie {
	border: none;
	margin-bottom: 0;
}

.subpage #sidebar .boxMaszPytanie {
	padding-left: 53px;
}

.subpage #sidebar .boxMaszPytanie img {
	left:-7px;
	}

.box h3 {
	margin-bottom:0;
	}

.boxMaszPytanie h3,
.boxMaszPytanie p {
	position: relative;
	z-index: 2;
}

.boxMaszPytanie p,
.boxMaszPytanie h5 {
	margin-left: 32px;
}

.boxMaszPytanie img {
	position: absolute;
	top: 0;
	left: -5px;
	z-index: 1;
}

.boxSzukaj input {
	vertical-align: middle;
}

.boxSzukaj input.image {
	margin-left: 5px;
}


.box h3 a {
	color: #253993;
	background:#666666;
	display:block;
	width:140px;
	height:25px;
	text-indent:-3000px;
	overflow:hidden;
	}

.boxZalety h3 a {
	background: url(../gfx/h-zalety.gif) no-repeat left top;
	}
	
.boxJakDzialaja h3 a {
	background:url(../gfx/h-jak-dzialaja.gif) no-repeat left top;
	}
	
.boxJakZadluzyc h3 a {
	background:url(../gfx/h-jak-zadluzyc.gif) no-repeat left top;
	}
	
.boxBezpieczenstwo h3 a {
	background:url(../gfx/h-bezpieczenstwo.gif) no-repeat left top;
	}			

.boxInformacje h3 a {
	background:url(../gfx/h-informacje.gif) no-repeat left top;
	width:200px;
	}		
	
.boxFAQ h3 a {
	background:url(../gfx/h-najczestsze-pytania.gif) no-repeat left top;
	}		
	
.boxMaszPytanie h3 a {
	background:url(../gfx/h-masz-pytanie.gif) no-repeat left top;
	width:190px;
	position:relative;
	left:-2px;
	}		
	
.boxCzyWieszZe h3 a {
	background:url(../gfx/h-czywiesz.gif) no-repeat left top;
	}	

.boxPolecZnajomemu h3 a {
	background:url(../gfx/h-polec.gif) no-repeat left top;
	}					

.introBoxes {
	background: #eee url(../gfx/bg-introboxes-bottom.gif) 0 bottom no-repeat;
	padding: 0px 0 20px 20px;
	color: #4C4B4B;
}

.introBoxes .box {
	width: 145px;
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
}

.introBoxes .box h3 {
	margin-top:0;
	margin-bottom: 10px;
}

.introBoxes .box h3 a {
	color: #253993;
}

.introBoxes .box img {
	margin-bottom: 4px;
}

.introBoxes .box p {
	margin-bottom: 5px;
}

.boxFAQ li {
	margin: 0;
	list-style-type: none;
	display: inline;
	padding: 0;
	background: none;
}

.boxFAQ li a {
	display: block;
	color: #6C6C6C;
	background: transparent url(../gfx/ico-question.gif) 0 2px no-repeat;
	padding: 0 0 0 29px;
	margin-bottom: 10px;
}

.boxBorder {
	border: 1px solid silver;
	padding: 10px 10px 1px;
}

.boxPolec {
	text-align: center;
}

.boxBorder p,
.boxPolec h3 {
	margin-bottom: 10px;
}

.notice {
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding: 10px 10px;
}

.noticeError {
	color: red;
}

.notice p {
	margin: 0 0 2px;
}

/*	=boczne menu
---------------------------------------------------------------------------- */

#leftSidebar .menu li {
	margin: 0;
	list-style: none;
	display: inline;
	padding: 0;
	background: none;
}

#leftSidebar .menu a {
	display: none;
	padding: 6px 7px;
	color: #253993;
	border-bottom: 1px solid #eee;
}

#leftSidebar .menu a.last {
	border: none;
}

#leftSidebar ul.menu a:hover {
	background-color: #F7F8FD;
	text-decoration: none;
}

#leftSidebar .menu a span {
	background: transparent url(../gfx/dec-arrow.gif) right center no-repeat;
	padding-right: 7px;
}

#leftSidebar .menu li.active ul a {
	display: block;
}

#leftSidebar .menu li li.active a {
	font-weight: bold;
	background-color: #F99F1B !important;
}

#leftSidebar .menu li li.active a span {
	background: none;
}

#leftSidebar .menu li li.active ul a {
	background-color: #fff !important;
	font-weight: normal;
	margin-left: 10px;
}

#leftSidebar .menu li li.active ul a:hover {
	background-color: #F7F8FD !important;
	text-decoration: none;
}

#leftSidebar .menu li li.active ul li.active a {
	font-weight: bold;
}

/*	=buttony
---------------------------------------------------------------------------- */

h5.btnReadMore a {
	display: block;
	width: 144px;
	height: 24px;
	padding: 6px 0 0;
	background: transparent url(../gfx/bg-btn.gif) no-repeat;
	text-align: center;
	color: #fff;
	font-weight: normal;
}

h5.btnReadMore a:hover {
	text-decoration: none;
	color: #FEEBCD;
}

/*	=
---------------------------------------------------------------------------- */

#sectionName {
	width: 978px;
	height: 90px;
	margin-bottom: 10px;
	background: #eee url(../gfx/bg-section-name.gif) no-repeat;
}

#sectionName .inside {
	background-position: right 0;
	background-repeat: no-repeat;
	padding: 31px 0 0 33px;
	height: 59px;
	background-image: url(../gfx/bg-sn-1.jpg);
}

.WyborKarty #sectionName .inside { background-image: url(../gfx/bg-sn-1.jpg); }
.JakDzialaKarta #sectionName .inside { background-image: url(../gfx/bg-sn-2.jpg); }
.DlaKogoKarty #sectionName .inside { background-image: url(../gfx/bg-sn-3.jpg); }
.RozsadneUzywanie #sectionName .inside { background-image: url(../gfx/bg-sn-4.jpg); }
.Bezpieczenstwo #sectionName .inside { background-image: url(../gfx/bg-sn-5.jpg); }
.DlaDetalistow #sectionName .inside { background-image: url(../gfx/bg-sn-6.jpg); }
.PytaniaIOdpowiedzi #sectionName .inside { background-image: url(../gfx/bg-sn-7.jpg); }

#sectionName h2 {
	font-size: 20px;
}

p.pathway {
	margin-bottom: 10px;
}

p.pathway a {
	color: #253993;
}

.Szukaj p.pathway {
	visibility: hidden;
}

.artLead {
	background: #F5F5F5 url(../gfx/bg-artlead-wide-bottom.gif) 0 bottom no-repeat;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 25px;
}

.cols3 .artLead {
	background-image: url(../gfx/bg-artlead-bottom.gif);
	margin-bottom: 20px;
}

.artLead .inside {
	background: transparent url(../gfx/bg-artlead-wide-top.gif) no-repeat;
	padding: 15px;
}

.cols3 .artLead .inside {
	background-image: url(../gfx/bg-artlead-top.gif);
}

.artLead .text {
	float: left;
	width: 524px;
}

.cols3 .artLead .text {
	width: 319px;
}

.artLead p {
	margin: 0;
}

.boxCzyWieszZe {
	position: relative;
	padding-bottom: 11px;
}

.boxCzyWieszZe li.part {
	list-style:none !important;
	background:none;
	padding:0;
	margin:0;
	}

.boxCzyWieszZe .miniTabs {
	position: absolute;
	bottom: 0px;
	right: 10px;
}

.miniTabs li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
	display: inline;
}

.miniTabs a {
	display: block;
	width: 16px;
	height: 20px;
	background: transparent url(../gfx/bg-minitab.gif) no-repeat;
	color: #213591;
	text-align: center;
	float: left;
	margin-left: 4px;
	line-height: 22px;
}

.miniTabs a:hover {
	text-decoration: none;
	opacity: 0.75;
}

.miniTabs a:hover,
.miniTabs .active a {
	background-image: url(../gfx/bg-minitab-a.gif);
	color: #fff;
}

.miniTabs .active a {
	opacity: 1;
}

.wideBoxes .box {
	float: left;
	width: 175px;
	padding: 0 26px 0;
	color: #4C4B4B;
}

.wideBoxes .row1 {
	border-bottom: 1px solid #eee;
}

.searchResults li {
	list-style: none;
	margin: 0;
	background: none;
	padding: 0;
}

.searchResults li h3 {
	margin-bottom: 2px;
}

ul.pagination {
	text-align: center;
}

ul.pagination li {
	background: none;
	display: inline;
	padding: 0pt 2px;
}

#noResults {
	xdisplay: none;
	color: #000;
	text-align: center;
	background-color: #F7F8FD;
	padding: 5px;
}

#noResults p {
	margin: 0;
}

div.czyWieszZePage div {
	padding:10px;
	margin-left:10px;
	}

.cwActive {
	border:1px solid silver;
	background:url(../gfx/bg-body.gif) repeat-x left top;
	}
	
ul.pagination {
	float:left;
	width:100%;
	margin:0;
}	

ul.pagination li {
	font-weight:bold;
	margin:0;
	padding:0;
	}

ul.pagination li.previous {
	float:left;
}	

ul.pagination li.next {
	float:right;
}

#questionEmail {
	display: none;
}

#faqQuestions {
	margin: 0 0 40px;
}

#faqQuestions a {
	color: #213591;
	display: block;
}

.faq .qa div {
	padding: 10px 10px 1px;
	border: 1px solid #fff;
	margin: 0 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.faq .qa div.active {
	border-color: #F99F1B;
}

.faq .qa h2 {
	color: #213591;
	font-size: 12px;
	margin: 0 0 10px;
}

.faq .qa h2 {
	margin: 0 0 10px;
}

.faq .qa p {
	margin: 0 0 10px;
}

.faq .qa div p.top {
	text-align: right;
	display: none;
}

.faq .qa div.active p.top {
	display: block;
}