@charset "iso-8859-2";
/* CSS Document */
img { border: 0; margin: 0; padding: 0 }
a { text-decoration: none }
a:active, a:hover { text-decoration: underline }
td { vertical-align: top }

body { BACKGROUND: url(/img/bg_body.gif) #0b0b0b; MARGIN: 0px; FONT: 12px Arial, Helvetica, sans-serif; COLOR: #FFF }
body { BACKGROUND: url(/img/bg_body-pologne.gif) top #0b0b0b;}
	
	
/* inline style */

.mt-30 {margin-top:30px !important;}
.pb-30 {padding-bottom:30px !important;}

#container { top: 0%; padding: 0px; margin: 0px auto auto }	
#top { top: 0%; padding: 0px 10px 0px 10px;	margin: 30px auto auto; font-size: 11px; width: 958px }
#top .content { width: 958px; height: 55px }
#top_text { width: 400px; height: 55px; float: left; margin-left: 10px }
	.top-logo { width: 400px; height: 55px; float: left; margin-left: 10px; background: url(/img/logo-bdc.gif) no-repeat; display:block; }
#top_menu { width: 350px; height: 50px; float: right; text-align: right; padding-right: 50px }
#top_menu a { color: #000000; text-transform: uppercase }

div.bg_c_top {width: 958px; height: 9px; background: url(/img/bg_c_top.gif) no-repeat; margin: 0 0 0 0; line-height:1px; font-size:1px; text-indent:-9999px;}
div.bg_c_bottom { width: 958px; height: 9px; background: url(/img/bg_c_bottom.gif) no-repeat top; margin: 0 0 0 0   }

#banner { padding: 0px; width: 958px; margin: 0px auto auto; clear: both }
#banner .img { padding: 0 0 0 0; margin: 0 0 0 0; height: 163px; width: 958px }
	div.banner-all { padding: 0px; width: 958px; height:221px; margin: 0px auto auto; background: url(/img/banner-all.jpg) no-repeat top; clear: both;}

#logo { position: absolute; top: 0%; padding: 0px; margin: 13px 0 0 -25px; z-index: 2 }

#content { padding: 0px; margin: 30px auto auto; width: 958px }
div.content { background: #fff }

#essence { background-color: #FFFFFF; width: 958px; margin: 0px auto auto }
#site { margin: 0px auto; width: 920px; padding: 20px 0px 0px 0px; border-top: solid 1px #e5e5e5 }
#site_content { margin: 0px 0px 0px 0px; width: 920px; padding: 0px 0px 0px 0px; }

/* ******** COLUMN RIGHT ************************************************************/
#column_right { float: left; width: 200px; top: 0%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px }
div.cright_top { height: 10px; width: 200px; background: url(/img/cright_top.gif) }
div.cright_bottom { height: 10px; width: 200px; background: url(/img/cright_bottom.gif); margin-bottom: 10px }

div.cright_content { background: #52575b; clear:both; }
div.cright_content h2.white { margin-top: 0px; padding-top: 0px; margin-left: 10px; top: 0%; color: #fff }
div.cright_content p { padding: 5px 0px 0px 10px; color: #fff }
div.cright_content p a:visited, div.cright_content p a:link { color: #fff }

div.cright_content img { margin: 5px 0px 0px 5px }

div.cright_content .clk {width:58px; height:74px; display:block; float:left; margin:6px 0px 0 6px; background:  url(/img/katalogi.jpg) no-repeat}
		div.cright_content .clk a {width:100%; height:100%;  display:block;}
		
	div.cright_content .c-1 {background-position:0 0;}
	div.cright_content .c-2 {background-position:0 -100px;}
	div.cright_content .c-3 {background-position:0 -200px;}
	div.cright_content .c-4 {background-position:0 -300px;}
	div.cright_content .c-5 {background-position:0 -400px;}
	div.cright_content .c-6 {background-position:0 -500px;}
	div.cright_content .c-7 {background-position:0 -600px;}
	div.cright_content .c-8 {background-position:0 -700px;}
	div.cright_content .c-9 {background-position:0 -1400px;}
	div.cright_content .c-10 {background-position:0 -800px;}
	div.cright_content .c-11 {background-position:0 -900px;}
	div.cright_content .c-12 {background-position:0 -1000px;}
	div.cright_content .c-13 {background-position:0 -1100px;}
	div.cright_content .c-14 {background-position:0 -1200px;}
	div.cright_content .c-15 {background-position:0 -1300px;}

/* ******** COLUMN LEFT ************************************************************/
#column_left { float: left; width: 240px; top: 0%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px }
#column_left .header {  }
#column_left .separator { width: 100px; height: 20px; clear: both }

#siec_sklepow { width: 190px; height: 170px }

/* ******** COLUMN CENTER ************************************************************/
#column_center { float: left; width: 460px; top: 0%; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px; background-color: #f0f0f0 }
#column_center .header { width: 460; height: 36px }
#column_center p {  }


#news, #subsite { width: 460px; background: #f0f0f0; margin: 0 0 0 0; padding: 0 0 0 0; display: block  }
#news .header, #subsite .header { height: 20px; background: none }
#news .header h2 { margin-top: 0px; padding-top: 0px; top: 0% }
#news .header, #subsite .header h2 { margin: 0px 0px 5px 0px; }
#news_bottom, #subsite_bottom { height: 10px; width: 460px; ; background: url(/img/news_bottom_bg.gif) top no-repeat   }
#news_head, #subsite_head { height: 10px; width: 460px; ; background: url(/img/news_bg.gif) top no-repeat   }
.news-p {padding-left:0px; width:420px;}
	.news-p li {list-style:none; list-style-image:none; float:left; display:block; margin:5px 5px 5px 5px; padding:0 0 0 0; width:90px; height:59px; border:1px solid #888; text-align:center;}
		.news-p li a {display:block; margin:0 0 0 0; padding:0 0 0 0;}
		.news-p li img {margin:0 auto; padding:0;}
		
.news-p-add {list-style:none; margin:0; padding:0;}
	.news-p-add li {float:left; width:100%; margin:3px 0 3px 0px; border-top:1px solid #fff;}
		.news-p-add li em, .news-p-add li input {float:left; margin-left:10px; line-height:30px;}
		
#column_center .news_box, #column_center .box { width: 420px; background: url(/img/news_box_bg.gif) top #fff no-repeat; margin: 5px 0 10px 10px; padding: 0px 5px 5px 10px; clear: both; overflow:hidden;  }
div.schop { clear: both; width: 420px; border-bottom: 1px solid #ddd }

.separator { width: 900px; height: 30px; clear: both }
#partners { width: 950px; height: 74px; margin: 0 0 0 -15px; text-align: center}
#partners img { margin: 0 auto; text-align: center }
#schop_orders { width: 920px; margin: 5px auto; text-align: right; height: 30px; clear: both }
#schop_orders img { float: right }

#menufoot { top: 0%; margin: 5px auto 0px auto; width: 920px; height: 20px; text-align: center; padding: 10px 0 0 0; border-top: 1px solid #e5e5e5; clear: both; text-transform: capitalize; display: block }
#menufoot span { font: 11px "Arial"; color: #fff; text-decoration: none; font-weight: normal; text-transform: uppercase; padding: 0px 12px 0px 12px; background: #00afe9 }

a.menufootbutton { font: 11px "Arial"; color: #52575b; text-decoration: none; font-weight: normal; text-transform: uppercase; padding: 0px 12px 0px 12px }
a.menufootbutton:active, a.menufootbutton:hover { color: #00afe9 }

p, h4, h1, h2, h3, h5, li {
	font: 12px Arial, sans-serif;
	color: #333;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	top: 0%;
	line-height: 1.4em
}
p a { text-decoration: none; color: #333 }
h1 {
	font-size: 15px;
	padding: 0;
	line-height: 1em;
	font-weight: normal;
	font-weight: 100;
	color: #386496;
	}
h2 {
	font-size: 22px;
	line-height: 0.9em;
	padding: 0;
	font-weight: bold;
	color: #ccc; /* #334A69 */
	font: "Tahoma";
	margin: 17px 0px 5px 20px;
	padding: 0px
	}
h2 span { color: #333333 }
h3 {
	font-size: 12px;
	padding: 0;
	font-weight: bold;
	color: #334a69;
	font: "Tahoma";
	margin: 20px 0px 10px 0px;
	padding: 0px
	}
h4 {
	font-size: 12px;
	padding: 0;
	font-weight: bold;
	color: #333;
	font: "Tahoma";
	margin: 20px 0px 10px 0px;
	padding: 0px
	}	

.header { height: 55px; background: url(/img/header_bg.gif) no-repeat left  }

#footer {	margin: 0px auto auto; width: 734px; padding-top: 4px 0px; height: 30px }	



#sponsor { clear: both; margin: 0px; float: right }

table.panel { width: 400px; background-color: #efefef }
td { color: #000000 }

p.credits {
	font-size: 11px;
	color: #ccc;
	margin: 5px 0px 0px 10px;
	position: static;
	z-index: 4;
	}
p.credits a { color: #bbb; text-decoration: none }

#site_bottom { clear: both; margin: 10px auto auto; width: 930px; height: 40px }
#reg { float: left; margin-left: 5px; height: 28px; vertical-align: middle }
#site_bottom img { float: left }

div.menubutton { float: left; height: 53px; padding: 3px 0 0 0; margin: 0 0 0 0; }
a.menubutton { font: 10px "Arial"; color: #FFFF00; text-decoration: none; font-weight: 100 }
a.menubutton:active, a.menubutton:hover { color: #FF0000 }

a { color: #333; text-decoration: none; font-weight: 100 }
a:active, a:hover { text-decoration: undeline; }

#top_left { float: left; margin-left: 20px } 
#top_right { float: right; margin-right: 20px }

div.header {
	/*background: url(/img/header_bg.png) no-repeat;
	background-position: top;*/
	clear: both;
	padding-top: 3px;
	}
div.headergalery {
	width: 510px;
	margin: 20px auto auto;
	}
div.article, div.gallery, div.form {
	/*width: 610px;*/
	/*background: url(/img/article_bg.gif) no-repeat #F8F8F8;*/
	background-position: bottom;
	overflow: visible;
	margin: 0px 10px 20px 0px;
	padding-right: 10px;
  /*border-right: 1px solid #dfe4e8*/
	}
div.article img { float: right }
div.gallery {
	width: 500px;
	border: 0px;
	margin: 0px auto auto;
	}	
div.gallery img { padding: 0px 0px 10px 0px;
	}
div.gallery h3 {
	margin: 15px 0px 0px 0px;
	}
div.gallery h4 {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px;
	font-weight: normal;
	color: #999;
	}
	
div.gallery p { color: #aaa; padding: 3px 0px 3px 0px }	
div#switch_box { width: 500px; height: 45px;  background-color: #191919; border: 1px solid #191919; margin: 10px 0px 0px }
div#switch_box div.left_button { width: 190px; float: left; height: 45px; background: url(/img/left_button_bg.gif) no-repeat #191919; background-position: right }
div#switch_box div.right_button { width: 190px; background-color: #191919; float: left; height: 45px; background: url(/img/right_button_bg.gif) no-repeat #191919; background-position: left }
div.right_button h4 { float: left; margin-left: 0px; padding-left: 40px; width: 110px; text-align: left }
div.left_button h4 { float: right; width: 115px; text-align: right }
div#switch_box div.index_button { width: 120px; float: left }

div.form { border-right: 1px solid #00F }
a.gallery { text-decoration: none; color: #555 }
a:active.gallery, a:hover.gallery { color: #999 }

a.button { padding: 2px 2px 1px 2px }
a.button:active, a.button:hover { background-color: #CC0000; color: #FFFFFF; text-decoration: none }

textarea.textarea_category { width: 450px; height: 300px }
textarea.textarea_key{ width: 450px }



/* ******** COLUMN CENTER ************************************************************/
#column_article{ float: left; width: 900px; top: 0%; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px }
#column_article .header { width: 460; height: 36px }
#column_article p {  }

#underarticlelist { width: 900px; background: #f0f0f0; clear: both }
#underarticlelist p { padding-left: 10px }
#underarticlelist_top, #underarticlelist_bottom { width: 900px; height: 9px; background: #FFF }
#underarticlelist_top { background: url(/img/bg_underarticlelist_top.gif) no-repeat top }
#underarticlelist_bottom { background: url(/img/bg_underarticlelist_bottom.gif) no-repeat top; clear: both }
#underarticlelist table { }

td.underarticlelist_button { padding: 0 0px 0 0px; background: #FFF; width: 167px; height: 110px; text-align: center; vertical-align: middle }
td.underarticlelist_button table { padding: 0 0px 0 0px; width: 167px; height: 110px }
td.underarticlelist_button table td { margin: 4px auto 4px; padding: 0 0 0 0; vertical-align: middle; height: 110px }
td.underarticlelist_button table th { text-align: center; color: #000; width: 159px; margin: 0px 4px 4px 4px; padding: 0 0 0 0; vertical-align: middle; font-weight: normal }

#product_foto_container { width: 400px }
#product_foto { cursor: pointer; width: 400px; height: 260px }
.product_foto { display: none; cursor: pointer; margin: auto }
img.product_foto_mini { cursor: pointer; margin: 0px auto }
div.product_foto_mini { float: left; width: 130px; height: 80px; text-align: center }

#header_serch { height: 25px; width: 900px; margin: 10px auto 20px auto; padding: 10px 0 10px 0 }
#article_detail { width: 900px; }
#article_detail_foto { float: left; width: 400px }
#article_detail_data { float: left; width: 400px; padding-left: 20px }
table.article_detail th, table.article_detail td { color: #000000; text-align: left  }
table.article_detail p { font-size: 11px;}
table.article_detail th p { font-weight: bold  }
table.article_detail td p { padding-left: 10px }

#switch { height: 15px; width: 900px; margin: 10px auto 20px auto; padding: 5px 0 5px 0; text-align: right; clear: both }
.pm { position: relative; margin: 3px 2px 0px 4px }
img.icotech { margin: 0px 2px 0px 2px  }
div#table_price_container { display: none }
table.table_price { color: #444; font-size: 11px; border-left: 4px solid #F4F4F4; border-top: 2px solid #F4F4F4; text-align: center; margin-top: 20px }
table.table_price .price { color: #CC0000; width: 60px }
table.table_price td.price { font-size: 13px; font-weight: bold }

#katalogi {  }

/**************** menu ***************************/


#menu_container { margin: 0px 0px 0px 0px; width: 958px; height: 40px; background: #fff ; }
#menu_container img { margin-left: 22px; float: left }

/* reset default styles */
#menu { z-index: 10 ; }
#menu ul { margin: 0; padding: 0; left:50px;}
#menu li { list-style-type: none;  }

/* first level */
#menu li,
#menu a { float: left; }
#menu a { display: block; background: #EEE; }
#menu a:hover,
#menu a.menu_open { background: #DDD; }

/* second level and up */
#menu ul { visibility: hidden; position: absolute; width: 100px; }
#menu ul a { background: #DDD; }
#menu ul a:hover,
#menu ul a.menu_open { background: #CCC; }

/* third level (colors) */
#menu ul ul a { background: #CCC; }
#menu ul ul a:hover { background: #BBB; }

	/****** sklepy ikony ***********************/
	.schop p {padding-bottom:20px;} 
	.schop div {float:right;height:100px;width:220px;}
		.schop div i {width:40px; height:30px; margin:2px 2px 2px 2px; float:left; background: url(/img/schop-ico.gif);}
			.schop .m-1 {}
			.schop .m-2 {background-position:0 -30px}
			.schop .m-3 {background-position:0 -60px}
			.schop .m-4 {background-position:0 -90px}
			.schop .m-5 {background-position:0 -120px}
			.schop .m-6 {background-position:0 -150px}
			.schop .m-7 {background-position:0 -180px}
			.schop .m-8 {background-position:0 -210px}
			.schop .m-9 {background-position:0 -240px}
			.schop .m-10 {background-position:0 -270px}
			.schop .m-11 {background-position:0 -300px}
			.schop .m-12 {background-position:0 -330px}
			.schop .m-13 {background-position:0 -360px}
			.schop .m-14 {background-position:0 -390px}
			.schop .m-15 {background-position:0 -420px}
			.schop .m-16 {background-position:0 -450px}
			.schop .m-17 {background-position:0 -480px}
			
	/******* banner articles *********************/
	.flash_banner {height:163px; width:958px; background:#fff; text-align:center;}
	
	#banner_pop {display:none;}
	
	/******* PANEL *********************/
	.cl-p {width:350px !important;}
	.cc-p {width:550px !important;}
	.cl-p h2 {font-size:17px; margin-left:0px;}
		.cl-p a {background-color:#ddd; padding:2px 4px 2px 4px; text-transform:uppercase;}
			.cl-p a:hover {background-color:#5ec6ff; text-decoration:none;}