/* CSS Document */

BODY {
	BACKGROUND: url(/img/bg_body.jpg) repeat-x #fff; MARGIN: 0px; FONT: 12px/120% Arial, Helvetica, sans-serif; COLOR: #000; PADDING-TOP: 0px }
BODY.home { BACKGROUND: url(/img/bg_home.jpg) repeat-x #85b5e0 }

#shop { BACKGROUND: url(/img/bg_shop.gif) repeat-x #FDFDF5 }
#shop_home { BACKGROUND: url(/img/bg_shop_home.gif) repeat-x #FDFDF5 }

#header {
	BACKGROUND: url(/img/bg_header.jpg) repeat-x #fff 0px 0px; MARGIN: 0px auto auto; WIDTH: 780px; POSITION: relative; HEIGHT: 115px }
#logo { 
	FLOAT: left; MARGIN-TOP: 8px }
#top_menu {
	FLOAT: right; MARGIN: 8px 10px auto; COLOR: #777 }
#kobo_sport {
	FLOAT: left; MARGIN: 60px auto auto 404px }

#header_produkty {
	BACKGROUND: url(/img/header_produkty.gif) no-repeat 0px 0px; BACKGROUND-POSITION: center; MARGIN: 16px auto auto; WIDTH: 780px; HEIGHT: 25px; FLOAT: left }
#header_produkcja {
	BACKGROUND: url(/img/header_produkcja.gif) no-repeat 0px 0px; BACKGROUND-POSITION: center; MARGIN: 5px auto auto; WIDTH: 780px; HEIGHT: 30px; FLOAT: left }
#menu {
	BACKGROUND: url(/img/bg_menu.jpg) repeat-x #6297c1 0px 0px; MARGIN: 0px auto auto; WIDTH: 778px; POSITION: relative; HEIGHT: 40px }
.menu, .separator {
	FLOAT: left; MARGIN: 4px auto auto }
.separator {
	BACKGROUND: url(/img/menu_separator.gif) no-repeat 0px 0px; WIDTH: 3px; HEIGHT: 36px }

#contentcontainer {
	MARGIN: 4px auto auto; WIDTH: 780px }
#content, #content_shop {
	MARGIN: 0px auto auto; WIDTH: 780px }
#content_header, #content_header_home {
	BACKGROUND: url(/img/content_header_bg.jpg) no-repeat #b3161d 0px 0px; BACKGROUND-POSITION: center; MARGIN: 0px auto auto; WIDTH: 780px; POSITION: relative; HEIGHT: 167px }
#content_header_home {
	HEIGHT: 265px }
#content_header_buttons { 
	HEIGHT: 265px; MARGIN: 0px auto auto 10px }

#banner, #banner2, #banner_middle, #banner2_middle, #banner3, #banner4, #banner4_middle {	BACKGROUND: url(/img/banner.jpg) no-repeat #b3161d 0px 0px; BACKGROUND-POSITION: center; MARGIN: 0px auto auto; WIDTH: 780px; POSITION: relative; HEIGHT: 174px }
#banner_middle { BACKGROUND: url(/img/banner_middle.jpg); HEIGHT: 123px }
#banner2_middle { BACKGROUND: url(/img/banner2_middle.jpg) #aec36d; HEIGHT: 123px }
#banner2 { BACKGROUND: url(/img/banner2.jpg) #aec36d }
#banner3 { BACKGROUND: url(/img/banner3.jpg) #53C9FB }
#banner4 { BACKGROUND: url(/img/banner4.jpg) #9C9994 }
#banner4_middle { BACKGROUND: url(/img/banner4_middle.jpg) #9C9994; HEIGHT: 123px }

#site { POSITION: relative; MARGIN: 0px auto 30px; FLOAT: left }
.left_header { FLOAT: left; CLEAR: both; WIDTH: 95px }
.site_text { FLOAT: left; BORDER-LEFT: 1px solid #bfbdbd  }
.header_left { MARGIN: 10px 0px; BORDER: 0px }

.site_separator { HEIGHT: 10px; CLEAR: both }
.box_separator { HEIGHT: 30px; CLEAR: both }
#shop_opinie {}
.opinia { BORDER-BOTTOM: 1px solid #BFBDBD; PADDING-TOP: 10px }

#right_buttons, #right_buttons2 { WIDTH: 391px; POSITION: relative; MARGIN: -60px 0px 0px 0px; FLOAT: right }
#right_buttons2 { WIDTH: 243px; MARGIN: -35px 0px 15px 0px }

.button {	BACKGROUND: url(/img/button.gif) no-repeat 0px 0px; POSITION: relative; WIDTH: 391px; HEIGHT: 81px; MARGIN: 0px 0px 4px 0px }
.button_middle {	BACKGROUND: url(/img/button_middle.gif) no-repeat 0px 0px; POSITION: relative; WIDTH: 243px; HEIGHT: 40px; MARGIN: 0px 0px 4px 0px }
.b_img { FLOAT: left; MARGIN: 0px 0px 0px 7px; WIDTH: 138px; HEIGHT: 81px; BORDER: 0px }
.b_txt { FLOAT: left; MARGIN: 0px 0px 0px 4px }
.b_header { MARGIN: 11px 0px 0px 0px; BORDER: 0px }

P, H1, H2 { FONT-FAMILY: "Microsoft Sans Serif", Arial }
H1 { FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 13px 0px 5px 10px; COLOR: #444; PADDING: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
P { FONT-SIZE: 11px; MARGIN: 8px 0px 5px 10px; COLOR: #111; PADDING: 0px }
P.site { WIDTH: 275px }

H2 { FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN: 5px 0px 0px 7px; WIDTH: 225px }

#adress { BACKGROUND: #fff no-repeat 0px 0px }
#adress_text { PADDING: 10px 0px 0px 150px }
.right { TEXT-ALIGN: right; COLOR: #555; FONT-SIZE: 11px; PADDING: 0px; MARGIN-TOP: 2px }

#footer {
	MARGIN: 10px auto auto; WIDTH: 780px; TEXT-ALIGN: center; position: relative; clear: both }
#foot_menu2 { MARGIN: 5px auto 10px auto; width: 500px; position: relative }
#foot {
	BACKGROUND: url(/img/foot_bg.gif) repeat-x 0px 0px; HEIGHT: 30px; WIDTH: 780px; position: relative }
#footex {
	MARGIN: 0px auto auto; PADDING-TOP: 4px }
#credits {
	MARGIN: 0px auto auto; WIDTH: 780px }
.foot,.foot_home { FONT-SIZE: 9px; COLOR: #888 } .foot_home {	COLOR: #fff }

A.fm { COLOR: #555; text-decoration: none; font-size: 9px }
A.fm:active, A.fm:hover { COLOR: #6094bf }

A.fh { COLOR: #fff; text-decoration: none; font-size: 9px }
A.fh:active, A.fh:hover { COLOR: #c1272d }

A.f { COLOR: #888; text-decoration: none; font-size: 9px }
A.f:active, A.f:hover { COLOR: #000 }

.button_home {
	BACKGROUND: url(/img/button_home_bg.gif) no-repeat 0px 0px; MARGIN: 8px 0px 0px 0px; PADDING: 0px; LEFT: 0px; WIDTH: 244px; HEIGHT: 172px; FLOAT: left; CURSOR: pointer }
DIV.button_home_header {
	BACKGROUND: url(/img/button_home_header_bg.gif) no-repeat 0px 0px; MARGIN: 12px auto auto 7px; HEIGHT: 27px }
IMG.bhh {
	MARGIN: 0px auto auto 22px }
.bhi { 
	MARGIN: 8px auto auto 27px }
.bht {
	WIDTH: 210px; MARGIN: 8px auto auto 20px; FONT-SIZE: 11px }
A { COLOR: #0066FF; TEXT-DECORATION: none }
A:active, A:hover { COLOR: #000; TEXT-DECORATION: underline }

/***** sklep *****/
#column_left { WIDTH: 170px; POSITION: relative; MARGIN: 0px 0px 0px 0px; FLOAT: left }
#column_site { WIDTH: 424px; POSITION: relative; MARGIN: 0px 8px 0px 8px; FLOAT: left }
#column_right { WIDTH: 170px; POSITION: relative; MARGIN: -66px 0px 0px 0px; FLOAT: left }

#shop_menu { WIDTH: 170px; MARGIN: 4px 0px 0px 0px }
#shop_menu_header { WIDTH: 170px; MARGIN: 0px; BACKGROUND: url(/img/shop_menu_header.gif) no-repeat 0px 0px; HEIGHT: 20px }
#shop_menu_content { WIDTH: 170px; MARGIN: 0px; background-color: #EBF0F4; POSITION: relative; }
#shop_menu_bottom { WIDTH: 170px; MARGIN: 0px; BACKGROUND: url(/img/shop_menu_bottom.gif) no-repeat 0px 0px; HEIGHT: 12px }
#admin_menu_header { WIDTH: 170px; MARGIN: 0px; BACKGROUND: url(/img/admin_menu_header.gif) no-repeat 0px 0px; HEIGHT: 20px }
TABLE.panel { margin: 30px auto 20px 20px; position: relative }
TABLE.admin { margin: 10px auto 20px 20px; position: relative }
TH.krok { font-size: 14px; color: #333333; text-align: center}
TD { vertical-align: top }

DIV.shop_button { BACKGROUND: url(/img/button_shop_bg.gif) no-repeat 0px 0px; WIDTH: 170px; BORDER-BOTTOM: 1px solid #fff }
DIV.shop_button_2 { WIDTH: 170px; BORDER-BOTTOM: 1px solid #fff }
P.shop_button  { MARGIN: 5px 0px 5px 25px }
.button_text { PADDING: 9px 0px 5px 25px; MARGIN: 0px 0px; TOP: 0px }
A.button, A.button_admin { COLOR: #105693; font-weight: bold; text-decoration: none }
A.button:active, A.button:hover,  A.button_admin:active,  A.button_admin:hover { COLOR: #CC0000 }
A.button_admin { COLOR: #444 }
#shop_ads { WIDTH: 170px; MARGIN: 0px; background-color: #EBF0F4 }
DIV.shop_ads { WIDTH: 170px; PADDING: 5px 0px 0px 0px }

.shop_box { FLOAT: left; WIDTH: 200px; HEIGHT: 150px; MARGIN: 0px 3px 6px 3px; PADDING: 0px; background-color: #F7F1F0; border: 1px solid #888 }
#koszyk { BACKGROUND: url(/img/koszyk.gif); background-repeat: no-repeat; HEIGHT: 65px }
#newsletter { BACKGROUND: url(/img/newsletter.gif); background-repeat: no-repeat }
#logowanie { }
#logowanie_header { WIDTH: 170px; MARGIN: 0px; BACKGROUND: url(/img/logowanie_header.gif) no-repeat 0px 0px; HEIGHT: 20px }
#zalogowany_header { WIDTH: 170px; MARGIN: 0px; BACKGROUND: url(/img/zalogowany_header.gif) no-repeat 0px 0px; HEIGHT: 20px }
#szukaj_header { WIDTH: 170px; MARGIN: 0px; BACKGROUND: url(/img/szukaj_header.gif) no-repeat 0px 0px; HEIGHT: 20px }
#newsletter_header { WIDTH: 170px; MARGIN: 0px; BACKGROUND: url(/img/newsletter_header.gif) no-repeat 0px 0px; HEIGHT: 20px }
#polecamy_header { WIDTH: 170px; MARGIN: 0px; BACKGROUND: url(/img/polecamy_header.gif) no-repeat 0px 0px; HEIGHT: 20px }
#szukaj {  }
H5.shop_ads { font-family: Arial, Helvetica, sans-serif; font-size: 10px; PADDING: 1px 5px 3px 5px; MARGIN: 0px }
H6.shop_ads { font-family: Arial, Helvetica, sans-serif; font-size: 10px; PADDING: 1px 5px 3px 5px; MARGIN: 0px; color: #CC0000 }
P.shop_ads { font-family: Arial, Helvetica, sans-serif; font-size: 10px; PADDING: 1px 5px 3px 5px; MARGIN: 0px }
IMG.shop_ads { float: right; border: 0px; padding: 5px 5px 3px 3px }

H5.shop_ads_l { text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; PADDING: 1px 5px 3px 5px; MARGIN: 0px }
H6.shop_ads_l { text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; PADDING: 1px 5px 3px 5px; MARGIN: 0px; color: #CC0000 }
P.shop_ads_l { text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; PADDING: 1px 5px 3px 5px; MARGIN: 0px }
IMG.shop_ads_l { float: left; border: 0px; padding: 5px 3px 3px 5px }

.header_left_shop { MARGIN: 20px 0px; BORDER: 0px }

H3 { FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN: 5px 0px 0px 7px }
.serch_shop { WIDTH: 150px; HEIGHT: 18px; font-size: 11px; padding: 0px } 
.select_shop { WIDTH: 250px; HEIGHT: 18px; font-size: 11px; padding: 0px } 
H2.site_header { FONT-SIZE: 13px; MARGIN: 20px 0px 10px 7px; font-weight: bold; color: #333; font-family: Arial, Helvetica, sans-serif; text-align: left; border-bottom: 1px solid #999 }
H2.admin_header { FONT-SIZE: 14px; MARGIN: 20px 0px 10px 27px; font-weight: bold; color: #333; font-family: Arial, Helvetica, sans-serif; text-align: left; border-bottom: 1px solid #B6B6B6; width: 320px; padding: 0px }
TH { padding: 2px 5px 2px 5px; vertical-align: middle  }
TD.left { vertical-align: middle }
TD.cent { text-align: center;  padding: 2px 5px 2px 5px; vertical-align: middle }
INPUT.ilosc { width: 30px; text-align: center }

/***** SHOP function box ********/
.function_box { CLEAR: both; POSITION: relative; MARGIN: 10px 0px 5px 0px; WIDTH: 424px }
.prev { FLOAT: left; WIDTH: 95px; text-align: right; background-color: #FFF }
.next { FLOAT: left; WIDTH: 90px; background-color: #FFF }
DIV.switch { FLOAT: left; WIDTH: 235px; BORDER-LEFT: 1px solid #666; BORDER-RIGHT: 1px solid #666; MARGIN: 0px 0px 0px 0px; TEXT-ALIGN: center; background-color: #FFF }
P.switch { MARGIN: 0px; PADDING: 0px 10px 0px 10px }

#site_serch { PADDING: 15px 0px 20px 10px }
#serch_kategoria { PADDING: 2px }
#serch_input { PADDING: 2px }
#serch_submit { PADDING: 2px }
H4 { FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 13px 0px 5px 10px; COLOR: #444; PADDING: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
H6 { FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN: 13px 0px 5px 10px; COLOR: #C2272D; PADDING: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
A.header { COLOR: #6493BD; text-decoration: none }
A.header:active, A.header:hover { COLOR: #000 }
.produkt_box {  MARGIN: 0px; CLEAR: both; PADDING-TOP: 20px }


A.foto_mini { FLOAT: left; BORDER-BOTTOM: 1px solid #999 }
IMG.foto_mini { border: 0px }

INPUT.login_right { width: 110px; height: 15px; font-size: 10px }

#messageWindow { width: 200px; background-color: #FFF; margin: 50px auto 50px auto; border: 1px solid #EC6400; position: relative }
#message_send { width: 200px; margin: 0px auto auto; position: relative; text-align: center }