@charset "utf-8";
/* CSS Document */
body {
	background-color:#fff;
}

div, p, h1, h2, h3, h4, h5, a, ul, li, input, textarea {
		font-family: Georgia, "Times New Roman", Times, serif;
}
a, a:visited { color:#CCCCCC;	text-decoration:underline }
a:hover { color:#FFFFFF;}

strong { font-weight:bolder; }

#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#mainSectionContainer {
}

#header {
	width:1000px;
	height:445px;
}
#headerShort{
	width:1000px;
	height:150px;
}

#footer {
	width:1000px;
	height: 72px;
	margin-bottom:50px;
	background:url(../img/footerBack.gif) no-repeat right center;
}
#footer div a {
	display:block;
	float:left;
}

/* --------------------------------------- Pakiet Menu --------------------------------------------------- */
#menu_pakietow{
	margin-top: 5px;
	margin-left: 45px;
}

#menu_pakietow a {
	margin-right:20px;
	margin-top: 45px;
	height: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	text-decoration:none;
	font-weight:bolder;
	color:#848484;
}

#menu_pakietow a:hover
{	color:#000000; }

/*----------------------------------------------------------------------------------------------------------------*/

/* --------------------------------------- Footer Logo --------------------------------------------------- */
#footer #footerLogo a {
	margin-right:15px;
	margin-top: 0;
	
	height: 71px;
	width:32px;
	
	background: url(../img/footerLogo.gif) scroll no-repeat left;
}
#footer #footerLogo a:hover
{	background: url(../img/footerLogo.gif) scroll no-repeat right; }
/* -------------------------------------------------------------------------------------------------------- */


/* --------------------------------------- Footer Menu --------------------------------------------------- */
#footer #menu a {
	margin-right:20px;
	margin-top: 45px;
	height: 14px;
	font-family: Arial;
	font-size:8pt;
	text-decoration:none;
	font-weight:bolder;
	color:#848484;
}

#footer #menu a:hover
{	color:#000000; }

/*----------------------------------------------------------------------------------------------------------------*/

/* --------------------------------------- Bogo Logo ---------------------------------------------------- */
#footer #design a {
	float:right;
	margin-right:12px;
	margin-top: 35px;
	
	height:24px;
	width:125px;
	
	background: url(../img/design.gif) scroll no-repeat top;
}
#footer #design a:hover
{	background: url(../img/design.gif) scroll no-repeat bottom; }
/* -------------------------------------------------------------------------------------------------------- */



/* ------------------------- Start Page & about ------------------------- */
#textBox, .textBox {
	width:375px;
	background-color:#000;
	color:#fff;
	letter-spacing:-0.5px;
	float:left;
}
.textBox {
	width:490px;
	margin:5px;
	margin-bottom:0;
	margin-top:0;
}
#textBox h1, .textBox h1 {
	text-indent:0ex;
	font-size:18px;
	line-height:1.2em;
	padding:5px;
}
#textBox p, .textBox p{
    line-height:1.25em;
	text-indent:4ex;
	padding:10px;
	font-size:11px;
	text-align:justify;
}
.textBox h1 {
	font-size:22px;
}
.textBox p {
	font-size:15px;
	padding-top:0px;
}
.textBox ul {
	display:block;
	margin: auto;
	width: 90%;
}
.textBox ul li {
	font-size:15px;
	line-height:1.25em;
	
	margin-bottom: 10px;
	margin-left:10px;
	list-style-position: outside;
	list-style-image: url(../img/_bullet.png);	
}
	
#projectExpo{
	width:615px;
	height:250px;
	margin-top:-50px;
	float:right;
}
/* -------------------------------------------------------------- */



/* ---------------------------- Pakiety ---------------------------- */
#pakiety {
	float:left;
	width:630px;
}

#headPakiety{
	height:85px;
	overflow:hidden;
	background:url(../img/hand-top.png) right top no-repeat;
}

#pakietyNav {
	width: 555px;
	height: 85px;
}

#contentPakiety{
	background:url(../img/hand-miarka.png) right top repeat-y;
}

	.dlakogo {
		width:205px;
		float:left;
		margin: 5px;
	}
	.opis {
		width:335px;
		float:left;
		margin: 5px;
	}
	.dlakogo h2, .opis h2 {
	margin-top:15px;
		font-weight: bold;
		color: #999999;
		font-size:14px;
	}
	.dlakogo p, .opis ul {
		font-size:12px;
		margin-left: 10px;
		margin-top: 10px;
		line-height:1.5em;
	}
	.opis ul li {
	margin-bottom: 10px;
	margin-left:10px;
	list-style-position: outside;
	list-style-image: url(../img/_bullet.png);	
	}


#footerPakiety {
	min-height:85px;
	background:url(../img/hand-bottom.png) right top no-repeat;
}

#footerPakiety h2 {
	padding-top:50px;
	font-weight: normal;
	color: #666;
	font-size:14px;
}
#footerPakiety ol {
	font-size: 11px;
	color:#ccc;
	line-height:1.5px;
	margin-left:10px;
	margin-top:10px;
}
#footerPakiety ol li {
	list-style:decimal outside;
	margin-left:10px;
	margin-bottom:5px;
}
#footerPakiety ol li p {
	color:#666
}


#qForm {
	width:370px;
	height:545px;
	background: #b9b9b9 url(../img/qform_back.png) top left no-repeat;
	float:right;
}
#qForm h1 {
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 35px;
	margin-left: 120px;
}
#qForm form {
	font-size: 13px;
	font-weight:normal;
	margin-right: 20px;
	margin-left: 120px;
}
#qForm form p {
	font-style: italic;
	color:#fff;
	margin-top:15px;
}
#qForm form input, #qForm form textarea {
	background-color:#FFFFFF;
	color:#999999;
	font-style:italic;
	padding: 3px;
	display:block;
	margin-top: 5px;
}
#qForm form label {display:block;}
#qForm form label input {
	background-color:transparent;
	display:inline;
}
/* ---------------------------------------------------------------- */


/* ------------------------- Projekty ----------------------------- */
#metkaLrg {
	width:300px;
	height:550px;
	float:left;
	background:url(../img/metka-big.png) top left no-repeat;
	color:#240F00;
}
	#metkaLrg a img {
	margin-top:75px;
	display:block;
	margin-right: auto;
	margin-left: auto;
}
	#metkaLrg > div {
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5px;
		width:250px;
	}
		#zlecenie { margin-top: 90px; font-size:18px; }
		#powierzchnia, #materialy, #dzienne, #sypialnie, #lazienki, #inne, #garaz { font-size:15px; }
		#dzienne { margin-top: 20px; }	
		#uslugi { height:110px; margin-top:10px; font-size:15px; }
		#uslugi img, .field img { margin: 5px; }
		
.kategoria {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	color:#999;
}

.unitSingle{
	width:490px;
	margin-right:10px;
	float:left;
}
.unitSingle a h1 {display:block; margin-top:25px; margin-bottom:10px; border-bottom:1px dashed #CCC; color:#999; font-size:20px;}
.unitSingle a:visited h1 { color:#CCC; }
.unitSingle a:hover h1 { color:#333; }
.metkaSmall {
	width:245px;
	height:410px;
	float:left;
	background:url(../img/metka.png) top center no-repeat;
	color:#240F00;
	position: relative;
	z-index: 10;
}
.spacer{height:65px;}
.field {
	width:213px;
	margin-left:14px;
	margin-bottom:7px;
	font-size:11px;
}
.proThumbs {
	width:245px;
	margin-top:15px;
	margin-left:-20px;
	float:left;
	position: relative;
	z-index: 1;
	
}

#proThumbs {
	width:245px;
	height:460px;
	float:right;
}
#proThumbs a img, #proThumbs a:visited img, .proThumbs a img, .proThumbs a:visited img {
	margin-top:5px;
	margin-bottom:5px;
	border:3px solid #fff;
}
	#proThumbs a:hover img, .proThumbs a:hover img {
		border:3px solid #E4E4E4;
	}


#proOpis {
	float:left;
	width:430px;
	margin-left:10px;
	margin-right:10px;
}
#proOpis h1 {
	font-size:30px;
}
#proOpis p {
	margin-top:25px;
	font-size:15px;
}
#proOpis p a, #proOpis p a:visited { color:#666666; }
#proOpis p a:hover { color:#333333; }
/* ----------------------------------------------------------------- */


/* ------------------------ kontakt ---------------------------------*/
#kontakt {
float:left;
width:300px;
}
#kontakt #textBox {
margin-bottom:20px;
clear:both;
float:none;
width:auto;
height:auto;
background-color:#999999;
}
#kontakt #textBox p, #kontakt #textBox h1 { padding:10px; margin:0px; text-indent:0; }
#kontakt #textBox h1 { font-size:22px; }
#kontakt #textBox p { font-size:14px; }

#stopka {
	color:#CCCCCC;
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
#stopka b { font-size:12px; font-weight:bold; }

/* --------------------------------------------------------------------- */