/* CSS Document */
/* 

	COLOR SET:

	.color00 - bialy (#ffffff)
	.color01 - czarny (#000)
	.color02 - niebieski (#0066ff)
	.color03 - czerwony (#ff0000)
	.color04 - szary jasny (#999)
	.color05 - szary sredni (#666)	
	.color06 - szary ciemny (#333)	
*/



/* ------------------------------------------------------------------ */
/* PRESETS */

	/* @import url("presets.css"); */
	
/* ------------------------------------------------------------------ */
/* TEXT CONTAINER */
	
	/* @import url("textcontainer.css"); */


/* ------------------------------------------------------------------ */
/* LAYUOT */


div.csw {
	position:relative;
	left:30px;
	top:30px
}

div.csw p img { display:none }

body {
	background:url(../images/background.gif) repeat-x #3f3f3f;
	margin-bottom:20px
}

#absolute-container {
	position:absolute; 
	background:url(../images/back.gif) no-repeat top; 
	width:1124px; 
	margin-left:50%; 
	margin-top:73px;
	left:-562px
}

#container {
	width:970px;
	height:544px;
	clear:both;
	margin:0 auto
}

#body {
	width:821px;
	height:544px;
	float:left;
	background:url(../images/body_back.jpg) no-repeat top
}

div.margin-left {
	width:30px;
	height:544px;
	float:left;
	background: url(../images/metal_texture.gif) repeat-y top
}

div.margin-right {
	width:119px;
	height:544px;
	float:left;
	background: url(../images/menu_back.gif) repeat-y top	
}

div.sidebar-intro { background: url(../images/intro_img_r2.gif) repeat-y top; position:relative }

#footer {
	width:970px;
	height:269px;
	margin:0 auto;
	clear:both;
	background:url(../images/footer_back.jpg) no-repeat top
}

div.footer-intro { background:url(../images/footer_back_intro2.jpg) no-repeat top !important }

div.sidebar-intro a { 
	width:46px;
	height:240px;		
	text-indent:-5000px;
	display:block;
	position:absolute;
	top:143px;
	left:36px
}

#footer img {
	display:block;
	float:right;
	position:relative;
	top:-50px
}

a.logo-link {
	width:386px;
	height:70px;
	display:block;
	float:right;
	margin:41px 0 16px 0
}

/* ------------------------------------------------------------------ */
/* text-content */	

div.text-content p, div.text-content li {
	color:#c9837c;
	font-size:11px;
	padding-bottom:8px;
	font-family: Tahoma, Arial
}

div.text-content p strong, div.text-content li strong { color:#f29e95 }
div.text-content ul, div.text-content ol { margin-left:20px }
div.text-content ul { list-style:none }

div.text-content ul li {
	background:transparent url(../images/bullet.gif) no-repeat scroll 0pt 8px;
	padding-left:12px			
}

div.text-content a { color:#006bc6 }

div.text-content a:hover { color:#3d454e; text-decoration:underline }

div.text-content h1 {
	font-family:Arial, Tahoma, Verdana;
	font-size:18px;
	color:#333;
	padding:15px 0 10px 0
}

div.text-content h2 {
	font-family:Arial, Tahoma, Verdana;
	font-size:16px;
	color:#3d454e;
	font-weight:bold;
	padding:20px 0 10px 0
}

			
/* ------------------------------------------------------------------ */
/* colors */	
	
a.color00:hover { color:#E85140 !important }
.color07 { color:#006bc6 !important; text-decoration:none }
a.color07:hover { text-decoration:underline }
.color08 { color:#3d454e !important; text-decoration:none }
a.color08:hover { color:#838383 !important; text-decoration:underline }	

		
/* ------------------------------------------------------------------ */
/* pages */	


div.text-cell-container {	
	clear:both;
	margin:20px 0 0 0;
	padding:0 0 0 35px;
	overflow:hidden	
}

div.text-cell {	
	width:373px;
	height:314px;
	float:left;
	background-color:#f4efed	
}

div.text-cell img.person-img {	
	width:172px;
	height:314px;
	display:block	
}

div.text-cell h1 {	
	font-family: Arial, Tahoma, Verdana;
	color: #333;
	font-size: 20px;
	line-height:20px;
	padding:25px 25px 20px
}

div.text-cell p, div.text-cell li {	
	font-size:11px;
	color:#666;
	line-height:16px;
	padding:0 25px	
}

div.text-cell li { padding:0 }	
div.text-cell p strong { color:#333 }



	
/* ------------------------------------------------------------------ */
/* codaslider */	
	
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
a:focus { outline:none }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0;
	clear:both;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 821px; height:537px; overflow: hidden; color:#FFFFFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.csw .loading {width: 821px; height:537px; margin: 200px 0 0 0; text-align: center; color:#FFFFFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: 7px auto 0 auto;
	width: 100%; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 537px;
	clear: both
}

.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: 821px /* 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;
}

.stripNav, .stripNav * { display:none }
		


div.link-page {
	clear:both;
	text-align:center;
	font-size:11px;
	padding-top:10px
}
	
* html div.link-page { position:relative; top:-20px }
	
	
/* ------------------------------------------------------------------ */
/* THUMB */

div.thumb {float:left; background-color:#D7D7D7; text-align:center; padding:5px; margin-left:6px; margin-bottom:8px;}
div.thumb img {width:132px; height:97px; border:1px solid #ffffff;}	
	
	
/* ------------------------------------------------------------------ */
/* contact form */

table.contactform { width:100% }

table.contactform td {
	vertical-align:top;
	padding:2px 0;
	width:448px
}

table.contactform td.check { width:40px; padding:0 }
table.contactform td.label { width:180px }
table.contactform div { display:none; float:left }

table.contactform input, table.contactform textarea {
	background-color:#F1F1F1;
	border:1px solid #CCCCCC;
	color:#3F3F42;
	font-size:11px;
	line-height:12px;
	padding:2px;
	float:left
}

table.contactform p { padding:0; line-height:13px }
table.contactform label { font-size:11px; color:#aaa }

#ajaxLoader {text-align:center; margin:40px 0px; float:none; clear:both; display:none; height:200px;}
#ajaxResponseOk, #ajaxResponseError {float:left;}