/* CSS Document */
body {
	background-image:url(../img/tlo2.jpg);
	background-position:center center;
	margin:0;
}

#content {
	width:718px;
	height:485px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/bg.png);
}

#top {
	width:718px;
	height:215px;
	margin:0;
}

#top #left {
	width:250px;
	height:215px;
	margin:0;
	float:left;
}

#top #left #logo {
	width:377px;
	height:180px;
	left:-75px;
	position:relative;
	top:-20px;
}

#top #right {
	width:468px;
	height:215px;
	margin:0;
	float:left;
	}
	
#contact {
	height:60px;
	margin:0;
	background-image:url(../img/bgTopRightPasek.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#contact #phone {
	width:200px;
	height:60px;
	float:left;
}

#contact #phone p {
	margin-top:28px;
	margin-bottom:0;
	margin-right:0;
	margin-left:5px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	float:right;
}

#contact #phone img {
	margin-top:30px;
	margin-right:0;
	float:right;
}

#contact #email {
	width:268px;
	height:60px;
	float:left;
}
#contact #email p{
	margin-top: 28px;
	margin-bottom: 0;
	margin-left: 5px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	float: left;
}

#contact #email img {
	margin-top:30px;
	margin-left:17px;
	float:left;
}

#offer {
	height:145px;
	margin-top:10px;
	text-align:right;
	margin-right:50px;
	line-height: 17px;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
}

#offer p {
	margin-top:1px;
	margin-bottom:0;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
}

#bottom {
	width:718px;
	height:270px;
	margin:0;
}

#bottom #left {
	width:359px;
	height:270px;
	float:left;
}

#bottom #right {
	width:359px;
	height:270px;
	float:left;
}

#bottom .title {
	width:359px;
	height:20px;
}

#bottom .title h3 {
	margin-top:0;
	margin-bottom:0;
	margin-left:7px;
	float:left;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal
}

#bottom .title img {
	margin-top:5px;
	margin-left:25px;
	float:left;
}

#bottom .photo {
	width:359px;
	height:250px;
}

#bottom .photo img {
	margin-left:20px;
	margin-top:10px;
	border:none;
}

#ribbon {
	position:relative;
	left:236px;
	top:-95px;
	background-image:url(../img/westega.png);
	width:122px; 
	height:131px;
}

#invisible {
	display:none;
}

#stopka {
	width:718px;
	height:70px;
	margin:8px auto;
}

#stopka #Bachus {
	width:150px;
	height:70px;
	float:left;
	margin-right:10px;
	background-image:url(../img/bachus.png);
}

#stopka #Damptour {
	width:150px;
	height:70px;
	float:left;
	background-image:url(../img/damptour.png);
}

#stopka #Gbno {
	width:160px;
	height:50px;
	float:right;
	background-image:url(../img/Stopka_Kaszubski_Splyw.png)
}

form.contact{
	width: 400px;
	padding: 0;
}
form.contact input{
	width: 320px;
}
form.contact label{
	display: block;
	float: left;
	width: 70px;
}
form.contact textarea{
	width: 390px;
}
form.contact #submit{
	width: 390px;
}
form.contact input[type="submit"]{
	float:right;
	width: 80px;
}