/*  @@@@@[  Wrappers  ]@@@@@ */
/* The percentage in the body tag takes care of earlier versions of IE using the percentages (base font size is 16px for IE 6, 16 x 62.5 = 10)... ems should be used in most other style declarations */

body {
	background:url(images/bg_main.gif) repeat-x top;
	background-color: #545342;
	text-align: center;
	margin: 0px;
	line-height: 1.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}
#table {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #423CC1;
	background-position: center top;
	border: 1px dotted #FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
}
#table td {
	border: 1px dotted #333333;
}
#wrapper {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	padding-bottom: 10px;
}

/*  @@@@@[  Navigation  ]@@@@@ */

#nav {
	width: 903px;
	height: 31px;
	padding-top: 38px;
	padding-right: 57px;
	text-align: right;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size: 11px;
}
#nav a {
	color:#494134;
	text-decoration:none;
	margin-left: 40px;
}
#nav a:hover {
	color:#bf2e1a;
	margin-left: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #6F0000;
}
/*  @@@@@[  Sub Nav  ]@@@@@ */
/* Note that there are styles applied to all "a" tags in .subnav (such as display: block) and then specific styles for "a" tags in .sub1 */
#sub_nav {
	width: 221px;
	background:url(images/bg_sub.gif) repeat-y;
	position:absolute;
	left: 15px;
	top: 190px;
	font-size: 1.1em;
	line-height: 20px;
}
#bg_sub_nav {
	width: 221px;
	background:url(images/bg_botsub.gif) no-repeat bottom left;
	padding-bottom: 20px;
}
#table {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #676767;
	border: 1px dotted #676767;
	margin-top: 0px;
	padding-top: 0px;
}
#table  td {
	border: 1px dotted #676767;
}

/* ------------------------ */

/* HORIZONTAL CAROUSEL */

.stepcarousel{
	position: relative;
	border: 0;
	overflow: scroll; /*leave this value alone*/
	width: 627px; /*Width of Carousel Viewer itself*/
	height: 306px; /*Height should enough to fit largest content's height*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 597px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 286px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}

.blue { color: #4DDFF4; }
.panel h5 { margin-top: 40px; font-size: 18px; font-weight: normal; }
.subnav {
	width: 191px;
	padding-top: 18px;
	padding-left: 30px;
	background:url(images/bg_topsub.gif) no-repeat top;
	padding-bottom: 20px;
	min-height:57px;
	text-align: center;
}
.subnav h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFFF;
	margin: 0px;
	text-transform:capitalize;
	font-weight:normal;
	padding: 0px 0px 8px;
	text-align: center;
}
.subnav ul {
	margin: 0px;
	padding-left: 0px;
	padding-right: 10px;
}
.subnav ul li {
	list-style: none;
	line-height: 15px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #757575;
}
.subnav ul li ul {
	margin: 0px;
	padding-left: 0px;
	padding-top: 4px;
}
.subnav ul li ul li {
	line-height: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.subnav a:visited, .subnav a:active, .subnav a:link {
	display: block;
	text-decoration: none;
	color: #FFF;
	height: 100%;
}
.subnav a:hover {
	display: block;
	text-decoration: none;
	color: #333;
	height: 100%;
}
.subnav  a.sub1:visited, .subnav  a.sub1:active, .subnav  a.sub1:link {
	padding-left: 14px;
	background:url(images/bullet_sub.gif) no-repeat 5px 4px;
}
.subnav  a.sub1:hover {
	padding-left: 14px;
	background:url(images/bullet_sub.gif) no-repeat 5px 4px;
}
.subnav  a.act {
	color: #bf2e1a;
	font-weight:bold;
}
.subnav .sub2 a:visited, .subnav .sub2 a:active, .subnav .sub2 a:link {
	font-size: 1.1em; 
	padding: 5px 15px 3px 33px;
	background: #CCCCCC url(images/bullet.html) no-repeat 25px 9px;
}
.subnav .sub2 a:hover {
	font-size: 1.1em; 
	padding: 5px 15px 3px 33px;
	background: #cdb8cc url(images/bullet.html) no-repeat 25px 9px;
}
.subnav .sub3 a:visited, .subnav .sub3 a:active, .subnav .sub3 a:link {
	font-size: 1.1em; 
	padding: 5px 15px 3px 43px;
	background: #CCCCCC url(images/bullet.html) no-repeat 35px 9px;
}
.subnav .sub3 a:hover {
	font-size: 1.1em; 
	padding: 5px 15px 3px 43px;
	background: #cdb8cc url(images/bullet.html) no-repeat 35px 9px;
}
.subnav a.on {
	text-decoration: underline;
}


/* @@@@@[  Header / Footer  ]@@@@@ */

#header {
	width:960px;
}
#footer {
	width:960px;
	color: #7e7d70;
	text-align: center;
	line-height: 2.0em;
	clear: both;
	font-size: 1.1em;
	padding-top: 10px;
	background:url(images/line.gif) no-repeat 16px 0px;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #7e7d70; 
	text-decoration: underline;
}
#footer .seo a:link, #footer .seo a:visited, #footer .seo a:active, #footer .seo a:hover {
	color: #7e7d70; 
	text-decoration: none;
}
#footer a.seo:visited, #footer a.seo:active, #footer a.seo:link {
	text-decoration: none;	color: #7e7d70;
}
#footer a.seo:hover {
	text-decoration: none; cursor: text;
}
#gravitate {
	clear:both;
	line-height: 12px;
	padding-top: 3px;
	font-size: 0.9em;
}
/* @@@@@[  Main Page  ]@@@@@ */
#main {
	width:934px;
	padding-left: 15px;
	padding-right: 11px;
	padding-bottom: 10px;
}
#content {
	float: right;
	width: 658px;
	font-size: 1.1em;
	line-height: 2.0em;
	background:url(images/bg_right.gif) no-repeat top;
	padding-bottom: 33px;
}
#content p  { padding-bottom: 10px; line-height: 1.7em; }
#flash {
	width: 626px;
	padding: 13px 18px 11px 14px;
	height: 305px;
}

#text {
	width: 420px;
	padding-left: 220px;
	padding-top: 40px;
}
#text_ {
	width: 630px;
	padding-top: 20px;
	padding-left: 10px;
}
#text a:hover {
	color: #D3D1A5;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D3D1A5;
}
#text /* @@@@@[  Redefined Tags / Classes  ]@@@@@ */
a:link,a:visited,a:active {
	color: #D3D1A5;
	text-decoration: none;
}
#text h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-transform:none;
	color:#d3d1a5;
	font-weight:normal;
	margin: 0px;
	text-align: center;
}
#text_  h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-transform:none;
	color:#d3d1a5;
	font-weight:normal;
	margin: 0px;
	text-align: left;
	padding-left: 20px;
}
#text p {
	margin: 0px;
	padding-bottom: 8px;
	color:#f6f6f5;
	line-height: 1.8em;
}
#text_  p {
	margin: 0px;
	padding-bottom: 8px;
	color:#f6f6f5;
	line-height: 1.8em;
}

#content ul {
	margin: 0px 0px 15px 30px;
	padding: 0px;
	color:#f6f6f5;
}
#content ul ul {
	margin-bottom: 0px;
}
#content li {
	line-height: 1.3em;
	padding-top: 5px;
}
#content a.seo:visited, #content a.seo:active, #content a.seo:link {
	text-decoration: none;	color: #666;
}
#content a.seo:hover {
	text-decoration: none; cursor: text; color: #666;
}
#column {
	float: left;
	width: 276px;
	padding-top: 20px;
}
#news  {
	background-image: url(images/bg_news.png);
	height: 210px;
	padding-top: 15px;
	padding-right: 10px;
	margin-bottom: 10px;
}
#news h3 {
	text-align: left;
	font-size: 16px;
	color: #FFFFFF;
	text-indent: 40px;
	padding-top: 0px;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 180px;
	margin-left: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#logo {
	width:265px;
	padding-left: 10px;
	padding-bottom: 55px;
}
#news_in {
	width: 240px;
	height: 204px;
	padding-top: 25px;
	padding-left: 24px;
	padding-right: 12px;
	background:url(images/bg_left.gif) no-repeat top;
	padding-bottom: 150px;
}
#news_in h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	margin: 0px;
	padding-bottom: 15px;
	text-transform:capitalize;
	font-weight:normal;
	padding-top: 5px;
	padding-left: 20px;
	border-bottom-color: #545342;
}
#news_in p {
	font-size: 1.1em;
	color:#FFFFFF;
	margin: 0px;
	padding-bottom: 20px;
}
#news_in a {
	color:#FFFFFF;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}
#news_in a:hover {
	color:#FFFFFF;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #545342;
}
#feature_in {
	width: 225px;
	height: 275px;
	padding-top: 35px;
	padding-left: 25px;
	position:absolute;
	left: 219px;
	top: 350px;
	background-image:url(images/bg_fea.png);
	background-repeat:no-repeat;








	*background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_fea.png",sizingMethod=scale);	padding-right: 27px;
}
#feature_links {
	width: 233px;
	height: 202px;
	padding-top: 35px;
	padding-left: 25px;
	position:absolute;
	left: 217px;
	top: 335px;
}
#feature_links h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#545342;
	margin: 0px;
	padding-bottom: 10px;
	text-transform:capitalize;
	font-weight:normal;
	padding-left: 25px;
}
#feature_links p {
	font-size: 1.1em;
	color:#FFFFFF;
	margin: 0px;
}
#feature_links a:visited, #feature_links a:active, #feature_links a:link {
	text-decoration: none;
	color: #61604c;
}
#feature_links a:hover {
	text-decoration: none;
	color: #7f9f8f;
}
.col {
	padding-bottom: 5px;
}
.col div {
	float: right;
	width: 195px;
	padding-top: 10px;
}
.clrSolo {
	clear: both; 
	font-size: 1px; 
	line-height: 1px; 
	margin: 0px; 
	padding: 0px; 
	visibility: hidden;
}
.clr {
	clear: both;
}
.clrLine {
	clear:both;
	border-top: dashed 1px #999999;
	padding-bottom: 10px;
}
.botMargin {
	margin-bottom: 13px;
}

a.white:visited, a.white:active, a.white:link {
	text-decoration: none;	color:#fff;
}
a.white:hover {
	text-decoration: none; cursor: text; color: #fff;
}
/* @@@@@[  Secondary Page  ]@@@@@ */
#man_content_sec {
	float: right;
	width: 716px;
	font-size: 1.1em;
	line-height: 20px;
	;
	background-image: url(images/bg_content.gif);
	background-repeat: repeat-y;
}
#man_content_sec_/* @@@@@[  Secondary Page  ]@@@@@ */
 {
	float: right;
	width: 711px;
	font-size: 1.1em;
	line-height: 20px;
	;
}
#content_sec {
	width: 684px;
	background:url(images/bg_content_top.gif) no-repeat top;
	padding-top: 13px;
	padding-right: 18px;
	padding-left: 14px;
	float: left;
}
#column_sec {
	float: left;
	width: 218px;
	padding-top: 20px;
}
#logo_sec {
	width:167px;
	padding-left: 25px;
	padding-bottom: 53px;
}
#banner {
	width: 684px;
	padding-bottom: 11px;
}
#content_sec_text {
	width: 642px;
	border: solid 1px #e1ded7;
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 15px;
}
#text_sec {
	width: 400px;
	float:left;
	line-height: 18px;
	;
}
#text_sec_ {
	width: 630px;
	float:left;
	line-height: 18px;
	;
}
#text_sec p {
	margin:0px;
	padding-bottom: 10px;
}
#text_sec ul {
	margin-top: 8px;
	margin-bottom: 8px;
}
#text_sec ol {
	margin-top: 8px;
	margin-bottom: 8px;
}
#text_wide {
	width: 620px;
	float:left;
	line-height: 18px;;
}
#text_wide p {
	margin:0px;
	padding-bottom: 10px;
}
#text_wide ul {
	margin-top: 8px;
	margin-bottom: 8px;
}
#text_wide ol {
	margin-top: 8px;
	margin-bottom: 8px;
}
#quote {
	float:right;
	width: 185px;
	font-size: 16px;
	color:#6e8689;
	line-height:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top: 30px;
}
#right_col {
	float:right;
	padding-top: 3px;
}
/* @@@@@[  Portfolio Page  ]@@@@@ */
#sub_nav_por {
	width: 221px;
	background:url(images/bg_sub.gif) repeat-y;
	position:absolute;
	left: 15px;
	top: 193px;
	font-size: 1.1em;
	line-height: 18px;
}
#bg_sub_nav_por {
	width: 221px;
	background:url(images/bg_botsub.gif) no-repeat bottom left;
}
.subnav_por {
	width: 170px;
	height: 150px;
	background:url(images/bg_topsub_por.gif) no-repeat top;
	padding-left: 34px;
	padding-top: 45px;
	padding-right:17px;
}
#sub_nav_por p {
	color: #fff;
	padding-top: 20px;
}
#sub_nav_por table {

}
#sub_nav_por td {
	border: solid 1px #6b8578;
}
.centercol {
	text-align:center;
}
#port_links{
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: 1px solid #E1DED7;
}
.linksub {
	width:69px;
	float:left;
	text-align:center;
	font-size: 10px;
	color: #FFFFFF;
}
.linksub1 {
	width:100px;
	float:left;
	font-size: 10px;
	text-align:left;
	color: #FFFFFF;
}
.linksub2 {
	width:100px;
	float:left;
	font-size: 10px;
	text-align:right;
	color: #FFFFFF;
}
#port_links .linksub2 a, #port_links .linksub1 a, #port_links .linksub a{
	text-decoration: none;
	color: #7F9F8F;
}
#port_links .linksub2 a:hover, #port_links .linksub1 a:hover, #port_links .linksub a:hover{

}
.arrow {
	padding-top: 6px;
}
a.link1:link {
	display:block;
	color: #ffffff; 
	text-decoration: none;
	font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 38px;
	height: 25px;
	padding-top: 3px;
}
a.link1:visited, a.link1:active {
	display:block;
	color: #b2c5bc; 
	text-decoration: none;
	font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 38px;
	height: 25px;
	padding-top: 3px;
}
a.link1:hover {
	display:block;
	color: #ffffff; 
	text-decoration: none;
	font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 38px;
	height: 25px;
	padding-top: 3px;
	background:#4a5751;
}
a.link1on:link, a.link1on:visited, a.link1on:active, a.link1on:hover {
	display:block;
	color: #ffffff; 
	text-decoration: none;
	font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 38px;
	height: 25px;
	padding-top: 3px;
	background:#aa2222;
}

a.seo:visited, a.seo:active, a.seo:link {
	text-decoration: none;	color: #666;
}
a.seo:hover {
	text-decoration: underline;
	color: #666;
}
#title_por {
	width: 410px;
	padding-top: 20px;
	padding-left: 27px;
}
#flash_por {
	width: 684px;
	padding-top: 15px;
	height: auto;
}
#col_por {
	width: 684px;
	padding-bottom: 30px;
}
#col_por_left {
	float:left;
	width: 200px;
	padding-left: 78px;
	padding-top: 30px;
	font-size:1.2em;
}
#col_por_right {
	float:left;
	width: 200px;
	padding-left: 140px;
	padding-top: 30px;
	font-size:1.2em;
}
#image_por {
	float:left;
	width: 430px;
	padding-top: 34px;
	padding-left: 15px;
}
#image_por_ {
	float:left;
	width: 650px;
	padding-top: 20px;
	padding-left: 24px;
}
#image_por_ a:hover {
	color: #696852;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #545342;

}
#image_por img {

}
#text_por {
	width: 220px;
	float:right;
	padding-left: 15px;
	padding-top: 34px;
}
#text_por a:hover {
	color: #843F00;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #462200;
}

#content_sec #text_por h2 {
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	color:#537272;
	padding-bottom: 15px;
	background:url(images/bg_h2.gif) no-repeat 0px 3px;
	padding-left: 30px;
	margin-left: 10px;
}
/* @@@@@[  Redefined Tags / Classes  ]@@@@@ */
a:link, a:visited, a:active {
	color: #E48605;
	text-decoration: none;
}
a:hover {

	}
#content_sec h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color:#537272;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7F9F8F;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#content_sec h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	color:#537272;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#content_sec h3 {
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
}

p {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 13px;
}
blockquote {
	margin: 0px 35px 13px 30px;
	padding: 0px;
}
b {
	color:#000000;
}
.left {
	float: left;
}
.right {
	float: right;
}
img.right {
	margin-bottom: 10px; 
	margin-left: 13px;
}
img.left {
	margin-top: 5px;
	margin-bottom: 10px; 
	margin-right: 20px;
}
.line {
	padding-bottom: 8px;
}

/* @@@@@[  Form Elements  ]@@@@@ */
input, textarea, select {
	background: #fff; 
	border: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input.clean {
	border-style: none; 
	background: none;
}
div.commit {
	margin-left: 100px;
}
.commit .left {
	margin-left: -100px;
	float: left;
}
.b {
	font-weight: bold;
	background-color: #999;
	color: #000;
}
.p {
	background-color: #BBB;
}
a:hover {
	color: #333;
}
#footer p {
	color: #FFFFFF;
	text-align: left;
}
#footer a {
	color: #FFFFFF;
}
#blue strong {
	color: #D3D1A5;
}
#blue p {
	text-align: right;
	padding-right: 100px;
	font-style: italic;
	font-size: 12px;
	line-height: 10px;
	color: #FFFFFF;
}
#image_por_ li {
	display: inline;
	padding-bottom: 5px;
	margin-left: 5px;
	text-decoration: underline;
	font-weight: bold;
	color: #577365;
}
#news p {
	margin-left: 25px;
	color: #D3D197;
	font-weight: normal;
}

#link {
	text-align: left;
}
#link a {
	color: #F00;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
}
#link  a:hover {
	color: #F90;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #557163;
}
#wrapper #main #column #news #data {
	font-style: italic;
	margin-top: 0px;
	padding-top: 0px;
	font-size: 9px;
	text-decoration: underline;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#flashWrapper #balony  {
	text-align: center;
	border: 2px solid #B6B6B6;
}
#flashWrapper #bramy  {
	text-align: center;
	border: 2px solid #B6B6B6;
}
#flashWrapper #ekrany  {
	text-align: center;
	border: 2px solid #B6B6B6;
}
#flashWrapper #chwiej  {
	text-align: center;
	border: 2px solid #B6B6B6;
}
#flashWrapper #slupy  {
	text-align: center;
	border: 2px solid #B6B6B6;
}
#flashWrapper #nietypowe  {
	text-align: center;
	border: 2px solid #B6B6B6;
}