body
{
    margin: 0;
    padding: 0;
    font-family: Verdana, sans-serif;
    font-size: small;
    background: #FFF;
    color: #333;
}

/* slider */

	/* Required */
	
.container { width:484px; height:108px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:484px; display:none; }

	/* Optional */
	
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

#loopedSlider
{ 
	margin:18px auto; 
	width:484px; 
	position: relative; 
		  top: -50px;
		  left: 10px;	 
   clear:both; 
}

ul.pagination { list-style-type:none; margin:0; padding:0; margin: 9px auto; width:484px; }
ul.pagination li { float:left; margin:0 5px; }
ul.pagination a { display:block; width:14px; padding-top:14px; height:0; overflow:hidden; background-image:url(gfx/buttom.png); background-position:0 0; background-repeat:no-repeat;}
ul.pagination li.active a {background-position:0 -14px}



/* struktura układu */

img
{
	border: 0;
}

#wrap
{
	width: 1000px;
	margin: 0 auto;
	font-family: Arial, sans-serif;
	font-size: 90%;
	color: #666;
}

#top
{
	width: 970px;
	height: 71px;
	padding: 15px;
	border-bottom: 1px solid #ccc;
}

#logo
{
	float: left;
}

#menu
{
	float: right;
	position: relative;
				 top: 10px;
	font-size: 90%;
}

#menu ul
{
	list-style: none;
}

#menu ul li
{
	padding: 12px;
	float: left;
}

#menu a
{
	text-decoration: none;
	color: #999;
}

#menu a:hover
{
	text-decoration: none;
	color: #3399cc;
	border-bottom: 2px solid #3399cc;
}

#content
{
	clear: both;
	width: 100%;
	font-family: Arial, sans-serif;
	font-size: 90%;
	line-height: 1.8em;
}

#content a
{
	color: #666;
	text-decoration: none;
}

#content a:hover
{
	color: #3399cc;
	text-decoration: none;
}

#content p
{
	padding: 10px;
	text-align: justify;
}

#oferta
{
	clear: both;
	width: 615px;
	height: 366px;
	margin: 0 auto;
	background: url(gfx/motyloferta.png) center no-repeat;
}

#buttoms
{
	padding-top: 15px;
}

.oferta_pad
{
	padding: 3px;
}

#main_left
{
	float: left;
	width: 483px;
	height: 152px;
	margin: 135px 0 0 60px;
}

#main_right
{
	float: right;
	width: 376px;
	height: 349px;
	margin: 25px 0 0 0;
	background: url(gfx/motyl.png) no-repeat;
}

#footer
{
	clear: both;
	width: 931px;
	height: 154px;
	margin: 0 auto;
	font-family: Arial, sans-serif;
	font-size: 90%;
	color: #666;
	line-height: 1.5em;
	text-align: justify;
	background: url(gfx/footer.png) no-repeat;
}

#footer a
{
	color: #3399cc;
	text-decoration: none;
}

#footer a:hover
{
	color: #000;
	text-decoration: none;
}

#footer h1
{
	font-family: Arial, sans-serif;
	font-size: 95%;
	font-weight: bold;
	color: #333;
}

#footer_left
{
	float: left;
	width: 470px;
	height: 154px;
	padding: 36px 35px 35px 35px;
}

#footer_right
{
	float: right;
	position: relative;
				 top: -10px;
	width: 380px;
	height: 154px;
}

#frl
{
	float: left;
	width: 175px;
	height: 140px;
	margin: 8px 8px 8px 0;
}

#frr
{
	float: right;
	width: 175px;
	height: 140px;
	margin: 8px 8px 8px 1px;
}

#real_footer
{
	clear: both;
	position: relative;
				 top: -65px;
				 left: 5px;
	width: 100%;
	color: #999;
}

#real_footer a
{
	padding: 7px 12px 7px 0;
	color: #999;
	text-decoration: none;
}

#real_footer a:hover
{
	padding: 7px 12px 7px 0;
	color: #3399cc;
	text-decoration: none;
}

#real_footer_left
{
	float: left;
}

#real_footer_right
{
	float: right;
}

#kolka
{
	position: relative;
				 top: -230px;
				 left: -5px;
	z-index: -1;
	width: 210px;
	height: 180px;
	background: url(gfx/kolka.png) no-repeat;
}

/* pakiety */

.topy
{
	font-size: 130%;
	font-weight: normal;
	color: #3399cc;
}

#pakiet
{
	width: 930px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: url(gfx/motyl2.png) center no-repeat;
}

#pakiety
{
	width: 900px;
	margin: 0 auto;
	padding: 25px 10px 25px 10px;
}

#pakiety a
{
	padding: 5px;
	font-family: Arial, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
}

#pakiety a:hover
{
	padding: 5px;
	font-family: Arial, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #3399cc;
	border-bottom: 2px solid #3399cc;
	text-decoration: none;
}

.active2
{
	text-decoration: none;
	color: #3399cc;
}

.opispakietu
{
	float: left;
	width: 290px;
	margin: 10px;
}

.cena
{
	font-size: 115%;
}

#whyus
{
	width: 471px;
	height: 50px;
	margin-top: 25px;
	background: #fff;
}

/* portfolio */

.portfolio
{
	width: 930px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	background: url(gfx/border.png) bottom repeat-x;
}

.portfolioend
{
	width: 930px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}

.portfoliol
{
	float: left;
	width: 410px;
	padding: 10px;
}

.portfolior
{
	float: right;
	width: 480px;
	padding: 10px;
}

/* style */

.kontakt
{
	line-height: 2.2em;
	font-weight: bold;
}

.empty
{
	clear: both;
	width: 100%;
	height: 1px;
}

.center
{
text-align: center;
}

.position001
{
	position: relative;
				 top: -13px;
				 left: 465px;
}

.img-pad
{
	padding: 0 10px 0 0;
}

.img-pad2
{
	padding: 10px;
}

.footertext
{
	clear: both;
	position: relative;
				 top: 15px;
				 left: -520px;
}
