@charset "utf-8";
@font-face {
    font-family: "Exo2-black";
    src: url("fonts/exo2-black.woff") format('woff');
    font-weight: normal;
}
@font-face {
    font-family: "Exo2-bold";
    src: url("fonts/exo2-bold.woff") format('woff');
    font-weight: normal;
}
@font-face {
    font-family: "Exo2-light";
    src: url("fonts/exo2-light.woff") format('woff');
    font-weight: normal;
}
@font-face {
    font-family: "Exo2-regular";
    src: url("fonts/exo2-regular.woff") format('woff');
    font-weight: normal;
}
@font-face {
    font-family: "Scriptin";
    src: url("fonts/scriptin.woff") format('woff');
    font-weight: normal;
}


body {
	margin: 0; padding: 0;
	font-family: "Exo2-light";
	background-color:#FFFFFF;
	color:#000000;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 1px;
}
div {
	padding: 0;
	margin:0 auto;
}
.max_wymiar_full_hd {
	width:100%;
	max-width:1920px;
}
.max_wymiar {
	width:100%;
	max-width:1200px;
	overflow:hidden;
	height:auto;
}
.belka_top {
	background-color:#4b4b4b;
	color:#FFFFFF;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}
.banner {
	width:100%;
	height:660px;
	background-image:url(images/banner.jpg);
	overflow:hidden;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:15px;
	margin-bottom:50px;
}
.banner_slogan {
	text-align:center;
	width:100%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	color:#dec599;
	font-size:40px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:50px;
}
.banner_txt {
	clear:both;
	margin-top:50px;
	text-align:center;
	width:100%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;	
}
.logo_l {
	float:left;
	width:300px;
	overflow:hidden;
}
.logo_p {
	float:left;
	width:calc(100% - 300px);
	text-align:right;
	vertical-align:middle;
	padding-top:40px;
}
.logo_p_kreska {
	margin-left:20px;
	margin-right:20px;
	width:1px;
	height:15px;
	background-color:#FFFFFF;
	display:inline-block;
	vertical-align:middle;
}
.nag_l {
	display:inline-block;
	width:40px;
	overflow:hidden;
	vertical-align:middle;
}
.nag_p {
	display:inline-block;
	width:calc(100% - 50px);
	margin-left:5px;
	vertical-align:middle;
	font-size:24px;
	font-weight:bold;
}
.tlo1 {
	background-image:url(images/tlo1.jpg);
	width:100%;
	height:auto;
	overflow:hidden;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	color:#FFFFFF;
	padding-top:30px;
	padding-bottom:30px;
	clear:both;
	margin-top:30px;
	margin-bottom:40px;
}
.ik_prawo {
	width:40px;
}
.box {
	float:left;
	width:calc(25% - 20px);
	margin:10px;
	overflow:hidden;
	margin-bottom:30px;
}
.box img {
	width:50px;
}
.box_tytul {
	font-size:18px;
	text-transform:uppercase;
	margin-top:10px;
	height:50px;
}
.box_tresc {
	font-size:13px;
	height:100px;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	clear:both;
}
.box_wiecej {
	text-align:right;
	font-size:14px;
}
.mapa {
	width:100%;
	height:400px;
	position:relative;
	margin-top:30px;
}
.mapa iframe {
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
}
.mapa_dane {
	background-color:#403e43;
	width:400px;
	position:absolute;
	left:13%;
	height:100%;
	padding:20px;
	z-index:2;
	color:#FFFFFF;
}
.mapa_dane_l {
	float:left;
	width:40px;
	font-size:24px;
}
.mapa_dane_p {
	float:left;
	width:calc(100% - 40px);
}
.stopka {
	width:100%;
	height:auto;
	padding-top:30px;
	padding-bottom:30px;
	overflow:hidden;
	padding-bottom:10px;
	clear:both;
}
.margin_prawa {
	margin-right:0;
}
.margin_lewa {
	margin-left:0;
}
.wyrownajdotekstu {
	vertical-align:middle;
}
.do_srodka {
	text-align:center;
}
.do_lewej {
	text-align:left;
}
.do_prawej {
	text-align:right;
}
.do_lewej_prawej {
	text-align:justify;
}
.cz_zlota {
	color:#ccbd99;
}
.cz_normal {
	font-weight:normal;
	padding:0;
	margin:0;
}
.cz_upper {
	text-transform:uppercase;
}
.cz_lower {
	text-transform:lowercase;
}
.cz_bold {
	font-weight:bold;
}
.cz_10 {
	font-size:10px;
}
.cz_11 {
	font-size:11px;
}
.cz_12 {
	font-size:12px;
}
.cz_13 {
	font-size:13px;
}
.cz_14 {
	font-size:14px;
}
.cz_15 {
	font-size:15px;
}
.cz_16 {
	font-size:16px;
}
.cz_18 {
	font-size:18px;
}
.cz_20 {
	font-size:20px;
}
.cz_22 {
	font-size:22px;
}
.cz_24 {
	font-size:24px;
}
.cz_28 {
	font-size:28px;
}
.cz_30 {
	font-size:30px;
}
.cz_36 {
	font-size:36px;
}
.cz_38 {
	font-size:38px;
}
.cz_40 {
	font-size:40px;
}
.cz_48 {
	font-size:48px;
}
.cz_72 {
	font-size:72px;
}
.cz_pochylona {
	font-style:italic;
}
.tresc {
	text-align:justify;
	font-size:16px;
}
.linia {
	width:100%;
	height:1px;
	clear:both;
	background-color:#cccccc;
}
.cookie {
	width: 100%;
	position:fixed;
	right:0px;
	bottom:0px;
	text-align:center;
	color:#000000;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 1000;
	background-color:#ededed;
	z-index:3222;
}
.form_rej_txt_k {
	border: none;
	padding: 10px;
	width:calc(100% - 2px);
	font-size: 14px;
	color:#000000;
	font-family: "Exo2-light";
	background-color:#ffffff;
	border-bottom:#262626 solid 1px;
}
.form_rej_txt_k2 {
	padding: 10px;
	width:calc(100% - 2px);
	font-size: 14px;
	color:#000000;
	font-family: "Exo2-light";
	background-color:#ffffff;
	border-bottom:#262626 solid 1px;
}
.form_rej_text_k {
	border: none;
	padding: 10px;
	width:calc(100% - 2px);
	font-size: 14px;
	height: 177px;
	color:#000000;
	font-family: "Exo2-light";
	background-color:#ffffff;
	border:#262626 solid 1px;
}
.form_rej_submit {
	background-color:#262626;
	color:#ffffff;
	border:none;
	padding: 5px;
	padding-top:7px;
	font-size: 14px;
	text-align:center;
	width: 200px;
	text-transform:uppercase;
	cursor:pointer;
	font-family: "Exo2-light";
}
.form_rej_submit:hover {
	background-color:#2e7ba2;
	color:#ffffff;
}
.odstep_lewa_5 {
	padding-left:5px;
}
.odstep_lewa_10 {
	padding-left:10px;
}
.odstep_lewa_15 {
	padding-left:15px;
}
.odstep_lewa_40 {
	padding-left:40px;
}
.odstep_prawa_5 {
	padding-right:5px;
}
.odstep_prawa_10 {
	padding-right:10px;
}
.odstep_prawa_20 {
	padding-right:20px;
}
.odstep_0 {
	width: 100%;
	height: 0px;
	clear:both;
}
.odstep_5 {
	width: 100%;
	height: 5px;
	clear:both;
}
.odstep_10 {
	width: 100%;
	height: 10px;
	clear:both;
}
.odstep_15 {
	width: 100%;
	height: 13px;
	clear:both;
}
.odstep_20 {
	width: 100%;
	height: 20px;
	clear:both;
}
.odstep_25 {
	width: 100%;
	height: 25px;
	clear:both;
}
.odstep_30 {
	width: 100%;
	height: 30px;
	clear:both;
}
.odstep_40 {
	width: 100%;
	height: 40px;
	clear:both;
}
.odstep_50 {
	width: 100%;
	height: 50px;
	clear:both;
}
.odstep_100 {
	width: 100%;
	height: 100px;
	clear:both;
}
.odstep_top_mobile {
	clear:both;
	width:100%;
	height:135px;
}
.padding_0 {
	padding:0;
}
.grid {
  max-width: 1200px;
  overflow:hidden;
}
.grid-item {
  float: left;
  width:calc(100% / 3 - 40px);
  height:auto;
  margin:20px;
}
.grid-item:before {
  font-size: 20px;
  text-align: center;
  display: block;
}
img {
	max-width:100%;
	border:0;
}
p {
	margin: 0 auto;
	padding: 0px;
}
.nie_dziel {
	white-space:nowrap;
}
.ukryj_mobile {
	display:block;
}
.ukryj_nie_mobile {
	display:none;
}
.warstwa_ukryta {
	display:none;
}
.menu_mobile_trzymak {
	position:fixed;
	width:100%;
	z-index:9998;
	height:auto;
	background-color:#FFFFFF;
	top:0;
}
.menu_mobilne {
	position:fixed;
	top:0;
	left:0;
	width:300px;
	height:auto;
	padding:15px;
	z-index:9999;
	background-color:#FFFFFF;
	display:none;
}
.menu_mobile_symbol {
	background-image:url(images/menu.jpg);
	width:40px;
	height:40px;
	margin-right:0px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.menu_mobile_symbol:hover {
	background-image:url(images/menu-on.jpg);
}
.button_menu {
	float:left;
	width:100%;
	margin-top:3px;
	margin-bottom:3px;
	text-align:center;
	padding:5px;
	background-color:#b9aa9e;
	color:#ffffff;
	text-transform:uppercase;
	font-size:14px;
}
.button_menu:hover {
	background-color:#000000;
	color:#ffffff;
}
.logo_mob {
	max-height:90px;
}

a:link {
color:#000000;
text-decoration:none;
}
a:visited
{
color:#000000;
text-decoration:none;
}
a:hover
{
color:#ccbd99;
text-decoration: none;
}
a:active
{
color:#000000;
text-decoration:none;
}

a.link_menu:link {
color:#ffffff;
text-decoration:none;
font-size:18px;
vertical-align:middle;
}
a.link_menu:visited
{
color:#ffffff;
text-decoration:none;
}
a.link_menu:hover
{
color:#ccbd99;
text-decoration: none;
}
a.link_menu:active
{
color:#ffffff;
text-decoration:none;
}

a.link_menu2:link {
color:#000000;
text-decoration:none;
font-size:15px;
vertical-align:middle;
margin-left:30px;
margin-right:30px;
}
a.link_menu2:visited
{
color:#000000;
text-decoration:none;
}
a.link_menu2:hover
{
color:#ccbd99;
text-decoration: none;
}
a.link_menu2:active
{
color:#000000;
text-decoration:none;
}

a.link_bialy:link {
color:#ffffff;
text-decoration:none;
}
a.link_bialy:visited
{
color:#ffffff;
text-decoration:none;
}
a.link_bialy:hover
{
color:#ccbd99;
text-decoration: none;
}
a.link_bialy:active
{
color:#ffffff;
text-decoration:none;
}

a.link_zloty:link {
color:#ccbd99;
text-decoration:none;
}
a.link_zloty:visited
{
color:#ccbd99;
text-decoration:none;
}
a.link_zloty:hover
{
color:#887a57;
text-decoration: none;
}
a.link_zloty:active
{
color:#ccbd99;
text-decoration:none;
}

@media (max-width:1366px) {
	.mapa_dane {
		left:0;
	}		
}

@media (max-width:1200px) {
	.mapa_dane {
		left:0;
	}		
}
@media (max-width:1100px) {
	.mapa_dane {
		left:0;
	}
	.box_tresc {
		height:120px;
	}
}
@media (max-width:991px) {
	.grid-item {
	  float: left;
	  width:calc(100% / 2 - 40px);
	  height:auto;
	  margin:20px;
	}
	.ukryj_nie_mobile {
		display:block;
	}
	.ukryj_mobile {
		display:none;
	}	
	.belka_top {
		display:none;
	}
	.banner {
		display:none;
	}
	.box {
		float:left;
		width:calc(50% - 20px);
		text-align:center;
	}	
	.box_tresc {
		font-size:13px;
		height:100px;
	}		
	.box_wiecej {
		text-align:center;
		font-size:14px;
	}	
	.mapa {
		width:100%;
		height:auto;
	}
	.mapa iframe {
		width:100%;
		height:300px;
		position:relative;
		z-index:1;
	}
	.mapa_dane {
		background-color:#403e43;
		width:100%;
		clear:both;
		position:relative;
		left:0;
		height:auto;
		padding:20px;
		z-index:2;
		color:#FFFFFF;
		overflow:hidden;
	}				
}
@media (max-width:767px) {	
	.menu_mobile_symbol {
		display:block;
	}
	.ukryj_nie_mobile {
		display:block;
	}
	.ukryj_mobile {
		display:none;
	}	
	.grid-item {
	  float: left;
	  width:calc(100% / 2 - 40px);
	  height:auto;
	  margin:20px;
	}
	.belka_top {
		display:none;
	}
	.banner {
		display:none;
	}
	.box {
		float:left;
		width:calc(50% - 20px);
		text-align:center;
	}	
	.box_tresc {
		font-size:13px;
		height:100px;
	}	
	.box_wiecej {
		text-align:center;
		font-size:14px;
	}	
	.mapa {
		width:100%;
		height:auto;
	}
	.mapa iframe {
		width:100%;
		height:300px;
		position:relative;
		z-index:1;
	}
	.mapa_dane {
		background-color:#403e43;
		width:100%;
		clear:both;
		position:relative;
		left:0;
		height:auto;
		padding:20px;
		z-index:2;
		color:#FFFFFF;
		overflow:hidden;
	}		
}
@media (max-width:600px) {
	.menu_mobile_symbol {
		display:block;
	}
	.ukryj_nie_mobile {
		display:block;
	}
	.ukryj_mobile {
		display:none;
	}	
	.grid-item {
	  float: left;
	  width:calc(100% - 40px);
	  height:auto;
	  margin:20px;
	}
	.belka_top {
		display:none;
	}
	.banner {
		display:none;
	}
	.box {
		float:none;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		max-width:350px;
		text-align:center;
	}
	.box img {
		width:50px;
	}
	.box_tytul {
		height:auto;
	}
	.box_tresc {
		height:auto;
	}
	.box_wiecej {
		text-align:center;
		font-size:14px;
	}	
	.mapa {
		width:100%;
		height:auto;
	}
	.mapa iframe {
		width:100%;
		height:300px;
		position:relative;
		z-index:1;
	}
	.mapa_dane {
		background-color:#403e43;
		width:100%;
		clear:both;
		position:relative;
		left:0;
		height:auto;
		padding:20px;
		z-index:2;
		color:#FFFFFF;
		overflow:hidden;
	}		
}
@media (max-width:450px) {
	.menu_mobile_symbol {
		display:block;
	}
	.ukryj_nie_mobile {
		display:block;
	}
	.ukryj_mobile {
		display:none;
	}	
	.grid-item {
	  float: left;
	  width:calc(100% - 40px);
	  height:auto;
	  margin:20px;
	}
	.belka_top {
		display:none;
	}
	.banner {
		display:none;
	}
	.box {
		float:none;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		max-width:350px;
		text-align:center;
	}
	.box img {
		width:50px;
	}
	.box_tytul {
		height:auto;
	}
	.box_tresc {
		height:auto;
	}
	.box_wiecej {
		text-align:center;
		font-size:14px;
	}	
	.mapa {
		width:100%;
		height:auto;
	}
	.mapa iframe {
		width:100%;
		height:300px;
		position:relative;
		z-index:1;
	}
	.mapa_dane {
		background-color:#403e43;
		width:100%;
		clear:both;
		position:relative;
		left:0;
		height:auto;
		padding:20px;
		z-index:2;
		color:#FFFFFF;
		overflow:hidden;
	}	
}