* { margin:0px; padding: 0px; font-family: Arial; font-size: 13px; }

ul { padding:10px 10px 10px 20px; list-style-type: square; line-height:1.5em;}

ol { padding:10px 10px 10px 20px; list-style-type: numeric; color:#000000; }

ul ul { padding:10px 10px 10px 20px; list-style-type: square; color: #666666; }

ul li strong { color:#000000; font-weight:normal; }

font { color:#000000; }

ul li a strong { color:#3b2361; font-weight:bold; }

#accordion h3 { font-weight: bold; }

body { background-color:#ffffff; }

#kdk { background-color:#ffffff; width:980px; text-align:left; margin: 0px auto; padding: 0px; clear:both;} 

strong {
	color:#3b2361;
}
h4 {
	color:#3b2361;
	font-size:15px;
	margin:10px 0px 0px 0px;
	clear:both;
}

.hpad {
	color:#3b2361;
	font-size:15px;
	font-weight: 700; 
	padding:20px 0px 0px 0px;
	clear:both;
}

p { margin:0px;padding-top:10px; line-height:1.5em;}

.strzalka { padding-right:5px; display:block; float:left; }

h5 {
	color:#3b2361;
	font-size:13px;
	margin:10px 10px 10px 0px;
}

a, a:link, a:active, a:visited { font-weight: normal; color: #000000; text-decoration: none;}
a:hover { font-weight: normal; color: #000000;	text-decoration: underline;}

#logo {	margin:0px 0px 0px 0px; padding:0;}
#logo a {	display:block;	width:199px; height:48px;	margin:0; padding:0;	background: url("images/kdkinfo.gif") top left no-repeat;	text-decoration: none;	}
#logo a:hover {	background-image: url("images/kdkinfo.gif");	}
#logo a span { display:none }

#copy { color:#818181;padding-bottom:5px; }

#top{
	width:980px;
	background-image:url(images/kdktheme.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

.kdkmenu_open {
	list-style:none;padding:0px;
}

.kdkmenu_open li {
	clear:both;
}

.kdkmenu {
	list-style:none;
	padding:10px 10px 0px 0px;
}

.kdkmenu li {
	margin: 0px 0px 10px 0px;
}
.kdkmenu li a {
	background: url("images/arrow.gif") top left no-repeat;
	text-decoration:none;
}
.kdkmenu li a:hover {
	background: url("images/arrow_on.gif") top left no-repeat;
	padding:0px 0px 5px 0px;
	text-decoration:none;
}
.kdkmenu li a span {
	margin:0px 0px 0px 15px;
	text-decoration:none;
}
.kdkmenu li a:hover span {
	margin:0px 0px 0px 15px;
	text-decoration:underline;
}

.kdkfooter {
	list-style:none;
	padding:10px
}
.kdkfooter li {
	display:inline;
	padding:0px 15px 0px 0px;
}
.kdkfooter li a {
	text-decoration:none;
}
.kdkfooter li a:hover {
	text-decoration:underline;
}

#logopifs {
	width:186px;
	margin-left:10px;
	margin-top: 1px;
	background-color:#FFF;
	float:left;
	color:#ffffff;
	padding:15px;
	height: 70px;
	background-image: url(images/pifs-logo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #CCC;
}

#szukaj {
	width:188px;
	margin-left:10px;
	margin-top: 1px;
	background-color:#009534;
	float:left;
	color:#ffffff;
	padding:15px;
}

#szukaj strong {
	color:#ffffff;
}

#newsletter {
	background-color:#4f217b;
	float:left;
	color:#ffffff;
	padding:15px;
}

#newsletter strong {
	color:#ffffff;
}

#banner {
	width:750px;
	border:solid 1px #cccccc;
	margin-top: 1px;
	float:left;
}

.buttonSubmit {	float:right; border: none; background: url("images/szukaj.jpg") top right no-repeat; width:75px; height:24px;}
.buttonZapisz {	float:right; border: none; background: url("images/zapisz.jpg") top right no-repeat; width:75px; height:24px;}

.maincol{
	float: right; 
	width:712px; 
	margin:10px 0px 0px 0px;
	padding:0px 20px 10px 15px;
	border: 1px solid #cccccc;
	text-align:left;
}

.maincol_offer{
	float: right; 
	width:712px; 
	margin:10px 0px 0px 0px;
	padding:0px 20px 10px 15px;
	border: 1px solid #cccccc;
	text-align:left;
	background:url(images2/szkolenia_otwarte/bg.jpg);
	background-repeat:repeat-y;
	background-position:right;
}

.menu {
	margin: 4px 0px 0px 0px;
	padding: 10px;
	border: 1px solid #cccccc;
	height: 340px;
	width:198px;
	background:url(images2/szkolenia_otwarte/bg.jpg);
	background-repeat:repeat-y;
}

.offer {
	margin: 10px 0px 40px 10px;
	width:120px;
	float:left;
}

.offer_offer {
	margin: 10px 0px 10px 10px;
	width:120px;
	float:left;
}

.third {
	width:15%;
	float:left;
}

.fourth {
	width:70%;
	float:left;
}

.fifth {
	width:25%;
	float:left;
}

.half {
	width:48%;
	float:left;
	padding:0px 10px 20px 0px;
}

.half-left {
	width:48%;
	float:left;
	padding:0px 10px 20px 5px;
}

.half-right {
	width:48%;
	float:right;
	padding:0px 0px 20px 0px;
}
.half75 {
	width:75%;
	float:left;
	padding:0px 10px 20px 0px;
}

.half_grid {
	width:48%;
	float:left;
	background: url("images/vgrid.gif") top left repeat-y;
	padding:0px 0px 20px 10px;
}

.half_proces {
	width:76%;
	float:left;
	padding:0px 10px 20px 0px;
}
.half_gridproces2 {
	width:13%;
	float:right;
	background: url("images/vgrid.gif") top left repeat-y;
	padding:0px 0px 20px 10px;
}

.half_grid22 {
	width:22%;
	float:right;
	background: url("images/vgrid.gif") top left repeat-y;
	padding:0px 0px 10px 10px;
}

#leftcol{
clear:both;
 width:220px; 
 float: left; 
 background-color:#ffffff;
}

.grid {
	clear:both;
	margin:10px 10px 10px 0px; padding:0px 10px 0px 0px;
	height:1px;
	background: url("images/grid.gif") top left repeat-x;
}

.grid2 {
	clear:both;
	margin:0px 10px 0px 0px; padding:0px 10px 0px 0px;
	height:1px;
	background: url("images/grid.gif") top left repeat-x;
}

.txt_more {
	margin:0px 0px 10px 0px;
	padding:0px 10px 0px 0px;
	float:left;
}

.txt_more a {
	display:block;
	background: url("images/arrow.gif") top left no-repeat;
	text-decoration: none;
}
.txt_more a:hover {
	background-image: url("images/arrow_on.gif");
	color:#000000;
	font-size: 11px;
	text-decoration:underline;
}

.txt_more a span {  
	display:block;
	margin:0; padding:0px 0px 0px 15px; 
}

.txt_more_right {
	margin:0px 0px 10px 0px;
	padding:0px 10px 0px 0px;
	float:right;
}

.txt_more_right a {
	display:block;
	background: url("images/arrow.gif") top left no-repeat;
	text-decoration: none;
}
.txt_more_right a:hover {
	background-image: url("images/arrow_on.gif");
	color:#000000;
	font-size: 11px;
	text-decoration:underline;
}

.txt_more_right a span {  
	display:block;
	margin:0; padding:0px 0px 0px 15px; 
}

.txt_more2 {
	margin:0px 0px 10px 0px;
	padding:0px 10px 0px 0px;
	
}

.txt_more2 a {
	display:block;
	background: url("images/arrow.gif") top left no-repeat;
	text-decoration: none;
}
.txt_more2 a:hover {
	background-image: url("images/arrow_on.gif");
	color:#000000;
	font-size: 11px;
	text-decoration:underline;
}

.txt_more2 a span {  
	display:block;
	margin:0; padding:0px 0px 0px 15px; 
}

.h4_txt_more {
	margin:0px 0px 10px 0px;
	padding:0px 10px 0px 0px;
	float:left;
	color:#3b2361;
	font-size:15px;
}

.h4_txt_more a {
	display:block;
	background: url("images/arrow.gif") top left no-repeat;
	text-decoration: none;
	color:#3b2361;
	font-size:15px;
}
.h4_txt_more a:hover {
	background-image: url("images/arrow_on.gif");
	text-decoration:underline;
	color:#3b2361;
	font-size:15px;
}

.h4_txt_more a span {  
	display:block;
	margin:0; padding:0px 0px 0px 15px; 
	color:#3b2361;
	font-size:15px;
	font-weight:bold;
}


b { font-weight:normal }
.menu17 {padding:10px 0 10px 0px; margin:0px 0px 0px -5px; list-style:none; height:25px; position:relative; background:transparent url(menu/pro_seventeen_0c.gif) repeat-x left bottom; }
.menu17 li {float:left; height:25px; margin-right:2px;}
.menu17 li a {display:block; float:left; height:29px; line-height:20px; color:#fff; text-decoration:none; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(menu/pro_seventeen_0a.gif) no-repeat;}
.menu17 li a b {float:left; display:block; padding:4px 16px 5px 12px; background:url(menu/pro_seventeen_0b.gif) no-repeat right top;}
.menu17 li.current a {color:#fff; background:url(menu/pro_seventeen_2a.gif) no-repeat;}
.menu17 li.current a b {background:url(menu/pro_seventeen_2b.gif) no-repeat right top;}
.menu17 li a:hover {color:#fff; background: url(menu/pro_seventeen_1a.gif) no-repeat;}
.menu17 li a:hover b {background:url(menu/pro_seventeen_1b.gif) no-repeat right top;}
.menu17 li.current a:hover {color:#fff; background: url(menu/pro_seventeen_2a.gif) no-repeat; cursor:default;}
.menu17 li.current a:hover b {background:url(menu/pro_seventeen_2b.gif) no-repeat right top;}

.menu18 {padding:10px 0 10px 0px; margin:0px 0px 0px -5px; list-style:none; height:25px; position:relative; background:transparent url(menu/pro_seventeen_0c.gif) repeat-x left bottom; }

.menu18 li {float:left; height:25px; margin-right:2px;}
.menu18 li a {display:block; float:left; height:29px; line-height:20px; color:#fff; text-decoration:none; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(menu/pro_seventeen_2bb.gif) no-repeat;}
.menu18 li a b {float:left; display:block; padding:4px 16px 5px 22px; }
.menu18 li.current a {color:#fff; background:url(menu/pro_seventeen_2bb.gif) no-repeat;}
.menu18 li.current a b {background:url(menu/pro_seventeen_2bb.gif) no-repeat right top;}
.menu18 li a:hover {color:#fff; text-decoration: underline;}
.menu18 li a:hover b {text-decoration: underline;}
.menu18 li.current a:hover {color:#fff; cursor:default; text-decoration: underline; }
.menu18 li.current a:hover b { text-decoration: underline;}

#footer {

	width:980px;
	clear:both;
	padding: 10px 0px 0px 0px;
	margin: 0 auto 0 auto;
} 

.kontakt {
	background-image: url("images2/szkolenia_zamkniete/tlo_box.jpg");
	background-repeat: no-repeat;
	height: 92px;
	width: 270px;
}
.inbox {
	margin-left: 10px;
}
.etap1 {
	background: url("images/etap1.gif") no-repeat scroll 50% -141px transparent;
    display: block;
    clear: both;
    height: 141px;
	margin: 0px;
    text-indent: -9999px;
    width: 680px;
	}
.etap1:hover {
	background: url("images/etap1.gif") no-repeat scroll 50% 0 transparent;
}
.etap2 {
	background: url("images/etap2.gif") no-repeat scroll 50% -134px transparent;
    display: block;
    clear: both;
    height: 134px;
	margin: 0px;
    text-indent: -9999px;
    width: 680px;
	}
.etap2:hover {
	background: url("images/etap2.gif") no-repeat scroll 50% 0 transparent;
}
.etap3 {
	background: url("images/etap3.gif") no-repeat scroll 50% -139px transparent;
    display: block;
    clear: both;
    height: 140px;
	margin: 0px;
    text-indent: -9999px;
    width: 680px;
	}
.etap3:hover {
	background: url("images/etap3.gif") no-repeat scroll 50% 0 transparent;
}
.etap4 {
	background: url("images/etap4.gif") no-repeat scroll 50% -141px transparent;
    display: block;
    clear: both;
    height: 124px;
	margin: 0px;
    text-indent: -9999px;
    width: 680px;
	}
.etap4:hover {
	background: url("images/etap4.gif") no-repeat scroll 50% 0 transparent;
}
.etap1bok {
	background: url("images/etapy_bok_a_01.jpg") no-repeat scroll 50% -142px transparent;
    display: block;
    clear: both;
    height: 142px;
	margin: 0px;
    text-indent: -9999px;
    width: 82px;
	}
.etap1bok:hover {
	background: url("images/etapy_bok_a_01.jpg") no-repeat scroll 50% 0 transparent;
}
.etap2bok {
	background: url("images/etapy_bok_a_02.jpg") no-repeat scroll 50% -134px transparent;
    display: block;
    clear: both;
    height: 134px;
	margin: 0px;
    text-indent: -9999px;
    width: 82px;
	}
.etap2bok:hover {
	background: url("images/etapy_bok_a_02.jpg") no-repeat scroll 50% 0 transparent;
}
.etap3bok {
	background: url("images/etapy_bok_a_03.jpg") no-repeat scroll 50% -141px transparent;
    display: block;
    clear: both;
    height: 141px;
	margin: 0px;
    text-indent: -9999px;
    width: 82px;
	}
.etap3bok:hover {
	background: url("images/etapy_bok_a_03.jpg") no-repeat scroll 50% 0 transparent;
}
.etap4bok{
	background: url("images/etapy_bok_a_04.jpg") no-repeat scroll 50% -143px transparent;
    display: block;
    clear: both;
    height: 143px;
	margin: 0px;
    text-indent: -9999px;
    width: 82px;
	}
.etap4bok:hover {
	background: url("images/etapy_bok_a_04.jpg") no-repeat scroll 50% 0 transparent;
}

.lista { padding:10px 10px 10px 35px; list-style-type: square; line-height:1.5em;}

/*Efekt Accordion*/
.container {
	width: 700px;
	margin: 0 auto;
}

h2.acc_trigger {
	padding: 0;	margin: 0 0 2px 0;
	background: url(images/accordion/h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 700px;
	font-weight: normal;
	float: left;
	color: #555555;
}
h2.acc_trigger a {
	color: #555555;
	text-decoration: none;
	display: block;
	padding: 0 0 0 58px;
	font-size: 16px;
}
h2.acc_trigger a:hover {
	color: #4F217B;
}

h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 2px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 698px;
	clear: both;
	background: #fafafa;
	border: 1px solid #e5e5e5;
	
}
.acc_container .block {
	padding: 10px 15px 20px 20px;
}
.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.acc_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}
.just {
	text-align: justify;	
	}
/*koniec Accordion*/

/*Efekt Accordion 2-teksty*/
.container2 {
	width: 700px;
	margin: 0 auto;
}

h2.acc_trigger2 {
	padding: 0;	margin: 0 0 2px 0;
	/*height: 18px;	line-height: 32px;*/
	width: 700px;
	font-weight: normal;
	float: left;
	color: #555555;
}
h2.acc_trigger2 a {
	/*color: #555555;*/
	text-decoration: none;
	display: block;
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 14px;
}
h2.acc_trigger2 a:hover {
	color: #4F217B;
}

h2.active {background-position: left bottom;}
.acc_container2 {
	/*margin: 0 0 2px; padding: 0;*/
	overflow: hidden;
	font-size: 1.2em;
	/*width: 698px;*/
	clear: both;
	/*background: #fafafa;
	border: 1px solid #e5e5e5;*/
	
}
.acc_container2 .block2 {
	padding: 0px 15px 0px 20px;
}
.acc_container2 .block2 p {
	padding: 3px 0;
	margin: 3px 0;
}
.acc_container2 h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container2 img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}
.just2 {
	text-align: justify;	
	}
/*koniec Accordion 2 - teksty*/

.imgleft {
	float: left;
	margin: 0px 15px 15px 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #eee;
}
.imgright {
	float: right;
	padding: 5px;
	background: #fff;
	border: 1px solid #eee;
	margin: 0px 0px 15px 10px;
	
}

.bloczek-zobacz {
	width: 330px;
}

h2.zobacz {
	margin: 0 0 2px 0;
	height: 24px;
	line-height: 24px;
	width: 330px;
	float: left;	
	font-style: normal;
	border: 1px solid #CCCCCC;
	
}
h2.zobacz a {
	color: #555555;
	background-color: #E8E8E8;
	text-decoration: none;
	display: block;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 0 0 15px;
	
}
h2.zobacz a:hover {
	color: #4F217B;
	background-color: #F5F5F5;
}

.zobacz {
	overflow: hidden;
	clear: both;
	background-color: #EEE;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.half-zobacz {
	width:49%;
	float:left;
	padding:0px 10px 20px 10px;
}
.half-kontakt {
	width:260px;
	float:left;
	padding:0px 0px 0px 0px;
}

.zielony_przycisk{
	background: url("images/zielony_przycisk.gif") no-repeat scroll 50% 0px transparent;
    display: block;
    clear: both;
    height: 50px;
	margin: 0px;
    text-indent: -9999px;
	
    
	}
.zielony_przycisk:hover {
	background: url("images/zielony_przycisk.gif") no-repeat scroll 50% -50px transparent;
}

.powrot-do-obszarow{
	background: url("images/powrot-do-obszarow.gif") no-repeat scroll 50% 0px transparent;
    display: block;
    clear: both;
    height: 33px;
	margin: 0px;
    text-indent: -9999px;
	
    
	}
.powrot-do-obszarow:hover {
	background: url("images/powrot-do-obszarow.gif") no-repeat scroll 50% -33px transparent;
}