@CHARSET "UTF-8";
#wrapper {
	width: 800px;
	margin: 10px auto;
}
#wrapper #left {
	float: left;
	width: 131px;

}
#wrapper #left h2 {
	position: relative;
	left: 13px;
	top: 37px;
	display: block;
	width: 104px;
	height: 254px;
	background: url(../images/informacyjna/logo.jpg) no-repeat top left;
	text-indent: -9999px;
}
#wrapper #left h3 {
	position: relative;
	left: 23px;
	top: 61px;
	display: block;
	width: 60px;
	height: 1062px;
	background: url(../images/informacyjna/slogan.jpg) no-repeat top left;
	text-indent: -9999px;
}
#wrapper #right {
	float: left;
	width: 659px;
}
#wrapper #right #content {
	position: relative;
}
#wrapper #right h1 {
	display: block;
	width: 659px;
	height: 78px;
	background: url(../images/informacyjna/header.jpg) no-repeat top left;
	text-indent: -9999px;
}
#wrapper #right h5 {
	font-size: 16px;
	color: #37948f;
	line-height: 25px;
	padding: 40px 0px 0px 10px;
	word-spacing: 3px;
}
#wrapper #right span.question {
	display: block;
	float: left;
	width: 26px;
	height: 27px;
	text-indent: -9999px;
	padding: 12px 0px;
}
#wrapper #right label.question {
	padding: 12px 0px;
}	
#wrapper #right span.q1 {
	background: url(../images/informacyjna/1.gif) no-repeat center left;
}
#wrapper #right span.q2 {
	background: url(../images/informacyjna/2.gif) no-repeat center left;
}
#wrapper #right span.q3 {
	background: url(../images/informacyjna/3.gif) no-repeat center left;
}
#wrapper #right span.q4 {
	background: url(../images/informacyjna/4.gif) no-repeat center left;
}
#wrapper #right span.q5 {
	background: url(../images/informacyjna/5.gif) no-repeat center left;
}
#wrapper #right span.q6 {
	background: url(../images/informacyjna/6.gif) no-repeat center left;
}
#wrapper #right span.q7 {
	background: url(../images/informacyjna/7.gif) no-repeat center left;
}
#wrapper #right span.q8 {
	background: url(../images/informacyjna/8.gif) no-repeat center left;
}
#wrapper #right label {
	line-height: 28px;
	color: #333333;
	padding-left: 5px;
	font-size: 17px;
	float: left;
}
#wrapper #right #page2 label {
	padding-right: 10px;
}
#wrapper #right .inputText {
	background: url(../images/informacyjna/input.jpg) no-repeat top left;
	width: 588px;
	height: 26px;
	border: 0px;
	padding: 8px;
	font-size: 21px;
	margin: 5px 0px 0px 15px;
}
#wrapper #right #page1,
#wrapper #right #page2 {
	position: absolute;
	top: 0px;
	left: 0px;
}
#wrapper #right #page2 .userdata {
	width: 255px;
	height: 27px;
	padding: 3px;
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;	
}
#wrapper #right #page2 .userdataLong {
    width: 330px;
    text-align: left;
}
#i_legal {
    margin-top: 5px;
}
#wrapper #right #page2 .inputTextShort {
	background: url(../images/informacyjna/inputShort.jpg) no-repeat top left;
	width: 368px;
	height: 27px;
	border: 0px;
	padding: 3px;
	font-size: 21px;
	margin: 5px 0px 0px 15px;
}
#wrapper #right #page2 .switchPage {
	margin: 10px;
}
.first {
	padding-left: 30px;
	display: block;
	clear: left;
}
.second {
	padding-left: 220px;
	display: block;
}
.third {
	padding-left: 410px;
	display: block;
}
.hidden {
	display: none;
}
.error > a,
.error {
	color: #a82240 !important;
	font-weight: bold;
	font-size: 16px !important;
}
hr {
	width: 595px;
	height: 7px;
	border: 0px;
	background: url(../images/informacyjna/border.jpg) top left no-repeat;
}
#wrapper #right #error {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	color: #a82240 !important;
}
#wrapper #right #success {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	color: #43bd58 !important;
}
#wrapper #right #page2 p {
	clear: left;
	width: 590px;
	padding: 15px 15px 15px 34px;
	font-size: 17px;
	text-align: justify;
	line-height: 29px;
}
#wrapper #right #page2 p.questionaire {
	font-weight: bold;
	font-size: 21px;
}
#wrapper #right #page2 p.questionaire span.w1 {
	color: #1c9bd5;
}
#wrapper #right #page2 p.questionaire span.w2 {
	color: #2c9357;
}
#wrapper #right #page2 p.questionaire span.w3 {
	color: #f5d330;
}
#wrapper #right #page2 p.questionaire a {
	color: #000;
}
#wrapper #right #page2 span.list1 {
	background: url(../images/informacyjna/list_1.jpg) no-repeat top left;
	height: 29px;
	width: 44px;
	text-indent: -9999px;
	display: block;
	float: left;
	margin-right: 10px;
}
#wrapper #right #page2 span.list2 {
	background: url(../images/informacyjna/list_2.jpg) no-repeat top left;
	height: 29px;
	width: 44px;
	text-indent: -9999px;
	display: block;
	float: left;
	margin-right: 10px;
}
#wrapper #right #page2 span.list3 {
	background: url(../images/informacyjna/list_3.jpg) no-repeat top left;
	height: 29px;
	width: 44px;
	text-indent: -9999px;
	display: block;
	float: left;
	margin-right: 10px;
}
button {
	margin: 30px 0px 30px 400px;
	padding: 5px 30px;
	border: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: #37948f;
}
.legal span.ui-checkbox {
    margin-top: 10px;
}
span.ui-checkbox,
span.ui-radio {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	background: url(../images/informacyjna/checkbox.jpg) top left no-repeat;
}
span.ui-helper-hidden {
	display: none;
}
span.ui-radio-state-hover,
span.ui-checkbox-state-hover {
	background-position: 0 0;
}

span.ui-checkbox-state-checked {
	background-position: 0 -25px;
}

span.ui-checkbox-state-checked-hover {
	background-position: 0 -25px;
}
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked {
	background-position: 0 -25px;
}


span.ui-radio-state-checked-hover {
	background-position: 0 -25px;
}
.ui-helper-hidden-accessible {
	position: absolute;
	left: -999em;
}