/*********************************************
	Debugger
**********************************************/
/*  
div {
	border: 1px dashed red;
}

/*********************************************
	Definicje podstawowe
**********************************************/
	html, body {
		background: #E2E2DA;
	}
	html, body, div, p, ul, ol, input, select, form, textarea, table {
		margin:0px;
		padding:0px;
		font-family: verdana, arial, sans-serif;
		font-size: 11px;
		color: #6A6B6B;	
	}
	img {
		border: 0px;
	}	 
	 p, li {
		line-height:18px;
	}
	form {
		display: inline;
	}
	input {
		font-family: verdana, arial, sans-serif;
		border-bottom: 1px solid #BEC1C5;
		border-right: 1px solid #BEC1C5;
		border-top: 1px solid #9D9DA1;
		border-left: 1px solid #9D9DA1;
	}
	select {
		margin-bottom: 6px;
	}
	a, a:visited, a:active {
		font-size:11px;
		text-decoration:underline;
		cursor: pointer;
		color: #3978BA;
		display:inline;
	}
	a:hover {
		text-decoration:none;
	}
/*********************************************
	klasy oglne
**********************************************/

	div.FloatLeft {									/*float left*/
		float: left;
	}
	.spacer {										/* element kasujcy floata */
		font-size: 1px;
		clear: both;
	}
	div.FloatRight {							/*float right*/
		float: right;
	}
	.galleryItem {							/* element galerii */
		float: left;
		width: 49%;
		text-align: center;
		padding: 0px auto;
		padding-bottom:10px;
	}
	div.blockImg {							/* Obrazek blokowy w tekœcie */
		margin-bottom:15px;
		text-align:center;
	}
	div.blockImg div {						/* Podpis obrazka */
		color:#aaaaaa;
		margin:5px 62px;
		font-size:9px;
	}
	div.blockImg img {
		border:1px solid #C0C5B7;
	}
	.galleryItem img {
		border:1px solid #C0C5B7;
	}
	#polecStrone {
		clear:right;
		float:right;
		width: 357px;
		w\idth: 329px;
		padding-left:11px;
		padding-right:19px;
		padding-bottom:20px;
	}


/*********************************************
	 Header
**********************************************/

	#ContainerHeader{								/* Cointeiner do headera */
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 332px;
		background: url("../images/bg_top.gif");
	}
	#ContainerLeftMenu {							/*Container na logo i modu zadzwo do konsukltanta*/
		position: absolute;
		top: 0px;
		left: 0px;
		width:205px;
		height: 332px;
		float: left;
	}
	#TopLeft {
		margin-top:10px;
	}
	#BottomLeft{										/* modu zadzwo do konsultanta */
		position: absolute;
		bottom:0px;
		right:0px;
		margin-right: 26px;
		margin-bottom: 10px;
		text-align: right;
	}
	#BottomLeft p{
		line-height: 13px;
	}
	#Newsletter{									/* modul newslettera */
		width:205px;
		text-align:left;
		border-top:1px #fff solid;
	}
	#NewsletterWrapper {
		padding:5px 5px 0 60px
	}
	#Newsletter h2 {
		margin:0;
		padding:0;
		font-size:11px;
	}


	#TopFlash {										/* flash top */
		position:absolute;
		left:205px		
	}

/*********************************************
	content					uwagi:klasy oznaczone Sub odnosz si do podstron
**********************************************/
 	#ContainerContent{								/* Cointeiner do contentu */
		position:relative;
		width: 100%;
		background-color: #E2E2DA;
	}
	#ContentLeftColumn {						/* Lewa Kolumna*/
		
		left:0px;
		width:205px;
		text-align: right;
		float:left
	}
	#ContentCenterColumn {						/* rodkowa Kolumna*/
		width:238px;
		min-height:315px;
		background:	 #FFFFFF;
		float:left;
		overflow:visible;
	}
	* html #ContentCenterColumn {
		height:315px;
	}
	#ContentRightColumn {							/* prawa Kolumna*/
		width:307px;
		top: 0px;
		background:	 #D4D8CC;
		float:left
	}

	#CenterColumnHeader {							/*blok z headerem w center column*/
		height:85px;
		background: #F5F5F5;
	}
	#CenterColumnHeader img {					/* obrazek w powyzszym hederze */
		position:relative;
		top:64px;
		left:5px;
	}
	div.CenterColumnNews  {						/*cointeiner z calym newsem*/
		position: relative;
		margin:12px;
	}
	div.CenterColumnNews p {						/*cointeiner z calym newsem*/
		line-height:15px;
	}
	div.ZobaczWiecej {									/* div z liniem zobacz wicej*/
		float:right;
		margin-top: 9px;
		margin-bottom: 3px;
	}
	#RightColumnHeader {							/*blok z headerem w center column*/
		height:85px;
		background: #D4D8CC;
	}
	#ModulProdukt {										/* modu z produktem */
		position:relative;
		width:307px;
		height:230px;
		background: url("../images/bg_modul_produkt.gif ");
	}
	#ModulStrefaKlienta {								/* modu z logowaniem */
		position:absolute;
		left:590px;
		top:1px;
		width:172px;
		height:100px;
		z-index:100;
		text-align: right;
	}
	#ModulStrefaKlienta form {
		position:absolute;
		left:35px;
		top:30px;
	}
	input.StrefaKlienta {								/* input do strefy klienta */
		font-size:10px;
		color: #ffffff;
		padding-left:5px;
		padding-top:0px;
		letter-spacing: 0.1mm;
		height: 15px;
		he\ight:13px;
		width: 111px;
		border:1px solid #87D488;
		background: #5FC561;
		margin-bottom:4px;
	}
	#Zaloguj {													/* pozycjonowanie linku zakloguj*/
		margin-top:3px;
	}
	#Zaloguj input {
		border:none;
	}
	#Box {															/*pudeko z produktem*/
		position:absolute;
		width:56px;
		w\idth:96px;
		padding-top:26px;
		padding-left:40px;
	}
	#BoxOpis {													/* container do opisu dla produktu*/
		position:absolute;
		right:0px;
		width:171px;
		text-align: right;
	}
	#BoxOpis p {												/* paragraf z opisem */
		text-align: left;
		padding-top:96px;
		padding-left:26px;
		padding-right:27px;
		line-height: 15px;
	}
	#ZobaczWiecejBlue {									/*link zobacz wiecej */
		margin-top:8px;
		margin-right:27px;
		text-align: right;
	}
	#BoxNapis {												/*napis z nazw produktu*/
		position:absolute;
		left:116px;
		top:63px;
		z-index:10;
	}

/*********************************************
	Stopka	 patrz: Sub style dla podstron
**********************************************/
	#ContainerStopka{								/* Cointeiner do stopki */
		clear: both;
		width:100%;	 
		/*width:inherit;  */
		background: #E2E2DA;
	 }
	
	#StopkaSpacer {									/*lewy zewnetrzny modu stopki*/
		position:relative;
		float:left;
		width:205px;
		height:53px;
		background: #E2E2DA;
	}
	#StopkaLeft {										/* modu z copyright i designed*/
		position:relative;
		float:left;
		width:238px;
		height:53px;
		background: #F5F5F5;
	}
	#StopkaLeft p{									/* paddingi dla moduu copyright*/
		font-size:10px;
		padding-top: 8px;
		padding-left: 11px;
		color: #3F84CD;
		font-size: 9px;
		line-height: 13px;
	}
	#StopkaLeft a{
		color: #3F84CD;
		font-size: 9px;
	} 
	#StopkaLeftSub {										/* modu z copyright i designed*/
		position:relative;
		float:left;
		width:188px;
		height:53px;
		background: #F5F5F5;
	}
	#StopkaLeftSub p{									/* paddingi dla moduu copyright*/
		padding-top: 8px;
		padding-left: 11px;
		color: #3F84CD;
		font-size: 9px;
		line-height: 13px;
	}
	#StopkaLeftSub a{
		color: #3F84CD;
		font-size: 9px;
	} 
	#StopkaLinki {										/* modu z linkami */
		position:relative;
		float:left;
		width:238px;
		height:53px;
		background: #D8DCD0;
		text-align: right;
	}
	#StopkaLinki p{										/*paddingi dla moduu z linkami*/
		padding-top: 8px;
		padding-right: 20px;	
	}
	#StopkaLinkiSub {										/* modu z linkami */
		position:relative;
		float:left;
		width:288px;
		height:53px;
		background: #D8DCD0;
		text-align: right;
	}
	#StopkaLinkiSub p{										/*paddingi dla moduu z linkami*/
		padding-top: 8px;
		padding-right: 20px;	
	}

	#StopkaGora {										/* modu z linkiem gra strony */
		position:relative;
		float:left;
		width:69px;
		height:53px;
		background: #DDE1D4;	
	}
	#StopkaGora p{										/* padding dla gra strony */
		padding-top: 8px;
	}
/*********************************************
	Podstrony
**********************************************/
 	#ContainerContentSub {								/* Cointeiner do contentu */
		position:relative;
		width: 750px;

	}
	#ContentRightColumnSub {						/* rodkowa Kolumna*/
		position:relative;
		width:545px;
		float:left;
		background:#ffffff;
	}
	#Lokalizer {													/* Lokalizer */
		position:relative;
		width:540px;
		background: url("../images/bg_lokalizer.gif");
		padding: 14px 5px 3px 0px;
	}
	#Lokalizer img {											/* prostokt w lokalizerze*/
		display: block;
		float: left;
		margin-left:5px;
	}
	#LokalizerText {											/* div z textem do lakalizera*/
		position:relative;
		top:-3px;
		margin-left: 28px;
		color: #B4B4AE;
		font-size:9px;
	}
	#LokalizerText span {										/* kolor dla tu jeste  */
		color: #6D5650;
	}
	#LokalizerText a, #LokalizerText a:visited, #LokalizerText a:active {				/* styl dla  linkw w lokalizerze*/
		font-size:9px;
		color: #B4B4AE;
		text-decoration: underline;
	}
	#LokalizerText a:hover {									/* hover dla linkw lokalizera*/
		text-decoration:none;
	}

	#CointainerText {											/*cointainer dla caego rodkowego moduu z tekstami*/
		position:relative;
		width:545px;
		background: #ffffff;
		padding-top:17px;
	}
	#TextLeftColumn {											/* warstwa z menu */
		position:relative;
		float:left;	
		width: 179px;
		w\idth: 166px;
		padding-top:16px;
		/*padding-right:14px;*/
		padding-bottom:14px;
		padding-left:10px;
		border-right: 3px solid	 #E2E2DA;
		text-align: right;
	}
	#TextLeftColumn img.TopLink{						/* obrazek header/orange_*/
		margin-bottom:32px;
		margin-right:14px;
		text-align: right;
	}
	#TextLeftColumn a, #TextLeftColumn a:visited, #TextLeftColumn a:active {			/* styl dla element a w TextLeftColumn*/
		font-size:10px;
		color: #3978BA;
		position:relative;
		padding-top:5px;
		padding-right:26px;
		display:block;
	}
	#TextLeftColumn a img {								/* wszystkie obrazki robice za bullety w lewym menu */
		position:absolute;
	}
	#TextLeftColumn a img.Bullet {						/* bullety 1. poziomu w lewym menu */
		right:14px;
		top:9px;
	}
	#TextLeftColumn a img.BulletSub {					/* bullety 2. poziomu w lewym menu */
		right:25px;
		top:10px;
	}
	#TextLeftColumn a.Activ{								/* styl dla aktywnego linku, bez bulleta*/
		font-weight: bold;
		text-decoration: none;
	}
	#TextLeftColumn a.ActivSub,#TextLeftColumn a.ActivSub:active,#TextLeftColumn a.ActivSub:visited, span.ActivSub{								/* styl dla aktywnego linku II stopnia, bez bulleta*/
		text-decoration: none;
		padding-right:36px;
	}
	#TextLeftColumn a.Sub, #TextLeftColumn a.Sub:active, #TextLeftColumn a.Sub:visited {
		padding-right:36px;
	}

	#TextRightColumn {										/* prawa kolumna z waciwym tekstem podstrony*/
		position:relative;
		float:right; 
		width: 357px;
		w\idth: 329px;
		/*margin-left: 179px;*/
		padding-top:19px;
		padding-left:11px;
		padding-right:19px;
		text-align: justify;
	}
	#TextRightColumn p {
		margin:15px 0;
		padding:0;
		line-height:16px;
	}
	#LinkTopSub{													/* nagowek podstrony */
		margin-bottom:35px;
	}
	#LinkTopSub2Line{												/* nagowek podstrony, w przypadku gdy mamy 2 linie nagwka */
		margin-bottom:18px;
	}
	#TextRightColumn img.Kwadrat{						/* bullet kwadrat dla nagwka strony*/
		margin-top:3px;
		vertical-align:top;
	}
/*********************************************
	Podstawowe formatowania ogolnych styli
**********************************************/
	p img.Ico{														/* ikonka wykrzyknik*/
		vertical-align: middle;
		margin-right:6px;
	}
	p img.BulletSmall{
		vertical-align: middle;
		margin-right:4px;	
	}
	p.PaddingBottom {
		padding-bottom:20px;	 
	}
	p.PaddingBottomRight {
		text-align:right;
		padding-bottom:20px;	 
	}
	p.PaddingBottomCenter{
		text-align:center;
		padding-bottom:20px;	 
	}
	p.PaddingSmall {
		padding-top:6px;	
		padding-bottom:6px;	 
	}
	p.PaddingSmallRight {
		text-align:right;
		padding-top:6px;	
		padding-bottom:6px;	 
	}
	p.PaddingSmallCenter {
		text-align:center;
		padding-top:6px;	
		padding-bottom:6px;	 
	}
	p.PaddingSmallRightI {
		text-align:right;
		padding-top:6px;	
		padding-bottom:6px;
		font-style:italic;
	}
	p span.SmallGreen {								/* naglowek w module zadzwo do konsultanta */
		font-size: 9px;
		color: #24B027;
	}
	p span.SmallGreyLight {							/* tekst w module zadzwo do konsultanta */
		font-size: 9px;
		color: #AAADA3;
	}
	p a, span.Blue, b.Blue {										/* kolor blue */
		color: #3978BA;
	}
	a.BlueSmall, span.BlueSmall {
		font-size: 9px;
		color: #3F84CD;
	}
	a.GreenSmall, span.GreenSmall {
		font-size: 9px;
		color: #24B027;
	}
	a.OrangeSmall, span.OrangeSmall {
		font-size: 9px;
		color: #F5752A;
	}
	p span.GrayDark {									/* kolor ciemny szary */
		color: #6A6B6B ;
	}
	span.Orange, a.Orange, a.Orange:visited, a.Orange:active {											/* klasa dla nagowkw w tekstach*/
		color: #F5752A;
	}
	.Small{														/* klasa small*/
		font-size: 11px;
	}
	ul {															/* podstawowe formatowanie ul z wypunktowaniem graficznym */
		list-style: none;
		margin-top:10px;
		margin-left:29px;
		margin-bottom:15px;
	}
	ol {															/* podstawowe formatowanie dla ol */
		margin-left:40px;
		margin-bottom:15px;
	}
	ul.Normal {												/* klasa ul z systemowym bulletem */
		list-style-type: disc;
		margin-top:0px;
		margin-left:29px;
		margin-bottom:15px;
	}
	ul.Normal li {											/* nadpisanie wciecia */
		text-indent: 0px;
	}
	ul li {
		text-indent: -8px;								/*wciecie dla textw w ul*/
	}
	li {
		padding-top:2px;
		padding-bottom:2px;
	}
	li .Bullet {													/* klasa dla graficznego bulleta przy li*/
		left:-4px;
		position: relative;
		vertical-align: baseline;
	}
/*********************************************
	Formularz kontaktu
**********************************************/
	div.row {							
		clear: both;
		padding-top: 5px;
		float:left;
		width:100%;
	}
	div.rowCenter {
		clear: both;
		padding-top: 7px;
		text-align: center;
	}
	div.row span.label {
		float: left;
		width: 110px;
		w\idth: 100px;
		padding-right:10px;
		text-align: right;
	}

	div.row span.inputs {
		float: right;
		width: 210px;
		text-align: left;
	}
	input.InputText {
		width: 160px;
		padding-left:3px;
		padding-top:1px;
	}
	input.InputTextActiv {
		width: 160px;
		padding-left:3px;
		padding-top:1px;
		background: #F5F5F5; 
	}
	.button {
		margin:8px;
		border:1px solid #9D9DA1;
		background: #ffffff;
		color: #F5752A;
		text-align:center;
		font-weight: bold;
	}
	.buttonNewsletter {
		margin:2px 2px 0 0;
		border:1px solid #9D9DA1;
		background: #ffffff;
		color: #3F84CD;
		text-align:center;
		font-weight: bold;
		font-size:10px;
	}
	.inputNewsletter {
		font-size:10px;
		padding-left:5px;
		padding-top:0px;
		letter-spacing: 0.1mm;
		height: 15px;
		he\ight:13px;

		margin-top:4px;
		margin-bottom:4px;

		font-size:10px;

		width:130px;
	}
	div.CointainerCheckbox {
		float:left;
		width:150px;
		margin-top:5px;
	}
	div.CointainerCheckbox input{
		padding-top: 7px;
		padding-bottom: 7px;
		border: 0px;
		border-bottom:2px solid #ffffff;
	}
	div.CointainerCheckbox a {
		margin-left:3px;
		vertical-align: top;
	}
	textarea.Kontakt {
		width:321px;
	}
	select.InputText {
		width: 209px;
	}
/*********************************************
	Napisali o nas
**********************************************/
	div.HeaderWriten {
		width: 100%;
		padding: 0px;
		margin: 0px auto;
	}
	div.WritenRow {
		clear: both;
		padding-bottom:10px;
	}
	div.WritenRow span.left {
		float: left;
		text-align: left;
		font-weight: bold;
		width: 49%;
	}

	div.WritenRow span.right {
		float: right;
		text-align: right;
		font-weight: bold;
		width: 49%;
	}
/*********************************************
	Do pobrania
**********************************************/
	a.LinkDownload, a.LinkDownload:active, a.LinkDownload:visited, a.LinkDownload:hover{
		float:left;
		margin-right: 15px;
		margin-top: 5px;
		margin-bottom: 25px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		background:#ECECE4;
		width: 80px;
		w\idth: 70px;
		height: 14px;
		border-left: 1px solid #DCDCD4;
		border-bottom: 1px solid #DCDCD4;
		font-weight: bold;
		text-decoration: none;
	}
/*********************************************
	Mapa strony
**********************************************/
	ul.Mapa {
		margin-left:12px;	
	}
	ul.MapaStrony {
		margin:0px;
		margin-left:14px;
		margin-top:4px;
	}
	ul.MapaStrony ul {
		margin:0px;
		margin-left:14px;
		margin-top:4px;
	}
	img.BulletMapaSub{
		display:inline;
		vertical-align: middle;
		margin-top:3px;
		margin-right:5px; 
	}

	form#newsDate {
		margin:0 0 30px 0;
		display: block;
	}
	form#newsDate select{
		margin: 3px 20px 0 0;
	}