#wrapper {
   position:relative;
	margin:0 auto;
	padding:0;
	vertical-align: bottom;
	text-align:center;
	left:0px;
	top:0px;
	width:960px;
	height:768px;
}



#witamy-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:960px;
	height:28px;
}

#witamy-02_ {
	position:absolute;
	left:0px;
	top:28px;
	width:20px;
	height:198px;
}

#witamy-03_ {
	position:absolute;
	left:20px;
	top:28px;
	width:920px;
	height:198px;
}

#witamy-04_ {
	position:absolute;
	left:940px;
	top:28px;
	width:20px;
	height:198px;
}

#witamy-05_ {
	position:absolute;
	left:0px;
	top:226px;
	width:20px;
	height:542px;
}


#witamy-06_ {
	position:absolute;
	left:20px;
	top:226px;
	width:167px;
	height:57px;
}

#witamy-07_ {
	position:absolute;
	left:187px;
	top:226px;
	width:205px;
	height:498px;
}



#witamy-09_ {
	position:absolute;
	left:575px;
	top:226px;
	width:365px;
	height:498px;
}

#witamy-10_ {
	position:absolute;
	left:940px;
	top:226px;
	width:20px;
	height:542px;
}

#witamy-11_ {
	position:absolute;
	left:20px;
	top:283px;
	width:167px;
	height:51px;
}

#witamy-12_ {
	position:absolute;
	left:392px;
	top:297px;
	width:183px;
	height:427px;
}

#witamy-13_ {
	position:absolute;
	left:20px;
	top:334px;
	width:167px;
	height:50px;
}

#witamy-14_ {
	position:absolute;
	left:20px;
	top:384px;
	width:167px;
	height:47px;
}

#witamy-15_ {
	position:absolute;
	left:20px;
	top:431px;
	width:167px;
	height:46px;
}

#witamy-16_ {
	position:absolute;
	left:20px;
	top:477px;
	width:167px;
	height:49px;
}

#witamy-17_ {
	position:absolute;
	left:20px;
	top:526px;
	width:167px;
	height:45px;
}

#witamy-18_ {
	position:absolute;
	left:20px;
	top:571px;
	width:167px;
	height:153px;
}




#tlo-srodek03 {
	position:absolute;
	left:392px;
	top:226px;
	width:519px;
	height:498px;
	z-index:-1;
}
#stopka-19_ {
	position:absolute;
	left:20px;
	top:724px;
	width:399px;
	height:44px;
}
#stopka-20_ {
	position:absolute;
	left:419px;
	top:724px;
	width:223px;
	height:44px;
}

#stopka-21_ {
	position:absolute;
	left:642px;
	top:724px;
	width:298px;
	height:23px;
}


#stopka-23_ {
	position:absolute;
	left:642px;
	top:747px;
	width:298px;
	height:21px;
}
#witamy8 {
  	position:absolute;
	left:392px;
	top:246px;
	width:168px;
	height:33px;
}
#wybierznas8{
	position:absolute;
	left:392px;
	top:246px;
	width:168px;
	height:33px;
}
#ankieta8{
  	position:absolute;
	left:392px;
	top:246px;
	width:168px;
	height:33px;
}

#ankieta-przedslubna-button{
	position:absolute;
	left:825px;
	top:241px;
	width:77px;
	height:58px;
}
a:focus, a:hover, a:active {
	-moz-outline: none;
	outline: none;
	ie-dummy: expression(this.hideFocus=true);
	color:#00889f;
	cursor: pointer; /* hand-shaped cursor */
   cursor: hand; /* for IE 5.x */
}
img{
	border:0px;
}
a{
	font-family:Arial, Verdana;
	color:#00889f;
	font-size:13px;
	text-decoration:none;
	cursor: pointer; /* hand-shaped cursor */
   cursor: hand; /* for IE 5.x */
}

a:hover{
	text-decoration: underline;
}

ul{
	list-style-type:square;
	padding: 0px;
	margin: 4px;
	padding-right:-10px;
	
}
ul li{
	padding:5px;
	 margin-left:0px;
	 padding-left:10px;
/* width:97%;*/
	 
	 text-align:justify;
}

.toggler{
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color:#00889f;
}
h3{
	font-size:13px;
 	margin: 0px;
	padding: 6px;
	text-decoration:none;
	color:#00889f;
}
h3:focus, h3:hover, h3:active, h3:inactive{
	text-decoration:none;
	padding: 6px;
}
/*p.toggletext {
 	display: none; 
	text-indent:0px;
	padding-left:10px;
 	padding-top: 15px;
	padding: 0px;
 
}*/
div.toggletext {
 display: none; 
 text-indent:0px;
 margin-left:10px;
 padding: 20 0; 
 padding-top: 10px;
 padding-bottom: 10px;
 text-align:justify;
 
}
body{
	font-family:Arial, Verdana;
	color:#00889f;
	/* background-color:#00889f; */
	background-image:url('../img/tlo-pion.jpg');
	background-repeat:repeat-x;
	font-size:13px;
	text-align:justify;
	margin: 0 0 0 0px;

}
.row{
	text-align:left;
	padding:0px;
	margin:0px;
}

#content-survey{
	position:absolute;
	left:420px;
	top:230px;
	width:520px;
	height:490px;
	text-align:justify;
	overflow:none;
	margin:0;
}
#footer-survey{
	position:absolute;
	top:784px;
	left:20px;
	padding-left:20px;
}

#ankieta-przedslubna{
	height: 400px;
	position:absolute;
	top:75px;
	
}
.css-form p{
	width: 400px;
	border:0px;
	float: left;
	margin: 0;
	padding: 3px 0 3px 0;
	padding-left: 165px; /*width of left column containing the label elements*/
	/*border-top: 1px dashed gray;*/
  /*	height: 1%;*/
}

.css-form label{
	font-weight: bold;
	color:#00889f;
	float: left;
	margin-left: -165px; /*width of left column*/
	margin-top: 0px;
	width: 160px; /*width of labels. Should be smaller than left column to create some right margin*/
}
.css-form label.label2{
	font-weight: bold;
	color:#00889f;
	float: left;
	margin-left: -165px; /*width of left column*/
	margin-top: 7px;
	width: 450px; /*width of labels. Should be smaller than left column to create some right margin*/
}

.css-form input[type="checkbox"]{ 
   float: left;	
	color:#00889f;
	margin-left: -150px; /*width of left column*/
}

.css-form input[type="text"]{ 
 	color:#00889f;
	width:150px;
}
.css-form select{
	width: 154px;
	color:#00889f;
	
}
.css-form label.labelchk{
  font-weight: normal;
  float: left;	
  color:#00889f;	
  margin-left: -125px; /*width of left column*/	
  width: 120px; /*width of labels. Should be smaller than left column to create some right margin*/	
	
}
.css-form label.labelchk2{
  font-weight: normal;
  float: left;	
  color:#00889f;	
  margin-left: -130px; /*width of left column*/	
  width: 450px; /*width of labels. Should be smaller than left column to create some right margin*/	
	
}
.css-form label.labelchk3{
  font-weight: normal;
  float: left;	
  color:#00889f;	
  margin-left: -130px; /*width of left column*/	
  width: 483px; /*width of labels. Should be smaller than left column to create some right margin*/	
	
}
.css-form label.labelnormal{
  font-weight: normal;
  text-align:right;	
  color:#00889f;	
}
.css-form textarea{
	width: 149px;
	height: 40px;
	margin: 0px;
	color:#00889f;
}

.submitnext{
  position:absolute;
  top:450px; 
  left:363px;
  width: 130px;
  height: 25px;
  margin: 0;
  padding: 0;
  border: 0;
	background:  url(../img/submitnext.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  color:#00889f;	

}
.submitprev{
  position:absolute;
  top:450px; 
  left:3px;
  width: 140px;
  height: 25px;
  width: 130px;
  height: 20x;
  margin: 0;
  padding: 0;
  border: 0;
  background:  url(../img/submitprev.png) no-repeat left top;
  text-indent: -5000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  color:#ffffff;	

}
.submitsend{
	width: 102px;
	height: 21px;
  margin: 0;
  padding: 0;
  border: 0;
  background:  url(../img/submitsend.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
	position:absolute;
	top:450px;
	left:405px;
	width:110px;
	color:#00889f;
}
#content-middle{
	position:absolute;
	width:910px;
	top:290px;
	left:0px;
	margin-top: 0;
	padding-top: 0px;

}

#content-middle-toggled{
	text-align:justify;
	margin-top: 0;
	padding-top: 70px;
	padding-left:50px;
}
#content-middle-offer{
  	position:absolute;
	width:911px;
	top:226px;
	left:0px;
	margin-top: 0;
	padding-top: 0px;
}
#content-middle-normal{
	position:absolute;
	left:420px;
	top:310px;
	width:489px;
	height:300px;
	text-align:justify;
	margin: 0 0 0 0;
}
#content-middle-omnie{
	position:absolute;
	left:420px;
	top:290px;
	width:489px;
	height:300px;
	text-align:justify;
	margin: 0 0 0 0;
}
#content-middle-zaprzyjaznieni{
	position:absolute;
	left:495px;
	top:310px;
	width:360px;
	height:300px;
	text-align:justify;
	margin: 0 0 0 0;
}
#content-intro{
	position:relative;
	margin:0 auto;
	left:0px;
	top:0px;
	width:550px;
	height:440px;
	text-align:center;

}


#oferta-specjalna{
	position:absolute;
	left:805px;
	top:10px;
	width:114px;
	height:64px;
}
.justify1{
	text-align:justify;
}

