/* ############## */
* {
	margin: 0;
	padding: 0;
}

.clr {
	clear: both;
}

.yellow_line {
	position: absolute;
	width: 100%;
	height: 20px;
	z-index: -10;
	background-color: #FDFB45;
	top: 0;
	left: 0;
}

body {
	background-color: #fff;
}
#wrapper {
	width: 1200px;
	margin: 0 auto;
	color: #000;
	padding-top: 30px;
	.ybg {
		background: url(../images/yellow.png) top left;
	}
	.lead {
		width: 725px;
		font: 19px/40px Octava;
	}
}

td {
	vertical-align: top;
}

.test {
	width: 900px;
	padding-bottom: 50px;
	
	.question {
		padding-right: 90px;
		font: 40px/48px Octava;
		width: 330px;
	}
	
	p {
		font: 19px/40px Octava;
	}
	.txt {
		padding-left: 20px;
	}
	.t-answer {
		cursor: pointer;
		&.g {
	
	
			background-color: #31ec31;
		}
		span {
			padding: 0 20px;
		}
	}
}
.select_text {
	position: relative;
	
	h2 {
		font: 40px/48px Octava;
		width: 600px;
	}
	.text {
		width: 720px;
		font: 19px/40px Octava;
		span {
			background-color: #FDFB45;
			cursor: pointer;
			&.replaced {
				background-color: #FF8A36;
			}
		}
		.select {
			position: absolute;
			background-color: #FFFEDC;
			font: 14px/22px Octava;
			display: none;
			cursor: pointer;
			z-index: 100;
			
			li {
				padding: 3px 10px;
				&:hover {
					background-color: #FDFB45;
				}
			}
		}
	}
}

.show-result {
	width: 520px;
	height: 85px;
	font: 65px/70px Octava;
	margin: 100px 0 0 80px;
	text-align: center;
	cursor: pointer;
	background-color: #FDFB45;
	display: none;
}

.finish {
	display: none;
	margin: 100px 0 0 80px;
	width: 520px;
	background-color: #FDFB45;
	
	.show-right {
		text-align: center;
		font: 18px/32px Octava;
		padding: 10px 0 30px;
		cursor: pointer;
		&:hover {
			text-decoration: underline;
		}
	}
	
	.desc {
		text-align: center;
		font: 27px/32px Octava;
		padding: 30px 0;
		
		span {
			padding-bottom: 20px;
			display: block;
		}
	}
	.buttons {
		margin: 20px 0 0 105px;
		padding-bottom: 20px;
		
		img {
			float: left;
		}
		.vk {
			width: 162px;
			height: 43px;
			background: url(../images/vk.png);
			cursor: pointer;
			float: left;
			&:hover {
				background: url(../images/vk_hover.png);
			}
		}
		.tw {
			width: 162px;
			height: 43px;
			background: url(../images/twitter.png);
			cursor: pointer;
			float: left;
			&:hover {
				background: url(../images/twitter_hover.png);
			}
		}
	}
}