@import url(http://fonts.googleapis.com/css?family=Exo:400,700&subset=latin-ext);

* {border:0; margin:0; outline:0; padding:0;}
body {background:#000 url('../images/bg.jpg') top center fixed no-repeat; color:#525252; font-family:'Exo', sans-serif; font-size:14px;}

.b1 {background:#f60;}
.b2 {background:#fc0;}
.b3 {background:#0c0;}
.b4 {background:#f00;}
.b5 {background:#ff0;}
.b6 {background:#06f;}
.b7 {background:#ccc;}
.b8 {background:#f0c;}
.b9 {background:#0ff;}

b, h1, h2, h3, h4, h5, h6, strong {font-weight:600;}
h1 {font-size:24px;}

h1.title {font-size:24px; margin:20px 0 10px;}
h1.title1 {font-size:24px; margin:40px 0 10px; text-transform:uppercase;}
h1.title2 {font-size:24px; margin:0; text-transform:uppercase;}
h1.title3 {font-size:24px; margin:0 0 20px; text-transform:uppercase;}
h1.title4 {font-size:24px; margin:40px 0 20px; text-transform:uppercase;}

.blue {color:#00bcea;}
.yellow {color:#fff200;}

span.sub {color:#b5b5b5; font-size:14px;}

a {color:#60c5ff; text-decoration:none;}
a:hover {color:#fff; text-decoration:none;}

.clear {clear:both;}

#absolute {height:419px; position:relative;}
#container {margin:0 auto; width:960px;}
.wrapper {margin:0 auto; position:relative; width:980px;}
#top {background:url('../images/top.png') top center no-repeat; height:220px; position:absolute; width:100%; z-index:1;}
#logo {background:url('../images/logo.png') no-repeat; display:block; height:78px; left:40px; position:absolute; top:20px; width:200px;}
#menuTop {float:right; margin:0 0 10px; text-align:right;}
#menuTop a {color:#17a3f8; display:inline-block; line-height:40px; margin:5px 0 0; padding:42px 10px 0 10px; text-transform:lowercase;}
#menuTop a:hover, #menu a.active {color:#fff;}

#menuTop a#link1 {background:url('../images/icon1.png') 50% 10px no-repeat;}
#menuTop a#link2 {background:url('../images/icon2.png') 50% 10px no-repeat;}
#menuTop a#link3 {background:url('../images/icon3.png') 50% 10px no-repeat;}
#menuTop a#link4 {background:url('../images/icon4.png') 50% 10px no-repeat;}

.kosz {position:relative;}
.kosz div {margin:0 20px;}
.kosz > span {background:url('../images/kosz.png') no-repeat; height:64px; left:-10px; line-height:normal; padding:55px 0 0; position:absolute; text-align:center; top:-5px; width:117px;}
.kosz > span > span {text-align:center;}

#blocks {background:url('../images/blocks.png') no-repeat; height:66px;}
#blocks .col1 {font-size:18px; font-weight:700; left:40px; position:absolute; text-transform:uppercase; top:9px; width:265px;}
#blocks .col1 a {color:#fff; float:left; margin:10px 0 0;}
#blocks .col1 a:hover {color:#c8e5e8;}
#blocks .col1 .sep {background:url('../images/col1-sep.png') no-repeat; display:block; float:left; height:24px; margin:10px 10px 0; width:24px;}

#blocks .col1 .userInfo {font-size:12px; padding:5px 0 0;}
#blocks .col1 .userInfo a {float:none;}

#blocks .col2 {left:368px; position:absolute; top:13px; width:268px;}

#blocks .col3 {font-size:18px; font-weight:700; line-height:20px; position:absolute; right:50px; text-shadow:0 1px 0 #004173; text-transform:uppercase; top:14px; width:250px;}
#blocks .col3 a {color:#fff;}
#blocks .col3 a:hover {color:#c8e5e8;}
#blocks .col3 a span {color:#f8f400;}

#polecane span.name {display:block; height:45px; overflow:hidden;}

#user {clear:right; float:right;}

#cartTop {clear:right; float:right; margin:20px 0;}
#cartTop a {color:#202020;}
#cartTop a:hover {color:#c37784;}
#cartTop a i {color:#c37784;}

#searchBox {}
#searchBox #searchInp {background:url('../images/search-input.png') no-repeat; color:#202020; float:left; font-family:'Exo', sans-serif; font-size:18px; margin:0 17px 0 0; padding:6px 10px; text-transform:uppercase; width:204px;}
#searchBox #searchBtn {background:url('../images/search-btn.png') center no-repeat; color:#c37784; cursor:pointer; font-size:16px; height:37px; width:27px;}
#searchBox:hover #searchInp, #search_box:focus#searchInp {}

#breadcrumbs {line-height:31px; margin:0 0 20px;}
#breadcrumbs #breadHome {background:url('../images/home.png') center no-repeat; display:block; float:left; height:31px; width:31px;}
#breadcrumbs a {display:block; float:left; line-height:31px;}
#breadcrumbs .arr {background:url('../images/arrow3.png') no-repeat; display:block; float:left; height:31px; margin:0 10px; width:18px;}

#sort {background:url('../images/sort.png') no-repeat; height:60px; padding:40px 0 0 20px;}
#sort label {color:#f8f400; display:inline-block; float:left; font-size:24px; font-weight:700; line-height:32px; margin:0 10px 0 0; text-transform:uppercase;}
#sort input.price {background:#16212d; color:#fff; float:left; padding:8px 10px; width:50px;}
#sort select {background:#16212d; color:#fff; float:left; padding:7px 10px; width:200px;}
#sort input.btn {background:none; color:#fff200; float:right; font-weight:700; margin:0 15px 0 0; padding:7px 10px;}

#contactBg {background:url('../images/contact-bg.png') 0 50px no-repeat; min-height:561px; padding:30px 50px 0; position:relative;}
#contactBg #imie {background:none; color:#fff; font-family:'Exo', sans-serif; font-size:12px; left:53px; padding:9px 10px; position:absolute; top:292px; width:201px;}
#contactBg #email {background:none; color:#fff; font-family:'Exo', sans-serif; font-size:12px; left:51px; padding:9px 10px; position:absolute; top:345px; width:201px;}
#contactBg #subject {background:none; color:#fff; font-family:'Exo', sans-serif; font-size:12px; left:51px; padding:9px 10px; position:absolute; top:396px; width:201px;}
#contactBg #tresc {background:none; color:#fff; font-family:'Exo', sans-serif; font-size:12px; height:212px; left:350px; padding:9px 10px; position:absolute; resize:none; top:215px; width:310px;}
#contactBg .btn {background:url('../images/contact-btn-bg.png') no-repeat; color:#60c5ff; font-family:'Exo', sans-serif; font-size:12px; font-weight:700; height:41px; left:550px; position:absolute; top:515px; width:100px;}
#contactBg .btn:hover {color:#fff;}
#captchaInput {left:53px; position:absolute; top:446px;}
#captchaInput img {float:left; margin:0 10px 0 0;}
#captchaInput input {background:none; box-shadow:1px 1px 0 #042c37, -1px -1px 1px #041e34; color:#fff; float:left; font-family:'Exo', sans-serif; font-size:12px; padding:9px 10px; width:108px;}

.icon-phone {background:url('../images/icon-phone.png') left center no-repeat; color:#0098d2; display:inline-block; font-size:17px; margin:0 0 10px; padding:0 0 0 26px;}
.icon-mail {background:url('../images/icon-mail.png') left center no-repeat; color:#0098d2; display:inline-block; font-size:17px; margin:0 0 10px; padding:0 0 0 26px;}



#sideLeft {float:left; width:220px;}
#sideLeft h1.side-head {background:url('../images/side-head.png') top no-repeat; color:#00d6f3; font-size:24px; margin:0 0 13px; padding:35px 20px 7px; text-transform:uppercase;}
#sideLeft h2 {color:#fbf500; font-size:17px; margin:0px; padding:6px 20px 3px; text-transform:uppercase;}
#sideMenu {background:url('../images/side-bg.png') top no-repeat;}
#sideFooter {background:url('../images/side-footer.png') top no-repeat; height:97px;}

#sideRight {float:right; margin:20px 0 0; width:710px;}

#page {min-height:400px;}

#promocjeBox {background:url('../images/promocjebox-bg.png') bottom no-repeat; padding:0 0 60px;}
#promocjeBox div {margin:0 0 20px;}
#promocjeBox div div.desc {color:#fff; float:left; font-size:16px; font-weight:400; margin:0; width:150px;}
#promocjeBox div div.desc a {color:#fff;}
#promocjeBox div div.desc a:hover {color:#c8e5e8;}
#promocjeBox div div .pricePromo {color:#727272; display:inline-block; font-size:14px; font-weight:700; margin:0 10px 0 0; text-decoration:line-through;}
#promocjeBox div div .pricePromo span {font-size:12px; font-weight:400;}
#promocjeBox div div .price {color:#0e90e8; display:inline-block; font-size:14px; font-weight:700;}
#promocjeBox div div .price span {font-size:12px; font-weight:400;}
#promocjeBox div img {border-radius:4px; float:left; margin:0 10px 0 0; vertical-align:top; width:58px;}

.productList {background:#ececec; margin:20px 0 0; padding:15px; position:relative;}
.productList img.badgePromo {left:-11px; position:absolute; top:-12px;}
.productList img.thumb {border:1px #e3e3e3 solid; border-radius:4px; float:left; height:140px; vertical-align:top; width:190px;}

.productList div.desc {float:left; margin:0 30px 0 20px; width:280px;}
.productList div.desc h3 {color:#003357; font-size:21px; font-weight:400;}
.productList div.desc h3 a {color:#003357;}
.productList div.desc h3 a:hover {color:#001422;}
.productList div.desc .pricePromo {color:#727272; display:inline-block; font-size:18px; font-weight:700; margin:20px 10px 0 0; text-decoration:line-through;}
.productList div.desc .pricePromo span {font-size:14px; font-weight:400;}
.productList div.desc .price {color:#0e90e8; display:inline-block; font-size:18px; font-weight:700; margin:20px 0 0;}
.productList div.desc .price span {font-size:14px; font-weight:400;}

.productList form {float:right; text-align:center; width:158px;}
.productList form label {color:#001a39; font-size:12px; text-transform:uppercase;}
.productList form .ilosc {border:1px #e4e4e4 solid; padding:5px; width:30px;}
.productList form a {background:url('../images/tocart.png') no-repeat; color:#fff; display:inline-block; font-size:12px; font-weight:bold; height:36px; margin:10px 0 0; padding:69px 0 0 20px; text-align:left; text-transform:uppercase; width:99px;}
.productList form a:hover {color:#fbf500;}

.owl-carousel .owl-item div {margin:0 7px;}
.owl-carousel .owl-item div div {background:url('../images/bg1.png'); border-radius:0 0 4px 4px; font-size:16px; font-weight:400; margin:0; padding:10px;}
.owl-carousel .owl-item div a {color:#fff;}
.owl-carousel .owl-item div a:hover {color:#c8e5e8;}
.owl-carousel .owl-item div div .pricePromo {color:#727272; display:inline-block; font-size:14px; font-weight:700; margin:0 10px 0 0; text-decoration:line-through;}
.owl-carousel .owl-item div div .pricePromo span {font-size:12px; font-weight:400;}
.owl-carousel .owl-item div div .price {color:#0e90e8; display:inline-block; font-size:14px; font-weight:700;}
.owl-carousel .owl-item div div .price span {font-size:12px; font-weight:400;}
.owl-carousel .owl-item div img {border-radius:4px 4px 0 0; vertical-align:top; width:100%;}

#prod-gallery {float:left; margin:0 20px 0 0; width:192px;}
#prod-gallery .owl-wrapper-outer {background:#fff; border:1px #ddd solid; border-radius:4px; width:190px;}
#prod-gallery .owl-item {width:190px;}
#prod-gallery .owl-wrapper-outer img {height:140px; vertical-align:top; width:190px;}
.product {background:#ececec; padding:20px; position:relative;}
.product img.badgePromo {left:-11px; position:absolute; top:-12px; z-index:1;}
.product h1.title {color:#003357; font-size:21px; font-weight:400; margin:10px 0 0;}

.blue {color:#0e90e8;}
#productContent {float:right; margin:10px 0 0; width:458px;}
#productContent .desc {float:left; width:209px;}
#productContent form {float:right; text-align:center; width:209px;}
#productContent div.desc .pricePromo {color:#727272; display:inline-block; font-size:18px; font-weight:700; margin:20px 10px 0 0; text-decoration:line-through;}
#productContent div.desc .pricePromo span {font-size:14px; font-weight:400;}
#productContent div.desc .price {color:#0e90e8; display:inline-block; font-size:18px; font-weight:700; margin:20px 0 0;}
#productContent div.desc .price span {font-size:14px; font-weight:400;}
#productContent form a {background:url('../images/tocart.png') no-repeat; color:#fff; display:inline-block; font-size:12px; font-weight:bold; height:36px; margin:10px 0 0; padding:69px 0 0 20px; text-align:left; text-transform:uppercase; width:99px;}
#productContent form a:hover {color:#fbf500;}
#productContent form select {background:#fff; border:1px #e4e4e4 solid; margin:0 0 10px; padding:5px 10px; width:209px;}

#productContent form label {display:inline-block; line-height:28px;}
#productContent form #ilosc {border:1px #e4e4e4 solid; padding:5px; width:30px;}


.articleList {border-bottom:1px #333 solid; color:inherit; display:block; padding:20px 0;}
.articleList .title {display:inline-block; font-size:18px; margin:0 0 10px;}
.articleList .thumb {float:left; margin:0 20px 0 0; vertical-align:top; width:190px;}
.articleList .more {display:inline-block; float:right; margin:10px 0 0; padding:5px 10px;}
.articleList:hover .more {}

#articlePhotos {float:right; margin:0 0 20px 20px; width:219px;}
#articlePhotos a {display:block; margin:0 0 10px;}
#articlePhotos a img {vertical-align:top; width:100%;}

#searchResults {margin:10px 0 40px;}
#noSearchResults {font-size:30px; padding:100px; text-align:center;}
#noSearchResults span {font-size:18px;}

#emptyCategory {margin:10px 0 40px;}
#emptyCategory {font-size:30px; padding:100px; text-align:center;}
#emptyCategory span {font-size:18px;}

#productPhotos {float:left; margin:10px 0 0; width:460px;}
#productPhotos a {display:block; float:left; position:relative;}
#productPhotos a .opcja1 {background:url('../images/opcja1.png') no-repeat; color:#fff; font-weight:600; height:22px; padding:30px 0 0; position:absolute; right:0px; text-align:center; text-transform:uppercase; top:408px; width:103px; z-index:1;}
#productPhotos a .opcja2 {background:url('../images/opcja2.png') no-repeat; color:#fff; font-weight:600; height:40px; left:0px; position:absolute; text-align:center; text-transform:uppercase; top:0px; width:71px; z-index:1;}
#productPhotos a.thumbMini {margin:11px 11px 0 0; width:146px;}
#productPhotos a img {float:left; vertical-align:top; width:100%;}



.gal {}
.gal div {float:left; margin:0 10px 10px 0;}




#outOfStock {list-style:none; margin:20px 10px 40px;}
#outOfStock li {margin:5px 0;}
#outOfStock li i {color:#c37784;}

#brak_w_mag {border-bottom:1px #c6c6c6 solid; border-top:1px #c6c6c6 solid; margin:20px 0; padding:20px 0;}


.niema {background:#ccc; color:#fff; display:block; float:left; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; line-height:22px; margin:5px 0 0; padding:1px 0; text-align:center; text-decoration:none; width:211px;}


.brak {color:#5c5c5c; padding:100px 0; text-align:center;}
#product_photo {background:#fff; float:left; padding:16px 16px 10px 0; width:300px;}

h2#opis_pr {border-bottom:1px #d8d8d8 solid; color:#4d4d4d; font-size:12px; margin:35px 0 10px; padding:0 0 5px; text-transform:uppercase;}

.cena_old {color:#8c8c8c; font-size:14px; font-weight:bold; margin:0 0 5px; text-transform:uppercase;}
.cena_old1 {color:#8c8c8c; font-size:18px; font-weight:bold; margin:0 0 5px; text-transform:uppercase;}
.skr {text-decoration:line-through;}
.cena_pro {color:#ee3f3a; font-size:16px; font-weight:bold; text-transform:uppercase;}

.wstecz {margin:20px 0;}
.wstecz a {background:#ba7882; border-radius:4px; color:#fff; padding:0 10px;}
.wstecz a:hover {background:#995d68; color:#fff;}

.price_old {color:#f00 !important; text-decoration:line-through;}
.wyslij_zamowienie {background:#ee3f3a; -webkit-border-radius:3px; border-radius:3px; color:#fff !important; font-weight:bold; padding:10px 20px; text-transform:uppercase;}
.wyslij_zamowienie:hover {background:#333; -webkit-border-radius:3px; border-radius:3px; color:#fff !important; font-weight:bold; padding:10px 20px; text-transform:uppercase;}

#bottom {background:url('../images/bottom.png') top center no-repeat; color:#add7ff; font-size:14px; line-height:22px; margin:40px 0 0; padding:27px 0 6px;}
#bottom a {color:#add7ff;}
#bottom a:hover {color:#f8f400;}
#bottom .col1 {float:left; margin:0 0 0 10px; width:255px;}
#bottom .col2 {float:left; margin:0 20px; width:235px;}
#bottom .col3 {float:left; width:430px;}

#footer {background:#010d12; color:#4086b5; font-size:14px; line-height:32px; text-align:right;}
#footer a {color:#4086b5; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}







.star, .alert {color:#f22;}

.tbl {width:420px;}
.tbl .tbl1 {padding:5px; width:100px;}
.tbl .tbl2 {padding:5px; width:280px;}
.tbl .tbl3 {padding:5px; text-align:center;}
.tbl .tbl4 {padding:5px;}
.tbl .tbl5 {padding:5px;}

.tbl {border-collapse:collapse; width:100%;}

div.error {background:#ffefef; border:1px #f00 solid; color:#f00; margin:0 auto; padding:20px; text-align:center; width:300px;}
div.success {background:#fbffeb; border:1px #96ad2b solid; color:#96ad2b; margin:0 auto; padding:20px; text-align:center; width:300px;}

.tab_head {border-bottom:1px #333 solid; font-weight:bold; padding:10px 10px 9px; text-transform:uppercase;}
.tab_head .cart_product {float:left; margin:0 10px 0 0; width:340px;}
.tab_head .cart_qty {float:left; text-align:center; width:60px;}
.tab_head .cart_sign {float:left; text-align:center; width:40px;}
.tab_head .cart_price {float:left; text-align:center; width:100px;}
.tab_head .cart_value {float:left; text-align:center; width:100px;}

.cart {border-bottom:1px #333 solid; padding:10px;}
.cart .cart_photo {float:left; margin:0 10px 0 0; width:88px;}
.cart .cart_photo img {float:left; height:65px; vertical-align:top; width:88px;}
.cart .cart_product {float:left; margin:0 10px 0 0; width:242px;}
.cart .cart_product a {color:#60c5ff; font-size:12px;}
.cart .cart_product a:hover {color:#fff;}
.cart .cart_qty {float:left; line-height:88px; text-align:center; width:60px;}
.cart .cart_sign {float:left; line-height:88px; text-align:center; width:40px;}
.cart .cart_price {float:left; line-height:88px; text-align:center; width:100px;}
.cart .cart_value {float:left; line-height:88px; text-align:center; width:100px;}

#colLeft {float:left; width:440px;}
#colLeft > img {border-radius:4px; float:left; vertical-align:top;}
#colLeft > input, #colLeft > textarea {background:#ededed; border-radius:4px; float:left; font-family:'Exo', sans-serif; font-size:12px; margin:0 0 10px; padding:10px; width:420px;}
#colLeft > input.inp1 {width:90px;}
#colLeft > input.inp2 {margin:0 0 10px 10px; width:300px;}
#colLeft > input.inp3 {margin:0 0 10px 10px; width:330px;}
#colLeft > input.inp4 {margin:0 0 10px; width:195px;}
#colLeft > input.inp5 {margin:0 0 10px 10px; width:195px;}
#colLeft > textarea {height:120px; resize:none;}

#colRight {float:right; width:440px;}
#colRight > input, #colRight > textarea {background:#ededed; border-radius:4px; float:left; font-family:'Exo', sans-serif; font-size:12px; margin:0 0 10px; padding:10px; width:420px;}
#colRight > input.inp1 {width:90px;}
#colRight > input.inp2 {margin:0 0 10px 10px; width:300px;}
#colRight > input.inp3 {margin:0 0 10px 10px; width:330px;}
#colRight > input.inp4 {margin:0 0 10px; width:195px;}
#colRight > input.inp5 {margin:0 0 10px 10px; width:195px;}
#colRight > textarea {height:205px; resize:none;}

.forms {float:left; width:440px;}
.forms > img {float:left; vertical-align:top;}
.forms > input, .forms > textarea, .inpx1 {background:#051c29; box-shadow:inset 1px 1px 3px #00080e, inset -1px -1px 0px #023841; color:#fff; float:left; font-family:'Exo', sans-serif; font-size:12px; margin:0 0 10px; padding:10px; width:420px;}
.forms > input.inp1 {width:90px;}
.forms > input.inp2 {margin:0 0 10px 10px; width:300px;}
.forms > input.inp3 {margin:0 0 10px 10px; width:330px;}
.forms > input.inp4 {margin:0 0 10px; width:195px;}
.forms > input.inp5 {margin:0 0 10px 10px; width:195px;}
.forms > textarea {height:120px; resize:none;}

.btn {background:url('../images/btn-bg.png') center; color:#60c5ff; cursor:pointer; display:inline-block; font-family:'Exo', sans-serif; font-size:12px; padding:5px 10px; text-transform:uppercase;}
.btn:hover {background:url('../images/btn-bg.png') center; color:#fff;}

.unactive {background:url('../images/btn-bg.png') center; color:#444; cursor:default;}
.unactive:hover {background:url('../images/btn-bg.png') center; color:#444;}

#formBtn {
	background:url('../images/form.png') top center no-repeat;
	color:#003266 !important;
	display:inline-block;
	font-size:24px;
	font-weight:bold;
	line-height:37px;
	text-align:center;
	width:172px;
}
#formBtn:hover {
	background:url('../images/form.png') bottom center no-repeat;
}

.pagination {
	bottom:40px;
	left:40px;
	position:absolute;
	z-index:101;
}

.pagination li {
	float:left;
	margin:0 2px 0 0;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background:#333;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background:#666;
}


#cookie_bar {
	background:#fff;
	color:#333;
	bottom:10px;
	font-size:12px;
	padding:10px;
	position:fixed;
	right:10px;
	width:300px;
	z-index:500;
}

#cookie_ok {
	background:#006eb2;
	color:#fff;
	display:block;
	font-weight:bold;
	height:20px;
	line-height:20px;
	padding:0;
	position:absolute;
	right:0px;
	text-align:center;
	top:0px;
	width:20px;
}

#cookie_ok:hover {
	background:#333;
	color:#fff;
}
.tbox {
    border: 6px solid #3e3e3e;
    display: none;
    padding: 0;
    position: absolute;
    z-index: 900;
}
.tinner {
    background: #3e3e3e url("../images/preload.gif") no-repeat scroll 50% 50%;
    padding: 0;
}
.tmask {
    background: #000 none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 800;
}
.tclose {
    background: rgba(0, 0, 0, 0) url("../images/close.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: -6px;
    top: -32px;
    width: 390px;
}
.tclose:hover {
    background-position: 0 -32px;
}	
.background {
	    background: #ececec;		
}


#opcja2{
	margin-bottom: 20px !important;
}

#opcja8{
	margin-bottom: 35px !important;
}
#opcja9{
	margin-bottom: 45px !important;
}