@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
}
body {
    background: #e9e9de url(images/background.jpg) 0 0 repeat-x;
	overflow:scroll;
}
#container {
    width: 885px;
    margin: 0 auto;
    padding: 0;
}
#top{
	width:396px;
	height:188px;
    padding: 0;
	float:left;
}
#top1{
    background: #e9e9de url(images/top2.jpg) 0 0;
	width:489px;
	height:149px;
    padding: 0;
	float:right;
}
#menu{
    background: #000000;
	width:489px;
	height:39px;
    padding: 0;
	float:right;
}
a.start{
    background: #e9e9de url(images/start.jpg) 0 0;
	width:121px;
	height:39px;
    background-position: 0 -39px;
	float:left;
}
a.start:hover{
    background-position: 0 0px;
	float:left;
}a.oferta{
    background: #e9e9de url(images/oferta.jpg) 0 0;
	width:120px;
	height:39px;
    background-position: 0 -39px;
	float:left;
}
a.oferta:hover{
    background-position: 0 0px;
	float:left;
}
a.cennik{
    background: #e9e9de url(images/cennik.jpg) 0 0;
	width:120px;
	height:39px;
    background-position: 0 -39px;
	float:left;
}
a.cennik:hover{
    background-position: 0 0px;
	float:left;
}
a.kontakt{
    background: #e9e9de url(images/kontakt.jpg) 0 0;
	width:128px;
	height:39px;
    background-position: 0 -39px;
	float:left;
}
a.kontakt:hover{
    background-position: 0 0px;
	float:left;
}
#title{
	background:url(images/title.jpg) 0 0;
	width:885px;
	height:39px;
	margin:0 auto;
	clear:both;
}
#title h1{
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:inherit;
	padding:10px 0 0 20px;
    text-shadow: 0px 0px 5px #000;
}
#contentShadow{
	background:url(images/contentShadow.jpg) 0 0;
	width:885px;
	height:36px;
	margin:0 auto;
	clear:both;
}
#content{
	background: #e9e9de url(images/content.jpg) 0 0 repeat-y;
	width:885px;
	height:auto;
	overflow:hidden;
}
#content h2{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:inherit;
	padding:13px 0 0 20px;
	display:block;
}
#content ul.oferta{
    font:normal 12px/20px Arial, Helvetica, sans-serif;
    color:#000000;
	padding:0px 40px 0px 40px;
}
#content p.contact{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:inherit;
	padding:0 30px;
}
#content a{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:inherit;
	text-decoration:none;
}
#content a:hover{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	background-color:inherit;
	text-decoration:none;
}
#left{
	width:270px;
	height:auto;
	margin-left:25px;
	float:left;
}
#right{
	width:490px;
	height:auto;
	margin-right:20px;
	float:right;
	position:relative;
}
#right p{
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
#right ul{
    font:normal 14px/20px Arial, Helvetica, sans-serif;
    color:#000;
	padding:20px 40px;
}
#right ul li{
    font:normal 14px/20px Arial, Helvetica, sans-serif;
    color:#000;
}
#verticalLine{
	background:url(images/verticalLine.jpg);
	width:73px;
	height:384px;
	float:left;
}
#contentEnd{
	background:url(images/contentEnd.jpg) 0 0;
	width:885px;
	height:14px;
	margin:0 auto;
}
#footer{
    background:url(images/footer.jpg) 0 0;
	width:885px;
	height:41px;
	margin:0 auto;
	position:relative;
}
#footer p.copyright{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:inherit;
	padding:13px 0 0 20px;
}
#footer a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:inherit;
	text-decoration:none;
}
#footer a:hover{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#e9e9de;
	background-color:inherit;
	text-decoration:none;
}
#footer a.xhtml{
	width:40px;
	height:19px;
	background:url(images/xhtml.png) 0 0 no-repeat;
	right:45px;
	top:11px;
	position:absolute;
}
#footer a.xhtml:hover{
	background:url(images/xhtml2.png) 0 0 no-repeat;
}
#footer a.css{
	width:32px;
	height:19px;
	background:url(images/css.png) 0 0 no-repeat;
	right:10px;
	top:11px;
	position:absolute;
}
#footer a.css:hover{
	background:url(images/css2.png) 0 0 no-repeat;
}