@import "/www/styles/gsite.css";

#all {
	position: relative;
	width: 968px;
	padding: 0; margin: 14px auto 0 auto;
	border: 1px solid #ABDBF0;
	background-color: #fff;
}

	#header {
		position: relative;
		height: 116px; width: 968px;
		background: url('../images/bgHeaderSubpage.jpg') no-repeat;
		z-index: 1;
	}
	
		/* ************************************************* HEADER HEADER HEADER ************************************************************** */	
		#logoClick {
			position: relative; top: 0; left: 5px;
			width: 100px; height: 110px;
			cursor: pointer;
			z-index: 5;
		}
	
		/* menu górne */
			#menu { position: absolute; top: 0; right: 0px; height: 18px; padding: 0; margin: 28px 0 0 0; font-size: 14px; }
			#menu ul { float: right;  height: 30px; padding-top: 5px; }
			#menu ul li { float: left; padding-left: 3px; padding-right: 25px; height: 30px; background: none; }
			#menu a { font-size: 18px; color: #0093D0; }
			#menu li.active a { color: #146AC6; font-weight: bold; }
		
			#konkursM {
				position: absolute;
				top: -20px;
				right: 20px;
				z-index: 1000;	
			}
		
		/* ************************************************************************************************************************************* */
	
	#subPageLeftColumn	{ float: left; display: inline; width: 258px; padding: 0; margin: 0 0 15px 15px; }

		#subContentBg { padding: 15px 0  0 0 ; background: transparent url('../images/bgSubContent.jpg') no-repeat top; }
	
		#subContent {
			float: left; width: 663px; padding: 0 10px 15px 15px; margin: 0; background: transparent none;
		}
		#subContent p {
			text-align: justify;
		}
		
	#footer {
		margin: 0 auto 0 auto;
		width: 968px;
		height: 28px;
		color: #fff;
		line-height: 38px;
	}

	/* ************************************************* FOOTER FOOTER FOOTER *********************************************************** */
	#footer_menu	{ float: right; color: #fff; padding: 0; }
	#footer_menu a	{ font-size: 11px; color: #fff; padding: 0 2px 0 2px; text-decoration: underline;}
	#cyear			{ float: left; width: 240px; }
	#Subcreateby	{ float: left; width: 98px; height: 5px; padding-top: 18px; padding-left: 140px; }
	/* ************************************************************************************************************************************* */


/* ************************************************************************************************************************************* */
/* ************************************************* SUBMENU SUBMENU SUBMENU *********************************************************** */
/* ************************************************************************************************************************************* */	
	#subPageMenu ul {	background-color: #fff; padding: 0; margin: 0;
						border-top: 1px solid #C8E6F5;
						border-left: 1px solid #C8E6F5;
						border-right: 1px solid #C8E6F5;
	}
	
	#subPageMenu li {
		display: block;
		line-height: 22px;
		padding: 0;
		margin: 0;
		background: none;
		border: 0;
		border-bottom: 1px solid #E2E2E2;
	}	

	#subPageMenu li a {
		display: block;
		font-size: 11px;
		color: #0093D0;
		font-weight: normal;
		padding-left: 22px;
		background: url('../images/scms/smenuN.gif') no-repeat left top;
		
	}

	#subPageMenu li.active, #subPageMenu li:hover
	{
		background: #23A7E2 url('../images/bgMenuActive.gif') repeat-x top;
	}
	

/* LEVEL 1 */	
	#subPageMenu li.lev1	{	padding-left: 0; }
	
	#subPageMenu li.lev1.active a, #subPageMenu li:hover.lev1 a
	{ color: #ffffff; text-decoration: none; background: url('../images/scms/smenuA.gif') no-repeat left top; font-weight: bold; }

/* LEVEL 2 */	
	#subPageMenu li.lev2	{ padding-left: 12px; background: none; }
	#subPageMenu li.lev2 a	{ color: #0093D0; background: url('../images/scms/smenuN.gif') no-repeat left top; }
	#subPageMenu li.lev2.active a, #subPageMenu li:hover.lev2 a
	{ text-decoration: none; font-weight: bold; color: #0093D0; }

	
/* ************************************************* HOME PAGE HOME PAGE *********************************************************** */
		
	#headerHome{
		position: relative;
		height: 176px; width: 968px;
		padding: 0 0 195px 0;
		background: url('../images/bgHeaderHome.gif') no-repeat top left;
		z-index: 50;
	}
	
	#banerTop {
		position: absolute;
		width: 940px;
		height: 284px;
		top: 90px;
		left: 14px;
		border: 0;
		z-index: 60;
	}
	#banerTopFlash {
		width: 940px;
		height: 284px;
		display: block;
		z-index: 5;
	}
	#banerTopShadow {
		position: absolute;
		background: url('../images/banerTopShadow.gif') no-repeat bottom;
		width: 940px;
		height: 5px;
		bottom: 0;
		left: 0;
		z-index: 10;
		border: 0;	
	}
	
	#HbottomZones {
		padding: 0 0 5px 14px;
		margin: 5px 0 5px 0;			
	}
	
	#HtopZones {
		position: relative;
		padding: 0 0 2px 14px;
		margin-top: 5px;	
	}
	
	.HpageBox	 { float: left;  border: 1px solid #D6EEF7; height: 108px; width: 294px; padding: 0 0 10px 10px; margin-right: 11px; }
	.HpageBoxAd	 { height: 118px; width: 304px; padding: 0; margin: 0; }
	
	.HpageBoxBg	 { position: relative; background: #fff url('../images/bgHomePageBox.jpg') no-repeat top; }
	.HpageBoxBgC { position: relative; background: #fff url('../images/bgCalcH.jpg') no-repeat top; }

	.HpageBox h2 { font-size: 14px; font-weight: bold; margin-bottom: 0; padding: 6px 0 5px 0; }
	.HpageBox ul, .HpageBox p, .HpageBox h2
		{ padding-left: 0; width: 195px; }
	
	.HpageBox li, .HpageBox p { line-height: 18px; }
	.HpageBox p  { margin-bottom: 10px;}
	.HpageBox a img { position: absolute; right: 0;}
	
	.HpageBoxBgBottom { float: left; width: 306px; height: 5px; background: #fff url('../images/bgHBox.gif') no-repeat top; margin-bottom:0; margin-right: 10px; }
	
	#qproduct {
		position: relative;
		overflow: hidden;
		float: left;
		width: 561px;
		height: 218px; 
		border: 1px solid #D6EEF7;
		background: url('../images/bgQ2.jpg');
		margin: 7px 0 0 11px;
	    padding: 20px 30px 20px 30px;
	}
		#qShadow {
			position: absolute;
			background: url('../images/qShadow.gif') no-repeat bottom;
			width: 623px;
			height: 5px;
			bottom: 2px;
			right: 14px;
			border: 0;
			z-index: 1000;	
		}
	#qTitle {
		background: url('../images/qTitle.gif') no-repeat;
		width: 365px;
		height: 50px;
		position: absolute;
		left: -800px;
		top: 15px;
	}
	

	
	#bgQplus {
		display: none;
		background: url('../images/bgQplus.gif') no-repeat;
		width: 411px;
		height: 257px;
		position: absolute;
		right: 0px;
		bottom: 0px;
	}
	
	.buttonsQproduct {
		position: absolute;
		cursor: pointer !important;
		z-index: 3;
	 	left: -800px;
		height: 24px;
	}
	
	#butonSprawdz {
		bottom: 15px;
	    /*left: 2px;*/
	    width: 65px;
	    background: transparent url(../images/buttonsSprawdz.gif) no-repeat 0 0;

	}
	
	#butonQBack {
		bottom: 15px;
	    /*left: 30px;*/
	    width: 97px;
	    background: transparent url(../images/buttonsQBack.gif) no-repeat 0 0;
	}

	.productBox {
		position: absolute;
		top: 40px;
		left: 800px;
		display: none;
		width: 175px;
		height: 160px;
		background: transparent none;
		padding: 10px 15px 5px 0;
		z-index: 1300;
	}

	.productBox h2 { padding: 5px 0 0 55px; }
	.productBox p {
		position: relative;
		padding: 0 0 0 55px;	
		margin-bottom: 10px;
		line-height: 18px;
		cursor: pointer;
	}
	
	.productBox a {
		padding: 0 0 0 55px;
		line-height: 15px;
	}

	#qproduct h1 {
		position: absolute;
		font-size: 18px;
		top: 12px;
		left: -800px;
		width: 95%;
		
	}
	.productBox h2 {
		margin: 0 0 5px -1px;
	}

	#NoCheck {
		display: none;
		position: absolute;
		bottom: 15px;
	    left: 220px;
	    width: 265px;
	    height: 24px;
	    z-index: 1200;
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 0;
		color: red;
		line-height:20px;
	}
	
/* ************************************************* SUB PAGE SUB PAGE *********************************************************** */
.subpageBox			{ float: left;  border: 1px solid #D6EEF7; width: 236px; padding: 10px; }
.subpageBoxBg		{ position: relative; background: #fff url('../images/bgSubPageBox.gif') repeat-y top; }
.subpageBoxBgC		{ position: relative; background: #fff url('../images/bgCalcS.jpg') repeat-y top; }

.subpageBoxBgBottom	{ width: 258px; height: 5px; background: #fff url('../images/bgSubPageMenu.gif') no-repeat top; }

.subpageBox h2 { font-size: 12px; font-weight: bold; margin-bottom: 3px; }
.subpageBox ul, .subpageBox p, .subpageBox h2
{ padding-left: 0; width: 150px; }


.windowP { cursor: pointer; padding-left: 10px; }

	

/* **************************************************************************************************************************/
/* ********************************************** SIMPLE IMAGE POSITION *****************************************************/
/* **************************************************************************************************************************/

.scmsIcon		{ background: url('../images/scms/simpleImage.png') no-repeat; }
span.scmsIcon	{ position: absolute; height: 17px; width: 17px; }
span.amore		{ background-position: 0px -132px; }


/* **************************************************************************************************************************/
/* ************************************************ CLASSY STALE ****************************************************/
/* **************************************************************************************************************************/
.photoframe {
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #e8e8e8;
	float: left;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
}

/* **************************************************************************************************************************/
/* ************************************************ ELEMENTY SIMPLE CMS *****************************************************/
/* **************************************************************************************************************************/


/* CONTACT FORM ******************************************************************************************************************/
/* **************************************************************************************************************************/
.contact p {
	font: 11px/16px Tahoma, Verdana, sans-serif;
	color: #696767;
	width: 430px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.contact label {
	font: 11px/16px Tahoma, Verdana, sans-serif;
	color: #696767;
	width: 430px;
	font-weight: bold;
	padding-bottom: 5px;
	margin: 0px;
	display: block;
}

.contact input.text { /*width of text boxes. IE6 does not understand this attribute*/
	font: 11px/16px Tahoma, Verdana, sans-serif;
	color: #696767;
	width: 420px;
	height: 15px;
	background-color: #f9f9f9;
	border: 1px solid #999999;
	padding: 2px 5px 2px 5px;
	margin-bottom: 5px;
}

.contact select { /*width of text boxes. IE6 does not understand this attribute*/
	font: 11px Tahoma, Verdana, sans-serif;
	color: #696767;
	width: 65px;
	height: 21px;
	background-color: #f9f9f9;
	padding: 1px;
	margin: 0;
}

.contact textarea {
	font: 11px/16px Tahoma, Verdana, sans-serif;
	color: #696767;
	width: 420px;
	height: 150px;
	background-color: #f9f9f9;
	border: 1px solid #999999;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.contact input.button { 
	cursor: pointer;
	font: 11px Tahoma, Verdana, sans-serif;
	color: #ffffff;
	font-weight: normal;
	width: 60px;
	background: url(../images/scms/button.gif) no-repeat 0 0;
	border: 0;
	padding: 0px;
	margin-right: 5px;
	margin-top: 10px;
	padding: 5px 0 6px 0;

}
.contact input.button:hover, .contact input.submit:hover { 
	background-position: 0 -26px;
}

.contact span.red {
	font: 12px Tahoma, Verdana, sans-serif;
	color: #E55D03;
}

.ferror {
	font: 12px Tahoma, Verdana, sans-serif;
	color: #ff0000;
	font-weight: bold;
	line-height: 18px;
	padding-top: 0px;
	padding-bottom: 15px;
}
.formok {
	font: 12px Tahoma, Verdana, sans-serif;
	color: #91AB2E;
	font-weight: bold;
	line-height: 18px;
	padding-top: 0px;
	padding-bottom: 15px;
}

/* SLIMBOX ******************************************************************************************************************/
/* **************************************************************************************************************************/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* WINDOW.CSS /********************************************************************************************************************/
/* **************************************************************************************************************************/
.modal-overlay { /* przykrywa serwis */
	z-index:100;
	position: fixed;
	top:0; right:0; bottom:0; left:0;
	height:100%; width:100%;
	margin:0; padding:0;
	background:#000000;
	opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.60;
}
.modal-window {
	z-index:110;
	position: absolute;
	top:47%; left:50%;
	margin:0; padding:0;
	background:#ffffff;
	overflow-x: hidden;
	overflow-y: hidden;
}
.href-overlay {  /* przykrywa wszystko w okienku print nie dziala w IE*/
	position: absolute;
	z-index: 115;
	top:0; right:0; bottom:0; left:0;
	height:100%; width:785px;
	margin:0;padding:0;
}
.piframe { padding: 0; }

#printButons {
	z-index: 118;
	position: absolute;
	right: 15px; top: 0;
	padding: 18px 0 8px 8px;
	width: 235px;
	background-color: #fff; 
}

.close-window {
	z-index: 120;
	cursor: pointer;
	width: 128px; height: 32px;
	padding-right: 23px;
	background: url("../images/print/closeB.gif") no-repeat right 0;
	color: #A5A5A5;
	font-size: 14px; font-weight: bold;
	opacity:.5;	filter: alpha(opacity=50); -moz-opacity: 0.5;
}
.close-window:hover	{
	opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99; text-decoration: none;
}

.print-window {
	z-index: 120;
	cursor: pointer;
	width: 75px; height: 32px;
	padding-right: 23px;  margin-right: 15px;
	background: url("../images/print/printB.gif") no-repeat right 0;
	color: #A5A5A5;
	font-size: 14px; font-weight: bold;
	opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.5;
}

.print-window:hover {
	opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99;	text-decoration: none;
}

/* SEARCH /********************************************************************************************************************/
/* **************************************************************************************************************************/
#searchBox { float: right; padding: 32px 2px 0 0; }
#searchForm div { float: right; }
#searchForm div.button { margin-left: 5px; }
#searchForm input { border: 1px solid #B2B2B2; padding: 1px 2px 0 3px; margin: 0; width: 145px; height: 14px; font-size: 11px; color: #646464; }
#searchForm input.button { background-position: 0px -68px; padding: 0; border: 0; margin: 0;  width: 17px; height: 17px; }

.simplecmsSearchResult			{ width: 430px; }
.simplecmsSearchResultItem		{ width: 430px; padding: 5px !important; }	
.simplecmsSearchResultHref		{ float: left; width: 245px; background: none !important; padding: 0 !important; margin: 0 !important; }
.simplecmsSearchResultPvalue	{ float: left; width: 45px; text-align: right; color: #A4A4A4; font-size: 11px; padding-right: 10px;  }
.simplecmsSearchResultPgraph 	{ float: left; width: 48px; height: 8px; background-image: url('../images/scms/bgSearchResult.gif');  border: 1px solid #ccc; padding: 0;  margin: 0; }


/* TAGI /********************************************************************************************************************/
/* **************************************************************************************************************************/
#tags {
	width: 90%;
	color: #999999;
	padding-top: 15px;
}

#tags a {
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
}

/* TOOLBAR ******************************************************************************************************************/
/* **************************************************************************************************************************/
#toolsBar { padding-top: 10px; }
#toolsBar a { font-weight: bold; display: block; height: 20px; line-height: 20px; padding-left: 20px; text-decoration: none; }

	/* button back */
	#back		{ float: left; width: 70px; background-position: 0px 0px; }
	
	/* button back to list */
	#backToList { float: left; width: 70px; background-position: 0px 0px; padding-right: 20px; }
	
	/* print button  */
	#print { float: left; width: 70px; background-position: 0px -22px; }

/* PATH *********************************************************************************************************************/
/* **************************************************************************************************************************/
#path {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ededed;
}
	#path a.start {
		background: none !important;;
		padding-left: 0px;
		text-decoration: underline;
	}
	#path a {
		background-position: 0px -44px;
		padding-left: 15px;
		text-decoration: underline;
	}
	#path a:hover {
		text-decoration: none;
	}
	#path span {
		background-position: 0px -44px !important;
		color: #F45C0F;
		padding-left: 15px !important;;
		text-decoration: none;
	}
	
/* FAQ *******************************************************************************************************************/
/* ***********************************************************************************************************************/
ul li.faqlist {
	font-size: 12px;
	display: block;
	line-height: 22px;
	cursor: pointer;
	padding-left: 0;
	background: none;
}

ul li.faqlist div {
	display: none;
	padding: 0;
}

ul li.faqlist span.faqIcon {
	background-position: 0px -110px;
}

ul li.faqlist.active span.faqIcon {
	background-position: -22px -110px;
}


#faq h2 {
	font-size: 15px;
	line-height: 21px;
	padding-left: 22px;
}

#faq p  {
	margin-bottom: 5px !important;
	padding-left: 22px;
}




/* NEWSLIST ******************************************************************************************************************/
/* **************************************************************************************************************************/
.newslist { padding-bottom: 15px; }
.newslist p { padding-bottom: 0; margin-bottom: 10px; }
.newslist h2 { padding-bottom: 0; margin-bottom: 5px; }
/* GALLERY ******************************************************************************************************************/
/* **************************************************************************************************************************/
.gallery {
	margin-bottom: 15px;
}

.gallery .photoframe {
	float: none;
}

.gallery h2 {
	display: none;
	line-height: 14px;
	padding-top: 0px;
}

.gallery a {
	line-height: 0;
	font-size: 0;
	text-decoration: none;
}

.gallery a.more, .photogroup a.more {
	font-size: 14px;
	line-height: 16px;
	padding-left: 15px;
	background: url(../images/kr.gif) no-repeat 1px 6px;
}

.gallery img {
	margin-bottom: 10px;
	margin-right: 10px;
}

.topphoto {
	margin-left: 15px;
	margin-bottom: 15px;
	float: right;
	
}

.photogroup {
	width: 150px;
	padding-right: 0;
	padding-left: 10px;
	margin: 0 5px 0 5px;
	float: right;
}

.photogroup h2 {
	font-size: 16px;
	margin:0 0 10px;
}

.photogroup img {
	margin-bottom: 10px;
}

/* PRODUCT ******************************************************************************************************************/
/* **************************************************************************************************************************/
	.productDesc {
		float: left;
		width: 390px;
		padding: 0;
		padding-top: 3px;
	}
	
	.productDesc table {
		width: 330px; color:#666666; margin: 0 0 15px 0; border-top: 1px solid #eee;
	}
	
	.productDesc table td {
		line-height: 22px; border-bottom: 1px solid #eee;
	}
	
	.productDesc table tr td:last {
		border-bottom: 0;
	}
	
	.productPhoto {
		float: right;
		padding: 0;
		width: 266px;
	}

/* PRODUCT LIST ******************************************************************************************************************/
/* **************************************************************************************************************************/

	 .productList {
	 	float: left;
		width: 665px;
		margin-bottom: 20px;
	 }

	.productList h2 {
		width: 135px !important;
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	.productList h3 {
		width: 135px !important;
		font-size: 11px;
	}
	
	.productList p {
		width: 135px !important;
		margin: 0 0 10px 1px !important;
		text-align: left !important;
	}
	.productList div.more {
		margin-left: 1px;
	}
	
	.productList div.pr {
		float: left;
		width: 210px;
		margin-right: 10px;
		padding: 10px 0;
		height: 130px;
	}
/*
	.productList div.prListK {
		float: left;
		width: 665px;
		height: 1px;
		background: url("../images/prListK.gif");
	}
	
	.productList div.prListK2 {
		float: left;
		width: 695px;
		height: 2px;
		background: url("../images/prListK.gif");
	}
*/
	.productList div.pr img{
		float: left;
	}


/* **************************************************************************************************************************/
/* ******************************************** PRINT PRINT PRINT PRINT *****************************************************/
/* **************************************************************************************************************************/
@media print { }

#allPrint {	width: 760px; padding: 10px; }
#allPrint ul { background: none; list-style: square;  margin-left: 15px; }
#allPrint ol { background: none; list-style: decimal; margin-left: 15px; }
#allPrint li { background: none; list-style: square;  padding: 0;}
#printTop {
	height: 70px;
	margin-bottom: 15px;
	border-bottom: 1px solid #E8E8E8;
}
#printTop #logoW { position: absolute; left: 10px;	top: 10px;	}
#printTop .date { font-size: 11px; margin-left: 228px; padding-top: 20px; }
#printTop .date b { padding-right: 20px; }