@charset "utf-8";
/* CSS Document */

* {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
body {
	margin: 0px;
	padding: 0px; 
	font-size: 14px;
	font-family: Georgia, Times New Roman, Tahoma, Arial, Verdana;
	line-height: 16px;
	color: #444444;
	background: #ffffff url('../images/bg.jpg') no-repeat center top;
	}
a { 
	font-size: 14px;
	font-family: Georgia, Times New Roman, Tahoma, Arial, Verdana;
	text-decoration: none; 
	color: #c49a27;
	font-weight: bold;
	outline: none;
	}
a:hover{
	text-decoration:underline;
	color: #444444;
	}

#mainSite {
	width: 960px;
	/*overflow: hidden;*/
	margin: 0px auto;
}
#top {
	display:block;
	width: 960px;
	height: 330px;
	margin: 0 0 10px 0;
	background: #000000 url('../images/bg.jpg') no-repeat center top;
}
#logo {
	width: 360px;
	height:130px;
	position:relative;
	left: 300px;
	background: url('../images/logo.png') no-repeat center top;
	z-index:100;
	text-indent:-7000px;
	float:left;
}
#logo h1 {
	font-size:26px;
	font-weight:normal;
	font-family:georgia;
	text-align:center;
}
#logo a {
	width: 360px;
	height:130px;
	display:block;
}
#menu {
	clear:both;
	width:960px;
	overflow:hidden;
	background: url('../images/menu.png') no-repeat center top;
	height:60px;
	text-align:center;
	text-indent:-7000px;
}
#menu a#index {
	width:165px;
	height:60px;
	float:left;
}
#menu a:hover#index {
	background: url('../images/menu_on.png') no-repeat left top;
}
#menu a#oferta {
	width:137px;
	height:60px;
	float:left;
}
#menu a:hover#oferta {
	background: url('../images/menu_on.png') no-repeat -165px 0px;
}
#menu a#projekty{
	width:150px;
	height:60px;
	float:left;
}
#menu a:hover#projekty {
	background: url('../images/menu_on.png') no-repeat -302px 0px;
}
#menu a#realizacje {
	width:161px;
	height:60px;
	float:left;
}
#menu a:hover#realizacje {
	background: url('../images/menu_on.png') no-repeat -452px 0px;
}
#menu a#referencje {
	width:166px;
	height:60px;
	float:left;
}
#menu a:hover#referencje {
	background: url('../images/menu_on.png') no-repeat -613px 0px;
}
#menu a#kontakt {
	width:181px;
	height:60px;
	float:left;
}
#menu a:hover#kontakt {
	background: url('../images/menu_on.png') no-repeat -779px 0px;
}
#content {
	width:880px;
	overflow:hidden;
	padding: 30px 40px 30px 40px;
	text-align:justify;
}
#title {
	background: url('../images/line.png') no-repeat center bottom;
}
.back{
	background: url('../images/bg_proj_on.png') repeat-x left top;
	padding: 5px 20px;
	color:#ffffff;
}
.back:hover  {
	background: url('../images/bg_proj.png') repeat-x left top;
	padding: 5px 20px;
	text-decoration:none;
	color:#444444;
}
.center {
	width:880px;
	text-align:center;
	padding: 10px 0 10px 0;
	clear:both;
}
.left {
	width:420px;
	float:left;
	margin-right:40px;
}
.projekt {
	background: url('../images/dotted.png') repeat-x left bottom;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}
.title_proj {
	background: url('../images/crop_proj.png') no-repeat left top;
	padding: 7px 0 7px 40px;
}
.foto_projekt {
	background: url('../images/bg_proj.png') repeat-x left top;
	padding: 10px;
	display:block;
	width:400px;
	height:130px;
	z-index:100
}
.foto_projekt:hover {
	background: url('../images/bg_proj_on.png') repeat-x left top;
}

.right {
	width:420px;
	float: left;
}
.gatunek{
	text-align:center;
	width:200px;
	float: left;
	padding: 5px 0 5px 0;
	margin: 0 10px 0 10px !important;
	margin: 0 8px 0 8px;
	color:#ffffff;
	font-weight:bold;
	background: url('../images/crop_proj.png') repeat-x left bottom;
}
.box_oferta{
	text-align:center;
	width:280px;
	float: left;
	margin: 0 20px 10px 0;
	background: url('../images/dotted.png') repeat-x left bottom;
}
.box_oferta_last{
	text-align:center;
	width:280px;
	float: left;
	margin: 0 0 10px 0;
	background: url('../images/dotted.png') repeat-x left bottom;
}
.box_oferta_last img, .box_oferta img {
	background: #767981 url('../images/bg_proj.png') repeat-x left top;
	padding:10px;
}
.box_oferta_last img:hover, .box_oferta img:hover {
	background: #eec75b url('../images/bg_proj_on.png') repeat-x left top;
	padding:10px;
}
.box_oferta_last h3, .box_oferta h3 {
	clear:both;
	font-size: 18px;
	font-weight:normal;
	margin: 10px 0 10px 0;
}
.box_oferta_last h3:hover, .box_oferta h3:hover {
	text-decoration:none;
}
h2 {
	font-size: 30px;
	font-weight:normal;
	font-family:georgia;
	text-align:left;
	color: #5e4538;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	text-indent:-7000px;
	margin-left:290px;
}	
h2#o-nas {
	background: url('../images/o-nas.png') no-repeat center top;
	width:300px;
	height:35px;
}
h2#oferta {
	background: url('../images/oferta.png') no-repeat center top;
	width:300px;
	height:35px;
}
	h2#projektowanie {
		background: url('../images/projektowanie.png') no-repeat center top;
		width:300px;
		height:35px;
	}
	h2#wykonastwo {
		background: url('../images/wykonastwo.png') no-repeat center top;
		width:300px;
		height:35px;
	}
	h2#deski_tarasowe {
		background: url('../images/deski_tarasowe.png') no-repeat center top;
		width:300px;
		height:35px;
	}
	h2#nawadnianie {
		background: url('../images/nawadnianie.png') no-repeat center top;
		width:300px;
		height:35px;
	}
	h2#sauny_ogrodowe {
		background: url('../images/sauny_ogrodowe.png') no-repeat center top;
		width:300px;
		height:35px;
	}
	h2#domki_ogrodowe {
		background: url('../images/domki_ogrodowe.png') no-repeat center top;
		width:300px;
		height:35px;
	}
h2#projekty {
	background: url('../images/projekty.png') no-repeat center top;
	width:300px;
	height:35px;
}
h2#realizacje {
	background: url('../images/realizacje.png') no-repeat center top;
	width:300px;
	height:35px;
}
h2#referencje {
	background: url('../images/referencje.png') no-repeat center top;
	width:300px;
	height:35px;
}
h2#kontakt {
	background: url('../images/kontakt.png') no-repeat center top;
	width:300px;
	height:35px;
}
p {
	padding: 10px 0px 10px 0px;
	clear:both;
}
ul, ol {
	margin-left:25px;
	line-height:24px;
	list-style-image: url('../images/point.png');
}
.size18 {
	font-size:18px;
}
.foto_left {
	padding:10px;
	background: #767981 url('../images/bg_proj.png') repeat-x left top;
	margin: 0 20px 20px 0;
	width:180px;
	display:block;
	float:left;
	height:130px;
}
.foto_right {
	padding:10px;
	background: #767981 url('../images/bg_proj.png') repeat-x left top;
	margin: 0 0 20px 0;
	width:180px;
	display:block;
	float:left;
	height:130px;
}
a img.foto {
	padding:10px;
	background: #767981 url('../images/bg_proj.png') repeat-x left top;
	margin: 0 20px 20px 0;
	width:110px;
	display:block;
	float:left;
	height:70px;
}
a img.foto_last {
	padding:10px;
	background: #767981 url('../images/bg_proj.png') repeat-x left top;
	margin: 0px 0px 20px 0;
	display:block;
	float:left;
	width:110px;
	height:70px;
}
a:hover img.foto, a:hover img.foto_last {
	background: #767981 url('../images/bg_proj_on.png') repeat-x left top;
}
a img.foto2 {
	padding:10px;
	background: #767981 url('../images/bg_proj.png') repeat-x left top;
	margin: 0 15px 15px  0;
	width:110px;
	display:block;
	float:left;
	height:70px;
}
a img.foto2_last {
	padding:10px;
	background: #767981 url('../images/bg_proj.png') repeat-x left top;
	margin: 0px 0px 15px 0;
	display:block;
	float:left;
	width:110px;
	height:70px;
}
a:hover img.foto2, a:hover img.foto2_last {
	background: #767981 url('../images/bg_proj_on.png') repeat-x left top;
}
.form01 {
	width:250px;
	height:100px;
	padding: 5px;
	border:1px solid #cccccc;
	background: #eeeeee;
	margin: 0 0 5px 10px;
}
.form02 {
	width:250px;
	padding: 5px;
	border:1px solid #cccccc;
	background: #eeeeee;
	margin: 0 0 5px 10px;
}
.form03 {
	width:100px;
	padding: 5px;
	border:1px solid #cccccc;
	color:#444444;
	font-weight:bold;
	margin: 0 0 5px 10px;
	background: url('../images/crop_proj.png') repeat-x left top;
}
#footer_menu {
	color:#999999;
	font-family: Georgia, Times New Roman, Tahoma, Arial, Verdana;
	font-size:12px;
	text-align:center;
	padding: 20px 0 20px 0;
	background: url('../images/line.png') no-repeat center top;
}

#footer_menu a {
	color:#999999;
	font-family: Georgia, Times New Roman, Tahoma, Arial, Verdana;
	font-size:12px;
	padding: 0 10px 0 10px;
	font-weight:normal;
}
#footer_menu a:hover {
	color:#c29825;
}
#footer {
	padding: 20px 40px 50px 40px;
	position:relative;
	font-size:11px;
	font-family: Georgia, Times New Roman, Tahoma, Arial, Verdana;
	color:#999999;
	height: 120px;
	text-align:left;
	background: url('../images/footer_bg.jpg') no-repeat center top;
}
#footer #f_left {
	float:left;
	width:440px;
}
#footer #f_right {
	float:left;
	text-align:right;
	width:440px;
}
#footer a {
	font-size:11px;
	color:#999999;
	font-weight:bold;
	font-family: Georgia, Times New Roman, Tahoma, Arial, Verdana;
}