* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial;
	font-size: 12px; 
    color: #ccd3e5;
    background: #91d3ff url('images/bg.gif') repeat;
}

a img { border: 0px none;  }
a { text-decoration: none;}

p.title { font-size: 14px; font-weight: bold; }

#konfigurator{
	color: #463c3d;
	background: #fff;
	padding-bottom: 20px;
}

#konfigurator td{
	padding: 5px 10px;
	
}

#konfigurator h2,h3{
	color: #08b0fe;
}
#kont{
	margin: 0 auto;
	text-align:left;
	width:958px;
	background: #fff;
}

#top {
	width: 890px;
	height: 104px;
	padding-top: 34px;
	padding-left: 55px;
	padding-right: 11px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: #fff url('images/top.gif') repeat-x top
}

#cennik{
	width: 234px;
	height:44px;
	float:right;
	background: #fff url('images/cennik.jpg') no-repeat
}

#cennik a{ color: #232160; font-family: Tahoma; font-weight: bold}

#cennik div.cennik_cont{
	width:234px;
	height:20px;
	text-align:center;
	padding-top: 9px;
	cursor: pointer;
}

#wyszukaj {clear:right; float:right}
input.wyszukaj{ border: 1px solid #b2b6c9; width: 180px; height: 15px; padding-top: 3px} 
input.button1{ width:20px; height:20px; border: 0; cursor:pointer; background: #fff url('images/button_search.gif') no-repeat}

#srodek{
	width: 956px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: #fff;
}
#banner{ width:595px; height:654px; margin-top: 17px; float: left; background: url('images/banner.jpg') no-repeat}

/*** menu ***/
#container { width: 361px; margin: auto; float:right;}
		ul.menu
		{
			width: 100%;
			margin-top: 10px;
			overflow: hidden;
		}
		ul.menu li
		{
			background: url('images/bar_na.gif');
			width: 90px;
			height: 22px;
			float: left;
			display: block;
			padding-top: 12px;
			text-align: center;
			margin-top: 3px;
			font-size: 14px;
			font-style: italic;
		}
		ul.menu li a { text-decoration: none; color: #fff;}
		ul.menu li.active { background: url('images/bar_active.gif'); color: #fff; height:22px; padding-top: 15px; margin-top: 0px; }
		ul.menu li.active a { color: #fff; }
		
		#bar1, #bar2, #bar3,#bar4 {
			color: #fff; 
			height: 278px;
			padding-top: 45px; 
			padding-left: 22px;
			padding-right: 22px;
			padding-bottom: ;
			background: #000d4d url('images/bar_bg.gif') repeat-x top;
			display: none;
			
		}
		#bar1 { display: block; }
		#bar3 a { color: #fff}
		#bar3 a:hover { color:#80acfd} 
		#bar1 ul, #bar2 ul, #bar3 ul ,#bar4 ul{ margin-left: 15px;}
/***end  menu ***/

#ico_left1{ clear: both; float:left; width: 10px; height: 75px; background: #f1f1f5 url('images/ico_trojkat.gif') 2px 50% no-repeat }
#ico_left2{ clear: both; float:left; width: 10px; height: 75px; background: #e4e5e8 url('images/ico_trojkat.gif') 2px 50% no-repeat }
#ico1{ width:343px; height: 75px; padding-left: 8px;float:left; color:#000; font-size: 14px; background: #d9dbe4}
#ico2{ width:343px; height: 75px; padding-left: 8px;float:left; color:#000; font-size: 14px; background: #babcc4}

#ico1 td.a, #ico2 td.a{ width:72px;text-align:center;padding-right:16px}
#ico1 table, #ico2 table{ height: 75px}

#foot{ margin: 0 auto; width: 924px ; margin-left: 2px; padding-left: 15px;padding-right: 15px; background: #e5e5e5;color:#000c45}
#foot a{color:#000c45}
#foot_bot{ margin: 0 auto;width: 954px; height: 88px; margin-left: 2px;background: #fff url('images/foot_bg.gif') repeat-x bottom }

#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;
}
tr.nag td {
	color: #FFF;
	font-weight: bold;
	background-color: #0329cd;
	
}

tr.d td { background: #93a7ff; }

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