/* CSS Document */

html, body {

font-family: Helvetica, Arial, sans-serif;
font-size: 13px; color: #A2A2A2;
background: #f7f7f5;
margin: 0;
padding: 0;
line-height:120%;
text-align: center;

}
			   
a 			{color:#A2A2A2; text-decoration:none; font-weight:normal; display:block; margin-bottom:3px;}
a:hover 	{color:#000000;}


img {margin-bottom:10px;}


/* Glówne kontenery */

.banners {margin-bottom:10px;}
.banners a {display:block; width:152px; height:152px; background:transparent;color:transparent; font-size:12px; padding-top:20px; padding-left:20px; text-align:left; text-decoration:underline; line-height:110%;}
.banners a:hover {background:#2a2a2a; color:#FFFFFF;}

.banners_last {margin-bottom:50px;}
.banners_last a {display:block; width:155px; height:93px; background:transparent;color:transparent; font-size:23px; padding-top:36px; text-align:center; text-decoration:underline; line-height:110%;}
.banners_last a:hover {background:#1BB1E8; color:#FFFFFF;}


#container2 {
	width: 3000px;
	background:#FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#container {
	width: 7000px;
	background:#FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
		display:block;
		margin-bottom:50px;
		padding-left:50px;
		padding-top:50px;
		width:750px;
		position:fixed;
		}
		
#footer {
		display:block;
		float:left;
		margin:0;
		padding-right:50px;
		padding-top:50px;
		padding-bottom:50px;
		text-align:right;
		width:950px;
		}
		
#resume {
		display:block;
		float:left;
		margin:0;
		padding-top:50px;
		width:155px;
		text-align:right;
		}

#main {
		padding-top:150px;
		}





/* coda slider */

	.panelContainer {
		margin:0;
		float:left;
		
		}
		
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			width: 22px;
			float:left;
			
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
	
			overflow: hidden; 
			border: 0; /* this is the border. should have the same value for the links */
			margin: 0;
			width: 300px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	
			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;
			/* -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: 300px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0;
			color:#999999;
		}
		
	
		
			
		.stripNavL, .stripNavR { /* The left and right arrows */
			
		
			float:left;
			display:block;
			text-indent: -9000em;

	
		}
		
		.stripNavL a {
			display: block;
			background: url(i/left_arrow_out.gif) 0 0 no-repeat;
			height: 50px;
			width: 22px;
		}

		.stripNavR a {
			display: block;
			float:right;
			background: url(i/right_arrow_out.gif) 0 0 no-repeat;	
			height: 50px;
			width: 22px;
		}
		
		
		.stripNavR a:hover {
			background: url(i/right_arrow_over.gif) 0 0 no-repeat;	
	
		}
		
		.stripNavL a:hover {
			background: url(i/left_arrow_over.gif) 0 0 no-repeat;	
	
		}