* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial;
	font-size: 12px; 
    color: #116ca5;
    background: #91d3ff url('images/body_bg.gif') 0 329px repeat-x ;
}

a img { border: 0px none;  }
a { text-decoration: none;}
a.zobacz{color:#317efc}
a.zobacz:hover{color:#00286b;text-decoration: underline}

p.title { font-size: 18px; font-style: italic; }
p.trojkat a{ padding-left:18px; line-height: 20px; background: url('images/trojkat.gif') 8px 5px no-repeat; color:#03478e}
p.trojkat a:hover{ padding-left:18px; line-height: 20px; background: url('images/trojkat.gif') 0px 5px no-repeat; color: #1c9dee}

li { list-style: none}
font.bigger { font-size: 14px; font-weight: bold }
table .oferty td { padding:5px}
tr.naglowek {  background: url('images/tr_bg.gif') repeat-x; color: #fff; font-weight: bold}
td.inner { border-bottom: 1px dashed #91d3ff}

.button {width:30px;height:9px; float:right;}
input.nltr{border:0; width: 150px;height: 18px}
input.nltr_sub { 
	
	margin-right: 5px;
	width:46px;
	padding-left: 13px;
	background: none; 
	font-size: 11px;
	margin-top: 3px;
	border: 0; 
	color: #1a74ad; 
	cursor: pointer; 
	text-decoration: underline; 
	float:right;
	background: url('images/strzalki.gif') no-repeat left;
}
#nltr { 
	width: 150px; 
	height: 39px; 
	padding-top: 3px; 
	padding-left: 7px; 
	background: url('images/nltr_big2.gif') no-repeat ; 
	text-align: left;
	border:0
}

#linia { width: 556px ;height: 5px; background: url('images/linia_bg.gif') repeat-x; }

/******** oferta show *********/
#opis { width: 400px}
#foty{ width: 165px}

/******** end oferta show *********/

#nowosci{
	padding-right: 20px;
	
}

#kont{ width: 1015px; margin-top: 16px; padding-top: 70px; } /*url('images/kont_right.gif') 800px 0 repeat-y }*/

#menu { width: 506px; height: 45px; padding-left: 100px; background: url('images/menu.gif') no-repeat}

.menu_activ { 
	float: left;
	margin-left: 5px;
	width: 90px; 
	height: 10px;
	padding-top: 10px; 
	color: #fff;
	font-family: Comic Sans MS;
	text-align:center;
	background: url('images/menu-activ.gif') no-repeat top
}
#menu_noactiv { 
	float: left;
	margin-left: 5px;
	width: 90px; 
	height: 10px;
	padding-top: 10px; 
	color: #fff;
	text-align:center;
	cursor: pointer;
	font-family: Comic Sans MS;
}

#menu_noactiv:hover { 
	float: left;
	margin-left: 5px;
	width: 90px; 
	height: 10px;
	padding-top: 10px; 
	color: #fff;
	text-align:center;
	cursor: pointer;
	font-family: Comic Sans MS;
	background: url('images/menu-hover.gif') no-repeat top
}
#lewa { float:left; width: 206px; text-align: right; background: #f6f6f6 url('images/lewa_bg.gif') repeat-y right}
#lewa div.cont { width: 206px; background: #f6f6f6}
#lewa div.top { width: 206px; height: 16px; font-size: 0;  background: url('images/lewa_top.gif') no-repeat top}
#lewa div.bot { clear:left; width: 206px; height: 16px; font-size: 0;  background: url('images/lewa_bot.gif') no-repeat}
#lewa div.lewa { float:left; width: 6px; height: 638px; font-size: 0;  background: url('images/cien_lewa.gif') no-repeat}

#prawa { float:right; width: 207px; text-align: left;   background: #f6f6f6 url('images/prawa_bg.gif') repeat-y left;position: relative}
#prawa div.top { width: 207px; height: 16px; font-size: 0;  background: url('images/prawa_top.gif') no-repeat}
#prawa div.bot { clear:right; width: 207px; height: 16px; font-size: 0;  background: url('images/prawa_bot.gif') no-repeat}
#prawa div.prawa { float:right; width: 6px; height: 635px; font-size: 0;  background: url('images/cien_prawa.gif') no-repeat}

#people { width: 190px; height: 111px; margin-top: 16px; font-size:0; float: right; background: url('images/people.jpg') no-repeat}
#trans { width: 190px; height: 111px; margin-top: 16px; font-size:0; float: right; background: url('images/trans.jpg') no-repeat}
#plaza { width: 190px; height: 111px; margin-top: 16px; font-size:0; float: right; background: url('images/ubezpieczenia.jpg') no-repeat}
#newsletter {width: 180px; margin-top: 11px; float: right;}
#kultura { width: 192px; height: 88px; font-size:0; float: left; background: url('images/party.gif') no-repeat}
#siano { width: 192px; height: 88px; font-size:0; float: left; background: url('images/siano.jpg') no-repeat}
#znaczki { width: 192px; height: 91px;  font-size:0; float: left; background: url('images/znaczki.jpg') no-repeat}
#mlodziez { width: 192px; height: 89px;  font-size:0; float: left; background: url('images/mlodziez.jpg') no-repeat}

#pobierz { 	
	width: 198px; 
	height: 36px; 
	padding-top: 11px;
	text-align: center;
	color: #2477ac; 
	font-weight: bold;
	float: left; 
	cursor:pointer;
	background: url('images/pobierz.gif') no-repeat
}

#button_lewa { 
	width: 181px; 
	height: 26px; 
	padding-top: 14px ;
	padding-right: 10px;
	cursor:pointer; 
	clear: right; 
	float: right;  
	color: #2477ac; 
	font-weight: bold;
	background: url('images/button_lewa.gif') no-repeat
}

#button_prawa{ 
	width: 194px; 
	height: 46px; 
	text-align: center;
	padding-top: 14px ;
	cursor:pointer; 
	clear: left; 
	float: left;  
	color: #2477ac; 
	font-weight: bold;
	background: url('images/button_prawa.gif') no-repeat
}

#srodek{ 
	
	width: 557px; 
	min-height: 630px;
	padding-left: 22px;
	padding-right: 21px;
	text-align: left;
	border-left: 3px solid #91d3ff;
	border-right: 3px solid #91d3ff; 
	background: url('images/srodek_bg.gif') repeat
}
#srodek_bot { width:606px; height: 11px; font-size:0; background: url('images/srodek_bot.gif') no-repeat}

#wlochy { width: 556px; height: 203px; padding-top:57px; padding-left: 5px; margin-top: 10px; text-align: right; background: url('images/wlochy.jpg') no-repeat}
#wlochy a{color: #fff; font-weight:bold}





#foot { 
	clear: left; 
	width: 600px;
	height: 47px ; 
	padding-top: 18px; 
	padding-bottom: 100px;
	margin-top: 20px; 
	text-align:center; 
	color: #fff; 
	background: url('images/foot.gif') no-repeat 
}
#foot a { color: #fff }
#foot a:hover {color: #4a4a4a}
/*admin i formularze*/
#cont p.msg, #login p.msg {
	margin: 10px;
	padding: 3px;
	text-align: center;
	color: red;
	font-size: 13px;
	background-color: #DEEEFE;
	border: 1px solid #5284BD;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {

	position: absolute;
	right: 206px;
	z-index: 200;
	width:200px;
	display: none;
	clear: both;
	padding-bottom: 10px;
	font-weight: bold;
	
}

#smenu1 div.top, #smenu2 div.top, #smenu3 div.top {
	background: url('images/smenu-top.gif') no-repeat left;
	height: 7px; width: 200px;
	font-size: 0
}


#smenu1 div.cont , #smenu2 div.cont, #smenu3 div.cont {
	padding-left:10px;
	background: #f6f6f6;
	border-left: 2px solid #014a8f;
}

#smenu1 div.bot, #smenu2 div.bot  {
	background: url('images/smenu-bot.gif') no-repeat left;
	height: 7px; width: 200px;
	font-size: 0
}

#smenu3 div.bot  {
	background: url('images/smenu-bot2.gif') no-repeat left;
	height: 8px; width: 200px;
	font-size: 0
}


#smenu1 ul.menu, #smenu2 ul.menu, #smenu3 ul.menu{
	margin-left: 5px;
	line-height:25px;
	
}

#smenu1 ul li a, #smenu2 ul li a, #smenu3 ul li a {
	padding-left: 20px;
	background: url('images/li.gif') 10px no-repeat
}

#smenu1 li a, #smenu2 li a, #smenu3 li a { color: #2477ac; }

#smenu1 ul li a:hover, #smenu2 ul li a:hover, #smenu3 ul li a:hover {
	padding-left: 20px;
	background: url('images/li.gif') 0px no-repeat
}

#smenu1 { top: 161px; }

#smenu2 { top: 324px; }

#smenu3 { top: 412px}
#smenu33 { bottom: 27px; }

#smenu4 { top: 555px; }

#smenu5 { top: 700px; }

#smenu7 { top: 0px; }


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#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;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


.admin label, .contact label {
	width: 60px;
	padding: 4px 0 0 0;
	display: block;
	float: left;
}

.login label{
	float: left;
	width: 60px;
	padding: 4px 0 0 0;
	display: block;
	color: white;
}
.contact label { width: 140px; }
.admin input, .admin textarea, .admin select.s, .contact input, .contact textarea {
	width: 450px;
	margin: 1px;
}
.admin textarea.edytor {
	width: 510px;
	height: 300px;
}
.contact input, .contact textarea { width: 370px; }
.login input {
	width: 200px;
	margin: 1px;
}
.admin .submit, .login .submit, contact.submit, .contact .submit {
	margin: 5px 0 0 70px;
}
.contact .submit { margin-left: 140px; }

input.nowidth, label.nowidth {
	width: auto;
	display: inline;
	float: none;
}

/* label required */
.r { font-weight: bold; }