body {
	text-align: center;
	background: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f7f7f7;
	margin: 0;
}
a {
	color: #F5F5DC;
	text-decoration: none;
	font-weight: bold;
	size: 11px;
}
a:hover {
	color: #f4d078;
	text-decoration: none;
	font-weight: bold;
	size: 11px;
}
p,span,div {
	margin: 0px;
	padding: 0px;
}
p {
	margin-bottom:0.8em;
	line-height: 14px;
}
img {
	border: 0px;
}
strong {
	color: #f4d078;
}
em {
	color: #f4d078;
}

h1 {
	color: #fcfded;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 0 5px 0;
	
}
h2 {
	color: #fcfded;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0 5px 14px;
}
h3 {
	color: #fcfded;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 0 5px 5px;
}
h4 {
	color: #fcfded;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 0 2px 5px;
}

h5 {
	color: #fcfded;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 0;
}
/* classes */
.info {
	width: 360px;
	height: auto;
	text-align: justify;
	padding: 15px;
	margin: 40px 0 10px 0;
}

.lewo {
	float: left;
	
}
.prawo {
	float: right;
}
.margin {
	margin: 7px 25px 0 0;
}
.mgora{
	font-family: Verdana;
	color: #fcfded;
	size: 12px;
}
.clear {
	clear: left;
}
.color {
	color: #fbfdf0;
	text-decoration: none;
}
.color:hover {
	color: #701212;
	text-decoration: none;
} 
/* id */ 

	
#flashcontent {
	height: 100%;
}

#container {
	width: 800px;
	height: auto;
	margin: auto;
	overflow: hidden;
	background: #000;
}
#top {
	width: 800px;
	height: 175px;
	background: url(../img/top.jpg) no-repeat top left ;
	
}

/* menu */

#menu {
	width: 800px;
	height: 137px;
	text-align:left;
	margin : 0 auto;
   padding : 0;
	
}
#menu ul {
	margin: auto;
	padding: 0px 0 0 0;
}
#menu li {
	padding:  0;
	display:inline;
	float: left;
}
#textPrawo {
	text-align: justify;
	padding: 5px;
	color: #fcfded;
	text-align: right;
	font-size: 11px;
	font-family: Verdana;
}
.duze {
	color: #f4d078;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 0 5px 5px;
}
.kreska {
	border-bottom: 1px solid #fcfded;
	
	}
.m1 {
	background: url(../img/m1.jpg) no-repeat top left;
	height: 137px;
	width: 135px;
}

.m2 {
	background: url(../img/m2.jpg) no-repeat top left;
	height: 137px;
	width: 133px;
}
.m3 {
	background: url(../img/m3.jpg) no-repeat top left;
	height: 137px;
	width: 128px;
}
.m4 {
	background: url(../img/m4.jpg) no-repeat top left;
	height: 137px;
	width: 133px;
}
.m5 {
	background: url(../img/m5.jpg) no-repeat top left;
	height: 137px;
	width: 132px;
}

.m6 {
	background: url(../img/m6.jpg) no-repeat top left;
	height: 137px;
	width: 139px;
}
.doPrawej{
	float : right;
	padding: 5px;
	
}

.doLewej {
	float : left;
}

.fotoLewo {
	border: solid 3px #d1c3a9;
	margin: 0px 15px 15px 0;
	float: left;
}

.fotoPrawo {
	border: solid 3px #d1c3a9;
	margin: 5px 10px 10px 15px;
	float: right;
}
.fotoPrawo1 {
border: 0;
float:right;
margin:5px 10px 10px 15px;
}

.adres {
	margin-top: 130px;
	margin-left: 50px;
	text-align:left;
	font-family: Verdana;
	font-size: 13px;
	color: #fcfded;
}

#content {
	width: 800px;
	height: auto;
	clear : both;
	background: black url(../img/paseczek.jpg) repeat-x;
	overflow: auto;
	margin-top : 0;
   overflow : hidden;
}

#lewaStrona {
	width: 200px;
	height: auto;
	overflow: auto;
	text-align: left;
	float: left;
	overflow: hidden;
}
/* menulewe */
#menulewe1 {
	width: 194px;
	height: auto;
	
	margin: 0 0 0 1px;
}
#menulewe1 ul {
	margin: 0 13px 0 30px;
	padding: 0;
	list-style: none;
}
#menulewe1 li {
	
	padding: 5px 13px 5px 13px;
}
#menulewe2 {
	width: 194px;
	height: auto;
	
	margin: 0 0 0 1px;
}
#menulewe2 ul {
	margin: 0 13px 0 30px;
	padding: 0;
	list-style: none;
}
#menulewe2 li {
	
	padding: 5px 13px 5px 13px;
}

.gal {
	background: url(../img/galeria.gif) no-repeat ;
	height: 31px;
	width: 70px;
	padding: 5px 0 0 25px;
	margin-left: 30px;
	margin-top: 30px;
}
.informacje {
	background: url(../img/info.gif) no-repeat ;
	height: 27px;
	width: 100px;
	padding: 5px 0 0 25px;
	margin-left: 30px;
	margin-top: 30px;
}

#galeria {
	width: 550px;
	height:auto;
	overflow: auto;
	background: none;
	overflow: hidden;
	float: right;
	margin: 40px 20px 15px 0;
	text-align: left;
	color: #fcfded;
	font-size: 11px;
	font-family: Verdana;
}

#textcontent {
	text-align: justify;
	padding: 5px;
	color: #fcfded;
	text-align: left;
	font-size: 11px;
	font-family: Verdana;
}


#stopka {
	background: url(../img/stopka.jpg) no-repeat top left ;
	font-weight: normal;
	color: #fff;
	height:86px;
	width:800px;
	padding: 0 0 0 0;
}

#centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}





#copyright{
	padding: 0;
	margin-right: 10px;
	margin-top: 5px;
	text-align: center;
	color: #a29d73;
	font-size: 10px;
	
}

/* galeria */

#lightbox{	
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
} /* pozycja okienka zostaje */


#lightbox img{ 
	width: auto; 
	height: auto;
} /* wielkosc wyswietlanego zdjecia najlepiej auto by dopasowala sie do ramki  */


#lightbox a img{ 
	border: none; 
} /* border dla jpg close nie dodajemy  */


#outerImageContainer{
	position: relative; 
	background-color: #ffffff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
 } /* kolor ramki od gory odleglosc stopki ramki od zdjecia*/
 
 
#imageContainer{ 
	padding: 10px; 
} /* szerokosc ramki wokul zdjecia */


#loading{ 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%;
	text-align: center; 
	line-height: 0; 
} /* pozycja znaczka logowania */


#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
} /*połoznie strzalek nastepna poprzenia gora dol i resztazostje tak jak jest*/


#imageContainer>#hoverNav{ 
	left: 0;
} /* polozenie strzalek nastepna poprzednia prawo lewo */

#hoverNav a{ 
	outline: none;
} /* linie na obrazku nie ruszamy */


#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; 
}

#prevLink { 
	left: 0; 
	float: left;
} /* umieszczenie strzalek */


#nextLink { 
	right: 0; 
	float: right;
} /* umieszczenie strzalek */

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
} /* strzalki poprzenie */

#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
} /* strzalki nastepne */


#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #ffffff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; 
}

#imageData{	
	padding:0 10px; 
	color: #fff; 
} /* podpis pod zdjeciem 1 z 10 kolor i odleglosc od lewej*/

#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#imageData #caption{ 
	font-weight: bold;	
}

#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}	/* zmieniamy szerokosc ramki po powiekszeniu w dol */
		
#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}	 	/* obwoluta powiekszonego zdjecia  */


#overlay{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
 } /* kolor backgrud pod powiekszonym zdjeciem , i umieszczenie calosci na stronie  */
 	
.foto {
	border: solid 1px #ffffff; 
	margin: 0px 15px 5px 5px; 
 }
 
 
 
 /* kontaktowy formularz  */
 #fcf2 {
font-family:arial;
font-size:11px;
margin:10px;
margin-top: 20px;
border:0px solid #000;
background-color:none;
width:450px;
float:left;
}

#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:#F00;
}
#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:none;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 335px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:bold;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}
