/* HTML
-----------------------------------------------*/
html body			{margin:0; padding:0; text-align:center; background:#000 url(img/bgdark.png); font-size:11px; color:#333; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; }
html, body			{height:100%; }
table, img			{border:none; }
p, ul, h2, h3		{margin:0; padding:0; }
ul					{list-style:none; }
a:link, a:active,
a:visited			{outline:none; text-decoration:underline; }
a:hover				{outline:none; text-decoration:none; }


/* FORMS
-----------------------------------------------*/
.inputText			{width:250px; padding:3px 6px; border:1px solid #999; }
textarea			{padding:3px 6px; border:1px solid #999; }

.focus				{border:1px solid #666; background-color:#f4f4f4; }
.blur				{border:1px solid #999; background-color:#fff; }


/* GENERAL
-----------------------------------------------*/
.clear					{clear:both; font-size:0; }
.clear2					{clear:both; height:25px; }

.colorRed				{color:#E73525; }
.colorGrey				{color:#7F7F7F; }
.colorLGrey				{color:#BFBFBF; }

a.linkRed:link,
a.linkRed:visited		{text-decoration:none; color:#E73525; }
a.linkRed:hover			{text-decoration:underline; }

a.linkGrey:link,
a.linkGrey:visited		{text-decoration:none; color:#7F7F7F; }
a.linkGrey:hover		{text-decoration:underline; }

a.linkLGrey:link,
a.linkLGrey:visited		{text-decoration:none; color:#BFBFBF; }
a.linkLGrey:hover		{text-decoration:underline; }

#wrap					{padding-top:20px; margin:0 auto; width:795px; text-align:left; position:relative; }
#wrapLeft				{width:156px; height:500px; position:absolute; top:0; left:-156px; background:url(img/left.png) no-repeat top right; }
#wrapRight				{width:156px; height:500px; position:absolute; top:0; right:-156px; background:url(img/right.png) no-repeat top left; }




.dotLine				{background:url(img/dotLine.gif) no-repeat bottom left; }
.bgLight				{background:url(img/bglight.gif) repeat top left; }


/* HEADER
-----------------------------------------------*/
#headerU				{height:40px; padding-left:11px; position:relative; background:url(img/headerU.gif) no-repeat top left; }
#headerU a				{text-indent:-2000em; width:126px; height:31px; position:absolute; top:0; left:10px; background:url(img/centib.gif) no-repeat top left; }
#headerU a:hover		{background:url(img/centib.gif) no-repeat bottom left; }
#headerU div			{width:600px; position:absolute; top:8px; left:180px; }
#headerU div p			{margin:0; padding:0; font-size:14px; width:600px; text-align:right; }

#headerD				{height:33px; padding:0 11px; position:relative; background:url(img/headerD.png) no-repeat top left; }
#headerD ul				{margin:0; padding:1px 0 0 0; float:right; position:relative; }
#headerD ul li			{line-height:31px; padding:0; float:left; _display:inline; }
#headerD ul	li a:link,
#headerD ul	li a:visited{color:#fff; text-decoration:none; padding:0 10px; text-transform:uppercase; z-index:9999; position:relative; display:block; }
#headerD ul	li a:hover	{color:#fafafa; }
#headerD ul li.selection{background:white; opacity: 0.2; }


/* CONTENT
-----------------------------------------------*/
#content				{padding:4px 0 6px 0; zoom:1; }
#content h1				{color:#273942; font-size:24px; font-weight:normal; font-variant:small-caps; margin:0 0 10px 0; padding:0 0 4px 0; background:url(img/h1.gif) repeat-x bottom left; }
#content h1 span		{color:#90211A; }
#content h1 img			{vertical-align:middle; margin:0 5px; }

#content div.text		{position:relative; font-size:12px; line-height:1.6; }


/* TYPOGRFIA
-----------------------------------------------*/
h2.text					{padding-bottom:5px; }
h3.text					{padding-bottom:5px; }
p.text					{padding-bottom:15px; font-size:12px; line-height:1.7; text-indent:30px; }
ul.text					{margin-left:20px; }
ul.text li				{list-style:circle; }




/* STRONA GLOWNA
-----------------------------------------------*/
.index #content				{height:333px; }
.index #content .left		{height:333px; overflow:hidden; width:169px; float:left; background:url(img/vertSep.gif) no-repeat top right; }
.index #content .left .box	{padding:4px 9px 5px 0; background:url(img/dotLine.gif) no-repeat bottom left; }
.index #content .left .first{padding:0 9px 5px 0; background:url(img/dotLine.gif) no-repeat bottom left; }
.index #content .left .last	{padding:4px 9px 0 0; background:none; }
.index #content .left .box a img	{display:block; }

.index #content .right			{height:333px; width:626px; float:right; position:relative; }
.index #content .right .fade	{height:300px; width:626px; float:right; background-color:#fff; overflow:hidden; }
.index #content .right .fade img {display:block; height:300px; width:626px; }

.index #subContent				{clear:both; position:relative; top:1px; background:url(img/subContent.gif) no-repeat top left; }
.index #subContent .inner		{width:626px; height:33px; background:url(img/subContent.gif) no-repeat top right; }
.index #subContent .inner ul		{width:626px; height:33px; top:0; left:0; }
.index #subContent .inner ul li		{width:626px; height:33px; line-height:33px; display:block; text-align:center; }



/* PODSTRONY 1 STYL
-----------------------------------------------*/
.body1style #content .inner			{zoom:1; background:url(img/bg.png) repeat top left; }
.body1style #content .inner2		{zoom:1; padding:15px 25px 25px 25px; background:url(img/img.png) no-repeat bottom right; }
 

/* PODSTRONY 2 STYL
-----------------------------------------------*/
#content .out			{background:url(img/out.png) repeat-y top right; }
#content .inn			{background:url(img/inn.png) no-repeat top left; }

.body2style #content .left			{width:575px; float:left; }
.body2style #content .left .inner	{padding:15px 25px 25px 25px; background:url(img/img.png) no-repeat bottom right; }
.body2style #content .right			{width:220px; float:right; }
.body2style #content .right .inner	{padding:15px 10px 25px 10px; margin-left:9px; }


/* STOPKA
-----------------------------------------------*/
#bottom					{height:122px; clear:both; background:url(img/bottom.png) no-repeat top left; }
#bottom	.left			{width:518px; float:left; }
#bottom .right			{width:267px; float:right; }
#bottom	.left .inner,
#bottom .right .inner	{padding:11px; }
#bottom	.left .inner p,
#bottom .right .inner p			{margin:0; padding:0; font-size:10px; line-height:21px; text-transform:uppercase; }
#bottom	.right .inner p.left	{float:left; width:140px; }
#bottom	.right .inner p.right	{float:right; width:100px; }

/* ----- copyrights ----- */
#footer					{margin-top:20px; padding:10px 0 20px 5px; background:url(img/footer.gif) no-repeat top left; }



/* DZIAŁ KONTAKT
-----------------------------------------------*/
.small					{ font-size: 10px; }
#mRight					{ line-height: 17px; }

#output					{ }
#output h3				{padding:25px 20px; }
.contactLoader			{margin:25px 0 25px 50px; }






/* DZIAŁ OFERTA
-----------------------------------------------*/
.offerButton			{cursor:pointer; }

.offerButtonLeft,
.offerButtonRight		{width:330px; margin-bottom:20px; border:1px solid #dedede; border-left-color:#fff; border-top-color:#fff; }

.offerButtonLeft		{float:left; position:relative; left:15px; }
.offerButtonRight		{float:right; position:relative; right:15px; }


.offerButtonLeft p,
.offerButtonRight p		{padding:5px 10px 10px 10px; }


.offerButton h2			{font-size:14px; font-weight:bold; padding-top:10px; padding-left:10px; }

.offerButton h2	a:link,
.offerButton h2	a:visited	{text-decoration:none; color:#6A120D; }
.offerButton h2	a:hover		{text-decoration:none; }

.offerButtonJQ-1		{color:#333; border:1px solid #fff; border-left-color:#dedede; border-top-color:#dedede; }
.offerButtonJQ-2		{color:#333; border:1px solid #dedede; border-left-color:#fff; border-top-color:#fff; }

			
.offerMenu li			{padding:0 0 15px 10px; }
.offerMenu a:link,
.offerMenu a:visited	{color:#fff; display:block; text-decoration:none; font-size:14px; }
.offerMenu a:hover		{text-decoration:underline; }






/* DZIAŁ REALIZACJE
-----------------------------------------------*/
.client					{min-height:500px; _height:500px; }
.client h2				{padding:0 0 10px 0; font-size:20px; color:#333; }
.client p				{padding:0 0 15px 0; text-indent:15px; }
.client .imgRight		{display:block; margin:0 0 10px 15px; float:right; clear:right; border:1px solid #999; }

.client ul				{padding:0 0 15px 0;}
.client ul li			{padding:0; padding-left:15px; font-size:12px; line-height:1.6; }

.client a:link,
.client a:visited		{color:#364553; }
.client a:hover			{ }

.gallery				{clear:both; padding:20px 0 0 0; text-align:center; }
.gallery img			{border:1px solid #999; margin-bottom:10px; }

img.loader				{display:block; position:relative; top:100px; left:200px; }




/* - Right - */
.clientRight h3			{font-size:16px; padding-bottom:10px; }
.portMenu li			{padding:0 0 10px 10px; }
.portMenu a:link,
.portMenu a:visited		{color:#fff; display:block; text-decoration:none; }
.portMenu a:hover		{text-decoration:underline; }