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

.clr {
	clear: both;
}

a {
	color: inherit;
}

body {
	background-color: #fff;
}
#wrapper {
	width: 1240px;
	margin: 0 auto;
	color: #000;
	padding-top: 30px;
	.zahod {
		width: 620px;
		h1 {
			font: 70px/84px Octava;
		}
		h2 {
			font: 17px/20px Futura;
		}
		.auth {
			font: italic 12px/14px Octava;
		}
		.lead {
			font: 17px/20px Octava;
		}
	}
}


.select_ekz {
	h1 {
		font: 40px/48px Octava;
	}
	td {
		vertical-align: top;
		padding: 35px 0 0;
		cursor: pointer;
	}
	img {
		float: left;
		display: block;
	}
	p {
		font: 30px/36px Octava;
		margin: 0 0 0 35px;
		float: left;
		width: 180px;
	}
}

.fix_panel {
	position: absolute;
	width: 260px;
	background: url(../images/line.png) no-repeat right top;
	
	.predmet {
		img {
			float: left;
			display: block;
		}
		p {
			font: 30px/36px Octava;
			margin-left: 10px;
			float: left;
		}
		.counter {
			font: 15px/19px Futura;
			color: blue;
		}
		.show-result {
			color: blue;
			font: italic 40px/30px Octava;
			text-decoration: underline;
			cursor: pointer;
		}
		.restart {
			font: 14px/23px Futura;
			color: blue;
			text-decoration: underline;
			cursor: pointer;
		}
	}
}


.test {
	margin-left: 200px;
	display: none;
	.question-block {
		margin-left: 190px;
		margin-top: 60px;
	}
	.question {
		padding-left: 90px;
		font: 18px/21px Octava;
	}
	
	p {
		font: 16px/25px Futura;
	}
	table {
		margin: 30px 0 0 100px;
		td {
			vertical-align: top;
			width: 250px;
			padding-right: 10px;
		}
	}
	.t-answer {
		cursor: pointer;
		&.g {
			background-color: #31ec31;
		}
		&.active {
			color: red;
		}
	}
}
.fizra {
	h2 {
		font: 30px/36px Octava;
	}
	.desc {
		font: 16px/25px Futura;
		width: 600px;
		margin-top: 40px;
	}
	.restart {
		font: 14px/23px Futura;
		color: blue;
		text-decoration: underline;
		cursor: pointer;
	}
}

.finish {
	display: none;
	margin: 200px 0 0 80px;
	width: 520px;
	
	.show-right {
		text-align: center;
		font: 24px/32px Octava;
		padding: 10px 0 30px;
		color: green;
		cursor: pointer;
		text-decoration: underline;
		/*&: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 25px;
		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);
			}
		}
		.fb {
			width: 162px;
			height: 43px;
			background: url(../images/fb.png);
			cursor: pointer;
			float: left;
			&:hover {
				background: url(../images/fb_hover.png);
			}
		}
	}
}