@charset "iso-8859-2";
/* CSS Document */

/* Reset
--------------------------------------------------*/
html {
	width:100%;
	height:100.1%;
	font-size:100.1%;
}

body,h1,h2,h3,h4,h5,h6,p,form,fieldset,ul,img {
	margin:0;
	padding:0;
	color:#4f4f4f;
}

/* General
--------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,ul{
	padding-bottom:1.2em;
}

h1{
	font-size:1.25em;
	color:#99cc00;
}
h3{
	font-size:1.1em;	
}
a{
	color:#0054a6;
	font-weight:bold;
}
a:hover{
	color:#f28e48;
}
a img{
	border:none;
}
img {
	vertical-align:bottom;
}
	
p{

}

ul{
	list-style:none;
	padding-left:1.5em;
}

ul li{
	background:url(images/bulletSmall.jpg) left .6em no-repeat;
	padding-left:1.5em;
}

ul.bigBullet li{
	background:url(images/bulletBig.jpg) left .6em no-repeat;
	padding-left:1.5em;
}

ul.smallBullet li{
	background:url(images/bulletSmall.jpg) left .6em no-repeat;
	padding-left:1.5em;
}


ul li.noBullet, ul.noBullet li{
	background:none;
}

.dist{
	color:#f28e48;
}
.distGreen{
	color:#99cc00;
}
.clear{
	clear:both;
	line-height:1px;
	height:2px;	
	font-size:1px;
}
.center{
	text-align:center;
}
.minWidth{
	width:770px;
}

div .greyLine{
	background:url(images/greyDashedLine.png) bottom left repeat-x #ffffff;
	line-height:1px;
	font-size:1px;
	padding:0;
	margin:0;
	width:100%;
	height:3px;		
	clear:both;		
}

a.small{
	font-size:9px;
	color:#4f4f4f;
}
.left{
	float:left;
}
.right{
	float:right;
}
.pt{
	padding-top:1em;
}

/* Body
--------------------------------------------------*/
body{
	/*background:url(images/newLayout1.jpg) top center no-repeat #f9f9f9;*/
	background:url(images/bg.jpg) top left repeat-x #f9f9f9;
	font:0.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:.09em;
	width:100%;
}
#center{
	margin:0 auto;
	position:relative;
	padding:0 1.75em 0 1.75em;
	width:85em;
	min-width:770px;
}
*:first-child+html #center{
	position:static;
}


/* Header
--------------------------------------------------*/
#header{
	position:relative;	
	margin-top:5px;
	width:100%;
	height:128px;
	z-index:2;
}

#logo{
	width:185px;
	height:132px;
	position:absolute;
	top:0;
	right:0;	
	background:url(images/logo.png) top right no-repeat;
}
*:first-child+html #logo{
	top:5px;
	margin-right:5em;
}
#desingText{	
	position:absolute;
	top:0;
	right:0;	
	color:#99cc00;
	font-weight:bold;
	letter-spacing:2px;
	padding-right:20px;
	padding-top:14px;
	font-size:1em;
}	
*:first-child+html #desingText{
	margin-right:5em;
}


/* topNav
--------------------------------------------------*/
#topNavContainer{
	width:610px;;
	height:55px;
	background:url(images/topNavBg.png) left top no-repeat;
}

#topNavContainer ul{
	margin:0;
	padding:0;
	list-style:none;	
	width:100%;
	height:55px;
}

#topNavContainer ul li{
	float:left;
	background:none;
	padding:0;
	margin:0;	
}

#topNavContainer ul li a{
	background-image:url(images/topNavBg.png); 
	background-repeat:no-repeat;
	background-position:0 -1000px;
	height:55px;	
	display:block;	
}

#tn1{
	width:58px;	
}
#tn1:hover{
	background-position:0 -55px;
}

#tn2{
	width:93px;
}
#tn2:hover{
	background-position:-58px -55px;
}

#tn3{
	width:96px;
}
#tn3:hover{
	background-position:-151px -55px;
}

#tn4{
	width:107px;
}
#tn4:hover{
	background-position:-246px -55px;
}

#tn5{
	width:78px;
}
#tn5:hover{
	background-position:-352px -55px;
}

#tn6{
	width:75px;
}
#tn6:hover{
	background-position:-430px -55px;
}

#tn7{
	width:90px;
}
#tn7:hover{
	background-position:-505px -55px;
}



/* Content
--------------------------------------------------*/
#content{
	line-height:1.8em;
}


/* Rightcolumn
--------------------------------------------------*/
#rightColumn{
	float:right;
	width:29em;
	padding:1.75em;
	min-width:250px;
	padding-right:0;
	padding-top:28px;
}


/* Box
--------------------------------------------------*/
.box{
	width:27.25em;
	min-width:250px;
	font-size:1.1em;
	letter-spacing:1px;
	margin-bottom:2em;
}
.box .header{
	background:url(images/boxHeaderBg.png) left top repeat-x;
}
.box .header .right, .box .header .left{
	background-position:right top;
	background-repeat:repeat-x;
	width:40px;
	height:38px;
}
.box .header .left{
	background-position:left top;
	width:180px;
}
.box .content{
	padding-top:.75em;
	padding-bottom:1em;
}
.box .footer{
	
}
.box .footer .clear{
	border-top:solid 1px #99cc00;
	position:relative;
	top:-1px;
}
.box .footer .left, .box .footer .right{
	width:7px;
	height:7px;
	background-image:url(images/footerBoxBg.gif);
	background-repeat:no-repeat;
	position:relative;
	z-index:2;
}
.box .footer .left{
	background-position:left bottom;
}
.box .footer .right{
	background-position:right bottom;
}

#kontaktBox{
	margin:.1em 0 4.4em 0;
}
#kontaktBox .header .left, #kontaktBox .header .right{
	background-image:url(images/contactBoxTitleBg.png);
}
#kontaktBox .content{
	background:url(images/contactContentBg.jpg) right bottom no-repeat;
}
#kontaktBox ul{
	padding-left:2px;
}
#kontaktBox ul li.withBullet{
	margin-left:2em;
}

#kontaktBox .e a img{
	width:107px;
	height:15px;
}
#kontaktBox .e a{
	background:url(images/biuroBg.gif) left top no-repeat;
	position:relative;
	top:-.1em;
}	
#kontaktBox .e a:hover{
	background-position:left -15px;
}


#folioBox .header .left, #folioBox .header .right{
	background-image:url(images/folioBoxTitleBg.png);
}
#folioBox .content{
	text-align:center;
}
#folioBox .content img{
	padding-left:.5em;
	padding-bottom:1em;
	padding-top:.5em;
}



/* Leftcolumn
--------------------------------------------------*/
#leftColumn{
	float:left;
	width:52em;
	padding:1.75em;
	padding-left:0;	
	text-align:justify;
}


/* Footer
--------------------------------------------------*/
#footerWrapper{
	background:url(images/footerBg.jpg) top left repeat-x #4f4f4f;	
}

#footer{
	background:url(images/footerBg.jpg) top left repeat-x #4f4f4f;
	margin:0 auto;
	padding:3em 1.75em 0 1.75em;
	width:85em;
	min-width:770px;
	text-align:center;
}

#footerText{
	color:#878990;
	font-size:.9em;
	padding-top:3em;	
}
#footerText strong{
	font-weight:100;
}

#footer ul li{
	background-position:left center;
}


/* BottomNav
--------------------------------------------------*/
#bottomNav {
	margin:0;
	padding:0;
	text-align:center;
}

#bottomNav li {
	display:inline;
	list-style-type:none;
	padding:0 1.5em 0 2.5em;
}


#bottomNav li a {
	color:#f2f3ed;
	text-decoration:none;
	font-weight:normal;
}

#bottomNav li a:hover {
	color:#99CC00;
	text-decoration:underline;
}

#somethingNice{
	position:absolute;	
	top:0;
	right:55%;
	margin-top:5px;	
	width:1575px;
	height:105px;
	z-index:1;
}

#somethingNiceImg{
	float:right;
	background:url(images/headerBg.jpg) top left no-repeat;
	width:575px;
	height:105px;
}

#somethingNiceBg{
	float:left;
	width:1000px;
	height:105px;
	background:url(images/sthNiceBg.jpg) top left repeat-x;
}






/* Index
--------------------------------------------------*/
#indexH{
	padding-top:262px;
	padding-bottom:2em;
}

#designSteps{
	position:absolute;	
	top:152px;
	right:38%;
	background:url(images/etapyProjektowaniaBg.png) top left repeat-x;
	width:1200px;
	height:250px;
}
#noFlash{
	width:580px;
	height:250px;
	position:absolute;
	top:0;
	right:0;
	display:none;
}


#index .offer{
	width:591px;
	background:url(images/firstOfferRow.png) left top no-repeat;
	margin-left:-3px;
	letter-spacing:0;
	margin-bottom:1.5em;
}

.offer .row{
	width:191px;
	height:23em;
	float:left;
	margin-right:9px;
	display:inline;
}
.offer .header{
	height:76px;
	position:relative;
}
.offer .header .more, .offer .header .portfolio{
	display:block;
	width:60px;
	height:14px;
	position:absolute;
	top:53px;
	left:9px;
}
.offer .header .portfolio{
	left:70px;
}

.offer .third{
	margin-right:0;
}
.offer .row .content{	
	padding:0 5px;
	padding-top:13px;
}
.offer .row h3{
	font-size:12px;
	padding:0;
	padding-bottom:3px;
}
.offer .row p{
	color:#a59f97;
	line-height:1.5em;
}


.offer .first h3{
	color:#a59f97;
}
.offer .second h3{
	color:#91d3c9;
}
.offer .third h3{
	color:#79d2ea;
}
	
#index .offer2{
	background:url(images/secondOfferRow.png) left top no-repeat;
}	

.offer2 .first h3{
	color:#c8a8e2;
}
.offer2 .second h3{
	color:#f3bde1;
}
.offer2 .third h3{
	color:#fdbbc7;
}



/* Portfolio
--------------------------------------------------*/
.folio{
	padding-bottom:2em;
}

.folioTitle{
	height:2em;
	font-weight:bold;
}
.folioTitleTitle{
	float:left;
}
.folioTitleLink{
	float:right;
}

.folioImg{
	float:left;
	margin:1.75em;	
	margin-right:0;
	border:solid 1px #999999;
	display:inline;
}
.folioImg img{
	border:solid 3px #ffffff;
}

.folioText{
	float:right;
	width:22em;
	padding:1.75em 0 0 0;	
}


/* Kontakt
--------------------------------------------------*/
form{
	width:100%;
}
form p{
	padding:1.2em 0 0 0;
}
form input{
	border:solid 1px #e5e5e5;
	width:100%;
	height:15px;
	display: block;
	background-color:#ffffff;
	padding:0;
}
form textarea{
	background-color:#ffffff;
	border:solid 1px #e5e5e5;
	width:100%;
	min-width:100%;
	height:180px;
}

#komunikat{
	position:absolute;
	top:50%;
	left:25%;
	width:40%;
	height:5em;
	border:solid 4px #f28e48;
	background-color:#FFFFFF;
	text-align:center;
	padding:1em;
	visibility:hidden;
}

#mailInfoText{
	padding-top:1em;
	font-weight:bold;
}

#phoneNumbers{
	width:536px;
	height:196px;
	background:url(images/phoneNumbers.png) left top no-repeat;
	position:relative;
	padding-bottom:20px;
}
#phoneNumbers .openingHours{
	width:210px;
	position:relative;
	top:100px;
	left:2px;
}

#mails{
	width:536px;
	height:212px;
	background:url(images/mails.png) left top no-repeat;
	position:relative;
	padding-bottom:45px;
}
#mails .mailsInfoText{
	width:210px;
	position:relative;
	top:120px;
	left:5px;
}