body{margin: 0; padding: 0; font-size: 12px; font-family: Arial,sans-serif; color: #5c5c5c; text-align: center; background: #e2e2e2 url(../images/jopek-tlo.gif) repeat-x;}
a {color: #0080ca; text-decoration: none}
a:hover{text-decoration: underline}
a img {border: none}
form, input, fieldset {margin: 0; padding: 0}

#top{width: 1056px; margin: 0 auto; text-align: left}
#main{width: 975px; margin: 0 auto; text-align: left}
#main{background: url(../images/jopek-content-tlo.gif) repeat-y center top; padding-left: 5px; }
#main2{background: url(../images/jopek-content-1.gif) no-repeat right top;}
#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 {width: 300px; float: left; min-height: 1000px;}
#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; margin-right: -150px}
#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: 70px; 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}
.disabled{display: none}
/*#tresc h1 {font-size: 20px; color: #0e9ae6; margin:30px 0 20px 0; padding: 0}*/
#tresc h1 {background: url(../images/naglowek.gif) no-repeat; padding-top: 5px; padding-left: 40px;padding-bottom: 5px; color: white; width: 586px; font-size: 16px}
#formularz_rejestracji,#formularz_rejestracji fieldset,#kalkulator,#kalkulator fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#formularz_rejestracji input, textarea,#kalkulator input, textarea {
	padding: 2px;
	background: #FFFFFF url(../images/img13.gif) repeat-x;
	border: 1px solid #626262;
	font: normal 1em Arial, Helvetica, sans-serif;
}

.ng1 {background: url(../images/naglowek.gif) no-repeat; padding-top: 5px; padding-left: 40px;padding-bottom: 5px; color: white; width: 586px}
#formularz_rejestracji .label1{font-size: 12px; width: 120px; display: block; float: left; text-align: right; background-image: none; margin-right: 10px}
#formularz_rejestracji .label2{font-size: 12px; width: 150px; height: 60px; display: block; float: left; text-align: right; background-image: none; margin-right: 10px}
#kalkulator fieldset label{font-size: 12px; width: 200px; height: 30px; display: block; float: left; text-align: right; background-image: none; margin-right: 10px}
#formularz_rejestracji .label32 {font-size: 12px; width: 150px; height: 135px; display: block; float: left; text-align: right; background-image: none; margin-right: 10px}
#formularz_rejestracji .label {font-size: 12px; width: 150px; display: block; float: left; text-align: right; margin-right: 10px}
#formularz_rejestracji .textarea {width: 417px; height: 160px; padding: 5px; border: 1px solid #b2b2b2; background: #fcfcfc url(../images/textarea.gif) repeat-x bottom}
#formularz_rejestracji  .inputtext{width: 200px; border: 1px solid #b2b2b2; }
#kalkulator  .input{width: 140px; border: 1px solid #b2b2b2; }
.ladowanie{background: url(../images/loader.gif) no-repeat right; float: left; padding-right: 80px; font-size: 11px; font-weight: bold}
.info {background-color: #DD0707; background-image: url(../images/dialog-warning.png); background-repeat: no-repeat; background-position: 6px 3px; color: white; font-size: 15px; padding: 10px; margin: 10px; padding-left: 50px; border-bottom: 2px solid #a50000;border-right: 1px solid #a50000; border-top: 1px solid #ff4427; border-left: 1px solid #ff4427}
.info a {color: white; text-decoration: underline}
.sukces {background-color: #69C12F; background-image: url(../images/go-next.png); background-repeat: no-repeat; background-position: 6px 3px; color: white; font-size: 15px; padding: 10px; margin: 10px; padding-left: 50px}
.sukces a {color: white; text-decoration: underline}
.nawigacja {text-align: center; font-size: 13px}
.nawigacja  a{font-size: 13px}

#bannerk{margin-left: 35px; margin-top: 30px; margin-bottom: 30px}
.bannery{text-align: center; width: 290px}

#wartosc_przyszla {margin-top: 10px; display: none}
#podatek {margin-top: 10px; display: none}
fieldset {border: none; margin: 0; padding: 0}
#wykresy{width: 350px; margin-top: 30px; float: left; display: none; font-size: 14px}
#wykresy div {float: left; height: 120px;}
#wykres_wklad {height: 10px; width: 20px; background: #5ab2ff; border: 2px solid #ccdbe3; margin-left: 10px; margin-right: 10px; }
#wykres_wynik {height: 120px; width: 20px; background: #268fe1; border: 2px solid #ccdbe3; margin-left: 10px; margin-right: 10px; }
#wykresy .wl {width: 120px; text-align: right; padding-top: 91px}
#wykresy .wr {width: 120px; text-align: left; padding-top: 91px;}
#w_wynik{color: #cc0000}

.nbp {width: 600px; border: 2px solid #c9d5db; margin: 0; padding: 0; border-collapse: collapse; font-size: 13px}
.nbp td,.nbp th {margin: 0; padding: 4px; text-align: center; border: none}
.nbp .ngl td,.nbp .ngl th {background: #268fe1; color: white}
.nbp .bg2 td {background: #bfced5;}
.nbp .brd {border-right: 2px solid #93a5ad; border-left: 2px solid #93a5ad}

a.excel2 {font-size: 17px; color: #cc0000; background: url(../images/excel2.gif) no-repeat right; display: block; padding: 4px 37px 4px 0; float: left}
.hover td{background: #e2e2e4}
.click td{background: #e2e2e4}

.ukryte{display: none}
.errors{list-style-type: square; padding: 0; margin: 0; background: #DD0707 url(../images/dialog-warning.png) no-repeat 6px center; color: #ffffff; padding: 10px 10px 9px 60px}
#tresc{width: 650px; float: left; padding-left: 20px; position: relative; margin-top: 15px; }

.zdj{float: left; margin: 5px 15px 5px 5px; width: 200px; height: 150px; text-align: center}
.zdj img {max-width: 200px; max-height: 150px}
.box{border: 1px solid #3ac6f8; width: 614px; background: #ffffff; color: #5c5c5c; overflow: hidden; z-index: 2; position: relative; padding: 5px} 
.box a {}
.box a:hover {text-decoration: none;}
.box h3:hover {color: #45b5ff}
.box3{border: 1px solid #3ac6f8; width: 627px; background: #ffffff; color: #5c5c5c; z-index: 2; position: relative;} 
.box3 h2{background: #0f9ae6; color: white; padding: 5px; text-align: center; width: 617px; 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}
.super_oferta{z-index:10; position:absolute; bottom:0; left:70px}
.super_oferta2{z-index:10; position:absolute; top:52px; left:25px}
.rezerwacja2{z-index:10; position:absolute; top:0; right:0}
.wyroznij{background: #c9f1ff; margin-top: 20px; margin-bottom: 20px; line-height: 170%; padding: 5px 10px; width: 350px; float: left}

h2 {font-size: 15px; margin:0; padding: 0}
h2 span{display: none}
#top h1, #top h2 {display: none}

.btn{width: 210px; float: left; margin-top: 20px; margin-left: 10px}
.btn a {width: 210px; height: 17px; background: url(../images/btn.gif) no-repeat; display: block; color:#303030; padding-left: 15px; padding-top: 1px; margin-bottom: 7px}
.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}

.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}
.mrg1{margin-bottom: 15px}
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; }
a:hover.dodaj{color: gray}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {margin-bottom: 4px}
#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;}
#menu li a:hover {background: url(../images/jopek-menu2.gif) no-repeat; display: block; width: 210px; height: 21px; padding: 6px 0 0 30px; text-decoration: none; color: #333333; font-weight: bold;}

#stopka {width: 100%; background: url(../images/jopek-stopka-tlo.gif) repeat-x; height: 106px}
#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; float: left}
#stopka fieldset {
	border: none
}
#stopka2 ul {list-style: none; padding-top: 40px; padding-right: 100px;}
#stopka2 ul li {float: left; color: #919191}
#stopka2 ul li div{padding-left: 5px; padding-right: 5px; float: left;}
#stopka2 ul li a{float: left; display:block; }
#stopka2 a {color: #919191}
#stopka2 a:hover {color: #f06304}

.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}



.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;
	}
	/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;z-index:9999;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;z-index:9999; position: relative}
#superbox-container .loading{margin:0;text-align:center;z-index:9999; position: relative}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto; z-index:99999; left: -50%; margin-left: 0;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-overlay{background:#000;}
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{padding:10px;background:#fff;}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close  a {
background:#333333 none repeat scroll 0 0;
cursor:pointer;
float:right;
line-height:20px;
padding:0 5px;
color: white
}
#superbox .nextprev{overflow:hidden;}
#superbox .nextprev a{
background:#333333 none repeat scroll 0 0;
color:#FFFFFF;
cursor:pointer;
float:left;
line-height:20px;
margin-right:5px;
padding:0 5px;
color: white;
}
#superbox .nextprev .disabled {
background:#CCCCCC none repeat scroll 0 0;
cursor:default;
}