/* ------------ RESET ------------ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

html {
	height:100%;
}

body {
    line-height:1;
	}

ul,li {
    list-style:none;
}

img {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	}

a {
    margin:0;
    padding:0;
	border:0;
	outline:none;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
}

/* ------------ END OF RESET ------------ */

body {
	margin:0;
    padding:0;
	background: url("../img/body-bg.jpg") top left #f1e8d9;
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #000;
	outline: none;
	}

img, a {
	outline: none;
	border: 0;
	text-decoration: none;
	}

ul, li, h1, h2 {
	margin: 0;
	padding: 0;
	}

#header {
	margin: 0 auto;
	height: 134px;
	background: url("../img/header-bg.jpg") top left #442746;
	}

#header .logo {
	margin: 0 auto;
	width: 899px;
	height: 134px;
	}

#header .logo p {
	float: left;
	font-family: 'Titillium Web', sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	color: #fff;
	line-height: 95px;
	letter-spacing: 2px;
	}

#header .logo a {
	float: right;
	margin-top: 25px;
	margin-left: 20px;
	}

#menu {
	margin: -35px auto 0 auto;
	width: 1004px;
	height: 60px;
	background: url("../img/wstazka.png") top left no-repeat;
	text-align: center;
	}

#menu ul {
	margin: 0;
	height: 60px;
	padding-left: 80px;
	}

#menu ul li {
	list-style: none;
	float: left;
	display: inline;
	}

#menu ul li a {
	text-decoration: none;
	color: #fff;
	height: 60px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 47px;
	display: block;
	padding: 0 10px 0 10px;
	}

#menu ul li a.active {
	color: #222;
	}

#menu ul li a:hover {
	color: #222;
	}

#container {
	margin: 0 auto;
	width: 899px;
	background: #fdfbf8;
	}

#container .content {
	margin: 0 auto;
	padding-top: 15px;
	width: 860px;
	height: 371px;
	background: #f7f0e6;
	border: 1px solid #eae0d3;
	}

#container .content .galeria {
	margin: 0 auto;
	width: 830px;
	height: 300px;
	}

#container .odstep {
	clear: both;
	display: block;
	width: 100%;
	height: 10px;
	}

#container .wrapper {
	margin: 0 auto;
	padding-top: 15px;
	width: 860px;
	height: 100%;
	}

#container .wrapper h1 {
	text-transform: uppercase;
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 24px;
	text-shadow: 2px 2px #ccc;
	margin-bottom: 15px;
	padding: 10px 0 10px 10px;
	background: rgba(68, 39, 70, 0.10);
	border-left: 5px #442746 solid;
	}

#container .wrapper h2 {
	clear: both;
	height: 30px;
	width: 860px;
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px solid #ccc;
	}

#container .wrapper p {
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	line-height: 1.4em;
	text-align: justify;
	}

#container .wrapper img {
	padding: 2px;
	margin-right: 2px;
	margin-bottom: 3px;
	background: #f7f0e6;
	border: 1px solid #eae0d3;
	}

#container .wrapper p img {
	padding: 15px;
	margin-right: 10px;
	float: left;
	background: #f7f0e6;
	border: 2px solid #eae0d3;
	}

#container .wrapper .paleta {
	margin: 0 auto;
	padding-top: 15px;
	width: 860px;
	text-align: center;
	}

/* FORMULARZ WSPÓŁPRACY */

#container .wrapper .formularz {
	width: 860px;
	}

#container .wrapper .formularz input[type=text] {
    background-color: #fff;
	border: 2px solid #eae0d3;
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
    color: #999;
    height: 30px;
	padding: 0px 15px;
	margin-bottom: 15px;
	border-radius: 5px;
	}

#container .wrapper .formularz textarea {
    background-color: #fff;
	border: 2px solid #eae0d3;
	border-radius: 5px;
	font-family: 'PT Sans', sans-serif;
    color: #999;
    min-width: 320px;
	max-width: 680px;
    min-height: 120px;
    padding: 15px 0px 0px 15px;
	margin-bottom: 15px;
	font-size: 15px;
	}

#container .wrapper .formularz input[type=submit] {
	background-color: #442746;
	border: none;
	color: #FFF;
	border-radius: 5px;
	padding: 5px 20px 5px 20px;
	}

/* KONIEC FORMULARZA */

#container .odnosniki {
	margin: 0 auto;
	padding-top: 15px;
	width: 860px;
	height: 100%;
	}

#container .odnosniki h2 {
	height: 30px;
	width: 860px;
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px solid #ccc;
	}

#container .odnosniki h2 a {
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
	}

#container .odnosniki img {
	padding: 3px;
	background: #f7f0e6;
	border: 1px solid #eae0d3;
	}

#container .konsultanci {
	margin: 0 auto;
	padding-top: 15px;
	width: 860px;
	height: 100%;
	}

#container .konsultanci h1 {
	text-transform: uppercase;
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 24px;
	text-shadow: 2px 2px #ccc;
	margin-bottom: 15px;
	padding: 10px 0 10px 10px;
	background: rgba(68, 39, 70, 0.10);
	border-left: 5px #442746 solid;
	}

#container .konsultanci h2 {
	height: 30px;
	width: 860px;
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px solid #ccc;
	}

#container .konsultanci p.konsult {
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #555;
	}

#container .konsultanci p {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	margin: 5px 0px 5px 0px;
	}

#container .wrapper .col1 {
	width: 185px;
	float: left;
	height: 100%;
	border-right: 1px solid #442746;
	padding-bottom: 40px;
	}

#container .wrapper .col1 ul {
	margin: 40px 0 0 0;
	height: 100%;
	}

#container .wrapper .col1 ul li {
	list-style: none;
	text-align: right;
	color: #000;
	height: 50px;
	display: block;
	margin-bottom: 1px;
	}

#container .wrapper .col1 ul li a {
	text-decoration: none;
	color: #000;
	height: 30px;
	line-height: 30px;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-size: 18px;
	display: block;
	padding: 10px 20px 10px 0;
	}

#container .wrapper .col1 ul li a.lion {
	background: url("../img/col1-bg.png") top left no-repeat #442746;
	color: #fff;
	text-shadow: 2px 2px #000;
	}

#container .wrapper .col1 ul li a:hover {
	background: #442746;
	color: #fff;
	text-shadow: 2px 2px #000;
	}

#container .wrapper .col2 {
	width: 650px;
	float: right;
	}

#container .wrapper .col2 h2 {
	height: 30px;
	width: 650px;
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px solid #ccc;
	}













#footer {
	clear:both; 
    bottom: 0;
	margin: 0 auto;
	width: 100%;
	height: 100px;
	background: url("../img/header-bg.jpg") top left #442746;
	}

#footer .copyright {
	margin: 0 auto;
	width: 899px;
	text-align: center;
	}

#footer .copyright p {
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 100px;
	}

#footer .copyright p a {
	color: #fff;
	}