* {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
}

div, p, h1, h2, h3 {overflow: hidden}

a {color: #ffe44e}
a:hover {color: #96be53}


html, body {
	min-height: 100%;
	overflow-x: hidden;
}

body {
	text-align: center;
	font-size: 12px; 
	background: url('images/bottom.jpg') no-repeat center bottom #065888;
}

.btn {
	display: block;
	cursor: pointer;
}

.hidden {display: none}

.btn:hover, .active {
	background-position: 0px 100% !important;
}

img {
	border: 0px;
}

input, select, textarea {
	border: 0px; 
	background: none;
	color: #018ec3;
}

.clear {
	clear: both;
}

.fright {float: right}
.right {text-align: right}


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

#container {background: url('images/bg.png') repeat-x; min-height: 1030px}


#width {width: 1000px; background: url('images/bg.jpg') no-repeat; margin: 0px auto; text-align: left; min-height: 520px;}

#bg_left {background: url('images/bg_left.png') no-repeat; position: absolute; height: 520px; left: 50%; margin-left: -590px; width: 90px;}
#bg_right {background: url('images/bg_right.png') no-repeat ; position: absolute; height: 520px; left: 50%; margin-left: 500px; width: 90px;}

#contact {color: #fff; position: absolute; margin-left: 635px; margin-top: 10px}
#contact td {line-height: 18px; width: 45px; background: url('images/li_top.png') no-repeat 0px 7px; padding-left: 8px}
#contact td.data {color: #ffe44e; width: 110px; background: none; padding: 0px; font-weight: bold}
#contact td.data a {color: #ffe44e;}
#menu {width: 800px;  position: absolute; margin: 70px 0px 0px 190px}
#menu a {display: block; float: left; background: url('images/menu.png'); height: 47px;} 
#menu a:hover, #menu.home #menu_1 {background-position: 0px 100%}
#menu #menu_1 {width: 72px;}
#menu #menu_2 {width: 76px; background-position: -72px 0px}
#menu #menu_2:hover, #menu.o-firmie #menu_2 {background-position: -72px 100%}
#menu #menu_3 {width: 70px; background-position: -148px 0px}
#menu #menu_3:hover, #menu.galeria #menu_3 {background-position: -148px 100%}
#menu #menu_4 {width: 85px; background-position: -218px 0px}
#menu #menu_4:hover, #menu.szkolenia #menu_4 {background-position: -218px 100%}
#menu #menu_5 {width: 87px; background-position: -303px 0px}
#menu #menu_5:hover, #menu.instruktor #menu_5 {background-position: -303px 100%}
#menu #menu_6 {width: 79px; background-position: -390px 0px}
#menu #menu_6:hover, #menu.wyjazdy #menu_6 {background-position: -390px 100%}
#menu #menu_7 {width: 88px; background-position: -469px 0px}
#menu #menu_7:hover, #menu.regulamin #menu_7 {background-position: -469px 100%}
#menu #menu_8 {width: 92px; background-position: -557px 0px}
#menu #menu_8:hover, #menu.rejestracja #menu_8 {background-position: -557px 100%}
#menu #menu_8b {width: 88px; background-position: -800px 0px}
#menu #menu_8b:hover {background-position: -800px 100%}
#menu #menu_9 {width: 76px; background-position: -649px 0px}
#menu #menu_9:hover, #menu.kontakt #menu_9 {background-position: -649px 100%}
#menu #menu_10 {width: 75px; background-position: -725px 0px}
#menu #menu_10:hover, #menu.pomoc #menu_10 {background-position: -725px 100%}

#header {height: 135px}

#logo {margin: 7px 0px 0px 18px; position: absolute;}

#login_main {color: #0a417e; line-height: 24px; font-size: 11px; font-weight: bold; width: 317px; height: 30px;  background: url('images/login_bg.png'); position: absolute; margin-left: 483px; margin-top: 135px; }
#login_main .input {width: 71px; height: 24px;  background: url('images/input_login.png')}
#login_main .input input {color: #fff; width: 64px;}
#login_main * {float: left; margin: 3px 5px}

.btn_login {width: 48px; height: 24px; background: url('images/btn_login.png')}

#categories {margin-top: 40px; position: absolute; margin-left: 10px}
#categories .head {width: 160px; height: 43px; background: url('images/head_menu.png'); margin-bottom: 6px }

ul, li {list-style: none}

#categories li a {color: #fff; display: block; margin-top: 3px; height: 30px; background: url('images/cat_bg.png') no-repeat; line-height: 30px; width: 160px; padding-left: 10px}
#categories li a:hover, #categories li a.active {background-position: 0px 100%; color: #ffe44e}

#categories li li a {padding-left: 10px; height: 20px; line-height: 20px; background: url('images/cat2_bg.png') no-repeat}
#categories li ul {margin-left: 20px;}

.container {padding-top: 40px; padding-bottom: 20px; color: #fff}
.container .head {width: 150px; position: absolute; height: 41px; margin-top: -40px}

.container p {padding: 10px; color: #fff; line-height: 18px; text-align: justify}
.container h1 {margin: 10px; font-size: 16px; color: #fff}
.container h2 {margin: 10px; font-size: 13px; color: #fff}
.container .photos {margin: 10px}
.container table {width: 590px; margin: 10px; border-collapse: collapse; color: #fff}
.container table td, .static table th {border: 1px solid #42A6F4;  padding: 5px}
.container table th {color: #A9DE50; text-align: center}

#login td  {border: 0px; color: }

#sales .head {background: url('images/head_sales.png');}
#new .head {width: 208px; background: url('images/head_new.png');}
#categories_list .head {background: url('images/head_categories.png');}
#products .head {background: url('images/head_products.png');}
#error .head {background: url('images/head_error.png');}
#info .head {background: url('images/head_info.png'); width: 141px}
#login .head {background: url('images/head_login.png'); width: 141px}
#cart .head {background: url('images/head_cart.png'); width: 121px}
#register .head {background: url('images/head_register.png'); width: 141px}
#about .head {background: url('images/head_about.png'); width: 131px}
#info.szkolenia .head {background: url('images/head_szkolenia.png'); width: 141px}
#info.gallery .head {background: url('images/head_gallery.png'); width: 141px}
#info.instruktor .head {background: url('images/head_instruktor.png'); width: 141px}
#info.wyjazdy .head {background: url('images/head_wyjazdy.png'); width: 141px}
#dayoff .head {background: url('images/head_dayoff.png'); width: 150px}


#search .head {background: url('images/head_search.png'); width: 158px}




#categories_list .content {min-height: 100px}

.content {background: url('images/content_bg.png') no-repeat; width: 610px; min-height: 100px;}
#content {padding-left: 190px}
#content .info {color: #fff; padding: 15px}

#right {position: absolute; margin-left: 820px}

#cart_small {width: 170px; height: 103px; background: url('images/cart_bg.png');}
#cart_small .body {padding-top: 52px; padding-left: 10px}
#cart_small table {border-collapse: collapse; width: 150px;}
#cart_small td {height: 20px; line-height: 20px; font-weight: bold; text-align: right; color: #fff}
#cart_small td.name {color: #adcef1; font-weight: normal; text-align: left}

.btn_look {margin: 5px 0px 0px 96px; width: 69px; height: 20px; background: url('images/btn_look.png');}
#addresses {margin-top: 20px; height: 160px; width: 170px; background: url('images/addresses_bg.png');}
#addresses .head {margin: -6px 0px 0px 20px; width: 139px; height: 47px; position: absolute; background: url('images/head_addresses.png');}
#addresses .body {padding-top: 40px; }
#addresses h1 {height: 28px; display: block; padding-left: 10px; line-height: 28px; width: 160px; background: url('images/addresses_h1_bg.png') 5px 0px no-repeat; color: #ffe44e; font-size: 14px}
#addresses li {background: url('images/li_address.png') no-repeat 0px 7px; padding-left: 10px; color: #adcef1; line-height: 18px; font-size: 12px}
#addresses ul {padding: 8px; }

#panel {margin-top: 20px; height: 160px; width: 170px; background: url('images/addresses_bg.png');}
#panel .head {margin: 16px 0px 0px 20px; width: 77px; height: 11px; position: absolute; background: url('images/head_panel.png');}
#panel .body {margin: 40px 5px 0px; border: 1px solid #1c426e; padding: 3px 0px }
#panel a {margin-left: 8px; display: block; color: #adcef1; line-height: 18px; height: 18px; font-size: 12px}
#panel a:hover {color: #ffe44e}


#newsletter {margin-top: 20px; background: url('images/newsletter_bg.png'); width: 170px; height: 94px}
#newsletter .input {background: url('images/input_newsletter.png'); width: 160px; height: 23px}
#newsletter .input input {margin: 3px; background: none; width: 154px; height: 17px; line-height: 17px; color: #023162}
#newsletter form {padding: 43px 5px 0px}
.btn_send {width: 42px; height: 20px; background: url('images/btn_send.png'); margin-left: 118px; margin-top: 5px}

#brands {margin-top: 20px; background: url('images/producers_bg.png'); width: 170px; height: 94px}
#brands .input {background: url('images/input_newsletter.png'); width: 160px; height: 23px}
#brands .input input {margin: 3px; background: none; width: 154px; height: 17px; line-height: 17px; color: #023162}
#brands .input select {margin: 3px; background: none; width: 154px; height: 17px; line-height: 17px; color: #023162}
#brands form {padding: 45px 5px 0px}
#brands p {color: #fff; margin-bottom: 5px; font-size: 11px; font-weight: bold}

#search_box {margin-top: 20px; background: url('images/search_bg.png'); width: 170px; height: 94px}
#search_box .input {background: url('images/input_newsletter.png'); width: 160px; height: 23px}
#search_box .input input {margin: 3px; background: none; width: 154px; height: 17px; line-height: 17px; color: #023162}
#search_box form {padding: 43px 5px 0px}



#navigation {padding: 3px; color: #fff; margin-top: 36px;}
#navigation a {color: #fff}
#navigation a:hover {color: #ffe44e}
#navigation b {color: #023162;}

#category_head {margin-bottom: 20px; color: #fff; background: url('images/category_head_bg.png'); height: 59px; width: 610px}
#category_head h1 {padding: 10px 0px 3px 10px; font-size: 18px; font-weight: normal}
#category_head #sorting {padding: 2px 10px; font-size: 12px;}
#category_head #sorting .input {position: absolute; margin-left: 90px; margin-top: -3px; width: 116px; height: 21px; background: url('images/select_sort_bg.png'); }
#category_head #sorting .input select {margin: 1px; height: 19px; width: 114px; background: #e3cd14; color: #555}
#category_head #brands_forms {position: absolute; margin-left: 230px}
#category_head #cat_brands {padding: 2px 10px; font-size: 12px;}
#category_head #cat_brands .input {position: absolute; margin-left: 65px; margin-top: -3px; width: 116px; height: 21px; background: url('images/select_sort_bg.png'); }
#category_head #cat_brands .input select {margin: 1px; height: 19px; width: 114px; background: #e3cd14; color: #555}


#category_head #view {position: absolute; margin-left: 520px; line-height: 21px}
#category_head #view * {float: left; margin-left: 3px}

#product_head {margin-bottom: 20px; background: url('images/product_head_bg.png'); height: 80px; width: 610px}
#product_head h1 {padding: 8px 0px 0px 10px; color: #fff; font-size: 18px; line-height: 18px;}
#product_head h2 {padding: 0px 10px; color: #83a1c4; font-size: 12px; font-weight: normal}
#product_head .cart {padding: 6px 10px;}
.btn_arrow_up {position: absolute; margin-left: 73px; margin-top: 5px; background: url('images/arrow_up.png'); width: 5px; height: 3px}
.btn_arrow_down {position: absolute; margin-left: 73px; margin-top: 15px; background: url('images/arrow_down.png'); width: 5px; height: 3px}
.tr_product .btn {margin-left: 44px}

#product_head .cart p {line-height: 24px; color: #fff}
#product_head .cart * {float: left; margin-right: 8px}
#product_head .input {width: 30px; height: 24px; margin-right: 15px; background: url('images/input_price.png'); float: left }
#product_head .input input {text-align: center; color: #fff; width: 24px; margin: 3px; height: 18px; line-height: 18px; font-weight: bold}
#product_head .old_price {position: absolute; text-decoration: line-through; margin-left: 530px; margin-top: -14px; font-weight: bold; color: red; font-size: 15px; text-align: center; width: 70px; }
#product_head .price {margin-top: 6px; padding-left: 6px; position: absolute; margin-left: 519px; width: 81px; height: 24px; background: url('images/price_bg.png') no-repeat; text-align: center; font-weight: bold; line-height: 24px; color: #655c0a; font-size: 15px}

.product {margin: 10px 13px 10px 10px; float: left; cursor: pointer}
.nomargin {margin-right: 0px}
.img {cursor: pointer; width: 130px; height: 130px; background: #fff }
.img img {margin: 4px; border: 1px solid #d2d9e2; width: 120px; height: 120px }
.product h1 {color: #ffffff; font-size: 12px; line-height: 14px; height: 28px; width: 130px; margin: 4px 0px; text-transform: uppercase}
.product h2 {height: 16px; color: #83a1c4; font-size: 11px; font-weight: normal}
.product .price {margin-top: 7px; width: 130px; height: 24px; line-height: 24px; font-weight: bold; color: #fff; text-align: center; background: url('images/product_price_bg.png'); font-size: 12px}
.product span {margin-left: 20px}
.product .zoom {display: none; position: absolute; margin: -13px -25px;  background: #fff}
.product .zoom img {display: block; width: 170px; height: 170px; border: 1px solid #d2d9e2; margin: 4px}
.product .zoom h2 {position: absolute; font-weight: bold; color: #fff; width: 160px; padding: 5px; margin: 5px; height: auto; text-align: center;}
.product .old {color: red; text-decoration: line-through; margin-left: 5px; font-weight: bold}

.product_list p, .product_list h2 {margin: 0px; padding: 0px}
.product_list {width: 590px; color: #fff; padding: 20px 0px 0px;  background: url('images/product_bg.png') no-repeat; }
.product_list .img {float: left; margin-right: 10px}
.product_list .zoom {margin-top: -29px; z-index: 10}
.product_list h1 {width: 400px; height: 16px}
.product_list h2 {width: 400px}
.product_list .price {position: absolute; margin-left: 140px; margin-top: 100px; z-index: 1}

.bg_black_07 {background: url('images/bg_black_07.png');}

#product .box {padding: 10px}
#product {color: #fff; text-align: justify; line-height: 18px;}
.photos {width: 610px; clear: both}
#product .img, .static .img {margin: 8px 19px 8px 0px; float: left; position: static}
.img .click {position: absolute; z-index: 3; margin: 5px; width: 120px; color: #fff; text-align: center; padding: 5px 0px; line-height: 15px; margin-top: 45px}
.first_img, #product .first_img{float: right; margin: 0px 0px 0px 10px; width: 160px; height: 160px}
.first_img img, #product .first_img img {width: 150px; height: 150px}
.first_img .click, #product .first_img .click {width: 150px; margin-top: 65px}
#product #head_opis {background: url('images/head_opis.png'); width: 67px}
#product #head_dane {margin-left: 67px; background: url('images/head_dane.png'); width: 132px}

#product #head_opinie {margin-left: 199px; background: url('images/head_opinie.png'); width: 71px}
#product .head {cursor: pointer}

#product .btn_finalize {position: absolute; margin-left: 445px; margin-top: -30px}

#bottom {margin-top: 40px; font-weight: bold; height: 70px; width: 1000px; text-align: right; color: #fff; margin: 0px auto; line-height: 20px}
#bottom a {color: #aee9ff}
#bottom a:hover {color: #fff}


.loader img {margin-right: 7px; float: left; border: 0px !important}
.loader {margin-top: 5px; color: #ffe44e; font-weight: bold; font-size: 12px; line-height: 16px; height: 16px}

#cart table {margin: 10px 10px 10px 10px; width: 590px; border-collapse: collapse; }
#cart td {padding: 2px 4px; height: 24px; color: #fff; line-height: 24px; border: 1px solid #42a6f4}
#cart th {color: #a9de50; font-weight: bold; text-align: center}
#cart table a {color: #ffe44e; }
#cart table a:hover {color: #fff}
#cart tr.sum, #cart th.sum {text-align: right; padding: 3px}
#cart td.sum {border: 0px}
#cart .input {width: 30px; height: 24px; background: url('images/input_price.png'); margin: 0px auto }
#cart .input input {text-align: center; color: #fff; width: 26px; margin: 3px; height: 18px; line-height: 18px; font-weight: bold}
#cart .textarea {width: 200px; height: 93px; background: url('images/textarea.png'); margin-left: 10px }
#cart .textarea textarea {color: #fff; width: 194px; margin: 3px; height: 87px; line-height: 14px; font-weight: normal}


#cart .btn_finalize {margin: 10px;}
.noborder {border: 0px !important}
#cart .price {margin-top: 10px; position: absolute; margin-left: 424px; padding-left: 4px; width: 160px; height: 24px; background: url('images/price_cart_bg.png') no-repeat; text-align: center; font-weight: bold; line-height: 24px; color: #655c0a; font-size: 15px}
#cart .total {position: absolute; margin-left: 380px; margin-top: 10px; line-height: 24px}

#transport {line-height: 24px; color: #fff; margin-left: 15px}
#tc_price {text-align: right}
#cart #transport p {float: left; margin-right: 6px; padding: 3px}
#cart p {color: #fff; padding: 10px; line-height: 18px}


.green {font-weight: bold  !important; color: #a9de50 !important;}

.pagination {text-align: left; margin: 5px 0px 15px; padding: 10px; color: #fff; width: 610px; background: url('images/navigation_bg.png') no-repeat;}

.pagination .pages {text-align: center; }
.pagination .next {position: absolute; margin-left: 549px; width: 51px; height: 21px; background: url('images/btn_next.png'); }
.pagination .prev {position: absolute; width: 64px; height: 21px; background: url('images/btn_prev.png');}
.pagination .pages * {float: left; line-height: 21px; display: block; color: #655c0a; font-weight: bold; margin-right: 1px; width: 21px; height: 21px; background: url('images/btn_navi.png'); }
.pagination .pages strong {color: #323232; background-position: 0px 100%}

.btn_cart {width: 108px; height: 24px; background: url('images/btn_cart.png'); }
.btn_categoryback {margin: 20px 10px; background: url('images/btn_categoryback.png'); width: 147px; height: 24px}
.btn_discount {position: absolute; margin-left: 378px; margin-top: 6px; background: url('images/btn_discount.png'); width: 132px; height: 24px}
.btn_delete {background: url('images/btn_delete.png'); width: 66px; height: 24px}
.btn_recount {width: 85px; height: 24px; background: url('images/btn_recount.png'); float: right;}
.btn_finalize {width: 165px; height: 24px; background: url('images/btn_finalize.png');}
.btn_view_box {width: 21px; height: 21px; background: url('images/btn_view_box.png');}
.btn_view_list {width: 21px; height: 21px; background: url('images/btn_view_list.png');}

#error p, #info p {padding: 15px 10px 0px; color: #fff}

#overlay_loader {display: none; z-index: 200; padding: 50px 100px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -50px}
#overlay_loader img {}

#photo_container {display: none; padding: 4px; background: #fff; z-index: 101; position: absolute; left: 50%; top: 50%}
#photo_container .click {display: none; z-index: 5000; position: absolute; padding: 5px; color: #fff; line-height: 20px; margin: 1px;}
#photo_container img {cursor: pointer; clear: both; display: block; border: 1px solid #d2d9e2}
#overlay {position: absolute; z-index: 100; width: 100%; top: 0px; left: 0px; background: black}
#overlay_close {margin-bottom: 4px; cursor: pointer; color: #000; font-size: 12px; font-weight: bold; float: right}

.big_img {display: none; position: absolute;  margin: -22px; padding: 5px; background: #fff}
.big_img img {width: 130px; height: 160px; border: 1px solid #d2d9e2; display: block}

.form_noborder table {margin: 10px}
.form_noborder table td {border: 0px; color: #a9de50; font-weight: bold; height: 23px; padding: 3px 10px 0px 0px}
.form_noborder .input {width: 200px; height: 23px; background: url('images/input.png') }
.form_noborder .input input {height: 17px; width: 194px; margin: 3px; color: #fff}

.textarea {width: 200px; height: 93px; background: url('images/textarea.png');}
.textarea textarea {color: #fff; width: 194px; margin: 3px; height: 87px; line-height: 14px; font-weight: normal; font-size: 12px}


#register .code, #register .street_number {float: left; margin-right: 2px; width: 58px; background: url('images/input_code.png') }
#register .code input, #register .street_number input {width: 52px}
#register .street_number {margin: 0px; float: none}
#register .street {float: left; margin-right: 2px}
#register .city_mail {width: 140px; background: url('images/input_street.png') }

#register .street {width: 140px; background: url('images/input_street.png') }
#register .street input, #register .city_mail input {width: 134px}
.form_noborder select {margin: 1px; width: 198px; background: #07274b; height: 21px; color: #fff; line-height: 21px}
.form_noborder .space_after td {padding-bottom: 10px}
.form_noborder .btn_send {margin: 0px}

#message {color: red; position: absolute; margin-top: 25px}
.error {background-position: 0px 100%  !important}

.static ol, .static ol li {font-weight: bold; margin: 15px 0px 15px 15px; list-style: decimal }
.static ol ol, .static ol ol li {list-style: upper-roman; font-weight: normal; margin: 3px 10px; text-align: justify}

.yellow {color: #FFE44E !important}
.white {color: #fff !important}

.response {padding: 15px 10px}

.opinie .hr {background: #47a1ef; height: 1px; margin: 10px}


.opinie p {padding-bottom: 10px; width: 580px}
.opinie .btn_send {margin-left: 0px; float: none}
.opinie .rating {position: absolute; margin: 7px; width: 580px}
.opinie .rating p {width: 50px; line-height: 24px; padding: 0px; margin: 0px;}
.opinie .rating * {float: right}
.star {width: 22px; height: 24px; background: url('images/star.png'); margin-right: 2px; }

.form_noborder table .data {color: #FFE44E;}

#day_offer h1 {padding: 5px 0px}
#day_offer .hr {margin: 20px;  background: #FFE44E; height: 1px}