body{margin: 0; padding: 0; font-size: 12px; font-family: Arial,sans-serif; text-align: center; background: white; width: 100%}
a {color: #ad494b; text-decoration: none}
a:hover{text-decoration: underline}
a img {border: none}
form, input, fieldset {margin: 0; padding: 0}

#top{display: none}
#main{width: 100%; margin: 0 auto; text-align: left}
#main{background: none}
#main2{background: none}
#top {background: url(../images/jopek-top.jpg) no-repeat; height: 164px}
#top #logo {display: block; width: 350px; height: 140px; float: left}

#top .przyciski{margin-top: 128px; margin-left: 23px; float: left; background: url(../images/jopek-top-tlo.gif) repeat-x}
#top .przyciski2{margin-top: 128px; margin-left: 3px; float: left; background: url(../images/jopek-top-tlo.gif) repeat-x}

#menu {display: none}
#szukaj{font-size: 14px; background: url(../images/jopek-wyszukiwarka.jpg) no-repeat; width: 387px; padding-left: 125px; padding-top: 30px; height: 196px; position: relative; margin-left: -90px}
#menu #szukaj a:hover{border: none; background: none; text-decoration: none}

#szukaj fieldset {border: 0px}
#szukaj input {background: transparent; border: 0px solid; float: left; color: white; margin-top: 2px;}
#szukaj input.txt{background: white; border: 1px #a4a4a4; width: 141px; border: 1px solid #a4a4a4; margin-bottom: 7px; margin-left: 5px; font-size: 14px; height: 24px; color: black; float: none; margin-top: 0px}
#szukaj input.txt2{background: white; border: 1px #a4a4a4; width: 41px; border: 1px solid #a4a4a4; margin-bottom: 7px; margin-left: 5px; font-size: 14px; height: 24px; color: black; float: none; margin-top: 0px}
#szukaj label {float: left; color: #000000; }
#szukaj input.p1{margin-left: 14px; margin-right: 4px}
#szukaj input.p2{width: 90px; height: 20px; margin-right: 8px}
#szukaj label.p2{padding-left: 15px;}
#szukaj.sp input.p3{margin-top: 12px; margin-left: 14px; position: relative; z-index: 10}
#szukaj.sp input.z1{top: 165px; margin-left: 14px; position: absolute; z-index: 10; left: 125px}
#szukaj select{width: 222px; border: 1px solid #a4a4a4; margin-bottom: 7px; font-size: 14px; height: 26px}

.ukryte{display: none}

#tresc{width: 90%; float: left; padding-left: 20px; position: relative; margin-top: 15px}

.zdj{float: left; margin: 5px 15px 5px 5px; width: 200px; height: 150px}
.box{border: 1px solid #3ac6f8; width: 614px; background: #ffffff; color: #5c5c5c; overflow: auto; z-index: 2; position: relative; padding: 5px} 
.box3{border: 1px solid #3ac6f8; width: 100%; background: #ffffff; color: #5c5c5c; overflow: auto; z-index: 2; position: relative;} 
.box3 h2{background: #0f9ae6; color: white; padding: 5px; text-align: center; width: 100%; margin: 0}
.box h3,.box3 h3 {color: #0e9ae6; padding: 0; margin: 0 0 8px 0; font-size: 16px} 
.box .d1 {width: 220px; float: left; padding-right: 15px; font-size: 12px; line-height: 140%}
.box .d2 {width: 140px; float: left; background: url(../images/hrv.gif) repeat-y left; padding-left: 15px; }
.rezerwacja{z-index:10; position:absolute; bottom:0; left:0}
.rezerwacja2{z-index:10; position:absolute; top:0; right:0}
.wyroznij{margin-top: 20px; margin-bottom: 20px; line-height: 170%; padding: 5px 10px; width: 350px; float: left}

.btn{background: #ffffff; width: 200px; height: 150px; float: left;
	display: list-item;                /* 1. */
	list-style-image: url(../images/logo2.png); /* 2. */
	list-style-position: inside;       /* 3. */
	letter-spacing: -1000em;           /* 4. */
	font-size: 1pt;                    /* 5. */
	color: #fff;        
}
.btn a {display:none }
.btn a:hover {background: url(../images/btn.gif) no-repeat 0 -18px}

a.sprzedaz {background: url(../images/jopek-sprzedaz.gif) no-repeat right; display: block; float: left; width: 65px; height: 18px; padding: 5px 0 0 10px; color: white; text-decoration: none; font-size: 11px}
a:hover.sprzedaz{border-bottom: 4px solid #50aaff}
a.wynajem{display: block; float: left; width: 65px; height: 18px; padding: 5px 0 0 10px; color: white;  text-decoration: none; font-size: 11px}
a:hover.wynajem{border-bottom: 4px solid #fa8726}
.przycisk {display:block; text-align: right; margin-bottom: 20px; padding-right: 24px}

.noprint,.panel img,#pointer,.nav-next,.nav-prev {display: none !important;}
#photos{height: 150px !important; border: none !important;}
.panel{height: 150px !important; border: none !important;}
.strip_wrapper{top: 15px !important;}
.box2{border-bottom: 1px solid #dddddd; padding: 8px 0 6px 0}

.menu1 {padding-left: 40px; padding-top: 50px; background: url(../images/jopek-menu-pomoc.gif) no-repeat; position: relative; margin-left: -5px; margin-top: -30px}
a.dodaj{background: url(../images/jopek-dodaj.gif) no-repeat; display: block; width: 192px; height: 21px; padding: 6px 0 0 30px; text-decoration: none; color: #333333; font-weight: bold; margin-bottom: 15px}
a:hover.dodaj{color: gray}
#menu li a {background: url(../images/jopek-menu.gif) no-repeat; display: block; width: 192px; height: 21px; padding: 6px 0 0 30px; text-decoration: none; color: #333333; font-weight: bold; margin-bottom: 4px}
#menu li a:hover{background: url(../images/jopek-menu2.gif) no-repeat; width: 250px}

#stopka {display: none}
#stopka2 {width: 1162px; margin: 0 auto}
.newsletter{background: #e2e2e2 url(../images/jopek-newsletter.gif) no-repeat bottom; width: 493px; height: 91px; position: relative; top: -87px; z-index: 1}
#stopka fieldset {
	border: none
}

.newsletter .s1{background: transparent; color: gray; font-size:0; border: none; width: 25px; height: 27px; margin-top: 60px;}
.newsletter .s0{background: transparent; color: #8a8a8a; border: none; width: 190px; height: 20px}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {

}

#menu li.ostatni {background: none}

.l {float: left}
.r {float: right}
.c {clear: both}

#main_glowna{width: 902px; height: 727px; margin: 0 auto; text-align: left; background: url(../images/glowna.jpg) no-repeat}

#top_glowna {height: 92px}
#top_glowna #logowanie {margin-left: 76px; margin-top: 61px; float: left; width: 250px;}
#top_glowna #logowanie fieldset {border: 0px}
#top_glowna #logowanie input {background: transparent; border: 0px solid; float: left; color: white;}
#top_glowna #logowanie input.p1{width: 90px; height: 20px}
#top_glowna #logowanie input.p2{width: 90px; height: 20px; margin-left: 15px; margin-right: 8px}
#top_glowna #logowanie input.p3{width: 20px; height: 20px; cursor: pointer}

#menu_glowna {height: 48px; margin-top: 450px; margin-left: 45px}

#menu_glowna ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu_glowna li {
	display: block;
	float: left;
	height: 40px;
	padding: 7px 18px 0 18px;
	background: none;
	
}

#menu_glowna li.ostatni {background: none}

#menu_glowna a {
	display: block;
	padding: 6px 20px 0px 20px;
	height: 34px;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #c5dae0;
}
#menu_glowna a:hover {
	border-bottom: 3px solid white;
}

#panoramy {margin-top: 30px; margin-left: 100px}


.padd{padding: 12px}

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:186px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:186px; 
		width:100%; 
		position:absolute;
		bottom:0;
		margin-left:312px;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}