body { 
	margin: 0px; 
	padding: 0px; 
	width:100%;
	font-family: verdana;
	font-size: 9pt;
}

table , td , td{
	font-size: 9pt;
	color: #820996;
	line-height: 19px;
}

a{
	font-size: 9pt;
}

h1 { line-height: 19px; font-weight: bold; font-variant: normal; color: #820996; font-size: 18px; margin-top:40px; }
h2 { line-height: 17px; font-weight: bold; font-variant: normal; color: #820996; font-size: 13px; margin-top:15px; margin-bottom:5px; }
h3 { line-height: 10px; letter-spacing:4px; font-variant: normal; color: #820996; font-size: 9px; }

/*CONTAINER*/

div.contentBig{
	width: 100%;
	background: url(images/tlo.png);
	font-family: verdana; 
	padding-top: 20px;
}
div.contentTop{
	margin: 0; 
	width: 1000px;
	display: block;
	text-align: left;
}
div.topLewa{
	background: url(images/goraLewa.png) #fff no-repeat; 
	width: 26px;
	height: 210px;
	float: left;
}
div.topLogo{ 
	background: url(images/logo.png) #fff no-repeat; 
	width: 204px;
	height: 210px;
	float: left;
}
div.topSrodek{ 
	width: 286px;
	height: 210px;
	float: left;
}
div.topPrawa{ 
	background: url(images/topStyl.png) #fff no-repeat; 
	width: 484px;
	height: 210px;
	float: left;
}
.clear{
	clear: both;
}

div.contentBottom{
	width: 1000px;
	margin: 0; 
	display: block;
	color: #a49fa5;
	font-size: 9pt;
	padding: 5px 0px 10px 0px;
	text-align: left;
}

div.subContentBottom{
	margin-left: 260px;
}

div.contentMiddle { 
	background-color: #fff; 
	width: 1000px;
}
div.leftContent{
	float:left;
	width: 245px;
	display:block;
	color: #23254e;
	text-align: center;
}
div.centerContent{
	float: left;
	padding: 0px;
	text-align: left;
	font-size: 9pt;
	color: #820996;
	line-height: 22px;
}
div.subCenterContent{
	margin-right: 10px;
}
div.rightContent{
	float: right;
	width: 220px;
	padding: 0px;
}
div.subLeftContent{
	float:left;
	display:block;
	text-align: center;
	width: 168px;
	border: 1px solid #89b2de;
	margin-top: 5px;
	background: #f1f8ff;
}

/*menu top*/


.nazwaKategoriiWinieta{
	font-size: 11px;
	font-weight: bold;
	background: url(images/tloTopNazwaKategorii.jpg) repeat-y;
	padding-left: 25px;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #eee;
}

div.topMenu{
	width: 1000px;
}
.subTopMenuLeft{
	width: 26px;
	background: url(images/tloMenuGora.png) #fff repeat-x; 
	float: left;
	height: 32px; 
}
.subTopMenuLeftLogo{
	width: 204px;
	background: #fff;
	float: left;
	height: 32px;
}
div.subTopMenu{
	float: left;
}
.linkMenuTop{
	display: block;
	height: 32px;
	background: url(images/tloMenuGora.png) #fff repeat-x; 
	text-decoration: none;
	color: #fff8ff;
	font-size: 9pt;
	font-family: verdana;
	height: 32px;
}
.linkMenuTop:hover{
	background: url(images/tloMenuGoraHover.png) #fff repeat-x; 
	text-decoration: none;
	color: #fff8ff;
}
.spanLinkMenuGora{
	display: block;
	padding-top: 8px;
}
div.kreska{
	height:32px;
	width: 1px;
	background: url(images/kreska.png) #fff no-repeat; 
	float:left;
}
/*menu top koniec*/


/*lewa*/
.leftPusty{
	width: 21px;
	height: 636px;
	background: #fff;
	float: left;
}
.leftMenu{
	width: 200px;
	height: 233px;
	float: left;
}
.leftMenuSrodek{
	width: 218px;
	height: 233px;
	background: url(images/leftSpacer.png) #fff repeat-y; 
	text-align: left;
}

.subLeftMenuSrodek{
	margin-left: 20px;
	padding-top: 20px;
}

.kontakt{
	text-align: left;
	margin-left: 30px;
	font-size: 10px;
	margin-top: 20px;
	color: #820996;
	line-height: 15px;
}

.imieNazwisko{
	font-weight: bold;
}

.telefon{

}

.email{
	color: #8cd419;
	text-decoration: underline;
}

.leftMenuBottom{
	width: 218px;
	height: 251px;
	background: url(images/leftBottom.png) #fff no-repeat; 
}
/*lewa koniec*/

/*prawa*/
.rightMenu{
	width: 220px;
}
.rightMenuSrodek{
	width: 220px;
	height: 233px;
	background: url(images/rightSpacer.png) #fff repeat-y; 
	text-align: left;
	padding-top: 30px;
}
.rightMenuBottom{
	width: 220px;
	height: 141px;
	background: url(images/rightBottom.png) #fff no-repeat; 
}
.rightMenuItem{
	display: block;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.imgRightMenuItem{
	border: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
}

.rightMenuItemCien{
	background: url(images/cienRightItem.png) no-repeat; 
	width: 19px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	display: block;
}

/*koniec prawa*/

/* stopka */

.subSropkaSrodek{
	margin-left: 15px;
}

.divStopkaItem{
	float: left;
	margin-right: 14px;
}

.stopkaLink{
	display: block;
	color: #8ecb42;
	font-size: 12px;
	text-decoration: none;
}

.stopkaLink:hover{
	text-decoration: underline;
}

/* stopka koniec */

/* promocje */
.srodekPromocjeContent{
	margin-top: 20px;
}

.promocjaCenter{
	width: 236px;
	height: 105px;
	background: url(images/promocjaTlo.jpg);
	float: left;
	margin-left: 20px;
	cursor: pointer;
}

.subPromocjaCenter{
	margin-left: 15px;
	margin-top: 10px;
}

.promocjaImg{
	float: left;
	margin-left: 15px;
	margin-top: 15px;
}

.promocjaText{
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	color: #000;
	font-size: 12px;
}

.promocjaTextHeader{
	font-weight: bold;
	color: #fe79d6;
}
					
.promocjaTextOpis{
	line-height: 14px;
}

/* koniec promocje*/

/* nowości*/
.srodekNowosciContent{
	margin-left: 20px;
}

.nowoscCenter{
	line-height: 15pt;
}

.linkNowosc{
	color: #820996;
	font-size: 9pt;
	text-decoration: none;
}
.zobaczWiecejNowosc{
	font-size: 9pt;
	color: #8ecb42;
	text-decoration: none;
}

.linkNowosc:hover{
	text-decoration: underline;
}
.zobaczWiecejNowosc:hover{
	text-decoration: underline;
}

/* nowości koniec*/

/*artykul */
.imgArtykul{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.linkWiecej{
	color: #000;
	text-decoration: none;
	margin-left: 100px;
}

.linkWiecej:hover{
	text-decoration: none;
	color: #aaa;
}

.divKategoriaTlo{
	background: url('images/pasekzielony.gif') no-repeat;
	width: 520px;
	height: 50px;
	margin-top: 40px;
	
}

.wiecejObrazek{
	background: url('images/pasekwiecej.gif') no-repeat;
	width: 176px;
	height: 30px;
	text-align: left;
	float: right;
}

.h1Kategoria{
	 color: #87b21c; 
	 margin-left: 40px;
	 padding-top: 12px;
	 font-weight: bold;
	 font-size: 18px;
	 font-family: verdana;
}

.linkZajawka{
	text-decoration: none;
	color: #820996;
}

.linkZajawka:hover{
	text-decoration: underline;
}
/* artykul koniec */


div.ok{
	background-color: #cfc;
	color: green;
	font-size: 10px;
	font-weight: bold; 
	border: 1px solid green;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}

div.nok{
	background-color: #fc9;
	color: red;
	font-size: 10px;
	font-weight: bold; 
	border: 1px solid red;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}

.ulAlert{
	margin: 3px 0px 3px 10px;
	padding: 3px 0px 3px 10px;
}
	
/* rzad formularza trzymajacy label + input + komentarz */
div.formularz { 
	display: block; 
	margin: 0px 0px 3px 0px; 
	padding: 5px 5px 5px 156px; 
	border-bottom: 1px solid #C3C3C3; 
	background-color: #f5f5f5; 
}

/* tytul pola */
.inputTitle , .inputTitleLarge { 
	float: left; 
	cursor: pointer;
	margin-left: -155px;
	width: 150px;
	padding: 3px 0px 5px 5px;
	}

.inputTitleLarge{
	width: 250px;
}

/* pole input */
div.inputCode { padding: 0px 0px 0px 5px; margin: 0px; border-left: 1px solid #fff; }

/* przyciski na dole formularza */
div.inputButton { margin: 10px 0px 0px 155px;  }

/* tytul formularza */
.formularzTitle { margin: 0px; color: #000; background-color: #8ecb42; padding: 8px; }

.formularzComment { margin: 1px 0px 0px 0px; font: normal 11px Tahoma, Verdana; line-height: 1.2em; width: 300px; }

div.dialogButtonCode{
	padding-bottom: 15px;
}

.button { 
	border: 1px solid #999999; 
	font: 10px Tahoma, Verdana, Arial; 
	color: #000; 
	background: #ddd; 
	/*background: url(img/button.jpg) 0% 50% repeat-x #fff; */
	padding: 1px 5px 1px 5px; 
	margin-right: 5px; 
	}
.submit { 
	border: 1px solid #999999; 
	font: 11px Tahoma, Verdana, Arial; 
	color: #000; 
	background: #ddd;
	/*background: url(img/submit.jpg) 0% 50% repeat-x #fff; */
	padding: 1px 5px 1px 5px; 
	margin-right: 0px; 
	}
.delete { 
	border: 1px solid #999999; 
	font: 11px Tahoma, Verdana, Arial; 
	color: #000; 
	background: #ddd;
	/*background: url(img/delete.jpg) 0% 50% repeat-x #FFFFFF; */
	padding: 1px 5px 1px 5px; 
	margin-right: 5px; 
	}
	
.formTitle{
	font-size: 12pt;
	margin: 20px 0px 20px 0px;
	font-weight: bold;
	color: #820996;
}	
	
.formSubTitle{
	font-size: 10px;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	text-align:left;
}

fieldset { 
	border: none; 
	border-top: 1px solid #999999; 
	margin-top: 5px; 
	background: url(img/fieldsetbg.jpg) top left repeat-x #efe; 
	padding-top: 5px;
	}
legend { 
	background-color: #FFFFFF; 
	color: #666666; 
	}

/*koniec formularza*/