body 								{
										margin:0; padding: 0;
										background: #9fbed3 url("/views/layouts/img/bg.jpg") center top no-repeat;
									}
body, p, td, th, input, select, textarea 	{
												font-family:  Arial, sans-serif;
												font-weight: normal;
												font-size: 14px;
											}

p									{margin: 0; padding: 0;}
a img, a 							{border: medium none; outline: medium none; text-decoration: none; display: inline-block; }
a:hover 							{text-decoration: none;}
h1, h2, h3, h4, h5, h6 				{display:inline-block; font-weight:  normal; padding: 0; margin: 0;}
ol, ul ,ul li 						{ list-style: none outside none;  padding: 0; margin: 0;}
input[type=text], input[type=password], textarea{ outline: none; margin: 0 ; padding: 0;}
textarea							{resize: none;}
button								{border: none; cursor: pointer;}
select								{outline: none; cursor: pointer;}
/*klasy nadajace style czcionek*/
.b{font-weight: bold;}
/*dodatkowe klasy pomocnicze*/
.clear {clear: both;}
.hid{display: none !important;}
.upp{ text-transform: uppercase;}
.low{ text-transform: lowercase;}
.fl{float: left;}
.fr{float: right;}
/*ogolne*/
h1{font-size: 2.5em; font-family: 'Roboto'; color: @color1; margin-bottom: 10px; } /*36:14*/
h2{font-size: 2.5em; font-family: 'Roboto'; color: @color5; margin-bottom: 10px; font-weight: 100; text-transform: uppercase;} /*36:14*/
#index .lang_i h2{
	font-size: 1.5em;
}
/*h3{font-size: 18px; color: @color1; margin-bottom: 10px; }
h4{font-size: 16px; color: @color3; margin-bottom: 10px; }
h5{font-size: 16px; color: @color1; }
h6{font-size: 16px; color: @color3; }*/
p{font-size: 12px; line-height: 18px; margin-bottom: 12px; color:  @color1; 
/*text-shadow: 1px 1px 4px rgb(150, 150, 150);*/     
}
.article_content{
	h2, h3, h4, h5, h6{
		color: @color1;
		font-weight: 700;
		margin-bottom: 0.5em;
		line-height: 1.5em;
	}
	li{
		font-size: 0.9285714285714286em;
		line-height: 1.5em;
		margin-bottom: 0.5em;
	}
	ol li{
		list-style: decimal;
	}
	ul li{
		list-style: circle;
	}
	ol, ul{
		margin-left: 3%;
		margin-bottom: 1em;
	}
	h2{font-size: 1.7em; text-transform: none;}
	h3{font-size: 1.55em;}
	h4{font-size: 1.35em;}
	h5{font-size: 1.2em;}
	h6{font-size: 1em;}
	p{
		margin-bottom: 1.2em;
	}
	a{
		color: @color1;
	}
	a:hover{
		text-decoration: underline;
	}
}
@color1 : #263477;
@color2 : #7a83ac;
@color3 : #fff;
@color4 : #537b8d;
@color5 : #f4f6f7;
.body{
	position: relative; 
	width: 100%;
	min-width: 320px;
	min-height: 200px;
}
.header_line{
	background-color: @color1;
	height: 3px;
	width: 100%;
}

header{
	overflow: hidden;
	position: relative;
	width: 1000px;
	margin: 0px auto;
	nav{
		position: relative;
		width: 86.7%;
		float: right;
		min-height: 43px;
		margin-bottom: 60px;
		top: -3px;
		ol li{
			background-color: @color1;
			position: relative;
			float: left;
			width: 14.2%;
			border-right: 1px solid @color2;
			font-size: 1.142857142857143em; /*16:14*/
			font-weight: 600;
			text-transform: uppercase;
			text-align: center;
			margin-bottom: 4px;
			a{
				color: @color3 ;
				display: block;
				line-height: 43px;
			}
		}
		ol li.start{
			border-right-color: #fff;
			border: 1px solid  @color1;
			border-top:	none;  
			background-color: #fff;
			a{
				color: @color1;
				line-height: 42px;
			}
		}
		ol li:hover, ol li.active{
			padding-bottom: 4px;
			margin-bottom: 0px;
		}
		#languages{
			background-color: @color1;
			height: 43px;
			line-height: 43px;
			text-align: center;
		}
		#languages a, #languages span{
			font-size: 0.8571428571428571em;
			color: #858ebb;
			text-transform: uppercase;
			line-height: 100%;
			height:  100%;
			margin: 0px 7px;
		}
		#languages a:hover{
		}
		#languages a img{
			position: relative;
			display: block;
			height: 42%;
			margin-top: 38%;
			border: 1px solid #5B5B5B;
		}
	}
}
.logotype_btn{
	position: absolute;
	width: 27.24832214765101%;
	img{
		position: relative;
		width: 100%;
		height: auto;
		right: 135%;
		cursor: pointer;
	}
}

#index{
	overflow: hidden;
	position: relative;
	margin: 0px auto;
	width: 1016px;
	.box{   
		width: 23.5%;
		max-height: 240px;
		position: relative;
		float: left;
		background-color: @color1;
		margin: 0px 0.74% 13px;
	}
	.box:nth-child(2n+1){
		background-color: @color4;
	}
	.box.logotype{
		background: url("/views/layouts/img/bg_opacity.png");
	}
	.box.logotype a{
		display: block;
		position: relative;
		width: 100%;
		max-height: 240px;
	}
	.box.logotype a img{
		width: 84.93723849372385%;
		position: relative;
		padding-top: 29.16666666666667%;
		padding-bottom: 29.16666666666667%;
		left: 7.531380753138075%;
	}
	
	.text_box{
		overflow: hidden;
		max-height: 240px;
		width: 18.40833333333333%;
		padding: 0% 2.545833333333333% 0%;  
		article p{ 
			font-size: 0.9285714285714286em; /*13:14*/
			line-height: 1.142857142857143em;
			color: #ffffff;
		}
		h2{
			margin-top: 15%;
			margin-bottom: 7%; 
		}
		a{
			position: absolute;
			width: 100%;
			height: 100%;
			margin-left: -11%;
			top: 0px;
			z-index: 30;
		}
		span{
			position: relative;
			float: right;
			color: #ffffff;
			text-transform: uppercase;
			margin-top: 14%;
		}
	}
	.box_photo{
		background: none !important; 
	}
	.box_photo .photos{
		position: relative; 
		width: 100%;
		height: 100%;
	}
	.box_photo img{
		position: absolute;
		width: 100%;
		top: 0px;  
	}
	.box_photo img.bg_photo{
		position: relative;
	}
	.box_animation{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
	}
	#main_content{
		overflow: hidden;
	}
}

.subpage{
	.logotype_btn_top{
		display: none;
		position: relative;
		width: 100%;
		text-align: center;
	}
	overflow: hidden;
	position: relative;
	height: 0px;
	.miq_box{
		position: absolute;
		top: 140px;
		width: 18%;
		img{
			width: 100%
		}
		max-width: 253px;
	}
	.page_title h1{
		font-size: 3.285714285714286em; /*60:14*/
		line-height: 1em;
		margin-left: -6px;
		color: #1d1d1b;
		text-transform: uppercase;
		font-weight: 100;
		font-family: 'Roboto';
		margin-top: 30px;
		margin-bottom: 28px;
	}
	.lstext{
		position: absolute;
		top: 108px;
		left: -20%;
		color: #ffffff;
	}
	.left_bar{
		background: url("/views/layouts/img/bg_opacity_subpage.png") ;
		width: 50%;  
		float: right;
		position: absolute;
		text-align: right;
		margin-top: 108px;
		height: 210px;
		z-index: 19;
	}
	.main_content{
		max-width: 1000px;
		margin: 0px auto;
		.article_content{
			min-height: 300px;
			padding-bottom: 20px;
			position: relative;
			background-color: #fff;
			width: 62.6%;
			padding-left: 5.6%;
			padding-right: 6.3%;
			float: right;
			z-index: 20;
		}
		
	}
}

.article_content p{
	font-size: 0.9285714285714286em;
	color: #1d1d1b;
	line-height: 1.384615384615385em;
}

.forms-1-style, .forms-1-style div, .forms-1-style label{
	width: 100%;
}
.forms-1-style{
	label{
		display: block;
		font-size: 0.9285714285714286em;
		text-transform: uppercase;
		color: @color1;
		margin-bottom: 0.5em;
		font-weight: 700;
		img{
			position: relative;
			top: -2px;
			margin-left: 3px;
		}
	}
	input[type=text], textarea{
		padding: 1%;
	    width: 98%;
	    margin-bottom: 1em;
	    border: 1px solid #999;
	    font-size: 0.9085714285714286;
	}
	input[type=text]:focus, textarea:focus{
		border: 1px solid @color1;
	}
	textarea{
		max-height: 150px;
	}
	button{
		background-color: @color1;
		color: @color3;
		text-transform: uppercase;
		padding: 1%;
		font-weight: 700;
		font-size: 0.9285714285714286;
	}
	button:hover{
		padding-bottom: 1.5%;
	}
}

footer{
	width: 1000px;
	font-size: 12px;
	font-family: Arial;
	color: #ffffff;
	line-height: 12px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-transform: uppercase;
	margin: 0px auto;
}
footer .ue_banner{
	text-align: center;
	margin-bottom: 20px;
	border-bottom: 1px solid #d4e2ed;
	padding-bottom: 25px;
	img{
		width: 80%;
		position: relative;
		display: block; 
		margin: 0px auto;
	}
}
footer .ue_banner.subpage {
	height: auto;
a{
	width: 74.5%;
	float: right;
	display: block;
	clear: both;
	position: relative;
	img{
		width: 100%;
	}
}
}

footer a{
	color: #fff;
}
/*do 479px //szerokość strony 280px
od 480px do 799px //szerokość strony 440px
od 800px do 1023px //szerokość strony 760px
od 1024px do 1279px //szerokość strony 980px
od 1280px + //szerokość strony 1200px*/


@media only screen and (min-width: 0px) and (max-width: 1000px){
	header, footer, #index{
		width: 100%;
	} .subpage{
		width: 99%;
		margin: 0px 1% 0px 0%;
	}
	header nav ol li{
		font-size: 1.06em;
	}
	.subpage .miq_box{
		left: 3%;
	}

}
@media only screen and (min-width: 0px) and (max-width: 925px){
	#index{
		.text_box {
			h2{
				font-size: 1.6em;
			}
		}
		article{
			font-size: 0.85em;
		}
	}  
}
@media only screen and (min-width: 0px) and (max-width: 768px){
	header nav{
		margin-bottom: 30px;
		width: 100%;
		ol li{
			font-size: 0.7em;
		}
		#languages a, #languages span{
			font-size: 0.7em;	
			margin: 0px 1px;
			img{
				height: 40%;
				margin-top: 41%;
			}
		}
	}
	.subpage{
		.main_content .article_content{
			h1{
				font-size: 2.2em;
			}
			.article-content{
				font-size: 0.95em;
			}
		}
			
	}
	#index .lang_i .text_box h2{
		font-size: 1.0em;
	}
	.article_content{
		li{
			font-size: 0.9285714285714286em;
			line-height: 1.5em;
			margin-bottom: 0.5em;
		}
		ol, ul{
			margin-left: 3%;
			margin-bottom: 1em;
		}
		h2{font-size: 1.6em; text-transform: none;}
		h3{font-size: 1.45em;}
		h4{font-size: 1.35em;}
		h5{font-size: 1.1em;}
		h6{font-size: 0.95em;}
		p{
			margin-bottom: 1.2em;
		}
	}
    
	#index{
		article{
			font-size: 0.8em;
		}
		.text_box {
	   		h2{
			font-size: 1.3em;
			margin-top: 50%;
			}
			article{
				display: none;
			}
			padding: 0% 2.545833333333333% 0%;  
			span{
				display: none;
			}
		}  
	}  
	
} 
@media only screen and (min-width: 0px) and (max-width: 500px){ 
	header nav{
		margin-bottom: 30px;
		width: 100%;
		ol li{
			font-size: 0.6em;
		}
		#languages a, #languages span{
			font-size: 0.7em;	
			img{
				height: 30%;
				margin-top: 76%;
			}
		}
	}
	footer .ue_banner.subpage a{
		width: 90%;
		float: none;
		margin: 0px auto;
	}
	#index{
		.text_box {
	   		h2{
			font-size: 1.1em;
			}
		}
		
	}
	#index .lang_i .text_box h2{
		font-size: 0.6em;
	}
	.subpage{
		.logotype_btn_top{
			display: block;
		}
		.left_bar, .miq_box, .logotype_btn{
			display: none;
			
		}
		.main_content .article_content{
			h1{
				font-size: 1.5em;
			}
			.article-content{
				font-size: 0.85em;
			}
			padding-left: 5%;
			padding-right: 5%;
			margin: 0px auto;
			width: 80%;
			float: none;
		}
			
	}
	footer {
		overflow: hidden; 
		padding-top: 10px;
		padding-bottom: 30px;
		span{
		text-align: center;
		display: block;
		width: 100%;
		line-height: 1.4em;
		}
		.ue_banner img{
			width: 100%;
		}
	}
	
	.forms-1-style{
		textarea{
			max-height: 100px;
		}
	}
	
}
.gallery_photos{
	position: relative;
	height: 100%;
	overflow: hidden;
	a{
		width: 30%;
		padding: 1.3%;
		position: relative;
		display: block;
		float: left;
		img{
			width: 100%;
			position: relative;
			display: block;
		}
	}

}
@media only screen and (min-width: 0px) and (max-width: 400px){
	#index .text_box {
		h2{
			font-size: 0.89em;
		}
		padding: 0% 2.545833333333333% 0%;
	}
	header nav #languages a, header nav #languages span {
			margin: 0px 2px;
		}
} 
 
@media only screen and (min-width: 0px) and (max-width: 320px){
	.gallery_photos{
		a{
			width: 100%;
			padding: 5px 0px;
			img{
				width: 100%;
			}
		}
	
	}
		header nav{
		margin-bottom: 10px;
		width: 100%;
		ol li{
			font-size: 0.6em;
		}
		#languages a, #languages span{
			font-size: 0.55em;	
		}
	}
	#index{
		.box.logotype a img{
			padding-top: 5%;
			padding-bottom: 5%;
		}
		.box{
			width: 100%;
			margin: 0 0 13px;
		}
		.box_photo{
			display: none;
		}
	}
	#index .text_box {
		h2{
			font-size: 1em;
			margin-top: 4%;
			margin-bottom: 2%; 
			
		}
		height: 70px !important;
		width: 94.55% !important;
		padding: 0% 2.545833333333333% 3%;
		span{
			display: none;
		}
		article{
			display: block;
		}
	}
	#index .text_box:last-child{
		height: 110px!important;
	}
	#index .box.logotype{
		height: 166!important;
	}
	footer {
		overflow: hidden; 
		padding-top: 10px;
		padding-bottom: 30px;
		span{
		text-align: center;
		display: block;
		width: 100%;
		line-height: 1.4em;
		}
	}
	
	.subpage{
		.left_bar, .miq_box{
			display: none;
			
		}
		.main_content .article_content{
			h1{
				font-size: 1.5em;
				margin-top: 0.5em;
				margin-bottom: 0.5em;
			}
			.article-content{
				font-size: 0.85em;
			}
			
			padding-left: 5%;
			padding-right: 5%;
			margin: 0px auto;
			width: 80%;
			float: none;
		}
		.article-content{
			li{
				font-size: 0.9285714285714286em;
				line-height: 1.5em;
				margin-bottom: 0.5em;
			}
			ol, ul{
				margin-left: 3%;
				margin-bottom: 1em;
			}
			h2{font-size: 1.4em; text-transform: none;}
			h3{font-size: 1.25em;}
			h4{font-size: 1.15em;}
			h5{font-size: 1em;}
			h6{font-size: 0.80em;}
			p{
				margin-bottom: 1.2em;
			}
		}
	}
	.logotype_btn img{
			position: relative;
			width: 80%;
			margin: 0px auto;
	}
	
	.forms-1-style{
		textarea{
			max-height: 100px;
		}
	}
}