/*****************************************************
*               Arkusz CSS v0.1 Tranzyt              *
*****************************************************/
BODY
{
	background: #1e489e url(gfx/bodyBkg.gif) repeat-x;
	margin: 0;
	font-family: verdana;
	font-size: 11px;
	color: #fdfdfe;
}
#centerBlock
{
	width: 984px;
	height: auto;
	margin: 0 auto;
	text-align: justify;
}
/* -------------------- TOP 1 -------------------- */
#topBlock1
{
	background: #000;
	width: 922px;
	height: 25px;
	padding: 11px 44px 0 16px;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #1e489e;
}
#topBlock1 a
{
	width: auto;
	height: auto;
	text-decoration: none;
	color: #767575;
	float: left;
}
#topBlock1 .engFlag
{
	background: url(gfx/engFlag.gif) right no-repeat;
	width: 100px;
	height: 13px;
	padding: 0 11px 0 0;
	display: block;
	float: right;
	text-decoration: none;
	font-size: 10px;
	color: #1d479c;
}
/* -------------------- MENU -------------------- */
#menuBlock
{
	background: #000;
	width: 967px;
	height: 50px;
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #1e489e;
}
#menuBlock li
{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 4px 0 0;
	float: left;
}
#menuBlock .home
{
	background: url(gfx/menuHomeA.gif) no-repeat;
	width: 80px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .home:hover
{
	background: url(gfx/menuHome.gif) no-repeat;
	width: 80px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .produkt
{
	background: url(gfx/menuProduktA.gif) no-repeat;
	width: 96px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .produkt:hover
{
	background: url(gfx/menuProdukt.gif) no-repeat;
	width: 96px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .referencje
{
	background: url(gfx/menuReferencjeA.gif) no-repeat;
	width: 120px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .referencje:hover
{
	background: url(gfx/menuReferencje.gif) no-repeat;
	width: 120px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .wyroznienia
{
	background: url(gfx/menuWyroznieniaA.gif) no-repeat;
	width: 133px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .wyroznienia:hover
{
	background: url(gfx/menuWyroznienia.gif) no-repeat;
	width: 133px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .atesty
{
	background: url(gfx/menuAtestyA.gif) no-repeat;
	width: 82px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .atesty:hover
{
	background: url(gfx/menuAtesty.gif) no-repeat;
	width: 82px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .zapytania
{
	background: url(gfx/menuZapytaniaA.gif) no-repeat;
	width: 192px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .zapytania:hover
{
	background: url(gfx/menuZapytania.gif) no-repeat;
	width: 192px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .download
{
	background: url(gfx/menuDownloadA.gif) no-repeat;
	width: 109px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .download:hover
{
	background: url(gfx/menuDownload.gif) no-repeat;
	width: 109px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .kontakt
{
	background: url(gfx/menuKontaktA.gif) no-repeat;
	width: 101px;
	height: 50px;
	display: block;
	float: left;
}
#menuBlock .kontakt:hover
{
	background: url(gfx/menuKontakt.gif) no-repeat;
	width: 101px;
	height: 50px;
	display: block;
	float: left;
}
/* -------------------- TOP 2 -------------------- */
#topBlock2
{
	background: #000 url(gfx/topBlock2.jpg) repeat-x;
	width: 982px;
	height: 245px;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #1e489e;
}
h1
{
	width: 178px;
	height: 79px;
	margin: 25px 0 0 0;
	padding: 0 75px 0 0;
	font-size: 0;
	float: right;
}
h1 a
{
	width: 178px;
	height: 79px;
	margin: 0;
	padding: 0;
	display: block;
	font-size: 0;
}	
#topBlock2 p
{
	width: 240px;
	height: auto;
	margin: 0;
	padding: 20px 80px 0 0;
	display: block;
	float: right;
	text-align: right;
}
/* -------------------- CONTENT -------------------- */
#contentBlock
{
	background: #000;
	width: 984px;
	height: auto;
	margin: 0;
	padding: 0;
}
/* ---------- LEFT SIDE ---------- */
#contentBlock .leftSide
{
	background: url(gfx/leftSideBkg.jpg) no-repeat;
	width: 642px;
	height: auto;
	padding: 16px 0 115px 1px;
	float: left;
}
#contentBlock .leftSide2
{
	background: url(gfx/leftSideBkg2.jpg) no-repeat;
	width: 642px;
	height: auto;
	padding: 16px 0 115px 1px;
	float: left;
}
.h2Home
{
	background: url(gfx/h2Home.gif) no-repeat;
	width: 209px;
	height: 34px;
	margin: 0 0 28px 0;
	padding: 0;
	font-size: 0;
}
.h2Produkt
{
	background: url(gfx/h2Produkt.gif) no-repeat;
	width: 209px;
	height: 34px;
	margin: 0 0 28px 0;
	padding: 0;
	font-size: 0;
}
.h2Referencje
{
	background: url(gfx/h2Referencje.gif) no-repeat;
	width: 209px;
	height: 34px;
	margin: 0 0 70px 0;
	padding: 0;
	font-size: 0;
}
.h2gal {margin: 0 0 28px 0;}

.h2Wyroznienia
{
	background: url(gfx/h2Wyroznienia.gif) no-repeat;
	width: 209px;
	height: 34px;
	margin: 0 0 40px 0;
	padding: 0;
	font-size: 0;
	}
.h2Atesty
{
	background: url(gfx/h2Atesty.gif) no-repeat;
	width: 209px;
	height: 34px;
	margin: 0 0 28px 0;
	padding: 0;
	font-size: 0;
}
.h2Zapytania
{
	background: url(gfx/h2Zapytania.gif) no-repeat;
	width: 209px;
	height: 34px;
	margin: 0 0 28px 0;
	padding: 0;
	font-size: 0;
}
.h2Download
{
	background: url(gfx/h2Download.gif) no-repeat;
	width: 209px;
	height: 34px;
	margin: 0 0 70px 0;
	padding: 0;
	font-size: 0;
}
.h2Kontakt
{
	background: url(gfx/h2Kontakt.gif) no-repeat;
	width: 209px;
	height: 34px;
	margin: 0 0 28px 0;
	padding: 0;
	font-size: 0;
}
.h2Realizacje_2
{
	background: url(gfx/h2Realizacje_2.gif) no-repeat;
	width: 209px;
	height: 34px;
	margin: 0 0 28px 0;
	padding: 0;
	font-size: 0;
}
#contentBlock .leftSide p
{
	width: 538px;
	height: auto;
	margin: 0;
	padding: 0 0 13px 33px;
}
#contentBlock .leftSide2 p
{
	width: 538px;
	height: auto;
	margin: 0;
	padding: 0 0 13px 33px;
}
.imgTm
{
	background: url(gfx/imgTm.gif) no-repeat;
	width: 161px;
	height: 58px;
	margin: 32px 0 45px 200px;
	display: block;
}
/* ---------- RIGHT SIDE ---------- */
#contentBlock .rightSide
{
	background: url(gfx/rightSideBkg.gif) no-repeat;
	width: 340px;
	height: auto;
	padding: 16px 1px 0 0;
	float: right;
	
}
.frame
{
	width: auto;
	height: auto;
	padding: 28px 0 25px 24px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #576b90
}
.h2realizacje
{
	background: url(gfx/h2realizacje.gif) no-repeat;
	width: 265px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: right;
	font-size: 0;
}

#contentBlock .rightSide p
{
	width: 270px;
	height: auto;
	margin: 0;
	padding: 0 0 17px 0;
	color: #6a6969;
}
.imgBox
{
	width: 268px;
	height: 171px;
	margin: 0 0 17px 0;
	display: block;
	border: 1px solid rgb(49,93,182);	
}
.imgBox2
{
	width: 268px;
	height: 171px;
	margin: 0 0 17px 0;
	display: block;
	border: 0px solid rgb(49,93,182);	
}
.imgBox3
{
	width: 240px;
	height: 160px;
	margin: 0 0 17px 0;
	display: block;
	border: 1px solid rgb(49,93,182);	
}
.imgFoto
{
	background: url(gfx/imgFoto2.jpg) no-repeat;	
}

#contentBlock .rightSide a
{
	text-decoration: none;
	color: #1c49a3;
}

#ref {margin: 40px 73px 0 120px; padding: 0; width: 750px; height: auto;}
#ref span {margin: 0 40px 0 0; float: left;}
#contentBlock #refP {margin: px 0; width: 430px; height: auto; float: left;}
#contentBlock #refP p {margin: 5px 0 10px 0; padding: 0; width: 430px;}
#contentBlock #refP p.refOpis, #contentBlock #wyrP p.refOpis  {margin: 0 0 15px 5px; padding: 0;}
#contentBlock a.linkRef {margin: 0 0 10px 5px; text-decoration: none; font-size: 10px; color: #0099FF; white-space: nowrap;}



#ref5 {margin: 40px 73px 0 12px; padding: 0; width: 20px; height: auto;}
#ref span {margin: 0 40px 0 0; float: left;}
#contentBlock #refP5 {margin: px 0; width: 430px; height: auto; float: left;}
#contentBlock #refP p {margin: 5px 0 10px 0; padding: 0; width: 430px;}
#contentBlock #refP5 p.refOpis5, #contentBlock #wyrP5 p.refOpis5  {margin: 0 0 5px 0; padding: 0;}
#contentBlock a.linkRef5 {margin: 5px 0 5px 0; text-decoration: none; font-size: 10px; color: #0099FF; white-space: nowrap;}




#contentBlock a.linkGal {margin: 0 0 10px 70px;}
#gal {margin: 50px 110px 20px 110px; padding: 0; height: auto;}
#gal .imgGal {margin: 5px 5px; padding: 0; float: left;}
#gal h3 {margin: 10px 5px; padding: 0;}

#gal .imgWyr {margin: 10px 30px 10px 30px; padding: 0; width:140px; height: 180px; float: left;}
#contentBlock  #wyrP {margin: 30px 0; float: left;}
#contentBlock  #wyrP p {margin: 5px 0 15px 0; padding: 0; width: 500px;}

#contentBlock .centerSide  p.pZap {margin: 30px 80px 20px 100px; padding: 0; width: auto; }
#form {margin: 30px 80px 20px 80px; padding: 0;}

#form h3 {margin: 5px; color: #0099FF; width: 8px; float: left; font-size:12px} 
#form label {margin: 5px; padding: 0; width: 780px; float: left;}




#form #text {margin: 5px 30px 20px 20px; padding: 0; width: 780px; float:center;}






#form #inputText {margin: 5px 10px 10px 20px; padding: 0; width: 200px; float: left; }
#form .labSh {margin: 5px; padding: 0; width: 250px; float: left;}
#button {margin: 5px 10px 10px 140px; padding: 0; width: 150px; float: left;}

#gal .imgDL {margin: 5px 5px 5px 5px; padding: 0; width: 50px; height: 50px; float: left;}
#contentBlock #downloadP {margin: 0 0 20px 0; width: 600px; float: left;}
#contentBlock  #downloadP p {margin: 0px 30px 15px 0px; padding: 0; width: 600px; float: left;}

#contentBlock #kontaktP {margin: 30px 10px; padding: 0; width: 320px; float: left;}
#kontaktP .imgKon {margin: 10px 10px 10px 10px; padding: 0; width: 175px; height: 100px; float: left;}
#kontaktP .imgKon2 {margin: 0px 20px 0px 10px; padding: 0; width: 175px; height: 100px; float: left;}
#gal span.imgKon3 {margin: 0px 0px 0px 0px; padding: 0; width: 305px; height: 305px; float: left;
	 display: block;}
#contentBlock  #kontaktP p {margin: 0px 0 0px 0; padding: 0; width: 350px; float: left; clear: left; }

/* ---------- CENTER SIDE ---------- */
#contentBlock .centerSide
{
	background: url(gfx/centerSideBkg.jpg) no-repeat;
	width: 983px;
	height: auto;
	padding: 16px 0 112px 1px;
}

#contentBlock .centerSide2
{
	background: url(gfx/centerSideBkg2.jpg) no-repeat;
	width: 983px;
	height: auto;
	padding: 16px 0 112px 1px;
}
#contentBlock .centerSide_referencje
{
	background: url(gfx/centerSideBkg_referencje.jpg) no-repeat;
	width: 983px;
	height: auto;
	padding: 16px 0 112px 1px;
}

#contentBlock .centerSide p, #contentBlock .centerSide2 p
{
	width: 914px;
	height: auto;
	margin: 0;
	padding: 0 35px 17px 35px;
}
#contentBlock .centerSide_referencje p
{
	width: 914px;
	height: auto;
	margin: 0;
	padding: 0 35px 17px 35px;
}



/* -------------------- FOOTER -------------------- */
#footerBlock
{
	background: url(gfx/footerBlockBkg.gif) no-repeat;
	width: 984px;
	height: 69px;
	margin: 0;
	padding: 0;
	color: #767575
}
#footerBlock a
{
	text-decoration: none;
	color: #767575;
}
#footerBlock a.active
{
	text-decoration: none;
	color: #1d469a;
}
#footerBlock span
{
	width: 349px;
	height: auto;
	display: block;
	float: left;
	padding: 20px 0 0 169px;
}
#footerBlock .right
{
	width: auto;
	height: auto;
	padding: 32px 44px 0 0;
	display: block;
	float: right;
	color: #fff;
}
#footerBlock .licznik
{
	width: auto;
	height: auto;
	padding: 50px 10px 0 0;
	display: inline;
	float: center;
	color: #222222;
}
#footerBlock .statsy
{
	width: auto;
	height: auto;
	padding: 40px 10px 0 0;
	display: inline;
	float: center;
	color: #222222;
}
#footerBlock .right a
{
	text-decoration: none;
	color: #1c49a4;
}
/* -------------------- EXTRAS -------------------- */
.clearfloat 
{
	height: 0px;
    font-size: 0;
	clear: both;
    line-height: 0;
	margin: 0;
}
img
{
	border: none;
}