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

@site_width: 1000px;
@right_column_width: 250px;
@left_column_width: 354px;
@center_column_width: 654px;

@link_color: black;
@footer_color: white;

@menu_color: white;
@menu_color_on: #EFD98A;
@l_menu_color: #2222FF;
@l_menu_color_on: #222299;

@base_font_size: 14;
@base_color: #B10D1C;

@content_padding: 15px;
@border_color: #B10D1C;
@input_bg: #FFF;

// ----------- 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; }
.trans { -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; }

// ----------- 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, @c: transparent ){ background: @c url('images/@{i}') top left repeat-x; }
.bgry( @i, @c: transparent ){ background: @c url('images/@{i}') top left repeat-y; }
.bgr( @i, @c: transparent ){ background: @c 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: Tahoma, Verdana, Arial; .fs(@base_font_size); line-height: 1.5em; .m0; .p0; .c(@base_color);
}


#wrapper {
	
}

#header { 
	.w(@site_width); .c(#454547); .fs(@base_font_size); .ma; .h(163); .ovh; 
	
	#logo {
		position:absolute; margin-left:400px; margin-top:25px; z-index: 9999;
	}
	#langs {
		.dib; .fr;
	}
}
.im{
	background: url(images/strzalka_off.png) 50% 66% no-repeat;
	&:hover {
		background: url(images/strzalka_on.png) 50% 66% no-repeat;
	}
	
}
.bg{
	background: url(images/strzalka_on.png) 50% 66% no-repeat;
}



#menu { 
	.w(400); .ovh; .mt(58); .p0; .fl; 
	ul { 
		.m0; .p0; cursor: default; list-style: none; display: table; width: 100%;.mb(100);.pt(40); 
		li { 
			color: @menu_color; .fs(@base_font_size+1); .p0; .m0; .ovh; display: table-cell; .tc;padding:0px 0px 33px 0px;
			&.menuposvl { 
				.p0; .m0; .h(30); .w(2); 
			}
			&:last-child { .w(0); }
			a{ 
				font-family:'webfontregular'; .fs(@base_font_size+5); padding:0px 0px 33px 0px;
				color: @menu_color;
				.trans; font-weight:lighter;
				&.on, &:hover{ 
					color: @menu_color_on; .tdn; 
				}
				&.onn, &:hover{ 
					color: @menu_color_on; .tdn;
				}
			}	
			p{ 
				font-family:'webfontregular'; .fs(@base_font_size+5); padding:0px 0px 33px 0px; 
				color: @menu_color;
				.trans; font-weight:lighter;
				&.on, &:hover{ 
					color: @menu_color_on; .tdn;
				}
				&.onn, &:hover{ 
					color: @menu_color_on; .tdn;
				}
			}				
		}
	}
}

#menu__1{ 
	.w(400); .ovh; .mt(58); .p0; .fl; .ml(0); position:absolute; .ml(585);
	ul { 
		.m0; .p0; cursor: default; list-style: none; display: table; width: 100%;.mb(100);.pt(40);
		li { 
			color: @menu_color; .fs(@base_font_size+1); .p0; .m0; .ovh; display: table-cell; .tc;padding:0px 0px 34px 0px;
			&.menuposvl { 
				.p0; .m0; .h(30); .w(2); .bg('break.png');
			}
			&:last-child { .w(0); }
			a{ 
				font-family:'webfontregular'; .fs(@base_font_size+5); padding:0px 0px 34px 0px;
				color: @menu_color;
				.trans; font-weight:lighter;
				&.on, &:hover{ 
					color: @menu_color_on; .tdn;
				}
				&.onn, &:hover{ 
					color: @menu_color_on; .tdn;
				}
			}			
		}
	}
}

.theme-default .nivoSlider img { 
    height: 530px !important;
}


#menu_0 { 
	.w(410); .ovh; .mt(10); .p0; .fl;font-family:Fujiyama; position:absolute;
	ul { 
		.m0; .p0; cursor: default; list-style: none; display: table; width: 100%;
		li { 
			color: @menu_color; .fs(@base_font_size+2); .p0; .m0; .ovh; display: table-cell; .tc;
			&.menuposvl { 
				.p0; .m0; .h(30); .w(2); .bg('break.png');
			}
			&:last-child { .w(0); }
			a{ 			
				font-family:'webfontregular'; .fs(@base_font_size+5);
				color: @menu_color;
				.trans;font-weight:lighter;
				&.on, &:hover{ 
					color: @menu_color_on; .tdn;
				}
				span{
					.fs(16);
				}
			}			
		}
	}
}

#menu_0_1 { 
	.w(410); .ovh; .mt(10); .p0; .fl;font-family:Fujiyama; position:absolute; .ml(579);
	ul { 
		.m0; .p0; cursor: default; list-style: none; display: table; width: 100%;
		li { 
			color: @menu_color; .fs(@base_font_size+1); .p0; .m0; .ovh; display: table-cell; .tc;
			&.menuposvl { 
				.p0; .m0; .h(30); .w(2); .bg('break.png');
			}
			&:last-child { .w(0); }
			a{ 			
				font-family:'webfontregular'; .fs(@base_font_size+5);
				color: @menu_color;
				.trans;font-weight:lighter;
				&.on, &:hover{ 
					color: @menu_color_on; .tdn;
				}
			}	
			span{
					.fs(16);
				}		
		}
	}
}

.jcarousel-skin-tango{
	li img{
		.h(365); .w(670);
	}
	
}
div.submenu { 
	.fs(@base_font_size); padding: 12px 20px 12px 12px; .posa; top: 163px; left: 288px;
	z-index: 501; .bg( 'submenu.png',  #B40F1F, left, 10%, repeat-x); border-radius: 0px 0px 5px 5px; .dn;
	a { 
		.c(@menu_color); padding: 5px 0 5px 12px; .fn; .db; .tdn;
		&.on, &:hover { 
			.c(@menu_color_on); .fn; .bg( 'menu_arr.png', transparent, left, center); 
		} 
	}
	
	
}
.att{
	a{
		
	}
}

#container{ 
	.w(@site_width); .ma; 
	
	#center_column { 
		.fl; .w(1000); min-height: 400px; .mb(15); .dib; .pt(53);
	}
	#right_column{ 
		.fr; .w(@right_column_width); .dib; 
	}
	#left_column{ 
		.fl; .w(@left_column_width); .dib; 
	}
}

ul.lmenu { 
	.m0; .p0; cursor: default; list-style: none; .db; .mt(20);
	li {
		color: @menu_color; .db; padding: 6px 0 6px 0px; .ovh; border-left: 2px solid #FFF;
		&:hover, &.on { .bc(#F3F3F3); border-left: 2px solid @l_menu_color_on; }
		a { 
			.fb; color: @l_menu_color; .tdn; .pl(@content_padding); .ttu; 
			.trans;
			&.on, &:hover { 
				.fb; color: @l_menu_color_on; .tdn;
			} 
		}
	}
	li.menulevel2 { 
		.pl(@content_padding); 
		a { text-transform: none; }	
		&:hover, &.on { .bg('arr.png', #F3F3F3, 20px, 10px); border-left: 2px solid #F3F3F3; }
	}
	li.menulevel3 { 
		.pl(@content_padding * 2); 
		a { .fn; text-transform: none; }	
		&:hover, &.on { .bg('arr.png', #F3F3F3, 20px, 10px); border-left: 2px solid #F3F3F3; }
	}
}

div.ramka {
	div.ramka_in { .m(5); .b(@border_color); .p(5); .bc(#FFF); .mt(20); }
	
	.title { 
		.fb; .tc;
	}
	.desc { 
		.h(135); .ovh; .fs( @base_font_size - 1 );
	}
}

div.ramka2{ 
	img {
		.b(@border_color); 
	}
}

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);
			}
		}
	}
}

h1.centerheader, h2.centerheader, h2.narrowheader { 
	padding: 2px @content_padding; .tl; .fs( @base_font_size + 16 ); .fn; .c(@base_color); margin: @content_padding 0;
	a { 
		.c(@base_color); .tdn;
		&:hover { 
			.c(@link_color); .tdu; 
		} 
	}
}

div.narrowcontent, div.centercontent {
	.p(@content_padding); .c(#444041);
	ul {
		list-style: none; .m0;		
		li {
			.bg('li.png', transparent, center, left); .pl(15); .mb(5); 
			
		}
	}
	table tbody tr td img{
		border:3px solid #E9E6E6; border-radius:10px
	}
}

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

.tab tbody tr td {
    border: 1px solid #000000;
	}
	
#footer_wrap { 
	.cb; width: 100%; .bg('bg-foot.jpg', #fff, top, left, repeat-x); 
	#footer { 
		.cb; .fs(@base_font_size - 1); .w(@site_width); .ma;  padding: @content_padding 0px; .c(@footer_color);
		a {
			.c(@footer_color); .tdn;
			.trans;
			&:hover {
				.c(@footer_color); .tdu;
			}
		}
	}
}

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

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

div.comment { 
	.pb(15); 
	img { .mr(20); }
}

.foto_gal { 
	.mt(10); .tc; .p(10); .lh(0);
	a { .dib; }
	img{ 
		.b(@border_color); 
	} 
}

label.tab {
	.db;
}

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%; .c(@base_color);
	
	&::-webkit-input-placeholder {color: @base_color;}	
	&::-moz-placeholder { color: @base_color; } /* Firefox 19+ */
	&:-moz-placeholder { color: @base_color;}	/* Firefox 18- */	
	&:-ms-input-placeholder { color: @base_color;  }
	
	&:focus {
		box-shadow: 0px 0px 5px @border_color;
		&::-webkit-input-placeholder {color: @input_bg;}	
		&:-moz-placeholder { color: @input_bg;	}	
		&::-moz-placeholder { color: @input_bg; 	}
		&:-ms-input-placeholder { color: @input_bg; }
	}	
}
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; .c(@link_color);
	.trans; 
	&:hover{
		box-shadow: 0px 0px 4px @border_color; .tdn;
	} 
}

.tr_tab { 
	.pt(0); .vt; 
}

#gMap{
	.ma; width: 100%; .h(300); .ovh; .c(#000);
}
#gMap2{
	.ma; width: 90%; .h(200); .ovh; .c(#000); border:1px solid @border_color
}

#recaptcha_area { .ma; }

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

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