/*--------------------------------------------------------
	css theme name: pyzowka
	author: bartosz mediger (http://mediger.net)

	created : april 06, 2007
	
*/


* {
	margin: 0px; padding: 0px;
	line-height: 16px; }


blockquote p {
	font-size: 110%;
	line-height: 19px; }
	

html { height: 100%; overflow: auto; overflow-x: hidden; }



body {
	width: 100%; height: 100%;
	background: #dbdbdb url(../images/backg.jpg) no-repeat center top; }



body, h1, h3, h4, input, legend, p, select, textarea {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 13px; color: Black;
	font-weight: normal;
	text-align: justify; }






img { border: none; }


input { border: 1px solid #999; }


input, textarea { color: #333; }


label { cursor: pointer; }

legend {
	font-weight: bold;
	padding: 15px;
	color: #333; }


li {
	background: url(../images/li.gif) no-repeat left 9px;
	padding: 0 0 5px 8px; }
	
li.space { padding-bottom: 20px; }


p { padding-bottom: 15px; }


textarea {	
	overflow: auto;
	width: 250px; height: 80px; }


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



	
/* nawgiacja */

a { color: #945b00; text-decoration: underline; }
a:hover { color: #c48600; text-decoration: none; }




	

/* nagłówki */

h1 {
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0 0 25px 0; line-height: 24px; }


h3 {
	font-size: 150%;
	display: inline; }
	
h4 {
	font-size: 150%;
	padding: 10px 0 15px 0; }









.button {
	padding: 3px !important;
	cursor: pointer;
	text-align: center; }

	

.button:hover {
	border: 1px dotted Black;
	background-color: #945b00;
	color: White; }



.clear { clear: both; }



.left {
	float: left;
	border: 1px solid #c1c1c1;
	margin: 0 8px 10px 0;
	padding: 4px; }



.witamy-start { margin: 0 0 15px 0; }







#back {
		float: left;
		background: url(../images/backc.jpg) repeat-y; }



#container { width: 100%; }




#content {
	float: right;
	position: relative;
	width: 465px;
	margin: 179px 0 0 0;
	padding: 0 43px 0 30px;
	text-align: justify; }

	#content a { font-weight: bold; }




#center {
	width: 769px;
	margin: 0 auto; }
	
	
	


#foot {
	float: left;
	position: relative;
	width: 100%; height: 133px;
	background: url(../images/foot.jpg); }
	
	#foot .keys {
		position: absolute; left: 5px; bottom: 0;
		font-size: 10px;
		color: #666; }
		
	#foot .realizacja {
		position: absolute; right: 15px; bottom: 0px;
		font-size: 10px;
		color: #353535; }
		
	#foot .realizacja a { color: #353535; }


	

/* formularz kontaktowy */

#formKontakt { width: 370px; }
	
	#formKontakt * { font-size: 12px; }

	#formKontakt fieldset {
		border: 1px solid #999; }

	#formKontakt label {
		float: left;
		width: 90px;
		padding: 0px 2px 0px 0px;
		text-align: right; }

	#formKontakt #email,
	#formKontakt #nazwisko,
	#formKontakt #telefon {
		margin-right: 120px; }


	#formKontakt input,
	#formKontakt textarea {
		float: left;
		margin: 2px;
		padding: 1px; }

	#formKontakt .button {
		float: right;
		margin: 2px 20px 15px 0px;	}




#logo {
	float: left;
	width: 100%; height: 113px;
	background: url(../images/logo.jpg); }



#map {
	position: absolute; top: 60px; right: 30px;
	display: block;
	width: 143px; height: 133px;
	background: url(../images/mapa.gif); }



/* menu */

#menu {
	float: left;
	padding: 153px 0 0 6px; }

	#menu a {
		display: block;
		width: 225px; height: 26px; }

	#menu a:hover { background-position: 0 -26px; }
	#menu a.hit { background-position: 0 -52px; }

	.galerie { background: url(../images/m_galerie.gif); }

	.jak { background: url(../images/m_jak.gif); }
	.jak:hover { background-position: 0 -28px !important; }
	.jak.hit { background-position: 0 -56px !important }

	.kapela { height: 29px !important; background: url(../images/m_kapela.gif); }
	.kapela:hover { background-position: 0 -29px !important; }
	.kapela.hit { background-position: 0 -58px !important; }

	.ksiega { height: 145px !important; background: url(../images/ksiega.jpg); }
	.ksiega:hover { height: 145px !important; background-position: 0 -145px !important; }
	.ksiega.hit { background-position: 0 -290px !important; }

	.nasze { height: 28px !important; background: url(../images/m_nasze.gif); }
	.nasze:hover { background-position: 0 -28px !important; }
	.nasze.hit { background-position: 0 -56px !important }

	.okoliczne { background: url(../images/m_okoliczne.gif); }
	.pyzowkowe { background: url(../images/m_pyzowkowe.gif); }
	.witamy { background: url(../images/m_witamy.gif); }

	




#page {
	width: 100%;
	min-height: 785px; _height: 785px;
	background: url(../images/top.jpg) no-repeat 0 113px; }



/* photos */

#photos {
	text-align: center; }

#photos a img,
table img { 
	border: 1px solid #c1c1c1;
	margin: 0 8px 10px 0;
	padding: 4px; }
	

#photos a img { margin: 4px; }

#photos a:hover img { border: 1px solid #666; }



#sklad {
	width: 100%;
}

#sklad td {
	text-align: center;
	vertical-align: top;
	padding: 0 0 10px 0;
	font-size: 12px;
}

#sklad td img {
	margin-bottom: 0px;
}