*{margin:0;padding:0}
body{
		background-color:#ffffff;
		color:#2D2B72;
/*		"Myriad Pro",*/
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
}

img{
border:0;
}


.fl{float:left;margin-right:10px}
.fr{float:right}
a{color:#2D2B72;font-weight:700;text-decoration:none}
a:focus{outline:none}
.spacer{border:none;clear:both;font-size:1px;height:1px}
#main{margin:0 auto 25px;padding:0 0px;position:relative;text-align:left;width:1000px;background-color: #ffffff;}
/*.main {
	margin: 0 auto;
	width: 1000px;
	font-family:Tahoma;
	
}*/
.header {
	height: 169px;
}
.baner {

height:152px;
width:1000px;


}
.pod_menu {
height:178px;
border:0;
}
.dla_tresci
{
width:840px;
padding-left:20px;
line-height:20px;
list-style-type:none;
}
.menu {
	height: 29px;
	background-image: url(images/menuu.jpg);
	background-repeat: repeat-x;
	font-size:13px;
	color: #ffffff;

	width:975px;
}
.menu_war {
	height: 29px;
	background-image: url(images/menu_war.jpg);
	background-repeat: repeat-x;
	font-size:13px;
	color: #ffffff;

	width:975px;
}
.glowna {
	background-color:#ffffff;
	font-size:11px;
	color: #2D2B72;
	
	padding-top: 20px;
	padding-bottom: 20px;
	width:1000px;
}
.fiskars
{

}

.tematy
{
	height:41px;
	width:164px;
	background-image: url(images/tematy.jpg) ;
	background-repeat: no-repeat;
	background-position: top center;

	font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style: italic; 
	color:#FFFFFF;
}

.pod_arch_konf
{
background-image: url(images/arch_konf.jpg) ;
background-repeat: no-repeat;
background-position: top center;
	font-size:12px;
	color: ##2D2B72;
}
.tematy_zaj
{
	
	font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-style: italic; 	
	color:#007ABB;
		text-decoration:none;
	
}

.rightt {
	background-color:#ffffff;
	font-size:11px;
	color: #2D2B72;
	position:relative;
	width:160px;
	float:right;


}
.centerr {
	background-color:#ffffff;
	font-size:13px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #2D2B72;
		float:right;
position:relative;
	width:620px;
	text-align:center;
}
.center_war {
	background-color:#ffffff;
	font-size:11px;
	color: #2D2B72;
		float:right;
position:relative;
	width:723px;
	text-align:center;
}
.left_war {
	background-color:#ffffff;
	font-size:11px;
	color: #2D2B72;
		float:left;
		position:relative;
		margin-left:2px;
width:275px;
}
.center_konf {
	background-color:#ffffff;
	font-size:11px;
	color: #2D2B72;
	float:right;
	position:relative;
	width:540px;
	text-align:center;
}
.left_konf {
	background-color:#ffffff;
	font-size:11px;
	color: #2D2B72;
	float:left;
	position:relative;
	margin-left:2px;
	width:458px;
}
.srodek {
	background-color:#ffffff;
	font-size:11px;
	color: #2D2B72;
/*	background-image: url(images/back_srodek.jpg);*/
	background-image: url(images/tlo_glowna.jpg);
	background-repeat: no-repeat;
	background-position: top center;

	width:605px;
	
}
.news {
	background-color:#ffffff;
	font-size:11px;
	color: #2D2B72;


	width:139px;
	
}
.warsztat {
	background-color:#ffffff;
	font-size:13px;

	background-image: url(images/tlo_war.jpg);
	background-repeat: no-repeat;
	background-position: top center;
font-family:Arial, Verdana, Helvetica, sans-serif;
	width:681px;
	
}
.konferencje {
	background-color:#ffffff;
	font-size:12px;
	color: ##2D2B72;
	background-image: url(images/akt_konf.jpg);
	background-repeat: no-repeat;
	background-position: top center;

	width:490px;
	
}


.materialy {
	background-color:#ffffff;
	font-size:13px;
	color: #2D2B72;
	

	width:998px;
	
}
.nasze_proj {
	background-color:#ffffff;
	font-size:11px;
	color: #2D2B72;
	background-image: url(images/nasze_proj.jpg);
	background-repeat: no-repeat;
	background-position: top center;

	width:604px;
	
}

.polecane {
	background-color:#ffffff;
	font-size:11px;
	color: #2D2B72;
	background-image: url(images/www-eksperci-polecaja.jpg);
	background-repeat: no-repeat;
	background-position: top center;

	width:604px;
	
}

.materi_back {
	background-color:#ffffff;
	
	background-image: url(images/mat_przed.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
	width:977px;
	height:200px;
	padding-top:41px;
	
}
.materi_przed {
	background-color:#ffffff;
	
	background-image: url(images/tlo_przed.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
	width:975px;
/*	height:200px;*/
	padding-top:41px;
	
}
.materi_szkola {
	background-color:#ffffff;
	
	background-image: url(images/tlo_szkola.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
	width:977px;
/*	height:177px;*/
	padding-top:41px;
	
}
.zielone {	
	background-image: url(images/zielone.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
	width:259px;
	height:27px;
		float:left;
padding-top:4px;	
}
.aktu {	
	background-image: url(images_galeria/aktu2.jpg);
	background-repeat: repeat-x;
/*	background-position: top center;*/
	text-align:center;
	/*width:259px;*/
	height:27px;
		float:left;
padding-top:4px;	
}

.niebieskie {	
	background-image: url(images/niebieskie.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
	width:259px;
		float:left;
	height:27px;
padding-top:4px;	
}
.czerwone {	
	background-image: url(images/czerwone.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
	width:264px;
	height:27px;
		float:left;
padding-top:4px;	
}
.rad {	
	background-image: url(images/rad.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
	width:264px;
	float:left;
	height:27px;
	padding-top:4px;	
}
.materi_rodzice {
	background-color:#ffffff;
	
	background-image: url(images/rodzice_tlo.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
	width:975px;

	padding-top:41px;
	
}
.materi_rs {
	background-color:#ffffff;
	
	background-image: url(images/tlo_rad.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
	width:975px;

	padding-top:41px;
	
}
.materi_ind {
	background-color:#ffffff;

	background-image: url(images/tlo_ind.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
	width:975px;

	padding-top:41px;

}
.zobacz
{
font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;


}
.text_materialy
{
font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
font-style: italic; 

}
.text_right
{
font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#007DC6;
text-align:left;

}
.text_right a:hover
{
font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#007DC6;
text-align:left;
}
.text_right a
{
font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#007DC6;
text-align:left;
}

.text_dol
{
font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
font-style: italic; 
text-align:center;

}
.text_dol a:hover
{
font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
font-style: italic; 
text-align:center;
}
.text_dol a
{
font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
font-style: italic; 
text-align:center;
}
#slowoo
{
	color:#185BA8;
	border:0;
    font-size:10px;
	font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
	margin-left:20px;
}
#slowoko
{
	color:#185BA8;
	border:0;
    font-size:12px;
	font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
	width:100px;

}
.podmn
{
  margin-left:50px;
  margin-top:35px;
  color:white;
  font-size:14px;
  line-height:20px;
  font-family:"Myriad Pro", Arial,Verdana, Helvetica, sans-serif;
  font-style: italic; 
  font-weight:bold;
}

	.text_menu
{
font-family:"Myriad Pro", Arial,Verdana, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:white;
text-align:center;

}
.text_menu a:hover
{
font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:white;
text-align:center;
}
.text_menu a
{
font-family:"Myriad Pro",Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:white;
text-align:center;
}

.left {
	background-color:#ffffff;
	font-size:11px;
	color: #2D2B72;
		float:left;
		position:relative;
		margin-left:2px;
width:208px;
}

.futter {
	height: 37px;
	background-image: url(images/stopka.jpg);
	background-repeat: no-repeat;
		width:1000px;
}
.input {
	height: 15px;
	width: 170px;
}
.textarea {
	width: 280px;
	overflow:auto;
	height: 100px;
}
.incontentt{ position: relative;top:-130px;left:400px;}
.incontent{
padding-left:10px;
padding-right:20px;

}

.clearfix li{float:left; width:190px;}

.real{width:580px; margin-left:10px; margin-top:20px;}
.realOpis{float:left; text-align:left;}
.realOpisZajawka{float:left; width:580px;}
.realOpisOpis{float:left; width:600px;}
.galeria{float:left; width:580px; margin-top:20px; margin-bottom:20px;}
.pages{margin-top:10px;}
.pages .orange a{color:#f57601;}

.clearfixx li{float:left; margin:10px;}



/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }

	div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme ten jest włączony
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_expand { background: url(../images/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(../images/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(../images/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(../images/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.light_square .pp_arrow_previous { background: url(../images/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(../images/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(../images/nextlabel.jpg) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(../images/prevlabel.jpg) center left no-repeat; cursor: pointer; } /* Previous button */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}
		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content {
			height: 40px;
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				.pp_description {
					display: none;
					float: left;
					margin: 0;
				}
				
				.pp_nav {
					clear: left;
					float: left;
					margin: 3px 0 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
				
					.pp_nav a.pp_arrow_previous,
					.pp_nav a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		a.pp_next {
			background: url(../images/prevlabel.jpg) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(../images/nextlabel.jpg) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			display: block;
			float: right;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: none;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			display: none;
			line-height: 1 !important;
			margin: 0 auto;
			text-align: center;
			width: 100%;
		}
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			left: 0;
			position: absolute;
			top: 0;
			z-index: 9999;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after, .clearfixx:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix, .clearfixx {display: inline-block; list-style:none; margin:0px; padding:0px;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	.clearfixx {display: block; margin-left:10px; width:600px;}


  #s3slider {
   width: 588px; /* important to be same as image width */
   height: 312px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 588px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #088ecf;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
   font-weight:bold;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

+ show all of the code

Then you need to initalize s3Slider and set the duration of how long will one picture be shown on the page (value is in miliseconds).
JS
	
	
.katalogi_box{width:600px;}
.katalogi_box img{margin:15px 20px;}
.katalogi_box b{font-size:14px;}
.tablePomoce, .tablePomoce td{border:solid 1px #cde7f6;}