/* Value Reset */
* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/* Tell the browser to render HTML 5 elements as block */
header, section,  footer, aside, nav {
	display: block;
}

/* Give the layout of the top main block */
.main {
	height: 130px;
	width: 100%;
	background: 0px -97px url(../imgs/head_neu.png) repeat-x;
}

header {
	position: relative;
	margin: 0px auto;
	height: inherit;
	width: 940px;
	//background: url(../imgs/header_bg.png) repeat;
}

body {
	font: 12px Helvetica, Arial, sans-serif;
	//background: red;
	color: #404040;
	font-size: 14px;
}

h2 {
	font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-weight: 300;
	font-size: 28px;
	//line-height: 44px;
	height: 40px;
	//width: inherit;
	padding: 0px 0px 0px 50px;
	margin: 20px 0px 20px 0px;
	color: orange;
	//background: url(../imgs/titel_bgNEW.png) no-repeat;
	//background-position: 0px 40px;
	border-bottom: 1px solid orange;
}

/********************* CECHY open *************************/

.cechyLeft, .cechyRight {
	position: relative;
	height: 200px;
	width: inherit;
	background: #f2f2ce;
	font-size: 16px;
	background: #f2f2ce url(../imgs/cechyPfeil-R.png) no-repeat 700px 59px;
}

.cechyRight {
	background: #f2f2ce url(../imgs/cechyPfeil-L.png) no-repeat 100px 59px;
}

.cechyLeft h2, .cechyRight h2 {
	font-size: 34px;
	color: inherit;
	padding: 30px 30px 20px 70px;
	border-bottom: none;
}

.cechyRight h2 {
	padding: 30px 70px 20px 30px;
	text-align: right;
}

.cechyLeft .tekst, .cechyRight .tekst {
	position: absolute;
	margin: 0px 0px 0px 130px;
	width: 400px;
	//background: yellow;
}

.cechyRight .tekst {
	margin: 0px 130px 0px 0px;
	text-align: right;
	right: 0px;
}

/********************* CECHY close *************************/

h3 {
	//font-size: 18px;
	//line-height: 24px;
	padding: 0px 0px 16px 16px;
}

p {
	padding-bottom: 22px;
	line-height: 18px;
	text-align: justify;
	text-indent: 20px;
}

/* removed hyperlink standard decorations */
a {
	text-decoration: none;
	}

/* make a line pause after a 'h2' section by menu 'Oferta' */
.wszystkie_uslugi ul {
	margin-top: 40px;
}

ul {
	padding-left: 20px;
	color: #404040;
	font-size: 14px;
	line-height: 18px;
}

p.zacheta {
	position: absolute;
	padding-top: 120px;
	left: 185px;
	width: inherit;
	font-family: Segoe UI;
	font-weight: lighter;
	font-size: 36px;
}

#logo {
	position: absolute;
	top: 13px;
	left: 80px;
	width: 201px;
	height: 120px;
	background: url(../imgs/logo-mini.png) no-repeat;
}

/* #logo:hover { */
	/* height: 111px; */
	/* background: url(../imgs/logo-mini.png) no-repeat 0px -84px; */
/* } */

p img {
	float: right;
	margin: 15px;
	box-shadow: 3px 3px 7px #999;
}

/* Give the structure of the layout (intro + content) */
.layout {
	position: relative;
	margin: 0 auto;
	width: 940px;
	//top: 40px;
	//margin-bottom: -100px;
}

/********************* MENU BAR open *************************/
/* Menu bar position */
nav {
	position: absolute;
	right: 50px;
	top: 5px;
	width: 420px;
	//height: 131px;
	height: 120px;
	background: url(../imgs/navigation_bgNEW.png) no-repeat;
}

/* Delete the nav style */
nav ul {
	list-style: none;
	padding: 0px;
}

nav ul li {
	float: left;
}

nav ul li a {
	display: block;
	position: relative;
	//top: 100px;
	width: 101px;
	height: 10px;
	padding: 75px 0px 12px 0px;
	margin: 0px 2px;
	font-size: 16px;
	//font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: white;
	border-bottom: 20px solid #ffffff;
	//background: url(../imgs/button-bg.png) 20px 70px repeat-x, url(../imgs/button3.png) no-repeat;
}

nav ul li a:hover {
	//border-bottom: none;
	//border-bottom: 4px solid #f8ebc6;
	padding: 75px 0px 18px 0px;
}

nav ul li.active a {
	border-bottom: none;
}

/********************* MENU BAR close *************************/

iframe {
	border: 1px solid #bbb;
}

/** 
* wrappers are responsible for the zoom function on the website
**/
#wrapper {
	position: relative;
	min-height: 100%;
	height: auto;
	width: 100%;
	background: #e2e2e2;
}

#wrapper1 {
	padding-bottom: 250px;
}

#content {
	width: inherit;
	min-height: 500px;
	//background: #ffffff;
}

/* .maincontent71 */
.maincontent {
	float: left;
	width: 660px;
	min-height: inherit;
	padding: 0px 20px;
	//background: red;
}

.maincontent50 {
	float: left;
	width: 430px;
	//min-height: inherit;
	padding: 0px 20px;
	//background: blue;
}

.maincontent100 {
	float: left;
	width: 900px;
	//min-height: inherit;
	padding: 0px 20px;
	//background: green;
}

/*
.maincontent img {
	margin: 20px;
	box-shadow: 3px 3px 7px #777;
}
*/
aside {
	float: left;
	width: 195px;
	padding: 0px 20px;
	//border-left-style: solid;
	//border-left-width: 1px;
	//border-left-color: grey;
	min-height: inherit;
	//background: grey;
}

.card_banner {
	position: relative;
	//left: 110px;
	margin-top: 20px;
	width: 220px;
	height: 135px;
	background-image: url(../imgs/card_banner.png);
}

.link_banner ul {
	list-style: none;
	padding: 0px;
}

.link_banner ul li div {
	position: relative;
	padding-top: 6px;
	padding-left: 35px;
	color: #777777;
	margin-top: 10px;
	width: 165px;		/* width - padding-left */
	height: 24px;
	background: url(../imgs/link_banner.png) 0px 0px no-repeat;
}

.link_banner ul li div:hover {
	color: #555555;
}
	
/************ Lista wszystkich uslug **********/
.wszystkie_uslugi ul {
	list-style: none;
	padding: 0;
}

.wszystkie_uslugi ul li div {
	position: relative;
	display: block;
	//background: #fff5d9;
	background: white;
	background-image: -moz-linear-gradient(top , white 50%, #1fb9b7 600%);
	//background-image: -webkit-linear-gradient(rgb(255, 255, 255) 90%, rgb(31, 185, 183) 10%);
	//background-image: -ms-linear-gradient(rgb(255, 255, 255) 90%, rgb(31, 185, 183) 10%);
	//background-image: -o-linear-gradient(rgb(255, 255, 255) 90%, rgb(31, 185, 183) 10%);
	//height: 100px;
	width: inherit;
	padding: 40px;
	margin-bottom: 50px;
	font-size: 18px;
	border: 1px solid #1fb9b7;
	color: #404040;
}

.wszystkie_uslugi ul li img {
	position: absolute;
	right: 0px;
	bottom: 0px;
	border: none;
}

.maincontent .link_galeria {
	font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
	position: relative;
	display: block;
	background: white;
	background-image: -o-linear-gradient(rgb(255, 255, 255) 90%, rgb(31, 185, 183) 10%);
	width: inherit;
	padding: 20px 0px 20px 300px;
	font-size: 18px;
	border: 1px solid grey;
	color: #404040;
}

/********************* FOOTER open **********************/
footer {
	position: absolute;
	left: 0px;
	height: 170px;
	width: 100%;
	margin: -170px 0px 0px 0px;
	/* background: #4e4e4e url(../imgs/footer_bg3.png); */
	background: #4343ff;
}

/* .footer_img { */
	/* position: absolute; */
	/* bottom: 30px; */
	/* height: 576px; */
	/* width: inherit; */
	/* background: url(../imgs/footer_image_new2017.jpg) no-repeat; */
	/* background-position: center; */
/* } */

.footer1 {
	width: 940px;
	height: inherit;
	margin: 0px auto;
	color: white;
	//background: gray;
	font-size: 14px;
}

.footer1 div {
	position: relative;
	float: left;
	padding: 20px 20px;
	width: 220px;
	//background: red;
}

.footer1 .contact {
	width: 300px;
}

.footer1 .contact div {
	float: left;
	width: 40px;
	//background: yellow;
	padding: 2px 0px 0px 0px;
	line-height: 36px;
}

.footer1 .contact .tel {
	width: 260px;
	padding: 0px;
	font-size: 22px;
	text-align: right;
}

.footer1 .copyright {
	position: absolute;
	bottom: 0px;
	padding: 0px 20px 6px 20px;
	font-size: 11px;
	color: #a9a9a9;
	//background: red;
}
/********************* FOOTER close **********************/

.iframe_map {
	width: 900px;
	height: 350px;
}