/* OGOLNE ---------------------------------------------------------------------------------------------------------------- OGOLNE */

body {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 				11px;
	color: 					#333;
	background-color:			#677A9C;
}

.clearing {
	clear: 					both;
}

/* LAYOUT ---------------------------------------------------------------------------------------------------------------- LAYOUT */

#contw {
	width: 					790px;
	height:					460px;
	margin: 				0 auto;
	padding-left:				95px;
}
#left1 {
	width:					500px;
	height:					130px;
	background:				url(../obrazki/w1.jpg) top center no-repeat;
	float:					left;
}
#left2 {
	width:					500px;
	height:					330px;
	background:				url(../obrazki/w2.jpg) top center no-repeat;
	float:					left;
}
#right {
	width:					290px;
	height:					460px;
	background:				url(../obrazki/w3.jpg) top center no-repeat;
	float:					right;
}
h2 {
	margin:					0 10px 30px 15px;
	font-size:				12px;
	letter-spacing:				1px;
}


#content {
	background-color:			#fff;
	width: 					935px;
	margin: 				0 auto;
}
#header {
	width:					935px;
	height:					190px;
	background:				url(../obrazki/head.jpg) top center no-repeat;
}
#cont {
	width:					935px;
	background:				url(../obrazki/cont.jpg) top center no-repeat;
	overflow:				hidden;
}
#menu {
	width:					150px;
	float:					left;
}
#menu a {
	width:					150px;
	display:				block;
	text-indent:				-9999px;
}
#menu a#home {
	height:					60px;
	background:				url(../obrazki/home.gif) top center no-repeat;
}
#menu a#prod {
	height:					40px;
	background:				url(../obrazki/produkcja.gif) top center no-repeat;
}
#menu a#lodz {
	height:					40px;
	background:				url(../obrazki/lodzie.gif) top center no-repeat;
}
#menu a#ofer {
	height:					40px;
	background:				url(../obrazki/oferta.gif) top center no-repeat;
}
#menu a#kont {
	height:					40px;
	background:				url(../obrazki/kontakt.gif) top center no-repeat;
}
#menu a#prdc {
	height:					40px;
	background:				url(../obrazki/production.gif) top center no-repeat;
}
#menu a#boat {
	height:					40px;
	background:				url(../obrazki/boats.gif) top center no-repeat;
}
#menu a#offr {
	height:					40px;
	background:				url(../obrazki/offer.gif) top center no-repeat;
}
#menu a#cntc {
	height:					40px;
	background:				url(../obrazki/contact.gif) top center no-repeat;
}
#menu a#en {
	height:					100px;
	background:				url(../obrazki/flags.gif) top center no-repeat;
}
#menu a#pl {
	height:					100px;
	background:				url(../obrazki/flags.gif) bottom center no-repeat;
}
#menu a#home:hover,
#menu a#prod:hover,
#menu a#lodz:hover,
#menu a#ofer:hover,
#menu a#kont:hover,
#menu a#prdc:hover,
#menu a#boat:hover,
#menu a#offr:hover,
#menu a#cntc:hover,
#menu a#en:hover {
	background-position:			bottom center;
}
#menu a#pl:hover {
	background-position:			top center;
}
#main {
	float:					right;
	width:					785px;
}
#title {
	float:					left;
	width:					280px;
	height:					60px;	
}
.prod #title {
	background:				url(../obrazki/produkcja-t.gif) top left no-repeat;	
}
.lodz #title {
	background:				url(../obrazki/lodzie-t.gif) top left no-repeat;	
}
.ofer #title {
	background:				url(../obrazki/oferta-t.gif) top left no-repeat;	
}
.kont #title {
	background:				url(../obrazki/kontakt-t.gif) top left no-repeat;	
}
.prdc #title {
	background:				url(../obrazki/production-t.gif) top left no-repeat;	
}
.boat #title {
	background:				url(../obrazki/boats-t.gif) top left no-repeat;	
}
.offr #title {
	background:				url(../obrazki/offer-t.gif) top left no-repeat;	
}
.cntc #title {
	background:				url(../obrazki/contact-t.gif) top left no-repeat;	
}
.tekst,
.kontakt {
	float:					left;
	width:					480px;
}
.tekst p {
	text-align:				justify;
	margin:					3px 10px 10px 10px;
}
.tekst h1 {
	text-align:				center;
	font-size:				13px;
	margin:					30px 10px 10px 10px;
}
.kontakt p {
	text-align:				center;
	font-weight:				bold;
	margin:					5px 10px;
}
.kontakt h1 {
	color:					#036;
	text-align:				center;
	font-weight:				bold;
	font-size:				13px;
	margin:					50px 10px 10px 10px;
}
a {
	color:					#036;
}
a:hover {
	color:					#333;
}
ul {
	margin:					0;
	padding-left:				35px;
}
li {
	list-style-image:			url(../obrazki/wyp.gif);
	margin:					0 10px 10px 0;
	padding-left:				5px;
}
img {
	margin:					0 15px 25px 0;
}
img.logo {
	margin:					0;
}


#footer {
	width:					935px;
	height:					20px;
	background:				url(../obrazki/foot.gif) bottom center no-repeat;
}
#footer div {
	margin:					1px 10px;
	font-weight:				bold;
	color:					#000;
	letter-spacing:				1px;
}
.left {
	float:					left;
}
.right {
	float:					right;
}
