/*
	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: #939a6f - zgni�a ziele�
		.cl-2: #A5C100 - zielony u�ywany do ekspozycji u�ytkownik�w
		.cl-3: #4E5E01 - tekst, kolor ciemna ziele�
		.cl-4: #00abce - niebieski jaraj�cy
		.cl-5: #C04401 - tekst linkow w produktach w sklepie
		.cl-r: red - wa�ne informacje, b��dy 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
		.bg-ble: #B0B0B0 - zaznaczenie obszaru
	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: #003366;
	cursor: default;
}
font {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #003366
}

p,h1,h2,h3,td,th { cursor: default; 
				color: #003366; 

}

p ul { list-style: circle inside; }

html { background: #FFF; 
		color: #003366; 
		}
a { text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline; }

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

#Vela { width: 796px; }

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

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

#Vela .column {
	min-height: 44px;
	margin-bottom: -12000px;
	padding-bottom: 12000px;
}

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

#Vela .cl-1 { color: #939a6f; }
#Vela .cl-2 { color: #A5C100; }
#Vela .cl-3 { color: #4E5E01; }
#Vela .cl-4 { color: #00abce; }
#Vela .cl-5 { color: #C04401; }
#Vela .cl-r { color: red; }
#Vela .bd-1 { border-color: rgb(214,209,184); }
#Vela .bd-1f { border-color: rgb(204,199,174); }
#Vela .bd-2 { border-color: #b9b4a1; }
#Vela .bd-3 { border-color: #D5CFB8; }
#Vela .bg-1 { background-color: rgb(254,250,234); }
#Vela .bg-2 { background-color: rgb(61,18,2); }
#Vela .bg-3 { background-color: #FFF; }
#Vela .bg-ble { background-color: #B0B0B0 }

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

#Vela .pointer { cursor: pointer; }

#VelaI, #VelaH, #VelaFooter { width: 100% }
#VelaH, #VelaH div { height: 222px; }

#VelaH div img {	display: block; }

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

#VelaHLoginContainer > div {
	width: 232px;
	height: 212px;
	background: url('../img/b_bg_login.png') no-repeat 0 0;
}

#VelaHLoginPTop {
	height: 28px;
	width: 100%;
}
#VelaHLoginPBottom { margin-top: 10px; }

#VelaHLoginPTopLogin,
#VelaHLoginPTopRegister,
#VelaHSearchPSearch,
#VelaHSearchPAdvanced {
	padding-top: 1px;
	height: 27px;
	line-height: 27px;
	text-align: center;
}

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

#VelaHLoginPTopLogin { width: 105px; }

#VelaHLoginPTopRegister {
	margin-left: 1px;
	width: 126px;
}



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

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

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

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

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


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

#VelaHLoginForm input.hidden {
	display: none;
}

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


#VelaHLoginSubmitContainer {
	border-width: 1px;
	border-style: solid;
	margin-top: 11px;
	width: 100px;
	height: 19px;
	background: repeat-x url('../img/b_bg_button_login.png');
}

/* Nagroda dla tego, kto odkryje dlaczego tu musi byc ten prefix...
   Hint: jesli go nie ma, FF nie lapie styli  */
input#VelaHLoginSubmit {
	margin-top: -1px;
	height: 19px;
	cursor: pointer;
	width: 100px;
	background: none;
	border: 0;
}

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


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





/* Formatowania */ 



#VelaI blockquote {
	padding-left: 1em;
	margin-bottom: 0.5em;
}


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


h1 {
	font: 20px Trebuchet MS, Frutiger, Arial, sans-serif;
	margin-bottom: 0.75em;
	color: #a9cc0d; 
	font-size: 20px; 
 }
 
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 */
#VelaLeft {
/*	background: orange; */
	width: 224px;
}
#VelaContents {
	width: 496px;
	margin-top: 44px;
	margin-left: 11px;
}

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

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

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

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

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


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

#VelaContents .vela-contents-mid {
	width: 464px;
	padding: 8px 16px;
}

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

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

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



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

.vela-footer .foot,
.vela-footer-std .foot {
	height: 42px;
	line-height: 42px;
	text-align: center;
}


#VelaFooterLeft { width: 235px; 	color: #ffe; }
#VelaFooterMiddle { width: 496px; text-align: left}
#VelaFooterRight { width: 232px; }
#VelaFooterRight span {
	line-height: 42px;
}

#VelaFooterRight img {
	vertical-align: middle;
	margin: 0 1.5em;
}



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


.tmp_1 { margin-bottom: 10px; }

.ads{
height: 30px; 
color: #74795C; 
line-height: 30px;
border-bottom: #F0F1ED solid 1px;
display: block;
padding-left: 2px;}

.ads-space {
width: 3px; 
height: 30px;
background-color: #fff;
line-height: 30px;
border-bottom: #F0F1ED solid 1px;
}


.ads-1 {
height: 30px; 
line-height: 30px;
margin-left: 5px;
border-bottom: #F0F1ED solid 1px;
}

.ads-1 a {
color: #FF9C00;
margin-left: 5px;
font-weight: bold;
}

.ads-2 {
height: 30px; 
line-height: 30px;
color: #A5C100;
font-weight: bold;
border-bottom: #F0F1ED solid 1px;
}

.ads-2 a {
height: 30px; 
line-height: 30px;
color: #A9CC0D;
font-weight: bold;
border-bottom: #F0F1ED solid 1px;
}

#Vela div.content li {
margin-left: 20px;

line-height: 18px;
font-size: 12px;
}


span.biptopspan {
height: 25px;
width:158px;
text-align:center;
}
	
a.biptop {
line-height: 25px;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;

text-decoration:none;
border-width:0;
}

a.biptop:hover {
color: #FFD910;
}

input.bipsearch {
font-size: 11px;
margin-top:4px;
text-decoration:none;
color: #222;
background-color: #fdfdfd;
width: 100px;
height: 16px;
border-width:	1px;
border-color: #dfdfdf;
border-style: solid;
}