/* CSS Document */
img { border: 0; margin: 0; padding: 0 }
a { text-decoration: none }
a:active, a:hover { text-decoration: underline }
td { vertical-align: top }
form { margin: 0 0 0 0; padding: 0 0 0 0 }

body { background: url('/img/bg.jpg') #e7cf41; background-position: top; margin: 0px; font: 12px Arial, Helvetica, sans-serif; color: #FFF }
#container { top: 0%; padding: 0px; margin: 0px auto auto; width: 950px }

#top { top: 0%; padding: 0px; margin: 10px auto auto; font-size: 11px; width: 950px; height: 125px }
#top img { margin-top: 15px }
#top_text { width: 400px; height: 60px; float: right }
#top_menu { width: 350px; height: 50px; float: right; text-align: right; padding-right: 50px }
#top_menu a { color: #000000; text-transform: uppercase }
	
#menu { margin: 10px auto; width: 950px; height: 41px; background: url('/img/menu_bg.gif') #271d12 repeat-x; color: #e7d040; text-align: center }
/* #menu img { margin-left: 22px; float: left } */
#content { padding: 0px; margin: 10px auto auto; width: 950px }

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

/* ******** COLUMN LEFT ************************************************************/
#column_left, #column_left_text { float: left; width: 231px; top: 0%; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 10px; background: url('/img/column_l_bg.jpg') #fff top repeat-x; color: #333 }
#column_left .text { margin: 5px 10px 0px 10px }

#column_left .header {  }

#column_left_text { background: #fef9ea; height: auto;  }
#column_left_text p { padding: 3px 10px 10px 0px }

/* ******** COLUMN CENTER ************************************************************/
#column_site { float: left; width: 665px; top: 0%; padding: 0px 0px 10px 0px; margin: 0px 10px 0px 10px; background: #f8f8f8 bottom no-repeat url('/img/column_logo_bg.jpg') }

#column_product { float: left; width: 334px; top: 0%; padding: 0px 0px 10px 0px; margin: 0px 10px 0px 10px; background: #291c11 url('/img/prezentacja_bg.jpg') top }
#column_product img { margin-bottom: 10px }
#column_product p { color: #fff; padding: 0px 5px 0px 5px }
#column_product p.title { color: #fff; font-weight: bold }
#column_product p.price { color: #f4cc44; font-weight: bold }

#column_list { float: left; width: 660px; top: 0%; padding: 0px 0px 10px 0px; margin: 0px 10px 0px 10px }
#column_list img { margin-bottom: 10px }
#column_list p { color: #000; padding: 0px 5px 0px 5px }
#column_list p.title { color: #111; font-weight: bold }
#column_list p.price { color: #f4cc44; font-weight: bold }

#column_list .text p { color: #111; padding: 3px 5px 3px 5px }

div.list_button { width: 660px; height: 90px; margin: 0 0 5px 0; padding: 0px; clear: both; border-bottom: 1px solid #CCCCCC; background: #F8F8F8 }
div.list_button_on { width: 660px; height: 90px; margin: 0 0 5px 0; padding: 0px; clear: both; background: #F0F0F0; border-bottom: 1px solid #888 }

div.list_button img, div.list_button_on img { float: left; margin-right: 10px }
div.list_button p, div.list_button_on p { color: #000000; padding: 0px 10px 5px 0px; margin-top: 5px }
div.list_button p span,div.list_button_on p span { color: #5b5b5b; font-weight: bold }

#column_center { float: left; width: 334px; top: 0%; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px; background-color: #291c11 }
#column_center .header { width: 460; height: 36px }
#column_center p { }

/* ******** COLUMN RIGHT ************************************************************/

#article_mini_list { float: left; width: 334px; top: 0%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div.mini_list_button { background: url('/img/mini_list_button_bg.jpg'); width: 326px; height: 66px; margin: 0 0 5px 0; padding: 0px }
div.mini_list_button img { float: left; margin-right: 10px }
div.mini_list_button p { color: #000000; padding: 5px 10px 5px 0px }
div.mini_list_button p span { color: #5b5b5b; font-weight: bold }


#column_right { float: left; width: 334px; top: 0%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #eeeeee }

#prezentacja { padding: 0px; margin: 20px auto auto; width: 950px; height: 293px; background: #331f13; height: 250px; clear: both; top: 0%;  }

#menu_bottom { margin: 10px 0px 0px 0px; width: 950px; height: 27px; background: url('/img/menu_bg.gif') #271d12 repeat-x }
#menu_bottom p { padding-top: 5px; font-size: 11px; text-align: center }
#menu_bottom p a { color: #e7d040; text-decoration: none }
#footer { margin: 0px auto auto; width: 950px; padding-top: 4px 0px; height: 30px }
#footer p { text-align: center; font-size: 9px; color: #4d341e } 

.separator { width: 900px; height: 5px; clear: both }

div.filtr { background-color: #fbeebf; width: 660px; height: 16px; clear: both; margin-bottom: 10px; padding: 3px 0px 2px 2px }
div.sort { width: 300px; float: left }
div.switch{ width: 300px; float: right; text-align: right }
div.sort p, div.switch p{ font-size: 11px; color: #000; text-transform: uppercase  }
div.sort p a, div.switch p a { font-weight: bold; color: #a15f3e }
div.sort p a:active, div.sort p a:hover { color: #000 }


/********** nie zrobione *************************************/
div.bg_c_top { width: 958px; height: 9px; background: url(/img/bg_c_top.gif) no-repeat; margin: 0 0 0 0  }
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: 30px auto auto; clear: both }
#banner .img { padding: 0 0 0 0; margin: 0 0 0 0; height: 163px; width: 958px }

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

#partners { width: 920px; height: 60px; margin: 0 auto; text-align: center}
#partners img { margin: 0 auto; text-align: center }

/******************* dodajemy *****************/
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
}
a:link, a:visited { text-decoration: none; color: #352719 }
a:active, a:hover { text-decoration: undeline; }

p a { text-decoration: none; color: #352719 }
p a:active, a:hover { text-decoration: undeline; }

h1 {
	font-size: 17px;
	padding: 0 0 0 10px;
	line-height: 1em;
	font-weight: normal;
	font-weight: 100;
	}
h2 {
	font-size: 15px;
	padding: 0;
	font-weight: normal;
	color: #6b6966;
	font: "Arial", "_sans";
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #6b6966;
	}

h3 {
	font-size: 14px;
	padding: 0;
	color: #6b6966;
	font: "Tahoma";
	margin: 20px 0px 10px 0px;
	padding: 0px
	}

p.credits, p.flaming {
	font-size: 10px;
	color: #757575;
	margin: 5px 0px 0px 10px;
	position: static;
	z-index: 4;
	}
p.flaming { color: #FFFFFF }

#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 }

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: 930px; background: #efefef; margin: 10px 10px 10px 10px; clear: both }
#underarticlelist p { padding-left: 10px }


div.underarticlelist_button { float: left; margin: 5px 0px 5px 10px; padding: 0 0 0 0; background: #FFF; width: 167px }
div.underarticlelist_button img { margin: 4px 4px 4px 4px; padding: 0 0 0 0 }
div.underarticlelist_button h5 { text-align: center; color: #000; width: 159px; margin: 0px 4px 4px 4px; padding: 0 0 0 0 }

#product_foto_container { width: 404px }
#product_foto { cursor: pointer; border: 2px solid #FFCC00 }
img.product_foto { display: none }
img.product_foto_mini { cursor: pointer; float: left; margin: 3px 2px 3px 2px }

#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: 404px; margin: 10px 0 0 10px }
table#article_detail_data { float: left; width: 400px; margin: 10px 0 0 30px }
table#article_detail_data th { width: 100px; text-transform: uppercase; color: #777; font-size: 10px; text-align: left }
table#article_detail_data td { color: #111; font-size: 12px; text-align: left }
th.price, td.price { height: 20px; vertical-align: bottom; background-color: #FEFCED; font-weight: bold}
/*td.price { font-size: 20px; color: #000 }*/

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 }


/************* PANEL ADMINISTRACYJNY *******************************/
#panel, #messaga_panel { margin: 30px auto 30px; width: 600px; background: #CCCCCC }
#panel .top { height: 20px; width: 580px; background: #24180f; color: #FFCC00; font-weight: bold; padding: 3px 10px 3px 10px }
#panel .header { height: 20px; width: 580px; background: #F3F3F3; color: #666; font-weight: bold; text-align: center; padding: 3px 10px 3px 10px }
#panel p { color: #000000; text-align: center; font-size: 12px }
#panel p a { color: #000000; text-align: center; font-size: 12px }
#panel p a:hover, #panel p a:active { color: #333; text-align: center; font-size: 12px; background: #FFCC00; padding: 3px 10px 3px 10px; margin: 0px 0px 0px 0px }
table.panel { width: 600px; background-color: #efefef }
td { color: #000000 }

#messageWindow { background: #fff; text-align: center; height: 100px}

optgroup, option { color: #666666 }
.menu-nowe {
	background-image: url(../img/MENU-NOWE.jpg);
	background-repeat: repeat-x;
	height: 19px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}