@charset "iso-8859-2";
/* CSS Document */

*{ padding:0; margin:0;}
body {background: url(../_gfx/bg.jpg) no-repeat top center #fff; text-align:left; color:#4b4b4b; font-family:Verdana, Geneva, sans-serif; font-size:12px;}

#center {width:960px; margin:0 auto; position:relative;}

#top {width:960px; height:170px; }

#content {width:960px; float:left;}
#content a:focus { outline:none; }

/* ()_()()_()()_()()_()()_()()_()()_()()_()()_()()_() moje ()_()()_()()_()()_()()_()()_()()_()()_()()_()()_()()_()()_()*/


/*Baner góra*/

#baner{ width:960px; height:300px; float:left;}
#baner_left{ width:398px; height:300px; float:left; }
#baner_right{ width:420px; height:300px; float:left; }

/*Menu góra*/

#ikony{ width:95px; height:27px; float:left; padding-top:5px; padding-left:20px;}

#menu{ width:272px; height:232px; float:left;}
#menu_top{ width:272px; height:27px; float:left; }
#menu_linki{ width:272px; min-height: 201px; height: auto !important; height: 201px; float:left; background:url(../_gfx/menu_bg.jpg);}
#menu_bottom{ width:272px; height:4px; float:left;}

.menu_link { width:272px; height:26px; float:left; text-align:left; font-size:14px; background:url(../_gfx/kreska.png) no-repeat center bottom;}
.menu_link a { width:212px; height:21px; float:left; color:#fff; text-decoration:none; color:#fff; padding-left:60px; padding-top:5px; }
.menu_link a:hover { width:212px; height:26px; float:left; color:#d0d0d0; background:url(../_gfx/strzalka.jpg) no-repeat; padding-left:60px; padding-top:5px;}
.menu link .active { color:#0F0; }

#content_text{ width:680px; float:left; }
.naglowek{ width:670px; height:20px; float:left; font-size:18px; padding-left:10px; padding-top:10px; text-shadow:#009 1px;}
.naglowek h1{ width:670px; height:20px; float:left; font-size:18px;text-shadow:#009 1px; font-weight:normal;}

.text{ width:676px; height:auto; float:left; padding-left:10px; text-align:justify; padding-top:10px; line-height:20px; }
.text a{ text-decoration:none; color:#031b3a; font-weight:bold; }
.text a:hover{ text-decoration:underline;}
.text ul{ margin-left:20px;}
.text li{ margin-left:20px;}
.text h1{ font-weight:normal; font-size:12px; color:#4b4b4b; display:inline; }

/*Główna */

#window2{ width:436px; height:232px; float:left;}
#window3{ width:251px; height:232px; float:left; background:url(../_gfx/window3.jpg);}
#mail{ width: 222px; height: 36px; float:left; padding-top:190px; padding-left:25px;}

#ofirmie{ width:254px; height:50px; float:left;}
#ofirmie a{ width:254px; height:35px; float:left;}
#trzymacz_loga{ width:960px; height:90px; float:left;  margin-top:35px;}

.linki { width:676px; float:left; margin-top:2px; }
.linki a {  width:666px; float:left; background:#09F;  display:block; padding: 5px 0 5px 5px; font-size:16px;}
.linki a:hover {  width:666px; float:left;background:#0c74b7;  padding: 5px 0 5px 5px;}

#big{ width:676px; height:auto; float:left;}

/* ()()()()()()()()()()()()()()()()			Stopka			()()()()()()()()()()()()()()()()*/


#stopka { width:100%; height:40px; background:url(../_gfx/stopka.jpg) repeat-x #fffae7; text-align:left; clear:both; position:relative; margin-top:70px; }
	
#footer { width:960px; height:40px; margin:0 auto; position:relative; font:12px Arial, Helvetica, sans-serif; color:#5e5e5e; padding-top:15px;
	}
	
#footer a {
	color:#fff;
	text-decoration:none;
	margin:0 8px;
	}
		
#footer a:hover {
	color:#ffd860;
	text-decoration:underline;
	}		
	

#botMenu {
	position:absolute;
	top:14px;
	left:2px;
	}

	
#copy {
	width:60%;
	font-size:10px;
	color:#f0f0ff;
	position:absolute;
	right:10px;
	top:12px;
	}




/* js-disabled class - set image sizes so they all fit in the viewer */

	


		
		a:focus { outline:none }
		
		img { border: 0 }
		

		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 5px 0 5px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 5px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 90px; background: #fff; overflow: scroll}
		.csw .loading {margin: 300px 0 100px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
		
			margin: auto;
			width: 900px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 60px;

			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width:940px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 5px;
		}
		
				.stripViewer .panelContainer .panel .wrapper p { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			text-align:center;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 25px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 15px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 45px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("../images/btn_prev.jpg") no-repeat center;
		}
		
		.stripNavR {
			background: url("../images/btn_next.jpg") no-repeat center;
		}
		




#link_stopka{ width:95px; height:18px; float:left; border-right:1px solid #999; padding-left:30px; padding-top:2px; }
#link_stopka a{ width:85px; height:18px; text-decoration:none; color:#666; float:left;}
#link_stopka a:hover{ width:85px; height:18px; background:#666; color:#000; float:left;}
#stopka h1{ font-weight:normal; color:#5e5e5e; font-size:11px; display:block; text-align:center;}

#title{ width: 564px; height:45px; float:left; background:url(../_gfx/title.jpg); font-size:26px; color:#3b3b3b; text-shadow:#fff 1px 1px; }
#left{ width:564px; height:auto; float:left;}
#left a{ font-weight:bold;  color:#fff;}
#left a:hover{ text-decoration:none;}
#right{ width:254px; height:auto; float:left;}
#text{ width:544px; float:left; padding-left:20px; color:#000; background:url(../_gfx/tresc.jpg) no-repeat; padding-top:10px; text-align:left;}
#text ul{ margin-left:20px;}


.tresc{ text-align:center;}
#pasek{ width:960px; height:30px; float:left;}

#oferta{ width:285px; height:auto; float:left; padding-right:20px; line-height:20px;}
#oferta_photo{ width:371px; height:auto; float:left;}
.pole1{ width:371px; height:189px; float:left;}
#trzymacz2{ width:676px; height:auto; float:left;}

#copy{ width:960px; height:20px; color:#666; margin:0 auto; position:relative; text-align:center;} 
