@CHARSET "UTF-8";

html, body { height: 100%; }
body { margin: 0; padding: 0; text-align: left; color: #fff;
	background: #2a2a2a url('../img/site/bg.gif') top left repeat-x; }
body, td, th { font-size: 11px; font-family: Tahoma, sans-serif; }

#bgLeft { position: absolute; height: 100%; margin-right: 49%; padding-right: 51%;
	background: url('../img/site/bg-left.gif') top left repeat-x; }

#bgClear { position: relative; text-align: center; }


/** top */
#top { width: 902px; margin: 0 auto; text-align: left;
	background: url('../img/site/top-right.jpg') top right no-repeat; }

#top .logo { float: left; width: 273px; }
#top .logo a { margin-left: 27px; }

h3 {font-size: 12px; margin: 0px;}

.topMenu { float: left; margin: 0 0 0 46px; line-height: 27px; text-align: center; }
.topMenu a { float: left; padding-top: 3px; width: 133px; color: #8e8e8e; }


.topMenu a.active1:hover { background: url('../img/site/top-menu-active1.gif') top left no-repeat; }
.topMenu a.active2:hover { background: url('../img/site/top-menu-active2.gif') top left no-repeat; }
.topMenu a.active3:hover { background: url('../img/site/top-menu-active3.gif') top left no-repeat; }

.menu { background: url('../img/site/menu-left.gif') top left no-repeat;
	padding-bottom: 9px; }
.menuBg { background: url('../img/site/menu-right.gif') top right no-repeat; }
.menu ul { margin: 0 0 0 53px; padding: 0; list-style-type: none; }
.menu li { float: left; line-height: 54px; }
.menu li a { display: block; padding-right: 7px;
	background: url('../img/site/menu-no-active.gif') top right no-repeat; }
.menu li.beforeActive a { background: url('../img/site/menu-active-left.gif') top right no-repeat; }
.menu li.active a { background: url('../img/site/menu-active-right.gif') top right no-repeat; }
.menu li.last a { padding-right: 0; }

.submenu { height: 34px; line-height: 34px; text-align: center;
	background: url('../img/site/menu-bottom.gif') top right no-repeat; }
.submenu a { color: #878787; margin-left: 25px; padding-left: 15px;
	background: url('../img/site/submenu-li-bg.gif') center left no-repeat;}


/** main */
#main { width: 902px; margin: 0 auto; text-align: left;
	background: url('../img/site/main-bg.gif') top left repeat-y; }
#main .top { background: url('../img/site/middle-top.gif') top left repeat-x; zoom: 1; }

#main .block1 { float: left; width: 303px; padding: 0 0 10px 0;
	/*background: url('../img/site/bar-aktualnosci.gif') top left no-repeat;*/ }
#main .block1 h1 { background: url('../img/site/bar-left.gif') top left no-repeat; }
#main .block1 h1 span { display: block; padding-right: 29px;
	background: url('../img/site/bar-right.gif') top right no-repeat; }
#main .block1 .box { padding: 15px 0 5px 0; margin: 0 20px 0 30px; color: #8e8e8e;
	background: url('../img/site/box-bottom-bg.gif') bottom left repeat-x; }

#main .block2 { float: left; width: 300px; padding: 0 0 10px 0; }
#main .block2 h1 { background: url('../img/site/bar-left3.gif') top left no-repeat; }
#main .block2 h1 span { display: block; padding-right: 29px;
	background: url('../img/site/bar-right3.gif') top right no-repeat; }

#main .tabsFirst, #main .tabsSecond { height: 43px; line-height: 43px; text-align: center;
	background: url('../img/site/bar-sklep.gif') top left no-repeat; }
#main .tabsSecond { background: url('../img/site/bar-komis.gif') top left no-repeat; }
#main .tabsFirst span, #main .tabsSecond span { float: left; display: block;
	padding: 0 20px 0 20px; color: #e4e4e4;
	font-family: Impact; font-size: 14px; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; }
#main .tabsFirst a, #main .tabsSecond a { float: left; display: block; width: 60px; color: #d2d2d2; }
#main .block2 .box { padding: 15px 0 5px 0; margin: 0 20px 0 16px; color: #8e8e8e;
	background: url('../img/site/box-bottom-bg.gif') bottom left repeat-x; }
#main .block2 img { float: left; border: 1px solid #575757; margin: 0 10px 0 0; }

#main .block3 { float: left; width: 299px; padding: 0 0 10px 0;
	/*background: url('../img/site/bar-firma.gif') top left no-repeat;*/ }
#main .block3 h2 { background: url('../img/site/bar-left2.gif') top left no-repeat; }
#main .block3 h2 span { display: block; padding-right: 29px;
	background: url('../img/site/bar-right2.gif') top right no-repeat; }
#main .block3 .box { padding: 15px 0 5px 0; margin: 0 25px 0 25px; color: #d2d2d2; }
#main .block3 .box a { color: #e41212; }

div.date { text-align: right; font-size: 10px; color: #e41212; padding-bottom: 2px; }
a.title { font-weight: bold; color: #d2d2d2; }
div.more { text-align: right; padding: 5px 0; }
div.more a { font-weight: normal; color: #e41212; }
.light { color: #eaeaea; }
.price { font-weight: bold; color: #e41212; }

#main .bottom { height: 12px; background: url('../img/site/main-bottom-bg.gif') top left no-repeat; }

/** middle */
#middle { width: 902px; margin: 0 auto; text-align: left;
	background: url('../img/site/middle-bg.gif') top left repeat-y; }
#middle.shop { background: url('../img/site/middle-bg3.gif') top left repeat-y; }
#middle .top { background: url('../img/site/middle-top.gif') top left repeat-x; zoom: 1; }

#middle .block1 { float: left; width: 603px; }
#middle .block1 h1 { background: url('../img/site/bar-left.gif') top left no-repeat; }
#middle .block1 h1 span { display: block; padding-right: 29px;
	background: url('../img/site/bar-right.gif') top right no-repeat; }
#middle .block1 .box { padding: 15px 0 5px 0; margin: 0 20px 0 30px; color: #8e8e8e; line-height: 140%; }

#middle .block2 { float: left; width: 299px;
	background: url('../img/site/middle-block2-bg.gif') top left repeat-y; }
#middle .block2 h2 { float: none; background: url('../img/site/middle-block2-top.gif') top left no-repeat; }
#middle .block2 .box { padding: 15px 0 5px 0; margin: 0 20px 0 30px; color: #8e8e8e;
	background: url('../img/site/box-bottom-bg.gif') bottom left repeat-x; }

#middle .block3 { float: left; width: 199px;
	background: url('../img/site/middle-block3-bg.gif') top left repeat-y; }
#middle .block3 h2 { float: none; background: url('../img/site/middle-block3-top.gif') top left no-repeat; }
#middle .block3 .box { padding: 15px 0 5px 0; margin: 0 20px 0 30px; color: #8e8e8e;
	background: url('../img/site/box-bottom-bg.gif') bottom left repeat-x; }
#middle .block3 .box1 { padding: 15px 0 5px 0; margin: 0 20px 0 30px; color: #8e8e8e;}

#middle .block4 { float: left; width: 503px; }
#middle .block4 h1 { background: url('../img/site/bar-left4.gif') top left no-repeat; }
#middle .block4 h1 span { display: block; padding-right: 29px;
	background: url('../img/site/bar-right.gif') top right no-repeat; }
#middle .block4 .box { padding: 15px 0 5px 0; margin: 0 20px 0 30px; color: #8e8e8e;  line-height: 140%;}

#middle .block5 { float: left; width: 199px;
	background: url('../img/site/middle-block5-bg.gif') top left repeat-y; }
#middle .block5 h2 { float: none; background: url('../img/site/middle-block5-top.gif') top left no-repeat; }
#middle .block5 .box { padding: 15px 0 5px 0; margin: 0 20px 0 30px; color: #8e8e8e;
	background: url('../img/site/box-bottom-bg.gif') bottom left repeat-x; }

#middle .block6 { float: left; width: 703px; }
#middle .block6 h1 { background: url('../img/site/bar-left4.gif') top left no-repeat; }
#middle .block6 h1 span { display: block; padding-right: 29px;
	background: url('../img/site/bar-right.gif') top right no-repeat; }
#middle .block6 .box { padding: 15px 0 5px 0; margin: 0 20px 0 30px; color: #8e8e8e;  line-height: 140%;}


#middle .bottom1 { margin-top: 25px; height: 43px; line-height: 43px;
	background: url('../img/site/middle-bottom1.gif') top left no-repeat; }
#middle .bottom1 a.left, #middle .bottom4 a.left, #middle .bottom6 a.left { float: left; padding-left: 42px; color: #e4e4e4;
	font-family: Impact; font-size: 11px; font-weight: normal; text-transform: uppercase;}
#middle .bottom1 a.right, #middle .bottom4 a.right, #middle .bottom6 a.right { float: right; padding-right: 42px; color: #e4e4e4;
	font-family: Impact; font-size: 11px; font-weight: normal; text-transform: uppercase;}

#middle .bottom4 { margin-top: 25px; height: 43px; line-height: 43px;
	background: url('../img/site/middle-bottom4.gif') top left no-repeat; }

#middle .bottom6 { margin-top: 25px; height: 43px; line-height: 43px;
	background: url('../img/site/middle-bottom6.gif') top left no-repeat; }


#middle .bottom2 { margin-top: 5px; line-height: 11px; height: 11px;
	background: url('../img/site/middle-bottom2.gif') top left no-repeat; }

#middle .bottom3 { margin-top: 5px; line-height: 11px; height: 11px;
	background: url('../img/site/middle-bottom3.gif') top left no-repeat; }

#middle .bottom5 { margin-top: 5px; line-height: 11px; height: 11px;
	background: url('../img/site/middle-bottom5.gif') top left no-repeat; }

#products .box {clear:both;}
#products .box .picture {float: left; margin-right: 20px;}
#products .box .data {float: left; width: 540px;}
.block1 #products .box .data {float: left; width: 440px;}

h1 { float: left; line-height: 43px; margin: 0; padding: 0 0 0 20px; color: #e4e4e4;
	font-family: Impact; font-size: 14px; font-weight: normal; text-transform: uppercase;
	word-spacing: 2px; letter-spacing: 1px;}
h2 { float: left; line-height: 43px; margin: 0; padding: 0 0 0 20px; color: #e4e4e4;
	font-family: Impact; font-size: 14px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px;}


/** banners */
#banners { padding: 9px 0; }
#banners img { vertical-align: middle; margin: 0 10px; }
#banners img.separator { margin: 0 14px 0 14px; }

/** bottom */
#bottom { color: #7c7c7c; background: url('../img/site/bottom-bg.gif') top left repeat-x; }
#bottom .space { width: 902px; margin: 0 auto; }

#bottom ul { margin: 0; padding: 0; list-style-type: none; text-align: center; line-height: 64px; }
#bottom li { display: inline; margin: 0; padding: 0 20px;
	 background: url('../img/site/bottom-li-bg.gif') center right no-repeat; }
#bottom li.last { background-image: none; }
#bottom a { color: #7c7c7c; }

#bottom p { margin: 0; padding: 20px 0; color: #636363; }
#bottom p a { color: #636363; }

/** standard */
a { color: #fff; text-decoration: none; }

img { border: 0; vertical-align: bottom; }
img.b { vertical-align: bottom; }
img.m { vertical-align: middle; }

table { }
td, th { padding: 0; vertical-align: top; }
.c, .center { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.j { text-align: justify; }
.t { vertical-align: top; }
.m { vertical-align: middle; }
.b { vertical-align: bottom; }

.fL {float: left;}
.fR {float: right;}

.clr { clear: both; }
.cL { clear: left; }
.cR { clear: right; }

.pageNum { padding-top: 20px; }

div.failed ul { margin: 20px 0 0 0; }
div.failed li { color: #d10; }


/** forms */
form { display: inline; }
form fieldset { display: block; border: 0; }
form legend { display: inline; margin: 0; padding: 15px 0; }
form ul { list-style: none; margin: 10px 0; padding: 0; }
form ul li { padding: 3px 0; margin: 0; clear: left; }
form ul li.hide { display: none; }
form ul li.submit { margin-left: 90px; }
form ul label { float: left; width: 80px; padding-right: 10px; text-align: right; }

input, textarea, select { font-family: sans-serif; font-size: 10px; }
input.disabled, textarea.disabled, select.disabled { color: #8E8E8E }
input.noBorder { border: 0; }
select { font-size: 11px; }
button { border-style: none; background-color: transparent; font-size: 11px; }

.hide { display: none; }

/** gallery */
div.gallery {margin-bottom: 10px;} 
div.gallery .picture {float: left; margin-right: 10px;}
div.gallery .description {float: left;}

div.picturesList {width: 450px; margin: 0 auto;}
div.picturesList div {margin: 10px;}
div.picturesList div p {margin-top: 0px; padding-top: 10px; width: 200px;}
/** http://www.hyh.pl */

#shopCategories { margin: 0; padding: 0; list-style: none; }
#shopCategories .current{ font-weight: bold; background: url('../img/site/box-bottom-bg.gif') bottom left repeat-x #2A2A2A; }
#shopCategories li { padding: 4px 0 6px 0; background: url('../img/site/box-bottom-bg.gif') bottom left repeat-x;}

.minh {min-height: 300px;}

/** productSearch */
div.block3  input, div.block3  select {width: 144px; margin: 0 0 5px 0; border: 1px solid #3A3A3A; font-size: 11px; background: #D2D2D2;}
div.block3  select { width: 145px;}
div.block3 form input.submit {background: none; border: none; color: #e41212; text-align: right; margin-top: 5px;}
.priceOld { text-decoration: line-through; }

table.cart2 {width: 100%;}
table.cart2 th {background: #8D0100; padding: 3px 5px; text-align: center; border-bottom: 2px solid #0B0D0A; vertical-align: middle; 
		color: white; font-family: Impact; font-size: 12px; font-weight: normal; text-transform: uppercase; word-spacing: 2px; letter-spacing: 1px;}
table.cart2 th span {font-weight: normal; font-size: 80%;}
table.cart2 th.del {width: 10px;}
table.cart2 td {padding: 3px 2px 6px 2px; vertical-align: middle;}
table.cart2 td input {width: 50px; text-align: center;}
table.cart2 tr {background: url(../img/site/box-bottom-bg.gif) repeat-x bottom;}
table.cart2 tr.sum {background: none;}
table.cart2 tr.sum td {padding: 6px;}

table.cart2 td input.w1 {width: 50px; text-align: left;}
table.cart2 td input.w2 {width: 60px; text-align: left;}
table.cart2 td input.w3 {width: 140px; text-align: left;}
table.cart2 td input.w4 {width: 200px; text-align: left;}
table.cart2 td input.w5 {width: 450px; text-align: left;}

#productAddToCart { position: absolute; width: 270px; height: 0px; border-top: none; z-index: 100; margin-top: 30px; margin-left:320px; overflow:hidden;}
#productAddToCart p {padding: 6px 10px 0 10px; font-size: 11px; margin: 0; font-weight: bold; text-align: center; color: #8E8E8E; background: #1C1C1C; border: 1px solid #3A3A3A; border-top:0; line-height: 14px; padding-bottom: 10px; text-align: left;}
#productAddToCart a {font-weight: normal;}
#productAddToCart a.new {font-weight: bold;}
#productAddToCart p a span.name {clear: both; float: left; width: 130px; overflow:hidden;}
#productAddToCart p a span.quantity {float: left; width: 30px; text-align: right;}
#productAddToCart p a span.price2 {float: left; width: 80px; text-align: right;}

#headShop {/*background: url(../img/site/middle-block6-topCart.gif) no-repeat bottom; line-height: 43px;*/ line-height:30px; /**/width: 595px; float: right; }
#headShop .login input {font-size: 9px;}
#headShop .cart {width: 270px;}

a {outline: none;}

.newsletterTitle {font-weight: bold; color: #D2D2D2;}
input.newsletter{width: 190px;}