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

@site_width: 1130px;
@right_column_width: 250px;
@left_column_width: 354px;
@center_column_width: 1130px;

@link_color: #0F5963;
@footer_color: #0C3D44;

@menu_color: #0C3D44;
@menu_color_on: #fff;
@l_menu_color: #428BCA;
@l_menu_color_on: #428BCA;

@base_font_size: 16;
@base_color: #0F5963;

@content_padding: 15px;
@border_color: #5555FF;
@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; }
.w100 { width: 100%; }

// ----------- 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; }
.fw(@val){ font-weight: @val; }
.ff(@val){ font-family: @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; }

//efekty

.outline( @width: 1px, @color) {
		text-shadow:@width @width 0 @color,
			-@width -@width 0 @color,
			@width -@width 0 @color,
			-@width @width 0 @color,
			0px @width 0 @color,
			@width 0px 0 @color,
			0px -@width 0 @color,
			-@width 0px 0 @color;
}

.transition (@prop: all, @time: 0.5s, @ease: ease) {
    -webkit-transition: @prop @time @ease;
    -moz-transition: @prop @time @ease;
    -o-transition: @prop @time @ease;
    -ms-transition: @prop @time @ease;
    transition: @prop @time @ease;
}

.transform (@rotate: 90deg, @scale: 1, @skew: 1deg, @translate: 10px) {
    -webkit-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -moz-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -o-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -ms-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
}

.gradient (@origin: left, @start: #ffffff, @stop: #000000) {
    background-color: @start;
    background-image: -webkit-linear-gradient(@origin, @start, @stop);
    background-image: -moz-linear-gradient(@origin, @start, @stop);
    background-image: -o-linear-gradient(@origin, @start, @stop);
    background-image: -ms-linear-gradient(@origin, @start, @stop);
    background-image: linear-gradient(@origin, @start, @stop);
}

//black semitransparent
.quick-gradient (@origin: left, @alpha: 0.2) {
    background-image: -webkit-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
    background-image: -moz-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
    background-image: -o-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
    background-image: -ms-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
    background-image: linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
}


// ----------- STYLE ---------------

body { 
	font-family: 'Open Sans', Tahoma, Verdana, Arial; .fs(@base_font_size); line-height: 1.4em; .m0; .p0; .c(@base_color); .bgr('bg.png');
}

#wrapper2 {
	.bg('top.jpg', transparent, top, center);
}

#wrapper {
	.bgrx('wrap.png');
}

header { 
	.w(@site_width); .c(#454547); .fs(@base_font_size); .ma; .h(104); .ovh; 
	
	#logo {
		.mt(20); .fl; .dib;
	}
	#langs {
		.dib; .fr;
	}
	
	nav { 
		.w(735); .ovh; .mt(0); .p0; .fr;
		ul { 
			.m0; .p0; cursor: default; list-style: none; display: table; empty-cells:show;
			li { 
				color: @menu_color; .fs(14); .p0; .m0; .ovh; display: table-cell; .tc; .vt;
				
				&.break { 
					.p0; .m0; .h(96); .w(3); .bg('break.png', transparent, top, center);
				}
				&:last-child { .w(0); }
				
				a{ 
					color: @menu_color; .dib; .tc; .m0; padding: 61px 8px 12px 8px; .fw(600); .fi; .ttu;	
				}	
				&.active, &:hover{ 					
					a { 
						color: @menu_color_on; .tdn; .bc(@menu_color);
						 
					} 
				}			
			}
		}
	}
	
	
	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; .dn;
		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); 
			} 
		}
	}
}



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

div.row, .container-fluid { .m0; .p0; }
div.row { .ml(-15); }

div.mbox {
	.mt(210); .bc(#fff); .tc; .p(25);
	h2 { .fs(24); .fi; .fw(700); }
	p { .tl; margin: 7px 0 15px 0;}
}

div.ramka {
	margin: 5px auto; .b(@border_color); .p(5); .bc(#FFF); .tl; 
	
	h3 { 
		.fb; .tc; .fs( @base_font_size ); .m0;
	}
	.desc { 
		.h(135); .ovh; .fs( @base_font_size - 1 );
	}
}

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

h1.slogan {
	.fs(48); .fi; .fw(800); .c(#105964); .tc; .lh(56); .mt(20);
}

h1.centerheader, h2.centerheader, h3.centerheader, h2.narrowheader { 
	padding: 2px 0; .tl; .c(@base_color); margin: @content_padding 0; .fw(700); .fs(18); .fi; .ttu;
	a { 
		.c(@base_color); .tdn;
		&:hover { 
			.c(@link_color); .tdu; 
		} 
	}
}
h3.centerheader { .fs( 24 ); text-transform: none; }

div.narrowcontent, div.centercontent {
	padding: @content_padding 0;
	ul {list-style: none; .m0; .ml(@content_padding);
			li { .bg('li.png', transparent, 0px, 5px); .pl(15); .mb(5); }		
	}
}

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

footer { 
	.bc(#fff);
	#footer_in { 
		.cb; .fs(12); .w(@site_width); .ma;  padding: 40px 0px 120px 0; .c(@footer_color);
		a {
			.c(@footer_color); .tdn; .fw(300); .fs(14); .fi; .ttu;
			.transition;
			&:hover {
				.c(@footer_color); .tdu;
			}
		}
	}
}

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

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

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

.foto_gal { 
	.m0; .mt(10); .tc; .p(0); 
	a { .dib; }
	figcaption { .tl; .fs(13); .fw(300); }
	img{ 
		.b(@border_color, 0); 
	} 
}

.real {
	.fs(13); .fw(300);
}

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

textarea.form-control {
	.h(150); resize:none;
}

/*
.form-control {
	.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; } 
	&:-moz-placeholder { color: @base_color;}	
	&:-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; }
	}	
}

select.reg {
	.p(6); 
}
#register .reg { width: 90%; }
*/
input.inv {
	background: transparent; border: none; .w(230);
}

*
.btn {
	.bc(#C17527);  .br(5); padding: 5px 30px; cursor: pointer; .c(#fff);  .dib; .tc;
	.fs(14); .fi; .fw(700); .ttu;
	.transition; 
	&:hover{
		 .tdn;
	} 
}

#gMap{
	.ma; .w100; .h(480); .ovh; .c(#000);
}

#recaptcha_area { .ma; }

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

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