body{
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif !important;
	/*font-family: 'Oswald', sans-serif !important;*/
	font-size: 15px;
	background-color: #161117;
}

body, body a{
	font-family: 'Open Sans', sans-serif !important;
	/*font-family: 'Oswald', sans-serif !important;*/
	font-size: 15px;
}

body h1, body h2, body h3, body h4, body h5{
	font-family: 'Open Sans', sans-serif !important;
	/*font-family: 'Oswald', sans-serif !important;*/
}

.form_btn
{
	cursor: pointer;
	background-color: #125ba3;
	border: 0px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 15px 5px 15px;
}

.w-okno
{
	margin-top: 50px;
	margin-left: 200px;
}

#cookie-info
{
	position: fixed;
	float: left;
	padding: 5px 10px 5px 10px;
	background-color: white;
	font-size: 10px;
	color: black;
	z-index: 10000;
}

#widget_social
{
   float: left;
   width: 369px;
   height: 420px;
   background: url(../gfx/slider.png);
   background-position: top right;
   display: block;
   left: -305px;
   padding: 0;
   position: fixed;
   top: 200px;
   z-index: 100;
   overflow-x: hidden;
   overflow-y: hidden;
   transition: all 0.3s;
}

#widget_social:hover{
	left: 0px;
}

#ws-in{
	width: 304px;
	height: 100%;
	padding: 20px 7px 20px 7px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#flagi-top{
	position: absolute;
	width: 30px;
	right: 10px;
	top: 5px;
	z-index: 10000;
}

#cookie-info a
{
	color: #333333;
}

#ci-close
{
	background-color: #C8C8C8;
	padding: 2px 5px 3px 5px;
}

#ci-close a
{
	font-weight: bold;
	text-decoration: none;
}

#galleria
{
	margin: 0px auto;
	width: 100%;
	height: 800px;
}

.gal-box{
	margin: 0px 0px 10px 0px;
}

.gal-box h2{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 18px;
	height: 80px;
	color: #01364B;
	border-bottom: 0px !important;
}

.gal-box h2 a{
	font-size: 18px;
	color: #01364B;
}

.mm-zdj{
	width: 100%;
	max-width: 320px;
	height: 240px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.mm-zdj img{
	max-width: 320px;
	max-height: 240px;
}

.light-img{
	margin: 0px 0px 20px 0px;
	text-align: center;
	height: 240px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.light-img img{
	max-width: 320px;
	max-height: 240px;
}

#content-left
{
	float: left;
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	line-height: 1;
}

#content-left ul{
	list-style: none;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

#content-left ul li{
	width: 100%;
	background-color: #3f5c70;
	margin: 0px 0px 5px 0px !important;
	transition: all 0.3s;
}

#content-left ul .span-marked{
	background-color: #141414 !important;
}

#content-left ul li a{
	display: block;
	color: white !important;
	letter-spacing: 0px !important;
	font-weight: normal !important;
	padding: 10px 10px 10px 10px;
	transition: all 0.3s;
}

#content-left ul li:hover{
	background-color: #141414;
} 

#content-left ul li:hover a{
	text-decoration: none;
}

#content-right
{
	float: right;
	width: calc(100% - 220px);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	text-align: center;
}

#menu-aktualnosci
{
	list-style: none;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
}

#menu-aktualnosci li
{
	padding: 10px 5px 10px 5px;
}

#menu-aktualnosci li b
{
	background-color: #249A5D;
	color: white;
	padding: 5px 5px 5px 5px;
}

#menu-aktualnosci li a
{
	display: block;
	padding: 10px 0px 0px 0px;
}

#subpage-img
{
	text-align: center;
}

#subpage-img img, #subpage-img-left img, #subpage-img-right img
{
	border: 0px;
	margin: 10px 10px 10px 10px;
	width: 100%;
	max-width: 280px;
	height: auto;
}

#subpage-img-left{
	float: left;
	width: 340px;
	text-align: center !important;
}

#content-right-im{
	float: right;
	width: calc(100% - 340px);
}

#subpage-img-right{
	float: right;
	width: 340px;
	text-align: center !important;
}

#content-left-im{
	float: right;
	width: calc(100% - 340px);
}

#carousel-example-generic .carousel-inner .item img{
	margin: 0px auto 0px auto;
}

#carousel-example-generic .carousel-control img{
	margin-top: 100%;
}

#content-white{
	width: 100%;
	max-width: 1080px;
	min-height: 300px;
	padding: 40px 20px 40px 20px;
	margin: 0px auto 0px auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

#main-content-div{
	width: 100%;
	max-width: 1575px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: white;
	background-image: url(../gfx/sec_head_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#main-content-div .page-header{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main-content-div .page-header h1{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	color: #E92E49;
	letter-spacing: -1px;
	font-size: 36px;
	text-align: center;
}

#main-content-div .well{
	text-align: left;
	width: 100%;
	color: #141414;
	margin: 0px auto 0px auto;
}

#main-content-div .well a{
	color: #E92E49;
	font-weight: bold;
}

#main-content-div .well h2{
	margin: 20px auto 20px auto;
	padding: 0px 0px 5px 0px;
	color: #E92E49;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
}

#main-content-div .well h3{
	margin: 20px auto 20px auto;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	font-weight: normal;
	color: #E92E49;
}

#main-content-div ul{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 40px;
	text-align: left;
}

#main-content-div ul li{
	width: 100%;
	text-align: left;
	margin: 0px auto 0px auto;
}

/***********************************************************************************************************************************************/

#top{
	width: 100%;
	max-width: 1575px;
	height: 1050px;
	margin: 0px auto 0px auto;
	background-image: url(../gfx/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#top-in{
	width: 100%;
	height: 1050px;
	background-image: url(../gfx/top_lower_bg.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#top-in h1{
	margin: 0px 0px 0px 0px;
	padding: 140px 20px 20px 20px;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Lora', serif !important;
	font-size: 54px;
}

#top-in h2{
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 0px 20px;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 5px;
}

#top-in h3{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 140px;
	height: 4px;
	background-color: #ea3048;
}

#top-haslo-left{
	float: left;
	width: calc((100% - 662px) / 2);
	text-align: center;
}

#top-haslo-right{
	float: right;
	width: calc((100% - 662px) / 2);
	text-align: center;
	padding: 0px 0px 60px 0px;
}

#top-haslo-left h2, #top-haslo-right h2{
	margin: 0px auto 0px auto;
	padding: 70px 0px 10px 0px;
	border-bottom: 1px solid #ea3048;
	text-transform: uppercase;
	color: white;
	letter-spacing: 5px;
	width: 180px;
	font-size: 12px;
}

#top-haslo-right h2{
	width: 200px;
}

#top-haslo-left h2 a, #top-haslo-right h2 a{
	color: white;
	font-size: 12px;
}

#top-haslo-left h2 a, #top-haslo-right h2 a{
	text-decoration: none;
}

#logo-top-div{
	float: left;
	max-width: 662px;
}

#logo-top-div img{
	width: 100%;
	max-width: 662px;
	height: auto;
}

#top-menu{
	float: right;
	width: calc((100% - 662px) / 2);
}

#menu-mobilne{
	display: none;
}

#mk-menu{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#mk-menu .mkm-img{
	float: left;
	width: 30px;
}

#mk-menu .mkm-content{
	float: left;
	width: calc(100% - 30px);
	padding: 3px 0px 0px 6px;
}

#mk-menu li{
	padding: 0px 0px 30px 0px;
	margin: 0px auto 0px auto;
	width: 200px;
	transition: all 0.3s;
}

#mk-menu li:hover{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
   	-moz-transform: scale(1.1,1.1);
}

#mk-menu li a{
	color: white;
	text-transform: uppercase;
}

#nozyczki-trojkat-div{
	padding: 70px 0px 0px 0px;
	text-align: center;
}

#wykonawca{
	background-color: #E92E49;
	width: 100%;
	max-width: 1575px;
	padding: 20px 20px 20px 20px;
	margin: 0px auto 0px auto;
	font-size: 10px;
	color: white;
	text-align: right;
}

#wykonawca a{
	font-size: 10px;
	color: white;
	text-decoration: underline;
}

/***********************************************************************************************************************************************/

@media (max-width: 1094px) {
	#logo-top-div{
		float: none;
		margin: 0px auto 0px auto;
	}
	#top-haslo-left{
		display: none;
	}
	#top-haslo-right{
		float: none;
		width: 100%;
		padding: 0px 0px 60px 0px;
	}
	#top-menu{
		float: none;
		width: 100%;
	}
	#menu-komputer{
		max-width: 720px;
		margin: 0px auto 0px auto;
	}
	#mk-menu li{
		float: left;
		width: 180px;
	}
	#mk-menu .mkm-content{
		text-align: center;
	}
	#top-in h1{
		padding: 20px 20px 20px 20px;
		font-size: 48px;
	}
	#nozyczki-trojkat-div{
		padding: 45px 0px 0px 0px;
	}
}

@media (max-width: 767px) {
	#subpage-img-left{
		float: none;
		width: 100%;
	}
	#content-right-im{
		float: none;
		width: 100%;
	}
	#subpage-img-right{
		float: none;
		width: 100%;
	}
	#content-left-im{
		float: none;
		width: 100%;
	}
	#content-left{
		float: none;
		width: 100%;
	}
	#content-left ul li a{
		font-size: 18px;
		text-align: center;
	}
	#content-right{
		float: none;
		width: 100%;
		padding: 0px 0px 0px 0px;
	}
	
	/***********************************************************/

	#menu-mobilne{
		display: block;
	}
	#menu-komputer{
		display: none;
	}
	#top-menu{
		height: 60px;
	}
	#m-content{
		background-color: #EA3048;
	}
	#menu-gorne li{
		transition: all 0.3s;
	}
	#menu-gorne li a{
		color: white;
		text-transform: uppercase;
		font-size: 18px;
		text-align: center;	
	}
	#menu-gorne li:hover{
		background-color: #181319;
	}
}

@media (max-width: 723px) {
	#top-haslo-right{
		padding: 0px 0px 40px 0px;
	}
	#top-haslo-right h2{
		padding: 40px 0px 10px 0px;
	}
}