/* style css kasiasobieszczyk.pl */

html, body {color: #2d2d2d; font-family:  arial, verdana, Helvetica, sans-serif; height: 100%; border-style: none; border-width: 0; margin: 0; padding: 0; background-color: #ffffff; background: url('graf/bg.jpg') repeat}
html, body, td {font-size: 12px; margin:0; padding:0;}
img {border-spacing: 0; border-collapse: collapse; border-style: none; border-width: 0; margin: 0; padding: 0;}
img.startFoto {border: none}
p {margin:0; padding:0px 0px 10px 0px; text-align: justify;}
p.pHead {font-size: 16px; font-weight: bold; color: #484848; padding:0; text-align: center;}
p.produktTitle {font-size: 20px; font-weight: bold; color: #484848;}
a{ color: #264ec5; font-size: 12px;}
a:hover { color: #3653a9; text-decoration: underline; font-size: 12px;}
form, input, textarea {white-space: nowrap;}
.guzik{background-color: #264ec5; padding:5px; border:none; margin-bottom:20px; color:#fff; cursor: pointer}

/* okreslenie warstw */

#kontRamka {background: url('graf/bg2.png') repeat-y; width: 988px; padding-top: 0px; clear: both; margin: 0 auto; z-index: 1;}

#kontent{margin: 0 auto; background: url('graf/bg2.png') repeat-y; width:928px; padding:10px 30px; overflow:hidden} /* content */
#kontentTop { position: relative; width: 100%; padding-top: 0px; z-index: 0; border-bottom: 1px #ffffff solid;} /*linia pod menu*/
			#kontentTopLang{ position: absolute; right:0; top: 0; padding: 1px 5px 0px 0px; font-variant: small-caps}
			#kontentTopMenu 	{ right:0; bottom: 0; padding: 0px 5px 0px 5px;}
			.logo{ background: url('graf/logo.gif') no-repeat; width:405px; height:135px; margin-left:262px; margin-bottom: 20px} 
			.logo a{width:100%; height:100%; display:block}
			.menuStyle {background-color: #c8bca2; border-bottom-color: #c8bca2;}

#kontentMiddle{ width: 100%; padding-top: 0px; overflow:hidden}
#kontentMiddleCL{ float: left; width: 185px; padding: 30px 0px 5px 0px;}
#kontentMiddleCP { float: right; width: 690px; padding: 25px 0px 0px 0px;}
				
#kontentHome{}
		
img.produktFoto {border: 1px #dddddd solid; }

		
#kontentGaleria{}
.kontentGaleriaProd {float: left; width: 20%; text-align: center;}
	/*.kontentGaleriaProd:hover{background: url('graf/serce.png') no-repeat; margin: 15px 0 15px 0;}*/
		.kontentGaleriaProdSzczegoly {width: 100%; font-size:11px}
		.kontentGaleriaProdSzczegolyNazwa{font-size: 11px;font-weight: bold;color:#264ec5;} /*by�o: color:#f679ee;*/
		.kontentGaleriaProdSzczegolyCena{font-size: 11px; color:#2d2d2d}
		.kontentGaleriaProdSzczegolyCenaPromo{font-size: 11px;color:#2d2d2d}
		.kontentGaleriaProdSzczegolyOpis{font-size: 11px;color: #929292;}
		.kontentGaleriaProdSzczegolyNowosc{font-size: 11px;font-weight: bold;color: #7f7f7f}
		.kontentGaleriaProdSzczegolySprzedany{font-size: 11px;color: #7f7f7f;}
		.kontentGaleriaProdSzczegolyRezerwacja{font-size: 11px;color: #2d2d2d;}
		.kontentGaleriaProdSzczegolyPrywatna{font-size: 11px;color: #7f7f7f;}
.kontentGaleriaBreakProd {clear:both;height: 20px;}
.kontentGaleriaBreakProdB {clear:both;height: 20px;}
				
#kontentProdukt{line-height: 20px;}
				
#kontentBlog{line-height: 20px;}
.kontentBlogTytulNotki {font-size: 18px; font-weight: bold; color: #484848;}
.kontentBlogDataNotki {font-size: 10px;}
.kontentBlogTrescNotki {padding: 6px; text-align: justify;}
.kontentBlogMiedzyTresc {height: 30px;}
.kontentBlogMFotyMini {padding-top: 6px;}
.kontentBlogKomentuj {text-align: right;padding-right: 5px;}
#kontentBlogKomentarzeNaglowek { font-weight: bold; font-size: 14px; padding-bottom: 12px;}
.kontentBlogDataDodania {font-weight: normal; color: #264ec5;}
.kontentBlogKom {}
.kontentBlogKomBreak {height: 15px;}

#kontentProduktNavi{width: 100%; padding: 0px 0px 20px 0px; margin-bottom: 20px; text-align: center;}
#kontentProduktNaviLeft{ border-bottom: 1px #b4b4b4 solid;float: left; text-align: left; width: 150px; color: #2d2d2d; font-size: 11px;}
#kontentProduktNaviCenter{border-bottom: 1px #b4b4b4 solid;float: left; text-align: center; width: 388px; color: #2d2d2d; font-size: 11px;}
#kontentProduktNaviRight{border-bottom: 1px #b4b4b4 solid;float: left; text-align: right; width: 150px; color: #2d2d2d; font-size: 11px;}
	a.kontentPNCA:link, a.kontentPNCA:visited {color: #2d2d2d; text-decoration:none; font-size: 11px;}
	a.kontentPNCA:hover {color: #2d2d2d; text-decoration:none;  font-size: 11px;}

#kontentProduktFotos{clear: both; float: left; width: 498px;}
	#kontentProduktFotosD{ width: 100%; padding-bottom: 20px;}
	#kontentProduktFotosD img{border:none}
	#kontentProduktFotosM{ width: 100%; padding: 0px 4px 0px 4px;}
	#kontentProduktFotosM img{border:none}
	.galeriaM20{ float: left; padding: 0px 5px 14px 5px;}

#kontentProduktMenu{float: left; width: 180px; padding: 0px 0px 0px 10px;}
	#kontentProduktMenuCena { width: 100%;  font-size: 18px; font-weight: bold;text-align: center;color:#264ec5}
	#kontentProduktMenuCena2 { width: 100%;  font-size: 18px; font-weight: bold;text-align: center;color:#2d2d2d}
	#kontentProduktMenuCenaPromo { width: 100%;  font-size: 18px; font-weight: bold;text-align: center; color:#264ec5}
	#kontentProduktMenuRezerwacja { width: 100%; font-size: 15px; font-weight: bold;text-align: center;}
	#kontentProduktMenuPrywatna { width: 100%;  font-size: 12px; font-weight: bold;text-align: center;}
	#kontentProduktMenuAsk, #kontentProduktMenuAsk:hover{ width:167px; height:54px; background: url('graf/zapytaj.gif') no-repeat; margin:50px 0px 0px 14px}
	#kontentProduktMenuAsk a, #kontentProduktMenuAsk:hover a{ width:100%; height:100%; display:block}
	#kontentProduktMenuAsk:hover{background: url('graf/zapytaj.gif') no-repeat 0px -55px}
	#kontentProduktMenuZamow, #kontentProduktMenuZamow:hover{ width:167px; height:54px; background: url('graf/zamow.gif') no-repeat; margin:30px 0px 0px 14px}
	#kontentProduktMenuZamow a, #kontentProduktMenuZamow:hover a{ width:100%; height:100%; display:block}
	#kontentProduktMenuZamow:hover{background: url('graf/zamow.gif') no-repeat 0px -54px}
	#kontentProduktMenuAsk2, #kontentProduktMenuAsk2:hover{ width:167px; height:54px; background: url('graf/zapytaj2.gif') no-repeat; margin:50px 0px 0px 14px}
	#kontentProduktMenuAsk2:hover{background: url('graf/zapytaj2.gif') no-repeat 0px -55px}
	#kontentProduktMenuZamow2, #kontentProduktMenuZamow2:hover{ width:167px; height:54px; background: url('graf/zamow2.gif') no-repeat; margin:30px 0px 0px 14px}
	#kontentProduktMenuZamow2:hover{background: url('graf/zamow2.gif') no-repeat 0px -54px}
	#kontentProduktMenuId{ width: 100%; font-size: 12px;padding: 10px 0px 0px 0px;text-align: center;}

/*boksy*/
.box{width:166px; margin-right:20px; background-color:red; float:left; padding:15px 15px 15px 115px}
	.box2{margin-right:0px}
	.foto1{background: url('graf/kurs.gif') no-repeat 0px 27px;}
	.foto2{background: url('graf/omnie.gif') no-repeat 0px 27px;}
	.foto3{background: url('graf/zakupy.gif') no-repeat 0px 27px;}
	.box h2{color:#2d2d2d; font-size:42px; font-family:georgia; margin:0px; font-weight:normal}
	.box b{color:#2d2d2d; font-size:12px; font-family:georgia; font-style:uppercase; font-weight:normal}
	.box p{padding:0px}
	.box p a{float:left}
	.box a{float:right; color:#3653a9; font-weight:normal}
				
	
	
#kontentProduktOpis{clear: both; padding-top: 5px; padding: 3px 0px 20px 0px; font-size: 12px;}

#kontentOmnie{ line-height: 20px; }
#kontentOmnieF{ float: left; width: 300px; height: 180px; background-image: url('graf/omnie.jpg'); margin: 6px 14px 0px 0px;}

#kontentKursy{ line-height: 20px;width: 690px;}
.kurs{width:690px; overflow:hidden; border-bottom: 1px #b4b4b4 solid; padding-bottom:20px}
.kontentKursTop{ clear: both; float: left; width: 690px; margin: 15px 0 10px 0;}
.kontentKursTopIn{ width: 690px;font-weight: bold; padding: 3px; border-bottom: 1px #ffffff solid; color: #484848; font-size:16px}
.kontentKursFoto{ float: left; width: 110px; margin: 0px;}
.kontentKursOpis{ float: left; width: 480px; margin: 0px;}
.kontentKursCena{ float: left; text-align:right; width: 100px; margin: 0px; font-weight: bold; color: #264ec5;}
.kontentKursCena2{ float: left; text-align:right; width: 100px; margin: 0px; font-weight: bold; color: #2d2d2d;}
.kontentKursBottom{ clear: both; float: left; width: 690px; text-align:right; font-size: 9px;}
#kontentKursyClear{ clear: both; float: left; width: 690px;}

#kontentPlatnosci{line-height: 20px;}

#kontentGwarancjaZwroty {line-height: 20px;}

#kontentPomoc{line-height: 20px;}

#kontentWysylka{line-height: 20px;}

#kontentKontakt{ width: 100%;line-height: 20px;}
.kontaktFormPolaTytul {padding-right: 10px; font-weight: bold;}
			
#kontentMiddleCP2{ float: left; width: 5px; padding: 0px 0px 0px 0px;}

#kontentFoot{ width: 100%; padding: 0px; border-top: 1px solid #B4B4B4; overflow:hidden }
	#kontentFootC{ font-size: 10px; width: 100%; float: left; padding: 0px;  border-top: 2px #ffffff solid;}
		#kontentFootC2{padding: 7px; }
		#kontentFootC3{padding: 7px; float:right; color:#b4b4b4}
		#kontentFootC3  a, #kontentFootC3  a:hover{color:#b4b4b4; font-size:10px; text-decoration:none; font-weight:normal}
	#kontentFootI{ font-size: 10px; width: 80%; float: left; text-align: right; font-weight: bold; padding: 0px;  border-top: 2px #ffffff solid;}
		#kontentFootI2{ padding: 7px; }
	/*newsletter*/
	#kontentFootN{ width: 100%; float: left; text-align: right; padding: 0px;  border-top: 2px #ffffff solid;; overflow:hidden}
		#kontentFootN2{ padding: 20px; background-color:#f2f2f2 }
	a.newsletter_link {font-size: 12px; font-weight:bold; text-decoration:none}
#footerPapps{ position: fixed; right:0; bottom: 0; z-index: 100;}

	
	


/* dla stronicowania */
.podzialNoLink {padding: 4px 5px 4px 5px; font-size: 11px; font-weight:normal}
a.podzial:link, a.podzial:visited {font-weight:bold; font-size: 11px; text-decoration: none; color: #2d2d2d;padding: 3px 5px 3px 5px;}
a.podzial:hover { font-size: 11px; color: #2d2d2d; padding: 4px 5px 4px 5px;}
.stronicowanie {clear: both; text-align: center; padding: 20px 0px 30px 0px; font-weight:normal} /* div wyswietlajacy stronicowanie */

/* menu top */
ul.mt, ul li {display: block; list-style: none; margin: 0; padding: 0;}
ul.mt {text-align: center; padding: 14px 0px; border-top: 1px #b4b4b4 solid; border-bottom: 1px #b4b4b4 solid}
ul.mt li {display: inline; white-space: nowrap; padding: 0px 21px; border-right: 1px #b4b4b4 solid;}
ul.mt .nb{border-right: none}
ul.mt a.mt:link, ul.mt a.mt:visited { text-decoration: none;  color: #000000; border: 1px solid #ffffff; padding: 3px 6px 3px 6px; font-size:12px;  font-weight: normal;}
ul.mt a.mt:hover {  border-top: 1px #ffffff solid; font-size:12px; font-weight: normal;}

/* menu lewe */
ul.lewe, ul.lewe li {list-style: none; margin: 0; padding: 0;}
ul.lewe {text-align: left; padding: 10px 0px 0px 0px;}
ul.lewe li {display: block; margin: 0px 0px 0px 5px; padding: 5px 0px;  border-bottom: 1px dashed #b4b4b4; }

ul.lewe a.lewe:link, ul.lewe a.lewe:visited {font-size: 13px; padding: 0px 0px 15px 0px; text-decoration: none; color: #2d2d2d; border:0; font-weight: normal;}
ul.lewe a.lewe:hover {font-size: 13px; color: #264ec5; padding: 0px 0px 15px 3px; text-decoration: none; font-weight: normal;}

ul.lewe a.leweB:link, ul.lewe a.leweB:visited {font-size: 13px; font-weight: bold; color: #2d2d2d; padding: 0px 0px 15px 3px; text-decoration: none; border:0;}
ul.lewe a.leweB:hover {font-size: 13px; font-weight: bold; color: #264ec5; padding: 0px 0px 15px 3px; text-decoration: none; }

/* menu lewe z wazniejszymi kategoriami */
ul.leweW, ul.leweW li {list-style: none; margin: 0; padding: 0;}
ul.leweW {text-align: left; padding: 0px 0px 10px 0px;}
ul.leweW li {display: block; margin: 0px 0px 0px 5px; padding: 5px 0px;  border-bottom: 1px dashed #b4b4b4; }

ul.leweW a.leweW:link, ul.leweW a.leweW:visited { font-size:13px; padding: 0px 0px 15px 0px; text-decoration: none; color: #2d2d2d; border:0; font-weight: bold;}
ul.leweW a.leweW:hover { font-size:13px; color: #264ec5; padding: 0px 0px 15px 3px; text-decoration: none;  font-weight: bold;}

ul.leweW a.leweWB:link, ul.leweW a.leweWB:visited { font-size:13px; font-weight: bold; color: #2d2d2d; padding: 0px 0px 15px 0px; text-decoration: none; border:0;}
ul.leweW a.leweWB:hover { font-size:13px; font-weight: bold; color: #264ec5; padding: 0px 0px 15px 3px; text-decoration: bold; }






