/**************************************/
/*   Ustawienia globalne              */
/**************************************/
html, body {
	background:			url(/_images/background.png);
	height:				100%;
}

body {
	background:			transparent;
	width:				1010px;

	color:				#676868;
	font-family: 		'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:			11px;

	margin:				0 auto;
	display:			table;
}
* {
	padding:			0;
	margin:				0;
}
img {
	border:				0;
}


/**************************************/
/*   Ustawienia warstw                */
/**************************************/
#wrapper {
	display:			table-cell;
	vertical-align:		middle;
}

#content {
	width:				1010px;
	height:				620px;
}
#content-left {
	background:			url(/_images/background-left.jpg) top left no-repeat;
	width:				444px;
	height:				620px;

	float:				left;
}
#content-right {
	background:			url(/_images/background-right.jpg) top left no-repeat;
	width:				566px;
	height:				620px;

	float:				right;
}

#content-left #logotype {
	width:				140px;
	height:				63px;

	float:				left;
	margin:				524px 1px 0 0;
}
#content-left #menu-pl {
	background:			url(/_images/background-line.png);
	width:				131px;
	height:				60px;

	float:				left;
	padding:			3px 0 0 20px;
	margin:				524px 0 0 0;
}
#content-left #menu-en {
	background:			url(/_images/background-line.png);
	width:				132px;
	height:				60px;

	float:				left;
	padding:			3px 0 0 20px;
	margin:				524px 0 0 0;
}

#content-right #menu-empty {
	background:			url(/_images/background-line.png);
	width:				546px;
	height:				60px;

	float:				left;
	padding:			3px 0 0 20px;
	margin:				524px 0 0 0;
}
#content-right #menu-empty-short {
	background:			url(/_images/background-line.png);
	width:				65px;
	height:				63px;

	float:				right;
	margin:				524px 0 0 0;
}
#content-right #main {
	background: 		transparent;
	width:				501px;
	height:				525px;

	float:				left;
	margin:				95px 0 0 0;
}

#main-header {
	background:			url(/_images/background-main.png);
	width:				471px;
	height:				25px;

	padding:			36px 0 0 30px;
	margin:				0 0 1px 0;

	color:				#CACACA;
	text-transform:		uppercase;
	font-weight:		bold;
}
#main-content {
	background:			transparent;
	width:				451px;
	height:				403px;

	padding:			30px 0 30px 30px;

	color:				#CACACA;
	text-align:			justify;
	line-height:		1.3em;
}



/**************************************/
/* Style przewijanego okna            */
/**************************************/
.jScrollPaneContainer {
	background:			url(/_images/background-main.png);
	padding-right:		20px;
	position:			relative;
	overflow:			hidden;
	z-index:			1;
}

.jScrollPaneTrack {
	position:			absolute;
	cursor: 			pointer;
	right: 				0;
	top: 				0;
	height: 			100%;
	background: 		#CACACA;
}
.jScrollPaneDrag {
	position:			absolute;
	background:			#676868;
	cursor:				pointer;
	overflow:			hidden;
}
.jScrollPaneDragTop {
	position:			absolute;
	top:				0;
	left:				0;
	overflow:			hidden;
}
.jScrollPaneDragBottom {
	position:			absolute;
	bottom:				0;
	left:				0;
	overflow:			hidden;
}
a.jScrollArrowUp {
	display:			block;
	position:			absolute;
	z-index:			1;
	top:				0;
	right:				0;
	text-indent:		-2000px;
	overflow:			hidden;
	height:				9px;
}
a.jScrollArrowUp:hover {
	/*background-color:	#f60;*/
}

a.jScrollArrowDown {
	display:			block;
	position:			absolute;
	z-index:			1;
	bottom:				0;
	right:				0;
	text-indent:		-2000px;
	overflow:			hidden;
	/*background-color: #666;*/
	height:				9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/**************************************/
/* Formularze                         */
/**************************************/
#form-contact-name {
	width:				180px;
	margin-right:		20px;

	font-size:			9px;
	text-transform:		uppercase;
	float:				left;
}
#form-contact-email {
	width:				125px;
	margin-right:		20px;

	font-size:			9px;
	text-transform:		uppercase;
	float:				left;
}
#form-contact-phone {
	width:				105px;
	padding-bottom:		20px;

	font-size:			9px;
	text-transform:		uppercase;
	float:				left;
}
#form-contact-message {
	width:				451px;
}
#form-contact-buttons {
	width:				443px;
	margin-right: 		8px;
	text-align: 		right;
}


/**************************************/
/* Oblewanie tekstem, obrazki         */
/**************************************/
.float-left {
	float:				left;
}
.float-right {
	float:				right;
}

.images-left {
	padding:			5px;
	margin-right: 		21px;
	margin-bottom: 		21px;

	float: 				left;
	border: 			1px solid #676868;
}
.images-right {
	padding:			5px;
	margin-left: 		21px;
	margin-bottom: 		21px;

	float: 				right;
	border: 			1px solid #676868;
}
.images-nomargin {
	padding:			5px;
	margin-bottom: 		21px;

	float: 				left;
	border: 			1px solid #676868;
}


/**************************************/
/*   Ustawienia wypunktowania         */
/**************************************/
#content-left ul li {
	padding:			0;
	margin:				0;

	list-style-type:	none;
}


/**************************************/
/* Formatowanie tekstu, nagłówki...   */
/**************************************/
p {
	margin:				0 0 1.5em 0;
}

strong {
	color:				#EEEEEE;
}

.ghosttext {
	text-indent: 		-10000px;
	position: 			absolute;
	top: 				0;
	left: 				0;
	height: 			1px;
}


/**************************************/
/*   Style linków                     */
/**************************************/
#content-left a {
	color:				#CACACA;
	font-size:			9px;
	text-transform:		uppercase;
	text-decoration:	none;
}
#content-left a:hover {
	color:				#676868;
}

#main-content a {
	color:				#676868;
	text-decoration: 	none;
}
#main-content a:hover {
	color:				#DADADA;
}