/*------------------------------- RESET ------------------------------------------*/
*, html		{padding: 0px; margin: 0px;	font-size: 100%; vertical-align: baseline; background: transparent; border: 0; outline: 0;}
body		{background-color: #eaebec; font-family: Tahoma, Verdana, sans-serif;}
ol, ul, li	{list-style: none;}
table		{border: none; border-collapse: collapse; border-spacing: 0;}
blockquote, q {quotes: none;}
.clear		{clear: both;}

a img		{border: none;}
/*------------------------------- STRONA ------------------------------------------*/
.linkAktywny			{border-bottom: 1px solid #627ea1;}
.klasaInputa			{border: 1px solid #c4c4c4; width: 100%; height: 17px; padding-top: 3px; color: #6b97cd;}
.klasaInputaData 		{border: 1px solid #c4c4c4; width: 30%; height: 17px; padding-top: 3px; color: #6b97cd;}
textarea.klasaInputa		{border: 1px solid #c4c4c4; width: 100%; height: auto; padding-top: 3px; color: #6b97cd;}
.buttonWyslij			{background-color: #3e5169; border: 1px solid #a8b4c4; text-align: right; width: 102px; margin-top: 10px; font-size: 11px; float: right; height: 23px; color: #eaebed; padding: 2px 5px; margin-bottom: 10px;}
.buttonRekomendacje		{text-decoration: none; height: 14px; line-height: 12px; padding-left: 10px;background-color: #e5e5e5; position: absolute; color: #787878; border:1px solid #a5a5a5; font-size: 9px; right: 50px; width: 82px; padding-right: 10px; margin-top: 2px;}
.rekomendacjePtaszek	{position: absolute; width: 8px; height: 7px; right: 55px; background: url(../img//button_tlo_ptaszek.png) no-repeat; top: 6px;}
.linia					{width: 301px; height: 10px; border-bottom: 1px solid #dfdfe1; margin: 5px 0px;}
.liniaDluga				{width: 100%; height: 10px; border-bottom: 1px solid #dfdfe1; margin: 5px 0px;}
.pojedynczyLink			{position: relative;width: auto; border: 1px solid #a5a5a5; height: 18px; line-height: 20px; font-size: 9px; float: right; margin: 10px 20px 0px 0px; background-color: #e5e5e5; }
.pojedynczyLink a		{color: #787878;width: auto; text-decoration: none; padding:0px 15px 0px 10px;}
.buttonPtaszek			{position: realtive; margin-top: 7px; padding-right: 10px; float: right; background-color: red; width: 8px; height: 7px; background: url(../img/button_tlo_ptaszek.png) no-repeat;}


	/*------------------------------- TOP ------------------------------------------*/
#top		{width: 100%; height: 146px; border-bottom: 1px dotted #d3d4d4;position: relative;}
	.topSrodek	{width: 997px; height: 146px; margin: 0px auto;}
		.belkaGorna		{width: 380px; height: 29px; float: right;}
		.belkaGornaIkonki		{width: 154px; float: left; height: 29px;}
		.belkaGornaIkonki img	{margin-right: 5px;}
		
		.belkaGornaLogowanie	{width: 220px; background-color:#627ea1; height: 29px; float: right;}
			.belkaGornaLogowanieTekst	{width: 133px; line-height: 29px; height: 29px; float: left;}
			.belkaGornaLogowanieTekst li	{float: left; line-height: 29px; margin-right: 5px; color:#fefeff; font-size: 11px;}
			.belkaGornaLogowanieInput	{width: 87px; background-color: #556577; line-height: 25px; height: 29px; float: right;}
			.belkaGornaLogowanieInput select	{border: 1px solid #2f3841; font-size: 9px; background-color: #3f4b58; color:#fefeff; 
											width: 70px; margin-left: 10px; }
	
	/*------------------------------- LOGO I MENU ------------------------------------------*/
	.logo	{margin-top: 10px; width: 200px; height: 65px; float: left;}
	
	.menu	{display: block; width: auto; float: right; height: 18px; margin-top: 50px;}
	.menu li	{display: block; margin-left: 20px;}
	.menu li:hover	{border-bottom: 1px solid #627ea1; cursor: pointer;}
	.start	{width: auto; float: left;}
	.firma	{width: auto;float: left;}
	.oferta	{width: auto;float: left;}
	.klienci	{width: auto;float: left;}
	.portfolio	{width: auto;float: left;}
	.aktualnosci	{width: auto;float: left;}
	.kontakt	{width: auto;float: left;}
	/*------------------------------- MIDDLE ------------------------------------------*/
	
#middle		{width: 997px; height: auto; margin: 0px auto; margin-bottom: 20px;}
	.kolumnaLewaMiddle			{float: left; width: 645px; height: auto; font-size: 11px; margin-top: 47px; color: #787878;}
		.kreacja				{float: left; width: 642px; height: 204px; margin-bottom: 5px;}
		.kolumnaLewaMiddleTresc	{margin-top: 10px; width: 100%; height: auto;}
		.kolumnaLewaMiddleTresc h1 img	{float: left; margin-right: 10px;}
		.kolumnaLewaMiddleTresc h1		{color:#134077; font-size: 12px; font-weight: normal; line-height: 20px; float: left;}
		.kolumnaLewaMiddleTresc h2		{color:#134077; font-size: 11px; font-weight: normal; line-height: 16px; float: left; text-transform: uppercase; margin-top: 10px;}
		div.trescLewa				{float: left; display: block; width: 285px; margin-top: 13px; color: #787878; font-size: 11px; line-height: 14px; }
		div.trescPrawa			{float: left; display: block; width: 250px; margin-top: 13px; margin-left: 50px; color: #787878; font-size: 11px; line-height: 14px;}
	.kolumnaPrawaMiddle			{float: right;  width: 342px; height: 466px; background: url(../img/blog_glowna_tlo.png); margin-top: 20px; position: relative;}
	.kolumnaPrawaMiddle .blog						{display: block; width: 300px; margin: 73px 0px 0px 15px; font-size: 11px;}
	.blogNews						{width: 260px; height: auto;  margin-bottom: 10px;}
	
	.kolumnaPrawaMiddleBlog .liniaPodkreslenie				{width: auto; height: 2px; margin-right: 20px; background: url(../img/linia_podkreslenie_pl.png) repeat-x;}
	.kolumnaLewaMiddle .liniaPodkreslenie				{width: auto; height: 2px; background: url(../img/linia_podkreslenie_pl.png) repeat-x;}
	.blogNews a						{text-decoration: none; color: #787878;}
	.blogNews h3						{color: #134077; font-weight: normal; margin-top: 10px; font-size: 11px; text-transform: uppercase;}
	.blogNews div						{color: #787878; font-size: 9px; line-height: 14px;}
	
	.zaufani						{display: block; width: auto; margin-right: 20px; margin-top: 15px; float: left;}
	.zaufaliFotki					{float: left; margin-top: 55px;}
	
	/*------------------------------- O FIRMIE ------------------------------------------*/
	.kolumnaLewaLewa				{float: left; width: 300px; margin-top: 27px; height: auto;}
	.kolumnaLewaPrawa				{float: right; width: 316px; height: auto;margin-top: 27px;}
	.kolumnaLewaPrawa .blogNews p	{line-height: 14px;}
	.blogNewsIdea					{width: 301px; height: 540px; background:url(../img/o_firmie_idea_pl.jpg) no-repeat left top;}
	.blogNewsIdea div					{padding-top: 305px; color: #f5f5f6; padding-left: 20px;}
	.blogNewsIdea div p 				{line-height: 14px; margin-bottom: 10px; margin-right: 8px;}
	.blogNews h4						{margin: 10px 0px 5px 0px;}
	.blogNews h5						{margin: 10px 0px;color: #134077;}
	.blogNews h4 span					{color: #134077; margin-left: 5px;  font-size: 11px; text-transform: uppercase;}
	.kolumnaPrawaPrawa				{float: right; width: 328px; height: auto; margin-top: 47px; position: relative;}
	.kolumnaPrawaPrawa .kluczoweOsoby			{margin: 10px 0px; padding-bottom: 5px;}
	.kolumnaPrawaPrawa .kluczoweOsoby img			{border: 1px solid #dfdfe1;}
	.kolumnaPrawaPrawa .kluczoweOsoby div		{color: #787878; font-size: 11px; margin-top: 4px; line-height: 14px; width: 301px;}
	.kolumnaPrawaPrawa .kluczoweOsoby a			{color: #787878; font-size: 11px;}
	.kolumnaLewaLewa .blogNews p					{width: 301px; margin: 0px; padding: 0px; line-height: 14px;}
	.kolumnaLewaLewa .blogNews p a	{color: #787878; text-decoration: underline;}
	/*.kolumnaLewaPrawa p.naglowek				{margin-top: 10px;}*/
	
	.kolumnaLewaPrawa div.klienciTekstOdstep {margin-top: 30px; line-height: 17px; }
	.kolumnaLewaLewa div.klienciTekstOdstep {margin-top: 7px; line-height: 17px;}
	
	.oFirmieTekst					{line-height: 20px;}
	
	.kolumnaPrawaPrawa .blogNews h5	{font-size: 11px;}
	.rekomendacjePodpis				{text-align:right; margin-top: 5px;}
	.blogNews div.rekomendacjeOpis		{font-size: 11px; line-height: 13px; width: 301px;}
	
	
	.kolumnaLewaPrawa div.blogNews	{width: 310px;}

	/*------------------------------- REKOMENDACJE ------------------------------------------*/
	.fotka							{width: 50%; height: auto; float: left; margin-top: 15px;}
	.teskt							{width: 49%; height: auto; float: right;margin-top: 15px;}
	div.klienciTekst					{line-height: auto; font-size: 11px;}
	p.klienciTekstOdstep			{line-height: 16px; font-size: 11px;}
	h2.rekomendacjeTekstNaglowek	{color: #134077; line-height: 14px; margin-bottom: 10px;}
	
	/*------------------------------- PRACA ------------------------------------------*/
	h2.pracaNaglowek				{color: #134077; line-height: 14px; margin-top: 15px;}
	.formularzPraca					{width: 295px; height: auto; margin-left: 5px;}
	.formularzPraca p 				{width: 100%; font-size: 11px; color: #787878; line-height: 11px; padding-bottom: 4px;}
	.imie							{float: left; width: 140px;}
	.imie p							{width: 100%;}
	.nazwisko						{float: right; width: 140px; color: #787878;}
	.nazwisko p						{width: 100%;}
	.miasto							{float: left; width: 190px;}
	.kod							{width: 80px; float: right;}
	
	/*------------------------------- BLOG ------------------------------------------*/
	.wyswietlanyBlogTresc			{width: 640px; min-height: 300px; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; background-color: #efeff0; margin-top: 30px;}
	
	
	
	.kolumnaPrawaMiddleBlog			{float: right; width: 343px; height: auto; margin-top: 50px; position: relative;}
	.listaBlogowNaglowek			{height: 39px;background-color: #efeff0; margin: 0px; padding: 0px; width: 341px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; }
	.listaBlogowNaglowek a			{display: block; height: 19px; width: 114px; margin: 10px 0px 0px 15px;}
	.listaBlogow					{background-color: #efeff0;border-left: 1px solid #e4e4e4; width: 341px; border-right: 1px solid #e4e4e4;}
	.pojedynczyBlog					{background-color: #efeff0; padding-left: 15px;}
	.pojedynczyBlog:hover, .pojedynczyBlogAktywny			{background-color: #e3e3e4; }
	.pojedynczyBlog .blogNews		{margin: 0px 15px 0px 0px; padding: 0px; width: auto; }
	.pojedynczyBlog .blogNews a h3		{margin: 0px; padding: 10px 0px 0px 0px; }
	.pojedynczyBlog .blogNews p		{margin: 0px; padding: 0px 0px 10px 0px;}
	.pusty							{position: relative;background-color: #efeff0;border-left: 1px solid #e4e4e4; width: 341px; border-right: 1px solid #e4e4e4; height: 30px; }
	.stopkaBlog						{width: 343px; height:30px; margin-bottom: 20px; background: url(../img/stopka_blog_pl.png) no-repeat;}
	
	
	ul.blogStopkaArchiwum			{display: block; float: right; margin-right: 20px; font-size: 9px; color: #787878;}
	ul.blogStopkaArchiwum li			{float: left; font-size: 9px;}
	li.tekstStopkaArchiwum			{width: 50px; margin: 5px 1px; font-size: 9px;}
	li.rok							{margin: 5px 1px; width: 30px; cursor: pointer;font-size: 9px;}
	.rokAktywny						{font-weight: bold;font-size: 9px;}
	ul.blogStopkaArchiwum li.rok:hover		{font-weight: bold;font-size: 9px;}
	
	/*------------------------------- PORTFOLIO ------------------------------------------*/
	.portfolioLewaKolumna			{width: 340px; height: auto; float: right; margin-top: 47px;}
	
		ul.portfolioMenu				{width: 100%; height: auto; float: left; margin-bottom: 20px;}
		ul.portfolioMenu li				{width: 100%; height: 95px; margin-bottom: 2px; background: url(../img/portfolio_nieaktywne_pl.png) repeat-x left;}
		ul.portfolioMenu li:hover		{width: 100%; height: 95px; margin-bottom: 2px; background: url(../img/portfolio_aktywne_pl.png) repeat-x left; cursor: pointer;}
		ul.portfolioMenu li a			{display: block;width: 100%; height: 95px;}
		ul.portfolioMenu li a img		{margin-left: 30px;}
		ul.portfolioMenu .aktywne		{background: url(../img/portfolio_aktywne_pl.png) repeat-x left;}


		.portfolioLewaKolumnaTresc		{margin-top: 20px;}
		.portfolioLewaKolumnaTresc h3	{font-size: 11px; color: #787878; line-height: 16px; text-transform: uppercase;}
		.portfolioLewaKolumnaTresc p		{font-size: 11px; color: #787878; line-height: 16px; margin-bottom: 10px;}
		
	
	.portfolioPrawaKolumna					{width: 643px; height: auto; float: left; margin-top: 47px;}
	.portfolioPrawaKolumnaTresc				{margin-top: 20px;}
		.portfolioPrawaKolumnaTresc h3		{font-size: 11px; color: #787878; line-height: 16px; text-transform: uppercase;}
		.portfolioPrawaKolumnaTresc p		{font-size: 11px; color: #787878; line-height: 16px; margin-bottom: 10px;}
		
	.nawigacja						{width: 100%; margin-bottom: 5px; height: 25px; background-color: #7f7f7f;}
	.nawigacja .poprzednie			{float: left; font-size: 11px; color: #fff; line-height: 25px; margin-left: 5px;text-decoration: none;cursor: pointer;}
	.nawigacja .nastepne				{float: right; font-size: 11px; color: #fff; line-height: 25px; margin-right: 5px;text-decoration: none;cursor: pointer;}
	a.nawigacjaAktywna span.nastepne				{color: #fff; text-decoration: none; cursor: pointer;}
	a.nawigacjaAktywna span.poprzednie				{color: #fff; text-decoration: none; cursor: pointer;}
	
	.zdjecieGlownePortfolio			{width: auto; height: 197px; border: 1px solid #a7a7a7; margin-bottom: 10px;}
	
	.zdjeciaMiniaturkiLista			{width: 100%; float: left; display: block; height: auto; margin-left: 5px; margin-top: 10px;}
	.zdjeciaMiniaturkiLista li		{float: left; width: auto; height: auto; margin-right: 10px;}
	.zdjeciaMiniaturkiLista li img		{border: 1px solid #a7a7a7;}
	.zdjeciaMiniaturki				{border: 1px solid #a7a7a7;}
	
	
	/*------------------------------- BOTTOM ------------------------------------------*/
#bottom		{width: 100%; height: 202px; background-color: yellow; background: url(../img/bottom_tlo.png) repeat-x; }
	.bottomSrodek	{width: 997px; height: 202px; margin: 0px auto;}
	/*------------------------------- STOPKA ------------------------------------------*/
#stopka		{width: 100%; height: 200px; background-color: #dfe0e1;}
	.stopkaSrodek	{margin: 0px auto; width: 997px; height: 200px;}
	.partStopka		{float: left; width: 47px; height: 200px;}
	.partStopka p	{font-size: 11px; color: #787878; margin: 30px 0px 0px 0px;}
	
	.partLogaStopka	{float: right; width: 935px; height: 200px;}
	.partLogaStopkaTop a	{margin-top: 32px;}
	
	.assetLogoStopka			{background: url(../img/asset_logo_szare.png) no-repeat; width: 136px; height: 39px; display: block; float: left; margin-right: 60px; margin-left: 20px;}
	.assetLogoStopka:hover		{background: url(../img/asset_logo.png) no-repeat; width: 136px; height: 39px; display: block;}

	.assetLogo2Stopka			{background: url(../img/asset_logo_2_szare.png) no-repeat; width: 109px; height: 39px; display: block;float: left; margin-right: 60px;}
	.assetLogo2Stopka:hover		{background: url(../img/asset_logo_2.png) no-repeat; width: 109px; height: 39px; display: block;}
	
	.ibamLogoStopka				{background: url(../img/ibam_logo_szare.png) no-repeat; width: 151px; height: 39px; display: block;float: left; margin-right: 60px;}
	.ibamLogoStopka:hover		{background: url(../img/ibam_logo.png) no-repeat; width: 151px; height: 39px; display: block;}
	
	.deiferenteLogoStopka		{background: url(../img/diferente_logo_szare.png) no-repeat; width: 139px; height: 39px; display: block;float: left; margin-right: 60px;}
	.deiferenteLogoStopka:hover	{background: url(../img/diferente_logo.png) no-repeat; width: 139px; height: 39px; display: block;}
	/*
	.warsawLogoStopka			{background: url(../img/warsaw_destination_logo_szare.png) no-repeat; width: 113px; height: 46px; display: block;float: left; margin-right: 20px;}
	.warsawLogoStopka:hover		{background: url(../img/warsaw_destination_logo.png) no-repeat; width: 113px; height: 46px; display: block;}
	
	.voiceLogoStopka			{background: url(../img/the_voice_logo_szare.png) no-repeat; width: 69px; height: 46px; display: block;float: left; margin-right: 20px;}
	.voiceLogoStopka:hover		{background: url(../img/the_voice_logo.png) no-repeat; width: 69px; height: 46px; display: block;}
	*/
	.pointLogoStopka			{background: url(../img/touch_point_logo_szare.png) no-repeat; width: 78px; height: 46px; display: block;float: left;}
	.pointLogoStopka:hover		{background: url(../img/touch_point_logo.png) no-repeat; width: 78px; height: 46px; display: block;}
	
	
	
/*---------- DODANE -----------------*/

.blogNewsBez						{width: auto; height: auto; padding-bottom: 10px;}
	.blogNewsBez a					{text-decoration: none; color: #134077;}
	.blogNewsBez h5					{color: #134077; font-weight: bold; margin-top: 10px; font-size: 11px; margin-bottom: 5px;}
	.blogNewsBez p					{color: #787878; font-size: 11px; line-height: 14px; margin-bottom: 5px;}
	
.blogNewsEtapy						{width: auto; height: auto; padding-bottom: 5px;}
	.blogNewsEtapy h4				{margin: 0px 0px 2px 0px;}
	.blogNewsEtapy h4:hover				{cursor: pointer;}
	.blogNewsEtapy h4 span			{color: #134077; margin-left: 5px;  font-size: 11px; text-transform: uppercase;}
	.blogNewsEtapy p					{color: #787878; font-size: 11px; line-height: 14px; margin-bottom: 5px;}
	.blogNewsEtapy .liniaPodkreslenie	{width: auto; height: 2px; background: url(../img/linia_podkreslenie_pl.png) repeat-x;}
	
.blad 								{color: red; font-weight: bold;}
.plecInputy							{margin-top: 5px;}
.inputSzukaj						{border: 1px solid #2f3841; font-size: 9px; background-color: #3f4b58; color:#fefeff; width: 70px; margin-left: 10px;}
div.naglowek							{margin-bottom: 10px;}
.podNaglowek						{width: 100%; height: 10px; display: block;}
.pracaTekst							{margin-left: 15px; color:#787878;}


.wyswietlanaAktualnoscTresc			{width: 640px; height: auto; border:1px solid #e4e4e4; background-color: #efeff0; margin-top: 30px; margin-bottom: 20px;}
.listaAktualnosciNaglowek			{height: 39px; margin: 0px; padding: 0px;}
.wyswietlanaAktualnoscTresc h5		{margin: 15px 0px 0px 15px; width: auto;}
.wyswietlanaAktualnoscTresc h1		{margin: 20px 0px 5px 15px; color: #134077; font-weight: normal; font-size: 18px; line-height: 20px;}
.wyswietlanaAktualnoscTresc p		{margin: 0px 15px 10px 15px; font-size: 11px; line-height: 16px;}
.aktualnoscZdjecie img				{margin: 15px 0px 0px 15px; border: 1px solid #dfdfe1;}
.liniaDlugaAktualnosci				{background: url(../img/linia_podkreslenie_pl.png) repeat-x; width: auto; height: 10px; margin: 10px 15px;}

.blogNews p							{margin-bottom: 5px;}

.errorGlowny, .poprawne				{width: 800px; margin: 10px auto; padding-top: 5px; height: 45px; line-height: 45px; background-color: #efeff0; border-bottom: 2px solid #e5e5e5; border-top: 2px solid #e4e4e4;}
.wyswietlanaIkonka					{float: left; margin-right: 30px; margin-left: 125px;}
.tesktKomunikat						{text-align: center; float: left; width: auto; color: #787878; font-size: 14px;}
.stronicowanie						{display: block; float: right;width: auto; padding-top: 10px; height: auto;color: #787878; margin-right: 20px;}
.stronicowanie li						{float: left;font-size: 10px; margin: 0px 2px;  border: 1px solid #e4e4e4; width: auto; text-align: center; height: 20px; line-height: 20px; background-color: #eaebec;}
.stronicowanie .opis					{border: none; width: auto; text-align: center; height: 20px; line-height: 20px; background-color: #efeff0;}
.stronicowanie li:hover				{background-color: #e3e3e4;}


.stronicowanie li a					{text-decoration: none; color: #787878; margin: 0px 2px;}
.stronicowanie li a:hover				{color: #134077; }
.etapyRealizacjiPod					{margin-top: 15px;}
.zakresDzialanLista					{width: auto; height: auto; color: #787878; margin-left: 5px; font-size: 11px; line-height: 16px;}
.zakresDzialanLista ul				{list-style-type: none; padding: 0px; margin: 0px;}
.zakresDzialanLista li				{background-image: url(../img/styl_listy_pl.jpg); height: auto; width: auto; background-repeat: no-repeat; background-position: 0px 2px; padding-left: 14px;}


.kolumnaPrawaPrawa h5				{font-size: 11px; color:#134077; margin: 5px;}


/*---------- DODANE 14.07.2010 DOTYCZY WYSWIETLANIA GALERII W AKTUALNOSCI ------------*/
.box								{width: 140px; height: auto; float: left; margin: 7px; text-align: center; padding: 5px 0px;}