@charset "utf-8";
/* CSS Document */
* {margin: 0; padding:0;}
img {border: none;}

/* header */
html{background:#e5ddce url(../img/bgBody.jpg) repeat-x top;margin:0 auto;padding:0;width:100%}
body{color:#000;font:11px normal Tahoma, Atial, Geneva, sans-serif;margin:0 auto;padding:0;width:100%}
#cont{ width: 1024px; margin: 0 auto;}
#top{text-align:right}
#top img{margin:0 20px 0 0}
#head{background:#FFF}
#logo{float:left}
#banner{float:right}

/* top menu */
#topMenu{background:#F60 url(../img/bgTopMenu.jpg) repeat-x 0 0;clear:both;height:36px}
#topMenu ul{float:right;list-style:none;margin:0;padding:0}
#topMenu li{display:inline-block;float:left;padding:10px 0}
#topMenu a{background:url(../img/spacerTopMenu.jpg) no-repeat right;color:#FFF;display:inline;font-size:14px;font-weight:600;margin:0;padding:9px 20px;text-decoration:none}
#topMenu a.last{background:none}
#topMenu a:hover,#topMenu a.active{background:#F60}

/* pod menu + konwersja */
#siteSearch {
	background: #f8f3ea;
	border-bottom: 1px solid #ff7100;
	overflow:hidden;
	padding: 0 0 0 0;
	height: 37px;
}
#siteSearch ul, .formConversion ul {
	list-style: none;
	margin:8px 12px 0 0;
}
#siteSearch li, .formConversion li {
	display:inline;
	float:left;
}
label {
	font-size: 14px;
	color:#666;
	font-weight:bold;
	display:inline;
}
.inpSearch, .inpConversion, .inp-add-email, .inp-add-email-error {
	background: url(../img/bgInput.jpg) repeat-x top;
	border: 1px solid #cdc1ac;
	padding: 2px 0 0 0;
	width: 154px;
}
.btnSearch {
	background: url(../img/btnSearch.png) no-repeat;
	border: none;
	width: 57px;
	height: 20px;
	margin: 0 0 0 -3px;
}
.left, .leftConversion {float:left;}
.right, .rightConversion {float:right;}
.title {
	font-size: 14px;
	color: #666;
	font-weight:bold;
	margin: 10px 0 0 0;
	padding: 0 0 0 30px;
}

.content {
	width: 1024px;
	height: 100%;
}
.content td {
	vertical-align:top;
}

/*lewa kolumna */
table.content td.tableLeft {
	background: #f0e8da;
	width: 210px;
}
#menuLeft {
	width: 210px;
	margin: 20px 0 25px 5px;
	padding: 0 5px 0 0;
}
#menuLeft ul { 
	margin:0; 
	padding:0;
}
#menuLeft li, #menuLeft li.submenu {
	background: url(../img/spacerLeftMenu.jpg) no-repeat bottom;
	margin:0 0 0 0;
}
#menuLeft ul li, #menuLeft li.submenu {
	display:block; 
	padding:0 0 4px 4px; 
	text-decoration:none; 
	color:#333;
	font-weight:bold;
	font-size: 11px;
}
#menuLeft a {
	display:block;
	padding:4px 0 2px 0; 
	text-decoration:none; 
	color:#333;
	font-weight:bold;
	font-size: 11px;
}
#menuLeft ul li a:hover, #menuLeft a.active  {background:#f8f4eb;}
#menuLeft a:hover img, #menuLeft a.active img {border: 1px solid #999;}
#menuLeft a.active {color:#F30;}
#menuLeft ul li img {
	overflow:hidden;
	margin-right:2px; 
	vertical-align:middle;
}

#menuLeft img {
	margin: -2px 0 0 0;
	border: 1px solid #CCC;
}
#menuLeft ul.sub {
		background: #f8f4eb url(../img/spacerLeftMenu.jpg) no-repeat top;
}
#menuLeft li.submenu {
	background: none;
	margin:0 5px 0 0;
	padding: 0 0 0 25px;
}
#menuLeft li.submenu a {
	background: url(../img/bgListImage.gif) no-repeat 0 9px;
	font-weight: normal;
	color:#666;
	display:inline-block;
	padding: 4px 0 2px 10px;
}
#menuLeft li.submenu a:hover, #menuLeft li.submenu a.activeSub {
	background: url(../img/bgListImage.gif) no-repeat 0 9px;
	font-weight: normal;
	color: #F60;
}

/* srodek */
.content td.tableCenter {
	width: 569px;
	background: #faf8f3;
}
#center {
	background: #faf8f3;
	padding: 20px 15px 15px 15px;
	margin: 0 0 0 0;
	width: 545px;
}
.siteTitle, .siteTitleContact {
	font-size: 18px;
	color:#FF6600;
	margin: 0 0 20px 0;
}
.siteTitleContact {
	color:#003366;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}
.productList, .productView, .productList-hover, .productView-hover, .productOfer, .productOfer-hover {
	float:left;
	background:#e9e9e9;
	margin: 0 5px 30px 0;
	text-align:center;
	width: 130px;
	height: 155px;
	padding: 5px 0 5px 0;
	overflow:hidden;
}
.productView, .productView-hover {
	background:#e9e9e9 url(../img/enlarge.png) no-repeat 110px 101px;
	height: 116px;
	margin: 0 6px 10px 0;
}
.productList img, .productView img, .productList-hover img, .productView-hover img {
	border: 1px solid #CCC;
}
.productOfer, .productOfer-hover {
	height: 128px;
}

.productOfer-hover {
	background: #DDD;
}
.productName{
	font-weight:bold;
	color:#666;
	padding: 5px 2px 5px 5px;
	font-size: 95%;
}
.productList a, .productView a, .productList-hover a, .productView-hover a, .productOfer a {
	color: #666;
	text-decoration:none;
}
.productOfer a:hover {
	text-decoration: none;
}
.productList-hover, .productView-hover {
	background:#DDD url(../img/enlarge.png) no-repeat 110px 101px;
	cursor: pointer;
}
.productList-hover {
	background:#DDD;
	cursor: pointer;
}
p.name {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.info {
	clear:both;
	color:#999;
}
.enlarge {
	position: relative;
	top: 10px;
	text-align:right;
	color:#666;
	padding: 2px 25px 0 0;
}
span.black {color:#333;}

.parameter, .basket{
	border-top: 1px solid #e1d7bf;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	width: 100%;
}

.productTable {
	width: 100%;
	border-collapse:collapse;
	margin: 20px 0 0 0;
	border: 1px solid #e1d7bf;
}
.productTable th {
	background:#e1d7bf;	
	text-align: center;
}
.productTable th.thLeft {
	text-align:left;
}
.productTable th, .productTable td {
	padding: 5px 5px 5px 10px;
}
.productTable td, .productTable th {
	border: 1px solid #e1d7bf;
}
.basket {
	text-align:left;

	display:block;
	width: 100%;
}
.btnAddBasket {
	background:url(../img/basket.png) no-repeat 0 0;
	border: none;
	width: 31px;
	height: 31px;
	cursor: pointer;
}

.kosz {
	float: left;
	padding: 10px 20px 0 0;
	font-weight: bold;
}

/* koszyk */
.info-basket {
	color: #333;
	font-weight:bold;
}
.table-basket {
	width: 100%;
	border-collapse:collapse;
	margin: 20px 0 0 0;
	border: 1px solid #e1d7bf;
}
.table-basket th {
	background:#e1d7bf;	
}
.table-basket th.thLeft {
	text-align:left;
}
.table-basket th, .table-basket td {
	border: 1px solid #e1d7bf;

	padding: 5px 5px 5px 10px;
}
.table-basket td {
	padding: 10px 5px 10px 10px;
}
.margin-top {
	margin-top: 10px;
}
a.a-link, a.a-link-article {
	color:#333;
	text-decoration: none;
	font-weight: bold;
}
a.a-link:hover {
	color: #666;
}

a.a-link-article:hover{
	color:#F60;
}

.label-koszyk {
	font-size:12px;
	font-weight:normal;
	width: 55px;
	float:left;
	margin: 2px 0 0 0;
}
.input-koszyk {
	margin: 0 0 2px 0;
}

/* konwersja */
.formConversion label {
	font-size: 12px;
	font-weight:normal;
}
.inpConversion {
	width: 150px;
}
.btnOk {
	background: url(../img/btnOk.png) no-repeat;
	border: none;
	width: 47px;
	height: 20px;
	margin: 0 0 0 -3px;
	cursor: pointer;
}
.formConversion {
	overflow:hidden;
	border-bottom: 1px solid #e1d7bf;
	padding: 0 0 20px 0;
}
.border-left {
	border-left: 1px solid #cfc3ae;
}
.leftConversion, .rightConversion {
	width:270px;
	padding: 20px 0 20px 0;
	margin: 30px 0 0 0;
}
.leftConversion {
	border-right: 1px solid #cfc3ae;
}
.rightConversion {
	text-align: right;
}

.w50{width:50%}

/* zamow katalog form */
#orderCatalog-choice {
	width: 565px;
	border-top: 1px solid #e1d7bf;
	overflow:hidden;
	margin: 0;
	padding: 15px 0 0 0;
}
#orderCatalog-choice ul li {
	list-style:none;
	margin:0;
	padding:0 0 0 0;
}
#orderCatalog-choice li.first{
	list-style:none;
	margin:0;
	padding:0 0 15px 0;
	display:block;
	float:none;
	width: 100%;
}

#orderCatalog-choice li.second {
	float:left;
	width: 185px;
	margin: 0 0 0 0;
}
#orderCatalog-choice input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:7px 0 0 5px;
	width:13px;
}

#orderCatalog-choice label.choice
{
	color:#444;
	display:block;
	line-height:1.4em;
	margin:-1.56em 0 0 25px;
	padding:4px 0 5px;
	width:100%;
	font-size: 11px;
	font-weight:normal;
}

#addEmail {
	clear:both;
	border-top: 1px solid #e1d7bf;
	padding: 20px 0 0 0;
	margin: 15px 0 0 0;
}
#addEmail label {
	font-size: 11px; 
}
#addEmail label input {
	display: inline;
}
#addEmail li {
	display: inline;
}

.info-order {
	padding: 0 0 15px 0;
}
.btnSend-order {
	background:url(../img/btnSend.png) no-repeat 0 0;
	border: none;
	width: 58px;
	height:20px;
	cursor: pointer;
	margin: 0 0 0 -3px;
}
.inp-add-email, inp-add-email-error {
	width: 250px;
	margin: 0 0 0 10px;
}
.inp-add-email-error {
	border: 1px solid #F00;
	width: 250px;
}

.celar  {
	clear:both;
}



/* dzial techniczny */
.articles {
	border-bottom: 1px solid #CCC;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	overflow:hidden;
	height: 120px;
}
p.articlesTitle {
	margin: 0 0 10px 0;
	font-weight: bold;
}
p.more {
	margin: 10px 0 0 0;
}
.articles img, .articles-full img {
	float:left;
	border: 1px solid #CCC;
	margin: 0 20px 10px 0;
}
.litArticles {
	float: right;
	width: 370px;
	margin: 0 0 10px 0;
}
a.more, a.back {
	clear:both;
	color:#666;
	text-decoration: underline;
	background: url(../img/bgListImage.gif) no-repeat right;
	padding: 0 10px 0 0;
	font-weight: bold;
}
a.more:hover, a.back:hover {
	color:#F60;
}

a.back {
	background: url(../img/bgLinkBack.gif) no-repeat left;
	padding: 0 0 0 10px;
}

/* prawa kolumna */
#right {
	float: right;
	width: 195px;
	background: #faf8f3;
	padding: 10px 15px 0 15px;
}
table.content td.tableRight {
	width: 214px;
	background: #faf8f3;
	border-left: 1px solid #e1d7bf;
}
#quickContact {
	background: url(../img/bgContact.jpg) no-repeat right top;
	border-bottom: 1px solid #e1d7bf;
}
#quickContact ul {
	list-style: none;
	margin:0;
	padding:0;
}
#quickContact li {
	margin: 0 0 5px 0;
}
#quickContact li.buttons {
	margin: 0 0 25px 0;
	clear:both;
	text-align: right;
}
#quickContact label {
	font-size: 11px;
	font-weight: normal;
}
.inp {
	background:#FFF;
	border: 1px solid #d1c7b3;
	margin: 5px 0 5px 0;
}
.inp-red {
	background:#FFF;
	border: 1px solid #C00;
	margin: 5px 0 5px 0;
}
.medium { 
	width: 190px;
}
.small {
	width: 100px;
}
.mini {
	width: 50px;
}
.btnClear {
	background:url(../img/btnClear.png) no-repeat 0 0;
	border: none;
	width: 58px;
	height:20px;
	cursor: pointer;
}
.btnSend {
	background:url(../img/btnSend.png) no-repeat 0 0;
	border: none;
	width: 58px;
	height:20px;
	cursor: pointer;
}

.katalog  {
	border-bottom: 1px solid #e1d7bf;
}
.last {border: none;}
.red {color:#F00; font-weight:bold; font-size: 16px;}
.big {
	color: #333; font-size: 16px;
}
.bold {font-weight:bold;}
.line {border-top: 1px solid #e1d2bb; margin: 15px 0 15px 0; clear:both}
.btnSave {
	background:url(../img/btnSave.jpg) no-repeat 0 0;
	border:0;
	cursor: pointer;
	width: 64px;
	height: 20px;
}

.btnSendForm {
	background:url(../img/btnSendForm.jpg) no-repeat 0 0;
	border:0;
	cursor: pointer;
	width: 97px;
	height: 20px;
}

/* stopka */
#footer{background:url(../img/bgFooter.jpg) repeat-x;border-top:1px solid #d75409;clear:both;color:#65563d;font-size:12px;line-height:18px;padding:10px 0;text-align:center}
#footer a{color:#65563d;text-decoration:none}
#footer a:hover,#footer a.active{color:#666;text-decoration:underline}


#form_container {
	width: 580px;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 11px;
}

#form_container form ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#form_container form li
{
	float:left;
	margin:0 0 0 0;
	padding: 4px 5px 2px 0;
	position:relative;
}


#form_container .buttons-koszyk
{
	clear:both;
	display:block;
}

#form_container form li div
{
	color:#333;
	margin:0 10px 0 0;
	padding:0 0 8px;
}

#form_container form li
{
	color:#333;
	float:left;
	margin:0 7px 0 0;
	padding:0 0 8px;
}

#form_container form li div label
{
	clear:both;
	color:#333;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
}

#form_container form li span label
{
	clear:both;
	color:#333;
	font-size:9px;
	line-height:9px;
	margin:0;
}
#form_container .form_description
{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
}
#form_containerform li.textarea {clear:both; display:block; margin: 0 0 0 0}
/**** Buttons ****/
#quickContact input.button_text
{
	overflow:visible;
	padding:0 10px 0 0;
	width:auto;
	background: url(../img/bgButton.png) no-repeat right;
	border: none;
	cursor: pointer;
	font-weight: 600;
	margin: 0 0 0 0;
	color:#00533e;
	font-size: 12px;
}

#quickContact .buttons input
{
	font-size:100%;
	margin-right:5px;
}

/**** Inputs and Labels ****/
#quickContact label.description
{
	float:left;
	width: 90px;
	border:none;
	color:#333;
	font-weight:normal;
	line-height:150%;
	padding:0 0 1px;
	font-size: 11px;
}
#form_container input.mini, select.mini {
	width: 50px;
}
#form_container input.medium, select.medium {
	width: 190px;
}
#quickContact input.text
{
	border-bottom:1px solid #d1c7b3;
	border-left:1px solid #d1c7b3;
	border-right:1px solid #d1c7b3;
	border-top:1px solid #d1c7b3;
	color:#333;
	margin:0;
}

#quickContact input.textRed {
	border-bottom:1px solid #C00;
	border-left:1px solid #C00;
	border-right:1px solid #C00;
	border-top:1px solid #C00;
	color:#333;
	margin:0;
	width: 190px;
}

#quickContact textarea.textAr, #quickContact textarea.textArRed { 
	width: 190px; 
	height: 100px;
	border-bottom:1px solid #C00;
	border-left:1px solid #C00;
	border-right:1px solid #C00;
	border-top:1px solid #C00;
	color:#333;
	margin:0;
}
#quickContact textarea.textArRed {
	border:1px solid #C00;
	color:#333;
	margin:0;
}
a.link { color:#333; text-decoration:underline; font-weight:bold; font-size: 14px;}
a.link:hover {color:#666; text-decoration: none;}

/* mapa strony */
#siteMap {
	width: 100%;
}
.siteMap-left {
	float: left;
	width: 45%;
}
.siteMap-right {
	float: right;
	width: 45%;
}
#siteMap ul {
	margin: 10px 0 0 20px;
}
#siteMap li {
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
}
#siteMap a {
	color: #333;
	text-decoration: none;
}
#siteMap a:hover {
	color: #F60;
}

#bhp {
	background: #FFF;
	width: 185px;
	margin: 0 0 15px 10px;
	padding: 7px 5px 7px 5px;
	border: 1px solid #666;
}
#bhp a {
	font-size: 20px;
	color:#000;
	background: url(../img/link-bhp.png) no-repeat right;
	padding: 0 0 0 0;
	display:block;
	text-decoration:none;
}
#bhp a:hover {
	color:#F60;
}

.mapa {
    width: 550px;
    height: 300px;
    clear: both;
    padding: 20px 0 0 0;
    margin-top: 20px;
    border: 1px solid #333;
}
.photo-site {
	height: 90px;
	text-align: center;
}