body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff url('gfx/bg.gif') center top repeat-x;
	margin: 5px 0 0 0;
}

a{
	text-decoration: none;
	border: none;
}

img{
	text-decoration: none;
	border: none;
}

#page{
	margin: 0 auto;
	width: 1000px;
}

#top{
	height: 43px;
	overflow-y: hidden;
	background: #f3f1ee url('gfx/logo01.gif') no-repeat 49px 0;
	position: relative;
}

#logo_link_a{
	display: block;
	width: 85px;
	height: 39px;
	left: 84px;
	top: 4px;
	position: absolute;
}

#logo_link_b{
	display: block;
	width: 85px;
	height: 71px;
	left: 79px;
	top: 0;
	position: absolute;
}

#userArea{
	float: right;
	padding-top: 9px;
	padding-right: 5px;
}

.userButtContainer{
	border-right: 1px solid #e1e0dd;
	float: left;
}

#rejestrButt{
	width: 76px;
	height: 25px;
	background: url(gfx/rejestracja_butt.gif) no-repeat 0 0;
	display: block;
	padding-right:15px;
}

#rejestrButt:hover{
	width: 76px;
	height: 25px;
	background: url(gfx/rejestracja_butt.gif) no-repeat 0 -25px;
	display: block;
}

#logowButt{
	width: 76px;
	height: 25px;
	background: url(gfx/logowanie_butt.gif) no-repeat 0 0;
	display: block;
}

#logowButt:hover{
	width: 76px;
	height: 25px;
	background: url(gfx/logowanie_butt.gif) no-repeat 0 -25px;
	display: block;
}

#loginButt{
	width: 63px;
	height: 25px;
	background: url(gfx/loginButt.gif) no-repeat 0 0;
	display: block;
}

#loginButt:hover{
	width: 63px;
	height: 25px;
	background: url(gfx/loginButt.gif) no-repeat 0 -25px;
	display: block;
}

#wylogButt{
	width: 63px;
	height: 25px;
	background: url(gfx/wyloguj_butt.gif) no-repeat 0 0;
	display: block;
	padding-right:15px;
	margin-left:15px;
}

#wylogButt:hover{
	width: 63px;
	height: 25px;
	background: url(gfx/wyloguj_butt.gif) no-repeat 0 -25px;
	display: block;
}

#zamowButt{
	width: 122px;
	height: 25px;
	background: url(gfx/twojeZamowienia_butt.gif) no-repeat 0 0;
	display: block;
	padding-right:15px;
	margin-left:15px;
}

#zamowButt:hover{
	width: 122px;
	height: 25px;
	background: url(gfx/twojeZamowienia_butt.gif) no-repeat 0 -25px;
	display: block;
}

#daneButt{
	width: 100px;
	height: 25px;
	background: url(gfx/daneOsobowe_butt.gif) no-repeat 0 0;
	display: block;
	padding-right:15px;
	margin-left:15px;
}

#daneButt:hover{
	width: 100px;
	height: 25px;
	background: url(gfx/daneOsobowe_butt.gif) no-repeat 0 -25px;
	display: block;
}

#log_form{
	float: left;
	
}

.input{
	background: #fff;
	border: 1px solid #d35700;
	padding: 4px 4px 3px 4px;
	width:90px; 
	float:left;
}

.input_text{
	float: left;
	color: #D35700;
	height: 25px; 
	font-size: 12px;
	padding: 6px 2px 0 0;
}

#searchButt{
	width: 25px;
	height: 25px;
	background: url(gfx/searchButt.gif) no-repeat 0 -25px;
	display: block;
	float: left;
}

#searchButtContainer{
	float: right;
}

#searchButt:hover{
	background: url(gfx/searchButt.gif) no-repeat 0 0;
}

#bottomContainer{
	padding-left: 5px;
}

#searchContainer{
	float: left;
	position: relative;
	width: 266px;
	left: 283px;
	background:  #f3f1ee;
	padding-right: 15px;
	border-right: 1px solid #e1e0dd;
}

#basketButt{
	width: 31px;
	height: 25px;
	background: url(gfx/koszyk_butt.gif) no-repeat 0 0;
	display: block;
	float: left;
	margin-left: 15px;
}

#basketButt:hover{
	background: url(gfx/koszyk_butt.gif) no-repeat 0 -25px;
}

.links_bar{
	float: right;
	position: relative;
	bottom: 40px;
	margin-right: 25px;
	font-size: 12px;
	color: #934002; /*kolor aktualnej strony*/
	font-weight: bold;
	word-spacing: 6px;
}

.links_bar a{
	color: #fff;
}

.links_bar a:hover{
	color: #d35700;
}

a.cke{
	color: #F29400;
	text-decoration: none;
	font-weight: bold;
}

a.cke:hover{
	color: #D45A05;
	text-decoration: none;
	font-weight: bold;
}

/* Bottom */

#bottom{
	height: 58px;
	width: 990px;
	background: url('gfx/footerBg.gif') repeat-x;
	color: #929292;
}

#bottomLeft{
	float: left;
	padding-left: 10px;
	padding-top: 23px;
}

#bottomRight{
	float: right;
	padding-right: 10px;
	padding-top: 23px;
}

.madeBy{
	color: #929292;
	font-weight: bold;
}

.madeBy span{
	color: #e2873a;
}

#leftBg{
	background: url('gfx/leftBg.gif') left repeat-y;
	width: 990px;
	overflow-x: hidden;
}

#content{
	background: url('gfx/contentBg.gif') repeat-x;
	z-index: 1;
}
#contentPadding{
	padding: 0 5px 0 5px;
}

#left{
	float: left;
	width: 237px;
	background: #e2873a;
	_position: relative;
}

#right{
	float: left;
	width: 753px;
	background: #fff;
}

.contentFrame{
	padding: 5px;
}

.pasekHeader{
	background:url(gfx/pasek.gif) left repeat-x;
	padding: 11px 0 0 17px;
	width: 753px;
	_width: 736px;
	height: 39px;
	font-size: 15px;
	font-weight: bold;
	color: #d35700;
}

.contentMessage{
	padding: 20px 40px;
	text-align: center;
	color: #E2873A;
	font-size: 14px;
}

/* Promocja specjalna */

#topFotosBox{
	width: 753px;
	height: 326px;
	position: relative;
	
}

/* najczęsciej kupowane */

#najczesciejWybieraneHeader{
	background:url(gfx/najczesciejWybieraneHeader.gif) no-repeat;
	width: 753px;
	height: 39px;
}

/* PRODUKT BOX */

.produktContainer{
	padding-left:3px;
	padding-bottom:2px;
	float: left;
	height: 300px;
}

.produkt{
	border: 1px solid #f4f2ef;
	width: 180px;
}

.produkt div.gray{
	background: #f4f2ef;
}

.produkt div.gray .title{
	color: #595959;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 5px;
	height: 35px;
	text-align: center;
}

.produkt div.gray .title a{
	color: #595959;
}

.produkt div.gray .subtitle{
	font-size: 10px;
	padding-left: 10px;
	height: 12px;
	text-align: left;
}

.produkt div.gray div.photoContainer{
	padding: 10px 0 30px 15px;
}

.produkt div.gray div.photoContainer img{
	border: 1px solid #bcbcbc;
}

.produkt div.white{
	background: #fff;
}

.produkt div.white div.opis{
	font-size: 10px;
	padding: 15px 12px 15px 12px;
	height: 50px;
	overflow-y: hidden;
}

.options{
	padding-left:5px;
	font-size: 11px;
	color: #b2b2b2;
	margin-top: 10px;
}

.options div.wariant{
	float: left;
	width: 150px;
	padding-right: 10px;
}

.options div.wariant span{
	float: right;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	margin-top: 4px;
}

.options div.cena{
	float: left;
	width: 80px;
	padding-right: 10px;
}

.options div.cena span{
	float: right;
	font-size: 16px;
	color: #666;
	font-weight: bold;
}

.options div.info{
	float: left;
	width: 40px;
	height: 36px;
	text-align: center;
}

.options div.info span{
	padding-top: 3px;
}

.options div.symbol{
	padding-top: 4px;
	float: left;
}

.options div.symbol img{
	float: left;
}

.options div.kup{
	float: left;
	width: 40px;
	height: 36px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #ededed;
}

.produktListH1{
	color: #ea9a00;
	font-size: 24px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.produktListH2{
	color: #ea9a00;
	font-size: 14px;
	padding-left: 5px;
	padding-bottom: 15px;
}

/* Podstrona tekstowa*/


.txtTopFrame{
	width: 753px;
	background: url('gfx/tekstowaBg.jpg') no-repeat top right;
}

.txtTopFrameContent{
	padding-top: 25px;
	padding-left: 25px;
}

.txtTopFrameMainContent{
	padding: 25px 180px 25px 25px;
	line-height: 20px;
}

.txtTopFrame .H1{
	color: #ea9a00;
	font-size: 30px;
	padding-bottom: 15px;
}

.txtTopFrame .H2{
	color: #ea9a00;
	font-size: 18px;
	padding-left: 55px;
	padding-bottom: 20px;
}

.txtTopFrame .H3{
	color: #ea9a00;
	font-size: 14px;
	padding-right: 200px;
	padding-bottom: 60px;
}

.txtTopFrame .columns{
	padding-bottom: 10px;
	font-size: 11px;
	line-height: 18px;
	color: #000;
}

.txtTopFrame .columns .box{
	width: 640px;
	float:left;
}

.produktyHeader{
	background: url('gfx/produktyHeader.gif');
	width: 753px;
	height: 39px;
}

/* podstrona produktu */

.produktTopFrame{
	width: 753px;
}

.podobneProduktyHeader{
	background: url('gfx/podobneProduktyHeader.gif');
	width: 753px;
	height: 39px;
}

.productColumn{
	float: left;
}

.produktPhotoContainer{
	background: #f4f2ef;
	border: 1px solid #eaeaea;
	padding: 13px 13px 13px 13px;
	float: left;
	width: 230px;
	height: 230px;
}

.produktPhotoContainer img{
	border: 1px solid #bcbcbc;
}

.produktName{
	color: #ea9a00;
	font-size: 24px;
	padding-left: 25px;
	padding-bottom: 3px;
	width: 430px;
}

.produktSubname{
	padding-bottom:3px;
	padding-left:27px;
	width:430px;
	color:#666666;
	font-size:14px;
	font-weight:bold;
}

.produktTopFrameContent{
	padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
}

.produktTopFrameOpis{
	width: 415px;
	font-size: 11px;
	text-align: justify;
	line-height: 18px;
	padding-left: 30px;
	color: #000;
}



/* MENU */

#menuMain{
	background: #f3b642 url('gfx/logo02.gif') no-repeat center top;
	padding-top: 75px;
	position: relative;
}

#menuMainHeader{
	background: url('gfx/menuMainHeader.gif') no-repeat;
	width: 237px;
	height: 37px;
}

#menuInfo{
	background: #e2873a;
}

#menuInfoHeader{
	background: url('gfx/menuInfHeader.gif') no-repeat;
	width: 237px;
	height: 37px;
}

#menuMain ul.menu{
	margin:0;
	padding:0;
	width: 223px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 10px;
}

#menuMain ul.menu li{
	list-style-type: none;
	background: url('gfx/menuMainHr.gif') repeat-x left bottom;
}

#menuMain ul.menu .sub{
	display: none;
	list-style-type: none;
	background: #f5c466 url('gfx/menuMainHrSub.gif') repeat-x left bottom;
}

#menuMain ul.menu .sub a{
	line-height: 30px;
	font-size: 11px;
	padding-left: 20px;
	background: url('gfx/menuMainLiSub.gif') no-repeat 6px 8px;
	color: #fff;
}

#menuMain ul.menu a{
	line-height: 30px;
	padding-left: 20px;
	background: url('gfx/menuMainLi.gif') no-repeat 6px 4px;
	color: #fff;
}

#menuMain ul.menu a:hover{
	color: #ff7e19;
	font-weight: bold;	
}

/* MENU INFO */

#menuInfo ul.menu{
	margin:0;
	padding:0;
	width: 217px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#menuInfo ul.menu li{
	list-style-type: none;
	background: url('gfx/menuInfoHr.gif') repeat-x left bottom;
}

#menuInfo ul.menu a{
	line-height: 30px;
	padding-left: 20px;
	background: url('gfx/menuInfoLi.gif') no-repeat 6px 4px;
	color: #fff;
}

#menuInfo ul.menu a:hover{
	color: #ff7e19;
	font-weight: bold;	
}

/* KLIENT */
#rej_form{
	margin: 50px 0 10px 30px;
}

#rej_form td{
	padding: 2px 10px;
}

#rej_form td.error{
	color: #d5600d;
}

#komunikat{
	height: 500px;
	text-align: center;
}

#komunikat #komunikat_box{
	position: relative;
	top: 150px;
	width: 300px;
	text-align: center;
	background: #f3f1ee;
	padding: 10px;
	letter-spacing: 1px;
	line-height: 20px;
	margin: auto;
}

#komunikat #komunikat_box a{
	text-decoration: underline;
	color: #000;
}

#komunikat #komunikat_box a:hover{
	font-weight: bold;
}

/* KOSZYK */

.koszykHeader{
	color:#EA9A00;
	font-size:24px;
	padding-bottom:5px;
	padding-left:5px;
}

.koszyk{
	font-size: 11px;
}

.koszyk .header{
	background: #f3f1ee;
	font-weight: bold;
	color: #000;
}

.koszyk .header td,
.koszyk .unit td{
	padding: 10px 3px 10px 3px;
}

.koszyk .lp{
	width: 40px;
	text-align: center;
}

.koszyk .nazwaProduktu{
	width: 300px;
}

.koszyk .cenaJedn{
	width: 60px;
	text-align: center;
}

.koszyk .ilosc{
	width: 100px;
	text-align: center;
}

.koszyk .wartoscKoncowa{
	width: 100px;
	text-align: center;
}

.koszyk .opcje{
	width: 105px;
	text-align: center;
}

.koszyk .opcje a{
	margin-right: 10px;
	margin-left: 10px;
}

.koszyk .unit{
	border-bottom: 1px solid #f3f1ee;
	background: #fff;
	color: #000;
}

.koszyk .dostawa{
	float: left;
}

.koszyk .dostawa .dostawa_header{
	padding-left: 30px;
	padding-top: 15px;
	font-weight: bold;
}

.koszyk .podsumowanieContainer{
	float: right;
}

.koszyk .podsumowanieContainer span{
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
}

.koszyk .podsumowanieContainer .podsumowanie{
	background: #f3f1ee;
	padding: 15px 15px 15px 5px;
	text-align: right;
}

.koszyk .podsumowanie{
	width: 98px;
}

.koszyk a{
	color: #000;
}

.koszyk a:hover{
	font-weight: bold;
}

.koszyk .notLoggedInfo{
	padding: 10px;
	letter-spacing: 1px;
	color: #f3b642; 
	font-weight: bold;
}

.koszyk .notLoggedInfo a{
	color: #ea9d0f;
	text-decoration: underline;
}

.koszyk .notLoggedInfo a:hover{
	color: #c1830d;
}

#realizujZamowienie_butt{
	width: 118px;
	height: 25px;
	background: url(gfx/realizujZamowienie_butt.gif) no-repeat 0 0;
	display: block;
	float: left;
}

#realizujZamowienie_butt:hover{
	background: url(gfx/realizujZamowienie_butt.gif) no-repeat 0 -25px;
}

#anulujZamowienie_butt{
	width: 80px;
	height: 25px;
	background: url(gfx/anulujZamowienie_butt.gif) no-repeat 0 0;
	display: block;
	float: left;
}

#anulujZamowienie_butt:hover{
	background: url(gfx/anulujZamowienie_butt.gif) no-repeat 0 -25px;
}

.tableOptions{
	background: #f9e1b3;
	border: 1px solid #F56D0E;
	float: none;
	padding: 10px;
	display: none; 
	font-size: 13px; 
	position: absolute; 
	z-index: 2; 
	width: 300px; 
}

.tableOptions .text_unit{
	width: 100px; 
	float: left;
	width: 145px;
	height: 20px;
}

.tableOptions .text_unit input{
	border: 1px solid #F56D0E;
}

.tableOptions .button{
	background: #f9e1b3;
	float: left;
	border: 1px solid #F56D0E;
	padding: 4px 10px 5px 10px;
	text-align: center;
	color: #000;
	height: 18px; 
	width: 43px;
}

.tableOptions .button:hover{
	background: #F56D0E;
}

#zam_header{
	width: 100%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#zam_header #data{
	margin-left:10px;
	float: left;
}

#zam_header #status{
	margin-right:10px;
	float: right;
}

/* GALERIA */

#gallery{
	margin: 52px 0 0 52px;
}

#gallery a{
	display: block;
	width: 121px;
	float: left;
	margin: 0 52px 52px 0;
}

#gallery a:hover{
	text-decoration: none;
}

/* SZKOLENIE */
.szkolenie{
	border-bottom:2px solid #E2873A;
	margin: 30px;
}

.szkolenie .termin{
	background:  left center url(gfx/logo_small.gif) no-repeat;
	padding: 9px 0 0 24px;
	color: #EA9A00;
	margin-bottom: 5px;
}


.szkolenie .opis{
	font-size:13px;
}

.szkolenie .gallery{
	padding:20px;
	text-align:center;
}

.szkolenie .gallery a{
	display: inline-block;
	margin: 5px;
}

.szkolenie .gallery a:hover{
	text-decoration: none;
}

.szkolenie .gallery a img{
	border: 1px solid #D6610F;
}

/* CLEAR */

.clear{
	width: 0;
	height: 0;
	clear: both;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
}