/*

------------------------------------------------------
style
------------------------------------------------------

*/
	
* { border: none; margin:0px; padding:0px }	

body, html {
	height:100%;  
}

body {
	width: 100%; 
	min-height:100%; 
	font-weight: 400;
	font-family: "Muli", sans-serif;
	font-size: 13px; 
	font-weight: 400;
	line-height: 155%;
	color: #272726;
	background: #fff;
	margin:0px;
    padding: 0px;
	
}

a {
	color: #4f3286;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

body > .tooltip {
	display: none !important;
}


	#top {
		width: 100%;
		box-sizing: border-box;
		padding: 0 4%;
		height: 68px;
		background-image: url(graf/bg_top.jpg);
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}
	
		#top_content {
			width: 100%;
			margin: 0 auto;
			height: 68px;
			line-height: 68px;
			text-align: right;
			
			font-weight: 600;
			font-size: 16px;
			color: #393185;
		}
		
			#top_content span {
				background: #393185;
				padding: 7px 22px;
				margin-left: 20px;
				border-radius: 35px;
				
				color: #fff;
				font-size: 19px;
			}
			
			#top_content span i {
				margin-right: 10px;
			}
			
	nav .show-menu,
	nav input#show-menu {
		display: none;
		-webkit-appearance: none;
	}
	
	#menu {
		width: 100%;
		background: #fff;
		box-sizing: border-box;
		padding: 0 2%;
	}
	
		#menu_content {	
			display: block;
			width: 100%;
			margin: 0 auto;
			padding: 40px 0;
		}
		
			#logo {
				display: block;
				vertical-align: middle;
				width: 100%;
				text-align: center;
				padding-bottom: 40px;
			}
				
				#logo a {
					display: block;
				}
		
				#logo img {
				}
				
			nav {
				display: block;
				vertical-align: middle;
				text-align: center;
			}
				nav ul {
					display: table;
					width: 100%;
				}
			
			
				nav ul li {
					list-style: none;
					display: table-cell;
					vertical-align: middle;
					text-align: center;
					padding: 0 2px;
				}
			
				nav ul li a {
					display: block;
					font-size: 13px;
					font-weight: 700;
					text-transform: uppercase;
					text-decoration: none;
					color: #393185;
					padding: 7px 15px;
					border: 1px solid #fff;
					
				}
				
				nav ul li a:hover,
				nav ul li.active a {
					border: 1px solid #393185;
					border-radius: 35px;
					text-decoration: none;
				}
				
				nav ul li a:hover {
					background: #393185;
					color: #fff;
				}
	#boxes {
		position: relative;
		width: 100%;
		min-height: 530px;
		padding-bottom: 50px;
		
		background-color: #ebebeb;
		background-image: url(graf/bg_boxy.jpg);
		background-size: 100% 530px;
		background-repeat: no-repeat;
		background-position: 0% 0%;
	}
	
		#boxes_content {
			width: 100%;
			margin: 0 auto;
			
			padding-top: 180px;
			background: url(graf/aletoproste.png) 95% 70px no-repeat;
		}
	
			#boxes_content .newsflash {
				display: table;
				width: 100%;
			}
	
			#boxes_content .box_news {
				display: table-cell;
				vertical-align: middle;
				width: 31%;
				padding: 0 1%;
			}
			
			#boxes_content .box_news .newsflash-image {
				width: 100%;
				height: 350px;
				
				background-size: cover;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				
				border-radius: 8px 8px 0 0;
			}
					
			#boxes_content .box_news h4 {
				display: block;
				box-sizing: border-box;
				width: 100%;
				
			}	
			
				#boxes_content .box_news h4 a {
					position: relative;
					display: block;
					font-size: 13px;
					font-weight: 700;
					text-transform: uppercase;
					text-decoration: none;
					color: #393185;
					line-height: 25px;
					
					background-color: #fff;
					background-image: url(graf/arrow.png);
					background-position: 90% 50%;
					background-repeat: no-repeat;
					
					border-radius: 0 0 8px 8px;
					padding: 40px 35px;
					box-shadow: 0px 4px 12px 0px #c2b4b4;				
				}
	

				#boxes_content .box_news h4 a:after {
					content: "";
					
					background-image: url(graf/bg_boxes.png);
					background-position: 50% 100%;
					background-size: 85%;
					background-repeat: no-repeat;
					
					width: 100%;
					height: 20px;
					
					position: absolute;
					bottom: 0;
					left: 0;
				}
	

				#boxes_content .box_news h4 a:hover {
					color: #fff;
					text-decoration: none;
					
					background: #393185 url(graf/arrow_white.png) 90% 50% no-repeat;
				}
	
	#slogan {
		position: relative;
		width: 100%;
		padding-top: 70px;
		
		background-color: #ebebeb;
		background-image: url(graf/bg_slogan.jpg);
		background-size: 100% 302px;
		background-repeat: no-repeat;
		background-position: 0% 100%;
	}
	
		#slogan_content {
			width: 100%;
			height: 450px;
			margin: 0 auto;
			background-image: url(graf/slogan_graph.png);
			background-position: 0% 0%;
			background-repeat: no-repeat;
			background-size: contain;
			
			box-sizing: border-box;
			padding-left: 500px;
			padding-top: 20px;
			
			
		}
		
			#slogan_content h3 {
				display: block;
				padding: 25px 0;
				color: #4f3286;
				font-weight: 300;
				font-size: 40px;
			}
			
			#slogan_content h2 {
				display: block;
				padding: 25px 0;
				color: #4f3286;
				font-weight: 300;
				font-size: 65px;
			}
	
	
	#kimjestesmy {
		position: relative;
		width: 100%;
		box-sizing: border-box;
		padding: 70px 2% 0 2%;
		
		background-image: url(graf/bg_elipsa.png);
		background-position: 0% 0%;
		background-repeat: no-repeat;
		background-size: contain;
	}	
	
		#kimjestesmy_content {
			position: relative;
			width: 100%;
			margin: 0 auto;
			padding-left: 45%;
			box-sizing: border-box;
		}
		
			#kimjestesmy_content h2 {
				color: #4f3286;
				font-size: 36px;
				font-weight: 300;
				display: block;
				padding-bottom: 50px;
			}
			
			
	#nieruchomosci {
		position: relative;
		width: 100%;
		padding-top: 90px;
		margin-top: 120px;
		
		background-image: url(graf/bg_nieruchomosci.png);
		background-position: 0% 0%;
		background-repeat: repeat-x;
	}	
	
		#nieruchomosci_content {
			position: relative;
			width: 100%;
			margin: 0 auto;
			box-sizing: border-box;
		}
		
			#nieruchomosci_content h3 {
				color: #4f3286;
				font-size: 36px;
				font-weight: 300;
				display: block;
				text-align: center;
				padding: 0 0 75px 0;
				
			}
			
			#nieruchomosci .nspArt {				
				
			}
				
				#nieruchomosci .nspArt_image {				
					display: block;
					width: 100%;
					height: 220px;
					
					background-size: cover;
					background-repeat: no-repeat;
					background-position: 50% 50%;
					
					border-radius: 8px 8px 0 0;
				}
				
				#nieruchomosci .nspArt_link {
					display: block;
					width: 100%;
					overflow: initial;
				}
			
					#nieruchomosci .nspArt_link a {
						position: relative;
						display: block;
						box-sizing: border-box;
						
						font-size: 13px;
						font-weight: 700;
						text-transform: uppercase;
						text-decoration: none;
						color: #393185;
						line-height: 25px;
						background: #fff url(graf/arrow.png) 90% 50% no-repeat;
						border-radius: 0 0 8px 8px;
						padding: 45px 35px;
						box-shadow: 0px 4px 12px 0px #c2b4b4;
					}
										
						#nieruchomosci .nspArt_link a:after {
							content: "";
							background: url(graf/bg_boxes.png) 50% 100% no-repeat;
							width: 100%;
							height: 20px;
							position: absolute;
							bottom: 0;
							left: 0;
						}
						
						#nieruchomosci .nspArt_link a:hover {
							color: #fff;
							text-decoration: none;
							
							background: #393185 url(graf/arrow_white.png) 90% 50% no-repeat;
						}
					
					#nieruchomosci .nspArt_link a h2 {
						font-size: 15px;
						padding-bottom: 5px;
					}
				
					#nieruchomosci .nspArt_link a span {
						font-size: 13px;
						color: #777;
					}
				
			#nieruchomosci .nspTopInterface {
				text-align: center;
				margin: 0 auto;
				float: none;
				padding: 80px 0 40px 0;
			}
				
				#nieruchomosci .nspTopInterface ul {
					float: none;
					margin: 0 auto;
				}
			
				#nieruchomosci .nspTopInterface ul li {
					float: none;
					display: inline-block;
					
					height: 8px;
					width: 8px;
					margin: 0 8px !important;
				}
			
				#nieruchomosci .nspTopInterface ul li.active {
					background-color: #252525;
				}
				
				
			
	#content .item-page {
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 30px 2% 100px 2%;
		border-bottom: 1px solid #ddd;
	}
	
	#content .item-page.kontakt {
		padding: 30px 0 0 0;
		border-bottom: 0px solid #ddd;
	}
			
		#content .page-header h2 {
			color: #4f3286;
			font-size: 36px;
			font-weight: 300;
			display: block;
			padding-bottom: 50px;
			text-align: center;
		}
	
	
	#kontakt {
		width: 100%;
		box-sizing: border-box;
		padding: 0 2%;
		position: relative;
		padding-top: 120px;
	}
		
		#kontakt_content {
			display: table;
			position: relative;
			width: 100%;
			margin: 0 auto;
			
			z-index: 6;
		}
		
		#kontakt_form {
			display: table-cell;
			vertical-align: top;
			position: relative;
			width: 50%;
		}
		
			#kontakt_form .qlform {
				padding: 30px 70px 30px 150px;
				background-color: #fff;
				background-image: url(graf/bg_kontakt.png);
				background-position: 0% 0%;
				background-size: contain;
				background-repeat: no-repeat;
				
				box-shadow: 0px 0 20px 3px #e2e2e2;
				border-radius: 10px;
			}
			
			#kontakt_form .qlform label {
				display: none;
			}
			
			#kontakt_form .qlform .controls {
				padding: 7px 0;
			}
			
			#kontakt_form .qlform textarea,
			#kontakt_form .qlform input {
				display: block;
				width: 100%;
				padding: 9px 0;
				border-bottom: 2px solid #ccc;
				resize: none;

				color: #4f3286;
				font-size: 18px;
				font-family: "Muli";
				font-weight: 400;
			}
			
			#kontakt_form .qlform textarea::placeholder,
			#kontakt_form .qlform input::placeholder {
				color: #4f3286;
				font-size: 18px;
				font-family: "Muli";
				font-weight: 400;
			}
		
			#kontakt_form .qlform .submit  {
				text-align: right;
				margin-top: 15px;
			}
			
			#kontakt_form .qlform .submit button {
				display: inline-block;
				padding: 10px 25px;
				border: 1px solid #393185;
				border-radius: 35px;
				text-decoration: none;
				color: #393185;
				background: #fff;
				font-size: 18px;
				font-weight: 400;
				
				border-radius: 25px;				
			}		
				
				#kontakt_form .qlform .submit button:hover {
					color: #fff;
					cursor: pointer;
					background: #393185;
					
				}
			
		#kontakt_dane {
			display: table-cell;
			vertical-align: top;
			position: relative;
			width: 45%;
			box-sizing: border-box;
			padding-left: 100px;
			padding-top: 50px;
			
			font-size: 16px;
			font-weight: 600;
			color: #4f3286;
		}
		
		#kontakt_dane h4 {
			display: block;
			font-size: 36px;
			padding: 10px 0 5px 0;
		}
		
	
	
	#kontakt_mapa {
		width: 100%;
		position: relative;
		padding: 0;
		margin: -65px 0 0 0;
		z-index: 1;
	}
	
		#kontakt_mapa p {
			padding: 0;
			margin: 0;
			display: block;
			line-height: 100%;
		}

		#kontakt_mapa:after {
			content: "";
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 20px;
			
			background-image: url(graf/kontakt_bar.png);
			background-size: 80% auto;
			background-repeat: no-repeat;
			background-position: 50% 100%;
		}
	
	
	
footer {
	width: 100%;
	position: relative;
	padding: 65px 0;
	
	text-align: center;
		
	font-size: 14px;
	color: #333232;
	font-weight: 900;
	
}


	footer hr {
		width: 90px;
		height: 4px;
		margin: 0 auto;
		display: block;
		margin-bottom: 45px;
		
		background: #004688;
	}
	
	
	
.sigplus-gallery ul {
	padding: 0 !important;
}
	
	.sigplus-gallery ul li {
		padding: 1px 4px !important;
	}	
	
	.sigplus-gallery ul li a {
		display: block;
		padding: 5px;
		box-sizing: border-box;
		border: 2px solid #ccc;
		border-radius: 10px;
	}	
	
	.sigplus-gallery ul li a:hover {
		border: 2px solid #393185;
	}

		.sigplus-gallery ul li a img {
			display: block;
			border-radius: 8px;
		}