/*
    Projekt i wykonanie: Agencja Reklamowa KAYO
	pk
	E-Mail: www@kayo.pl
	  
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: #444444;
	background: white;
	background: url(top.jpg) top no-repeat;
	font-family: sans-serif, arial, helvetica;
	font-size: 12px;
	text-align: center;
	}
ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%}

body > #wrap {height: auto; min-height: 100%}

h1  {font-size: 21px; font-weight: bold; color: #704025; padding-bottom: 10px}

#wrap {width: 850px; margin: 0 auto}

#menu {margin: 0; padding-top: 640px; padding-left: 15px; width: 864px; text-align: left}

#main {margin: 0; padding-bottom: 112px; padding-top: 0px; text-align: left} /* must be same height as the footer */

#tekst {position: relative; left: 50px; top: 60px; margin: 0; width: 365px; height: 375px; line-height: 2; float: left}

#tekst_dol {position: relative; left: 50px; margin: 0; width: 760px; line-height: 2; float: left; z-index: 1}

#galeria {position: relative; left: 115px; top: 30px; margin: 0; width: 760px; line-height: 1; float: left; z-index: 1}

#mapka {position: relative; left: 50px; top: 50px; clear: both}

#formularz {position: relative; left: 50px; top: 50px; clear: both; z-index: 1}

#polaroid {margin: 0; padding-right: 80px; float: right; position: relative; z-index: 1; top: 60px}

#bottom {margin: 0; position: relative; bottom: 15px; background: url(bottom.jpg) bottom no-repeat; height: 197px; width: 850px; font-size: 9px; color: #ACACAC; float: right; z-index: 0}

#bottomlt {margin: 0; position: relative; left: 25px; top: 125px; float: left}

#bottomrt {margin: 0; position: relative; right: 25px; top: 125px; float: right}

#footer {position: relative;
	margin-top: -112px; /* negative value of footer height */
	height: 112px;
	clear:both;
    background: url(footer.jpg) repeat-x}

#contact-area {
	width: 465px;
	margin-top: 15px;
	display: block;
}

#contact-area input, #contact-area textarea {
	padding: 3px;
	width: 445px;
	margin: 5px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 125px;
}

#contact-area label {
	margin-left: 5px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #846026;
}

#contact-area input.submit-button {
	width: 75px;
}

a:link, #skontaktujsie a:visited  {
 color: #ACACAC;
 text-decoration: none;
}

a:hover  {
 color: #704025;
 text-decoration: none;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */