body { margin: 0; background-color: #CDE0F8; font-family: Sans-serif, Tahoma, Verdana; font-size: 12px; text-align:center; }

#header { width: 833px; margin-left: auto; margin-right: auto; text-align: center; }
#header .logo { background: #6BA4EA  url('/img/ekobike_logo.jpg') left top no-repeat; width: 278px; height: 145px; float: left; }
#header .topSpace { width: 555px; height: 145px; float: left; background-color: #FFFCF3; }

#header .mmenu { text-align: right; margin: 4px 4px 0 0; font-family: Tahoma; font-size: 11px; }
#header .mmenu a { color: #6DA5EB; text-decoration: none; margin-left: 8px; }
#header .mmenu a:hover { color: #1D74E7; text-decoration: underline; }

#header .barLeft { height: 26px; width: 278px; background: #6DA5EB url('/img/leftbar_topbg.jpg') left top no-repeat; float: left;}
#header .barRight { height: 26px; width: 555px; background-color: #6DA5EB; float: left; 
	text-align: right; vertical-align: middle; }
#header .barRight p { padding: 6px 15px 0 0; margin: 0; font-weight: bold; color: #fff; }	
#header .barRight a { color: #CFE5FF; text-decoration: none; margin-left: 6px; }
#header .barRight a:hover { color: #fff; }
#header .barRight act {}

#body { width: 833px; clear:both; margin-left: auto; margin-right: auto; background: #1D75E6 url('/img/rowery.jpg') left bottom no-repeat; padding: 0; }
#body .barLeft { min-height: 329px; width: 833px; background: #1D75E6 url('/img/ftBar_bodybg2.jpg') left top repeat-y; }
#body .barLeft .tips { margin: 16px; color: #fff; text-align: left; }
#body .barLeft .tips a { color: #fff; text-decoration: none; }
#body .barLeft .tips a:hover { text-decoration: underline; }

p.oferta { font-size: 16px; font-weight: bold; font-style: italic; }
ul.atrybuty { font-size: 14px; font-style: italic; line-height: 160%; }
	 
.call { text-align: center; padding: 15px; border: 1px solid #fff; background: transparent url('/img/ekophone.gif') 10px 12px no-repeat; margin-top: 30px;}
p.phone {  font-size: 14px; padding: 0; margin: 4px; }	 

#body .barimg { vertical-align: bottom; margin: 0; }
#body .barLeftImg { border: 0; vertical-align: bottom; }

.userBox { background-color: #2BA6E2; padding: 10px 3px; margin-bottom: 6px; }

/* koszyk - podsumowanie */
.koszyk { border: 0px; text-align: center; width: 100%; color: #FFFFFF; }
.koszyk td, th { background-color: #6AA2EC; border-bottom: 1px solid #E3E1E2; font-size: 11px; }
.koszyk th {  }
.koszyk td.r { text-align: right; } 
.koszyk td.l { text-align: left; } 
.koszyk .r1 { background-color: #EFE4C2; color: #636363;}
.koszyk .r0 { background-color: #EFE4C2; color: #636363;}
.shipselect { font-size: 11px; }
.koszyk a { text-decoration: none; color: #6AA2EC; }
.koszyk .left { text-align: left; }
.koszyk .baskettxt { border: 1px solid #636363; }

.basketAdd { font-weight: bold; margin-top: 12px; height: 55px; }
.basketAdd img { float: right; cursor: pointer; }

.product {  border-top: 1px dashed #a2a2a2; margin-top: 25px; padding-top: 8px; float: right; }
.basketTxt { width: 30px; border: 1px solid #918E89; margin-left: 3px; }
.brakTowaru { float: right; color: #CC0000; }
.promocja { background-color: #FE0000; color: #FFFFFF; padding: 2px; text-align: center; margin-top: 2px; }
.promocjaImg { position: absolute; float: left; margin: 11px 1px; }
.staraCena { color: #FF0000; }
.cenaBrutto { font-size: 18px; font-weight: bold; }
.dcspImage { margin: 8px 0 15px 0; text-align: center; }

#uZamowienia {}
#uZamowienia .zamPozycja { margin-top: 15px; color:#136BDC; cursor: pointer; }
#uZamowienia .zamSzczegoly { background-color: #EFE4C2; margin: 7px; padding: 6px; display: none; }
#uZamowienia .zStatus { float: right; }

#uZamowienia .zamBrutto { padding: 6px 0 9px 10px; }
#uZamowienia .zamPlatnosc { border-bottom: 1px dashed gray; padding-bottom: 9px; padding-left: 10px; }

#uZamowienia .kPozycja { margin: 3px 0 3px 10px; padding: 2px; border-top: 1px dashed gray; }
#uZamowienia .kName { width: 280px; float: left; }
#uZamowienia .kCena { width: 100px; float: left; }
#uZamowienia .kWartosc { width: 80px; float: left; text-align: right; }

#panelleft { width: 278px; float: left; background: transparent url('/img/ftBar_bodybg2.jpg') left top repeat-y; }

#docs { width: 555px; min-height: 479px; background-color: #FFFCF3; float: left; text-align: left; }

.boxYTop, .boxYMid, .boxYBot { margin: 0; padding: 0; margin-left: 40px; }
.boxYTop { width: 467px; height: 22px; background: #FFF8E5 url('/img/boxYtop.gif') left top no-repeat; margin-top: 40px; }
.boxYMid { width: 467px; min-height: 220px; background: #FFF8E5 url('/img/boxYmid.gif') left top repeat-y; }
.boxYBot { width: 467px; height: 21px; background: #FFF8E5 url('/img/boxYbot.gif') left top no-repeat; margin-bottom: 10px; }

.boxHalf { width: 210px; height: 280px; margin: -6px 8px 8px 14px; float: left; border: 0px dashed #e2e2e2; }
.imgBoxY { border: 1px solid #e2e2e2; width: 194px;  margin-left: 6px; }

.moreY { text-align: right; }
.moreY a { color: #65A36B; text-decoration: none; font-weight: bold; }
.moreY a:hover { color: #01980F; }
.moreY img { border: 0; }

.content { color: #6C6C6C; padding: 30px; line-height: 150%; }
.h2line { padding: 6px; }
.productImageBox { text-align: center; margin-top: 10px; }
.produktImage { border: 0; outline: #DCD4BF solid 1px; align: center; }
.productInfo { line-height: 130%; margin-top: 20px; }

/* galerie */
.imageGaleryG { text-align: centr; }
.imgDGG { float: left; width: 155px; height: 110px; border: 1px solid #e2e2e2; overflow:hidden; text-align: center; margin: 1px; padding: 3px; }
.imgDGG img { border:0px; }

.box { margin-left: 8px; }
.box .tit { color: #01980F; padding: 0 0 0 10px; background: transparent url('/img/td.gif') 0 4px no-repeat; font-weight: bold; margin: 8px 0 0 0; }
.box .abs { color: #6C6C6C; margin: 5px 0 8px 10px; }
.box .tit a { color: #01980F; text-decoration: none; }
.box .tit a:hover { text-decoration: underline; }

h2.blue, h3.blue { font-family: Arial; color: #136BDC; font-style: italic; }
.line { border-bottom: 1px solid #e0e0e0; }
.cb { clear: both; }

.docpath { padding: 8px 0 0 8px; color: #3CAF44; }
.docpath a { color: #01980F; text-decoration: none; }
.docpath a:hover { text-decoration: underline; }


#footer { width: 833px; clear: both; margin-left: auto; margin-right: auto; margin-top: 0; font-family: Tahoma; font-size: 11px; }
#footer .fbarLeft { height: 50px; width: 278px; background: #6DA5EB url('/img/leftBar_footbg.jpg') left top no-repeat; float: left;}
#footer .barRight { height: 50px; width: 555px; background-color: #6DA5EB; float: left; color: #F0EDED; }
#footer .barRight p { padding: 8px 0 0 0; margin: 0; }
#footer .barRight a { color: #FFF8E5; text-decoration: none; }
#footer .barRight a:hover { color: #FFF; text-decoration: underline; }

#footer .fmenu { }
#footer .fmenu a { margin-left: 8px; }
#footer .copy { color: #B3CEEF; }

/* bb */
.uwaga { border: 1px dashed red; color: #7F0F2E; background-color: #FFEFF3; padding: 16px; margin: 8px 0; }


/*   
	plugin css styles: 		extvCmsUserForms.css
    webdeveloper: 			dominik sikora   [ vdemedia.pl ]   
	creation:				2009-03-13 @ 10:39	
*/

/* Forms: register user, remind password */
.vForms {}
.vForms .field { padding-left: 20px; margin-bottom: 5px; }
.vForms input { }
.vForms .field span { margin-left: 20px; float: left; position: absolute; }
.vForms .field div { margin-left: 180px; }
.error { padding: 4px 20px; background-color: #FFCCCC; border: 1px solid #CC0000; color: #990000; }

fieldset { margin: 5px 15px; }
.vForms fields.center { text-align: center; }
.vForms p .tips { font-size: 11px; color: #333333; }

/* login form */
p.frmField { }
p.frmField .txtLogin { margin-left: 90px; width: 140px; }
p.frmField .bttLogin { margin-left: 90px; }
p.frmField span { float: left; position: absolute; margin-left: 10px; }