@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
	background: url("gfx/bgh.jpg");
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
}
ul,li{
	margin: 0;
	padding: 0;
	line-height: 20px;
}
li{
	list-style: none;
	}
h1{
	font-size: 16px;
	text-align: center;
}
h2{
	font-size: 14px;
	margin: 0;
}
a{
	color: #fff;
	text-decoration: underline;
}
#container{
	margin: 0 auto;
	width: 100%;

	background: url("gfx/bgflo.jpg") no-repeat;
}
#topbar{
	background: url("gfx/bgtopbar.jpg") repeat-x;
	width: 100%;
	height: 22px;
}
/*content-left*/

#content-left{
	margin: 130px 0 0 12px;
	float:left;
	}
	
#logo{
	background: url("gfx/logo.png") no-repeat;
	width: 187px;
	height: 126px;
}
#menu{
	margin-top: 30px;
}
#menu ul li{
	height: 50px; 
	width: 172px;
	cursor: pointer;
}

#menu ul li a{
	padding-left: 10px;
	font-size: 40px;

}

#menu ul li{
	width: 200px;
	height: 50px;
	overflow: hidden;
}
#menu ul li a img{
	border: 0;
}
#menu ul li a img:hover,
#menu ul li.active a img{
	position:relative;
	top: -50px;
}
/*
#menu ul li.cennik{
	background: url("gfx/cennik.png") no-repeat top center;
}
#menu ul li.galeria{
	background: url("gfx/galeria.png") no-repeat top center;
}
#menu ul li.okolica{
	background: url("gfx/okolica.png") no-repeat top center;
}
#menu ul li.kontakt{
	background: url("gfx/kontakt.png") no-repeat top center;
}

#menu ul li.oferta:hover,#menu ul li.ofertaactive{
	background: url("gfx/oferta.png") no-repeat bottom center;
}
#menu ul li.cennik:hover,#menu ul li.cennikactive{
	background: url("gfx/cennik.png") no-repeat bottom center;
}	
#menu ul li.galeria:hover,#menu ul li.galeriaactive{
	background: url("gfx/galeria.png") no-repeat bottom center;
}	
#menu ul li.okolica:hover,#menu ul li.okolicaactive{
	background: url("gfx/okolica.png") no-repeat bottom center;
}	
#menu ul li.kontakt:hover,#menu ul li.kontaktactive{
	background: url("gfx/kontakt.png") no-repeat bottom center;
}	*/

/*conten right*/
#content-right{

	margin: 98px 0 0 220px;
}
#baner{
	width: 806px;
	height: 504px;
}

/*bottom bar*/


#bottombar{
	background: url("gfx/bgbottombar.jpg") repeat-x;
	width: 100%;
	height: 275px;
}
.szybkikontakt{
	float:left;
	margin: 20px 0 0 0px;
}
.mapka{
	float:left;
	margin: 20px 0 0 0px;
}
.email{
	float:left;
	margin: 20px 0 0 0px;
}

/*content*/
#content{
	margin: -20px 0 20px 31px;
}
.bgcontenttop{
	background: url("gfx/bgcontnttop.png") no-repeat;
	width: 750px;
	height: 8px;
}
.content{
	background: url("gfx/bgcontent.png") repeat-y;
	width: 750px;
	min-height: 178px;
}
.bgcontentbottom{
	background: url("gfx/bgcontentbottom.png") no-repeat;
	width: 750px;
	height: 9px;
}
#content p{
	margin: 0;
	padding:5px 15px 20px 15px;
	line-height: 16px;
}
#content .left{

	width: 360px;	
	float: left;
	padding-bottom: 20px;
}
#content .right{
	width: 360px;	
	float: right;
	padding-bottom: 20px;
}

.content a img{
	background: url("gfx/imgbg.png") no-repeat;
	padding: 10px;
	margin: 3px 11px;
	border: none;
	overflow: hidden;
}
#content h2{
	padding-left: 20px;
}
#content ul{
	padding-left:40px;
}
#content ul li{
	list-style:circle;
}
.clear{
	clear:both;
}
a img{
	border: none;
}
.img{
	float: right; 
	border: 1px solid #fff; 
	margin: 0 9px 0 3px;
}
#lang{
	 margin-left: 690px;
}