/* -----[ reset ]-------------------------------------------------- */

* { margin: 0; padding: 0; font: 10pt normal Tahoma, Verdana, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

/* -----[ main styles ]-------------------------------------------- */

body {
	background: #fff url('../img/back_body.gif') top left repeat-x;
	color: #666f78;
	margin-bottom: 10px;
}

#topWrapper {
	margin: 0 auto;
	width: 744px;
	background: url('../img/back_top.gif') repeat-y;
}
#bottomWrapper {
	margin: 0 auto;
	width: 744px;
	background: url('../img/back_bottom.gif') repeat-y;
}
img { border: none; margin: 5px auto; display: block; }

/* -----[ classes styles ]----------------------------------------- */

.clear { clear: both; }
.alert { margin: 5px 0; display: block; width: 716px; text-align: center; font-weight: bold; }
.pause { margin-top: 10px; height: 5px; text-align: center; background: url('../img/pause_line.gif') repeat-x; width: 90%; display: block; }
/*
.alert { margin: 5px 0; display: block; width: 716px; height: 30px; border-top: 2px solid #fc6; border-bottom: 2px solid #fc6; background: #ff9; }

*/
/* -----[ header styles ]------------------------------------------ */

#topMenu {
	margin: 0 auto;
	width: 736px; height: 75px;
	position: relative;
	overflow: hidden;
	background: #5e6b7b url('../img/back_topmenu.gif') top left repeat-x;
}

#topMenu #slogan {
	position: absolute;
	top: 0; right: 0;
	width: 245px; height: 75px;
	text-align: center;
	background: #a9bdba url('../img/lang_back.gif');
}

#slogan span {
	position: absolute;
	width: 245px; height: 40px;
	top: 0; left: 0;
	color: #f3fafc;
	font-size: 8pt;	
	margin-top: 30px;
	display: block;
}

#slogan li {
	display: inline;
}

#slogan #lm1 {
	width: 150px;
	height: 25px;
	display: block;
	color: #717a83;
	font-size: 7pt;
	float: left;
	line-height: 25px;
}

#slogan #lm2 {
	width: 24px;
	height: 25px;
}
#slogan #lm2 a {
	width: 24px;
	height: 25px;
	background: url('../img/lm_pl.gif') top left no-repeat;
	display: block;
	float: left;
	line-height: 25px;
}

#slogan #lm3 {
	width: 29px;
	height: 25px;
}

#slogan #lm3 a {
	width: 29px;
	height: 25px;
	background: url('../img/lm_en.gif') bottom left no-repeat;
	display: block;
	float: left;
	line-height: 25px;
}
#slogan #lm4 {
	width: 24px;
	height: 25px;
}

#slogan #lm4 a {
	width: 24px;
	height: 25px;
	background: url('../img/lm_de.gif') bottom left no-repeat;
	display: block;
	float: left;
	line-height: 25px;
}


#lm2  a span, #lm3  a span, #lm4  a span {
	display: none;
}

.slogan {
	width: 245px; height: 79px;
}

/* -----[ topMenu styles ]----------------------------------------- */

#topMenu ul {
	list-style-type: none;
}

#topMenu li {
	display: inline;
}

#topMenu #tm1 {
	width: 76px;
	height: 75px;
}
#topMenu #tm1 a {
	width: 76px;
	height: 75px;
	background: url('../img/tm_1.gif') top left no-repeat;
	display: block;
	float: left;
	line-height: 75px;
}

#topMenu #tm1 a:hover {
	width: 76px;
	height: 75px;
	background: url('../img/tm_1.gif') bottom left no-repeat;
	display: block;
	float: left;
	line-height: 75px;
}

#topMenu #tm2 { width: 76px; height: 75px; }
#topMenu #tm2 a {
	width: 76px;
	height: 75px;
	background: url('../img/tm_2.gif') top left no-repeat;
	display: block;
	float: left;
	line-height: 75px;
}
#topMenu #tm2 a:hover {
	width: 76px;
	height: 75px;
	background: url('../img/tm_2.gif') bottom left no-repeat;
	display: block;
	float: left;
	line-height: 75px;
}

#topMenu #tm3 { width: 100px; height: 75px; }
#topMenu #tm3 a {
	width: 100px;
	height: 75px;
	background: url('../img/tm_3.gif') top left no-repeat;
	display: block;
	float: left;
	line-height: 75px;
}
#topMenu #tm3 a:hover {
	width: 100px;
	height: 75px;
	background: url('../img/tm_3.gif') bottom left no-repeat;
	display: block;
	float: left;
	line-height: 75px;
}

#topMenu #tm4 { width: 99px; height: 75px; }
#topMenu #tm4 a {
	width: 99px;
	height: 75px;
	background: url('../img/tm_4.gif') top left no-repeat;
	display: block;
	float: left;
	line-height: 75px;
}
#topMenu #tm4 a:hover {
	width: 99px;
	height: 75px;
	background: url('../img/tm_4.gif') bottom left no-repeat;
	display: block;
	float: left;
	line-height: 75px;
}

#topMenu #tm5 { width: 76px; height: 75px; }
#topMenu #tm5 a {
	width: 76px;
	height: 75px;
	background: url('../img/tm_5.gif') top left no-repeat;
	display: block;
	float: left;
	line-height: 75px;
}
#topMenu #tm5 a:hover {
	width: 76px;
	height: 75px;
	background: url('../img/tm_5.gif') bottom left no-repeat;
	display: block;
	float: left;
	line-height: 75px;
}

#tm1  a span, #tm2  a span, #tm3  a span, #tm4  a span, #tm5  a span {
	display: none;
}

/* -----[ flash animation styles ]--------------------------------- */

#flash {
	position: relative;
	margin: 0 auto;
	width: 736px;
	height: 197px;
	background: url('../img/back_flash.jpg') top left no-repeat;
}

#flash h1 { position: absolute; top: 0; left: 0; width: 736px; height: 197px; }
#flash h1 a { display: block; width: 736px; height: 197px; }
#flash h1 a span { display: none; }

/* -----[ languages bar styles ]----------------------------------- */

#langi {
	position: relative;
	margin: 0 auto;
	width: 736px;
	height: 21px;
	background: #3e454d;
}

#langi #amp {
	position: absolute;
	top: 0px; left: 0px;
	display: block;
	width: 103px; height: 21px;
	margin: 0; padding: 0;
	background: url('../img/url.gif') top left no-repeat;
}

/* -----[ mainContent styles ]------------------------------------- */

#mainContent {
	margin: 0 auto; padding-top: 0px;
	width: 736px;
	background: #e8ebf0 url('../img/back_maincontent.gif') top left repeat-x;
	line-height: 1.5em;
}
#mainContent * { font-size: 8pt; line-height: 1.5em; }

#mainContent #mc1 { position: relative; display: block; margin: 0; padding: 0 5px; width: 232px; height: 360px; float: left; }
#mainContent #mc2 { position: relative; display: block; margin: 0; padding: 0 5px; width: 232px; height: 360px; float: left; }
#mainContent #mc3 { position: relative; display: block; margin: 0; padding: 0 5px; width: 232px; height: 360px; float: left; }

#mainContent .divide { position: relative; width: 5px; background: url('../img/back_divide.gif') top left repeat-y; float: left; padding: 0; }
#mainContent .divide2 { position: relative; width: 5px; background: url('../img/back_divide.gif') top left repeat-y; float: left; margin: 0 0px; padding: 0; }

.mt23 { margin-top: 23px; }
#mainContent .d_top { margin: 0; padding: 0; width: 5px; height: 6px; position: absolute; top: 0; left: 0; background: url('../img/divide_black.gif'); }
#mainContent .d_bottom { margin: 0; padding: 0; width: 5px; height: 6px; position: absolute; bottom: 0; left; 0; background: url('../img/divide_black.gif'); }

#mainContent a { color: #666f78; }
#mainContent p { display: block; font-size: 9pt; text-align: justify; font-size: 8pt; line-height: 1.5em; }
#mainContent .teaser { margin: 0; padding: 0; display: block; margin-bottom: 5px; }

#mainContent h2 { font-size: 14pt; font-weight: bold; }

#mainContent h2.firma { width: 232px; height: 46px; line-height: 46px; background: url('../img/h2_firma.gif'); }
#mainContent h2.firma a { width: 232px; height: 46px; display: block; }
#mainContent h2.firma span { display: none; }

#mainContent h2.quest { width: 232px; height: 50px; line-height: 50px; background: url('../img/h2_quest.jpg'); margin-top: 10px; }
#mainContent h2.quest span { display: none; }

#mainContent h2.oferta { width: 232px; height: 46px; line-height: 46px; background: url('../img/h2_oferta.gif'); }
#mainContent h2.oferta a { width: 232px; height: 46px; display: block; }
#mainContent h2.oferta span { display: none; }

#mainContent h2.kontakt { width: 232px; height: 46px; line-height: 46px; background: url('../img/h2_kontakt.gif'); }
#mainContent h2.kontakt a { width: 232px; height: 46px; display: block; }
#mainContent h2.kontakt span { display: none; }

#mainContent ul { list-style-type: ; padding-left: 15px;  }
#mainContent li { margin-bottom: .5em; }

#mainContent a.readMore { position: absolute; bottom: 0px; right: 5px; color: #29bdfd; background: url('../img/more.gif') bottom right no-repeat; padding-right: 10px; font-weight: bold; }
#mainContent a.readMore:hover { color: #1f8ebe; }

#mainContent a.readMore2 { position: relative; display: block; color: #29bdfd; background: url('../img/more.gif') bottom right no-repeat; padding-right: 10px; font-weight: bold; text-align: right; }
#mainContent a.readMore2:hover { color: #1f8ebe; }

address {  }
address span { display: block; margin: 2px 0; }
address .firm { font-weight: bold; }
.address1 { margin-bottom: 15px; }

#content { margin: 0 10px; padding-bottom: 10px; }
#content .ms10 { margin: 0 10px; }
#content h2.firmaLong { display: block; width: 716px; height: 46px; background: url('../img/h2_firmalong.gif'); }
#content h2.firmaLong span { display: none; }

#content h2.ofertaLong { display: block; width: 716px; height: 46px; background: url('../img/h2_ofertalong.gif'); }
#content h2.ofertaLong span { display: none; }

#content h2.klienciLong { display: block; width: 716px; height: 46px; background: url('../img/h2_kliencilong.gif'); }
#content h2.klienciLong span { display: none; }

#content h2.referencjeLong { display: block; width: 716px; height: 66px; background: url('../img/h2_referencjelong.gif') top left no-repeat; }
#content h2.referencjeLong span { display: none; }

#content h2.kontaktLong { display: block; width: 716px; height: 46px; background: url('../img/h2_kontaktlong.gif') top left no-repeat; }
#content h2.kontaktLong span { display: none; }

#content h3 { margin: 0; padding: 0; display: block; color: #3e454d; margin: 5px 0px; font-size: 10pt; font-weight: bold; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; }


#content p { font-size: 10pt; line-height: 1.6em; margin-top: 10px; text-align: left; }
#content p.left { text-align: left; }
#content p.right { text-align: right; }
#content p.justify { text-align: justify; }

#content strong, #content b { font-weight: bold; }
#content em, #content i { font-style: italic }
	
#content dt { margin: 3px 0; padding: 0; }
#content dd { margin: 0; padding: 0; }
#content dd ul { margin: 0; padding: 0; list-style-type: none; }
#content dd li { margin: 0; padding: 0; margin: 5px 15px; }

#content ol { list-style-position: inside; }
#content ol li { margin: 5px 0; }

/* -----[ oferta page styles ]------------------------------------- */

#ofLeft { margin: 0; padding: 0; width: 380px; float: left; }
#ofRight { margin: 0; margin-top: 10px; padding: 0; width: 320px; float: right; display: block; }
#ofRight H3 { margin: 0; display: block; font-weight: bold; }
#ofRight a { margin: 0; padding: 0; width: 150px; border: 0px solid #fff;  }
#ofRight img { margin: 0; padding: 0; width: 150px; height: 113px; border: 2px solid #ccc; }

/* -----[ referencje page styles ]---------------------------------- */

.ref { margin: 0 auto; width: 480px; list-style-type: none; display: block; clear: left; }
.ref li { display: inline; width: 90px; text-align: center; }
.ref li a {
	margin: 0 10px;
	_margin: 0 10px;
	width: 90px;
	display: block;
	float: left;
}
.ref img { border: 2px solid #ccc; }

#refLeft { margin: 0; padding: 0; width: 200px; float: left; }
#refRight { margin: 0; padding: 0; width: 480px; float: right; }

#refLeft ol, #refLeft li {
	margin: 0; padding: 0;

}
/* -----[ contact page styles ]------------------------------------ */

#kmc1 { display: block; padding: 0 0px; width: 232px; height: 360px; float: left; }
#kmc2 { display: block; padding: 0 5px; width: 232px; height: 360px; float: left; }
#kmc3 { position: relative; display: block; padding: 0 2px; width: 228px; height: 360px; float: left; }


#kmc1 .pause, #kmc1 .nip, #kmc1 .regon, #kmc1 .krs, #kmc1 .court, #kmc1 .bank, #kmc1 .account, #kmc1 .insurance {
	font-size: 7pt;
}

#kmc2 p.mapka {
	margin-top: 10px;
	font-size: 8pt; font-weight: bold; text-align: center;
}
/* -----[ contactForm styles ]------------------------------------- */

#status { width: 100%; text-align: center; display: block; font-size: 7pt; font-weight: bold; color: #f00; }
#status p { margin: 0; padding: 0; font-size: 7pt; text-align: center; }
#status p label.cFormError { font-size: 7pt; font-weight: bold; color: #f00; display: block;}

#cForm { position: absolute; bottom: 5px; margin: 0 auto; padding: 0; font-size: 9pt; }

#cForm label {
	display: block;
}
#cForm input {
	margin-bottom: 5px;
	display: block;
	width: 99% !important;
	width: 228px;
	_width: 99%;
	border: 1px solid #d2dae4;
	border-top: 1px solid #a4a9af;
	border-left: 1px solid #bdc1c7;
	background: #dbe2ea;
}
#cForm #cSubmit {
	float: right;
	width: 44px; height: 11px;
	background: url('../img/submit_back.gif') top right no-repeat;
	border: none;
	text-align: right;
}
#cForm textarea {
	margin-bottom: 5px;
	border: 1px solid #d2dae4;
	border-top: 1px solid #a4a9af;
	border-left: 1px solid #bdc1c7;
	height: 100px;
	width: 99%;
	overflow: auto;
	display: block;
	background: #dbe2ea;
}

/* -----[ partners styles------------------------------------------ */

#partners {
	margin: 0 auto;
	position: relative;
	width: 736px; height: 42px;
	font-size: 8pt;
}
.back1 { background: #e8ecf0 url('../img/back_partners1.gif') top left no-repeat; }
.back2 { background: #e8ecf0 url('../img/back_partners2.gif') top left no-repeat; }

#partners #p1 {
	position: absolute; top: 5px; left: 0;
	width: 78px; height: 37px;
	background: url('../img/partners.gif');
}
#partners #p2 {
	position: absolute; top: 5px; left: 85px;
	width: 630px; height: 35px;
}

#p2 p { width: 630px; height: 35px; line-height: 35px; text-align: left; font-size: 8pt; font-weight: bold; color: #afb3b7; }

.fade { font-size: 8pt; }

/* -----[ footer styles ]------------------------------------------ */

#footer {
	margin: 0 auto;
	width: 736px; height: 78px;
	background: #5e6b7b url('../img/back_footer.gif') top left repeat-x;
	position: relative;
	font-size: 7pt;
	color: #cfdbe9;
}

#footer #asl {
	position: absolute;
	top: 0px; left: 0px;
	width: 110px; height: 39px;
	background: url('../img/logo_small.gif') top left no-repeat;
}

#footer #sl {
	width: 110px;
	height: 39px;
}

#footer #promus {
	top: 39px;
	left: 8px;
	position: absolute;
	font-size: 7pt;
}

#footer ul {
	position: absolute;
	top: 8px;
	right: 10px;
}

#footer ul li {
	display: inline;
	font-size: 7pt;
}

#footer ul li a {
	font-size: 8pt;
	color: #cfdbe9;
	text-decoration : none;
}

#footer ul li a:hover {
	text-decoration : underline;
}

/* -----[ elit link styles ]--------------------------------------- */

#elit {
	margin: 0 auto;
	margin-bottom: 10px;
	padding-top: 10px;
	width: 744px;
	font-size: 8pt;
	color: #7e7e7e;
	text-align : right;
	background: url('../img/back_elit.gif') top left no-repeat;
}

#elit a {
	font-size: 8pt;
	color: #7e7e7e;
	text-decoration : none;
}

#elit a:hover {
	text-decoration : underline;
}

.cert { display: block; margin: 0 auto; width: 240px; padding: 0; }
.cert img { border: 2px solid #ccc; padding: 0; margin: 0 10px;}

.foto_l { float: left; padding-right: 15px; }
.foto_r { float: right; padding-left: 15px; }
.foto { padding-left: 5px; padding-right: 5px; display: inline; }

.gal_l { float: left; display: inline; width: 154px; }
.gal_r { float: right; display: inline; width: 154px; }
.gal_l a, .gal_r a { display: block; height: 120px; }
.gal_l img, .gal_r img {  }