/* CSS Reset  ---------------- */

* {
	padding: 0;
	margin: 0;
}

html, body {
  margin: 0;
  padding: 0;
	min-height: 100%;
	height: 100%;
}

ul, ol {
	list-style: none;
	position: relative;
	left: 20px;
}

img, a img {
	border: 0;
	margin: 0;
}

p {
	margin-bottom: 54px;
}

sup, sub {
	font: normal 9px trebuchet ms, georgia, verdana, tahoma;
	color: #c71700;
}






/* style ogólne -------------------------------- */


div, p, td, li, h3, h4, h5 {
	font: normal 13px tahoma, trebuchet ms, georgia, verdana;
	line-height: 18px;
	letter-spacing: 0; 
	color: #444;
}

a {
	color: #e50000;
	text-decoration: none;
}
a:hover {
	color: #91008c; 
	text-decoration: underline;
}
.first:first-letter {
	display: inline-block !important;
	font-size: 24px;
	font-weight: normal;
}

b	{
	font-weight: normal;
	color: #fff;
}

.border {
	width: 100%;
	height: 1px;
	margin: 15px 0 16px 0;
	font: normal 1px trebuchet ms, tahoma, arial;
	line-height: 1px;
	border-top: 1px dotted #555;
}



.left 			{ float: left; }
.right 			{ float: right; }
.clear 			{ clear: both; }
.clearleft 	{ clear: left; }
.clearright	{ clear: right; }

.trebuchet	{ font-family: trebuchet ms; }
.tahoma			{ font-family: tahoma; }
.arial			{ font-family: arial; }
.georgia		{ font-family: georgia; }

.txtnormal	{	font-style: normal !important;}
.txtitalic	{	font-style: italic !important;}
.txtright		{ text-align: right !important; }
.txtcenter	{ text-align: center !important; }
.txtjustify	{ text-align: justify !important; }
.txtshadow1	{ text-shadow: #222 1px 1px 3px; }
.txtshadow2	{ text-shadow: #fff 1px 1px 3px; }

.noborder 	{ border: 0 !important; }
.nomargin 	{ margin: 0 !important; }
.nodisplay 	{ display: none ; }
.block		 	{ display: block !important; }
.inline	 		{ display: inline !important; }
.relative		{ position: relative !important; }
.absolute		{ position: absolute !important; }

.border 		{ display: block; width: 100%; height: 1px; line-height: 1px; font-size: 1px; border-top: 1px dotted #555; }
.border1 		{ border: 1px dotted #555; }
.border2 		{ border-bottom: 1px dotted #aaa; }
.border3 		{ border: 1px dotted #fff; }
.border4 		{ border: 1px solid #bbb; }

.linia1			{ width: 100%; height: 60px; background: url(../images/linia1.png) no-repeat top center; }
.linia2			{ width: 100%; height: 30px; background: url(../images/linia2.png) no-repeat top center; }
.linia3			{ width: 100%; height: 70px; background: url(../images/linia1.png) no-repeat bottom center; }
.liniamala1	{ width: 100%; height: 62px; background: url(../images/liniamala1.png) no-repeat center; }
.liniamala2	{ width: 100%; height: 62px; background: url(../images/liniamala2.png) no-repeat center; }




.w25p 			{ width: 25% !important; }
.w30p 			{ width: 30% !important; }
.w40p 			{ width: 40% !important; }
.w50p 			{ width: 50% !important; }
.w60p 			{ width: 60% !important; }
.w70p 			{ width: 70% !important; }
.w75p 			{ width: 75% !important; }
.w100p 			{ width: 100% !important; }
.w175 			{ width: 175px !important; }
.w200 			{ width: 200px !important; }
.w240 			{ width: 240px !important; }
.w260 			{ width: 260px !important; }
.w280 			{ width: 280px !important; }
.w300 			{ width: 300px !important; }
.w320 			{ width: 320px !important; }
.w340 			{ width: 340px !important; }
.w360 			{ width: 360px !important; }
.w370 			{ width: 370px !important; }
.w380 			{ width: 380px !important; }
.w386 			{ width: 386px !important; }
.w400 			{ width: 400px !important; }
.w420 			{ width: 420px !important; }
.w430 			{ width: 430px !important; }
.w440 			{ width: 440px !important; }
.w450 			{ width: 450px !important; }
.w460 			{ width: 460px !important; }
.w480 			{ width: 480px !important; }
.w500 			{ width: 500px !important; }
.w520 			{ width: 520px !important; }
.w540 			{ width: 540px !important; }
.w560 			{ width: 560px !important; }
.w580 			{ width: 580px !important; }
.w600 			{ width: 600px !important; }
.w620 			{ width: 620px !important; }
.w640 			{ width: 640px !important; }
.w740 			{ width: 740px !important; }
.w760 			{ width: 760px !important; }

.h046 			{ height: 46px !important; }
.h268 			{ height: 285px !important; }
.h350 			{ height: 350px !important; }

.pad1 			{ padding: 72px 0 0 40px; }
.pad2 			{ padding: 8px 0 0 102px; }
.pad-ld 		{ padding: 0 0 30px 0; }

.mrgcenter	{ margin: 0 auto; }
.mtop0			{ margin-top: 0 !important; }
.mbottom0		{ margin-bottom: 0 !important; }
.mleft0			{ margin-left: 0 !important; }
.mright0		{ margin-right: 0 !important; }
.mrg-lg 		{ margin: 0 0 10px 0; }
.mrg-ld 		{ margin: 0 0 40px 0; }
.mrg2 			{ margin: 4px 0 0 30px; }


.italic 		{ font-style: italic !important; }
.normal 		{ font-style: normal !important; }
.bold		 		{ font-weight: bold !important; }
.condensed	{	font-family: arial narrow, arial, tahoma; }
.f11				{ font-size: 11px !important; } 
.f12				{ font-size: 12px !important; } 
.f13				{ font-size: 13px !important; } 
.f14				{ font-size: 14px !important; } 
.f15				{ font-size: 15px !important; } 
.f16				{ font-size: 16px !important; } 
.f17				{ font-size: 17px !important; } 
.f18				{ font-size: 18px !important; } 
.f19				{ font-size: 19px !important; } 
.f20				{ font-size: 20px !important; } 
.f21				{ font-size: 21px !important; } 
.f22				{ font-size: 22px !important; } 
.f23				{ font-size: 23px !important; } 
.f24				{ font-size: 24px !important; } 
.f25				{ font-size: 25px !important; } 
.f26				{ font-size: 26px !important; } 
.f28				{ font-size: 28px !important; } 
.f32				{ font-size: 32px !important; } 
.f36				{ font-size: 36px !important; } 

.red 				{ color: #f00 !important; }
.lred 			{ color: #f88 !important; }
.lgreen			{ color: #c7ff76 !important; }
.green			{ color: #92f218 !important; }
.orange			{ color: #fc0 !important; }
.yellow			{ color: #fff8a9 !important; }
.white			{ color: #fff !important; }
.gray				{ color: #777 !important; }
.dgray			{ color: #595959 !important; }
.black			{ color: #000 !important; }


.lh12 			{ line-height: 12px !important; }
.lh13 			{ line-height: 13px !important; }
.lh14 			{ line-height: 14px !important; }
.lh15 			{ line-height: 15px !important; }
.lh16 			{ line-height: 16px !important; }
.lh17 			{ line-height: 17px !important; }
.lh18 			{ line-height: 18px !important; }
.lh19 			{ line-height: 19px !important; }
.lh20 			{ line-height: 20px !important; }
.lh22 			{ line-height: 22px !important; }
.lh24 			{ line-height: 24px !important; }
.lh26 			{ line-height: 26px !important; }
.lh32 			{ line-height: 32px !important; }
.lh36 			{ line-height: 36px !important; }
.lh40 			{ line-height: 40px !important; }


.circle			{ list-style-type: circle !important; }
.disc				{ list-style-type: disc !important; }
.square			{ list-style-type: square !important; }
.linone			{ list-style-type: none !important; }


.bg1				{ background: url(../images/bg1.jpg) no-repeat bottom left; }
.bg2				{ background: #f4f4f4; }












/* body -------------------------------- */

body 	{ position: relative; }
.tb1 	{ background: #ffbfe5 !important; }
.tb2 	{ background: #bfdfff !important; }













/* bg main + nakładki -------------------------------- */

#bg {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	/* background: url(../images/tlo-bg2.png); */
}

#nk1 {
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 439px;
	/* background: url(../images/tlo-nk1.png) 0 -30px; */
}

#nk2 {
	position: absolute;
	top: 576px;
	z-index: 5;
	width: 100%;
	height: 125px;
	/* background: url(../images/tlo-nk2.png); */
}

#foto1 {
	position: fixed;
	z-index: 5;
	width: 100%;
	height: 700px;
	background: url(../images/tlo-foto1.jpg) no-repeat top center; 
}

#foto2 {
	position: fixed;
	z-index: 5;
	width: 100%;
	height: 700px;
	background: url(../images/tlo-foto2.jpg) no-repeat top center; 
}










/* container -------------------------------- */

#container {
	z-index: 10;
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding-bottom: 70px;
	border: 0;
}









/* top -------------------------------- */

#top {
	z-index: 99;
	position: fixed;
	width: 100%;
	height: 30px;
	background: url(../images/tlo-top.png);
}

#top p { 
	color: #eee; 
	font-size: 11px; 
	font-weight: bold;
	line-height: 28px;
}
#top p span 	{ color: #ff9ad6; }

#top p.left {
	float: left; 
	padding: 0 0 0 24px;
}
#top p.right {
	float: right; 
	padding: 0 24px 0 0;
}








/* logo -------------------------------- */

#logo {
	position: relative;
	width: 100%;
	height: 210px;
	margin: 0;
	padding: 0;
	border: 0;
}
#logo img.logoduze {
	position: absolute;
	top: 40px;
	left: 0;
}
#logo h1 {
	position: absolute;
	top: 50px;
	left: 190px;
	font-weight: bold;
	text-shadow: #222 1px 1px 3px;
}
#logo h1 a {
	font-family: georgia, trebuchet ms;
	font-size: 40px;
	color: #fee602;
	line-height: 44px;
	letter-spacing: 2px;
}
#logo h1 a:hover {
	text-decoration: none;
}
#logo h1 a strong.logo1 {
	font-size: 15px;
	font-weight: bold !important;
	ccolor: #fff;
	line-height: 15px !important;
	letter-spacing: 0;
}

#logo h2 {
	position: absolute;
	top: 144px;
	left: 190px;
	font-weight: bold;
	text-shadow: #222 1px 1px 3px;
}
#logo h2 strong.logo2 {
	font-size: 13px !important;
	font-weight: bold !important;
	color: #fff;
	line-height: 16px !important;
	letter-spacing: 0;
}


.menulogo, .menulogo2 {
	position: absolute;
	top: 50px;
	right: 8px;
	right: 0;
	height: 18px;
	font-style: normal;
	font-size: 11px; 
	text-align: right;
	line-height: 18px;
}
.menulogo a, .menulogo2 a {
	display: block;
	line-height: 16px;
	color: #fff;
}
.menulogo a:hover {
	color: #faafff;
	text-decoration: none;
}
.menulogo2 a:hover {
	color: #c9deff;
	text-decoration: none;
}
.menulogo a img, .menulogo2 a img {
	margin: 0 3px; 
	border: 0;
	vertical-align: -2px;
}


.facebook {
	position: absolute;
	top: 130px;
	right: 2px;
	width: 50px;
	height: 50px;
}







/* header -------------------------------- */

#header {
	position: relative;
	width: 100%;
	height: 450px;
	margin: 0;
	padding: 0;
	border: 0;
}
#header 	{ background: transparent url(../images/tlo-header.png) no-repeat top center; }

#header .header {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 960px;
	height: 430px;
}
.index 				{	height: 430px; background: transparent url(../images/header-index.jpg) no-repeat center; }
.flash				{	background: transparent url(../images/header-flash.jpg) no-repeat center; }
.ofirmie			{	background: transparent url(../images/header-ofirmie.jpg) no-repeat center; }
.oferta1			{	background: transparent url(../images/header-oferta1.jpg) no-repeat center; }
.oferta2			{	background: transparent url(../images/header-oferta2.jpg) no-repeat center; }
.galeria1			{	background: transparent url(../images/header-galeria1.jpg) no-repeat center; }
.galeria2			{	background: transparent url(../images/header-galeria2.jpg) no-repeat center; }
.cennik1			{	background: transparent url(../images/header-cennik1.jpg) no-repeat center; }
.cennik2			{	background: transparent url(../images/header-cennik2.jpg) no-repeat center; }
.cennik3			{	background: transparent url(../images/header-cennik3.jpg) no-repeat center; }
.kontakt			{	background: transparent url(../images/header-kontakt.jpg) no-repeat center; }

.intro {
	position: relative;
	top: 0;
	left: 335px;
	width: 625px;
	height: 430px;
}












/* slider -------------------------------- */

#slider {
	z-index: 80;
  position: relative; /* important */
	top: 0;
	left: 0;
  overflow: hidden; 	/* important */
	margin: 0;
	border: 0;
}

#sliderContent {
	z-index: 22;
	position: absolute; /* important */
	top: 0; 						/* important */
	left: 0;						/* important */
	margin: 0; 					/* important */
}

#slider, #sliderContent {
	width: 960px; 			/* important to be same as image width or wider */
	height: 430px; 			/* important to be same as image height */
} 


.sliderImage {
  float: left; 				/* important */
  position: relative; /* important */
  display: none; 			/* important */
	text-align: left;
}

.sliderImage span {
	display: none; 			/* important */
  position: absolute; /* important */
	top: 0;
   /*
       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
   */
  padding: 8px 20px 16px 20px;
	font: bold italic 12px trebuchet ms, times, arial !important;
	line-height: 16px;
  /* background-color: #000; */
	background: transparent url(../images/tlo-slider.png) no-repeat bottom left;
  filter: alpha(opacity=100); 	/* here you can set the opacity of box with text */
  -moz-opacity: 1; 					/* here you can set the opacity of box with text */
  -khtml-opacity: 1; 				/* here you can set the opacity of box with text */
  opacity: 1; 							/* here you can set the opacity of box with text */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* For IE 8 */
  color: #fff;
  ttext-shadow: #222 1px 1px 3px;
}


.sliderImage span.s0 	{	left: 9000px; width: 1px; }
.sliderImage span.s1 	{	left: 730px; width: 160px; }
.sliderImage span.s2 	{	left: 370px; width: 520px; }
.sliderImage span.s3 	{	left: 600px; width: 125px; }
.sliderImage span.s4 	{	left: 490px; width: 400px; }
.sliderImage span.s5 	{	left: 640px; width: 250px; }
.sliderImage span.s6 	{	left: 600px; width: 290px; }
.sliderImage span.s7 	{	left: 690px; width: 200px; }
.sliderImage span.s8 	{	left: 700px; width: 190px; }
.sliderImage span.s9 	{	left: 690px; width: 200px; }
.sliderImage span.s10	{	left: 730px; width: 160px; }
.sliderImage span.s11	{	left: 590px; width: 300px; }


.sliderImage span strong.title {
	display: block;
	margin: 3px 0 7px 0;
	font: italic bold 17px trebuchet ms, times, arial;
	text-shadow: 1px 1px 3px #000;
	line-height: 19px;
	color: #ff88fb;
}
.sliderImage span strong.txt {
	font-size: 15px;
}











/* firmy -------------------------------- */

#firmy {
	line-height: 20px;
	text-align: justify;
}

#firmy a 				{ margin-right: 7px; display: inline-block;}
#firmy a.af12 	{ font-size: 12px; color: #f0008e; }
#firmy a.af13 	{ font-size: 13px; color: #f0008e; }
#firmy a.af14 	{ font-size: 14px; color: #e00085; }
#firmy a.af15 	{ font-size: 15px; color: #e00085; }
#firmy a.af17 	{ font-size: 17px; color: #d5007e; }
#firmy a.af19 	{ font-size: 19px; color: #d5007e; }
#firmy a.af20 	{ font-size: 20px; color: #c80177; }
#firmy a:hover 	{ color: #d00; }











/* katalogi -------------------------------- */

#katalogi {
}

#katalogi a 				{	}










/* menu -------------------------------- */

#menu, #menu2 {
	z-index: 99;
	position: absolute;
	top: 30px;
	left: 30px;
	width: 280px;
	border: 0;
}
#menuslider {
	z-index: 20;
	position: absolute;
	top: 16px;
	left: 17px;
	width: 240px;
	border: 0;
}

.menuboxgora {
	width: 280px;
	height: 15px;
	background: transparent url(../images/menu-box.png) no-repeat top;
}
.menuboxdol {
	width: 280px;
	height: 15px;
	background: transparent url(../images/menu-box.png) no-repeat bottom;
}
.menuboxsrodek {
	width: 280px;
	height: 300px;
	background: transparent url(../images/menu-box.png) no-repeat center;
}

.menuboxsrodek .menu {
	width: 100%;
	padding: 6px 0;
}
.menuboxsrodek .menu strong {
	display: block;
	width: 240px;
	height: 20px;
	margin: 0 20px 20px 20px;
	padding-bottom: 4px;
	font: bold 16px trebuchet ms, arial, verdana; 
	color: #fff !important;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-shadow: #fff 1px 1px 3px;
	text-align: right;
}
.menuboxsrodek .menu a {
	display: block;
	width: 230px;
	height: 24px;
	margin: 0 20px;
	padding: 0;
	font: normal 12px trebuchet ms, arial, tahoma;
	color: #fff;
	line-height: 25px;
	letter-spacing: 0;
	text-align: left;
	text-transform: uppercase;
	text-shadow: #222 1px 1px 3px;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}
.menuboxsrodek .menu a:hover, .menuboxsrodek .menu a.act {
	height: 25px;
	margin: 0 2px;
	padding: 0 18px;
	text-shadow: none;
	text-decoration: none;
	border: 0;
}
#menu .menuboxsrodek .menu a:hover, #menu .menuboxsrodek .menu a.act {
	color: #960f5f;
	background: transparent url(../images/menu.png) no-repeat center;
}

#menu2 .menuboxsrodek .menu a:hover, #menu2 .menuboxsrodek .menu a.act {
	color: #c9deff;
	background: transparent url(../images/menu2.png) no-repeat center;
}












/* promocja -------------------------------- */

#promocja {
	position: absolute;
	top: 70px;
	left: 590px;
	z-index: 10;
	width: 1px;
	height: 1px;
	border: 0;
}
#promocja div {
	display: block;
	position: relative;
	width: 280px;
	height: 100px;
	overflow: hidden;
	background: transparent url(../images/tlo-chmurka.png) no-repeat top center;
}
#promocja div:hover {
	display: block;
	position: relative;
	width: 280px;
	height: 100px;
	background: transparent url(../images/tlo-chmurka.png) no-repeat bottom center;
}
#promocja div img {
	z-index: 10;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}

#promocja div a h3 {
	z-index: 20;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	font: bold 15px/20px trebuchet ms, tahoma, verdana; 
	color: #b41071;
}
#promocja div a:hover h3 {
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 3px #333;
}


#promocja div a h3.l1 {
	width: 205px;
	padding: 35px 0 45px 75px;
}
#promocja div a h3.l2 {
	width: 190px;
	padding: 55px 0 25px 90px;
}










/* text -------------------------------- */

#text {
	width: 100%;
	margin: 30px 0;
	padding: 0;
	border: 0;
}

#text .gora {
	width: 100%;
	height: 20px;
	background: transparent url(../images/tlo-text-gora.png) no-repeat top;
}
#text .dol {
	width: 100%;
	height: 20px;
	background: transparent url(../images/tlo-text-dol.png) no-repeat bottom;
}
#text .srodek {
	width: 100%;
	background: transparent url(../images/tlo-text-srodek.png);
}


#text2 {
	width: 100%;
	margin: 30px 0;
	padding: 0;
	border: 0;
}

#text2 .gora {
	width: 100%;
	height: 20px;
	background: transparent url(../images/tlo-text-gora2.png) no-repeat bottom;
}
#text2 .dol {
	width: 100%;
	height: 20px;
	background: transparent url(../images/tlo-text-dol2.png) no-repeat ;
}
#text2 .srodek {
	width: 100%;
	background: transparent url(../images/tlo-text-srodek2.png);
}




.rightcolumn {
	float: right;
	width: 532px;
	margin: 0 32px 0 0;
	padding: 12px 0 20px 0;
}

.nocolumn {
	width: 920px;
	margin: 0 auto;
	padding: 12px 0 20px 0;
}

.nocolumn .textbox-gora {
	width: 100%;
	height: 20px;
	background: transparent url(../images/tlo-textbox-gora.png) no-repeat top left;
}
.nocolumn .textbox-dol {
	width: 100%;
	height: 20px;
	background: transparent url(../images/tlo-textbox-dol.png) no-repeat bottom left;
}
.nocolumn .textbox-srodek {
	width: 856px;
	padding: 4px 30px 9px 30px;
	background: transparent url(../images/tlo-textbox-srodek.png) repeat-y center;
}

.titlemain {
	display: block;
	position: relative;
	width: 920px;
	height: 37px;
	margin: 15px 0 2px 0;
	padding: 0;
	text-align: right;
}
.titlemain h2 {
	font: italic 22px georgia, trebuchet ms, arial, tahoma;
	color: #444;
	line-height: 22px;
	letter-spacing: 0;
	/* text-transform: uppercase; */
}
.titlemain h2 strong {
	font-size: 14px;
	font-weight: normal;
	color: #777;
	line-height: 16px;
	letter-spacing: 0;
	/* text-transform: uppercase; */
}
.titlemain h3 {
	position: absolute;
	top: 0;
	left: 0;
	font: italic 24px/24px georgia, trebuchet ms, arial, tahoma;
	color: #d6218c;
	letter-spacing: 0;
	text-align: left;
}
.titlemain h3 span {
	font: italic 14px/14px georgia, trebuchet ms, arial, tahoma;
}

h2.chapter {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 18px 0;
	padding-bottom: 2px;
	font: italic 24px georgia, trebuchet ms, arial, tahoma;
	color: #ac0ba6;
	line-height: 26px;
	border-bottom: 1px dotted #ac0ba6;
}
h2.chapter img {
	position: absolute;
	top: -20px;
	right: 1px;
	border: 0;
}

.paragraph {
	margin-bottom: 54px;
}



strong.media {
	display: block;
	margin: 8px 0 0 0;
	font: italic 16px georgia, trebuchet ms, arial, tahoma;
	color: #ac0ba6;
}

strong.kontakt {
	display: inline;
	margin: 0;
	font-size: 16px;
	color: #222;
}

img.pdf {
	float: left; 
	margin: 0 10px 0 0;
	vertical-align: -5px;
	border: 0;
}

img.fotoleft {
	float: left; 
	margin: 5px 22px 4px 0;
	border: 1px solid #aaa;
}
img.fotoleft2 {
	float: left; 
	margin: 5px 32px 4px 0;
	padding: 0;
	border: 0;
}
img.fotoleftli {
	float: left; 
	margin: 5px 32px 4px 0;
	border: 1px solid #aaa;
}
img.fotoright {
	float: right; 
	margin: 5px 0 4px 22px;
	padding: 2px;
	border: 1px solid #999;
}


iframe {
	margin: 0;
	border: 1px dotted #999;
}


ul.left40 li, ol.left40 li {
	float: left;
	width: 40%;
}



ul.cmenu { 
	position: relative;
	left: 0 !important;
}

ul.cmenu li { 
	float: left;
	margin: 1px;
	border: 1px dotted #999;
}
ul.cmenu li.k1 { 
	width: 300px; 
	padding-left: 10px;
	font: italic 14px trebuchet ms, georgia, arial; 
	line-height: 24px; 
	color: #c71700;
}
ul.cmenu li.k2 {
	width: 120px; 
	padding-right: 10px;
	line-height: 24px; 
	text-align: right; 
}
ul.cmenu li.k3 {
	width: 90px; 
	padding-right: 10px;
	line-height: 24px; 
	text-align: right;
}

ul.cmenu li.b1	{ background: url(../images/b1.png); }
ul.cmenu li.b2	{ background: url(../images/b2.png); }

li.linone strong {
	position: relative;
	left: -17px;
	font: italic 16px georgia, trebuchet ms, georgia, arial; 
	color: #bc1879;
}








/* reklama -------------------------------- */

.reklama1, .reklama2, .reklama3, .reklama4 {
	display: block;
	float: left;
	width: 250px;
	height: 170px;
	padding: 15px;
	line-height: 17px;
	background: url(../images/tlo-reklama.png) no-repeat top left;
}
.reklama1 	{ margin: 0 40px 40px 0; }
.reklama2 	{ margin: 0 0 40px 0; }
.reklama3 	{ margin: 0 40px 0 0; }
.reklama4 	{ margin: 0 0 0 0; }

h2.titlereklama {
	display: block;
	width: 100%;
	height: 30px;
	margin: 0 0 24px 0;
	font: italic 24px georgia, trebuchet ms, arial, tahoma;
	color: #ac0ba6;
	line-height: 24px;
	border-bottom: 1px dotted #ac0ba6;
}










/* galeria -------------------------------- */

.img-gal {
	margin: 4px;
	border: 1px solid #444;
}


.img-gal:hover {
	margin: 0;
	border: 5px solid #df1a00;
}









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

a.zobacz {
	display: block;
	float: right;
	z-index: 99;
	width: 96px;
	height: 24px;
	margin: 15px 0 21px 0;
	padding: 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 23px;
	text-shadow: #222 1px 1px 3px;
	border: 0;
	background: url(../images/button-zobacz.png) no-repeat top right;
}
a.zobacz:hover {
	/* color: #faafff; */
	text-decoration: none;
	background: url(../images/button-zobacz.png) no-repeat top left;
}












/* footer -------------------------------- */

#footer {
	z-index: 20;
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 360px;
	border: 0;
}
.tf1 		{	background: url(../images/tlo-footer1.png) repeat-x top left !important; }
.tf2 		{	background: url(../images/tlo-footer2.png) repeat-x top left !important; }


.footer-bg {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/* background: url(../images/tlo-nk1.png); */
	border: 0;
}

.footer {
	position: relative;
	width: 960px;
	height: 300px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}
.footer .logomale {
	position: absolute;
	top: -40px;
	left: -100px;
	width: 80px;
	height: 80px;
	background: url(../images/logo-male.png) no-repeat center !important; 
}

.footer div {
	font-size: 11px;
	color: #fff;
	text-shadow: #111 1px 1px 2px;
}

.footer div a.mail {
	color: #faafff;
	text-decoration: none;
}
.footer div a.mail2 {
	color: #c9deff;
	text-decoration: none;
}
.footer div a:hover {
	text-decoration: underline;
}

strong.st1 {
	display: block;
	height: 36px;
	margin: 25px 0 35px 0;
	padding: 0;
	font: normal 20px trebuchet ms, tahoma;
	color: #fff;
	line-height: 36px;
	text-transform: uppercase;
}


.box-lu, .box-cu, .box-ru,
.box-lc, .box-cc, .box-rc,
.box-ld, .box-cd, .box-rd {
	display: block;
	float: left;
	text-align: justify !important;
}

.box-lu 			{ background: url(../images/tlo-footer-box.png) no-repeat top left; width: 16px; height: 16px; }
.box-cu 			{ background: url(../images/tlo-footer-box.png) no-repeat top center; width: 568px; height: 16px; }
.box-ru 			{ background: url(../images/tlo-footer-box.png) no-repeat top right; width: 16px; height: 16px; }

.box-lc 			{ background: url(../images/tlo-footer-box.png) no-repeat center left; width: 16px; height: 128px; }
.box-cc 			{ background: url(../images/tlo-footer-box.png) no-repeat center; width: 568px; height: 128px; }
.box-rc 			{ background: url(../images/tlo-footer-box.png) no-repeat center right; width: 16px; height: 128px; }

.box-ld 			{ background: url(../images/tlo-footer-box.png) no-repeat bottom left; width: 16px; height: 16px; }
.box-cd 			{ background: url(../images/tlo-footer-box.png) no-repeat bottom center; width: 568px; height: 16px; }
.box-rd 			{ background: url(../images/tlo-footer-box.png) no-repeat bottom right; width: 16px; height: 16px; }

.box-cc a.tag1, .box-cc a.tag2, .box-cc a.tagx, .box-cc a.tagy {
	display: inline-block;
	margin: 0 10px 0 10px;
	line-height: 18px;
	text-shadow: #222 1px 1px 2px;
}
.box-cc a.tag1	{ color: #de0085 !important; }
.box-cc a.tagx	{ color: #ff0199 !important; }
.box-cc a.tag2 	{ color: #69a1ff !important; }
.box-cc a.tagy 	{ color: #9cc8ff !important; }

.box-cc a:hover {
	color: #fff !important;
	text-decoration: none !important;
}


.copyleft, .copyright {
	display: block;
	float: left;
	height: 40px;
	margin: 50px 0 0 0;
}
.copyleft		 { background: url(../images/copy.png) no-repeat top left; width: 50%; }
.copyright	 { background: url(../images/copy.png) no-repeat top right; width: 50%; }

.copyleft div {
	float: left;
	padding-left: 20px;
	font: normal 11px georgia, trebuchet ms;
	line-height: 40px;
}
.copyright div {
	float: right;
	padding-right: 20px;
	font: normal 11px georgia, trebuchet ms;
	line-height: 40px;
	text-align: right;
}

strong.name1, strong.name2 {
	position: relative;
	top: 1px;
	margin: 0 3px;
	font-size: 18px;
}
strong.name1 	{ color: #ff88fb; }
strong.name2 	{ color: #87c5ff; }