body {
	background: #cdd7d8;
	font: 80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
	color: #333;
	line-height: 180%;
	background-image: url('images/tlo.png');
}
img{border:none;}
   /* image replacement */
.graphic, #prevBtn, #nextBtn{
	margin:0 auto;
	position:relative;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
}
    /* // image replacement */
			

	
#header{
	margin-left:auto;
	margin-right:auto;
	width:830px;
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	height: 113px;

}				
#content{

	margin-left:auto;
	margin-right:auto;
	position:relative;
	background:#e6efee;	
	text-align:left;
	width:830px;
}
#srodek {
	padding: 5px 15px 5px 15px;
	display: block;
	overflow: auto;
	background: #e6efee;
	background-image: url('images/white.png');
	background-repeat: repeat-x;
	background-position: bottom;

}
#kontakt {
	float: right;
	width: 270px;


}
#mail {
	background-image: url('images/email.png');
	background-repeat: no-repeat;
	width: 55px;
	height: 113px;
	margin:10px;
	float:left;

}
#tresc {
	width: 455px;
	float: left;
}
#stopka{
	margin-left:auto;
	margin-right:auto;

	width: 830px;
	text-align: right;
}

/* Easy Slider */

#slider{
	margin: auto;
}	
#slider ul, #slider li{
	padding:0;
	list-style:none;
}
#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	width:800px;
	height:300px;
	overflow:hidden; 
}	
#prevBtn, #nextBtn{ 
	display:block;
	width:61px;
	height:150px;
	position:absolute;
	left:-60px;
	top:85px;
}	
#nextBtn{ 
	left:830px;
}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:60px;
	height:150px;
	background:url(images/l.png) no-repeat 0 0;	
}	
#nextBtn a{ 
	background:url(images/p.png) no-repeat 0 0;	
}

/*Kwick slider*/	
.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	height:100px;
}
.kwicks li{
	width: 196px;
	height: 100px;
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 4px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}
.kwicks li a{
	height: 100px;
	outline:none;
	display:block;
	background-image:url(images/menu.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
#kwick1 a{
	background-position:0px 0px;
}
#kwick1 a:hover, #kwick1 #aktiv{
background-position:0px -100px !important;
}
#kwick2 a{
	background-position:-250px 0px;
}
#kwick2 a:hover, #kwick2 #aktiv{
	background-position:-250px -100px!important;
}
#kwick3 a{
	background-position:-500px 0px;
}
#kwick3 a:hover, #kwick3 #aktiv{
	background-position:-500px -100px!important;
}
#kwick4 a{
background-position:-750px 0px;
}
#kwick4 a:hover, #kwick4 #aktiv{
background-position:-750px -100px!important;
}
.kwicks.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}