/* css reset by Eric A. and Kathryn S. Meyer http://meyerweb.com/eric/tools/css/reset/*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;}
/* /css reset */
	
	body,
	html {
		color:#7c7c7c;
		font:11px Georgia, "Times New Roman", Times, serif;
		background:#cdc4b8 url(../images/bg.jpg) top center no-repeat;
		text-transform:uppercase
	}
	a{
		color:#7c7c7c;
		text-decoration:none
	}
	h1 span{
		display:none
	}
	a:hover{
		text-decoration:underline;
		color:#3f3f3f;
	}
	#wrap {
		width:961px;
		margin:0 auto;
	}
	#header {
		height:103px
	}
	#logo{
		position:relative;
		float:left;
		top:44px;
		left:65px
	}
	#nav {
		float:right;
		position:relative;
		top:65px;
		right:41px
	}
	#o-nas, #oferta, #pakiety, #trasy, #kontakt{
		display: inline;
		float:left;
		height: 13px;
		margin-left:26px
	}
	#o-nas:hover, #oferta:hover, #pakiety:hover, #trasy:hover, #kontakt:hover{ 
	  	background-position: 0 -13px;
	}
	#o-nas{
		width: 49px;
		background: url("../images/o-nas.gif") no-repeat 0 0;
	}
	#oferta{
		width: 58px;
		background: url("../images/oferta.gif") no-repeat 0 0;
	}
	#pakiety{
		width: 59px;
		background: url("../images/pakiety.gif") no-repeat 0 0;
	}
	#trasy{
		width: 47px;
		background: url("../images/trasy.gif") no-repeat 0 0;
	}
	#kontakt{
		width: 72px;
		background: url("../images/kontakt.gif") no-repeat 0 0;
	}
	#nav a.active{
		background-position: 0 -13px;
	}
	#nav span, #center p, #center h2, #center h3, h4 span{
		display: none;
	}
	h4{
		margin-top:27px;
		margin-left:23px
	}
	#center {
		float:left;
		clear:both;
		width:100%;
		height:374px
	}
	#main {
		float:left;
		clear:both;
		width:100%;
		height:246px;
		background: url(../images/index-main-bg.jpg) top left no-repeat;
		color:#e8e8e8;
		line-height:20px
	}
	.values, .legend{
		float:left;
		display:inline;
		margin-top:19px
	}
	.values{
		width:42px;
		text-align:center;
		margin-left:16px
	}
	.legend{
		width:130px;
		text-align:left;
		padding-left:9px;
	}
	.btn{
		display: inline;
		float:left;
		position:relative;
		top:29px;
		left:60px;
		height:42px;
		width: 42px;
		background: url("../images/btn.gif") no-repeat 0 0;
	}
	.btn:hover{ 
	  	background-position: 0 -42px;
	}
	.btn span{
		display:none
	}
	.price{
		font-size:10px;
		width:96px;
		float:right;
		display:inline;
		text-align:center;
		position:relative;
		color:#bb5460;
		top:36px
		}
	.price span{
		font-size:14px
	}
	.price span.first{
		font-size:18px
	}
	#footer {
		clear:both;
		padding:47px 0px 40px 0px
	}
	#footer p{
		float:left;
		text-indent:43px
	}
	#footer img{
		float:right;
		padding-right:43px
	}
	* html #footer {
		height:1px;
	}