/* CSS Document */
/* Author: kisskissdesign.com*/
/* website: kisskissdesign.com*/

/*general*/


body {
background-image:url(img/bckg_x.jpg);
background-repeat: repeat-x;
background-color: #e6eff5;
padding:0;
margin:0;
border:0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#container {
width: 900px;
height:615px;
margin: 0 auto 0 auto;

}

#header {
width:900px;
height:126px;
float:left;

}

#header_1 {
	
	width:234px;
	height:126px;
	background-image:url(img/head_1.jpg);
	background-repeat:no-repeat;
	float:left;
	
	
}

#header_2 {
	
	width:666px;
	height:96px;
	float:left;
	
		
	
}

#header_3 {
	
	width:523px;
	height:30px;
	background-image:url(img/head_3.jpg);
	background-repeat:no-repeat;
	float:left;
	
		
	
}

#header_4 {
	
	width:143px;
	height:30px;
	float:left;
	
	
		
	
}
	
	
	


#content {

	width:900px;
	height: 443px;
	float:left;
	
	
	
}

#left {
	
	height:443px;
	width:199px;
	float:left;
	
	
}

#left_1 {
	
	height:221px;
	width:199px;
	float:left;
	background-image:url(img/lek_1.jpg);
	background-repeat:no-repeat;
	
	
	
}


#left_2 {
	
	height:222px;
	width:199px;
	float:left;
	background-image:url(img/lek_2.jpg);
	background-repeat:no-repeat;
	
	
}

#center {
	
	height:443px;
	width:558px;
	float:left;
	
	
}

#center_1 {
	
	height:443px;
	width:48px;
	float:left;
	background-image:url(img/cent_1.jpg);
	background-repeat:no-repeat;
	
	
}
#center_wrap {
	
	height:443px;
	width:434px;
	float:left;
	
	
	
}



#center_2 {
	
	height:58px;
	width:434px;
	float:left;
	background-image:url(img/cent_2_x.jpg);
	background-repeat:repeat-x;
	
	
}

#center_3 {
	
	height:338px;
	width:434px;
	float:left;
	background-color:#dce9f2;
	
	
}

#center_4 {
	
	height:47px;
	width:434px;
	float:left;
	background-image:url(img/cent_4_x.jpg);
	background-repeat:repeat-x;
	
	
}

#center_5 {
	
	height:443px;
	width:76px;
	float:left;
	background-image:url(img/cent_5.jpg);
	background-repeat:no-repeat;
	
	
}

#right {
	
	height:443px;
	width:143px;
	float:left;	
	
}

#right_1 {
	
	height:98px;
	width:143px;
	float:left;
	background-image:url(img/right_1.jpg);
	background-repeat:no-repeat;
	
	
}

#menu{
height:216px;
width:143px;	
float:left;
}

#menu ul {
text-decoration:none;
height:54px;
padding:0;
border:0;
margin:0;
list-style:none;

}

#menu ul li {
text-decoration:none;
height:54px;
padding:0;
border:0;
margin:0;
list-style:none;
float:left;
}

#menu ul li a {
display:block;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#menu ul li.ofirmie a:link,
#menu ul li.ofirmie a:visited {
width:143px;
height:54px;;
float:left;
background-image:url(img/ofirmie.jpg);

}

#menu ul li.ofirmie a:hover,
#menu ul li.ofirmie a:active {
width:143px;
height:54px;
float:left;
background-image:url(img/ofirmie_on.jpg);

}

#menu ul li.kontakt a:link,
#menu ul li.kontakt a:visited {
width:143px;
height:54px;
float:left;
background-image:url(img/kontakt.jpg);

}

#menu ul li.kontakt a:hover,
#menu ul li.kontakt a:active {
width:143px;
height:54px;;
float:left;
background-image:url(img/kontakt_on.jpg);

}

#menu ul li.historia a:link,
#menu ul li.historia a:visited {
width:143px;
height:54px;
float:left;
background-image:url(img/historia.jpg);

}

#menu ul li.historia a:hover,
#menu ul li.historia a:active {
width:143px;
height:54px;
float:left;
background-image:url(img/historia_on.jpg);

}

#menu ul li.cele a:link,
#menu ul li.cele a:visited {
width:143px;
height:54px;
float:left;
background-image:url(img/cele.jpg);

}

#menu ul li.cele a:hover,
#menu ul li.cele a:active {
width:143px;
height:54px;;
float:left;
background-image:url(img/cele_on.jpg);

}

#right_2 {
	
	height:129px;
	width:143px;
	float:left;
	background-image:url(img/right_2.jpg);
	background-repeat:no-repeat;
	
	
}


#footer {

	width:900px;
	height:46px;
	float:left;
	
	
	
}

#footer_1 {

	width:199px;
	height:46px;
	float:left;
	
	
	
}


#footer_2 {

	width:653px;
	height:46px;
	float:left;
	
	
	
}

#footer_2 ul {
text-decoration:none;
height:46px;
padding:0;
border:0;
margin:0;
list-style:none;

}

#footer_2 ul li {
text-decoration:none;
height:46px;
padding:0;
border:0;
margin:0;
list-style:none;
float:left;
}

#footer_2 ul li a {
display:block;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#footer_2 ul li.adres a:link,
#footer_2 ul li.adres a:visited {
width:232px;
height:46px;;
float:left;
background-image:url(img/adres.jpg);

}

#footer_2 ul li.adres a:hover,
#footer_2 ul li.adres a:active {
width:232px;
height:46px;
float:left;
background-image:url(img/adres_on.jpg);

}

#footer_2 ul li.tel a:link,
#footer_2 ul li.tel a:visited {
width:182px;
height:46px;
float:left;
background-image:url(img/tel.jpg);

}

#footer_2 ul li.tel a:hover,
#footer_2 ul li.tel a:active {
width:182px;
height:46px;;
float:left;
background-image:url(img/tel_on.jpg);

}

#footer_2 ul li.mail a:link,
#footer_2 ul li.mail a:visited {
width:220px;
height:46px;
float:left;
background-image:url(img/mail.jpg);

}

#footer_2 ul li.mail a:hover,
#footer_2 ul li.mail a:active {
width:220px;
height:46px;
float:left;
background-image:url(img/mail_on.jpg);

}

/*Przewijalny div*/
#Example-3 {
	position: relative;
	width: 400px;
	height: 300px;
	background-color:#dce9f2;
	margin-left:0;
		
}

#Example-3-Content {
	position: absolute;
	top: 30px; 
	width:400px;
	height: 300px;
	overflow: hidden;
}

#Example-3 .Scroller-Container {
	position: absolute;
	top: 0px; 
	left: 0px;
}

#Example-3 p {
	margin: 0; 
	padding: 0px 20px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 20px;
	color: #616263;
}

#Example-3-Scrollbar {
	position: absolute;
	left: 410px;
}

#Example-3 .Scrollbar-Up,
 .Scrollbar-Up-Pressed {
	position: absolute;
	top: 120px;
	width: 9px; 
	height: 11px;
	background-image:url(img/scroll_up.jpg);
	font-size: 0px;
}

#Example-3 .Scrollbar-Down,
 .Scrollbar-Down-Pressed {
	position: absolute;
	top: 150px;
	width: 9px; height: 11px;
	background-image:url(img/scroll_down.jpg);
	font-size: 0px;
}

#Example-3 .Scrollbar-Track,
 .Scrollbar-Track-Pressed {
	width: 2px; 
	height: 2px;
	position: absolute;
	top: 135px;
	background-color: #EEE;
}

#Example-3 .Scrollbar-Track-Pressed {
	background-color: #DDD;
}

#Example-3 .Scrollbar-Handle,
 .Scrollbar-Handle-Pressed {
	position: absolute;
	width: 1px; height: 1px;
	background-color: #CCC;
}

#Example-3 .Scrollbar-Down-Pressed{
background-image:url(img/scroll_down_on.jpg);
width: 9px; height: 11px;
}
#Example-3 .Scrollbar-Up-Pressed {
background-image:url(img/scroll_up_on.jpg);
width: 9px; height: 11px;
}

#Example-3 .Scrollbar-Disabled {
	display: none;
}
/* Kontakt */
#formularz{
margin-left:100px;
margin-right:auto;
width:600px;
}





	






