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

#top{width: 966px; margin: 0 auto; text-align: left; height: 431px; background: #c3c3c3 url(../images/top2.png) center top no-repeat}
#main{width: 966px; margin: 0 auto; text-align: left; margin-top: -12px}
#main{background: url(../images/tresc-tlo.png) repeat-y left;}
#main2{}

#top #logo {display: block; width: 247px; height: 290px; float: left}

#top .przyciski{margin-top: 20px; margin-left: 23px; float: right; text-align: right; margin-right: 65px; height: 60px}
#top .przyciski a{color: #999999; display: block; float: left; padding-bottom: 8px; font-size: 13px; font-weight: bold; margin-left: 15px; text-shadow: 1px 1px 0 #dddddd}
#top .przyciski a:hover {border-bottom: 3px solid #f1483e; text-decoration: none}
#top .przyciski2{margin-top: 28px; margin-left: 3px; float: left;}

#menu {width: 250px; float: left; min-height: 600px;}
#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,#tresc h2 {color: #4c4c4c; padding-top: 5px; padding-left: 40px;padding-bottom: 5px; width: 586px; font-size: 16px; position: relative; top: -50px; font-size: 12px; font-weight: normal; text-align: center}
#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;
}
.banner-1{position: absolute; z-index: 9000; width: 280px; background-color: #000000; opacity:.5; filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  height: 147px; right: 0; top:0; color: white; padding: 10px}
#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; top: -50px; margin-bottom: -200px}

.zdj{float: left; margin: 0px 15px 0 0; width: 200px; height: 150px; text-align: center}
.zdj img {max-width: 200px; max-height: 150px}
.box{ width: 635px; background: url(../images/box.jpg); color: #5c5c5c; overflow: hidden; z-index: 2; position: relative; font-size: 12px; margin-bottom: 20px} 
.box a {height: 40px; display: table-cell; vertical-align: middle;}
.box a:hover {text-decoration: none;}
.box h3:hover {color: #6a6a6a}
.box3{width: 627px; background: #ffffff; color: #5c5c5c; z-index: 2; position: relative;} 

.box a h3,.box3 a h3 { padding: 0; margin: 0 0 8px 0; font-size: 16px; width: 280px; float: left; font-size: 13px; color: #4c4c4c;  } 
.box h3,.box3 h3 {color: #c50000; padding: 0; margin: 2px 0 8px 0; font-size: 16px } 
.box .d1 {width: 285px; float: left; font-size: 11px; line-height: 140%}
.box .d2 {width: 130px; float: right;  text-align: center;position: relative; top: -25px; height: 125px}
.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: 220px; float: left}

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

.btn{width: 610px; float: left; margin-top: 20px; margin-left: 0px}
.btn a {width: 170px; height: 22px; background: url(../images/btn.gif) no-repeat 0 -28px; display: block; color:#303030; padding-left: 15px; padding-top: 6px; margin-bottom: 4px; float: left; margin-right: 15px}
.btn a:hover {background: url(../images/btn.gif) no-repeat 0 0}

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: left; position: absolute; bottom: -10px; height: 20px}

.box2{border-bottom: 1px solid #dddddd; padding: 8px 0 6px 0}

.menu1 ul li a {display: block; width: 200px; height: 20px; border-bottom: 1px solid white;color: #333333; font-weight: bold; margin-left: 25px; padding-left: 15px; font-size: 14px; padding-top: 8px; padding-bottom: 5px}

.infot{font-size: 12px}
.infot td {padding: 4px}

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

#stopka {width: 100%; height: 100px}
#stopka2 {width: 966px; margin: 0 auto;height: 176px; background: url(../images/stopka.jpg) no-repeat; text-align: center}

#stopka2 ul {list-style: none; padding-top: 155px; padding-left: 300px}
#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: #5c5c5c; font-size: 12px; text-shadow: 1px 1px 0 #dddddd}
#stopka2 a:hover {color: #af120d}

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

.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
}