/* -----------------------   I N S T A L   F O N T S   ---------------------- */




@font-face {
	font-family:Inicjal;
	src: url('../fonts/Great_Vibes/GreatVibes-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:InicjalEot;
	src: url('../fonts/Great_Vibes/GreatVibes-Regular.eot');
	font-weight: normal;
	font-style: normal;
}







/* ------------------------------   S T Y L E   ----------------------------- */


body {
	position: relative;
	background: #FFF;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 16px;
	text-align: left;
	color: #777;
}

div.artykul .fleft, .fleft		{float:left;}
div.artykul .fright, .fright	{float:right;}
div.artykul .fcenter, .fcenter	{float:none; text-align:center;}
div.artykul .clear, .clear		{position: relative; clear: both;}

.clear {position: relative; clear: both;}





.strWidth {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	text-align: center;
}
	/* Dla wąskiego okna żeby strony się nie przesuwały bo wychodzi białe tło */
@media only screen and (max-width: 1070px) {.123{}
	.strWidth {
		position: relative;
		width: 1050px;
		text-align: left;
	}
}

.strCenter {
	position: relative;
	width: 1050px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
}






/* ========================================================================== */
/* -------------------------  S T R O N A   T O P  -------------------------- */


#strTop {
	background: #2C0001 url(../img/bg02.jpg) no-repeat scroll top center;
	text-align: left;
}



/* ---------------------------  M E N U   T O P  ---------------------------- */

#menu_top {
	position: relative;
	height: 65px;
	padding: 115px 0 0 0;
	margin: 0;
	clear: both;
	background: transparent;
	text-align: left;
}
#menu_top ul {list-style:none; padding:0; margin:0; position:relative;
	float:right;
}
#menu_top ul li {display:inline; float:left;
}
#menu_top ul li a,
#menu_top ul li a:visited {
	float: left;
	margin: 0 0 0 8px;
	padding: 13px 18px 15px 18px;
	text-decoration: none;
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 1px;
	border: 0;
	background: transparent url(../img/black30.png) no-repeat scroll top center;
}
#menu_top ul li a:hover {
	padding: 16px 18px 12px 18px;
	color: #fff;
	background: transparent url(../img/red30.png) no-repeat scroll top center;
}



/* ---------------------------  L O G O   T O P  ---------------------------- */

#logoKPK {
	position: absolute;
	top: 18px;
	left: -7px;
	
}



/* --------------------------  B A N E R   T O P  --------------------------- */

/* -------------- Baner 1 -------------- */

#baner_top1 {
	position: relative;
	height: 400px;
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
	text-align: left;
	clear: both;
	background: #fff;
	background: transparent url(../img/ban_cien3.png) no-repeat scroll;
	background-position: 0px 0px;
}



/* ---------- Baner 1 - Logo ----------- */

#baner_top1 #logoTK {
	position: absolute;
	top: 50px;
	left: 65px;
	z-index: 25;
}




/* --------------------------  R A M K I   T O P  --------------------------- */

.ramkiTop {
	position: relative;
	padding: 20px 0 55px 0;
	border: none;
	background: transparent;
}

.ramkaTop {
	position: relative;
	width: 270px;
/*	height: 340px; */
	padding: 15px 30px 30px 30px ;
	background: #2a0000;
	overflow: hidden;
	
	-webkit-box-shadow: 0px 5px 40px -10px rgba(255,0,0,0.5);
	-moz-box-shadow: 0px 5px 40px -10px rgba(255,0,0,0.5);
	box-shadow: 0px 5px 40px -10px rgba(255,0,0,0.5);
	
	border-top: 15px solid #100;
/*	behavior: url(./js/PIE.php); */
}

.ramkaTop1 { float: left; margin-right: 30px; }
.ramkaTop2 { float: left; }
.ramkaTop3 { float: right; }

.ramkaTop .blik1 { /* Blik rozjaśnienie wewnątrz wyśrodkowane */
	position: absolute;
	display: block;
	top: -50px;
	left: 100px;
	width: 140px;
	height: 50px;
	background: transparent;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 10px 70px 30px rgba(255,0,0,0.35);
	-moz-box-shadow: 0px 10px 70px 30px rgba(255,0,0,0.35);
	box-shadow: 0px 10px 70px 30px rgba(255,0,0,0.35);
	
/*	behavior: url(./js/PIE.php);  */
}

.ramkaTopTop {
	position: relative;
}



.ramkaTop  h1 {
	position: relative;
	text-align: left;
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 1px;
	line-height: 120%;
	color: #fff;
	padding: 5px 0 20px 0;
}
.ramkaTop  h1 span {
	font-family: "Times New Roman", serif;
	font-family: Inicjal, InicjalEot, serif;
	font-size: 43px;
	font-style: normal;
	letter-spacing: 4px;
	vertical-align: -4px;
}


.ramkaTop  img {
	position: relative;
	padding: 0 0 20px 0;
}


.ramkaTop  p {
	position: relative;
	text-align: left;
	font-size: 16px;
	line-height: 160%;
	color: #fff;
	padding: 0;
}
.ramkaTop p:first-line {
	color: #da8;
	font-weight: bold;
}


.ramkaTop a.klawisz,
.ramkaTop a.klawisz:visited {
	position: relative;
	margin: 15px 0 0 0;
	padding: 9px 30px 10px 30px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	border: 0;
	background: #800;
}
.ramkaTop a.klawisz:hover {
	background: #b00;
}


.ramkaTop ul li {
	position: relative;
	font-size: 16px;
	list-style-type: square;
	margin-left: 15px;
	color: #fff;
	line-height: 160%;
}
.ramkaTop ul li span {
	color: #c00;
}





/* ========================================================================== */
/* --------------------  S T R O N A   A R T Y K U Ł Y  --------------------- */

.strArtyk {
	position: relative;
	padding: 50px 0 0 0;
}
#strArt {
	background: #fff url(../img/wzorek01.jpg) repeat-x scroll top center;
	text-align: left;
}


/* --------------------------  O K N O   L E W E  --------------------------- */

.okno_l {
	position: relative;
	width: 690px;
	float: left;
}

.okno_l .tytul {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 30px;
	color: #888;
	margin: 25px 0 20px 0;
}
.okno_l .tytul span {
	font-family: Inicjal, InicjalEot, serif;
	font-size: 55px;
	font-style: normal;
	letter-spacing: 6px;
	vertical-align: -4px;
}

.okno_l .artykul {
	padding: 15px 0;
	background: #fff url(../img/bgartykul1.jpg) repeat-x scroll top left;
}

.okno_l .artykul h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	font-size: 20px;
	padding: 20px 0 0 0;
	color: #a00;
}

.okno_l .artykul p {
	line-height: 180%;
	text-align: justify;
	text-indent: 30px;
}

.okno_l .artykul p.italic {
	font-style: italic;
}

.okno_l .artykul p.podpis {
	text-align: right;
	font-style: italic;
}

.okno_l .redbold {
	color: #a00;
	font-weight: bold;
	font-size: 18px;
}

.okno_l a, .okno_l a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #a00;
}
.okno_l a:hover {
	color: #ff5900;
}


.okno_l a.linkGal, .okno_l a.linkGal:visited {
	font-size: 18px;
	line-height: 180%;
	border-left: 22px solid #c0c0c0;
	padding-left: 10px;
}


.okno_l a.linkFoto {
	width: 300px;
	height: 100px;
	border: 6px solid #fff;
	margin: 15px 20px 15px 0px;
	float: left;
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
}
.okno_l p.linkFoto {
	width: 350px;
	height: 100px;
	margin-top: 20px;
	float: right;
	text-align: left;
	text-indent: 0px;
	line-height: 150%;
}




/* ------------------------- OFERTA - MENU --------------------------- */

.okno_l .artykul h3.zestaw_dzial span {
	float: right;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	cursor: pointer;
	padding: 3px 4px 3px 4px;
	color: #fff;
	background: #500;
}
.ui-accordion-header-icon, .ui-icon, .ui-icon-triangle-1-s { display: none;}

.okno_l .artykul h4.zestaw_nr {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 20px;
	margin: 30px 0px 10px 0px;
	padding: 10px 15px 10px 15px;
	background: #ddd url(../img/bg04.jpg) repeat scroll top left;
	color: #666;
	border-left: #a00 solid 20px;
	cursor: pointer;
}
.okno_l .artykul h4.zestaw_nr i {
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
}
.okno_l .artykul h4.zestaw_nr span {
	float: right;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
}

.okno_l .artykul h4.zestaw_danie {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	padding: 5px 0 5px 0;
	color: #888;
}
.okno_l .artykul h4.zestaw_danie span{
	float: right;
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
}

.okno_l .artykul h4.zestaw_grupa {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: bold;
	font-size: 20px;
	padding: 10px 0 7px 0;
	color: #A00;
}

.okno_l .artykul ul.zestaw_sklad {
	margin: 0px 0px 10px 0px;
}

.okno_l .artykul ul.zestaw_sklad li {
	position: relative;
	font-size: 16px;
	list-style-type: disc;
	margin-left: 30px;
	line-height: 150%;
}
.okno_l .artykul ul.zestaw_sklad li span {
	float: right;
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
}
.okno_l .artykul ul.zestaw_sklad ul {
	margin: 0px 0px 2px 0px;
}

.okno_l .artykul ul.zestaw_sklad ul li {
	position: relative;
	font-size: 16px;
	list-style-type: none;
	margin-left: 50px;
	line-height: 150%;
	
}
.okno_l .artykul ul.zestaw_sklad ul li:before{
	content:"─";
	position: relative;
	margin-left: -10px; /* optional, for multiline li element */
	left: -5px;
}




.okno_l .artykul ul.lista_oferta li {
	font-family: Georgia, "Times New Roman", serif;
    font-weight: bold;
    font-size: 18px;
    padding-top: 5px;
    color: #777;
}









/* ------------------------- GALERIA Pretty Photo --------------------------- */


.gal {
	position: relative;
	width: 700px;
	padding: 0 0 0 0;
	text-align: justify;
}

a.galmini {
	background: transparent;
	margin: 0px;
}

.mini {
	width: 100px;
	height: 100px;
	border: 6px solid #fff;
	margin: 5px 10px 20px 5px;
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
}

.galminiblack {
	width: 135px;
	height: 2px;
}












/* -------------------------  O K N O   P R A W E  -------------------------- */

.okno_p {
	position: relative;
	width: 325px;
	float: right;
	padding: 10px 0;
}

.okno_p .news1 {
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
	background: #fff url(../img/bg03.jpg) repeat scroll top left;
}
.okno_p .news2 {
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	background: transparent;
}
.okno_p .news1 h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 22px;
	line-height: 130%;
	color: #fff;
	padding: 20px 0 17px 15px;
	margin: 0;
	background: #300;
	border-left: #a00 solid 20px;
}
.okno_p .news2 h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 22px;
	line-height: 130%;
	color: #666;
	padding: 20px 0 17px 15px;
	margin: 0;
	background: #ddd;
	border-left: #a00 solid 20px;
}
.okno_p .news1 h3 span,
.okno_p .news2 h3 span {
	font-family: Inicjal, InicjalEot, serif;
	font-size: 40px;
	font-style: normal;
	letter-spacing: 3px;
	vertical-align: -3px;
}

.okno_p .news1 p {
	padding: 10px 20px;
	line-height: 160%;
	text-align: left;
	font-style: italic;
}
.okno_p .news2 p {
	padding: 10px 0px;
	line-height: 160%;
	text-align: left;
	font-style: normal;
}
.okno_p .news1 ul,
.okno_p .news2 ul {
	position: relative;
	margin-top: 15px;
}
.okno_p .news1 ul li,
.okno_p .news2 ul li {
	position: relative;
	font-size: 16px;
	font-style: italic;
	list-style-type: square;
	margin-top: 5px;
	margin-left: 35px;
	line-height: 160%;
}
.okno_p .news2 ul li {
	position: relative;
	font-size: 16px;
	font-style: normal;
	list-style-type: square;
	margin-left: 15px;
	line-height: 160%;
}
.okno_p .news1 ul li span,
.okno_p .news2 ul li span {
	
}

.okno_p a {
	font-weight: bold;
	text-decoration: underline;
	color: #a00;
}
.okno_p a:hover {
	color: #ff5900;
}







/* ========================================================================== */
/* -----------------------------  S T O P K A  ------------------------------ */


#strStop {
	background: #300 url(../img/wzorek02.jpg) repeat-x scroll top center;
	padding: 60px 0 0 0;
}

#stopka_1 {
	position: relative;
	padding: 40px 0 40px 0;
	background: transparent;
	color: #da8;
	
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;

	behavior: url(./js/PIE.php);
}

#stopka_1 a{
	font-weight: bold;
	color: #a00;
}
#stopka_1 a:hover {
	text-decoration: underline;
}













































/* ------ Baner 1 - Fotorama ------ */



/* -------------- Baner 2 -------------- */

div#baner_top2 {
	position: relative;
	height: 150px;
	text-align: left;
	clear: both;
	background: #000 url(../baner1/baner02a.jpg) repeat-x scroll top left;
}

/* ------ Baner 2 - Logo ------ */

div#baner_top2 #logo01{
	position: absolute;
	top: 25px;
	left: 25px;
	z-index: 25;
}



/* --------------------------   Foto  pracownik   --------------------------- */

img#foto01 {
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 10;
}

















/* ========================================================================== */
/* ------------------------  O K N O   Ś R O D E K  ------------------------- */

div#okno_s {
	position: relative;
	padding: 30px 25px 20px 25px;
	margin: 0;
	clear: both;
	
	background: #FFF;
	
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	
	behavior: url(./js/PIE.php);
}

div#okno_s a, div#okno_s a:visited {
	color: #c00;
	font-weight: bold;
}
div#okno_s a:hover {
	color: #FD651F;
	text-decoration: underline;
}

div#okno_s ul li {
	font-size: 18px;
	list-style-type: square;
	margin-left: 25px;
	color: #c00;
	line-height: 130%;
}
div#okno_s ul li span {
	font-size: 14px;
	color: #777;
}

div#okno_s ul li a, div#okno_s ul li a:visited {
	font-size: 14px;
	color: #c00;
	font-weight: bold;
}
div#okno_s ul li a:hover {
	color: #FD651F;
	text-decoration: underline;
}


div#okno_s img.foto11 {
	border: 6px solid #fff;
	margin: 5px 10px 10px 5px;
	
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
}

div#okno_s .red {
	color: #c00;
}



/* --------------------------  O K N O   L E W E  --------------------------- */







/* ------ Baner 2 - Logo ------ */

div.okno_l div.ramka1 {
	position: relative;
	width: 680px;
	padding: 15px 20px;
	margin: 10px 0;
	background: #a00;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 150%;
	color: #fff;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	-webkit-box-shadow: 2px 5px 10px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 5px 10px rgba(0,0,0,0.25);
	box-shadow: 2px 5px 10px rgba(0,0,0,0.25);

	behavior: url(./js/PIE.php);
}


/* -------------------------   ARTYKUŁ  B A N E R   ------------------------- */

div.artykulbaner {
	position: relative;
	padding: 0 0 20px 0;
	border: none;
	background: transparent;
}

div.artykulbaner div.baner1{
	position: relative;
	width: 225px;
	height: 210px;
	padding: 0;
	background: #bbb url(../img/bgbaner01a.jpg) repeat-x scroll center bottom;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 2px 5px 10px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 5px 10px rgba(0,0,0,0.25);
	box-shadow: 2px 5px 10px rgba(0,0,0,0.25);

/*	behavior: url(./js/PIE.php); */

}
div.baner1a{ float: left; margin-right: 23px; }
div.baner1b{ float: left; }
div.baner1c{ float: right; }

div.baner1 div.baner1tyt {
	position: relative;
	height: 77px;
	padding: 12px 10px;
	text-align: center;
	font-weight: normal;
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 150%;
	color: #ffffff;
	background: #bbb url(../img/bgbaner01b.jpg) repeat-x scroll center top;
	
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;

/*	behavior: url(./js/PIE.php); */
}

div.baner1 p {
	position: relative;
	padding: 20px 15px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 160%;
	color: #333;
}


/* ---------------------   ARTYKUŁ  KLIENCI  L O G A   ---------------------- */

div.artykul .klienciloga {
	float:none;
	text-align:center;
	padding-top: 10px;
}

div.artykul .klienciloga img{
	vertical-align: middle;
	margin-right: 30px;
	margin-bottom: 15px;
}


/* -----------------------   ARTYKUŁ   LEWY - PRAWY   ------------------------ */

div.artykul div.p-lewy{
	width: 355px;
	float:left;
	margin-bottom: 20px;
}
div.artykul div.p-prawy{
	width: 355px;
	float:right;
	margin-bottom: 20px;
}


/* ------------------------   ARTYKUŁ  S T O P K A   ------------------------ */

div.kontakt {
	text-align: center;
}

div.kontakt h3 {
	text-align: center;
}

div.kontakt p {
	text-align: center;
}





/* -------------------------  O K N O   P R A W E  -------------------------- */




div#okno_s div.news ul li span{
	font-style: italic;
}