/*
	Baza kolorow:
		* #020200 - symboliczny czarny, standardowy
		.bd-1: rgb(214,209,184) - ramka inputow w formularzu logowania
		.bd-1f:	rgb(184,179,154) - focus ramek inputow w formularzu logowania
		.bd-2: #b9b4a1 - ??
		.bd-3: #D5CFB8 - ramka w galerii i sklepie
		.cl-1: #622 - brazowy
		.cl-2: rgb(132,123,108) - uzywany w formularzu logowania do labeli i w naglowkach kompnentow w prawej kolumnie
		.cl-3: rgb(166,136,127) - tekst, kolor kawowy na brazowym tle
		.cl-4: rgb(142,74,63) - tekst linkow 
		.cl-5: #C04401 - tekst linkow w produktach w sklepie
		.cl-r: red - wazne informacje, bledy itp.
		.bg-1: rgb(254,250,234) - jasny zolty uzywany w srodkowej tabeli i bocznych panelach
		.bg-2: rgb(61,18,2) - menu brazowe
		.bg-3: rgb(244,240,224) - jasny zolty, nieco ciemniejszy
	Inne:
		.mb-05: margin-bottom na 0.5 'm'
		.mb-1: margin-bottom na 1 'm'
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

p, a, blockquote, td, th, span, li
h1, h2, h3, h4, h5, h6, div,
input, select, textarea, label {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #332;
	cursor: default;
}
font {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	/*font-size: medium;*/
	cursor: default;
}

p,h1,h2,h3,td,th { cursor: default; }
p ul { list-style: circle inside; }

html { background: #fff url('../img/b_page_bg.jpeg'); }
a { text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline; }

.center { margin: 0 auto; }
textarea { overflow: auto; }

#Ben { width: 963px; }

#Ben .j { text-align: justify; }
#Ben .u { text-decoration: underline; }
#Ben .l { text-align: left; }
#Ben .c { text-align: center; }
#Ben .r { text-align: right; }
#Ben .bl { display: block; }
#Ben .in { display: inline; }
#Ben .fl { float: left; }
#Ben .rel { position: relative; }
#Ben .abs { position: absolute; }
#Ben .fr { float: right; }
#Ben .s { text-decoration: line-through; }
#Ben .td-n { text-decoration: none; }
#Ben .va-m { vertical-align: middle; }
.mb-05 { margin-bottom: 0.5em; }
.mb-1 { margin-bottom: 1em; }
.lh-16 { line-height: 16px }

#Ben .clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#Ben .column {
	min-height: 44px;
	margin-bottom: -3000px;
	padding-bottom: 3000px;
}

#Ben .fn-b, strong { font-weight: bolder; }
#Ben .fn-serif { font-family: Linux Libertine, Times New Roman, Times, serif; }
#Ben .fn-med { font-size: 12px; }
#Ben .fn-big { font-size: 14px; }

#Ben .cl-1 { color: #622; }
#Ben .cl-2 { color: rgb(132,123,108); }
#Ben .cl-3 { color: rgb(166,136,127); }
#Ben .cl-4 { color: rgb(142,74,63); }
#Ben .cl-5 { color: #C04401; }
#Ben .cl-r { color: red; }
#Ben .bd-1 { border-color: rgb(214,209,184); }
#Ben .bd-1f { border-color: rgb(204,199,174); }
#Ben .bd-2 { border-color: #b9b4a1; }
#Ben .bd-3 { border-color: #D5CFB8; }
#Ben .bg-1 { background-color: rgb(254,250,234); }
#Ben .bg-2 { background-color: rgb(61,18,2); }
#Ben .bg-3 { background-color: rgb(244,240,224) }

#Ben .pad-r-1 { padding-right: 0.25em; }

#Ben .pointer { cursor: pointer; }
input.text {
	cursor: text;
}
#Ben .cursor-text { cursor: text; }

#BenI, #BenH, #BenFooter { width: 100% }
#BenH, #BenH div { height: 222px; }

#BenH div img {	display: block; }

#BenHLoginContainer {
	width: 232px;
	background: url('../img/b_page_bgalpha_r.png') repeat-y 0 0;
}

#BenHLoginContainer > div {
	width: 232px;
	height: 212px;
	background-color: #FEFAEA;
}

#BenHLoginPTop {
	height: 28px;
	width: 100%;
}
#BenHLoginPBottom { margin-top: 10px; }

#BenHLoginPTopLogin,
#BenHLoginPTopRegister,
#BenHSearchPSearch,
#BenHSearchPAdvanced {
	padding-top: 1px;
	height: 27px;
	line-height: 27px;
	text-align: center;
}

#BenHLoginPTop .tabactive {
	background-color: #fefaea;
}

#BenHLoginPTopLogin { width: 50px; }

#BenHLoginPTopRegister {
	margin-left: 1px;
	width: 180px;
}


#BenHSearchP {
	top: 118px;
	right: 10px;
	width: 212px;
}

#BenHSearchPSearch { width: 110px; }
#BenHSearchPAdvanced {
	margin-left: 1px;
	width: 101px;
	border-bottom: #808080;
}

#BenHSearchForm {
	top: 145px;
	right: 0;
}
#BenHSearchForm div {
	padding-top: 12px;
	padding-left: 14px;
 	height: 55px;
	width: 208px;
}

#BenHSearchForm input {
	margin-top: 8px;
	border-width: 1px;
	border-style: solid;
}

#BenHSearchInputPhrase {
	width: 127px;
	padding: 3px 0 3px 4px;
	margin-right: 4px;
}

#BenHLoginForm p {
	padding: 4px;
	padding-bottom: 0;
}
#BenHLoginForm p select {
	float: left;
	width: 147px;
	border-width: 1px;
	border-style: solid;
	height: 21px;
}
#BenHLoginForm p label.text {
	text-align: right;
	padding-right: 4px;
	float: left;
	display: block;
	line-height: 21px;
	width: 50px;
}
#BenHLoginForm p input.text {
	float: left;
	width: 141px;
	border-width: 1px;
	border-style: solid;
	padding: 3px 0 4px 4px;
}

#BenHLoginForm p input.text.disabled {
    background-color: #e6e1c8
}

#BenHLoginForm p input.checkbox {
	line-height: 21px;
	vertical-align: middle;
}

#BenHLoyalActiveInput {
	line-height: 21px;
}

#BenHLoyalActivate {
	display: block;
}


#BenHLoginForm input.hidden { display: none; }

#BenHLoginForm input:focus,
#BenHSearchForm input:focus {
	border-color: rgb(184,179,154);
}

#BenHLoginSubmitContainer {
	display: block;
	border-width: 1px;
	border-style: solid;
	margin-top: 0;
	width: 103px;
	height: 19px;
	background: repeat-x url('../img/b_bg_button_login.png');
}

input#BenHLoginSubmit {
	display: block;
	margin-top: -1px;
	height: 19px;
	cursor: pointer;
	width: 100px;
	background: none;
	border: 0;
}

/*

#BenHLoginForm * { display: block; }
#BenHLoginForm div { padding: 10px 32px 0 32px; }
#BenHLoginForm label { line-height: 21px; }
#BenHLoginForm input {
	width: 161px;
	border-width: 1px;
	border-style: solid;
	padding: 3px 0 4px 4px;
}



*/

#BenHSearchContainer {
	background: url('../img/b_img_search_r.jpeg') no-repeat top right;
	width: 507px;
}


#BenI {
	background: url('../img/b_page_bgalpha.png') repeat-y 50% 50%;
	position: relative;
  overflow: hidden;
}





/* Formatowania */ 

#BenI p {
	margin-bottom: 0.5em;
	line-height: 140%;
}
#BenI blockquote {
	padding-left: 1em;
	margin-bottom: 0.5em;
}


#BenI small,
#BenI small * {
	font-size: 10px;
}


h1 {
	font: 18px Trebuchet MS, Frutiger, Arial, sans-serif;
	color: rgb(147,67,60);
	margin-bottom: 0.75em;
}
h2 {
	font: 12px Tahoma, Arial, sans-serif;
	font-weight: bolder;
	color: #111;
	line-height: 140%;
	margin: 0.75em 0;
}

h3 {
	background-color: rgb(245,242,223);
	border: 1px solid rgb(235,232,213);
	padding: 4px 0;
	text-indent: 1em;
	font: 11px Tahoma, Arial, sans-serif;
	font-weight: bolder;
	color: #422;
	line-height: 140%;
	margin: 0.5em 0;
}

/* OKa -- tera glowne :P */
#BenLeft {
/*	background: orange; */
	width: 224px;
}
#BenContents {
	width: 496px;
	margin-top: 44px;
	margin-left: 11px;
}

#BenContentsWide {
	width: 727px;
	margin-top: 44px;
	margin-left: 11px;
}

#BenRight {
/*	background: blue; */
	width: 224px;
	margin-left: 7px;
}

/* Contentsy */
#BenContents .ben-contents-top {
	width: 496px;
	height: 44px;
	margin-top: -44px;
	background: url('../img/b_bg_main_top496.png') no-repeat top left;
}

#BenContentsWide .ben-contents-top {
	width: 727px;
	height: 44px;
	margin-top: -44px;
	background: url('../img/b_bg_main_top727.png') no-repeat top left;
}

.ben-contents-top p {
	height: 36px;
	padding: 0 16px;
	font-weight: bolder;
	color: #222;
	overflow: hidden;
}
#BenContents .ben-contents-top p,
#BenContentsWide .ben-contents-top p {
	line-height: 36px;
}


.ben-contents-top p a {
	font-weight: normal;
	color: #222;
}
.ben-contents-top p a:first-child {
	color: rgb(132,123,108);
	font-weight: bolder;
}

#BenContents .ben-contents-mid {
	width: 464px;
	padding: 8px 16px;
}

#BenContentsWide .ben-contents-mid {
	display: block;
	width: 695px;
	padding: 8px 16px;
}

.ben-contents-mid li {
	list-style-position: outside;
	line-height: 120%;
	margin-left: 3em;
	margin-bottom: 0.25em;
	text-align: justify;
}

.ben-contents-mid ol li {
	list-style-position: outside;
	line-height: 120%;
	margin-left: 3em;
	margin-bottom: 0.25em;
	text-align: justify;
}



.ben-footer,
.ben-footer-std {
	width: 963px;
	height: 55px;
	padding-top: 13px;
	background: url('../img/b_footer2.png') no-repeat top left;
}
.ben-footer-std {
	background-image: url('../img/b_footer.png');
}

.ben-footer .foot,
.ben-footer-std .foot {
	height: 42px;
	line-height: 15px;
	text-align: center;
}
#BenFooterLeft { line-height:42px !important; }

#BenFooterLeft { width: 235px; 	color: #ffe; }
#BenFooterMiddle { width: 496px; text-align: left}
#BenFooterRight { width: 232px; }
#BenFooterRight span {
	line-height: 15px;
}

#BenFooterRight img {
	vertical-align: middle;
	margin: 0 1em;
}

.esc_logo { margin-top:5px !important; }

#BenDebug__ { margin-top: 1em; display: none}
#BenDebug__ p {
	font-size: 90%;
	text-align: center;
}

#BenHLoginTitle {
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.1em;
}


.tmp_1 { margin-bottom: 10px; }



/*  konfiguracja styli do edytora , klasa og�lna ed_content*/

.ed_content ol, .ed_content ul{
line-height: 20px;
margin: 20px 0px;
}

.ed_content a{
color: #800000; 
text-decoration: none;
cursor: pointer;
}

.ed_content a:hover{
color: #800000; 
text-decoration: underline;
cursor: pointer;
}


.ed_content ul { list-style: disc outside}
.ed_content ol {list-style: decimal outside}


.ed_content li {

	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #332;
	cursor: default;
	line-height: 20px;
	margin-left: 50px;
	
	
}

.ed_content td {
border: 0px solid #ccc;
padding: 5px;
}


.ed_content h1 {font-size: 16px; border: 0; background: none; font-weight: bolder;}
.ed_content h2 {font-size: 14px; border: 0; background: none; font-weight: bolder;}
.ed_content h3 {font-size: 12px; border: 0; background: none; font-weight: bolder;}

.ed_content .img_left{
float: left;
padding: 3px 10px 3px 0px;
display: block;

}

.ed_content .img_right{
float: right;
padding: 3px 0px 3px 10px;
display: block;
}

.ed_content .img_center{
margin: 0 auto;
padding: 10px 0px;
display: block;
}