// ----------- ZMIENNE ---------------

@site_width: 1200px;
@right_column_width: 250px;
@left_column_width: 269px;
@center_column_width: 688px;

@link_color: blue;
@footer_color: #63615B;

@menu_color: #FFF;
@menu_color_on: #F0D270;
@l_menu_color: #C4B7B1;
@l_menu_color_on: #FFF;

@base_font_size: 12;
@base_color: #333;

@content_padding: 15px;
@border_color: #5555FF;
@input_bg: #EEE;

// ----------- ALIASY ---------------
.fb { font-weight:bold; }
.fn { font-weight:normal; }
.fi { font-style:italic; }
.tl { text-align:left !important; }
.tj { text-align:justify !important; }
.tr { text-align:right !important; }
.tc { text-align:center !important; }
.fl { float:left; }
.fr { float:right; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }
.di { display: inline; }
.dib { display: inline-block; }
.db { display: block; }
.dn { display: none;}
.ovh { overflow: hidden; }
.cb { clear: both; }
.tdn { text-decoration: none; }
.tdu { text-decoration: underline; }
.m0 { margin: 0; }
.ma { margin: 0 auto; }
.p0 { padding: 0; }
.posa { position: absolute; }
.posr { position: relative; }
.ttl { text-transform: lowercase; }
.ttu { text-transform: uppercase; }

// ----------- FUNKCJE ---------------
.c(@val){ color: @val; }
.h(@val){ height: 0px + @val; }
.w(@val){ width: 0px + @val; }
.p(@val){ padding: 0px + @val; }
.m(@val){ margin: 0px + @val; }
.pt(@val){ padding-top: 0px + @val; }
.pb(@val){ padding-bottom: 0px + @val; }
.pl(@val){ padding-left: 0px + @val; }
.pr(@val){ padding-right: 0px + @val; }
.mt(@val){ margin-top: 0px + @val; }
.mb(@val){ margin-bottom: 0px + @val; }
.ml(@val){ margin-left: 0px + @val; }
.mr(@val){ margin-right: 0px + @val; }
.fs(@val){ font-size: 0px + @val; }
// -- background --
.bc( @col ){ background-color: @col; }
.bg( @i, @c: transparent, @v: top, @h: left, @r: no-repeat ){
	background: @c url('images/@{i}') @v @h @r; 
}
.bgrx( @i ){ background: transparent url('images/@{i}') top left repeat-x; }
.bgry( @i ){ background: transparent url('images/@{i}') top left repeat-y; }
.bgr( @i ){ background: transparent url('images/@{i}') top left repeat; }
// ----------------
.b(@color, @width: 1, @type: solid){ border: 0px + @width @type @color; }
.br(@val){ border-radius: 0px + @val; }
.lh(@val){ line-height: 0px + @val; }
// ----------- STYLE ---------------

body { 
	font-family: Verdana, Arial; .fs(@base_font_size); line-height: 1.5em; .m0; .p0; .c(@base_color); .bc(#4B3E38);
}

#wrapper {
	
}

#header { 
	.w(@site_width); .c(#454547); .fs(@base_font_size); .ma; .h(431); .bg('header.jpg'); .posr;
	
	#logo {
		.ml(100); .db; .fl;
		a { .db; .w(280); .h(122); }
	}
	#slogan1 { 
		.c(#EBC96F); .fs(23); line-height: 30px; .ttu; .posa; top: 409px; left: 100px; .fb; .w(1000); z-index: 2000; .bc(#190a03); .tc;
	}
	#slogan2 { 
		.c(#EBC96F); .fs(30); line-height: 30px; .ttu; .posa; top: 90px; left: 410px; .fb; .w(740); z-index: 2000; .fi;
	}
	
}
#menu2 { 
	.ovh; .mt(0); .p0; .fr;
	ul { 
		.m0; .p0; cursor: default; list-style: none; .db; .w(387); .mt(92);
		li { 
			color: @menu_color; .fs(@base_font_size+1); .db; .fl; .p0; .m0; .ovh;
			&.menuposvl { 
				.p0; .m0; .w(15); .tc;
			}
			&:last-child &.menuposvl { .w(0); }
			a{ 
				color: @menu_color; .ttu;
				&.on, &:hover{ 
					color: @menu_color_on; .tdn;
				}
			}			
		}
	}
}
#menu { 
	.ovh; .mt(0); .p0; .bg('top.jpg'); .cb;
	
	ul { 
		.m0; .p0; cursor: default; list-style: none; .db; .w(960); .mt(0); .ml(114); .posr; top: -23px; z-index: 1000;
		li { 
			color: @menu_color; .fs(@base_font_size+1); .db; .fl; .p0; .m0; .ovh;
			a{ 
				color: @menu_color; .db; .b(#736A49); .br(8); .bc(#190A03); 
				font-family: "myriadpro_cond"; padding: 1px 29px; .fs(16);
				&.on, &:hover{ 
					color: @menu_color_on; .tdn;
				}
			}			
		}
	}
}

div.submenu { 
	.fs(@base_font_size); .b(@border_color); border-top: 0px; padding: 12px 20px 12px 12px; .posa; top: 120px; left: 288px; z-index: 501; .bg( 'submenu.png',  transparent, left, top, repeat-x); border-radius: 0px 0px 5px 5px;
	a { 
		.c(@menu_color); padding: 5px 0 5px 12px; .fn; .db;
		&.on, &:hover { 
			.c(@menu_color_on); .fn; .bg( 'menu_arr.png', transparent, left, center); 
		} 
	}
}

#container2{ 
	.w(@site_width - 108); .ma; .bg( 'side_left.jpg', #190A03, left, top); .pl(108);
}
#container{ 
	.w(977); .ma; .bg( 'side_right.jpg', transparent, right, top); .pr(116);
	
	#center_column { 
		.fl; .w(@center_column_width); min-height: 400px; .dib; .ovh; .bc(#4B3D3A); .p(10); .pb(0);
	}
	#right_column{ 
		.fr; .w(@right_column_width); .dib; .ovh;
	}
	#left_column{ 
		.fl; .w(@left_column_width); .dib; .ovh; .bg('produkty.jpg'); .pt(60);
	}
}

ul.lmenu { 
	.m0; .p0; cursor: default; list-style: none; .db; 
	.bg('menu.png', #190A05); .b(#180D07, 2);
	li {
		color: @menu_color; .db; padding: 4px 0 7px 0; .ovh; .mb(3);
		.bg('hr.png', transparent, bottom, center );
		&:hover, &.on {  }
		a { 
			color: @l_menu_color; .tdn; .pl(22); .ttu; .fs(11); .fb;
			.bg('arr.png', transparent, 10px, 5px);
			&.on, &:hover { 
				color: @l_menu_color_on; .tdn;
			} 
		}
	}
	li.menulevel2 { 
		padding: 0px 0; .pl(13); background: none; .lh(12); .m0;
		a { text-transform: none; .bg('arrow.png', transparent, 10px, 6px); .fn;
			&.on, &:hover { 
				color: #ff6600; .tdn;
			} 
		}			
		&:hover, &.on {   }
	}
	li.menulevel3 { 
		padding: 0px 0; .pl(10 * 3); background: none; .lh(12); .m0;
		a { .fn; text-transform: none; .bg('arrow.png', transparent, 10px, 6px);  .fn;
		&.on, &:hover { 
				color: #ff6600; .tdn;
			} 
		}	
		&:hover, &.on {  }
	}
}

div.ramka {
	div.ramka_in { margin: 0px; .p(5); .tc; }
	
	.thumb { 
		.tc; .h(200); display: table-cell; vertical-align: bottom; width: 339px;
	}
}

div.ramka2{ 
	img {

	}
}

span.cena {
	.c(#F85206); .fb; .fs( @base_font_size + 2 );
} 
input.ramka {
	.b(@border_color); .w(30); .bc(@input_bg);
}

table.basket {
	.tc; width: 100%; border:0; border-collapse: collapse;
	tr.brd td, th { 
		border-bottom: 1px solid @border_color;
	}
	tr.brd{
		td { 
			.bc(@input_bg); .p(5);
			&.nazwa { 
				.bc(#eaeaea);
			}
		}
	}
}

div.subtitle { 
	.fs( @base_font_size + 2 ); .fb; margin: 10px 0px;
} 

h1.centerheader, h2.centerheader, h2.narrowheader { 
	padding: 0; .tl; .fs( @base_font_size + 4 ); .fb; .c(@base_color); margin: @content_padding 0;
	a { 
		.c(@base_color); .tdn;
		&:hover { 
			.c(@base_color); .tdn; 
		} 
	}
}

div.narrowcontent, div.centercontent {
	.p(@content_padding);
}
div.centercontent {
	border-radius: 10px 10px 0 0; .bg('center_bg.png', #FDFDFD, bottom, left, repeat-x);
	font-style: italic;	
}

div.hr {
	.cb; width: 90%; .h(1); margin: 20px auto; .bgrx('hr.png');
}

#footer_wrap { 
	.cb; width: 100%; .bg('foot.jpg', transparent, bottom, center); 
	#footer { 
		.cb; .fs(@base_font_size); .w(1200); .ma;  .c(@footer_color);
		 #up_right {
		 	font-size: 13px; width: 735px; height: 155px; color: #9AA3A0; background: url(images/foot_right.jpg) top left no-repeat;
		 	.pl(30); .pt(82);
		 	p { .mb(8); }
		 }
		 #up_left{
		 	width: 435px; height: 240px; background: url(images/foot_left.jpg) top left no-repeat;
		 }
		a {
			.c(@footer_color); .tdn;
			&:hover {
				.c(@footer_color); .tdu;
			}
		}
	}
}

a { 
	.c(@link_color); .tdn;
	&:hover { 
		.c(@link_color); .tdu;
	}
	&.arr { 
		.fb; .tdn; padding: 2px 23px 5px 0; .bg('arr.png', transparent, right, center);
	}
}

div.news, div.news2 {
	.pb(15); border-bottom: 1px dashed @border_color;
	.newsdate {
		.c(#81A7D7); .fs( @base_font_size - 1); 
	}
	.newstitle {
		.c(#A2FFFF); .fs( @base_font_size + 1); .fb;
	}
	img{ 
		.b(@border_color); 
		.mr(10);
	} 
}
div.news2 { border: none;}

table.gall{ border-spacing: 2px; border-collapse: separate;}
.foto_gal { 
	.mt(10); .tc; .p(7); .b(burlyWood); .bc(#FDFDFD);
	img{ 
		
	} 
}


input.error, textarea.error {
	border: 1px solid red !important; 
}
label.error { 
	.c(red); .fs(@base_font_size - 2); padding: 0px 3px;
}

.reg {
	.bc(@input_bg); .b(@border_color); .br(4); .p(3); width: 99%;
	&:focus {
		box-shadow: 0px 0px 5px @border_color;
	}
}
textarea.reg {
	.h(150); resize:none;
}
select.reg {
	.p(6); 
}
#register .reg { width: 90%; }

input.inv {
	background: transparent; border: none; .w(230);
}

.btn {
	.bc(@input_bg); .b(@border_color); .br(4); padding: 4px 8px; cursor: pointer;
	&:hover{
		box-shadow: 0px 0px 5px @border_color; .tdn;
	} 
}

.tr_tab { 
	.tr; .pt(10); .pr(5); .vt; 
}

#gMap{
	.ma; width: 90%; .h(300);  .ovh;
}

#recaptcha_area { .ma; }

p.error { .c(red); .m0; }
p.info {.fs(@base_font_size + 1); .fb; .tc;}

p.pager {
	.c(@link_color);
	a {
		.c(@link_color); padding: 5px 10px; 
		&.page { background: @input_bg; .b(@border_color); .br(3); }
		&.active { font-weight: bold; }
		&.next, &.prev {  }
		&.first, &.last {  }		
	}
}